/**
* 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 */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
/* font-family: 'Play', sans-serif; */

@font-face {
    font-family: 'Pretendard-Thin';
    src: url('../font/Pretendard-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('../font/Pretendard-ExtraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('../font/Pretendard-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../font/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('../font/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('../font/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('../font/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('../font/Pretendard-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('../font/Pretendard-Black.woff2') format('woff2');
}

: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 .cm_inner {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .cm_inner02 {
    max-width: 1630px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .cm_inner03 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .cm_inner04 {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .tit_box .tit.whiteTxt{
    color: #F8F8F8;
}
.wp_wrap .tit_box .desc.whiteTxt{
    color: #f3f3f3;
}
.wp_wrap .tit_box .desc.blackTxt{
    color: #434343;
}

/* 서브 섹션 */
.wp_wrap .cm_sec{
    padding: 140px 0 180px;
}
.wp_wrap .cm_sec02{
    padding: 210px 0 0 0;
}
.wp_wrap .tit_box .tit{
    position: relative;
    font-size: 60px;
    font-family: var(--font-pre300);
    margin-bottom: 70px;
}
.wp_wrap .tit_box .tit span{
    font-family: var(--font-pre700);
}
.wp_wrap .tit_box .tit::after{
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 64px;
    height: 3px;
    background: #A4A4A4;
}
.wp_wrap .tit_box .desc{
    font-size: 22px;
    font-family: var(--font-pre300);
    color: #848484;
}

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






/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/

.wp_wrap header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: transparent;
    /* border-bottom: 1px solid #ddd; */
    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{
    display: block;
    width: 206px;
    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;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-shrink: 0; */
    margin-left: 80px;
    width: 8%;
    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);
    /* transition: all 0.8s cubic-bezier(.89,.17,.36,.24), width 1s cubic-bezier(.89,.17,.36,.24); */
}
.wp_wrap header .h_inner nav .gnb>li::after{
    content: "";
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left;
    background: #A70A2B;
    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;
    font-size:20px;
    /* padding: 37px 0; */
    color: #fff;
    width: 100%;
    text-align: center;
    transition: 0.3s;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.wp_wrap header .h_inner nav .gnb>li>.sub_mnu {
    position: absolute;
    top: calc(100% + 1px);
    /* min-height: 240px; */
    min-height: 260px;
    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 rgba(197, 197, 197, 0.5);
}
.wp_wrap header.header_hover .h_inner nav .gnb>li:first-child>.sub_mnu {
    border-left: 1px solid rgba(197, 197, 197, 0.5);
}
.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: 17px;
    padding: 10px 0;
    color: #fff;
    text-align: left;
}
.wp_wrap header .h_inner nav .gnb>li>.sub_mnu li>a:hover{
    color: #c6415e !important;
}
.wp_wrap header .h_inner .convenient_box{
    display: flex;
    /* margin-left: 40px; */
    margin-left: 120px;
    align-items: center;
    justify-content: flex-end;
    /* gap: 25px; */
    gap: 150px;
}
.wp_wrap header .h_inner .convenient_box .lang_box{
    position: relative;
}
.wp_wrap header .h_inner .convenient_box .lang_box .language{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: unset;
    opacity: 0.7;
    transition: 0.3s;
    gap: 6px;
}
.wp_wrap header .h_inner .convenient_box .lang_box .language span{
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
}
.wp_wrap header .h_inner .convenient_box .lang_box .language i{
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
}
.wp_wrap header .h_inner .convenient_box .lang_box .language:hover{
    opacity: 1;
}



.wp_wrap header .h_inner .convenient_box .mopen{
    padding: 38.5px 0;

}
.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;
    width: 29px;
    height: 3px;
    background: #fff;
    transition: 0.3s;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box:hover span:nth-child(1) {
    animation-name: fir;
    animation-duration: 0.7s;
    animation-delay: 0.1s;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box:hover span:nth-child(2) {
    animation-name: fir;
    animation-duration: 0.7s;
    animation-delay: 0.2s;
    width: 25px;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box:hover span:nth-child(3) {
    animation-name: fir;
    animation-duration: 0.7s;
    animation-delay: 0.3s;
    width: 20px;
}

@keyframes fir {
    0% {background: #fff;}
    50%{background: #A70A2B;}
    100% {background: #fff;}
}


.wp_wrap header.header_hover {
    /* height: 340px; */
    height: 360px;
    background-color:rgba(0, 0, 0, 0.9);    
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
    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: rgba(197, 197, 197, 0.5);

}

.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: 20% !important;
    
    width: 14.2857142857% !important;
    width: 16.6666667% !important;
    margin-left: 0;
}

.wp_wrap header.header_hover .h_inner nav .gnb>li:hover>a{
    color: #ca415e;
}
.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 .language{
    opacity: 1;
}

.wp_wrap .ful_mnu{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    background: rgb(249 249 249 / 95%);
    height: 100vh;
    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 .close_icon {
    position: absolute;
    top: 30px;
    right: 35px;
    cursor: pointer;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .close_icon i{
    font-size: 35px;
    color: #000;
}



.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .top {
    margin-bottom: 85px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .top .logo img{
    margin:0 auto;
    width: 30%;
}



.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 75px;
}
.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{
    display: flex;  
    align-items: center;
    flex-direction: column;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .fcha{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 40px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .fcha>p {
    font-size: 29px;
    padding: 15px 0;
    font-family: var(--font-pre500);
    color: #000;
    width: 100%;
    text-align: center;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .scha li{
    min-width: 200px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .scha li a {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    font-size: 20px;
    color: #000;
    text-align: center;
    font-family: var(--font-pre300);
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .scha li:hover a{
    color: #ca415e !important;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .ful_lang_box {
    margin-left: 80px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .ful_lang_box .ful_language{
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .ful_lang_box .ful_language i,
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .ful_lang_box .ful_language span{
    font-size: 23px;
    color: #fff;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .form{
    width: 500px;
    height: 70px;
    padding: 15px 25px;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 5px;
    border: 1px solid #fff;
    margin: 0 auto;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .form .form_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .form .form_inner input{
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 23px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .form .form_inner .submit{
    background: transparent;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .form .form_inner .submit i{
    font-size: 30px;
    color: #fff;
}




.wp_wrap .mo_mnu{
    display: none;
    position: fixed;
    top: 0;
    right: -100%;
    width: calc(100vw - 65px);
    height: 100vh;
    transition: 0.5s;
    background: #fff;
    padding: 95px 15px 0 15px;
    border-left: 1px solid #ddd;
    z-index: 999;    
}
.wp_wrap .mo_mnu.on{
    right: 0;
}
.wp_wrap .mo_mnu .close_icon {
    position: absolute;
    top: 25px;
    right: 20px;
}
.wp_wrap .mo_mnu .mo_lang_box {
    position: absolute;
    top: 34px;
    right: 80px;
}
.wp_wrap .mo_mnu .lang_box .language{
    display: flex;
    align-items: center;
}
.wp_wrap .mo_mnu .close_icon .icon_box i {
    font-size: 25px;
}
.wp_wrap .mo_mnu .close_icon .icon_box{
    background: transparent;    
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .search_box .form{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .search_box .form .form_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    max-width: 300px;
    width: 100%;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .search_box .form .form_inner input{
    width: 90%;
    border: none;
    outline: none;
    font-size: 19px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .search_box .form .form_inner button{
    width: 10%;
    background: transparent;
    line-height: 1;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .search_box .form .form_inner button i{
    color: #777;
    font-size: 24px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top{
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .user_box ul{
    display: flex;
    align-items: center;
    justify-content:center;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .user_box ul li:nth-child(1){
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top .user_box ul li:nth-child(1)::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 13px;
    background: #ddd;
}
.wp_wrap .mo_mnu .mo_mnu_inner .top  .user_box{
    margin-bottom: 10px;
}

.wp_wrap .mo_mnu .mo_mnu_inner .top .search_box .icon_box i{
    font-size: 22px;
}


.wp_wrap .mo_mnu .mo_mnu_inner .mo_gnb{
    display: flex;
    flex-direction: column;
    width: 100%;
}  
.wp_wrap .mo_mnu .mo_mnu_inner .mo_gnb>li{
    position: relative;
    flex: 1;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_gnb .mo_m_list>a{
    display: block;
    width: 100%;
    padding: 17px 0;
    color: #333;
    position: relative;
    top: 0;
    background: #fff;
    font-size: 18px;
    font-family: var(--font-pre500);
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_gnb .mo_m_list .mo_sub_mnu{       
    position: relative;
    top: 0;
    padding: 0;
    background: #f8f8f8;
    display: none;
    margin-bottom: 15px;
    padding: 0 15px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_gnb .mo_m_list .mo_sub_mnu>li{
    text-align: left;
    background: #f8f8f8;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_gnb .mo_m_list .mo_sub_mnu>li:last-child{
    border-bottom: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_gnb .mo_m_list .mo_sub_mnu>li>a{
    display: inline-block;
    padding: 10px 0;
    font-size: 17px;
    width: 100%;
}




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








/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer{
    padding: 40px 0;
    background: #2E2E2E;
}
.wp_wrap footer .f_inner{
    display: flex;
    align-items: center;
    gap: 60px;
}

.wp_wrap footer .f_inner .lt .f_logo{
    width: 185px;
    min-width: 185px;
}
.wp_wrap footer .f_inner .rt{
    width: 100%;
}
.wp_wrap footer .f_inner .rt .top{
    padding: 10px 0;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.wp_wrap footer .f_inner .rt .top .f_mnu{
    display: flex;
    align-items: center;
    gap: 45px;
    justify-content: flex-end;
}
.wp_wrap footer .f_inner .rt .top .f_mnu li{
    font-size: 16px;
    color: #C4C4C4;
    cursor: pointer;
}
.wp_wrap footer .f_inner .rt .bot .f_info{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.wp_wrap footer .f_inner .rt .bot .f_info li{
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.wp_wrap footer .f_inner .rt .bot .f_info li:last-child{
    padding-right: 0;
    margin-right: 0;

}
.wp_wrap footer .f_inner .rt .bot .f_info li::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 13px;
    background: #c4c4c4;
}
.wp_wrap footer .f_inner .rt .bot .f_info li:last-child::after{
    display: none;
}
.wp_wrap footer .f_inner .rt .bot .copy {
    gap: 5px;
}
.wp_wrap footer .f_inner .rt .bot .copy .wp {
    font-size: 15px;
    color: #727272;
}
.wp_wrap footer .f_inner .rt .bot .f_info li,
.wp_wrap footer .f_inner .rt .bot .f_info li a,
.wp_wrap footer .f_inner .rt .bot .copyright{
    font-size: 15px;
    font-family: var(--font-pre300);
    color: #C4C4C4;
}
/**********************************************************************************************************************/







/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* 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.1);    
    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/mainslider01.jpg) no-repeat center center / cover;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .ms_bgimg02{
    background: url(../img/main/mainslider02.jpg) no-repeat center center / cover;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .ms_bgimg03{
    background: url(../img/main/mainslider03_1.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: rgba(46, 46, 46, 0.16);
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box{
    position: absolute; 
    top: 50%;
    transform: translateY(-50%); 
    left: 0; 
    width: 100%;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_box_in{
    position: relative;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_box_in .txt_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transform: scaleX(0);
    opacity: 0;
    transform-origin: 50% 50%;
}

.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action  .txt_box .txt_box_in .txt_bg{
    transition: 1s 0.5s;
    transform: scaleX(1);
    opacity: 1;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner{    
    height: 370px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit{
    font-size: 56px;
    font-family: var(--font-pre800);
    color: #fff;
    margin-bottom: 10px;
    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: 33px;
    color: #fff;
    font-family: var(--font-pre300);
    opacity: 0;
    transform: translateY(-20%);
    text-align:center;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .line{
    width: 100%;
    display: inline-block;
    height: 1px;
    background: #fff;
    background: rgba(255, 255, 255, 0.42);
    margin-bottom: 20px;
    opacity: 0;
    transform: scaleX(0);
}

.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .txt_box .txt_inner .line{
    transform: scaleX(1);
    opacity: 1;
    transition:1s 1s;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .txt_box .txt_inner .tit{
    opacity: 1;
    transform: translateY(0);
    transition:1s 1.5s;

}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .txt_box .txt_inner .desc{
    opacity: 1;
    transform: translateY(0);
    transition:1s 2s;

}


.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide:nth-child(3) .txt_box .txt_inner .desc{
    color: #FFF;
}

.wp_wrap #m_visual .mv_inner .ms_arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 370px;
    background: rgb(167 10 43 / 75%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}  
.wp_wrap #m_visual .mv_inner .ms_arr>p{
    font-size: 13px;
    font-family: var(--font-pre200);
    letter-spacing: 14px;
    color: #fff;
    writing-mode: vertical-rl;
}
.wp_wrap #m_visual .mv_inner .ms_arr.ms_lt{
    left: 0;
}  
.wp_wrap #m_visual .mv_inner .ms_arr.ms_lt p{    
    transform: rotate(0deg);
    margin-bottom: -20px;
}
.wp_wrap #m_visual .mv_inner .ms_arr.ms_rt{
    right: 0;
}  
.wp_wrap #m_visual .mv_inner .ms_arr.ms_rt p{    
    transform: rotate(180deg);
    margin-top: -20px;
}





.wp_wrap #m_bsn .bsn_inner{
    display: flex;
    align-items: stretch;
    height: 100%;
}
.wp_wrap #m_bsn .bsn_inner .txt_zone{    
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
} 
.wp_wrap #m_bsn .bsn_inner .img_zone{
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

    display: flex;
} 
.wp_wrap #m_bsn .bsn_inner .img_zone .lt{
    width: 45%;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .lt .shadow{
    width: 100%;
    height: 100%;
    background: rgba(26, 26, 26, 0.49);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition:0.5s
}
.wp_wrap #m_bsn .bsn_inner .img_zone .lt .shadow.on{
    opacity: 1;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt{
    width: 55%;
    display: flex;
    justify-content: flex-end;
    transition:0.5s
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm{
    width: 33.33%;
    transition:0.5s
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt:hover{
    width: 85%;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm:hover{
    width: 65%;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .itm.itm01{
    background: url(../img/main/m_bsn01.jpg) no-repeat center center / cover;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .itm.itm02{
    background: url(../img/main/m_bsn02.jpg) no-repeat center center / cover;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .itm.itm03{
    background: url(../img/main/m_bsn03_1.jpg) no-repeat center center / cover;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm>a{
    display: block;
    height: 100%;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm .itm_iner{
    position: relative;
    height: 100%;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm .itm_iner .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* .wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm.itm01 .itm_iner .shadow{
    background: rgba(120, 107, 107, 0.5);
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm.itm02 .itm_iner .shadow{
    background: rgba(54, 43, 21, 0.5)
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm.itm03 .itm_iner .shadow{
    background: rgba(13, 74, 93, 0.5)
} */
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm .itm_iner .en_name{
    position: relative;
    font-size: 40px;
    font-family: var(--font-pre500);
    padding-left: 15px;
    padding-top: 25px;
    color: #fff;
    writing-mode: vertical-lr;
    z-index: 9;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm .itm_iner .group{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm .itm_iner .group .line {
    position: relative;
    top: 12px;
    display: inline-block;
    width: 80px;
    height: 3px;
    background: #AAAAAA;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm .itm_iner .group .ko_name .name{
    font-size: 22px;
    font-family: var(--font-pre300);
    color: #fff;
    margin-bottom: 30px;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm .itm_iner .group .ko_name .desc{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #fff;
    line-height: 1.3;
    opacity: 0;
}
.wp_wrap #m_bsn .bsn_inner .img_zone .rt .itm:hover .itm_iner .group .ko_name .desc{
    opacity: 1;
    transition: 0.8s 0.3s;
}








.wp_wrap #m_abu {
    background: url(../img/main/m_abus_bg.jpg) no-repeat center center / cover;
}
.wp_wrap #m_abu .abu_inner{
    display: flex;
    align-items: center;
}
.wp_wrap #m_abu .abu_inner .txt_zone {
    width: 40%;
    min-width: 35%;
}
.wp_wrap #m_abu .abu_inner .txt_zone .tit_box{
    margin-bottom: 90px;
}
.wp_wrap #m_abu .abu_inner .txt_zone .moer_box{    
    width: 220px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    transition: all 0.3s;
}
.wp_wrap #m_abu .abu_inner .txt_zone .moer_box a{
    display: flex;
    align-items: center;
    gap: 50px;
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #fff;
    width: 100%;
    height: 100%;
    justify-content: center;
    background: transparent;
    transition: all 0.3s;
}
.wp_wrap #m_abu .abu_inner .txt_zone .moer_box:hover {
    border: 1px solid #A70A2B;
}
.wp_wrap #m_abu .abu_inner .txt_zone .moer_box:hover a{
    background: #A70A2B;
}
.wp_wrap #m_abu .abu_inner .txt_zone .moer_box:hover img {
    animation-name: slide;
    animation-duration: 0.7s;
}
@keyframes slide {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(15px);
    }
    100% {
        transform: translateX(0px);
    }
}
.wp_wrap #m_abu .abu_inner .slider_zone {
    position: relative;
    width: 60%;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider{
    position: relative;
    width: 160%;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-list{
    margin: 0 -20px;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-slide{
    margin: 0 20px;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide .inner .img_box{
    width: 100%;
    aspect-ratio: auto 1/1;
    /* height: calc(100% * 1/1); */
    margin-bottom: 10px;
    overflow: hidden;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide .inner .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.5) saturate(0.4)
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide .inner .txt_box{
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide .inner .txt_box .num{
    font-size: 25px;
    color: #828282;
    font-family: var(--font-pre600);
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide .inner .txt_box .desc{
    font-size: 20px;
    color: #828282;
    font-family: var(--font-pre300);
    padding-top: 3px;
}


.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide.slick-current .inner .txt_box .num,
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide.slick-current .inner .txt_box .desc{
    color: #fff;
    transition: 0.7s;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide.slick-current .inner .img_box img {
    filter: brightness(0.9) saturate(0.7);
    transition: 0.7s;
}

.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide .inner .txt_box .num,
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .abu_slide .inner .txt_box .desc,
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .inner .txt_box .num,
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .inner .txt_box .desc{ 
    color: #828282;
    transition: 0.7s;
}
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-center .inner .txt_box .num,
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-center .inner .txt_box .desc,
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .inner .txt_box .num,
.wp_wrap #m_abu .abu_inner .slider_zone .abu_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .inner .txt_box .desc{ 
    color: #fff;
}



.wp_wrap #m_abu .abu_inner .slider_zone .arr_box{
    display: flex;
    align-items: flex-end;
    gap: 30px;
}
.wp_wrap #m_abu .abu_inner .slider_zone .arr_box span{
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}
.wp_wrap #m_abu .abu_inner .slider_zone .arr_box .abu_arr{
    background: transparent;
    width: 100px;
    color: #808080;
    font-size: 12px;
    padding-bottom: 5px;
    transition: 0.5s;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wp_wrap #m_abu .abu_inner .slider_zone .arr_box .abu_arr.abu_lt{
    text-align: left;
    transform: translateX(50px);
}
.wp_wrap #m_abu .abu_inner .slider_zone .arr_box .abu_arr.abu_rt{
    text-align: right;
    transform: translateX(-50px);
}
.wp_wrap #m_abu .abu_inner .slider_zone .arr_box .abu_arr:hover{
    color: #fff;
}
.wp_wrap #m_abu .abu_inner .slider_zone .arr_box .abu_arr.abu_lt:hover {
    transform: translateX(0);
}
.wp_wrap #m_abu .abu_inner .slider_zone .arr_box .abu_arr.abu_rt:hover {
    transform: translateX(0);
}







.wp_wrap #m_news .news_inner{
    height: 100%;
} 
.wp_wrap #m_news .news_inner .top{
    height: 55%;
}
.wp_wrap #m_news .news_inner .bot{
    height: 45%;
} 
.wp_wrap #m_news .news_inner .top .top_out{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;    
}
.wp_wrap #m_news .news_inner .top .top_out .top_in{
    display: flex;
    align-items: center;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .txt_zone{
    width: 40%;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone{
    width: 60%;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .slick-list{
    margin: -5px -60px;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .slick-slide{
    margin: 5px 60px;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide.slick-current {
    transform: translateX(-60px);
    transition: 0.5s;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide,
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"]{ 
    transform: translateX(0);
    transition: 0.5s;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .slick-center,
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"]{ 
    transform: translateX(-60px);
}







.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide {
    position: relative;
    border: 1px solid #A4A4A4;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide .triangle{
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid rgba(167, 10, 43, 0.81);
    border-top: 18px solid transparent;
    border-left: 18px solid rgba(167, 10, 43, 0.81);
    border-right: 18px solid transparent;
    transform:rotate(90deg);
    opacity: 0;
    transition: 0.3s;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide:hover .triangle{
    opacity: 1;
}

.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide .slide_in{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    /* border: 1px solid #A4A4A4; */
    padding: 25px 33px;
}


.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide .slide_in .txt{
    width: 90%;
}

.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide .slide_in .txt .textTit{
    font-size: 25px;
    font-family: 'Play', sans-serif; 
    margin-bottom: 10px;
    color: #393939;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide .slide_in .txt .textDesc{
    font-size: 16px;
    font-family: 'Play', sans-serif; 
    color: #393939;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide .slide_in span{
    display: inline-block;
    border: 1px solid rgba(167, 10, 43, 0.8);
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap #m_news .news_inner .top .top_out .top_in .slider_zone .news_slider .news_slide .slide_in span i{
    font-size: 35px;
    color: rgba(167, 10, 43, 0.8);
    font-weight: 100;
}
.wp_wrap #m_news .news_inner .bot{
    display: flex;
    align-items: stretch;
}
.wp_wrap #m_news .news_inner .bot>div{
    width: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
.wp_wrap #m_news .news_inner .bot>div .box{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 200px;
}
.wp_wrap #m_news .news_inner .bot .sevice{
    background: url(../img/main/m_svc.jpg) no-repeat center center / cover;
}


.wp_wrap #m_news .news_inner .bot>div .box>div{
    width: 100%;
}
.wp_wrap #m_news .news_inner .bot>div .box .con{
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 55px;
}

.wp_wrap #m_news .news_inner .bot>div .box .con .txt_box .bTxt{
    font-size: 40px;
    font-family: var(--font-pre300);
    color: #fff;
    margin-bottom: 10px
}
.wp_wrap #m_news .news_inner .bot>div .box .con .txt_box .smTxt{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #fff;
}

.wp_wrap #m_news .news_inner .bot>div .box .gotoPage{
    width: 220px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FCFCFC;
    transition: all 0.3s;

}

.wp_wrap #m_news .news_inner .bot>div .box .gotoPage a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 65px;
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #fff;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: 0.3s;
    
}
.wp_wrap #m_news .news_inner .bot>div .box .gotoPage a i{
    font-size: 20px;
}
.wp_wrap #m_news .news_inner .bot>div .box .gotoPage:hover {
    border: 1px solid #A70A2B;
}
.wp_wrap #m_news .news_inner .bot>div .box .gotoPage:hover a{
    background: #A70A2B;
}
.wp_wrap #m_news .news_inner .bot>div .box .gotoPage:hover a i {
    animation-name: spin;
    animation-duration: 0.8s;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/

.wp_wrap .sub_main{} 
.wp_wrap .sub_main .submain_txt{} 
.wp_wrap .sub_main .submain_txt .sm_tit_box{
    margin-bottom: 100px;
} 
.wp_wrap .sub_main .submain_txt .sm_tit_box .smtit_en{
    font-size: 70px;
    font-family: var(--font-pre700);
    color:#000;
    margin-bottom: 5px;
}
.wp_wrap .sub_main .submain_txt .sm_tit_box .smtit_ko{
    font-size: 30px;
    font-family: var(--font-pre300);
    opacity: 0;
    transform: translateY(20%);
} 
.wp_wrap .sub_main.on .submain_txt .sm_tit_box .smtit_ko{
    opacity: 1;
    transform: translateY(0);
    transition: 1s 1.5s;
} 
.wp_wrap .sub_main .submain_txt .current_mnu {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
}
.wp_wrap .sub_main .submain_txt .current_mnu .fmnu{
    font-size: 18px;
    color: #434343;
} 
.wp_wrap .sub_main .submain_txt .current_mnu i{
    color: #D2D2D2;
    font-size: 15px
} 
.wp_wrap .sub_main .submain_txt .current_mnu .smnu{
    font-size: 18px;
    font-family: var(--font-pre700);
    color: #A70A2B;
} 
.wp_wrap .sub_main .submain_img{} 
.wp_wrap .sub_main .submain_img .img_box{
    width: 90%;
    height: 470px;
    overflow: hidden;
    background: #ff0;
}
.wp_wrap .sub_main .submain_img .img_box img{
    width: 100%;
    height: 100%;
    margin-right: auto;
    object-fit: cover;
    transform: scale(1);
    rotate: 0deg;
    transition: 3s;
} 

.wp_wrap .sub_main.on .submain_img .img_box img{
    transform: scale(1) rotate(0deg);
    animation: smbg 4s ease-out infinite;
}

@keyframes smbg{
    0%{
        transform: scale(1) rotate(0);
    }
    50%{
        transform: scale(1.03) rotate(0.3deg);
    } 
    100%{
        transform: scale(1) rotate(0);
    }
}



.wp_wrap .sub01_01 .txt_con,
.wp_wrap .sub01_03 .txt_con{
    margin-left: 50px;
}
.wp_wrap .sub01_01 .txt_con .txt03,
.wp_wrap .sub01_03 .txt_con .txt03{
    font-size: 44px;
    font-family: var(--font-pre300);
    color: #000;
    margin-bottom: 30px;
}
.wp_wrap .sub01_01 .txt_con .txt03 span,
.wp_wrap .sub01_03 .txt_con .txt03 span{
    font-family: var(--font-pre800);
}
.wp_wrap .sub01_01 .txt_con .txt04,
.wp_wrap .sub01_03 .txt_con .txt04{
    font-size: 22px;
    font-family: var(--font-pre300);
    color: #888888;
    margin-bottom: 70px;
    line-height: 1.5;
}
.wp_wrap .sub01_01 .txt_con .txt04:last-child,
.wp_wrap .sub01_03 .txt_con .txt04:last-child{
    margin-bottom: 0;
}





.wp_wrap .sub01_02 .value_box{
    position: relative;
}
.wp_wrap .sub01_02 .value_box .img_box{
    width: 100%;
}
.wp_wrap .sub01_02 .value_box .img_box img{
    width: 90%;
    height: 100%;
    margin-left: auto;
    height: 500px;
}
.wp_wrap .sub01_02 .value_box .icons{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.wp_wrap .sub01_02 .value_box .icons .icons_itms{    
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 0 70px;
}
.wp_wrap .sub01_02 .value_box .icons .icons_itms .itm{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wp_wrap .sub01_02 .value_box .icons .icons_itms .itm .icon_box{
    margin-bottom: 40px;
}
.wp_wrap .sub01_02 .value_box .icons .icons_itms .itm .txt01{
    font-size: 40px;
    font-family: var(--font-pre300);
    color: #fff;
    margin-bottom: 10px;
}
.wp_wrap .sub01_02 .value_box .icons .icons_itms .itm .txt02{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #fff;
}



/* history */
.wp_wrap #history {
    padding: 120px 0;
}
.wp_wrap #history .history_inner {
    margin: 0 auto;
    padding-left: 200px;
}


/* company */
.wp_wrap #company {
    padding: 120px 0;
}
.wp_wrap #company .gray_box {
    padding: 100px 65px;
    background: #F9F9F9;
}
.wp_wrap #company .gray_box .gray_inner {}
.wp_wrap #company .gray_box .gray_inner .title {
    font-size: 45px;
    font-family: 'Pretendard-Bold';
    margin-bottom: 50px;
    color: #434343;
}
.wp_wrap #company .gray_box .gray_inner .map {
    margin-bottom: 35px;
}
.wp_wrap #company .gray_box .gray_inner .info {
    margin-bottom: 70px;
}
.wp_wrap #company .gray_box .gray_inner .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #company .gray_box .gray_inner .info .info_list {}
.wp_wrap #company .gray_box .gray_inner .info .info_list>li {
    margin-bottom: 10px;
}
.wp_wrap #company .gray_box .gray_inner .info .info_list>li>p {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #company .gray_box .gray_inner .photo {}
.wp_wrap #company .gray_box .gray_inner .photo .photo_list {
    margin-bottom: 120px;
}
.wp_wrap #company .gray_box .gray_inner .photo .photo_list.slide {
    margin-bottom: 0;
}
.wp_wrap #company .gray_box .gray_inner .photo .photo_list>li {}
.wp_wrap #company .gray_box .gray_inner .photo .photo_list>li .photo_box {}
.wp_wrap #company .gray_box .gray_inner .photo .photo_list>li .photo_box .img_box {}
.wp_wrap #company .gray_box .gray_inner .photo .photo_list>li .photo_box .img_box>img {}
.wp_wrap #company .gray_box .gray_inner .photo .photo_list>li .photo_box .name {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    text-align: center;
    margin-top: 10px;
}





.root_daum_roughmap .cont .section.lst {
    display: none;
}
.root_daum_roughmap .wrap_map {
    height: 500px;
}
.root_daum_roughmap .wrap_controllers {
    display: none;
}
.root_daum_roughmap .map_border {
    display: none;
}
#daumRoughmapContainer1736917800010 {
    height: 80%;
}


.slick-initialized .slick-slide .photo_box .name {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    text-align: center;
    margin-top: 10px;
}


/* army */
.wp_wrap #army {
    padding: 60px 0 120px;
}
.wp_wrap #army .tab_zone {
    position: relative;
}
.wp_wrap #army .tab_zone .back_g {
    width: 100%;
    padding: 10px 0px;
    background: inherit;
    border-radius: 45px;
    z-index: -2;
}
.wp_wrap #army .tab_zone .back_g>nav {
    background: #f9f9f9;
    position: relative
}
.wp_wrap #army .tab_zone .tab_mnu {
    margin-bottom: 80px;
    width: 100%;
    padding: 10px 25px;
    background: #F9F9F9;
    border-radius: 45px;
}
.wp_wrap #army .tab_zone .back_g>nav>ul {
    z-index: 10;
}
.wp_wrap #army .tab_zone .back_g>nav>ul>li>button {
    color: #454545;
    transition: all 0.6s;
}
.wp_wrap #army .tab_zone .back_g>nav>ul>li>button:hover {
    color: #A70A2B;
    transition: all 0.2s;
}
.wp_wrap #army .tab_zone .back_g>nav>ul>li.on>button {
    color: #fff;
}
#red_bar {
    position: absolute;
    top: 10px;
    left: 25px;
    width: 245px;
    height: 60px;
    background-color: #A70A2B;
    border-radius: 30px;
    transition: all 0.5s;
}
.wp_wrap #army .tab_zone .tab_mnu>ul>li>button {
    width: 245px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #434343;
    padding: 15px 0;
    background: inherit;
    z-index: 1;
}
.wp_wrap #army .tab_zone .tab_mnu>li {}
.wp_wrap #army .tab_zone .tab_mnu>li>button {
    width: 245px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #434343;
    padding: 15px 0;
    background: inherit;
    z-index: 1;
}
/* on */
.wp_wrap #army .tab_zone .tab_mnu>li.on>button {
    color: #fff;
    z-index: 1;
}
.wp_wrap #army .tab_zone .sub_mo_mnu {
    display: none;
}
.wp_wrap #army .tab_zone .tab_content {}
.wp_wrap #army .tab_zone .tab_content .tab_layer {}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box {
    padding: 100px 65px;
    background: #F9F9F9;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left {}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .tit {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #434343;
    margin-bottom: 20px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .ex {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    margin-bottom: 60px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .overview {
    margin-bottom: 40px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .overview .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .overview .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .feature {}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .feature .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .left .feature .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .right {}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .right .img_slide {
    width: 545px;
    height: 470px;
    padding: 60px 0;
    border-radius: 15px;
    border: 1px solid #EFEFEF;
    background: #fff;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .right .img_slide>li {
    margin: 0 auto;
    width: 100%;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .right .img_slide>li .img_box {
    margin: 0 auto;
    width: 100%;
}
.slick-slide img {
    margin: 0 auto;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .right .img_slide>li .img_box>img {
    margin: 0 auto;
    width: 100%;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .bot_box .name {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    color: #434343;
}

/* 02 */
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .tit02 {
    font-size: 35px;
    font-family: 'Pretendard-Bold';
    text-align: center;
    margin-bottom: 50px;
    color: #434343;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list {}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list>li {
    width: 320px;
    height: 470px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list>li .box {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 25px 20px;
    border-radius: 15px;
    border: 1px solid #EFEFEF;
    margin: 0 auto;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list>li .box .img_box {
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list>li .box .img_box>img {
    margin: 0 auto;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list>li .box .info {}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list>li .box .info .key {
    font-size: 20px;
    margin-bottom: 20px;
    font-family: 'Pretendard-SemiBold';
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .img_list>li .box .info .spec {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    margin-bottom: 5px;
}

/* 03 */
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot {
    margin-top: 120px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .title {
    font-size: 30px;
    font-family: 'Pretendard-Bold';
    text-align: center;
    color: #434343;
    margin-bottom: 20px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .img_box {
    margin: 0 auto;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .img_box>img {
    margin: 0 auto;
}

/* 04 */
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box {
    padding: 100px 65px;
    background: #F9F9F9;
    margin-bottom: 50px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box:last-child {
    margin-bottom: 0;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box .left .s_tit {
    font-size: 14px;
    font-family: 'Pretendard-Bold';
    color: #fff;
    padding: 7px 10px;
    border-radius: 2px;
    background: #A70A2B;
    width: 110px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box .left .tit {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #434343;
    margin-bottom: 60px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box .left .feature .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box .left .feature .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box .right .rf_img_box {
    width: 545px;
    height: 470px;
    padding: 60px 0;
    border-radius: 15px;
    border: 1px solid #EFEFEF;
    background: #fff;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .rf_gray_box .right .rf_img_box>img {
    margin: 0 auto;
}


/* 05 */
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .right .ar_img_box {
    opacity: 0.9;
    border-radius: 15px;
    overflow: hidden;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .ar_img_list {
    margin-top: 30px;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .ar_img_list li {}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .ar_img_list li .img_box {
    padding: 25px 32px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #EFEFEF;
}
.wp_wrap #army .tab_zone .tab_content .tab_layer .gray_box .bot .ar_img_list li .img_box>img {
    margin: 0 auto;
}


/* civilian */
.wp_wrap #civilian {
    padding: 60px 0 120px;
}
.wp_wrap #civilian .tab_zone {
    position: relative;
}
.wp_wrap #civilian .tab_zone .back_g {
    width: 100%;
    padding: 10px 0px;
    background: inherit;
    border-radius: 45px;
    z-index: -2;
    display: flex;
    justify-content: center;
}
.wp_wrap #civilian .tab_zone .back_g>nav {
    background: #f9f9f9;
    position: relative;
}
.wp_wrap #civilian .tab_zone .tab_mnu {
    margin-bottom: 80px;
    width: 100%;
    padding: 10px 25px;
    background: #F9F9F9;
    border-radius: 45px;
}
.wp_wrap #civilian .tab_zone .back_g>nav>ul {
    z-index: 10;
}
.wp_wrap #civilian .tab_zone .back_g>nav>ul>li>button {
    color: #454545;
    transition: all 0.6s;
    background: inherit;
}
.wp_wrap #civilian .tab_zone .back_g>nav>ul>li>button:hover {
    color: #A70A2B;
    transition: all 0.2s;
}
.wp_wrap #civilian .tab_zone .back_g>nav>ul>li.on>button {
    color: #fff;
}
.wp_wrap #civilian .tab_zone .tab_mnu>ul>li>button {
    width: 245px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #434343;
    padding: 15px 0;
    background: inherit;
    z-index: 1;
}
.wp_wrap #civilian .tab_zone .tab_mnu {
    margin-bottom: 80px;
    width: 900px;
    padding: 10px 25px;
    background: #F9F9F9;
    border-radius: 45px;
}
.wp_wrap #civilian .tab_zone .tab_mnu>li {}
.wp_wrap #civilian .tab_zone .tab_mnu>li>button {
    width: 245px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #434343;
    padding: 15px 0;
    background: inherit;
}
/* on */
.wp_wrap #civilian .tab_zone .tab_mnu>li.on>button {
    background: #A70A2B;
    color: #fff;
}
.wp_wrap #civilian .tab_zone .sub_mo_mnu {
    display: none;
}
.wp_wrap #civilian .tab_zone .tab_content {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box {
    padding: 100px 65px;
    background: #F9F9F9;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left .tit {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #434343;
    margin-bottom: 60px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left .overview {
    margin-bottom: 40px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left .overview .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left .overview .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left .feature {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left .feature .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .left .feature .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .right {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .right .ar_img_box {
    width: 545px;
    padding: 10px 0;
    border-radius: 15px;
    border: 1px solid #EFEFEF;
    background: #fff;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .right .ar_img_box>img {
    width: 100%;
    height: 100%;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot {
    margin-top: 120px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .title {
    font-size: 30px;
    text-align: center;
    font-family: 'Pretendard-Bold';
    color: #434343;
    margin-bottom: 60px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .civ_img_list {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .civ_img_list>li {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .civ_img_list>li .img_box {
    position: relative;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .civ_img_list>li .img_box>img {
    margin-bottom: 10px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .civ_img_list>li .img_box>p {
    text-align: center;
    font-size: 18px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .civ_img_list>li .img_box .blue {
    font-size: 15px;
    color: #AA1D13;
    font-family: 'Pretendard-Medium';
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .gray_box .bot .civ_img_list>li .img_box .red {
    color: #A70A2B;
    font-size: 15px;
    font-family: 'Pretendard-Medium';
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}


/* posafe-q */
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .big_tit {
    font-size: 80px;
    font-family: 'Pretendard-Bold';
    color: #000;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .small_tit {
    font-size: 20px;
    font-family: 'Pretendard-Medium';
    margin-bottom: 100px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .key {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .key .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .key .key_list {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .key .key_list>li {
    margin-bottom: 10px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .key .key_list>li:last-child {
    margin-bottom: 0;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .key .key_list>li>p {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #000;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .key .key_list>li>p>span {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
}


/* rms */
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .b_tit {
    font-size: 80px;
    font-family: 'Pretendard-Bold';
    color: #000;
    margin-bottom: 100px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .rms_right {
    width: 36%;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .rms_right .img_box {
    margin: 0 auto;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .rms_right .img_box>img {
    margin: 0 auto;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .r_test {
    margin-top: 30px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .r_test .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .r_test .key_list {}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .r_test .key_list>li {
    margin-bottom: 10px;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .r_test .key_list>li:last-child {
    margin-bottom: 0;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .r_test .key_list>li>p {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #000;
}
.wp_wrap #civilian .tab_zone .tab_content .tab_layer .pos_inner .left .r_test .key_list>li>p>span {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
}


/* mro */
.wp_wrap #mro {
    padding: 60px 0 120px;
}
.wp_wrap #mro .tab_zone {}
.wp_wrap #mro .tab_zone {
    position: relative;
}
.wp_wrap #mro .tab_zone .back_g {
    width: 100%;
    padding: 10px 0px;
    background: inherit;
    border-radius: 45px;
    z-index: -2;
    display: flex;
    justify-content: center;
}
.wp_wrap #mro .tab_zone .back_g>nav {
    background: #f9f9f9;
    position: relative
}
.wp_wrap #mro .tab_zone .tab_mnu {
    margin-bottom: 80px;
    width: 100%;
    padding: 10px 25px;
    background: #F9F9F9;
    border-radius: 45px;
}
.wp_wrap #mro .tab_zone .back_g>nav>ul {
    z-index: 10;
}
.wp_wrap #mro .tab_zone .back_g>nav>ul>li>button {
    color: #454545;
    transition: all 0.6s;
    background: inherit;
}
.wp_wrap #mro .tab_zone .back_g>nav>ul>li>button:hover {
    transition: all 0.2s;
    color: #A70A2B;
}
.wp_wrap #mro .tab_zone .back_g>nav>ul>li.on>button {
    color: #fff;
}
.wp_wrap #mro .tab_zone .tab_mnu>ul>li>button {
    width: 245px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #434343;
    padding: 15px 0;
    background: inherit;
    z-index: 1;
}
.wp_wrap #mro .tab_zone .tab_mnu {
    margin-bottom: 80px;
    width: 600px;
    padding: 10px 25px;
    background: #F9F9F9;
    border-radius: 45px;
}
.wp_wrap #mro .tab_zone .tab_mnu>li {}
.wp_wrap #mro .tab_zone .tab_mnu>li>button {
    width: 245px;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #434343;
    padding: 15px 0;
    background: inherit;
}
/* on */
.wp_wrap #mro .tab_zone .tab_mnu>li.on>button {
    background: #A70A2B;
    color: #fff;
}
.wp_wrap #mro .tab_zone .sub_mo_mnu {
    display: none;
}
.wp_wrap #mro .tab_zone .tab_content {}
.wp_wrap #mro .tab_zone .tab_content .tab_layer {}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box {
    padding: 100px 65px;
    background: #F9F9F9;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left {}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .tit {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #434343;
    margin-bottom: 60px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .overview {
    margin-bottom: 40px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .overview .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .overview .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .feature {}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .feature .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .feature .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .r_test {
    margin-top: 30px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .r_test .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .r_test .key_list {}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .r_test .key_list>li {
    margin-bottom: 10px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .r_test .key_list>li:last-child {
    margin-bottom: 0;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .r_test .key_list>li>p {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .left .r_test .key_list>li>p>span {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .tit {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #434343;
    margin-bottom: 60px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .fir {
    margin-bottom: 170px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .fir .left {}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .fir .left .blue {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #A70A2B;
    margin-bottom: 20px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .fir .left .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #434343;
    line-height: 1.5;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .b {
    font-size: 30px;
    font-family: 'Pretendard-Regular';
    margin-top: 50px;
    color: #434343;
    text-align: center;
    margin-top: 150px;
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .b>span {
    color: #A70A2B;
    font-family: 'Pretendard-Bold';
}
.wp_wrap #mro .tab_zone .tab_content .tab_layer .gray_box .sec .right .img_box {
    border-radius: 15px;
    overflow: hidden;
}


/* notice */
.wp_wrap #notice {
    padding: 120px 0;
}


/* inquiry */
.wp_wrap #inquiry {
    padding: 120px 0;
}
.wp_wrap #inquiry .gray_box {
    padding: 100px 65px;
    background: #F9F9F9;
}
.wp_wrap #inquiry .gray_box .company {
    margin-bottom: 15px;
}
.wp_wrap #inquiry .gray_box .company .txt {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}
.wp_wrap #inquiry .gray_box div .txt .red {
    color: #CC1030;
}

.wp_wrap #inquiry .gray_box .inputWrap input {
    border: 1px solid #D8D8D8;
    width: 100%;
    padding: 17px 10px;
}
.wp_wrap #inquiry .gray_box .inputWrap textarea {
    border: 1px solid #D8D8D8;
    width: 100%;
    padding: 17px 10px;
    resize: none;
    min-height: 200px;
    outline: none;
}
.wp_wrap #inquiry .gray_box .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    width: 100%;
}
.wp_wrap #inquiry .gray_box .info .tel {
    width: 100%;
}
.wp_wrap #inquiry .gray_box .info .tel .txt {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}
.wp_wrap #inquiry .gray_box .info .email {
    width: 100%;
}
.wp_wrap #inquiry .gray_box .info .email .txt {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}

.wp_wrap #inquiry .gray_box .name {
    margin-bottom: 15px;
}
.wp_wrap #inquiry .gray_box .name .txt {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}

.wp_wrap #inquiry .gray_box .tit {
    margin-bottom: 15px;
}
.wp_wrap #inquiry .gray_box .tit .txt {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}

.wp_wrap #inquiry .gray_box .inquiry {
    margin-bottom: 15px;
}
.wp_wrap #inquiry .gray_box .inquiry .txt {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}
.wp_wrap #inquiry .gray_box .file {
    margin-bottom: 10px;
}
.wp_wrap #inquiry .gray_box .file .txt {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}
.wp_wrap #inquiry .gray_box .file .file_inner {}
.wp_wrap #inquiry .gray_box .file .file_inner {
    position: relative;
}
.wp_wrap #inquiry .gray_box .file .file_inner label {
    color: #fff;
    font-family: var(--font-pre300);
    font-size: 17px;
    background: #000;
    padding: 5px 17px;
    position: absolute;
    left: 10px;
    top: 16px;
}
.wp_wrap #inquiry .gray_box .file .file_inner input {
    padding-left: 20px;
}
input[type=file] {
    display: none;
}
input[type=text] {
    font-size: 18px;
    outline: none;
}
input::placeholder {
    font-size: 18px;
    line-height: 1;
}
.wp_wrap #inquiry .gray_box .file .file_inner .uploadFile {
    background: #fff;
    padding-left: 150px;
}

.wp_wrap #inquiry .gray_box .agree {
    margin-bottom: 30px;
}
.wp_wrap #inquiry .gray_box .agree #agree {}
.wp_wrap #inquiry .gray_box .agree label {
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #434343;
}
.wp_wrap #inquiry .gray_box .agree label>span {
    font-family: var(--font-pre700);
    color: #A70A2B;
    border-bottom: 1px solid #A70A2B;
}
.wp_wrap #inquiry .gray_box .btn_box {
    padding: 15px 67px;
    background: #A70A2B;
    text-align: center;
    margin: 0 auto;
    width: 169px;
}
.wp_wrap #inquiry .gray_box .btn_box .okay {
    color: #fff;
    font-size: 20px;
    font-family: 'Pretendard-Medium';
    background: inherit;
}
/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* splitting */
/**********************************************************************************************************************/
.wp_wrap .char{
    animation: slide-down 1s forwards;
    animation-delay: calc(0.2s + (0.1s * var(--char-index) ));
    opacity: 0;
}

@keyframes slide-down {
    from{
        transform:translateX(-20%);
        opacity: 0;
    }
    to{
        transform:translateX(0%);
        opacity: 1;
    }        
} 
/**********************************************************************************************************************/