@charset "utf-8";
/********************************************************** 
* sub_page - 공통
***********************************************************/
.sub_top_cont{
    position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height:500px; max-height: 30.75rem;overflow:hidden;
}
.sub_top_cont_wrap{
    position:relative; width:100%; height:100%; overflow:hidden; 
}
#map{z-index:14}
.sub_top_view_bg{
    position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
    -webkit-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -moz-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -ms-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
    -o-animation: sub_top_view_bg forwards 5s 0.5s ease-in-out;
}
@keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}
@-moz-keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}

.sub_top_text{
    position:absolute; top:50%; left:50%; width:100%; max-width:80%; text-align: center;
    transform: translate(-50%, -50%) translateZ(0); 
    -webkit-transform: translate(-50%, -50%) translateZ(0); 
    -moz-transform: translate(-50%, -50%) translateZ(0); 
    -ms-transform: translate(-50%, -50%) translateZ(0); 
    -o-transform: translate(-50%, -50%) translateZ(0);
}
.sub_titlebox > p + p{margin-top:1.5rem;}

.sub_top_text > p.txt01{font-size:1.875rem; color: #cc9b5f;}
.sub_top_text > p.txt02{font-size:1.875rem; color: #fff;}

.sub_cont_wrap{position:relative; width:100%; max-width:1920px; padding:8rem 0;}
.sub_size_box { width: 100%; max-width: 106.563rem; margin: 0 auto;}
.sub_cont_wrap strong{font-weight: 600;}

.mini_txt { display: block; color: #413f6f; }

.pret{/* font-family: 'Pretendard-Regular'; */}
/* 클리어 */
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;}

.sc_1000{width:1000px;margin:0 auto;position: relative;}
.sc_1300{width:1295px;margin:0 auto;position: relative;}
.bl{color:#3c416f !important}
.r_616161{color:#616161 !important}
.r_666{color:#666666 !important}
.r_9d9d9d{color:#9d9d9d !important}
.r_4b4b4b{color:#4b4b4b !important}
.r_3d3d3d{color:#3d3d3d !important}
.r_1d1d1d{color:#1d1d1d !important}
.r_676767{color:#676767 !important}
.r_888888{color:#888888 !important}
.r_212121{color:#212121 !important}
.con_inner{padding:130px 0 0}
.sc_inner{text-align:center;position: relative;margin:0 auto;}
.center{text-align:center}




@media (max-width:1024px) {

}
@media (max-width:800px) { /* 740px */
/* **** */
.sub_size_box,.sc{width: 92.1875vw;}
.sc_1000{width:92.1875vw;margin:0 auto;}
.sc_1300{width:92.1875vw;margin:0 auto;}
.pc_cont_800{display:none; opacity:0; visibility:hidden;}
.m_cont_800{display:block; opacity:1; visibility:visible;}
}
@media (max-width:425px) {
.pc_cont_425{display:none; opacity:0; visibility:hidden;}
.m_cont_425{display:block; opacity:1; visibility:visible;}
/* 공용 */
.sub_title01{font-size: 7.0588vw;line-height: 3.5rem;font-weight: 300;}
.sub_title02{font-size: 3.5294vw;line-height: 1.8;}
.sub_title13{font-size:3.0588vw}
.sub_title16{font-size:3.7647vw}
.sub_top_cont{min-height:430px;}
.sub_top_text{max-width:90%;top: 55%;}
.sub_top_text > p.txt01{ }
.sub_top_text > p.txt02{ }
.mini_txt{font-size:4vw}
.sub_size_box, .sc{width: 88.1875vw;}
.sub1_1_top_cont{max-height:30.75rem}
.sub_top_view_bg01{/* height:117.6471vw */height:100%}
.sub_event_wrap{margin-bottom:18.8235vw;}
.sub_event_wrap .ev_cont{align-items: center;}
.sub_event_wrap .ev_cont .ev_left{padding-right:0vw;}
.sub_event_wrap .ev_cont .ev_left .s21_process_p{}
.sub_event_wrap .ev_cont .ev_right{width:100%;position: relative;}
.sub_event_wrap .ev_cont .ev_right .swiper-slide{/* width:98.1176vw;height:87.5294vw; */margin: 0 3.5294vw;}
.sub_event_wrap .ev_cont .ev_right .swiper-slide:last-child{margin-right:0}
.sub_event_wrap .ev_cont .s21_process_tit{padding-bottom:0vw}
.sub_event_wrap .ev_cont .ev_left .fz_15{}
.sub_event_wrap .ev_cont .ev_left .fz_15:hover .ev_img01{
   -webkit-animation: horizon-bounce 1s 0.1s ease-out infinite normal;
    animation: horizon-bounce 1s 0.1s ease-out infinite normal;
}
.sub_event_wrap .ev_cont .ev_left .fz_15 .ev_img01{}
.sub_event_wrap .ev_cont .ev_left .fz_15 span{border-bottom: 0.2353vw solid #8f8f8f;padding-bottom: 0.4706vw;margin-right: 1.4118vw;}
@-webkit-keyframes horizon-bounce {
    0% {margin-left: .5rem}
    50% {margin-left: 1rem}
    100% {margin-left: .5rem}
}
@keyframes horizon-bounce {
    0% {margin-left: .5rem}
    50% {margin-left: 1rem}
    100% {margin-left: .5rem}
}
.s21_intro_cont li span{font-size:6.8294vw;}

}