/**
 * 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_ 접두어를 사용한다.
*/
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/* font */
@font-face {
    font-family: 'Pretendard-Thin';
    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-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    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('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/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('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('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('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-Light';
    --font-pre300: 'Pretendard-ExtraLight';
    --font-pre400: 'Pretendard-Regular';
    --font-pre500: 'Pretendard-Medium';
    --font-pre600: 'Pretendard-SemiBold';
    --font-pre700: 'Pretendard-Bold';
    --font-pre800: 'Pretendard-ExtraBold';
    --font-pre900: 'Pretendard-Black';
}




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

.hidden {
    height:100%; 
    min-height:100%; 
    overflow:hidden !important; 
    touch-action:none;
}

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

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

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

.sec_tit01{
    font-size: 60px;
    font-family: var(--font-pre700);
    text-align: left;
}
.sec_tit01 span{
    font-size: 60px;
    font-family: var(--font-pre200);
}

.sec_tit02{
    font-size: 60px;
    font-family: var(--font-pre600);
    text-align: left;
}
.sec_tit02 span{
    font-size: 50px;
    font-family: var(--font-pre200);
}

.sec_tit03{    
    font-size: 40px;
    font-family: var(--font-pre700);
    text-align: left;
}

#p_main{
    overflow: hidden;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* 헤더 */
.wp_wrap header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 998;
    background: transparent;
    transition: 0.5s;
}
.wp_wrap header .login {
    padding: 10px 0;
    width: 100%;
    height: auto;
}
.wp_wrap header .login .log_list {
    flex-wrap: nowrap;
}
.wp_wrap header .login .log_list>li {}
.wp_wrap header .login .log_list>li>a {
    font-size: 14px;
    font-family: 'Pretendard-Regular';
    color: #fff;
    margin-right: 20px;
}
.wp_wrap header .login .log_list>li:last-child>a {
    margin-right: 0;
}
.wp_wrap header .h_inner{    
    position: relative; 
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp_wrap header .h_inner .h_logo{
    min-width: 335px;
}
.wp_wrap header .h_inner .gnb{
    display: flex;
}
.wp_wrap header .h_inner .gnb .m_list{
    position: relative;
    text-align: center;
    font-family: var(--font-pre600);
    /* padding: 0 40px; */
    width: 140px;
}
.wp_wrap header .h_inner .gnb .m_list>a{
    /* display: block; */
    /* padding: 40px 0; */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.wp_wrap header .h_inner .gnb .m_list .sub_mnu{
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    z-index: 1003;
}
.wp_wrap header .h_inner .gnb .m_list .sub_mnu .sub_m_list>a{    
    font-family: var(--font-pre400);
    font-size: 17px;
    display: block;
    padding: 8px 0;
    letter-spacing: -1px;
    width: 100%;
    height: 100%;
}
.wp_wrap header .h_inner .gnb .m_list .sub_mnu .sub_m_list>.sub_third_mnu{
    width: 100%; margin-bottom:10px ;
}    
.wp_wrap header .h_inner .gnb .m_list .sub_mnu .sub_m_list>.sub_third_mnu>li{padding:3px 0;}    
.wp_wrap header .h_inner .gnb .m_list .sub_mnu .sub_m_list>.sub_third_mnu>li>a{
    color:#6e6e6e;
    font-size: 14px;
	font-family: var(--font-pre400);
}    
.wp_wrap header .h_bg{
    display: none;
    background: rgba(242, 242, 242, 0.9);
    height: 220px;    
    position: absolute;
    top: 137px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1001;
}
.wp_wrap header .h_bg .banner_box{    
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap header .h_bg .banner_box .notice_banner{
    position: relative;
    background: #fff;
    display: flex;
    padding: 30px 0;
    width: 40%;
    border-radius: 10px;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}
.wp_wrap header .h_bg .banner_box .notice_banner .left{
    padding: 20px 15px 20px 20px;
    border-right: 1px solid #ddd;
}
.wp_wrap header .h_bg .banner_box .notice_banner .left p{
    font-size: 18px;
}
.wp_wrap header .h_bg .banner_box .notice_banner .right{
    padding: 20px 15px;
}
.wp_wrap header .h_bg .banner_box .notice_banner .right .r_tit{ 
    font-size: 17px;
    font-family: var(--font-pre600);
    margin-bottom: 10px;
}
.wp_wrap header .h_bg .banner_box .notice_banner .right .r_date{
    font-size: 15px;
    color: #BBBBBB;
    font-family: var(--font-pre200);
    margin-left: 10px;
}
.wp_wrap header .h_bg .banner_box .notice_banner .right .r_des{ 
    font-size: 15px;
}


/* 모바일 메뉴 */
.wp_wrap header .mo_menu_icon{
    display: none;
    font-size: 25px;
    color: #fff;
}
.wp_wrap header .mo_menu {
    display: none;
}

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








/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* 푸터 */
.wp_wrap footer {
    background: #957878;
    padding: 20px 0;
}
.wp_wrap footer .fot_top {
    margin-bottom: 20px;
}
.wp_wrap footer .fot_top .left {
    margin-right: 15px;
}
.wp_wrap footer .fot_top .left>a {
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    color: #DDDDDD;
}
.wp_wrap footer .fot_top .right {}
.wp_wrap footer .fot_top .right>a {
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    color: #DDDDDD;
}
.wp_wrap footer .f_inner {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

.wp_wrap footer .f_inner .f_info>ul{
    display: flex;
    margin-bottom: 20px;
	  flex-wrap: wrap;
	  gap:30px
}
.wp_wrap footer .f_inner .f_info>ul>li{
    margin-right: 5px;
    font-family: var(--font-pre200);
}

.wp_wrap .f_info ul li,
.wp_wrap .f_info p {
    font-size: 15px;
    font-weight: 200;
    color: #fff;
	padding-bottom: 5px;
}
.wp_wrap .f_info .f_copy a {
    font-size: 15px;
    font-weight: 200;
    color: #c1a7a7;
    transition: 0.3s;
}
.wp_wrap .f_info .f_copy a:hover {
    color: #f5d4d4;
}
.f_logo img {
	max-width: 250px;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* 픽스배너메뉴 */
.wp_wrap .fix_banner{
    position: fixed;
    top: 60%;
    left: 75px;
    transform: translateY(-60%);
    z-index: 999;
}

.wp_wrap .fix_banner .fbanner_itms .fbanner_itm{
    margin-bottom: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 135px;
    height: 135px;
}
.wp_wrap .fix_banner .fbanner_itms .fbanner_itm p{
    font-size: 15px;
    color: #fff;
    margin-bottom: 18px;
}
.wp_wrap .fix_banner .fbanner_itms .itm01{
    background: rgba(252, 175, 23, 0.84);
    transition: all 0.5s;
}
.wp_wrap .fix_banner .fbanner_itms .itm02{
    background: rgba(182, 102, 18, 0.77);
    transition: all 0.5s;
}
.wp_wrap .fix_banner .fbanner_itms .itm03{
    background: rgba(147, 96, 68, 0.83);
    transition: all 0.5s;
}

/* hover */
.wp_wrap .fix_banner .fbanner_itms .itm01:hover{
    background: rgba(252, 175, 23, 1);
    transition: all 0.5s;
}
.wp_wrap .fix_banner .fbanner_itms .itm02:hover{
    background: rgba(182, 102, 18, 1);
    transition: all 0.5s;
}
.wp_wrap .fix_banner .fbanner_itms .itm03:hover{
    background: rgba(147, 96, 68, 1);
    transition: all 0.5s;
}







/* 메인 슬라이드*/
.wp_wrap .main_visual {
    position: relative;
}
.wp_wrap .main_visual .main_slider .slide{
    position: relative;
    width: 100%;
    height: 100vh;
}
.wp_wrap .main_visual .main_slider .slide .img_bg.item01{
    background: url(../img/main/mainSlide01_1.jpg) no-repeat center center / cover;
}
.wp_wrap .main_visual .main_slider .slide .img_bg.item02{
    background: url(../img/main/mainSlide02_1.jpg) no-repeat center center / cover;
}

.wp_wrap .main_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 .main_visual .main_slider .slide.action .img_bg {
    transform: scale(1); 
}

.wp_wrap .main_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 .main_visual .main_slider .slide .slide_inner .txt_box{
    text-align: center;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.wp_wrap .main_visual .main_slider .slide .slide_inner .txt_box .top_tit{
    font-size: 30px;
    font-family: var(--font-pre400);     
    transform:translateY(100px);
    opacity: 0;
    transition: 0.7s 2s;
}
.wp_wrap .main_visual .main_slider .slide .slide_inner .txt_box .mid_tit{
    font-size: 70px;
    font-family: var(--font-pre700);
        transform:translateY(100px);
    opacity: 0;
    margin-bottom: 10px;
    transition: 0.7s 2.7s;
}
.wp_wrap .main_visual .main_slider .slide .slide_inner .txt_box .bot_tit{
    font-size: 25px;
    font-family: var(--font-pre200);    
    transform:translateY(100px);
    opacity: 0;
    transition: 0.7s 3.4s;
}



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


/*  메인 슬라이드 버튼  */
.wp_wrap .main_visual .main_slider .slick-dots{
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}
.wp_wrap .main_visual .main_slider .slick-dots li {
    position: relative;
}
.wp_wrap .main_visual .main_slider .slick-dots li button::before {
    content: '';
    width: 29px;
    height: 29px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #fcaf17;
    background: transparent;
    display: none;
    animation: spread 3.3s linear;
}
.wp_wrap .main_visual .main_slider  .slick-dots li button{
    position: relative;
    outline: none;
    border:  none;
    font-size: 0;
    width: 13px;
    height: 13px;
    background: #fff;
    margin-bottom: 20px; 
    border-radius: 50%;
}
.wp_wrap .main_visual .main_slider  .slick-dots li.slick-active button::before{
    display: block;
}
.wp_wrap .main_visual .main_slider  .slick-dots li.slick-active button{    
    background: #fcaf17;
}


/* 메인 스크롤 아이콘 */
.wp_wrap .main_visual .scr{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, -50%);
}
.wp_wrap .main_visual .scr a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wp_wrap .main_visual .scr .scr_icon{
    display: flex;
    justify-content: center;
    width: 17px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 8px;
    background: transparent;
    margin-bottom: 3px;
    padding: 4px 0;
}
.wp_wrap .main_visual .scr .scr_icon .dot{
    position: relative;
    width: 9px;
    height: 9px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}
.wp_wrap .main_visual .scr .scr_icon .dot1,
.wp_wrap .main_visual .scr .scr_icon .dot2{
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
    content: '';
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
}
.wp_wrap .main_visual .scr .scr_icon .dot2{
    background: #fff;

}

.wp_wrap .main_visual .scr .scr_txt{
    font-size: 12px;
    font-family: var(--font-pre200);
    color: #fff;
}



/* sec01 - s_ma_bsns */
.s_ma_bsns{
    background:#F7F7F7;
}

.wp_wrap .s_ma_bsns .sec_tit02{
    text-align: center;
    margin-bottom: 55px;
    font-size: 50px;
	
}

.wp_wrap .s_ma_bsns .bsns_itms{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.wp_wrap .s_ma_bsns .bsns_itms .itm_li{
    display: block;
    width: 32%;
    cursor: pointer;
}

.wp_wrap .s_ma_bsns .bsns_itms .itm_li .img_box{
    border-radius: 20px;
    overflow: hidden;
}

.wp_wrap .s_ma_bsns .bsns_itms .itm_li .img_box>img{
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.wp_wrap .s_ma_bsns .bsns_itms .itm_li .txt_box{
    padding: 20px 15px;
    text-align: center;
}
.wp_wrap .s_ma_bsns .bsns_itms .itm_li .txt_box .itm_name{
    font-size: 20px;
    color: #1D1D1D;
    margin-bottom: 20px;
    font-family: var(--font-pre500);
}
.wp_wrap .s_ma_bsns .bsns_itms .itm_li .txt_box .itm_desc{
    font-size: 16px;
    color: #5D5D5D;
}


/* sec02 - announce */

.wp_wrap .s_announce{
    background: #F7F7F7;
}
.wp_wrap .s_announce .announce_inner{
    display: flex;
    justify-content: space-between;
}
.wp_wrap .s_announce .announce_inner .left,
.wp_wrap .s_announce .announce_inner .right{
    width: 48%;
}
.wp_wrap .s_announce .announce_inner .right .tit_box{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 25px;
}
.wp_wrap .s_announce .announce_inner .left .tit_box{
    position: relative;
    margin-bottom: 25px;
}
.wp_wrap .s_announce .announce_inner .tit_box .press_arrow{
    position: absolute;
    background: transparent;
}


.wp_wrap .s_announce .announce_inner .tit_box .press_lt{
    right: 40px;
    top: 5px;
}
.wp_wrap .s_announce .announce_inner .tit_box .press_rt{
    right: 0;
    top: 5px;
}

.wp_wrap .s_announce .more>a{
    font-size: 18px;
}

.wp_wrap .s_announce .announce_inner .left .press .press_slider .slick-slide {
    margin: 0 10px;
}
.wp_wrap .s_announce .announce_inner .left .press .press_slider .slick-list {
    margin: 0 -10px;
}
.wp_wrap .s_announce .announce_inner .left .press .press_slider .slide_inner .news_itm .img_box{
    border-radius: 20px;
    overflow: hidden;
}
.wp_wrap .s_announce .announce_inner .left .press .press_slider .slide_inner .news_itm .img_box>img{
    width: 100%;
}
.wp_wrap .s_announce .announce_inner .left .press .press_slider .slide_inner .news_itm .txt_box{
    padding: 15px 10px;
}
.wp_wrap .s_announce .announce_inner .left .press .press_slider .slide_inner .news_itm  .txt_box .news_tit{
    font-size: 20px;
    font-family: var(--font-pre600);
    margin-bottom: 20px;
    height: 47px;
}
.wp_wrap .s_announce .announce_inner .left .press .press_slider .slide_inner .news_itm  .txt_box .news_desc{
    font-size: 18px;
    color: #5d5d5d;
}



.wp_wrap .s_announce .announce_inner .right .em_guide .guide_box{
    background: #fff;
    border-radius: 20px;
    padding: 50px 25px 50px 35px;
}
.wp_wrap .s_announce .announce_inner .right .em_guide .guide_box .guide_li::before{
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);    
    content: "";
    width: 5px;
    height: 5px;
    background: #dedede;
}
.wp_wrap .s_announce .announce_inner .right .em_guide .guide_box .guide_li {
    position: relative;
    margin-bottom: 15px;
}
.wp_wrap .s_announce .announce_inner .right .em_guide .guide_box .guide_li:last-child{
    margin-bottom: 0;
}
.wp_wrap .s_announce .announce_inner .right .em_guide .guide_box .guide_li a{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.wp_wrap .s_announce .announce_inner .right .em_guide .guide_box .guide_li>a>p {  
    font-size: 20px;
    font-family: var(--font-pre200);
    color: #616161;
    position: relative;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.wp_wrap .s_announce .announce_inner .right .em_guide .guide_box .guide_li>a span {
    display: block;
    font-size: 16px;
    font-family: var(--font-pre200);
    color: #949494;
}





/* sec03 - shop */
.wp_wrap .s_shop .sec_tit01{
    margin-bottom: 5px;
}
.wp_wrap .s_shop .shop_desc{
    font-size: 17px;
    margin-bottom: 35px;
}
.wp_wrap .s_shop .shop_items{
}
.wp_wrap .s_shop .shop_items{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp_wrap .s_shop .shop_items .shop_itm {
    /* display: block; */
    cursor: pointer;
}
.wp_wrap .s_shop .shop_items .shop_itm .img_box{
    width: 370px;
    height: 280px;
    margin-bottom: 20px;
}
.wp_wrap .s_shop .shop_items .shop_itm .img_box>img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.wp_wrap .s_shop .shop_items .shop_itm .txt_box{
    width: 95%;
    margin: 0 auto;
}
.wp_wrap .s_shop .shop_items .shop_itm .shop_itm_name{
    font-size:26px;
    font-family: var(--font-pre600);
    margin-bottom: 10px;
}
.wp_wrap .s_shop .shop_items .shop_itm .shop_itm_desc{
    font-size: 18px;
    color: #8f8f8f;
}
.wp_wrap .s_shop .more{
    position: relative;
    text-align: center;
}
.wp_wrap .s_shop .more::after{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1px;
    height: 40px;
    background: #707070;
}
.wp_wrap .s_shop .more a{
    font-size: 18px;
    
}



/* sec04 - notice */
.wp_wrap .s_notice {
    background: #F7F7F7;
}
.wp_wrap .s_notice .notice_inner {
    display: flex;
    gap: 60px;
}
.wp_wrap .notice_inner .left {
    width: 20%
}
.wp_wrap .notice_inner .right {
    width: 75%;
}
.wp_wrap .s_notice .notice_inner .left .notice_desc {
    font-size: 17px;
    margin-bottom: 20px;
}
.wp_wrap .s_notice .notice_inner .left .more>a {
    display: block;
    color: #000;
    text-align: left;
    font-size: 18px;
}
.wp_wrap .s_notice .notice_inner .right .notice_slider {
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 1900px;
    overflow-x: hidden;
}
.wp_wrap .s_notice .notice_inner .right .notice_slider .slick-slide {
    margin: 0 10px;
}
.wp_wrap .notice_inner .right .notice_slider .slick-list {
    margin: 0 -10px;
}
.wp_wrap .s_notice .notice_inner .right .notice_slider .slide .notice_itm_click {
    /* width: 300px; */
    height: 254px;
    display: block;
    padding: 50px 30px;
}
.wp_wrap .s_notice .notice_inner .right .notice_slider .slide {
    background: #fff;
    border-radius: 30px;
}
.wp_wrap .s_notice .notice_inner .right .notice_slider .slide .notice_itm_click .slide_inner .no_tit {
    font-size: 24px;
    font-family: var(--font-pre600);
    margin-bottom: 30px;
	display: -webkit-box ;
	-webkit-box-orient: vertical ;
	-webkit-line-clamp: 2 ;
	overflow: hidden;
}
.wp_wrap .s_notice .notice_inner .right .notice_slider .slide .notice_itm_click .slide_inner .no_des {
    font-size: 17px;
    margin-bottom: 35px;
    color: #5D5D5D;
}
.wp_wrap .s_notice .notice_inner .right .notice_slider .slide .notice_itm_click .slide_inner .no_date {
    font-size: 17px;
    text-align: right;
    color: #BBBBBB;
}


.wp_wrap .s_notice .notice_inner .right .notice_slider .slide.on{
    background: #E6A845;
}

.wp_wrap .s_notice .notice_inner .right .notice_slider .slide.on .notice_itm_click .slide_inner .no_tit{
    color: #fff;
}

.wp_wrap .s_notice .notice_inner .right .notice_slider .slide.on .notice_itm_click .slide_inner .no_des{
    color: #fcfcfc;
	display: -webkit-box ;
    -webkit-box-orient: vertical ;
    -webkit-line-clamp: 5 ;
    overflow: hidden;
} 

.wp_wrap .s_notice .notice_inner .right .notice_slider .slide.on .notice_itm_click .slide_inner .no_date{
    color: #eee;
}


/* sec05 - gallery */
.wp_wrap .s_gallery .sec_tit01{
    margin-bottom: 5px;
}

.wp_wrap .s_gallery .gallery_desc{
    font-size: 17px;
    margin-bottom: 35px;
}
.wp_wrap .s_gallery .gallery_items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
    margin-bottom: 100px;
}
.wp_wrap .s_gallery .gallery_itm{
    display: block;
    cursor: pointer;
}


.wp_wrap .s_gallery .gallery_itm .img_box{
    width: 370px;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
		border:1px solid #cdcdcd
}

.wp_wrap .s_gallery .gallery_itm .img_box>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.wp_wrap .s_gallery .gallery_itm .txt_box{
    width: 95%;
    margin: 0 auto;
}
.wp_wrap .s_gallery .gallery_itm .txt_box .gallery_itm_name{
    height: 60px;
    font-size: 26px;
    margin-bottom: 10px;
    font-family: var(--font-pre600);
}
.wp_wrap .s_gallery .gallery_itm .txt_box .gallery_itm_desc{
    min-height: 45px;
    font-size: 18px;
    color: #8f8f8f;
}

.wp_wrap .s_gallery .more{
    position: relative;
    text-align: center;
}

.wp_wrap .s_gallery .more::after{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1px;
    height: 40px;
    background: #707070;
}
.wp_wrap .s_gallery .more a{
    font-size: 18px;    
}


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




/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* sub 01 - 01 */
.wp_wrap .sub_main{
    width: 100%;
    height: 350px;
    background: url('../img/sub/subMain.jpg') no-repeat center center / cover;
}
.wp_wrap .sub_main .sub_main_inner{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap .sub_main .sub_main_inner .txt_box{
    text-align: center;
}
.wp_wrap .sub_main .sub_main_inner .txt_box .sm_tit{
    font-size:50px;
    color: #fff
}
.wp_wrap .sub_main .sub_main_inner .txt_box .sm_des{
    font-size: 20px;
    color: #fff
}


/* business main */
.wp_wrap .business_main{
    width: 100%;
    height: 350px;
    background: url('../img/sub/businessMain.jpg') no-repeat center center / cover;
}
.wp_wrap .business_main .sub_main_inner{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap .business_main .sub_main_inner .txt_box{
    text-align: center;
}
.wp_wrap .business_main .sub_main_inner .txt_box .sm_tit{
    font-size:50px;
    color: #fff
}
.wp_wrap .business_main .sub_main_inner .txt_box .sm_des{
    font-size: 20px;
    color: #fff
}


/* sponsor main */
.wp_wrap .sponsor_main{
    width: 100%;
    height: 350px;
    background: url('../img/sub/sponsorMain.jpg') no-repeat center center / cover;
}
.wp_wrap .sponsor_main .sub_main_inner{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap .sponsor_main .sub_main_inner .txt_box{
    text-align: center;
}
.wp_wrap .sponsor_main .sub_main_inner .txt_box .sm_tit{
    font-size:50px;
    color: #fff
}
.wp_wrap .sponsor_main .sub_main_inner .txt_box .sm_des{
    font-size: 20px;
    color: #fff
}


/* notice main */
.wp_wrap .notice_main{
    width: 100%;
    height: 350px;
    background: url('../img/sub/noticeMain.jpg') no-repeat center center / cover;
}
.wp_wrap .notice_main .sub_main_inner{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap .notice_main .sub_main_inner .txt_box{
    text-align: center;
}
.wp_wrap .notice_main .sub_main_inner .txt_box .sm_tit{
    font-size:50px;
    color: #fff
}
.wp_wrap .notice_main .sub_main_inner .txt_box .sm_des{
    font-size: 20px;
    color: #fff
}


/* shop main */
.wp_wrap .shop_main{
    width: 100%;
    height: 350px;
    background: url('../img/sub/shopMain.jpg') no-repeat center center / cover;
}
.wp_wrap .shop_main .sub_main_inner{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap .shop_main .sub_main_inner .txt_box{
    text-align: center;
}
.wp_wrap .shop_main .sub_main_inner .txt_box .sm_tit{
    font-size:50px;
    color: #fff
}
.wp_wrap .shop_main .sub_main_inner .txt_box .sm_des{
    font-size: 20px;
    color: #fff
}



/* 
.wp_wrap .sub_page .fix_menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-bottom: 1px solid #DFDFDF;
    background: #fff;
    z-index: 999;
}
.wp_wrap .sub_page .fix_menu .menu_inner {
    display: flex;
    width: 50%;
}
.wp_wrap .sub_page .fix_menu .menu_inner>div {
    padding: 30px 0;
}
.wp_wrap .sub_page .fix_menu .menu_inner .first{
    width: 12%;
}
.wp_wrap .sub_page .fix_menu .menu_inner .first i {
    font-size: 14px;
    border-right: 1px solid #DFDFDF;
    padding: 0 30px;
}
.wp_wrap .sub_page .fix_menu .menu_inner .second {
    position: relative;
    display: flex;
    width: 40%;
}
.wp_wrap .sub_page .fix_menu .menu_inner .third {
    position: relative;
    display: flex;
    width: 48%;
}
.wp_wrap .sub_page .fix_menu .menu_inner .second .m_top,
.wp_wrap .sub_page .fix_menu .menu_inner .third .m_top {
    padding: 0 30px;
    border-right: 1px solid #DFDFDF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    width: 100%;
}
.wp_wrap .sub_page .fix_menu .menu_inner .second .second_menu,
.wp_wrap .sub_page .fix_menu .menu_inner .third .third_menu {
    position: absolute;
    top: 80px;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 15px 30px;
    font-size: 16px;
    line-height: 40px;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    display: none;
}
.wp_wrap .sub_page .fix_menu .menu_inner .second .second_menu ul>li>a {
    display: inline-block;
    width: 100%;
}
.wp_wrap .sub_page .fix_menu .menu_inner .second .m_top p,
.wp_wrap .sub_page .fix_menu .menu_inner .third .m_top p {
    font-size: 16px;
    font-family: var(--font-pre500);
}
.wp_wrap .sub_page .fix_menu .menu_inner .second .m_top i,
.wp_wrap .sub_page .fix_menu .menu_inner .third .m_top i {
    font-size: 18px;
}   */

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




/* 서브공통 */
.wp_wrap .sub_page section{
    overflow: hidden;
}




/* sub 01 -01 */
.wp_wrap .sub_page .sub_sec_tit{
    font-size: 60px;
    font-family: var(--font-pre600);
    text-align: center;
    margin-bottom: 110px;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner{
    display: flex;
    align-items: center;
    gap: 55px;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left{
    width: 75%;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .main_tit {
    font-size: 28px;
    margin-bottom: 35px;
    font-family: var(--font-pre200);
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .main_tit span{
    font-family: var(--font-pre700);
}
.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .desc {
    font-size: 20px;
    margin-bottom: 30px;
    font-family: var(--font-pre200);
    line-height: 1.4;
    color: #2E2E2E;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .desc.mb9 {
    margin-bottom: 40px;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .ceo_name {
    font-size: 20px;
    font-family: var(--font-pre200);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 1.5em;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .left .txt_box .ceo_name span {
    font-family: var(--font-pre500);
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .right .img_box {
    position: relative;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
    width: 160%;
    height: 550px;
}

.wp_wrap .sub_page .sub_greeting .greeting_inner .right .img_box::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.wp_wrap .sub_page .sub_greeting .greeting_inner .right .img_box:hover::before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}


.wp_wrap .sub_page .sub_greeting .greeting_inner .right .img_box img {
    width: 100%;
    height: 100%;
    border-radius: 30px 0 0 30px;
    object-fit: cover;
}



/* sub 01 - 02 */
.wp_wrap .sub_page .sub_value .sub_sec_tit {
    max-width: calc((100% - 1200px) / 2 + 1200px);
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 80px;
    margin-left: auto;
}

.wp_wrap .sub_page .sub_value .sub_sec_tit::after {
    content: "";
    flex: 1;
    height: 2px;
    background: #ddd;
}

.wp_wrap .sub_page .sub_value .value_inner {
    /* 
    display: grid;
    place-items: center;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; 
    */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;     
}
.wp_wrap .sub_page .sub_value .value_inner .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.wp_wrap .sub_page .sub_value .value_inner .item .size {
    width: 285px;
    height: 280px;
    margin-bottom: 15px;
}
.wp_wrap .sub_page .sub_value .value_inner .item .size .w100 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 35px;
}
.wp_wrap .sub_page .sub_value .value_inner .item:nth-child(odd) {
    padding-top: 40px;
}

.wp_wrap .sub_page .sub_value .value_inner .item:nth-child(even) {
    padding-bottom: 40px;
}
.wp_wrap .sub_page .sub_value .value_inner .item .txt .ko_tit {
    font-size: 17px;
    color: #171717;
}

.wp_wrap .sub_page .sub_value .value_inner .item .txt .eng_tit {
    font-size: 15px;
    color: #949494;
}


/* history */
.wp_wrap #history {
    padding: 120px 0;
}
.wp_wrap #history .tit {
    margin-bottom: 60px;
}
.wp_wrap #history .tit .img_box {}
.wp_wrap #history .tit .img_box>img {}
.wp_wrap #history .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
    margin-left: 10px;
}
.wp_wrap #history .his_top {
    margin-bottom: 80px;
    gap: 157px;
}
.wp_wrap #history .his_top .top_left {}
.wp_wrap #history .his_top .top_left .number {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #CCCCCC;
}
.wp_wrap #history .his_top .top_right {
    padding-top: 10px;
}
.wp_wrap #history .his_top .top_right>ul {}
.wp_wrap #history .his_top .top_right>ul .list {
    margin-bottom: 80px;
    gap: 30px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_left {
    gap: 15px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_left .circle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #B66612;
    margin-top: 18px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_left .year {
    font-size: 30px;
    font-family: 'Pretendard-SemiBold';
    color: #B66612;
    padding: 7px 23px;
    border: 1px solid #B66612;
    border-radius: 50px;
    max-height: 50px;
    transition: all 1s;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_left .year.active {
    color: #fff;
    background: #B66612;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right {
    padding-top: 13px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul {}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li {
    margin-bottom: 20px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li:last-child {
    margin-bottom: 0px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li .right_list {
    gap: 40px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li .right_list .month {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    width: 4%;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li .right_list .list_ex {}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li .right_list .list_ex>p {
    margin-bottom: 5px;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    position: relative;
	    line-height: 1.5em;
    color: #333333;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li .right_list .list_ex>p::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #DDDDDD;
    position: absolute;
    top: 7px;
    left: -20px;
    border-radius: 100%;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li .right_list .list_ex>p:nth-child(2) {
    margin-bottom: 0px;
}
.wp_wrap #history .his_top .top_right>ul .list .inner_right>ul>li .right_list .list_ex>p>b {
	color: #000
}
.wp_wrap #history .his_bot {
    gap: 90px;
}
.wp_wrap #history .his_bot .bot_left {}
.wp_wrap #history .his_bot .bot_left .number {
    font-size: 50px;
    font-family: 'Pretendard-Bold';
    color: #CCCCCC;
}
.wp_wrap #history .his_bot .bot_right {
    padding-top: 10px;
}
.wp_wrap #history .his_bot .bot_right>ul {}
.wp_wrap #history .his_bot .bot_right>ul .list {
    margin-bottom: 80px;
    gap: 30px;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_left {
    gap: 15px;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_left .circle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #B66612;
    margin-top: 18px;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_left .year {
    font-size: 30px;
    font-family: 'Pretendard-SemiBold';
    color: #B66612;
    padding: 7px 23px;
    border: 1px solid #B66612;
    border-radius: 50px;
    max-height: 50px;
    transition: all 1s;
}

.wp_wrap #history .his_bot .bot_right>ul .list .inner_left .year.active {
    color: #fff;
    background: #B66612;
}
.wp_wrap #history .his_bot .bot_right>ul .list:nth-child(4) .inner_left .b_year {
    height: 36%;
}
.wp_wrap #history .his_bot .bot_right>ul .list:nth-child(6) .inner_left .b_year {
    height: 36%;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right {
    padding-top: 13px;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul {}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li {
    margin-bottom: 20px;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li:last-child {
    margin-bottom: 0px;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li .right_list {
    gap: 40px;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li .right_list .month {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    width: 4%;
}
.wp_wrap #history .his_bot .bot_right>ul .list:nth-child(2) .inner_right>ul>li .right_list .month {
    width: 7%;
}
.wp_wrap #history .his_bot .bot_right>ul .list:nth-child(3) .inner_right>ul>li .right_list .month {
    width: 6%;
}
.wp_wrap #history .his_bot .bot_right>ul .list:nth-child(4) .inner_right>ul>li .right_list .month {
    width: 6%;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li .right_list .list_ex {}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li .right_list .list_ex>p {
    margin-bottom: 5px;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    position: relative;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li .right_list .list_ex>p::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #DDDDDD;
    position: absolute;
    top: 7px;
    left: -20px;
    border-radius: 100%;
}
.wp_wrap #history .his_bot .bot_right>ul .list .inner_right>ul>li .right_list .list_ex>p:nth-child(2) {
    margin-bottom: 0px;
}

/* vision */
.wp_wrap #vision {
    padding: 120px 0;
}
.wp_wrap #vision .tit {
    gap: 10px;
    margin-bottom: 75px;
}
.wp_wrap #vision .tit .img_box {}
.wp_wrap #vision .tit .img_box>img {}
.wp_wrap #vision .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #vision .top {
    text-align: center;
    position: relative;
    margin-bottom: 180px;
}
.wp_wrap #vision .top:before {
    content: '';
    width: 46px;
    height: 46px;
    background: #A95007;
    opacity: 0.5;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 33%;
}
.wp_wrap #vision .top:after {
    content: '';
    width: 103px;
    height: 103px;
    background: #FF9D00;
    opacity: 0.5;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 33%;
}
.wp_wrap #vision .top .circle {
    width: 385px;
    height: 385px;
    border-radius: 100%;
    background: #A95007;
    margin: 0 auto;
    padding-top: 110px;
}
.wp_wrap #vision .top .circle .txt {
    font-size: 30px;
    font-family: 'Pretendard-SemiBold';
    margin-bottom: 20px;
    color: #fff;
}
.wp_wrap #vision .top .circle .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #fff;
    line-height: 1.5;
}
.wp_wrap #vision .middle {
    position: relative;
    margin-bottom: 80px;
}
.wp_wrap #vision .middle .txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.wp_wrap #vision .middle .txt_box .t_middle {
    padding: 12px 30px;
    border: 1px solid #A95007;
    border-radius: 30px;
    width: 21%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.wp_wrap #vision .middle .txt_box .t_middle>p {
    font-size: 25px;
    font-family: 'Pretendard-SemiBold';
    color: #A95007;
}
.wp_wrap #vision .middle .txt_box .t_middle>p>span {
    font-family: 'Pretendard-Light';
}
.wp_wrap #vision .middle .txt_box .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    line-height: 1.5;
}
.wp_wrap #vision .middle .img_box {}
.wp_wrap #vision .middle .img_box>img {
    margin: 0 auto;
}
.wp_wrap #vision .arrows {
    margin-bottom: 80px;
}
.wp_wrap #vision .arrows>ul {
    width: 1.5%;
    margin: 0 auto;
}
.wp_wrap #vision .arrows>ul>li {
    margin-bottom: 20px;
}
.wp_wrap #vision .arrows>ul>li:last-child {
    margin-bottom: 0;
}
.wp_wrap #vision .arrows>ul>li>i {
    font-size: 18px;
    color: #EEEEEE;
}
.wp_wrap #vision .bot {}
.wp_wrap #vision .bot .t_bot {
    background: #A95007;
    padding: 12px 42px;
    border-radius: 30px;
    margin: 0 auto;
    width: 21%;
}
.wp_wrap #vision .bot .t_bot>p {
    font-size: 25px;
    font-family: 'Pretendard-Medium';
    color: #fff;
    text-align: center;
}
.wp_wrap #vision .bot .t_bot>p>span {
    font-family: 'Pretendard-Light';
}
.wp_wrap #vision .bot .bot_list {
    margin-top: 60px;
    gap: 55px;
}
.wp_wrap #vision .bot .bot_list>li {}
.wp_wrap #vision .bot .bot_list>li .bot_box {}
.wp_wrap #vision .bot .bot_list>li .bot_box .t_box {
    padding: 45px;
    border: 1px solid #EF8D01;
    border-radius: 100%;
    margin-bottom: 17px;
}
.wp_wrap #vision .bot .bot_list>li .bot_box .t_box .img_box {
    width: 100%;
}
.wp_wrap #vision .bot .bot_list>li .bot_box .t_box .img_box>img {
    margin: 0 auto;
}
.wp_wrap #vision .bot .bot_list>li .bot_box .t_txt {
    text-align: center;
}
.wp_wrap #vision .bot .bot_list>li .bot_box .t_txt .s_tit {
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #vision .bot .bot_list>li .bot_box .t_txt .m_tit {
    margin-bottom: 17px;
    font-size: 25px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #vision .bot .bot_list>li .bot_box .t_txt .ex {
    font-size: 17px;
    font-family: 'Pretendard-Regular';
    line-height: 1.5;
}

/* organization */
.wp_wrap #organization {
    padding: 120px 0;
}
.wp_wrap #organization .tit {
    gap: 10px;
    margin-bottom: 75px;
}.wp_wrap #organization .oc {
    display: flex;
	justify-content: center;
	padding-bottom: 60px;
}
.wp_wrap #organization .tit .img_box {}
.wp_wrap #organization .tit .img_box>img {}
.wp_wrap #organization .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #organization .top {
    text-align: center;
    position: relative;
    margin-bottom: 80px;
}
.wp_wrap #organization .top:before {
    content: '';
    width: 43px;
    height: 43px;
    background: #A95007;
    opacity: 0.5;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 38%;
}
.wp_wrap #organization .top:after {
    content: '';
    width: 77px;
    height: 77px;
    background: #FF9D00;
    opacity: 0.5;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 38%;
}
.wp_wrap #organization .top .circle {
    width: 285px;
    height: 285px;
    border-radius: 100%;
    background: #A95007;
    margin: 0 auto;
    padding-top: 110px;
    position: relative;
}
.wp_wrap #organization .top .circle::after {
    content: '';
    width: 1px;
    height: 80px;
    background: #DDDDDD;
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap #organization .top .circle .txt {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #organization .top .circle .ex {
    font-size: 30px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #organization .middle {
    width: 100%;
    margin-bottom: 50px;
}
.wp_wrap #organization .middle .mid_list {
    width: 70%;
    margin: 0 auto;
    position: relative;
}
.wp_wrap #organization .middle .mid_list::before {
    content: '';
    width: 92px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    left: 26%;
    transform: translateY(-50%);
}
.wp_wrap #organization .middle .mid_list::after {
    content: '';
    width: 92px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    right: 26%;
    transform: translateY(-50%);
}
.wp_wrap #organization .middle .mid_list>li {}
.wp_wrap #organization .middle .mid_list>li .box {
    width: 220px;
    height: 70px;
    border-radius: 20px;
    border: 1px solid #A95007;
    padding-top: 23px;
}
.wp_wrap #organization .middle .mid_list>li .box>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    text-align: center;
}
.wp_wrap #organization .middle .mid_list>li .y_box {
    width: 220px;
    height: 70px;
    border-radius: 20px;
    background: rgba(255, 157, 0, 0.5);
    padding-top: 23px;
}
.wp_wrap #organization .middle .mid_list>li:nth-child(3) .y_box {
    padding-top: 9px;
}
.wp_wrap #organization .middle .mid_list>li .y_box>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    text-align: center;
}
.wp_wrap #organization .middle_bar {
    width: 51.7%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.wp_wrap #organization .middle_bar>span {
    display: inline-block;
    width: 621px;
    height: 1px;
    background: #ddd;
    margin: 0 auto;
}
.wp_wrap #organization .bot {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
.wp_wrap #organization .bot>li {}
.wp_wrap #organization .bot>li .one {}
.wp_wrap #organization .bot>li .one .b_tit {
    width: 220px;
    height: 70px;
    border-radius: 20px;
    background: #A95007;
    padding-top: 23px;
    margin-bottom: 10px;
    position: relative;
}
.wp_wrap #organization .bot>li .one .b_tit::before {
    content: '';
    width: 1px;
    height: 53px;
    background: #dddddd;
    position: absolute;
    top: -53px;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap #organization .bot>li:nth-child(2) .one .b_tit::before {
    height: 111px;
    top: -111px;
}
.wp_wrap #organization .bot>li .one .b_tit>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #organization .bot>li .one .b_list {
    width: 220px;
    height: 204px;
    background: #F7F7F7;
    border-radius: 20px;
    padding-top: 20px;
}
.wp_wrap #organization .bot>li .one .b_list>li {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    margin-bottom: 5px;
}
.tabsec {
	display: flex;
	justify-content: center;
	flex-direction: column;

}
.date { font-size: 16px;text-align: right}
table.type11 {
	 font-family: 'Pretendard-Medium';
	width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  text-align: center;
  line-height: 1.5;
  margin: 10px 10px;
}
table.type11 th {
   font-family: 'Pretendard-Regular';
  padding: 15px;
  vertical-align: top;

  background:#edceb4 ;
}
table.type11 td {
 
  padding: 15px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  background: #eee;
}

/* map */
.wp_wrap #map {
    padding: 120px 0;
}
.wp_wrap #map .tit {
    gap: 10px;
    margin-bottom: 70px;
}
.wp_wrap #map .tit .img_box {}
.wp_wrap #map .tit .img_box>img {}
.wp_wrap #map .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #map .innermap {
    margin-bottom: 50px;
}



.root_daum_roughmap .wrap_controllers {
    display: none;
}
.root_daum_roughmap .map_border {
    display: none;
}

.wp_wrap #map .info {
    margin-bottom: 40px;
}
.wp_wrap #map .info>li {
    margin-bottom: 13px;
}
.wp_wrap #map .info>li:last-child {
    margin-bottom: 0;
}
.wp_wrap #map .info>li .inner_info {
    gap: 10px;
}
.wp_wrap #map .info>li .inner_info>i {
    font-size: 15px;
    padding: 8px 8px;
    background: #EFEFEF;
    border-radius: 100%;
    color: #A95007;
}
.wp_wrap #map .info>li .inner_info>p {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #map .info>li .number {
    gap: 30px;
}
.wp_wrap #map .info>li .number .left {
    gap: 10px;
}
.wp_wrap #map .info>li .number .left>i {
    font-size: 15px;
    padding: 8px 8px;
    background: #EFEFEF;
    border-radius: 100%;
    color: #A95007;
}
.wp_wrap #map .info>li .number .left>P {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #map .info>li .number .right {
    gap: 10px;
}
.wp_wrap #map .info>li .number .right>i {
    font-size: 15px;
    padding: 8px 8px;
    background: #EFEFEF;
    border-radius: 100%;
    color: #A95007;
}
.wp_wrap #map .info>li .number .right>P {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #map .car {
    margin-bottom: 40px;
}
.wp_wrap #map .car .c_tit {
    gap: 10px;
    width: 188px;
    height: 40px;
    border-radius: 20px;
    background: #A95007;
    padding: 8px 21px;
    margin-bottom: 20px;
}
.wp_wrap #map .car .c_tit>i {
    font-size: 20px;
    color: #fff;
}
.wp_wrap #map .car .c_tit>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #map .car .ex {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    padding-left: 23px;
	line-height: 1.4em;
	color: #4f4e4e;
	border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
	min-height: 200px;
}
.wp_wrap #map .car .ex span {
	color: #0D0D0D;
	}
.spantit {
	display: block;
	margin-bottom: 5px!important;
	font-weight: bold;
	color: #0D0D0D;
	font-size: 20px;
}
.spantit:nth-child(2) {
	padding-top: 10px;
}
.wp_wrap #map .bus {}
.wp_wrap #map .bus .b_tit {
    gap: 10px;
    width: 168px;
    height: 40px;
    border-radius: 20px;
    background: #A95007;
    padding: 8px 21px;
    margin-bottom: 20px;
}
.wp_wrap #map .bus .b_tit>i {
    font-size: 20px;
    color: #fff;
}
.wp_wrap #map .bus .b_tit>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #map .bus .ex {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    padding-left: 23px;
    margin-bottom: 10px;
	line-height: 1.4em;
	color: #4f4e4e;
	border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
	min-height: 200px;
}
.wp_wrap #map .bus .ex:last-child {
    margin-bottom: 0;
}
.wp_wrap #map .bus .ex .blue {
    
    color: #3359DA;
	margin-bottom: 10px;
	  
}
.wp_wrap #map .bus .ex .green {
    
    color: #41C038;
		margin-bottom: 10px;
	
}
.wp_wrap #map .bus .ex .red {
   
    color:#B70003;

}
.trapic {
	
	display: grid;grid-template-columns: 1fr 1fr;
	gap:20px;
}
/* process */
.wp_wrap #process {
    padding: 120px 0;
}
.wp_wrap #process .tit {
    gap: 10px;
    margin-bottom: 70px;
}
.wp_wrap #process .tit .img_box {}
.wp_wrap #process .tit .img_box>img {}
.wp_wrap #process .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #process .about {
    gap: 60px;
    margin-bottom: 60px;
}
.wp_wrap #process .about .img_box {}
.wp_wrap #process .about .img_box>img {}
.wp_wrap #process .about .txt_box {}
.wp_wrap #process .about .txt_box .t_tit {
    font-size: 30px;
    font-family: 'Pretendard-SemiBold';
    margin-bottom: 20px;
}
.wp_wrap #process .about .txt_box .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    line-height: 1.5;
}
.wp_wrap #process .people {
    margin-bottom: 60px;
}
.wp_wrap #process .people .p_top {
    width: 130px;
    height: 40px;
    background: #A95007;
    border-radius: 30px;
    padding: 8px 48px;
    margin-bottom: 20px;
}
.wp_wrap #process .people .p_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #process .people .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    padding-left: 45px;
	line-height: 1.6em;
}
.wp_wrap #process .progress {
    margin-bottom: 60px;
}
.wp_wrap #process .progress .p_top {
    width: 130px;
    height: 40px;
    background: #A95007;
    border-radius: 30px;
    padding: 8px 31px;
    margin-bottom: 40px;
}
.wp_wrap #process .progress .p_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #process .progress .progress_list {
    padding-left: 45px;
    row-gap: 30px;
    column-gap: 40px;
}
.wp_wrap #process .progress .progress_list>li {
    width: 100%;
    height: 200px;
    position: relative;
}
.wp_wrap #process .progress .progress_list>li::after {
    content: '▶';
    font-size: 20px;
    color: #eeeeee;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
}
.wp_wrap #process .progress .progress_list>li:nth-child(4):after {
    display: none;
}
.wp_wrap #process .progress .progress_list>li:nth-child(7):after {
    display: none;
}
.wp_wrap #process .progress .progress_list>li .p_box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #FFC85B;
    padding-top: 40px;
}
.wp_wrap #process .progress .progress_list>li .p_box .img_box {
    margin-bottom: 20px;
}
.wp_wrap #process .progress .progress_list>li .p_box .img_box>img {
    margin: 0 auto;
}
.wp_wrap #process .progress .progress_list>li .p_box .txt_box {
    text-align: center;
}
.wp_wrap #process .progress .progress_list>li .p_box .txt_box>p {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #process .process_map {}
.wp_wrap #process .process_map .pm_top {
    width: 430px;
    height: 40px;
    background: #A95007;
    border-radius: 30px;
    padding: 8px 31px;
    margin-bottom: 40px;
}
.wp_wrap #process .process_map .pm_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #process .process_map .fir {
    padding-left: 40px;
    width: 100%;
    height: 370px;
    gap: 60px;
    margin-bottom: 105px;
}
.wp_wrap #process .process_map .fir .left {
    gap: 60px;
    width: 50%;
}
.wp_wrap #process .process_map .fir .left .l_left {
    width: 39%;
    height: 100%;
    border-radius: 10px;
    background: #FFC85B;
    padding: 155px 0;
    text-align: center;
}
.wp_wrap #process .process_map .fir .left .l_left .grade {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
    background: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    width: 23%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.wp_wrap #process .process_map .fir .left .l_left>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
}
.wp_wrap #process .process_map .fir .left .l_right {
    width: 50%;
}
.wp_wrap #process .process_map .fir .left .l_right>ul {}
.wp_wrap #process .process_map .fir .left .l_right>ul>li {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    position: relative;
}
.wp_wrap #process .process_map .fir .left .l_right>ul>li:first-child:after {
    width: 60px;
    right: -60px;
}
.wp_wrap #process .process_map .fir .left .l_right>ul>li::after {
    content: '';
    width: 30px;
    height: 1px;
    background: #DDDDDD;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
}
.wp_wrap #process .process_map .fir .left .l_right>ul>li:nth-child(3):before {
    content: '';
    width: 1px;
    height: 80px;
    background: #dddddd;
    position: absolute;
    top: -50px;
    right: -30px;
}
.wp_wrap #process .process_map .fir .left .l_right>ul>li:first-child {
    margin-bottom: 170px;
}
.wp_wrap #process .process_map .fir .left .l_right>ul>li:last-child {
    margin-bottom: 0;
}
.wp_wrap #process .process_map .fir .left .l_right>ul>li .box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #FFC85B;
    padding-top: 20px;
}
.wp_wrap #process .process_map .fir .left .l_right>ul>li .box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #process .process_map .fir .right {
    gap: 60px;
    width: 56%;
}
.wp_wrap #process .process_map .fir .right .r_left {
    width: 50%;
}
.wp_wrap #process .process_map .fir .right .r_left>ul {}
.wp_wrap #process .process_map .fir .right .r_left>ul>li {
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
    position: relative;
}
.wp_wrap #process .process_map .fir .right .r_left>ul>li::after {
    content: '▼';
    font-size: 20px;
    color: #eeeeee;
    position: absolute;
    bottom: -27px;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap #process .process_map .fir .right .r_left>ul>li:nth-child(4):before {
    content: '';
    width: 30px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
.wp_wrap #process .process_map .fir .right .r_left>ul>li:last-child {
    margin-bottom: 0;
}
.wp_wrap #process .process_map .fir .right .r_left>ul>li .l_box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #FFF4DF;
    border: 1px solid #FFC85B;
    padding-top: 20px;
}
.wp_wrap #process .process_map .fir .right .r_left>ul>li .l_box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #process .process_map .fir .right .r_right {
    padding-top: 180px;
    width: 50%;
}
.wp_wrap #process .process_map .fir .right .r_right>ul {
}
.wp_wrap #process .process_map .fir .right .r_right>ul>li {
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
    position: relative;
}
.wp_wrap #process .process_map .fir .right .r_right>ul>li::before {
    content: '';
    width: 60px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
}
.wp_wrap #process .process_map .fir .right .r_right>ul>li .r_box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #FFC85B;
    padding-top: 20px;
}
.wp_wrap #process .process_map .fir .right .r_right>ul>li .r_box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #process .process_map .sec {
    padding-left: 40px;
    margin-bottom: 60px;
    width: 100%;
    height: 323px;
    gap: 60px;
}
.wp_wrap #process .process_map .sec .left {
    gap: 60px;
    width: 50%;
}
.wp_wrap #process .process_map .sec .left .l_left {
    width: 39%;
    height: 100%;
    border-radius: 10px;
    background: #EEBF6E;
    padding: 133px 0;
    text-align: center;
}
.wp_wrap #process .process_map .sec .left .l_left .grade {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
    background: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    width: 23%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.wp_wrap #process .process_map .sec .left .l_left>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
}
.wp_wrap #process .process_map .sec .left .l_right {
    padding-top: 50px;
    width: 50%;
}
.wp_wrap #process .process_map .sec .left .l_right>ul {}
.wp_wrap #process .process_map .sec .left .l_right>ul>li {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    position: relative;
}
.wp_wrap #process .process_map .sec .left .l_right>ul>li::after {
    content: '';
    width: 30px;
    height: 1px;
    background: #DDDDDD;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
}
.wp_wrap #process .process_map .sec .left .l_right>ul>li:nth-child(2):before {
    content: '';
    width: 1px;
    height: 80px;
    background: #dddddd;
    position: absolute;
    top: -50px;
    right: -30px;
}
.wp_wrap #process .process_map .sec .left .l_right>ul>li .box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #E2B15D;
    padding-top: 20px;
}
.wp_wrap #process .process_map .sec .left .l_right>ul>li .box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #process .process_map .sec .right {
    gap: 60px;
    width: 56%;
}
.wp_wrap #process .process_map .sec .right .r_left {
    width: 50%;
}
.wp_wrap #process .process_map .sec .right .r_left>ul {}
.wp_wrap #process .process_map .sec .right .r_left>ul>li {
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
    position: relative;
}
.wp_wrap #process .process_map .sec .right .r_left>ul>li:nth-child(3):before {
    content: '';
    width: 30px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
}
.wp_wrap #process .process_map .sec .right .r_left>ul>li:nth-child(2):before {
    content: '';
    width: 30px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
.wp_wrap #process .process_map .sec .right .r_left>ul>li::after {
    content: '▼';
    font-size: 20px;
    color: #eeeeee;
    position: absolute;
    bottom: -27px;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap #process .process_map .sec .right .r_left>ul>li .l_box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #FFE9C3;
    border: 1px solid #E2B15D;
    padding-top: 20px;
}
.wp_wrap #process .process_map .sec .right .r_left>ul>li .l_box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #process .process_map .sec .right .r_right {
    padding-top: 140px;
    width: 50%;
}
.wp_wrap #process .process_map .sec .right .r_right>ul {}
.wp_wrap #process .process_map .sec .right .r_right>ul>li {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    position: relative;
}
.wp_wrap #process .process_map .sec .right .r_right>ul>li::before {
    content: '';
    width: 30px;
    height: 1px;
    background: #dddddd;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
.wp_wrap #process .process_map .sec .right .r_right>ul>li:nth-child(2):after {
    content: '';
    width: 1px;
    height: 80px;
    background: #dddddd;
    position: absolute;
    top: -50px;
    left: -30px;
}
.wp_wrap #process .process_map .sec .right .r_right>ul>li .r_box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #E2B15D;
    padding-top: 20px;
}
.wp_wrap #process .process_map .sec .right .r_right>ul>li .r_box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #process .process_map .thi {
    padding-left: 40px;
    width: 100%;
    height: 170px;
}
.wp_wrap #process .process_map .thi .left {
    width: 50%;
}
.wp_wrap #process .process_map .thi .left .l_left {
    width: 34.7%;
    height: 100%;
    border-radius: 10px;
    background: #E2A05D;
    padding: 57px 0;
    text-align: center
}
.wp_wrap #process .process_map .thi .left .l_left .grade {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
    background: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    width: 23%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.wp_wrap #process .process_map .thi .left .l_left>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
}
.wp_wrap #process .process_map .thi .right {
    width: 22.4%;
}
.wp_wrap #process .process_map .thi .right .r_left {}
.wp_wrap #process .process_map .thi .right .r_left>ul {}
.wp_wrap #process .process_map .thi .right .r_left>ul>li {
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
    position: relative;
}
.wp_wrap #process .process_map .thi .right .r_left>ul>li:nth-child(1):after {
    content: '▼';
    font-size: 20px;
    color: #eeeeee;
    position: absolute;
    bottom: -27px;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap #process .process_map .thi .right .r_left>ul>li .l_box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #FFEBD6;
    border: 1px solid #E2A05D;
    padding-top: 20px;
}
.wp_wrap #process .process_map .thi .right .r_left>ul>li .l_box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}

/* profit */
.wp_wrap #profit {
    padding: 120px 0;
}
.wp_wrap #profit .tit {
    gap: 10px;
    margin-bottom: 70px;
}
.wp_wrap #profit .tit .img_box {}
.wp_wrap #profit .tit .img_box>img {}
.wp_wrap #profit .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #profit .about {
    gap: 60px;
    margin-bottom: 60px;
}
.wp_wrap #profit .about .img_box {}
.wp_wrap #profit .about .img_box>img {}
.wp_wrap #profit .about .txt_box {}
.wp_wrap #profit .about .txt_box .t_tit {
    font-size: 30px;
    font-family: 'Pretendard-SemiBold';
    margin-bottom: 20px;
}
.wp_wrap #profit .about .txt_box .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    line-height: 1.5;
}
.wp_wrap #profit .people {
    margin-bottom: 60px;
}
.wp_wrap #profit .people .p_top {
    width: 130px;
    height: 40px;
    background: #A95007;
    border-radius: 30px;
    padding: 8px 31px;
    margin-bottom: 20px;
}
.wp_wrap #profit .people .p_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #profit .people .ex {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    padding-left: 40px;
}
.wp_wrap #profit .certi {
    margin-bottom: 60px;
}
.wp_wrap #profit .certi .c_top {
    width: 130px;
    height: 40px;
    background: #A95007;
    border-radius: 30px;
/*    padding: 8px 48px;*/
    margin-bottom: 20px;
	 text-align: center;
	line-height: 40px;
}
.wp_wrap #profit .certi .c_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #profit .certi .certi_list {
    padding-left: 40px;
}
.wp_wrap #profit .certi .certi_list>li.haccp_itm{
    cursor: pointer;
}
.wp_wrap #profit .certi .certi_list>li {
    width: 32%;
    height: 210px;
}
.wp_wrap #profit .certi .certi_list>li .certi_box {
    width: 100%;
    height: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    /* padding-top: 30px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
/* .wp_wrap #profit .certi .certi_list>li:nth-child(3) .certi_box {
    padding-top: 50px;
} 
.wp_wrap #profit .certi .certi_list>li .certi_box .img_box {
    margin-bottom: 20px;
} 
.wp_wrap #profit .certi .certi_list>li:nth-child(3) .certi_box .img_box {
    margin-bottom: 5px;
} */
.wp_wrap #profit .certi .certi_list>li .certi_box .img_box {
    height: 105px;
} 
.wp_wrap #profit .certi .certi_list>li .certi_box .img_box img{
    height: 100%;
}
.wp_wrap #profit .certi .certi_list>li .certi_box .img_box>img {
    margin: 0 auto;
}
.wp_wrap #profit .certi .certi_list>li .certi_box>p {
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #profit .certi .certi_list>li .certi_box>p>br {
    display: none;
}
.wp_wrap #profit .haccp {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.wp_wrap #profit .haccp .h_top {
    width: 200px;
    height: 40px;
    background: #A95007;
    border-radius: 30px;
    padding: 8px 31px;
    margin-bottom: 20px;
}
.wp_wrap #profit .haccp .h_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}


.wp_wrap #profit .haccp .img_slide {
    margin: 0 40px;
    width: calc(100% - 80px);
    overflow: hidden;
    position: relative;
}
/*
.wp_wrap #profit .haccp .img_slide>li {
    width: 320px;
    height: 400px;
}
.wp_wrap #profit .haccp .img_slide>li .img_box {
    width: 100%;
    height: 100%;
}
.wp_wrap #profit .haccp .img_slide>li .img_box>img {
    width: 100%;
    height: 100%;
} 
    */

.wp_wrap #profit .haccp .img_slide .slick-list {
    margin: 0 -20px;
}
.wp_wrap #profit .haccp .img_slide .slick-slide {
    margin: 0 20px;
    width: 320px;
    height: 400px;
}
.wp_wrap #profit .haccp .img_slide .slick-slide .img_box {
    width: 100%;
    height: 100%;
}
.wp_wrap #profit .haccp .img_slide .slick-slide .img_box>img {
    width: 100%;
    height: 100%;
}
.wp_wrap #profit .haccp .arrow {
    width: 100%;
    position: absolute;
    top: 55%;
    left: 0;
    transform: translateY(-50%);
    z-index: 100;
}
.wp_wrap #profit .haccp .arrow .prev_arrow {
    width: 21px;
    height: 48px;
    background: rgba(0, 0, 0, 0.3);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    padding-top: 12px;
    padding-left: 9px;
    cursor: pointer;
    margin-left: 40px;
}
.wp_wrap #profit .haccp .arrow .next_arrow {
    width: 21px;
    height: 48px;
    background: rgba(0, 0, 0, 0.3);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    padding-top: 12px;
    padding-left: 9px;
    cursor: pointer;
    float: right;
    margin-right: 40px;
}

/* program */
.wp_wrap #program {
    padding: 120px 0;
}
.wp_wrap #program .tit {
    gap: 10px;
    margin-bottom: 70px;
}
.wp_wrap #program .tit .img_box {}
.wp_wrap #program .tit .img_box>img {}
.wp_wrap #program .tit .title {
    font-size: 50px;
    /* font-family: 'Pretendard-Medium'; */
    font-family: var(--font-pre500);
    display: flex;
    align-items: center;
}
.wp_wrap #program .tit .title span {
    display: inline-block;
    margin-left: 10px;
    font-size: 30px;
    color: #1c1c1c;
}
.wp_wrap #program .program_list {
    row-gap: 40px;
}
.wp_wrap #program .program_list>li {
    width: 95%;
    height: 484px;
}
.wp_wrap #program .program_list>li .p_box {
   width: 100%;
    height: 100%;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 2px 6px #0000000d;
}
.wp_wrap #program .program_list>li .p_box .img_box {
    width: 100%;
}
.wp_wrap #program .program_list>li .p_box .img_box>img {
    width: 100%;
}
.wp_wrap #program .program_list>li .p_box .txt_box {
    padding-top: 30px;
    padding-left: 20px;
}
.wp_wrap #program .program_list>li .p_box .txt_box .t_tit {
    font-size: 25px;
    font-family: 'Pretendard-Regular';
    margin-bottom: 20px;
}
.wp_wrap #program .program_list>li .p_box .txt_box .ex {
    font-size: 17px;
    font-family: 'Pretendard-Light';
    line-height: 1.5;
}


.wp_wrap .programSec {}
.wp_wrap .programSec .top{
    margin-bottom: 80px;
}

.wp_wrap .programSec .card_itms{
    display: flex;
    flex-wrap: wrap;
    gap: 20px 15px;
}
.wp_wrap .programSec .card_itms>li,
.wp_wrap .programSec .card_itms>li .front,
.wp_wrap .programSec .card_itms>li .back{
    border-radius: 26px;
}
.wp_wrap .programSec .card_itms>li .front,
.wp_wrap .programSec .card_itms>li .back{
    overflow: hidden;
}
.wp_wrap .programSec .card_itms>li{
    position: relative;
    width: calc((100% - 30px) / 3);
    box-shadow:  0 3px 6px rgba(0, 0, 0, 0.16);
    background: #f9f9f9;
    border: 1px solid #CECECE;
    min-height: 230px;
    overflow: hidden;
}
.wp_wrap .programSec .card_itms>li .front{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    z-index: 7;
    background: #fff;
    padding: 0 10px;
}
.wp_wrap .programSec .card_itms>li .front .name{
    font-size: 30px;
    text-align: center;
    font-family: var(--font-pre600);
    color: #000000;
    word-break: break-all;
}
.wp_wrap .programSec .card_itms>li .front .showBtn{
    display: flex;
    align-items: center;
    gap: 3px;
    background: transparent;
    font-size: 20px;
    color: #989898;
    font-family: var(--font-pre400);
}
.wp_wrap .programSec .card_itms>li .back{
    padding: 45px 35px;
    background: #F9F9F9;
    height: 100%;
    z-index: 6;
}
.wp_wrap .programSec .card_itms>li .back .txt_box{}
.wp_wrap .programSec .card_itms>li .back .txt_box .txt1{
    font-size: 22px;
    font-family: var(--font-pre600);
    color: #000000;
    margin-bottom: 20px;
    word-break: break-all;
}
.wp_wrap .programSec .card_itms>li .back .txt_box .txt2{
    font-size: 18px;
    font-family: var(--font-pre400);
    color: #3f3f3f;
    word-break: break-all;
}
.wp_wrap .programSec .slide_area{
    position: relative;
    margin-top: 80px;
}
.wp_wrap .programSec .slide_area .act_arr{
    position: absolute;
    background: transparent;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.3);
    width: 30px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.wp_wrap .programSec .slide_area .act_arr.act_prev{
    left: 0;
    border-radius: 0 10px 10px 0;
}
.wp_wrap .programSec .slide_area .act_arr.act_next{
    right: 0;
    border-radius: 10px 0 0 10px;
}
.wp_wrap .programSec .slide_area .act_arr i{
    color: #fff;
}
.wp_wrap .programSec .slide_area .act_slider{
    overflow: hidden;
    padding-right: 1px;
}
.wp_wrap .programSec .slide_area .act_slider .slick-list{
    margin: 0 -20px;
}
.wp_wrap .programSec .slide_area .act_slider .slick-slide{
    margin: 0 20px;
}
.wp_wrap .programSec .slide_area .act_slider .act_slide{}
.wp_wrap .programSec .slide_area .act_slider .act_slide .img_box{
    width: 100%;
    height: 265px;
    border-radius: 10px;
    overflow: hidden;
}
.wp_wrap .programSec .slide_area .act_slider .act_slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}







/* sponsor */
.wp_wrap #sponsor {
    padding: 120px 0;
}
.wp_wrap #sponsor .tit {
    gap: 10px;
    margin-bottom: 70px;
}
.wp_wrap #sponsor .tit .img_box {}
.wp_wrap #sponsor .tit .img_box>img {}
.wp_wrap #sponsor .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #sponsor .top {
    width: 100%;
    /* height: 1264px; */
    margin-bottom: 80px;
}
.wp_wrap #sponsor .top .beige_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background: #FAF7EF;
    border-radius: 30px;
    padding: 50px 40px;
} 
.wp_wrap #sponsor .top .beige_box .b_top {
    width: 85%;
    margin: 0 auto;
    column-gap: 100px;
    margin-bottom: 80px;
}
.wp_wrap #sponsor .top .beige_box .b_top .img_box {}
.wp_wrap #sponsor .top .beige_box .b_top .img_box>img {}
.wp_wrap #sponsor .top .beige_box .b_top .txt_box {}
.wp_wrap #sponsor .top .beige_box .b_top .txt_box .t {
    font-size: 30px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #sponsor .top .beige_box .b_top .txt_box .b {
    font-size: 40px;
    font-family: 'Pretendard-Light';
}
.wp_wrap #sponsor .top .beige_box .b_top .txt_box .b>span {
    font-family: 'Pretendard-SemiBold';
    color: #A95007;
}
.wp_wrap #sponsor .top .beige_box .b_middle {
    width: 100%;
    height: 352px;
    position: relative;
    margin-bottom: 70px;
}
.wp_wrap #sponsor .top .beige_box .b_middle .txt_box {
    width: 225px;
    height: 50px;
    background: #A95007;
    margin: 0 auto;
    border-radius: 30px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 10px;
}
.wp_wrap #sponsor .top .beige_box .b_middle .txt_box>p {
    text-align: center;
    font-size: 23px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box {
    width: 100%;
    /* height: 100%; */
    background: #fff;
    border-radius: 30px;
    padding: 40px;
    /* padding-right: 150px; */
    gap:20px;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .left {
    max-width: 450px;
    width: 100%;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .left .circle {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 1px solid #A95007;
    padding-top: 43px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .left .circle .img_box {
    margin-bottom: 10px;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .left .circle .img_box>img {
    margin: 0 auto;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .left .circle>p {
    text-align: center;
    font-size: 20px;
    font-family: "Pretendard-SemiBold";
    color: #A95007;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .left .m_txt_box {
    text-align: center;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .left .m_txt_box>p {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    line-height: 1.4;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .right {
    max-width: 450px;
    width: 100%;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .right .circle {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 1px solid #A95007;
    padding-top: 43px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .right .circle .img_box {
    margin-bottom: 10px;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .right .circle .img_box>img {
    margin: 0 auto;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .right .circle>p {
    text-align: center;
    font-size: 20px;
    font-family: "Pretendard-SemiBold";
    color: #A95007;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .right .m_txt_box {
    text-align: center;
}
.wp_wrap #sponsor .top .beige_box .b_middle .white_box .right .m_txt_box>p {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    line-height: 1.4;
}
.wp_wrap #sponsor .top .beige_box .b_bot {
    width: 100%;
    height: 352px;
    position: relative;
    margin-bottom: 20px;
}
.wp_wrap #sponsor .top .beige_box .b_bot .txt_box {
    width: 225px;
    height: 50px;
    background: #A95007;
    margin: 0 auto;
    border-radius: 30px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 10px;
}
.wp_wrap #sponsor .top .beige_box .b_bot .txt_box>p {
    text-align: center;
    font-size: 23px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box {
    width: 100%;
    /* height: 100%; */
    background: #fff;
    border-radius: 30px;
    padding: 40px;
    /* padding-right: 31px; */
    gap:20px;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .left {
    max-width: 450px;
    width: 100%;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .left .circle {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 1px solid #A95007;
    padding-top: 43px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .left .circle .img_box {
    margin-bottom: 10px;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .left .circle .img_box>img {
    margin: 0 auto;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .left .circle>p {
    text-align: center;
    font-size: 20px;
    font-family: "Pretendard-SemiBold";
    color: #A95007;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .left .m_txt_box {
    text-align: center;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .left .m_txt_box>p {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    line-height: 1.4;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .right {
    max-width: 450px;
    width: 100%;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .right .circle {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 1px solid #A95007;
    padding-top: 43px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .right .circle .img_box {
    margin-bottom: 10px;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .right .circle .img_box>img {
    margin: 0 auto;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .right .circle>p {
    text-align: center;
    font-size: 20px;
    font-family: "Pretendard-SemiBold";
    color: #A95007;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .right .m_txt_box {
    text-align: center;
}
.wp_wrap #sponsor .top .beige_box .b_bot .white_box .right .m_txt_box>p {
    font-size: 18px;
    font-family: 'Pretendard-Regular';
    line-height: 1.4;
}
.wp_wrap #sponsor .top .beige_box .bottom_ex {
    flex-grow: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    padding-top: 30px;
}
.wp_wrap #sponsor .bot {}
.wp_wrap #sponsor .bot .bot_list {
    column-gap: 130px;
}
.wp_wrap #sponsor .bot .bot_list>li {}
.wp_wrap #sponsor .bot .bot_list>li .bot_tit {
    width: 130px;
    height: 40px;
    border: 1px solid #A95007;
    border-radius: 30px;
    padding-top: 8px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #sponsor .bot .bot_list>li:nth-child(3) .bot_tit {
    width: 242px;
    margin-bottom: 29px;
}
.wp_wrap #sponsor .bot .bot_list>li .bot_tit>p {
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #A95007;
}
.wp_wrap #sponsor .bot .bot_list>li>p {
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    line-height: 1.4;
}
.wp_wrap #sponsor .bot .bot_list>li .yellow {
    position: relative;
    font-family: 'Pretendard-Bold';
}
.wp_wrap #sponsor .bot .bot_list>li .yellow::before {
    content: '';
    width: 167px;
    height: 12px;
    background: #FFEC72;
    position: absolute;
    bottom: 0;
    left: -2px;
    z-index: -1;
}
.wp_wrap #sponsor .bot .bot_list>li .orange {
    width: 195px;
    height: 45px;
    margin: 0 auto;
    color: #fff;
    padding: 9px 15px;
    border-radius: 3px;
    background: #A95007;
    transition: all 0.3s;
}
.wp_wrap #sponsor .bot .bot_list>li .orange>a {
    color: #fff;
}
/* hover */
.wp_wrap #sponsor .bot .bot_list>li .orange:hover {
    background: #d0630a;
}

/* volunteer */
.wp_wrap #volunteer {
    padding: 120px 0;
}
.wp_wrap #volunteer .tit {
    gap: 10px;
    margin-bottom: 70px;
}
.wp_wrap #volunteer .tit .img_box {}
.wp_wrap #volunteer .tit .img_box>img {}
.wp_wrap #volunteer .tit .title {
    font-size: 50px;
    font-family: 'Pretendard-Medium';
}
.wp_wrap #volunteer .step {}
.wp_wrap #volunteer .step .s_top {
    width: 168px;
    height: 40px;
    border-radius: 30px;
    background: #A95007;
    padding-top: 8px;
    margin-bottom: 40px;
}
.wp_wrap #volunteer .step .s_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
    text-align: center;
}
.wp_wrap #volunteer .step .step_list {
    padding-left: 40px;
    column-gap: 40px;
    margin-bottom: 80px;
}
.wp_wrap #volunteer .step .step_list>li {
    width: 100%;
    height: 200px;
    position: relative;
}
.wp_wrap #volunteer .step .step_list>li::after {
    content: '▶';
    font-size: 20px;
    color: #eeeeee;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
}
.wp_wrap #volunteer .step .step_list>li:nth-child(5):after {
    display: none;
}
.wp_wrap #volunteer .step .step_list>li .step_box {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #FFC85B;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(1) .step_box {
    padding-top: 41px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(2) .step_box {
    padding-top: 55px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(3) .step_box {
    padding-top: 56px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(4) .step_box {
    padding-top: 54px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(5) .step_box {
    padding-top: 49px;
}
.wp_wrap #volunteer .step .step_list>li .step_box .img_box {
    margin-bottom: 40px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(2) .step_box .img_box {
    margin-bottom: 32px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(3) .step_box .img_box {
    margin-bottom: 34px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(4) .step_box .img_box {
    margin-bottom: 32px;
}
.wp_wrap #volunteer .step .step_list>li:nth-child(5) .step_box .img_box {
    margin-bottom: 27px;
}
.wp_wrap #volunteer .step .step_list>li .step_box .img_box>img {
    margin: 0 auto;
}
.wp_wrap #volunteer .step .step_list>li .step_box>p {
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #volunteer .step .info {
    margin-bottom: 60px;
}
.wp_wrap #volunteer .step .info .left {
    width: 50%;
}
.wp_wrap #volunteer .step .info .left .l_top {
    width: 130px;
    height: 40px;
    border-radius: 30px;
    background: #A95007;
    padding-top: 8px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #volunteer .step .info .left .l_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
    text-align: center;
}
.wp_wrap #volunteer .step .info .left>p {
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}
.wp_wrap #volunteer .step .info .right {
    width: 50%;
}
.wp_wrap #volunteer .step .info .right .r_top {
    width: 130px;
    height: 40px;
    border-radius: 30px;
    background: #A95007;
    padding-top: 8px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.wp_wrap #volunteer .step .info .right .r_top>p {
    font-size: 20px;
    font-family: 'Pretendard-SemiBold';
    color: #fff;
    text-align: center;
}
.wp_wrap #volunteer .step .info .right>p {
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    line-height: 1.5;
}
.wp_wrap #volunteer .step .gray_box {
    margin-left: 40px;
    width: 1160px;
    height: 84px;
    background: #f4f4f4;
    border-radius: 30px;
    padding-top: 30px;
}
.wp_wrap #volunteer .step .gray_box>p {
    text-align: center;
    font-size: 20px;
    font-family: 'Pretendard-Regular';
}

/* login */
.wp_solution #cm_inp_box .inp_tab_box .inp_tab_body .body_item .item_log .log_find_list {
    justify-content: flex-start;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
/* haccp_md */
.wp_wrap .haccp_md{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 1000;
}
.wp_wrap .haccp_md .md_inner{
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .haccp_md .md_inner .md_wrap{
    position: relative;
    max-width: 780px;
    width: 100%;
    background: #fff;
    border-radius: 40px;
    border: 1px solid #E1E1E1;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
    padding: 45px;
}
.wp_wrap .haccp_md .md_inner .md_wrap .clsBtn{
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 99;
}
.wp_wrap .haccp_md .md_inner .md_wrap .clsBtn button{
    background: transparent;
}
.wp_wrap .haccp_md .md_inner .md_wrap .clsBtn button i{
    font-size: 17px;
    width: 27px;
    height: 27px;
    border: 2px solid #656565;
    border-radius: 50%;
    line-height: 27px;
    color: #656565;
    font-weight: 700;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box{}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .top{
    margin-bottom: 25px;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .top .tit{
    font-size: 20px;
    margin-bottom: 25px;
    font-family: var(--font-pre500);
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .top .desc{
    font-size: 20px;
    font-family: var(--font-pre500);
    line-height: 1.6;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .top .desc span{
    color: #AC0B0B;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .top .desc,
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot{
    padding-left: 10px;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot{}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic{
    width: 280px;
    /* height: 280px; */
    aspect-ratio: auto 1/1;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .icon{
    min-width: 30px;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic1{
    border: 9px solid #14BF41;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic2{
    border: 9px solid #144DBF;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic .txt1{
    font-size: 50px;
    font-family: var(--font-pre700);
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic1 .txt1{
    color: #14BF41;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic2 .txt1{
    color: #144DBF;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic .txt2{
    font-size: 20px;
    font-family: var(--font-pre700);
    color: #313131;
}
.wp_wrap .haccp_md .md_inner .md_wrap .txt_box .bot>ul .cic .txt3{
    font-size: 16px;
    color: #313131;
    text-align: center;
    line-height: 1.23;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 이용약관, 개인정보 페이지 추가 2025.05.22 */
/**********************************************************************************************************************/



.wp_wrap #pt_pvc_area{}
.wp_wrap #pt_pvc_area >.desc{}
.wp_wrap #pt_pvc_area >.desc>.des{
    font-size: 20px;
    font-family: var(--font-pre400);
    line-height: 36px;
}
.wp_wrap #pt_pvc_area >.desc>.des>.des_hd_tit{
    font-size: 24px;
    font-family: var(--font-pre700);
}
.wp_wrap #pt_pvc_area >.desc>.des .des_pd_bx{
    display: block;
    padding-left:15px;
}



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