.swiper-wrapper{height:auto;}

/* main_text_animation - 공통 */
.main_text_ani{
    transform:translateY(-160%) translateZ(0);
    -webkit-transform:translateY(-160%) translateZ(0);  
    -moz-transform:translateY(-160%) translateZ(0);  
    -ms-transform:translateY(-160%) translateZ(0);  
    -o-transform:translateY(-160%) translateZ(0); 
}
.main_text_ani{
    animation: main_text_ani forwards 1.4s 0.8s ease-out;
    -webkit-animation: main_text_ani forwards 1.4s 0.8s ease-out; 
    -moz-animation: main_text_ani forwards 1.4s 0.8s ease-out; 
    -ms-animation: main_text_ani forwards 1.4s 0.8s ease-out; 
    -o-animation: main_text_ani forwards 1.4s 0.8s ease-out;
}
@keyframes main_text_ani {
    0% {transform:translateY(-160%) translateZ(0);}
    100% {transform: translateY(0) translateZ(0);}
}
@-webkit-keyframes main_text_ani {
    0% {transform:translateY(-160%) translateZ(0);}
    100% {transform: translateY(0) translateZ(0);}
}
.main_text_ani_reverse{
    opacity:0; overflow:hidden;
    transform:translateY(160%) translateZ(0);
    -webkit-transform:translateY(160%) translateZ(0);  
    -moz-transform:translateY(160%) translateZ(0);  
    -ms-transform:translateY(160%) translateZ(0);  
    -o-transform:translateY(160%) translateZ(0); 
}
.main_text_ani_reverse{
    animation: main_text_ani_reverse forwards 1.4s 0.8s ease-out;
    -webkit-animation: main_text_ani_reverse forwards 1.4s 0.8s ease-out; 
    -moz-animation: main_text_ani_reverse forwards 1.4s 0.8s ease-out; 
    -ms-animation: main_text_ani_reverse forwards 1.4s 0.8s ease-out; 
    -o-animation: main_text_ani_reverse forwards 1.4s 0.8s ease-out;
}
@keyframes main_text_ani_reverse {
    0% {transform:translateY(160%) translateZ(0); opacity:0;}
    100% {transform: translateY(0) translateZ(0); opacity:1;}
}
@-webkit-keyframes main_text_ani_reverse {
    0% {transform:translateY(160%) translateZ(0); opacity:0;}
    100% {transform: translateY(0) translateZ(0); opacity:1;}
}

.main_cont_text_wrap{
    position:absolute; 
    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);
}
.main_cont_text01{position:relative; overflow:hidden;}
.main_cont_text02{position:relative; overflow:hidden;}
.main_cont_text03{position:relative; overflow:hidden;}
.main_cont_text04{position:relative; overflow:hidden;}
.main_cont_text05{position:relative; overflow:hidden;}
.main_cont_text06{position:relative; overflow:hidden;}
.main_cont_text07{position:relative; overflow:hidden;}
.main_cont_text08{position:relative; overflow:hidden;}
.main_cont_text09{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt01{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt02{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt03{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt04{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt05{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt06{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt07{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt08{position:relative; overflow:hidden;}
.main_cont_text_wrap .txt09{position:relative; overflow:hidden;}
.main_cont_text01 > p{
    animation-delay:0.3s !important;
}
.main_cont_text02 > p{
    animation-delay:0.6s !important;
}
.main_cont_text03 > p{
    animation-delay:0.9s !important;
}
.main_cont_text04 > p{
    animation-delay:1.2s !important;
}
.main_cont_text05 > p{
    animation-delay:1.5s !important;
}
.main_cont_text06 > p{
    animation-delay:1.8s !important;
}
.main_cont_text07 > p{
    animation-delay:2.1s !important;
}
.main_cont_text08 > p{
    animation-delay:2.4s !important;
}
.main_cont_text09 > p{
    animation-delay:2.7s !important;
}
.delay03{
    animation-delay:0.3s !important;
}
.delay06{
    animation-delay:0.6s !important;
}
.delay09{
    animation-delay:0.9s !important;
}
.delay12{
    animation-delay:1.2s !important;
}
.delay15{
    animation-delay:1.5s !important;
}
.delay18{
    animation-delay:1.8s !important;
}
.delay21{
    animation-delay:2.1s !important;
}
.delay24{
    animation-delay:2.4s !important;
}
.delay27{
    animation-delay:2.7s !important;
}
.delay28{
    animation-delay:2.8s !important;
}
.delay29{
    animation-delay:2.9s !important;
}
.delay30{
    animation-delay:3.0s !important;
}
.delay40{
    animation-delay:4.0s !important;
}
.delay45{
    animation-delay:4.5s !important;
}
.delay50{
    animation-delay:5.0s !important;
}


/********** 마우스 휠 아이콘 **********/
.mouse_scroll {
    position:absolute; bottom:12%; left:50%;
	display: block;
	margin: 0 auto;
	width: 22px;
    transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    -moz-transform: translateX(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateZ(0);
    -o-transform: translateX(-50%) translateZ(0);
    opacity:0; visibility:hidden;
}
.m_scroll_arrows{
    display: block;
    -ms-transform: rotate(45deg) translateZ(0);
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
    border-right: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
    margin: 0 0 0px 5px;
    width: 12px;
    height: 12px;
}
.m_scroll_arrows_one, .m_scroll_arrows_two{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.m_scroll_arrows_one{
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    margin-top: -1px;
}
.m_scroll_arrows_two{
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    margin-top: -5px;
}

.mouse{
    height: 38px;
    width: 100%;
    border-radius: 50px;
    transform: none;
    border: 1px solid #000;
}
.wheel{
    height: 12px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #000;
    position: relative;
    -webkit-border-radius: 50px;
            border-radius: 50px;
}
.wheel{
    -webkit-animation: mouse-wheel 2.5s ease-in-out infinite;
    -moz-animation: mouse-wheel 2.5s ease-in-out infinite;
}
@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0);
        -ms-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(10px) translateZ(0);
        -ms-transform: translateY(10px) translateZ(0);
        transform: translateY(10px) translateZ(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0);
        -ms-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}
@-moz-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
}
@-webkit-keyframes mouse-scroll {
    0%   { opacity: 0;}
    50%  { opacity: .5;}
    100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}

/* main_cnt01 */
/* main_top_slider */
.main_cont{
    position:relative; width:100%; height:100vh; min-height: 576px; max-height: 1200px; overflow:hidden;
}
.main_cont_wrap{position:relative; width:100%; height:100%; overflow:hidden;}

.visual-bg{height: 100%;}
.video-background{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:-1; }
/* .visual-bg .video-background{background: url(https://i.vimeocdn.com/video/1668805985-ce093038fe20c461afeeb1bafb551415f145da0a6dc4425c519424884e51d805-d)50% 50%/cover no-repeat; } */
.visual-bg .video-background{background: url(https://i.vimeocdn.com/video/1669935600-ab007594b1379f37d70ff89ca47a82884d3f39900177af458d28a56e64e9f201-d)50% 50%/cover no-repeat; }
.visual-bg .video-background::after{content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}

.main-visual-title{position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.main-visual-title__inner{text-align: center; margin-left: auto; margin-right: auto; max-width: 1280px; padding:0 40px; width: 100%; padding-top: 310px; }

.video-background {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	pointer-events: none;
	overflow: hidden;
	z-index: 0;
}
body.open .video-background {z-index: 8;}

.video-background iframe,
.video-background video {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.visual-bg {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-image: linear-gradient(to right, #fafafa 0%, #d8d8d8 100%);
}



.main_cont01_box{position:relative; width:100%; height:100%;}
.main_cont01_img{position:relative; width:100%; height:100%;}
.main_cont01_img{
    transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);
    animation: main_top_view_bg forwards 4.5s 0.4s ease-in-out;
    -webkit-animation: main_top_view_bg forwards 4.5s 0.4s ease-in-out; 
    -moz-animation: main_top_view_bg forwards 4.5s 0.4s ease-in-out; 
    -ms-animation: main_top_view_bg forwards 4.5s 0.4s ease-in-out; 
    -o-animation: main_top_view_bg forwards 4.5s 0.4s ease-in-out;
}
@keyframes main_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.1) 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 main_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.1) 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);
    }
}

.main_cont01_img01{background: url(../img/main_top_img01.jpg) 50% 50%/cover no-repeat;}
.main_cont01_text_wrap{top:50%; left:50%; width:100%; display:flex; justify-content:center; align-items:center;}
.main_cont_text_left, .main_cont_text_right{
    position:absolute; top:0; left:50%; 
    transform:translateX(-50%) translateZ(0);
    -webkit-transform:translateX(-50%) translateZ(0);
    -moz-transform:translateX(-50%) translateZ(0);
    -ms-transform:translateX(-50%) translateZ(0);
    -o-transform:translateX(-50%) translateZ(0);
}
.main_cont_text_center{position:relative;}
.main_cont_text_center > .txt01{margin:2.4px 0 1.8px;}
.main_cont_text_left{
    animation: main_cont_text_left 2.5s 0.5s ease forwards;
    -webkit-animation: main_cont_text_left 2.5s 0.5s ease forwards;
    -moz-animation: main_cont_text_left 2.5s 0.5s ease forwards;
    -ms-animation: main_cont_text_left 2.5s 0.5s ease forwards;
    -o-animation: main_cont_text_left 2.5s 0.5s ease forwards;
}
.main_cont_text_right{
    top:3px; opacity:0;
    animation: main_cont_text_right 2.5s 0.5s ease forwards;
    -webkit-animation: main_cont_text_right 2.5s 0.5s ease forwards;
    -moz-animation: main_cont_text_right 2.5s 0.5s ease forwards;
    -ms-animation: main_cont_text_right 2.5s 0.5s ease forwards;
    -o-animation: main_cont_text_right 2.5s 0.5s ease forwards;
}
@keyframes main_cont_text_left{
    0%{
        left:50%;
    }
    100%{
        left:24%;
    }
}
@-webkit-keyframes main_cont_text_left{
    0%{
        left:50%;
    }
    100%{
        left:24%;
    }
}
@keyframes main_cont_text_right{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:76%;
        opacity:1;
    }
}
@-webkit-keyframes main_cont_text_right{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:76%;
        opacity:1;
    }
}

@keyframes main_cont_text_left_m{
    0%{
        left:50%;
    }
    100%{
        left:18%;
    }
}
@-webkit-keyframes main_cont_text_left_m{
    0%{
        left:50%;
    }
    100%{
        left:18%;
    }
}
@keyframes main_cont_text_right_m{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:82%;
        opacity:1;
    }
}
@-webkit-keyframes main_cont_text_right_m{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:82%;
        opacity:1;
    }
}

@keyframes main_cont_text_left_m_960{
    0%{
        left:50%;
    }
    100%{
        left:25%;
    }
}
@-webkit-keyframes main_cont_text_left_m_960{
    0%{
        left:50%;
    }
    100%{
        left:25%;
    }
}
@keyframes main_cont_text_right_m_960{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:72%;
        opacity:1;
    }
}
@-webkit-keyframes main_cont_text_right_m_960{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:72%;
        opacity:1;
    }
}

@keyframes main_cont_text_left_m_434{
    0%{
        left:50%;
    }
    100%{
        left:23%;
    }
}
@-webkit-keyframes main_cont_text_left_m_434{
    0%{
        left:50%;
    }
    100%{
        left:23%;
    }
}
@keyframes main_cont_text_right_m_434{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:81%;
        opacity:1;
    }
}
@-webkit-keyframes main_cont_text_right_m_434{
    0%{
        left:50%;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        left:81%;
        opacity:1;
    }
}
@keyframes main_cont_wrap_line_m_960{
    0%{
        width:0px;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        width:10px;
        opacity:1;
    }
}
@-webkit-keyframes main_cont_wrap_line_m_960{
    0%{
        width:0px;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        width:10px;
        opacity:1;
    }
}
@keyframes main_cont_wrap_line_m_480{
    0%{
        width:0px;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        width:6px;
        opacity:1;
    }
}
@-webkit-keyframes main_cont_wrap_line_m_480{
    0%{
        width:0px;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        width:6px;
        opacity:1;
    }
}
@keyframes main_cont_wrap_line_m_434{
    0%{
        width:0px;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        width:4px;
        opacity:1;
    }
}
@-webkit-keyframes main_cont_wrap_line_m_434{
    0%{
        width:0px;
        opacity:0;
    }
    15%{
        opacity:0;
    }
    100%{
        width:4px;
        opacity:1;
    }
}

/* scroll_down_animation */
.scroll_down_wrap{
    position:absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    -moz-transform: translateX(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateZ(0);
    -o-transform: translateX(-50%) translateZ(0);
}
.scroll_down_wrap > p{margin-bottom:15px;}
.scroll_down{position:relative; width:2px; height:70px; background: #acacac; margin:0 auto; overflow:hidden;}
.scroll_down::after{
    content: ''; 
    position:absolute;
    top:0;
    left:0;
    width: 100%; 
    height: 25px; 
    background: #fff;
    margin: 0 auto;
    animation: scroll_down 2s ease infinite;
    -webkit-animation: scroll_down 2s ease infinite;
    -moz-animation: scroll_down 2s ease infinite;
    -ms-animation: scroll_down 2s ease infinite;
    -o-animation: scroll_down 2s ease infinite;
    transform: translateY(-30px) translateZ(0);
    -webkit-transform: translateY(-30px) translateZ(0);
    -moz-transform: translateY(-30px) translateZ(0);
    -ms-transform: translateY(-30px) translateZ(0);
    -o-transform: translateY(-30px) translateZ(0);
}

@keyframes scroll_down{
    0%{
        transform: translateY(-30px) translateZ(0);
        -webkit-transform: translateY(-30px) translateZ(0);
        -moz-transform: translateY(-30px) translateZ(0);
        -ms-transform: translateY(-30px) translateZ(0);
        -o-transform: translateY(-30px) translateZ(0);
    }
    100%{
        transform: translateY(100px) translateZ(0);
        -webkit-transform: translateY(100px) translateZ(0);
        -moz-transform: translateY(100px) translateZ(0);
        -ms-transform: translateY(100px) translateZ(0);
        -o-transform: translateY(100px) translateZ(0);
    }
}
@-webkit-keyframes scroll_down{
    0%{
        transform: translateY(-30px) translateZ(0);
        -webkit-transform: translateY(-30px) translateZ(0);
        -moz-transform: translateY(-30px) translateZ(0);
        -ms-transform: translateY(-30px) translateZ(0);
        -o-transform: translateY(-30px) translateZ(0);
    }
    100%{
        transform: translateY(100px) translateZ(0);
        -webkit-transform: translateY(100px) translateZ(0);
        -moz-transform: translateY(100px) translateZ(0);
        -ms-transform: translateY(100px) translateZ(0);
        -o-transform: translateY(100px) translateZ(0);
    }
}


/* main_cont02 */
.main_section{position:relative; width:100%;}
.main_cont_wrap02{background:#fff;}
.main_cont02_container{position:relative; width:100%; height:100%; padding:8px 0 6px; display:flex; justify-content:center; align-items:center;}
.main_cont02_box{position:relative; width:100%; max-width:88%; margin-left:auto; margin-right:0;}

.main_cont02_tabcont_wrap{position:relative; width:100%;}
.main_cont02_tab{position:relative; width:100%; max-width:100%; margin:0 auto; padding:2px 0 3.5px;}
.main_cont02_tab_list{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.main_cont02_tab_li{position:relative; padding:0 2px 0 0; font-weight:400; color:#a3a3a3; }
.main_cont02_tab_li:hover{color:#5e90bf; font-weight:500;}
.main_cont02_tab_li > a > p{position:relative; font-size:1px; line-height: 38px;}
.main_cont02_tab_li > a > p > span{font-size:1.375px; margin-right:3px;}
.main_cont02_tab_li.active{color:#5e90bf; font-weight:500;}
.main_cont02_tab_li.active > a > p{font-size:1.125px; font-weight:500;}
.main_cont02_tab_li.active > a > p > span{font-size:1.875px; margin-right:6px; font-weight:500;}
.main_cont02_tab_li.active > a > p::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#5e90bf;}

.main_cont02_slider_wrap{display:none; position:relative; width:100%; max-width:100%; margin-left:auto; margin-right:0; z-index:1;}
.main_cont02_slider_wrap.active{display:block}
.main_cont02_slider{width:auto !important; margin-right:5px;}
.main_cont02_slider_box > .txt01{padding:0.8px 0 0 0.4px;}

.swiper-button-prev.main_cont02_prev{
    top:-14%; left:60px; width:50px; height:50px; opacity:1; background: url(../img/main_cont02_prev.png) 50% 50%/100% no-repeat;
    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);
}
.swiper-button-next.main_cont02_next{
    top:-14%; left:64px; width:50px; height:50px; opacity:1; background: url(../img/main_cont02_next.png) 50% 50%/100% no-repeat;
    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);
}
.swiper-button-prev.main_cont02_prev:hover{
    background: url(../img/main_cont02_prev_hover.png) 50% 50%/100% no-repeat;
}
.swiper-button-next.main_cont02_next:hover{
    background: url(../img/main_cont02_next_hover.png) 50% 50%/100% no-repeat;
}
.swiper-button-prev.main_cont02_prev::after, .swiper-button-next.main_cont02_next::after {
    display: none;
}

.main_cont02_bottom_wrap{position:relative; margin-top:5px; display:flex; justify-content:flex-start; align-items:center;}
.main_cont02_bottom_box01{position:relative; margin-right:6px;}
.main_cont02_bottom_box02{position:relative; margin-right:3px;}
.more_btn_box{position:relative; width:260px; background-color:#729cc4; border-radius:50px; }
.more_btn_box > a{position:relative; width:100%; height:100%; padding:10px 0; display:flex; justify-content:center; align-items:center; }
.more_btn_box > a > p{margin-right:1.8px;}
.more_btn_arrow{position:relative; display:flex; justify-content:center; align-items:center;}
.more_btn_arrow > i{
    position:absolute; 
    transform: translateX(-18px) translateZ(0);
    -webkit-transform: translateX(-18px) translateZ(0);
    -moz-transform: translateX(-18px) translateZ(0);
    -ms-transform: translateX(-18px) translateZ(0);
    -o-transform: translateX(-18px) translateZ(0);
    animation: more_btn_arrow 0.8s ease-in-out infinite alternate;
    -webkit-animation: more_btn_arrow 0.8s ease-in-out infinite alternate;
    -moz-animation: more_btn_arrow 0.8s ease-in-out infinite alternate;
    -ms-animation: more_btn_arrow 0.8s ease-in-out infinite alternate;
    -o-animation: more_btn_arrow 0.8s ease-in-out infinite alternate;
}
.more_btn_arrow_bg{display:inline-block; width:20px; height:20px; background-color:rgba(255, 255, 255, 0.2); border-radius:100%;}
@keyframes more_btn_arrow{
    0%{
        transform: translateX(-18px) translateZ(0);
        -webkit-transform: translateX(-18px) translateZ(0);
        -moz-transform: translateX(-18px) translateZ(0);
        -ms-transform: translateX(-18px) translateZ(0);
        -o-transform: translateX(-18px) translateZ(0);
    }
    100%{
        transform: translateX(-10px) translateZ(0);
        -webkit-transform: translateX(-10px) translateZ(0);
        -moz-transform: translateX(-10px) translateZ(0);
        -ms-transform: translateX(-10px) translateZ(0);
        -o-transform: translateX(-10px) translateZ(0);
    }
}
@-webkit-keyframes more_btn_arrow{
    0%{
        transform: translateX(-20px) translateZ(0);
        -webkit-transform: translateX(-20px) translateZ(0);
        -moz-transform: translateX(-20px) translateZ(0);
        -ms-transform: translateX(-20px) translateZ(0);
        -o-transform: translateX(-20px) translateZ(0);
    }
    100%{
        transform: translateX(-10px) translateZ(0);
        -webkit-transform: translateX(-10px) translateZ(0);
        -moz-transform: translateX(-10px) translateZ(0);
        -ms-transform: translateX(-10px) translateZ(0);
        -o-transform: translateX(-10px) translateZ(0);
    }
}



/* main_cont03 */
.main_cont03_item_wrap{}
    
.main_cont03_item::after{content:''; position:absolute; top:-5px; left:0; width:100%; height:10px; background-color:#fff; z-index:1;}
.main_cont03_item01::after{display:none;}

.main_cont_wrap03{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); max-height:53.125px; margin:2.5px 0; background-color:#fff; overflow:hidden;}
.main_cont03_container{position:relative; width:100%; height:100%; max-width:100%; margin:0 auto; padding:0; display:flex; justify-content:center; align-items:center;}
.main_cont03_item_wrap{position:relative; width:100%; height:100%; margin:0; padding:0; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.main_cont03_item_wrap.left { width: 40%; }
.main_cont03_item_wrap.right { width: 60%; background-color: #f0f0ef; position: relative;}
.main_cont03_item_wrap.right::before { content: "Media"; display: block; font-size: 9.375px; color: #e7e6e4; position: absolute; bottom: 2%; right: 5%; font-family: 'Marcellus','Noto Sans KR', sans-serif; }
.main_cont03_item{
    position:relative; overflow:hidden;
    transition:all 0.6s 0.2s ease;
    -webkit-transition:all 0.6s 0.2s ease;
    -moz-transition:all 0.6s 0.2s ease;
    -ms-transition:all 0.6s 0.2s ease;
    -o-transition:all 0.6s 0.2s ease;
}

.main_cont03_item01{background: url(../img/main_cont03_item_img01.jpg) 50% 0%/100% no-repeat;}
.main_cont03_item02{background: url(../img/main_cont03_item_img02.jpg) 50% 89%/100% no-repeat;}
.main_cont03_item03{background: url(../img/main_cont03_item_img03.jpg) 50% 0%/100% no-repeat;}
.main_cont03_item04{background: url(../img/main_cont03_item_img04.jpg) 50% 100%/100% no-repeat;}

.main_cont03_item01.hover01.active{width:calc(100%); height:calc(40%);}
.main_cont03_item02.hover01{width:calc(100%); height:calc(20%);}
.main_cont03_item03.hover01{width:calc(100%); height:calc(20%);}
.main_cont03_item04.hover01{width:calc(100%); height:calc(20%);}
.main_cont03_item01.hover02{width:calc(100%); height:calc(20%);}
.main_cont03_item02.hover02.active{width:calc(100%); height:calc(40%);}
.main_cont03_item03.hover02{width:calc(100%); height:calc(20%);}
.main_cont03_item04.hover02{width:calc(100%); height:calc(20%);}
.main_cont03_item01.hover03{width:calc(100%); height:calc(20%);}
.main_cont03_item02.hover03{width:calc(100%); height:calc(20%);}
.main_cont03_item03.hover03.active{width:calc(100%); height:calc(40%);}
.main_cont03_item04.hover03{width:calc(100%); height:calc(20%);}
.main_cont03_item01.hover04{width:calc(100%); height:calc(20%);}
.main_cont03_item02.hover04{width:calc(100%); height:calc(20%);}
.main_cont03_item03.hover04{width:calc(100%); height:calc(20%);}
.main_cont03_item04.hover04.active{width:calc(100%); height:calc(40%);}

.main_cont03_text_wrap{position:absolute; }
.main_cont03_item > a{position:relative; display:block; width:100%; height:100%; }
.main_cont03_item01 > a > .main_cont03_text_wrap{
    bottom:1px; left:3px; text-align:left;
    transition:bottom 0.4s 0.3s ease-in-out;
    -webkit-transition:bottom 0.4s 0.3s ease-in-out;
    -moz-transition:bottom 0.4s 0.3s ease-in-out;
    -ms-transition:bottom 0.4s 0.3s ease-in-out;
    -o-transition:bottom 0.4s 0.3s ease-in-out;
}
.main_cont03_item02 > a > .main_cont03_text_wrap{
    top:4px; left:3px; text-align:left;
    transition:bottom 0.4s 0.3s ease-in-out;
    -webkit-transition:bottom 0.4s 0.3s ease-in-out;
    -moz-transition:bottom 0.4s 0.3s ease-in-out;
    -ms-transition:bottom 0.4s 0.3s ease-in-out;
    -o-transition:bottom 0.4s 0.3s ease-in-out;
}
.main_cont03_item01.active > a > .main_cont03_text_wrap{
    top:4px;
}
.main_cont03_item02.active > a > .main_cont03_text_wrap{
    bottom:4px;
}
.main_cont03_item03 > a > .main_cont03_text_wrap{
    top:4px; left:3px; text-align:left;
}
.main_cont03_item04 > a > .main_cont03_text_wrap{
    top:4px; left:3px; text-align:left;
}
.main_cont03_title{margin-bottom:1.4px;}
.main_cont03_item01 > a > .main_cont03_text_wrap > .main_cont03_txt, .main_cont03_item02 > a > .main_cont03_text_wrap > .main_cont03_txt{
    opacity:0; visibility:hidden;
    transform: translateY(4px) translateZ(0);
    -webkit-transform: translateY(4px) translateZ(0);
    -moz-transform: translateY(4px) translateZ(0);
    -ms-transform: translateY(4px) translateZ(0);
    -o-transform: translateY(4px) translateZ(0);
    transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -webkit-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -moz-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -ms-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -o-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
}
.main_cont03_item01.active > a > .main_cont03_text_wrap > .main_cont03_txt, .main_cont03_item02.active > a > .main_cont03_text_wrap > .main_cont03_txt{
    opacity:1; visibility:visible;
    transform: translateY(0) translateZ(0);
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
}
.main_cont03_item03 > a > .main_cont03_text_wrap > .main_cont03_txt, .main_cont03_item04 > a > .main_cont03_text_wrap > .main_cont03_txt{
    opacity:0; visibility:hidden;
    transform: translateY(4px) translateZ(0);
    -webkit-transform: translateY(4px) translateZ(0);
    -moz-transform: translateY(4px) translateZ(0);
    -ms-transform: translateY(4px) translateZ(0);
    -o-transform: translateY(4px) translateZ(0);
    transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -webkit-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -moz-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -ms-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
    -o-transition:transform 0.4s 0.3s ease-in-out, opacity 0.4s 0.3s ease-in-out;
}
.main_cont03_item03.active > a > .main_cont03_text_wrap > .main_cont03_txt, .main_cont03_item04.active > a > .main_cont03_text_wrap > .main_cont03_txt{
    opacity:1; visibility:visible;
    transform: translateY(0) translateZ(0);
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
}

/* 0609추가 main_cont_youtube_swiper */
/* .main_cont_youtube_box{position:relative; width:100%; margin:0 auto; display:flex; justify-content:center; align-items:flex-start; flex-direction:row; padding: 4% 0 0 5%; background-color: #f0f0ef;}
.main_cont_youtube_video{position:relative; width:100%; }
.main_cont_youtube_swiper{position:relative; width:100%;}
.main_cont_youtube_slide{width:100% !important;}
.main_cont_youtube_play_area{position: relative; width: 100%; z-index: 1;}
.main_cont_youtube_play_area > iframe{position: absolute; width: 100%; height: 100%;}

.swiper-pagination.main_cont_youtube_pagination{bottom:-40px; left:50%; transform:translateX(-50%) translateZ(0); -webkit-transform:translateX(-50%) translateZ(0); -moz-transform:translateX(-50%) translateZ(0); -ms-transform:translateX(-50%) translateZ(0); -o-transform:translateX(-50%) translateZ(0); display:flex; justify-content:center; align-items:center;}
.swiper-pagination.main_cont_youtube_pagination .swiper-pagination-bullet{position: relative; width:16px; height:16px; margin:0 10px; background:#dfdfdf; opacity:1; border-radius:100%;}
.swiper-pagination.main_cont_youtube_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#b1b843; opacity:1;}

.main_cont_youtube_list_box{position:relative; width:20%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; flex-direction: column; margin-right: 5%; }
.main_cont_youtube_list{position:relative; width:100%; margin-bottom:15px; cursor:pointer;}
.main_cont_youtube_list::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; }

.main_cont_youtube_list_box .swiper-button-prev.main_cont09_prev{
    top:110%; left:30%; width:50px; height:50px; opacity:1; background: url(../img/main_cont02_prev.png) 50% 50%/100% no-repeat;
}
.main_cont_youtube_list_box .swiper-button-next.main_cont09_next{
    top:110%; left:55%; width:50px; height:50px; opacity:1; background: url(../img/main_cont02_next.png) 50% 50%/100% no-repeat; 
}*/

/* main_cont04 */
.main_cont_wrap04{background:#fff;}
.main_cont04_container{position:relative; width:100%; height:100%; padding:6px 0; display:flex; justify-content:center; align-items:center;}
.main_cont04_box{position:relative; width:100%; max-width:100%; margin-left:auto; margin-right:auto;}

.main_cont04_title_wrap{position:relative; text-align:center; margin-bottom:2.5px;}

.main_cont04_tabcont_wrap{position:relative; width:100%;}
.main_cont04_tab{position:relative; width:100%; max-width:100%; margin:0 auto 3px; padding:2px 0 2px; border-bottom:1px solid #d7d7d7;}
.main_cont04_tab_list{position:relative; display:flex; justify-content:center; align-items:center;}
.main_cont04_tab_li{position:relative; padding:0 2px; font-weight:400; color:#a3a3a3; }
.main_cont04_tab_li::after{
    content:''; position:absolute; top:50%; left:0.5px; width:0.813px; height:0.813px; background-color:transparent; border:1px solid #c1c1c1; border-radius:100%;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0);
    -moz-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
    -o-transform: translateY(-50%) translateZ(0);
}
.main_cont04_tab_li:hover{color:#5e90bf; font-weight:500;}
.main_cont04_tab_li > a > p{position:relative; font-size:1px; line-height:1.6;}
.main_cont04_tab_li > a > p > span{font-size:1.375px; margin-right:3px;}
.main_cont04_tab_li.active{color:#5e90bf; font-weight:500;}
.main_cont04_tab_li.active::after{width:1.063px; height:1.063px; background-color:#7198bd; border:1px solid #7198bd;}
.main_cont04_tab_li.active > a > p{font-size:1.125px; font-weight:500;}
.main_cont04_tab_li.active > a > p > span{font-size:1.875px; margin-right:6px; font-weight:500;}
.main_cont04_tab_li.active > a > p::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#5e90bf;}

.main_cont04_slider_wrap{display:none; position:relative; width:100%; max-width:100%; margin-left:auto; margin-right:0; z-index:1;}
.main_cont04_slider_wrap.active{display:block}
.main_cont04_swiper{position:relative; width:100%; padding-bottom:6px;}
.main_cont04_slider{
    width:60% !important; margin:0 2.5px; 
}
.main_cont04_slider.swiper-slide-prev, .main_cont04_slider.swiper-slide-next{
    opacity:0.5;
    filter : grayscale(100%);
    -webkit-filter : grayscale(100%);
    -moz-filter : grayscale(100%);
    -ms-filter : grayscale(100%);
    -o-filter : grayscale(100%);
    transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
}
.main_cont04_slider.swiper-slide-active{
    opacity:1;
    filter : grayscale(0%);
    -webkit-filter : grayscale(0%);
    -moz-filter : grayscale(0%);
    -ms-filter : grayscale(0%);
    -o-filter : grayscale(0%);
}
.main_cont04_slider_box{position:relative; display:flex; justify-content:center; align-items:flex-start; }
.main_cont04_tab_ba{position:relative; width:50%; margin:0 5px;}
.main_cont04_tab_ba > .txt01{position:absolute; bottom:0; right:0; width:5.8px; padding:2px 0; text-align:center;}
.main_cont04_tab_before > .txt01{background-color:#000;}
.main_cont04_tab_after > .txt01{background-color:#7198bd;}
.main_cont04_slider_text{position:relative; text-align:center; margin-top:1.5px;}
.main_cont04_slider_text > p > span{color:#7198bd; display:inline-block;}

.main_cont04_swiper > .swiper-pagination-progressbar { position:absolute; bottom:2px; top:auto; left:20%; width:100%; max-width:80%; height:3px; padding:0; margin:0 auto; background:#e7e7e7; }
.main_cont04_swiper > .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#7198bd; }

/*
.swiper-scrollbar.main_cont04_swiper_pagination{position:absolute; bottom:0; top:auto; left:20%; width:100%; max-width:80%; height:3px; padding:2px 0; margin:0 auto; background-color:transparent; overflow:hidden;}
.swiper-scrollbar.main_cont04_swiper_pagination::before{
    content:''; position:absolute; top:52%; left:0; width:100%; height:3px; margin:0 auto; background-color:#e7e7e7;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0);
    -moz-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
    -o-transform: translateY(-50%) translateZ(0);
}
.swiper-scrollbar.main_cont04_swiper_pagination > .swiper-scrollbar-drag{ height:3px; background:#7198bd; }
.swiper-scrollbar.main_cont04_swiper_pagination > .swiper-scrollbar-drag::after{content:''; position:absolute; top:-1.156px; right:0; width:2.5px; height:2.5px; border-radius:100%; background: #7198bd url("../img/icon_arrow_w.svg") 50% 50%/80% no-repeat;}
.swiper-scrollbar.main_cont04_swiper_pagination > .swiper-scrollbar-drag::before {content: ''; background-color: #7198bd; position: relative; left: -99vw; top: 0; position: absolute; bottom: 0; height: 100%; width:100vw;
}
*/


.main_cont04_bottom_wrap{position:relative; margin-top:2.5px; display:flex; justify-content:center; align-items:center;}
.more_btn_box.more_btn_box02{background-color:transparent; border:1px solid #bfbfbf; }
.more_btn_arrow_bg.more_btn_arrow_bg02{background-color:rgba(113, 152, 189, 0.2);}



/* main_cont05 */
.main_cont_wrap05{background:#fff;}
.main_cont05_container{position:relative; width:100%; height:100%; padding:6px 0; display:flex; justify-content:center; align-items:center;}
.main_cont05_box{position:relative; width:100%; max-width:100%; margin-left:auto; margin-right:auto;}

.main_cont05_title_wrap{position:relative; width:100%; padding:0 10% 2.5px; margin-bottom:2.5px; border-bottom:1px solid #d7d7d7; display:flex; justify-content:space-between; align-items:center; }
.main_cont05_title{position:relative; width:50%;}
.main_cont05_number{position:relative; width:50%; display:flex; justify-content:flex-end; align-items:center;}
.main_cont05_number_count{position:relative; margin-left:1.25px; display:flex; justify-content:center; align-items:center;}
.main_cont05_number_count > .counter2{letter-spacing:0.02em;}
.more_btn_box.more_btn_box03{background-color:#1e242a; }
.more_btn_arrow_bg.more_btn_arrow_bg03{background-color:#4b5055;}

.main_cont05_box_wrap{position:relative; width:100%; max-width:90%; margin-left:auto; margin-right:0; display:flex; justify-content:center; align-items:flex-start;}
.main_cont05_box_title{position:relative; width:35%;}
.main_cont05_slider_wrap{position:relative; width:65%;}
.main_cont05_swiper{position:relative; width:100%;}
.main_cont05_slider{width:auto !important; margin:0 1.5px; }
.main_cont05_slider_box{position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.main_cont05_slider_text{position:relative; width:100%; margin:1.25px 0;}
.more_btn_box.more_btn_box04{width:auto; background-color:transparent; }
.more_btn_box.more_btn_box04 > a > p{padding-bottom:5px; border-bottom:1px solid #c1c1c1;}
.main_cont05_slide_left_bg{position:absolute; top:0; left:0; width:18%; height:100%; background-image: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.7) 50%, #fff 100%, #fff 100%); z-index:1;}
.main_cont05_slide_right_bg{position:absolute; top:0; right:0; width:18%; height:100%; background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.7) 50%, #fff 100%, #fff 100%); z-index:1;}
.more_btn_box.more_btn_box04 > a > .more_btn_arrow{margin-left:1.5px;}

.main_cont05_big_text{position:absolute; opacity:0.1;}
.main_cont05_big_text01{top:60%; left:-2%;}
.main_cont05_big_text02{top:76%; left:6%;}



/* main_cont06 */
.main_cont_wrap06{background:#fff;}
.main_cont06_container{position:relative; width:100%; height:100%; padding:8px 0; display:flex; justify-content:center; align-items:center;}
.main_cont06_box{position:relative; width:100%; max-width:80%; margin-left:auto; margin-right:auto; display:flex; justify-content:center; align-items:center;}

.main_cont06_img{position:relative; width:50%;}
.main_cont06_img_box{position:absolute; bottom:-3.5px; left:-3.5px; width:11.875px; height:12.375px; background-color:#6d95bd; display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.main_cont06_img_box > p{padding:0 0 2.2px}
.main_cont06_img_text{position:absolute; top:-8px; left:-4.5px;}
.main_cont06_img_text > p{line-height:0.8;}
.main_cont06_img_text > .txt02{margin-left:3.5px;}
.main_cont06_title_wrap{position:relative; width:50%; padding-left:5px;}

.main_cont06_big_text{position:absolute; opacity:0.1;}
.main_cont06_big_text01{top:50%; right:7%;}



/* main_cont07 */
.main_cont_wrap07{background:#fff;}
.main_cont07_container{position:relative; width:100%; height:100%; padding:8px 0; display:flex; justify-content:center; align-items:center;}
.main_cont07_container::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background: url(../img/main_cont07_bg.jpg) 50% 75%/100% no-repeat; z-index:0;}
.main_cont07_box{position:relative; width:100%; max-width:80%; margin-left:auto; margin-right:auto; display:flex; justify-content:center; align-items:center; z-index:1;}

.main_cont07_img{position:relative; width:50%; max-width:43px;}
.main_cont07_img_box{position:absolute; bottom:-8px; right:-4px; width:11.875px; height:12.375px; background-color:#151515; display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.main_cont07_img_box > p{width:100%; padding:0 1.8px 2.2px}

.main_cont07_title_wrap{position:relative; width:50%; padding-right:5px; margin-bottom:10px; display:flex; justify-content:flex-start; align-items:flex-end; flex-direction:column;}



/* main_cont08 */
.main_cont_wrap08{background:#fff;}
.main_cont08_container{position:relative; width:100%; height:100%; padding:8px 0 10px; display:flex; justify-content:center; align-items:center;}
.main_cont08_container::before{
    content:''; position:absolute; top:0; right:14%; width:1px; height:0%; background-color:#dfdfdf; z-index:0;
    transition: height 0.8s ease-in-out;
    -webkit-transition: height 0.8s ease-in-out;
    -moz-transition: height 0.8s ease-in-out;
    -ms-transition: height 0.8s ease-in-out;
    -o-transition: height 0.8s ease-in-out;
}
.main_cont08_container.bg_line_1::before{
    height:100%;
    transition: height 1.5s ease-in-out;
    -webkit-transition: height 1.5s ease-in-out;
    -moz-transition: height 1.5s ease-in-out;
    -ms-transition: height 1.5s ease-in-out;
    -o-transition: height 1.5s ease-in-out;
}
.main_cont08_box{position:relative; width:100%; max-width:80%; margin-left:auto; margin-right:auto; display:flex; justify-content:center; align-items:center; z-index:1;}

.main_cont08_img{position:relative; width:50%;}
.main_cont08_img_box{position:absolute; bottom:-3.5px; left:-3.5px; width:11.875px; height:12.375px; background-color:#6d95bd; display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.main_cont08_img_box > p{width:100%; padding:0 1.8px 2.2px}

.main_cont08_title_wrap{position:relative; width:50%; padding-left:5px; margin-bottom:2.5px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}




/* main_cont09 */
.main_cont_wrap09{position:relative; width:100%; }
.main_cont_wrap09::before{
    content:''; position:absolute; top:67%; left:0; width:0%; height:1px; background-color:#dfdfdf; z-index:0;
    transition: width 0.6s ease-in-out;
    -webkit-transition: width 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out;
    -ms-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
}
/* .main_cont_wrap09.bg_line_3::before{
    width:100%;
    transition: width 1.3s ease-in-out;
    -webkit-transition: width 1.3s ease-in-out;
    -moz-transition: width 1.3s ease-in-out;
    -ms-transition: width 1.3s ease-in-out;
    -o-transition: width 1.3s ease-in-out;
} */
.main_cont09_container{position:relative; width:100%; height:100%; padding:3px 0 0; display:flex; flex-direction:column;}
.main_cont09_container::before{
    content:''; position:absolute; top:0; left:0; width:0%; height:1px; background-color:#dfdfdf; z-index:0;
    transition: width 0.6s ease-in-out;
    -webkit-transition: width 0.6s ease-in-out;
    -moz-transition: width 0.6s ease-in-out;
    -ms-transition: width 0.6s ease-in-out;
    -o-transition: width 0.6s ease-in-out;
}
/* .main_cont09_container.bg_line_1::before{
    width:100%;
    transition: width 1.3s ease-in-out;
    -webkit-transition: width 1.3s ease-in-out;
    -moz-transition: width 1.3s ease-in-out;
    -ms-transition: width 1.3s ease-in-out;
    -o-transition: width 1.3s ease-in-out;
} */
.main_cont09_container::after{
    content:''; position:absolute; top:0; left:38%; width:1px; height:0%; background-color:#dfdfdf; z-index:0;
    transition: height 0.6s ease-in-out;
    -webkit-transition: height 0.6s ease-in-out;
    -moz-transition: height 0.6s ease-in-out;
    -ms-transition: height 0.6s ease-in-out;
    -o-transition: height 0.6s ease-in-out;
}
/* .main_cont09_container.bg_line_2::after{
    height:100%;
    transition: height 1.3s ease-in-out;
    -webkit-transition: height 1.3s ease-in-out;
    -moz-transition: height 1.3s ease-in-out;
    -ms-transition: height 1.3s ease-in-out;
    -o-transition: height 1.3s ease-in-out;
} */
.main_cont09_box{position:relative; width:100%; margin-left:auto; margin-right:auto; padding-bottom:3px; display:flex; justify-content:space-between; align-items:flex-start; z-index:1;}

.main_cont09_title_wrap{position:relative; width:100%; padding-left: 8px;}

.main_cont09_youtube_main{position:relative; width:73%;}
.yt-video-area{position:relative; width:100%; padding-left:0px; margin-left:auto; margin-right:auto;}
.play-area{position: relative; width: 100%; padding-bottom: 56.25%; z-index: 1;}
.play-area iframe{position: absolute; width: 100%; height: 100%;}

.main_cont09_box02{position:relative; width:100%; margin-left:auto; margin-right:0; margin-top:1.5px; display:flex; justify-content:flex-start; z-index:1; padding-left: 8px;}
.main_cont09_youtube_list_btn{position:relative; width: auto; padding-right:5px; display:flex; justify-content:flex-start; align-items:flex-end; flex-direction:column;}
.main_cont09_youtube_list_wrap{position:relative;  width: 20%; }
.main_cont09_youtube_list{position:relative; width: auto; padding-left:8px; margin-left:auto; margin-right:auto; display: inline-block;}
.main_cont09_swiper{position:relative; width: auto; margin-left:auto; margin-right:0; padding-bottom:2.5px; display: inline-block; height: 325px;}
.main_cont09_slider{width:9.813px !important; margin:0 0.5px; }
.main_cont09_right_bg{position:absolute; top:0; right:0; width:18%; height:100%; background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.7) 50%, #fff 100%, #fff 100%); z-index:1;}
.main_cont09_box02 .more_btn_box { background-color: #000;}

.main_cont09_swiper > .swiper-pagination-progressbar { position:absolute; bottom:0px; top:auto; left:0.5px; width:3px; max-width:100%; height:100%; padding:0; margin:0 auto; background:#e7e7e7; }
.main_cont09_swiper > .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#7198bd; }

.swiper-button-prev.main_cont09_prev{
    top: 120%; left:55%; width:45px; height:45px; opacity:1; background: url(../img/main_cont02_prev.png) 50% 50%/100% no-repeat;
    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);
}
.swiper-button-next.main_cont09_next{
    top:120%; left:75%; width:45px; height:45px; opacity:1; background: url(../img/main_cont02_next.png) 50% 50%/100% no-repeat;
    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);
}
.swiper-button-prev.main_cont09_prev:hover{
    background: url(../img/main_cont02_prev_hover.png) 50% 50%/100% no-repeat;
}
.swiper-button-next.main_cont09_next:hover{
    background: url(../img/main_cont02_next_hover.png) 50% 50%/100% no-repeat;
}
.swiper-button-prev.main_cont09_prev::after, .swiper-button-next.main_cont09_next::after {
    display: none;
}



/* main_cont10 */
.main_cont_wrap10{background:#fff;}
.main_cont10_container{position:relative; width:100%; height:100%; padding:0px 0; display:flex; justify-content:center; align-items:center;}
.main_cont10_container::before{
    content:''; position:absolute; top:0; right:0%; width:0%; height:1px; background-color:#dfdfdf; z-index:0;
    transition: width 0.8s ease-in-out;
    -webkit-transition: width 0.8s ease-in-out;
    -moz-transition: width 0.8s ease-in-out;
    -ms-transition: width 0.8s ease-in-out;
    -o-transition: width 0.8s ease-in-out;
}
.main_cont10_container.bg_line_1::before{
    width:100%;
    transition: width 1.5s ease-in-out;
    -webkit-transition: width 1.5s ease-in-out;
    -moz-transition: width 1.5s ease-in-out;
    -ms-transition: width 1.5s ease-in-out;
    -o-transition: width 1.5s ease-in-out;
}
.main_cont10_box{position:relative; width:100%; max-width:100%; margin-left:auto; margin-right:auto; display:flex; justify-content:center; align-items:flex-start; z-index:1;}
.main_cont10_map_wrap{position:relative; width:50%; height:700px;}
.main_cont10_video_wrap{position:relative; width:100%; height:65%;}
.main_cont10_video_box{position:relative; width:100%; max-width:100%; }
.main_cont10_info_wrap{position:relative; width:50%; height:700px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main_cont10_info_title{position:relative; width:100%; padding:26px 55px; border-bottom:1px solid #d8d8d8}
.main_cont10_accordion_wrap{position:relative; width:100%;}
.main_cont10_qna_wrap{position:relative; width:100%;}
.main_cont10_que{
	position: relative;
	padding: 33px 44px;
	cursor: pointer; border-bottom: 1px solid #d8d8d8;
    display:flex; justify-content:center; align-items:center;
}
.main_cont10_que.on{
    pointer-events:none;
}
.main_cont10_que > p{
	width:auto; padding-right:1px; 
    transition:width 2s ease; 
    -webkit-transition:width 2s ease; 
    -moz-transition:width 2s ease; 
    -ms-transition:width 2s ease; 
    -o-transition:width 2s ease;
}
.main_cont10_que.on > p{
	width:100%;
    font-size: 24px;
}
.main_cont10_btn {
    position: relative; width:2.813px; height:2.813px; border-radius:100%; border:1px solid transparent; 
    background:url("../img/arrow-right.svg") 50% 50%/20% no-repeat;
    transform:rotate(90deg) translateZ(0); 
    -webkit-transform:rotate(90deg) translateZ(0); 
    -moz-transform:rotate(90deg) translateZ(0); 
    -ms-transform:rotate(90deg) translateZ(0); 
    -o-transform:rotate(90deg) translateZ(0);
    transition: 0.3s 0.1s ease; 
    -webkit-transition: 0.3s 0.1s ease; 
    -moz-transition: 0.3s 0.1s ease; 
    -ms-transition: 0.3s 0.1s ease; 
    -o-transition: 0.3s 0.1s ease;
}
.main_cont10_que.on > .main_cont10_btn{
    border:1px solid #000;
    transform:rotate(-90deg) translateZ(0); 
    -webkit-transform:rotate(-90deg) translateZ(0); 
    -moz-transform:rotate(-90deg) translateZ(0); 
    -ms-transform:rotate(-90deg) translateZ(0); 
    -o-transform:rotate(-90deg) translateZ(0);
}

.main_cont10_anw {
    width:99%;
	display: none;
    overflow-x: hidden;
    overflow-y: auto;
	padding: 2.2px 5px;
    max-height:13.45px;
    border-bottom: 1px solid #d8d8d8;
}
/* width */
.main_cont10_anw::-webkit-scrollbar {
	width: 4px;
    background-color: transparent;
    transition: width 0.8s ease;
    -webkit-transition: width 0.8s ease;
    -moz-transition: width 0.8s ease;
    -ms-transition: width 0.8s ease;
    -o-transition: width 0.8s ease;
}
.main_cont10_anw::-webkit-scrollbar:hover {
	width:10px;
}
/* Track */
.main_cont10_anw::-webkit-scrollbar-track{
    background-color: transparent; /*스크롤바 뒷 배경 색상*/
}
/* Handle */
.main_cont10_anw::-webkit-scrollbar-thumb {
	background: #6d96bf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
/* Handle on hover */
.main_cont10_anw::-webkit-scrollbar-thumb:hover {
	background: #6d96bf;
}
.main_cont10_text01{position:relative; width:100%; text-align:left; margin-bottom:1.8px;}
.main_cont10_text02{position:relative; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.main_cont10_text02 > .txt01{position:relative; width:100%; }
.main_cont10_text02 > .txt02{position:relative; width:100%; }
.main_cont10_text02 > div{position:relative; width:auto; margin:1.5px 0 0;}
.main_cont10_text02 > div > a{padding:10px 1.4px;}
.main_cont10_text02_time{position:relative; width:100%; margin-bottom:1px;}
.main_cont10_text03{position:relative; width:100%; margin-bottom:1.8px;}
.main_cont10_text03 > p{margin-bottom:0.8px;}
.main_cont10_text03 > p > .time_line{border-bottom:1px solid #000;}
.main_cont10_text03 > p > .c-d31616.time_line{border-bottom:1px solid #d31616;}
.time_more01{padding:2px 6px; border:1px solid #527faa; border-radius:50px; color:#527faa;}
.time_more02{padding:2px 6px; border:1px solid #bb1930; border-radius:50px; color:#bb1930;}

.main_cont10_bottom_btn{position:relative; width:100%; }
.main_cont10_bottom_btn > a{position:relative; width:100%; height:100%; padding: 2px 5px 1.8px; display:flex; justify-content:center; align-items:center;}
.main_cont10_bottom_btn > a > p{display:inline-block; margin-right:1px;}