/*Content CSS*/
#main_vis_wrap { position: relative; }
#main_vis_wrap .slider_img { background:url("../img/main3.jpg?v=230316") no-repeat center / cover; height: 937px; width:100%; overflow:hidden; }
#main_vis_wrap .slide2 {background-image:url("../img/main1.jpg?v=230316");}
#main_vis_wrap .slide3 {background-image:url("../img/main2.jpg?v=230316");}

.center_slidelist { position:relative; }
.center_slidelist::after { content:""; position:absolute; right:0; top:0; height: 100%; width:100px; border-left: 1px solid rgba(255,255,255,0.2); z-index: 1; background: rgba(0,0,0,0.1); backdrop-filter: blur(5px); }

/*메인타이포*/
.main_typo_wrap {position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.main_typo { position: relative; width:1400px; text-align: left; z-index: 1; line-height: 1; padding-bottom: 150px; }
.main_typo span { font-size: 21.5px; color:#fff; }
.main_typo h1 { margin:23px 0 48px; position:relative; font-size: 84.5px; font-family: 'Montserrat', sans-serif; color:#fff; font-weight: bold; line-height: 1.14; }
.main_typo p { font-size:19.5px; font-weight:300; color: rgba(255, 255, 255, 0.7); line-height:1; }

/* m_controller */
.m_controller { position:absolute; right:180px; bottom:85px;  }
.m_controller > div { width: 400px; display: flex; flex-direction: column; align-items: flex-end; }
.slide-progress { width:100%; height: 1px; background: rgba(255,255,255,.3); margin: 30px 0 0; position: relative; }
.slide-progress div { position: absolute; top: 0; left: 0; height:2px; max-width: 100%; width:0; background: #fff;}

#main_vis_wrap .owl-nav { position:absolute; left:100px; top:40%; color:#fff; }
#main_vis_wrap .owl-nav button { display: block; position:relative; padding-left: 21px; color:#fff; font-size: 12px; font-weight: 300; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }
#main_vis_wrap .owl-prev { background:url('../img/vis_prev.png') no-repeat 0 50%; }
#main_vis_wrap .owl-next { margin-top: 12px; background:url('../img/vis_next.png') no-repeat 0 50%; }

/*페이지넘버*/
#main_vis_wrap { display: flex; justify-content: center; }
#main_vis_wrap  .number {font-size:45px; font-weight:700; color:#fff; font-family: 'Montserrat', sans-serif; }
#main_vis_wrap .number_last {font-size:15px; font-weight:400; color:#fff; font-family: 'Montserrat', sans-serif; }
#main_vis_wrap  .number::after {content: '|';  display: inline-block; margin:0 5px; font-weight:400; font-style: italic; font-size: 15px; color:#fff; }
#main_vis_wrap .number::before,
#main_vis_wrap .number_last::before {content: '0';}

/* dots */
#main_vis_wrap .owl-dots { position:absolute; right:44px; top:40%; z-index: 3; }
#main_vis_wrap .owl-dots button { display: block; position:relative; width:9px; height: 9px; border-radius: 50%; background:rgba(255,255,255,0.3); }
#main_vis_wrap .owl-dots button + button { margin-top: 40px; }
#main_vis_wrap .owl-dots button::before { content:""; position:absolute; left:-8px; top:-8px; width:25px; height: 25px; border-radius: 50%; border: solid 2px #ddd; opacity: 0; }

#main_vis_wrap .owl-dots button.active { background: rgba(255,255,255,1); }
#main_vis_wrap .owl-dots button.active::before { opacity: 1; }


/*마우스*/
#vis_scroll { position: absolute; bottom:90px; right:30px; z-index: 2; animation:ani 1.3s infinite linear; cursor: pointer; display: block;}
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100% {transform: translateY(0);}
}

/* 메뉴 */
.menu_area { position:absolute; left:0; bottom:0; }
.menu_list { display: flex; border-top: 1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.1); backdrop-filter: blur(5px); width: 1260px; color:#fff; }
.menu_list li { flex:1; }
.menu_list a { position:relative; display: block; width: 100%; border-right: 1px solid rgba(255,255,255,0.2); height: 210px; padding:40px 55px; line-height: 1; z-index: 1; }
.menu_list a::before { content:""; position:absolute; left:0; width:100%; top:0; height: 100%; background:no-repeat center; opacity: 0; transition: all .3s; z-index: -1; }
.menu_list li:nth-child(1) a::before { background-image:url('../img/main_q_img1.jpg'); }
.menu_list li:nth-child(2) a::before { background-image:url('../img/main_q_img2.jpg'); }
.menu_list li:nth-child(3) a::before { background-image:url('../img/main_q_img3.jpg'); }

.menu_list a h2 { font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight: bold; }
.menu_list a p { font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.7); margin-top: 18px; }
.menu_list a span { display: block; text-align: right; font-size: 15px; font-weight: 500; color:#fff; margin-top: 40px; font-family: 'Montserrat', sans-serif; }
.menu_list a span img { margin-left: 10px; }

.menu_list li a:hover::before { opacity: 1; }

.menu_list li:nth-child(1) a { padding-left: 100px; }





/* media query */
@media screen and (max-width: 1850px) {
    .m_controller { display: none; }
    #main_vis_wrap .owl-nav { left: 50px; }
}
@media screen and (max-width: 1700px) {
    .main_typo { width: 100%; padding-left: 150px; }
}
@media screen and (max-width: 1400px) {
    .center_slidelist::after { display: none; }
    #vis_scroll { display: none; }
}