@charset "UTF-8";

/* 메인 */
#container main{width: 100%;  height: 100vh; position: relative; overflow: hidden; background: #000;}
#container main .bg_slide{width: 100%; height: 100%;}
#container main .bg_slide .title{color: #fff; position: absolute; top: 55%; transform: translateY(-50%); left: 10%; z-index: 5;}
#container main .bg_slide .title h1{font-size: clamp(34px, 2.291vw, 44px); text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); letter-spacing: -0.04em; line-height: 1.4;
									font-weight: 200; margin-bottom: 45px;}
#container main .bg_slide .title h2{font-size: clamp(34px, 2.291vw, 44px); text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); letter-spacing: -0.04em; line-height: 1.4;
									font-weight: 200; margin-bottom: 45px;}
#container main .bg_slide .title .reserve_go{width: 200px; height: 60px; line-height: 60px; background: #8e1c29; font-size: clamp(16px, 0.9375vw, 18px);
											 display: flex; justify-content: center; align-items: center; border-radius: 50px;}
#container main .bg_slide .title .reserve_go img{margin-left: 10px;}
#container main .bg_slide .bg{width:100%; height: 100vh; animation: bg_ani 15s infinite alternate linear, blur_ani 2s forwards; filter: blur(10px); transition: transform 0.1s;}
@keyframes bg_ani {0% {transform: scale(1);}100% {transform: scale(1.2);}}
@keyframes blur_ani {0% {filter: blur(10px);}100% {filter: blur(0px);}}
#container main .bg_slide .bg.bg_list01{background: url(../image/main/main_bg03_new250924.jpg?ver=4) no-repeat center / cover; }
#container main .bg_slide .bg.bg_list02{background: url(../image/main/main_bg02.jpg?ver=3) no-repeat center / cover; }

#container main .bg_slide .video{width:100%;height:100vh; overflow: hidden;transition:1s; z-index:0; background: #000;}
#container main .bg_slide .video video{position: absolute;width:1920px; height:1080px; left: 50%; top:50%; transform:translate(-50%,-50%);opacity: 0.7;}
@media all and (min-width:1921px){
	#container main .bg_slide .video video{width:100%; height:auto;}

}


#intro{position: fixed; width: 100%;height:100vh; background:rgba(0,0,0,0.6); z-index: 999999;}
#intro .main_video{position: absolute; width:60%; left:50%; top:50%;	transform:translate(-50%,-50%); max-width:1280px;}
#intro .main_video video{width:100%; border-radius:16px; overflow: hidden;}
#intro .close_btn{position: absolute;font-size:17px; bottom:26px; width:50px;height: 50px;line-height:50px;padding: 8px;right:20px;box-sizing:content-box; cursor: pointer;border:1px solid rgba(255,255,255,0.1); z-index: 100; background:rgba(0,0,0,0.5); color: #fff;border-radius:100%;}
#intro .close_btn:hover{ background:rgba(0,0,0,0.7);}
.fade-out-ani{animation: fadeOut 1s forwards;}
@keyframes fadeOut{from {opacity: 1;} to {opacity: 0;}}






@media all and (max-width:1024px){
	#intro .main_video{width:90%;}
	#intro .close_btn{position: absolute;font-size:15px;bottom:16px; right:8px;width:30px; height:30px; line-height:30px; }
}
@media all and (max-width:600px){
	#intro .close_btn{bottom:13px; right:6px;width:24px; height:24px; line-height:24px; }
}

/* 섹션 공통 */
.section-margin{margin: 150px 5%;}
.section-padding{padding: 150px 5%;}
section .title{margin-bottom: 50px;}
section .title h1{font-size: clamp(44px, 2.8125vw, 54px); margin-bottom: 10px;}
section .title p{font-size: clamp(16px, 0.9375vw, 18px);}
.mo_br{display: none;}

/* 이미지 리스트형 */
#img-list{text-align: center;}
#img-list .title h1{font-size: clamp(44px, 2.8125vw, 54px); font-weight: 500; letter-spacing: -0.05em;}
#img-list .title p{font-weight: 500;}
#img-list .list{display: flex; max-width: 1280px; margin: 0 auto; gap: 25px;}
#img-list .list li .img img{width: 100%; height: 100%; object-fit: cover;}
#img-list .list li p{text-align: left; font-size: clamp(18px, 0.9375vw, 18px); margin-top: 16px;}

/* 탭 리스트형 */
#tab-list{display: flex; align-items: flex-end; gap:100px; justify-content: flex-end; margin: 200px 0; position: relative;}
#tab-list .title_wrap{width: 35%;}
#tab-list .title_wrap .title{position: relative; z-index: 1;}
#tab-list .title_wrap .logo{position: absolute; top: -25%; left: 2.5%; width: clamp(300px, 28.489vw, 547px);}
#tab-list .title_wrap .logo img{width: 100%;}
#tab-list .title_wrap .tab{position: relative; z-index: 1;}
#tab-list .title_wrap .tab li{height: 80px; line-height: 80px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 5%; font-size: clamp(18px, 1.145vw, 22px);
							  cursor: pointer; transition:0.3s}
#tab-list .title_wrap .tab li.on{background: #8e1c29; color: #fff; opacity: 1;}
#tab-list .title_wrap .tab li.on span{opacity: 1;}
#tab-list .title_wrap .tab li span{opacity: 0.3; font-weight: 800; letter-spacing: 3px; margin-right: 15px;}
#tab-list .img_wrap{width: 50%; height: 60vh;}
#tab-list .img_wrap .img{width: 100%; height: 100%;}
#tab-list .img_wrap .img img{width: 100%; height: 100%; object-fit: cover;}

/* 장비 스와이퍼 */
#eq-slider{background: url(../image/main/eq_bg.jpg) no-repeat top center / cover; text-align: center;}
#eq-slider .title{margin-bottom: 25px;}
#eq-slider .eq_arrow{display: flex; justify-content: center; gap: 15px; margin-bottom: 50px;}
#eq-slider .eq_arrow div{cursor: pointer;}
#eq-slider .eq_swiper .swiper-wrapper .swiper-slide p{margin-top: 10px; font-size: clamp(16px, 0.9375vw, 18px);}

/* 이미지 게시판 */
#img-board{text-align: center;}
#img-board .img_wrap{display: flex; max-width: 1200px; margin: 0 auto;}
#img-board .img_wrap .img{width: 48%; margin: 1%; height: 45vh}
#img-board .img_wrap .img img{width: 100%; height: 100%; object-fit: cover;}
#img-board .img_wrap .img:nth-child(1){background: #d8d2ce;}
#img-board .img_wrap .img:nth-child(2){background: #e6dbd2;}
#img-board .board_go{max-width: 210px; height: 60px; line-height: 60px; margin: 50px auto 0; border: 1px solid #000; border-radius: 50px; padding: 0 35px;
					 box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.1);}
#img-board .board_go a{display: block; width: 100%; font-size: clamp(18px, 1.145vw, 22px); display: flex; justify-content: space-between; align-items: center;
					   font-weight: 600;}

/* 오시는 길 */
#info{display: flex; align-items: center;}
#info>div{width: 50%;}
#info .map_wrap{height: 100vh;}
#info .text{display: flex; justify-content: center; align-items: center; padding: 5%; box-sizing: border-box;}
#info .text .inner .list li{margin-top: 50px;}
#info .text .inner .list li:last-child{margin-top: 25px;}
#info .text .inner .list li h2{font-size: clamp(40px, 2.8125vw, 54px); font-weight: 700;}
#info .text .inner .list li h3{font-size: clamp(24px, 1.6666vw, 32px); color: #a19a94; font-weight: bold; margin-bottom: 5px;}
#info .text .inner .list li p{font-size: clamp(16px, 0.9375vw, 18px); font-weight: 500;}
#info .text .inner .list li.time p{display: flex; justify-content: flex-start;}
#info .text .inner .list li.time p+p{margin-top: 15px;}
#info .text .inner .list li p span:first-child{font-weight: 500 !important; width: 30%;}


/* 팝업슬라이드 */
#popup_slide{position: absolute; top:50%; left:50%;padding:30px;transform:translate(-50%,-50%);background:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.15); z-index: 1000; border-radius:16px; overflow: hidden; box-shadow:0 0 30px rgba(0,0,0,0.3);backdrop-filter: blur(15px);}
#popup_slide .main_popup{width: 100%;max-width:1200px; overflow: hidden; padding-bottom:30px;}
#popup_slide .main_popup img{width:100%; border-radius:8px; overflow: hidden;}
#popup_slide .swiper-pagination{display:block;bottom: 66px; z-index: 1000;}
#popup_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #8e1e2b !important;}
#popup_slide .swiper-pagination .swiper-pagination-bullet{background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.4)}
#popup_slide .popup_btn{gap:4px;bottom:0;display:flex; justify-content:center; align-content:center; align-items:center; z-index: 1001; }
#popup_slide .popup_btn button{padding: 8px 24px;background:rgba(0,0,0,0.9); border:none; color: #fff; border-radius:4px ;cursor: pointer;}
#popup_slide .popup_btn button:nth-child(2){background: #8e1e2b;}
#popup_slide .popup_btn button:hover{box-shadow:inset 0 0 1000px rgba(255,255,255,0.04)}
/* 반응형 */
@media all and (max-width:1280px){

#popup_slide .main_popup{max-width:800px;}
/* 탭 리스트형 */
#tab-list{gap: 50px;}
#tab-list .title_wrap{width: 40%;}

/* 오시는 길 */
#info{flex-direction: column; margin: 100px 0;}
#info .map_wrap{width: 90%; height: 50vh;}
#info .text{width: 100%; justify-content: flex-start;}
#info .text .inner .logo{display: none;}
#info .text .inner .list{display: flex; flex-wrap: wrap;}
#info .text .inner .list li{width: 50%; margin-top: 0;}
#info .text .inner .list li+li{margin-top: 35px;}
#info .text .inner .list li.time{width: 100%;}
}

@media all and (max-width:1000px){
#popup_slide .main_popup{max-width:440px;}
}
@media all and (max-width:768px){
#popup_slide .main_popup{max-width:380px;}
/* 공통 */
section br{display: none;}
section .pc_br{display: block !important;}
.section-margin{margin: 100px 5%;}
.section-padding{padding: 100px 5%;}

/* 메인 */
#container main {background: url(../image/main/main_bg2.jpg?ver=3) no-repeat 30% 50% / cover;}

/* 이미지 리스트형 */
#img-list .list{flex-direction: column;}
#img-list .list li .img{height: 40vh;}

/* 탭 리스트형 */
#tab-list{gap: 0; flex-wrap: wrap; margin: 150px 5%;}
#tab-list .title_wrap{width: 100%;}
#tab-list .title_wrap .logo{top: -15%; left: 50%; transform: translateX(-50%);}
#tab-list .title_wrap .title{text-align: center;}
#tab-list .title_wrap .tab li{height: 65px; line-height: 65px;}
#tab-list .img_wrap{width: 100%;}

/* 장비 스와이퍼 */
#eq-slider{margin: 100px 0;}

/* 이미지 게시판 */
#img-board .img_wrap{flex-wrap: wrap; row-gap:25px;}
#img-board .img_wrap .img{width: 80%; height: 35vh; margin: 0 auto;}

/* 오시는 길 */
#info .map_wrap{height: 35vh;}
#info .text .inner .list li{width: 100%;}
#info .text .inner .list li+li{margin-top: 25px;}
#info .text .inner .list li.time p+p{margin-top: 10px;}
}

@media all and (max-width:500px){
#popup_slide .main_popup{max-width:300px;}

/* 공통 */
.mo_br{display: block !important;}
section .title{margin-bottom: 35px;}

/* 이미지 리스트형 */
#img-list .list li .img{height: 30vh;}

/* 탭 리스트형 */
#tab-list .img_wrap{height: 30vh;}

/* 이미지 게시판 */
#img-board .board_go{width: 80%; padding: 0 25px; margin: 35px auto;}
}