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

@charset "utf-8";

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


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

/*FONT*/
@font-face {
    font-family: 'Pretendard-Thin';
    /*src: url('/font/Pretendard-Thin.woff2') format('woff2');*/
    src: url('https://cdn.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://cdn.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://cdn.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://cdn.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://cdn.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('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@latest/dist/web/static/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600; /* SemiBold 두께는 600 */
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    /*src: url('/font/Pretendard-Bold.woff2') format('woff2');*/
    src: url('https://cdn.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://cdn.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://cdn.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';
}

/*색상*/
.wp_wrap .cm_style1 {color: #fff;}
.wp_wrap .cm_style2 {color: #000;}


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 header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.5s;
    z-index: 999;
    background: transparent;
}
.wp_wrap header .h_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap header .h_inner .mlogo{
    min-width: 150px;
}
.wp_wrap header .h_inner .mlogo>a {}
.wp_wrap header .h_inner .mlogo>a>img {
    width: 70%;
}
.wp_wrap header .h_inner nav{
    display: flex;
    align-items: center;
    gap: 35px;
}
.wp_wrap header .h_inner nav .gnb{
    display: flex;
    align-items: center;
}
.wp_wrap header .h_inner nav .gnb .m_list{
    position: relative;
    text-align: center;
    width: 170px;
}
.wp_wrap header .h_inner nav .gnb .m_list>a{
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 38.5px 0;
    font-family: 'Pretendard-Bold';
    transition: all 0.3s;
}

.wp_wrap header .h_inner nav .gnb .m_list>a:hover {
    transform: translateY(5px);
}

.wp_wrap header .h_inner nav .gnb .m_list>.sub_mnu{
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    width: 100%;
    padding: 15px 0;
}
.wp_wrap header .h_inner nav .gnb .m_list>.sub_mnu a{
    display: block;
    padding: 10px 0;
    font-size: 18px;
    color: #000;
}
.wp_wrap header .h_inner .momnu_icon {
    display: none;
}
.wp_wrap header .h_inner .momnu_icon .icon_box{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    width: 36px;
}
.wp_wrap header .h_inner .momnu_icon .icon_box>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.wp_wrap header .h_inner .momnu_icon .icon_box span{
    position: relative;
    display: inline-block;
    background: #fff;
}

.wp_wrap header .h_inner .momnu_icon .icon_box .short{    
    width:3px;
    height:3px;
    border-radius: 50%;
}
.wp_wrap header .h_inner .momnu_icon .icon_box .mid{
    width: 28px;
    height: 3px;
    border-radius: 3px;
    transition: 0.3s;

}
.wp_wrap header .h_inner .momnu_icon .icon_box .long{    
    width: 36px;
    height:3px;
    border-radius: 3px;
}



.wp_wrap header .h_inner .momnu_icon .icon_box:hover .mid{
    width:36px;
}

.wp_wrap header .h_inner .momnu_icon .icon_box:hover .short{
    display: none;
}
.wp_wrap header .sub_mnu_bg{
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 300px;
    z-index:-1 ;
    background: #fff;
    border-top: 1px solid #DCDCDC;
}
.wp_wrap .mo_mnu{
    display: none;
}
.wp_wrap header .mnu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}
/**********************************************************************************************************************/



/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer {
    background: #171717;
    color: #BBBBBB;
    padding: 40px 0;
}
.wp_wrap footer .top {
    display: flex;
    justify-content: flex-end;
    gap: 13px;
}
.wp_wrap footer .top .t_left {}
.wp_wrap footer .top .t_left>a {
    color: #BBBBBB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    padding: 10px 15px;
    font-size: 13px;
    font-family: 'Pretendard-Regular';
    border: 1px solid #DDDDDD;
    transition: all 0.4s;
}
.wp_wrap footer .top .t_left>a:hover {
    background: #DDDDDD;
    color: #171717;
}
.wp_wrap footer .top .t_left>a>p {}
.wp_wrap footer .top .t_left>a>i {
    font-family: 'Pretendard-Bold';
}
.wp_wrap footer .top .t_right {}
.wp_wrap footer .top .t_right>a {
    color: #BBBBBB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    padding: 10px 15px;
    font-size: 13px;
    font-family: 'Pretendard-Regular';
    border: 1px solid #DDDDDD;
}
.wp_wrap footer .top .t_right>a>p {}
.wp_wrap footer .top .t_right>a>i {
    font-family: 'Pretendard-Bold';
}
.wp_wrap footer .bot {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    position: relative;
    gap: 100px;
}
/* .wp_wrap footer .bot:after {
    content: '';
    width: 800px;
    height: 1px;
    background: #9E9E9E;
    position: absolute;
    top: 24%;
    left: 15%;
} */
.wp_wrap footer .bot .lt {}
.wp_wrap footer .bot .lt .f_logo {}
.wp_wrap footer .bot .lt .f_logo>img {
    /* width: 70%; */
    width: 100px;
}
.wp_wrap footer .bot .ct {
    flex: 1;
    height: 1px;
    background: #9E9E9E;
    margin-top: 30px;
}
.wp_wrap footer .bot .rt {
    padding-top: 28px;
}

.wp_wrap footer .bot .rt .bot_area {}
.wp_wrap footer .bot .rt .bot_area .f_info_box {
    position: relative;
}
.wp_wrap footer .bot .rt .bot_area .f_info_box .f_info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap footer .bot .rt .bot_area .f_info_box .f_info>li {
    font-family: 'Pretendard-Regular';
    font-size: 12px;
}
.wp_wrap footer .bot .rt .bot_area .f_info_box .f_info .flex {
    display: flex;
    gap: 20px;
}
.wp_wrap footer .bot .rt .bot_area .f_info_box .f_info>li>p {
}
.wp_wrap footer .bot .rt .bot_area .f_info_box .f_info>li>p>a {
    color: #BBBBBB;
}

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


/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #visual {
    position: relative;
}
.wp_wrap #visual .main_slider {
    position: relative;
}
.wp_wrap #visual .main_slider .slide{
    position: relative;
    width: 100%;
    height: 100dvh;
}
.wp_wrap #visual .main_slider .slide .img_bg{
    width: 100%;
    height: 100%;
}
.wp_wrap #visual .main_slider .slide .img_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap #visual .main_slider .slide .img_bg img.pc_img{
    display: block;
}
.wp_wrap #visual .main_slider .slide .img_bg img.mo_img{
    display: none;
}
.wp_wrap #visual .main_slider .slide .img_bg.item01{
    /* background: url(../img/main/mainSlide01.jpg) no-repeat center center / cover; */
}
.wp_wrap #visual .main_slider .slide .img_bg.item02{
    /* background: url(../img/main/mainSlide02.jpg) no-repeat center center / cover; */
}
.wp_wrap #visual .main_slider .slide .img_bg.item03{
    /* background: url(../img/main/mainSlide03.jpg) no-repeat center center / cover; */
}

.wp_wrap #visual .main_slider .slide .img_bg{
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border:0;
    transform: scale(1.1);    
    transition: 2s;
}
.wp_wrap #visual .main_slider .slide.action .img_bg {
    transform: scale(1); 
}

.wp_wrap #visual .main_slider .slide .slide_inner{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;    
    background: rgba(0, 0, 0, 0.08);
}
.wp_wrap #visual .main_slider .slide .slide_inner .txt_box{
    text-align: start;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}
.wp_wrap #visual .main_slider .slide .slide_inner .txt_box .top_tit{
    font-size: 30px;
    transform:translateY(120px);
    opacity: 0;
    transition: 1s;
    line-height: 1.4;
    font-size: 50px;
    font-family: 'Pretendard-Bold';
}

.wp_wrap #visual .main_slider .slide.action .slide_inner .txt_box .top_tit,
.wp_wrap #visual .main_slider .slide.action .slide_inner .txt_box .mid_tit,
.wp_wrap #visual .main_slider .slide.action .slide_inner .txt_box .bot_tit{   
    opacity: 1; 
    transform:translateY(0);
}


.wp_wrap #visual .copy {
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.wp_wrap #visual .copy p {
    font-size: 14px;
    color: #fff;
    font-family: 'Pretendard-Light';
    width: 100%;
    padding: 0 15px;
    text-align: center;
}

.wp_wrap #visual .copy a {
    color: #fff;
}

.slick-progress-bar-container {
    position: absolute;
    bottom: 38%;
    left: calc(50% - 750px);
    /* left: 11.2%; */
    width: 465px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 100;
    overflow: hidden;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* 채워지는 바의 스타일 (변동 없음) */
.slick-progress-bar {
    width: 0%;
    height: 100%;
    background-color: #E10818;
    transition: width 0s linear;
    border-radius: 5px;
}

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


/* 서브 */
/**********************************************************************************************************************/
/* about */
.wp_wrap .sub_main {
    position: relative;
}
.wp_wrap .sub_main .img_box {
    width: 100%;
    aspect-ratio: auto 1/0.3123;
    overflow: hidden;
}
.wp_wrap .sub_main .img_box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 4s linear;
}
.wp_wrap .sub_main.on .img_box>img {
    transform: scale(1);
}
.wp_wrap .sub_main .sub_main_inner {
    position: absolute;
    bottom: 10%;
    right: 13%;
}
.wp_wrap .sub_main .sub_main_inner .mnu_list {
    display: flex;
    align-items: center;
    gap: 20px;
}
.wp_wrap .sub_main .sub_main_inner .mnu_list>li {
    font-size: 14px;
    font-family: 'Pretendard-Light';
    color: #fff;
}
.wp_wrap .sub_main .sub_main_inner .mnu_list>li>i {}

.wp_wrap #about {}
.wp_wrap #about .white {
    width: 100%;
    padding: 175px 0;
}
.wp_wrap #about .white .cm_inner {
    display: flex;
    gap: 215px;
}
.wp_wrap #about .white .left {
    width: 300px;
    box-sizing: border-box;
}
.wp_wrap #about .white .left .tit_box {
    width: 100%;
    position: relative
}
.wp_wrap #about .white .left .tit_box:after {
    content: '';
    width: 80px;
    height: 5px;
    background: #E10818;
    position: absolute;
    top: 0;
    left: 0;
}
.wp_wrap #about .white .left .tit_box .tit {
    padding-top: 15px;
    font-size: 50px;
    font-family: 'Pretendard-Bold';
}
.wp_wrap #about .white .right {
    width: 60%;
}
.wp_wrap #about .white .right .s_tit {
    font-size: 30px;
    font-family: 'Pretendard-Bold';
    color: #656565;
    margin-bottom: 30px;
    margin-top: 25px;
}
.wp_wrap #about .white .right .ex {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
    line-height: 1.5;
}
.wp_wrap #about .white .right .ex.fir {
    margin-bottom: 30px;
}
.wp_wrap #about .white .right .ex.li {
    font-size: 14px;
}
.wp_wrap #about .white .right .r_list {
    display: flex;
    gap: 60px;
}
.wp_wrap #about .white .right .r_list>li {}
.wp_wrap #about .white .right .r_list>li .r_box {}
.wp_wrap #about .white .right .r_list>li .r_box .img_box {
    margin-bottom: 25px;
    /* height: 65px; */
}
.wp_wrap #about .white .right .r_list>li .r_box .img_box>img {}
.wp_wrap #about .white .right .r_list>li .r_box .name {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: 'Pretendard-Bold';
}
.wp_wrap #about .white .right .r_list>li .r_box .ex {}

.wp_wrap #about .gray {
    width: 100%;
    padding: 175px 0;
    background: #F5F5F5;
}
.wp_wrap #about .gray .cm_inner {
    display: flex;
    gap: 215px;
}
.wp_wrap #about .gray .left {
    width: 300px;
    box-sizing: border-box;
}
.wp_wrap #about .gray .left .tit_box {
    width: 100%;
    position: relative;
}
.wp_wrap #about .gray .left .tit_box:after {
    content: '';
    width: 80px;
    height: 5px;
    background: #E10818;
    position: absolute;
    top: 0;
    left: 0;
}
.wp_wrap #about .gray .left .tit_box .tit {
    padding-top: 15px;
    font-size: 50px;
    font-family: 'Pretendard-Bold';
}
.wp_wrap #about .gray .right {
    width: 60%;
}
.wp_wrap #about .gray .right .s_tit {
    font-size: 30px;
    font-family: 'Pretendard-Bold';
    color: #656565;
    margin-bottom: 30px;
    margin-top: 25px;
}
.wp_wrap #about .gray .right .m_tit {
    font-size: 20px;
    font-family: 'Pretendard-Medium';
    margin-bottom: 20px;
}
.wp_wrap #about .gray .right .l_tit {
    font-size: 18px;
    font-family: 'Pretendard-Medium';
    margin-bottom: 30px;
    color: #656565;
}
.wp_wrap #about .gray .right .ex {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
    line-height: 1.5;
}


/* work */
.wp_wrap #work {
    padding: 175px 0;
}
.wp_wrap #work .top {
    margin-bottom: 200px;
}
.wp_wrap #work .top .tit_box {
    width: 100%;
    position: relative;
}
.wp_wrap #work .top .tit_box:after {
    content: '';
    width: 80px;
    height: 5px;
    background: #E10818;
    position: absolute;
    top: 0;
    left: 0;
}
.wp_wrap #work .top .tit_box .tit {
    padding-top: 15px;
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    margin-bottom: 25px;
}
.wp_wrap #work .top .ex {
    font-size: 18px;
    font-family: 'Pretendard-Medium';
    line-height: 1.5;
    margin-bottom: 100px;
}
.wp_wrap #work .top .w_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 75px;
}
.wp_wrap #work .top .w_list>li {}
.wp_wrap #work .top .w_list>li .w_box {}
.wp_wrap #work .top .w_list>li .w_box .name {
    font-size: 18px;
    font-family: 'Pretendard-Bold';
    margin-bottom: 30px;
}
.wp_wrap #work .top .w_list>li .w_box .ex {
    font-size: 15px;
    font-family: 'Pretendard-Medium';
    line-height: 1.5;
}
.wp_wrap #work .bot {}
.wp_wrap #work .bot .tit_box {
    width: 100%;
    position: relative;
}
.wp_wrap #work .bot .tit_box:after {
    content: '';
    width: 80px;
    height: 5px;
    background: #E10818;
    position: absolute;
    top: 0;
    left: 0;
}
.wp_wrap #work .bot .tit_box .tit {
    padding-top: 15px;
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    margin-bottom: 25px;
}
.wp_wrap #work .bot .ex {
    font-size: 18px;
    font-family: 'Pretendard-Medium';
    line-height: 1.5;
    margin-bottom: 50px;
}



/* business */
.wp_wrap #business {
    padding: 175px 0;
}
.wp_wrap #business .top {
    margin-bottom: 100px;
}
.wp_wrap #business .top .tit_box {
    width: 100%;
    position: relative;
}
.wp_wrap #business .top .tit_box:after {
    content: '';
    width: 80px;
    height: 5px;
    background: #E10818;
    position: absolute;
    top: 0;
    left: 0;
}
.wp_wrap #business .top .tit_box .tit {
    padding-top: 15px;
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    margin-bottom: 25px;
}
.wp_wrap #business .top .ex {
    font-size: 18px;
    font-family: 'Pretendard-Medium';
    line-height: 1.5;
}


/* contact */
.wp_wrap #contact {
    padding: 175px 0;
}
.wp_wrap #contact .top {
    margin-bottom: 60px;
}
.wp_wrap #contact .top .tit_box {
    width: 100%;
    position: relative;
}
.wp_wrap #contact .top .tit_box:after {
    content: '';
    width: 80px;
    height: 5px;
    background: #E10818;
    position: absolute;
    top: 0;
    left: 0;
}
.wp_wrap #contact .top .tit_box .tit {
    padding-top: 15px;
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    margin-bottom: 25px;
}
.wp_wrap #contact .bot {
    display: flex;
    margin-bottom: 45px;
}
.wp_wrap #contact .bot .map {
    width: 50%;
}
.wp_wrap #contact .bot .inquiry {
    width: 50%;
    padding: 40px;
    background: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}
.wp_wrap #contact .bot .inquiry .form_wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line {}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .form_tit {
    margin-bottom: 5px;
}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .form_tit .tit {
    font-size: 16px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .form_inp {}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .form_inp input {
    font-size: 18px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: 100%;
}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .form_inp textarea {
    font-size: 18px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: 100%;
    resize: none;
    height: 100px;
}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .file_box {
    width: 100%;
    padding: 10px 0;
    padding-left: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    background: #fff;
}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .file_box label {}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .file_box label>i {}
.wp_wrap #contact .bot .inquiry .form_wrap .form_line .file_box label input {}
.wp_wrap #contact .bot .inquiry .form_wrap .form_last_line {}
.form_wrap .form_line .file_box {
    margin-bottom: 15px;
    background: #fff;
    width: 40%;
}
.form_wrap .form_line .file_box>label {
    position: relative;
}

.form_wrap .form_line .file_box>p {
    font-size: 14px;
    font-family: 'Pretendard-Regular';
}
input[type='file'] {
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    background: transparent;
    font-size: 14px;
    font-family: 'Pretendard-Regular';
    color: #000;
}

input[type='file']::file-selector-button{
    height: 30px;
    font-size: 14px;
    font-family: 'Pretendard-Regular';
    color: #000;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    padding: 0 15px 0 15px;
    cursor: pointer;
}
.form_wrap .form_last_line .agr_box{
    margin-bottom: 20px;
}
.form_wrap .form_last_line .agr_box input[type="checkbox"]{
    display: none;
}
input[type="checkbox"] + label{
    font-size: 14px;
    font-family: 'Pretendard-Regular';
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}
input[type="checkbox"] + label .chk_cst{
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 5px;
    background: url(../img/icon/agr_chk_bf.png) no-repeat center center / cover;
}
input[type="checkbox"]:checked + label .chk_cst{
    background: url(../img/icon/agr_chk_at.png) no-repeat center center / cover;
}
input[type="checkbox"]:checked + label .chk_cst{}
input[type="checkbox"] + label .txt_deco{
    font-family: 'Pretendard-Medium';
    text-decoration: underline;
    text-underline-offset: 3px;
}
.form_wrap .form_last_line .line_rt {
    display: flex;
    justify-content: end;
    margin-top: 15px;
}
.form_wrap .form_last_line .line_rt>button {
    background: #EFEFEF;
    font-size: 13px;
    font-family: 'Pretendard-Regular';
    padding: 10px 20px;
    transition: 0.3s;
}
.form_wrap .form_last_line .line_rt>button:hover {
    background: #E10818;
    color: #fff;
}

.wp_wrap #contact .info_box {}
.wp_wrap #contact .info_box .info_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap #contact .info_box .info_list>li {
    display: flex;
    align-items: center;
    gap: 20px;
}
.wp_wrap #contact .info_box .info_list>li .name {
    font-size: 18px;
    font-family: 'Pretendard-Bold';
    color: #656565;
    width: 120px;
}
.wp_wrap #contact .info_box .info_list>li .ex {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
/**********************************************************************************************************************/

/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .com_md {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    display: none;
}
.wp_wrap .pv_md.on {
    display: block;
}
.wp_wrap .tou_md.on {
    display: block;
}
.wp_wrap .com_md .md_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 100%;
}
.wp_wrap .com_md .md_outer .width_inner {
    position: relative;
    max-width: 1100px;
    width: 100%;
    height: 80vh;
    background: #fff;
    padding: 30px 40px 60px 40px;
}
.wp_wrap .com_md .md_outer .width_inner .icon_box {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1000;
    cursor: pointer;
}
.wp_wrap .com_md .md_outer .width_inner .icon_box i {
    border: 2px solid #999999;
    border-radius: 50%;
    padding: 6px;
    font-size: 18px;
    color: #999999;
    font-weight: 900;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner p {
    font-size: 33px;
    font-family: var(--font-pre500);
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box {
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow-y: auto;    
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar { 
    width: 6px;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-thumb { 
    border-radius:10px; 
    background-color: #e0e0e0;
    cursor: pointer;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-track {  
    background-color: #fff; 
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box .txt_body pre {
    font-family: var(--font-pre400);
    font-weight: 400;
    font-size: 17px;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.4;
}
.wp_wrap .com_md .md_outer .width_inner .md_inner .txt_box .txt_body pre .cicnum {
    position: relative;
    display: inline-block;
    top: -2px;
    font-size: 10px;
}
/**********************************************************************************************************************/