#header{position: fixed;top: 0;width: 100%;height: 100px;transition: 0.2s all ease-in-out;z-index:999;background-color: rgba(0,0,0,0);padding-top: 30px;}
#header.scroll{background-color: rgba(0,61,136,.5);backdrop-filter: blur(5px);}
#header.scroll .sns_wrap{top: 110px;}

@media (max-width:992px){
	#header{padding-top: 0;height: 70px;}
}

/* main */
	
	
	.section_title{color: #333;margin-bottom: 80px;}
	.section_title > strong{display: block;color: #1E66B9;font-size: 1.6rem;margin-bottom: 20px;font-family: "NotoSerif", serif;}
	.section_title > span{display: block;color: #666;}
	
	.board-event .photo > .img{background-size:100% auto;}
	.board-event .photo > .img:hover{background-size:120% auto;}




/* hero */
	#hero:before{content: "";display: block; width: 100%;height: 100%;background:rgba(0,0,0,.1);position: absolute;left: 0px;top: 0px;z-index:2}
			
	#hero {width: 100%;height: 100vh;background-color: rgba(22, 30, 56, 0.8);overflow: hidden;position: relative;}
	#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
	#hero .carousel-inner .carousel-item {transition-property: opacity;background-position: center top;}

	#hero .carousel-inner > div:nth-child(1){background-image: url('/images/bg_main06.jpg');animation: bgShow1 2s forwards; animation-timing-function: ease-out;}
	#hero .carousel-inner > div:nth-child(1){background-position:20% 0% !important}
	#hero .carousel-inner > div:nth-child(2){background-image: url('/images/bg_main07.jpg');animation: bgShow2 2s forwards; animation-timing-function: ease-out;}
	#hero .carousel-inner > div:nth-child(2){background-position:50% 50% !important}
	#hero .carousel-inner > div:nth-child(3){background-image: url('/images/bg_main08.jpg');animation: bgShow3 2s forwards; animation-timing-function: ease-out;}
	#hero .carousel-inner > div:nth-child(3){background-position:50% 50% !important}
	#hero .carousel-inner > div:nth-child(4){background-image: url('/images/bg_main09.jpg');animation: bgShow1 2s forwards; animation-timing-function: ease-out;}
	#hero .carousel-inner > div:nth-child(4){background-position:20% 0% !important}


	.hero_text{position: absolute;top: 55%;left: 10%;z-index:8;color: #fff;font-weight: 100;animation-name: fadeUpAni3; animation-duration: 5s; animation-fill-mode: forwards;opacity: 0; animation-iteration-count: infinite;text-shadow:2px 2px 1px rgba(0,0,0,.5)}
	.hero_text > div:nth-child(1){font-size: 2.3rem;line-height: 3.5rem;font-family: 'NotoSerif';}
	.hero_text > div:nth-child(2){font-size: 1.2rem;padding-top: 20px;}
	
	.btn_book_main{position: absolute;bottom: 200px;z-index:5;left:50%; transform:translateX(-50%);z-index:8;}
	.btn_book_main > a{display: flex;align-items: center; justify-content:center;width: 200px;height: 52px;border: 1px solid rgba(255,255,255,.6);color: #fff;transition: 0.3s;background-color: rgba(0,0,0,.3);	}
	.btn_book_main > a:hover{background-color: #003879;border: 1px solid rgba(255,255,255,.3);}


	@keyframes bgShow1 {
	from{
		background-size: 100% 100%; 
	}
	to{
		background-size: 104% 104%;
	}
	}
	@keyframes bgShow2 {
	from{
		background-size: 108% 108%; 
	}
	to{
		background-size: 100% 100%;
	}
	}
	@keyframes bgShow3 {
	from{
		background-size: 100% 100%; 
	}
	to{
		background-size: 107% 107%;
	}
	}

	@media (max-width:768px){
		#hero .carousel-inner > div:nth-child(1){background-position:50% 0% !important}
		
	@keyframes bgShow1 {
		from{
			background-size: auto 100%; 
		}
		to{
			background-size: auto 104%;
		}
	}
	@keyframes bgShow2 {
		from{
			background-size: auto 108%; 
		}
		to{
			background-size: auto 100%;
		}
	}
	@keyframes bgShow3 {
		from{
			background-size: auto 100%; 
		}
		to{
			background-size: auto 107%;
		}
	}
} 

	

		
/* notice */
	.main-event{padding: 140px 0;background-color: #f7f7f7;}
	.main-event .container{max-width: 1500px;}
	.main-event .txt > div:nth-child(1){font-size: 1.5rem;}

	.section_title > strong{font-size: 3.5rem;font-family: 'NotoSerif';font-weight: 100;display: block;color: var(--color-main);}
	.section_title > span{display: block;font-size: 1.2rem;}

	.btn-more{display: flex;align-items: center; justify-content:center;width: 200px;height: 52px;border: 1px solid #ddd; color:var(--color-main);background-color: #fff;margin: 0 auto;position: relative;padding-right: 50px;}
	.btn-more > i{position: absolute;right: 14px;top: 0;background-color:var(--color-main);width: 50px;height: 50px;}
	.btn-more > i > img{width: 100%;}
	
	.photo .date{color: #666;}

/* course */
	section.course{width: 100%;height: 900px;position: relative;}
	section.course > div > img{width: 100%;}

	section.course > div{position:absolute; left:0; top:0;background-position: 50% 50%; background-size:cover; height:900px; width:100%; transition:all 0.2s;  }

	.map_main{background-image: url("/images/course_map.jpg");opacity:1;}
	.map_main01{background-image: url("/images/course_map_main01.png"); z-index:9; opacity:0;}
	.map_main02{background-image: url("/images/course_map_main02.png"); z-index:9; opacity:0;}
	.map_main03{background-image: url("/images/course_map_main03.png"); z-index:9; opacity:0;}
	.map_main04{background-image: url("/images/course_map_main04.png"); z-index:9; opacity:0;}
	.map_main05{background-image: url("/images/course_map_main05.png"); z-index:9; opacity:0;}

	.map_main01.on,
	.map_main02.on,
	.map_main03.on,
	.map_main04.on,
	.map_main05.on{opacity:1;}

	.btn_map01{width:19vw; height:25vw; background-color: rgba(0, 0, 0, 0); position: absolute; left:8%; top:16vh; z-index:10; cursor:pointer;}
	.btn_map02{width:34vw;height:13vw;background-color: rgba(0, 0, 0, 0);position: absolute;left:27%;bottom:10vh;z-index:10;cursor:pointer;}
	.btn_map03{width:34vw; height:13vw; background-color: rgba(0, 0, 0, 0); position: absolute; left:27%; top:32vh; z-index:9;  cursor:pointer;}
	.btn_map04{width:22vw; height:21vw; background-color: rgba(0, 0, 0, 0); position: absolute; right: 17%; top:32vh; z-index:9;  cursor:pointer;}
	.btn_map05{width:50vw; height:10vw; background-color: rgba(0, 0, 0, 0); position: absolute; right: 8%; top:11vh; z-index:9;  cursor:pointer;}

	.btn_mobile{display: none;}

	
	@media (max-width:1500px){
		section.course,
		section.course > div{height: 800px;}
		.btn_map01{left: 0%;}
		.btn_map05{height:12vw;}
		
	}

	@media (max-width:1200px){
		section.course,
		section.course > div{height: 700px;}
		.btn_map05{height:14vw;}
		
	}
	@media (max-width:768px){
		section.course,
		section.course > div{height: 400px;}
		.btn_mobile{z-index:9; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);background-color: rgba(0,0,0,.5);display: inline-block;color: #fff;padding: 10px 30px;border: 1px solid #fff;}
		
	}

/* facility */
	section.facility .container{max-width:1500px}
	.facility{padding: 140px 0;background-color: #f7f7f7;}
	.facility .row > div{position: relative;}
	.facility .section_title{margin-bottom: 120px;margin-top: 50px;}
	.facility_link .img{display: block;width: 330px;height: 450px;background: url('/images/facility_01.jpg') 50% 50% no-repeat;background-size:100% auto; transition: background-size 0.3s;position: relative;}
	.facility_link .txt{height: 50px;padding-top: 20px;}
	.facility_link .txt > div:nth-child(1){font-family: 'NotoSerif';color: #666;line-height: 16px;}
	.facility_link .txt > div:nth-child(2){font-size: 1.6rem;}
	.facility_link > div:nth-child(2) .img{background-image: url('/images/facility_02.jpg');}
	.facility_link > div:nth-child(3) .img{background-image: url('/images/facility_03.jpg?ver=1');}
	.facility_link .img:hover{background-size:120% auto ;}
	.facility_link .img > span{display: inline-block;position: absolute;left: 0;bottom:0;width: 100%;height: 117px;padding: 20px;backdrop-filter: blur(3px);transition: all 0.5s;background-color: rgba(0,0,0,.5);color: #fff;opacity:0;}
	.facility_link .img:hover > span{opacity:1;bottom: 0;}

	@media (max-width:1400px){
		.facility_link .img{width: 100%;height: 350px;}
		.facility_link .img > span{font-size: 15px;padding: 10px;}
		.facility .section_title{margin-bottom: 70px;margin-top: 50px;}
	} 

	@media (max-width:992px){
		.facility_link .img{height: 280px;}
		.facility_link .txt{padding-top: 10px;}

	}

	@media (max-width:768px){
		.facility{padding: 0px 0 50px;}
		.facility .section_title{margin-bottom: 30px;}
		.facility .left_txt{margin-bottom: 20px;padding-left: 14px;}
		.facility_link{padding-right: 14px;padding-left: 14px;}
		.facility_link .img{height: 180px;}
		.facility_link .txt{height: 80px;}
		.facility_link .txt > div:nth-child(2){font-size: 1.3rem;}
	} 	
	

/* bgimg */
	.call-to-action{padding: 80px 0;position: relative;}
	.call-to-action:before{content: '';background-color: rgba(0,0,0,.5);position: absolute;z-index:2;inset:0}
	.call-to-action .container{position: relative;z-index:3}
	.call-to-action{background-image: url('/images/bg_main02.jpg');height: 300px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size:cover ;}
	.call-to-text{color: #fff;display: inline-block;border: 1px solid rgba(255,255,255,.5);background-color: rgba(0,0,0,.5);padding: 30px 70px;font-size: 26px;font-family: "NotoSerif", serif;font-weight: 100;margin-top: 50px;}

/* map */
	section.map{position: relative;}
	.map_box{position: absolute;width: 25%;height: 500px;top: 0;right: 0;background-color: #003879;z-index:2;padding: 50px 3%;color: #fff;}
	.map_box .section_title{color: rgba(255,255,255,1);}
	.map_box .section_title:after{content: '';display: inline-block;width: 50px;height: 1px;background-color: #fff;margin-left: 10px;}
	.map_box > ul > li > p{font-weight: 100;}

	.counter{position: absolute;right: 0;bottom: 0;font-size: 12px;}



	@media (max-width:1600px){
		.quick_icons > .row{height: 520px;}
		.quick_icons_right > ul > li > a{width: 130px;height: 130px;padding-top: 84px;	background-size: 40% auto;}

	}

	@media (max-width:1300px){
	.map_box{width: 30%;padding: 50px 2.5%;}

	}

	@media (max-width:1200px){
		.quick_icons > .row{height: 470px;}
		.quick_icons_right > ul > li > a{width: 100px;height: 100px;padding-top: 64px;}
		.quick_icons_right i{display: none;}
		.quick_icons_right{padding: 0 20px !important;}

	}
	@media (max-width:992px){
		section.quick_icons{padding: 0;}
		section.quick_icons > .row{height: auto;}
		.quick_icons_left{height: 300px;width: 100%;}
		.quick_icons_right{margin-bottom: 50px;}
		.quick_icons_right > div:nth-child(2){margin-bottom: 50px;}
		.map_box{width: 40%;}
	}

	
	@media (max-width:768px){
		.hero_text{top: 30%;left: 5%;width: 90%;text-align: center;}
		.hero_text > div:nth-child(1){font-size: 1.5rem;line-height: 2rem;margin-bottom: 20px;}
		.hero_text > div:nth-child(2){font-size: 1rem;padding-top: 0px;}

		.main-event{padding: 50px 14px;}
		.section_title, .news .section_title{margin-bottom: 50px;}
		.section_title > strong{font-size: 2rem;}
		.section_title > span{font-size:1rem;}

		.news{padding: 40px 0;}
		.board-event{padding: 14px;}
		.news .left_txt{padding-left: 14px;}
		.board-event .photo{margin-bottom: 50px;}
		
		section.map > div:first-child{height: 400px;}
		.map_box{position: static;width: 100%;height: auto;padding: 30px;}
		.call-to-action{display: none;}

		
		.quick_icons_right > ul{flex-wrap:wrap;}
		.quick_icons_right > ul > li{width: 33.33%;margin-bottom: 10px;}
		.quick_icons_right > ul > li > a{width: 90px;height: 90px;padding-top: 60px;}

		.quick_icons_right > div:nth-child(2){font-size:1.2rem ;}
	}