html{background: black; scroll-behavior: smooth;}
		h1{font-family: 'Noto Serif KR', serif; font-size: 1.5rem; color: white; margin:0px;}
		h2{font-family: 'Noto Serif KR', serif; margin:0px; word-spacing:3px; letter-spacing:2px; }
		h3{font-family: 'Open Sans', sans-serif; font-weight: 500; margin:0px; color: #2ca0ff; word-break:none}
		em{font-family: 'Open Sans', sans-serif; font-weight: 500; margin:0px; color: #2ca0ff; word-break:none}
		h4{font-family: 'Noto Serif KR', serif; font-weight: 500; margin:0px;}
		h5{font-family: 'Noto Serif KR', serif; font-weight: 500; margin:0px; color: white; word-break:none}
		h6{font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin:0px; color: #2ca0ff; word-break:none}
		p{font-family: 'Noto Serif KR', serif; font-weight: 500; margin:0px;}
		mark{font-family: 'Noto Serif KR', serif; font-weight: 500; margin:0px; color: white; word-break:none}
		section{margin:0px;}
		header{margin:0px; }
		div{margin:0px;}
		body{margin:0px;}
		img{margin:0px;}
		nav{ height: 500px margin-top:50px; z-index: 500; }
		nav ul{width: 50px; height: 50px; margin-left:50px; background:#07549c; padding:0px; border-radius: 25px; margin-top:30px; margin-bottom:0px;}
		nav ul li{ list-style-type:none; list-style-position: none; text-align:center; line-height: 50px;}
		nav ul li a{display: block; color: #fffcf0;text-decoration: none; font-family: 'Noto Sans KR', sans-serif; font-size: .7em; font-weight: 500;
					 height: 50px; width: 50px; border-radius: 25px;}
		nav ul li a:hover{ box-shadow: none;
	 						color:#07549c;
	 						background:#fffcf0; 	
	 						transition: all 0.5s;}
	 	a{color: white; text-decoration: none; }					
	 	a:hover{box-shadow: none;
	 			color:black; 	
	 			transition: all 0.5s;}
	 	
	 	@keyframes motion-a{
	 	0%{left: 35%; top:50px; }
	 	50%{color: white;}
	 	100%{left:55%; top:250px;}	
	 	}
	 	
	 	@keyframes motion-b{
	 	0%{left: 58%; top:250px; }
	 	50%{color: white;}
	 	100%{left:40%; top:590px;}	
	 	} 								

	 	@keyframes motion-c{
	 	0%{left: 35%; top:180px; }
	 	50%{color: white;}
	 	100%{left:35%; top:650px;}	
	 	} 

	 	@keyframes motion-d{
	 	0%{left: 22%; top:330px; }
	 	50%{color: white;}
	 	100%{left:66%; top:330px;}	
	 	} 

	 	@keyframes motion-e{
	 	0%{left: 55%; top:520px; }
	 	50%{color: white;}
	 	100%{left:30%; top:150px;}	
	 	} 

	 	@keyframes motion-f{
	 	0%{left: 75%; top:700px; }
	 	50%{color: white;}
	 	100%{left:40%; top:550px;}	
	 	}

	 	@keyframes motion-g{
	 	0%{left: 61%; top:880px; }
	 	50%{color: white;}
	 	100%{left:55%; top:1000px;}	
	 	}

	 	@keyframes motion-h{
	 	0%{left: 82%; top:950px; }
	 	50%{color: white;}
	 	100%{left:65%; top:950px;}	
	 	}

	 	@keyframes motion-i{
	 	0%{left: 75%; top:1100px; }
	 	50%{color: white;}
	 	100%{left:75%; top:850px;}	
	 	}

	 	@keyframes motion-j{
	 	0%{left: 43%; top:1250px; }
	 	50%{color: white;}
	 	100%{left:43%; top:900px;}	
	 	}

	 	@keyframes motion-k{
	 	0%{left: 20%; top:1400px; }
	 	50%{color: white;}
	 	100%{left:10%; top:1200px;}	
	 	}

	 	@keyframes motion-l{
	 	0%{left: 37%; top:1550px; }
	 	50%{color: white;}
	 	100%{left:56%; top:1350px;}	
	 	}

	 	@keyframes motion-m{
	 	0%{left: 28%; top:1850px; }
	 	50%{color: white;}
	 	100%{left:28%; top:1550px;}	
	 	}

	 	@keyframes motion-n{
	 	0%{left: 45%; top:2000px; }
	 	50%{color: white;}
	 	100%{left:56%; top:1600px;}	
	 	}

	 	@keyframes star-a{
	 	0%{ opacity:0%;}
	 	30%{color: white; opacity: 100%}
	 	60%{color: white; opacity: 100%}
	 	100%{ opacity:0%;}	
	 	}	

	 	.motion-a{animation: motion-a 8s linear infinite alternate;}
	 	.motion-b{animation: motion-b 9s linear infinite alternate;}
	 	.motion-c{animation: motion-c 8.5s linear infinite alternate;}
	 	.motion-d{animation: motion-d 9.5s linear infinite alternate;}
	 	.motion-e{animation: motion-e 7s linear infinite alternate;}
	 	.motion-f{animation: motion-f 10s linear infinite alternate;}
	 	.motion-g{animation: motion-g 8s linear infinite alternate;}
	 	.motion-h{animation: motion-h 6s linear infinite alternate;}
	 	.motion-i{animation: motion-i 9.5s linear infinite alternate;}
	 	.motion-j{animation: motion-j 8s linear infinite alternate;}
	 	.motion-k{animation: motion-k 8s linear infinite alternate;}
	 	.motion-l{animation: motion-l 7s linear infinite alternate;}
	 	.motion-m{animation: motion-m 9s linear infinite alternate;}
	 	.motion-n{animation: motion-n 10s linear infinite alternate;}

	 	.star-a{animation: star-a 3.5s linear infinite alternate;}

		.t-acenter{text-align: center;}
		.t-aleft{text-align: left;}
		.t-aright{text-align: right;}
		.row{width: 900px; margin: auto; padding: 0px 0px;word-break: keep-all; }
		.rowflex{width: 900px; margin: auto; padding: 0px 0px; word-break: keep-all; display:flex; }	

		.img{width: 100%; margin: auto;}

		.vertext{writing-mode: vertical-lr;}

		.weight1{font-weight:100;}
		.weight3{font-weight:300;}
		.weight4{font-weight:400;}
		.weight5{font-weight:500;}
		.weight7{font-weight:700;}
		.weight9{font-weight:900;}



		.colorgray{color:#7f7f7f;}
		.colorgray2{color:#a9a9a9;}
		.colorwhite{color:white;}

		.size1{font-size: 1rem}
		.size13{font-size: 1.3rem}
		.size15{font-size: 1.5rem}
		.size17{font-size: 1.7rem}
		.size2{font-size: 2rem}
		.size23{font-size: 2.3rem}
		.size25{font-size: 2.5rem}
		.size27{font-size: 2.7rem}
		.size3{font-size: 3rem}
		.size33{font-size: 3.3rem}
		.size35{font-size: 3.5rem}
		.size4{font-size: 4rem}
		.size7{font-size: 7rem}
		.size8{font-size: 8rem}
		.size12{font-size: 12rem}
		.sizehalf{font-size: .7rem}

		.abs1{position: absolute;}



		.col-0{width: 100%; margin:0px 0px;}
		.col-1{width: 50%; margin:0px 0px;}
		.col-2{width: 30%; margin:0px 0px;}
		.col-3{width: 70%; margin:0px 0px;}
		.col-4{width: 40%; margin:0px 0px;}
		.col-5{width: 60%; margin:0px 0px;}

		.p_color1{color: #07549c;}
		.p_color2{color: #fffcf0;}
		.p_size1{font-size: 1rem}
		.p_size1-3{font-size: 1.3rem}
		.p_size1-5{font-size: 1.5rem}
		.p_size2{font-size: 2rem}
		.p_sizehalf{font-size: .7rem}
		.p_linehight17{line-height: 1.7;}
		.p_linehight30{line-height: 3;}
		.p_linehight40{line-height: 4;}

		.margin100{margin-top: 100px}
		.margin200{margin-top: 200px}
		.margin300{margin-top: 300px}
		.margin400{margin-top: 400px}
		.margin500{margin-top: 500px}
		.margin600{margin-top: 600px}
		.margin700{margin-top: 700px}
		.margin800{margin-top: 800px}
		.marginb100{margin-bottom:100px;}
		.marginb200{margin-bottom:200px;}
		.marginb300{margin-bottom:300px;}
		.marginb400{margin-bottom:400px;}
		.marginb500{margin-bottom:500px;}
		.marginb600{margin-bottom:600px;}
		.marginb700{margin-bottom:700px;}

		.paddingt100{padding-top: 100px}
		.paddingt200{padding-top: 200px}
		.paddingt300{padding-top: 300px}
		.paddingb50{padding-bottom: 50px}	
		.paddingb100{padding-bottom: 100px}
		.paddingb200{padding-bottom: 200px}
		
		.backgroundblue{background:#07549c;}
		.backgroundgr{background : linear-gradient (#07549c, #fffcf0);}
		.bg-1{height: 900px;
	  		background: url('../img/img_1.jpg');
	  		background-size:100%;
	  		background-attachment: fixed;}
	  	.bg-2{height: 900px;
	  		background: url('../img/img_12.jpg');
	  		background-size:100%;
	  		background-attachment: fixed;}  
      	.bg-0{background:url(./img/img_1,jpg) width:100%}	
      	.but{text-align: center;width:218px; height: 50px; border:1.5px 
      		solid;color:#07549c; border-radius: 5px; margin-right: 10px; }
      	.but:hover{width: 100%;transition: all 0.5s;}

      	.abs1{position: absolute; }
      	.abs2{position: absolute; width:400px; right:55%; top:25%;}
      	.abs3{position: absolute; width:400px; left:55%; top:25%;}
      	.abs4{position: absolute; left:55%; top:25%;}

      	.fixed{position: fixed; width: 100%; top: 100px;}
      	.sticky{position: sticky;top:0px;}


      		wow fadeInLeft
      		wow fadeInRight
      		wow fadeInUp