@charset "utf-8";
* {
box-sizing:border-box;
margin:0; padding:0;
}
ul {
list-style-type:none;
}
a {
text-decoration:none;
}
input {
display:none;
}
div#modal {
display:none;
z-index:100;
position:fixed;
width:100%; height:100%;
background:#00000080;
}
#modal:target {
display:block;
}
	div.modalwrap {
	position:relative;
	width:500px; height:340px;
	margin:150px auto;
	background:#fefACD;
	border:10px solid #a76931;
	border-radius:40px;
	}
		div.modalwrap > h1 {
		width:100%; height:80px;
		padding-top:30px;
		color:#653000;
		text-align:center;
		}
		div.modalwrap > p {
		width:100%; height:240px;
		padding:15px;
		color:#653000;
		text-align:left;
		}
		div.modalwrap > a {
		position:absolute;
		right:10px; bottom:10px;
		width:82px; height:56px;
		background:#fefACD;
		color:#301b08;
		font-size:20px;
		line-height:45px;
		text-align:center;
		border:5px solid #a76931;
		border-radius:25px;
		}
		div.modalwrap > a:hover {
		right:11px; bottom:11px;
		background:#ffc56bcf;
		box-shadow:2px 2px 2px 0px #00000080;
		}
		div.modalwrap > a:active {
		right:10px; bottom:10px;
		background:#a98142cf;
		box-shadow:0px 0px 0px 0px #00000080;
		}
div.wrap {
width:1200px; height:700px;
margin:0 auto;
background:#fffee0;
}
	header {
	position:relative;
	width:1200px; height:100px;
	/*background:#f33;*/
	}
		div.awning {
		position:absolute;
		left:0; top:-10px;
		width:1200px; height:30px;
		background:#fefACD;
		border-radius:10px 10px;
		}
		div.logo1 {
		float:left;
		width:300px; height:100px;
		line-height:120px;
		text-align:center;
		/*background:#f66;*/
		}
			div.logo1 > img {
			width:200px; height:40px;
			}	
		div.nav {
		position:relative;
		float:left;
		width:900px; height:100px;
		/* background:#fff; */
		}
			ul.mainmenu {
			position:absolute;
			left:225px; top:10px;
			}
				ul.mainmenu > li {
				float:left;
				}
					ul.mainmenu > li > a {
					display:block;
					width:150px; height:90px;
					/* background:#fff; */
					color:#000;
					font-size:20px;
					line-height:88px;
					text-align:center;
					}
					ul.mainmenu > li:nth-child(1):hover > a {
					background:#ff808020;
					line-height:70px;
					border-top:10px solid #ff8080;
					border-bottom:10px solid #ff8080;
					/* animation:mainmenuwave1 2s ease-in-out infinite; */
					}
					ul.mainmenu > li:nth-child(1) > a {
					color:#ff8080;
					
					}
							ul.mainmenu > li:nth-child(1):hover > ul.submenu > li a {
							background:#ff8080d0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(1) > ul.submenu > li:hover a {
							background:#ff8080e0;
							}
					ul.mainmenu > li:nth-child(2):hover > a {
					background:#34efae20;
					line-height:70px;
					border-top:10px solid #34efae;
					border-bottom:10px solid #34efae;
					/* animation:mainmenuwave2 2s ease-in-out infinite; */
					}
					ul.mainmenu > li:nth-child(2) > a {
					color:#34efae;
					}
							ul.mainmenu > li:nth-child(2):hover > ul.submenu > li a {
							background:#34efaed0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(2) > ul.submenu > li:hover a {
							background:#34efaeb0;
							}
					ul.mainmenu > li:nth-child(3):hover > a {
					background:#6567fa20;
					line-height:70px;
					border-top:10px solid #6567fa;
					border-bottom:10px solid #6567fa;
					animation:mainmenuwave3 2s ease-in-out infinite;
					}
					ul.mainmenu > li:nth-child(3) > a {
					color:#6567fa;
					}
							ul.mainmenu > li:nth-child(3):hover > ul.submenu > li a {
							background:#6567fad0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(3) > ul.submenu > li:hover a {
							background:#6567fab0;
							}
					ul.mainmenu > li:nth-child(4):hover > a {
					background:#fede2120;
					line-height:70px;
					border-top:10px solid #fede21;
					border-bottom:10px solid #fede21;
					animation:mainmenuwave4 2s ease-in-out infinite;
					}
					ul.mainmenu > li:nth-child(4) > a {
					color:#fede21;
					}
							ul.mainmenu > li:nth-child(4):hover > ul.submenu > li a {
							background:#fede21d0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(4) > ul.submenu > li:hover a {
							background:#fede21b0;
							}
					ul.mainmenu > li:hover > a {
					font-weight:bold;
					border-bottom:15px solid
					}
					ul.submenu {
					position:absolute;
					z-index:1;
					transition:all .9s;
					}
						ul.submenu > li {
						}
							ul.submenu > li > a {
							overflow:hidden;
							display:block;
							width:150px; height:0px;
							background:#ffffffc0;
							color:#333;
							font-weight:normal;
							font-size:16px;
							line-height:38px;
							text-align:center;
							/*border-radius:20px;*/
							transition:all 0.1s;
							}
							ul.mainmenu > li:first-child > ul.submenu > li:last-child > a {
							border-radius:0 0 0 20px;
							}
							ul.mainmenu > li:last-child > ul.submenu > li:last-child > a {
							border-radius:0 0 20px 0;
							}
							ul.mainmenu:hover ul.submenu a {
							height:40px;
							}
							ul.submenu > li:hover > a {
							/* background:#00000080; */
							color:#fff;
							font-size:20px;
							font-weight:bold;
							}
	div.slide {
	position:relative;
	width:1200px; height:300px;
	/*background:#fdd;*/
	overflow:hidden;
	border-radius:60px;
	}
		div.slide > img {
		position:absolute;
		left:0; top:0;
		}
		img.slide1 {
		animation:img1 9s infinite;
		}
		img.slide2 {
		animation:img2 9s infinite;
		}
		img.slide3 {
		animation:img3 9s infinite;
		}
		div.slide > h1 {
		position:absolute;
		left:600px; top:150px;
		color:#fff;
		opacity:0;
		text-align:center;
		text-shadow:1px 0 1px #000,-1px 0 1px #000,0 1px 1px #000,0 -1px 1px #000;
		}
		div.slide > h1.slidetext1 {
		transform:translate(-50%, -50%);
		animation:anitext1 9s infinite;
		}
		div.slide > h1.slidetext2 {
		transform:translate(-50%, -50%);
		animation:anitext2 9s infinite;
		}
		div.slide > h1.slidetext3 {
		width:1200px;
		transform:translate(-50%, -50%);
		animation:anitext3 9s infinite;
		}
	div.contents {
	width:1200px; height:200px;
	/*background:#000;*/
	}
		div.c1 {
		position:relative;
		float:left;
		width:400px; height:200px;
		/* background:#cef; */
		}
			input#noti {
			
			}
			input#gall {
			
			}
			label.notilabel {
			position:absolute;
			left:30px; top:10px;
			display:block;
			width:170px; height:40px;
			background:#d3b074;
			color:#000;
			font-size:18px;
			line-height:38px;
			text-align:center;
			border:2px solid #3d3308;
			border-bottom:0px;
			border-radius:10px 0 0;
			cursor:pointer;
			}
			label.galllabel {
			position:absolute;
			left:198px; top:10px;
			display:block;
			background:#d3b074;
			color:#000;
			font-size:18px;
			line-height:38px;
			text-align:center;
			width:170px; height:40px;
			border:2px solid #3d3308;
			border-bottom:0px;
			border-radius:0 10px 0 0;
			cursor:pointer;
			}
			input#noti:checked ~ label.notilabel {
			z-index:10;
			background:#FFE4B5;
			}
			input#gall:checked ~ label.galllabel {
			z-index:10;
			background:#FFE4B5;
			}
			div.noticon {
			display:none;
			position:absolute;
			left:20px; top:48px;
			width:360px; height:150px;
			background:#FFE4B5;
			border:2px solid #3d3308;
			border-radius:10px;
			}
				p.jul {
				height:30px;
				margin-left:15px; padding-top:7px;
				color:#000000bb;
				}
				p.jul span {
				
				}
			div.gallcon {
			position:relative;
			display:none;
			left:20px; top:48px;
			width:360px; height:150px;
			padding:18px 7px;
			background:#FFE4B5;
			/* font-size:70px; ��Ʈ ����� �ڰ��� ������ �༭ �ǵ����� ���� �̹������� ������ �߻���*/
			/* line-height:200px; */
			/* text-align:center; */
			border:2px solid #3d3308;
			border-radius:10px;
			}
				div.gallcon img {
				width:110px; height:110px;
				border-radius:10px;
				}
				img.gallimage1 {
				
				}
				img.gallimage2 {
				
				}
				img.gallimage3 {
				
				}
			input#noti:checked ~ div.noticon {
			display:block;
			}
			input#gall:checked ~ div.gallcon {
			display:block;
			}
		div.c3 {
		position:relative;
		float:left;
		width:400px; height:200px;
		/*background:#3ff;*/
		}
			img.bannerimage {
			position:absolute;
			left:20px; top:10px;
			width:360px; height:190px;
			border:2px solid #3d3308;
			border-radius:20px 20px;
			}
			p.bannertext {
			position:absolute;
			width:400px;
			top:60px;
			color:#000000aa;
			font-size:27px;
			text-align:center;
			}
		div.c4 {
		float:left;
		width:400px; height:200px;
		padding-top:25px;
		text-align:center;
		/*background:#f30;*/
		}
				div.c4 > a {
				display:inline-block;
				width:360px; height:40px;
				margin-bottom:20px;
				background:#FFE4B5;
				color:#3e3A3D;
				font-size:18px;
				line-height:38px;
				text-align:center;
				border:2px solid #3e3a3d;
				border-radius:10px 10px;
				}
				div.c4 > a:hover {
				background:#ffd79a;
				}
				div.c4 > a:active {
				background:#d3b074;
/*				font-weight:bold; */
				}
				a.bookmark1 {

				}
				a.bookmark2 {

				}
				a.bookmark3 {

				}
	footer {
	width:1200px; height:100px;
	/*background:#3f3;*/
	}
		div.logo2 {
		float:left;
		width:300px; height:100px;
		/*background:#333;*/
		}
			div.logo2 > img {
			width:180px; height:40px;
			margin-top:50px;
			margin-left:10px;
			}
		div.copyright {
		float:left;
		width:600px; height:100px;
		text-align:center;
		/*background:#666;*/
		}
			div.copyright p {
			width:100%; height:40px;
			margin-top:50px;
			margin-bottom:10px;
			color:#5e5A5D;
			font-size:14px;
			font-style:italic;
			text-align:center;
			}
		div.sns {
		float:left;
		width:300px; height:100px;
		padding:25px;
		text-align:right;
		/*background:#999;*/
		}
			div.sns > a {
			
			}
				div.sns > a > img {
				width:50px; height:50px;
				border-radius:10px 10px;
				}
				img.snsyoutube {
				
				}
				img.snsinstagram {
				
				}
				img.snsgmail {
				
				}
@keyframes img1 {
  0% {left:0; top:0;}
 30% {left:0; top:0;}
 33% {left:0; top:300px;}
 34% {left:1200px; top:300px;}
 35% {left:1200px; top:-300px;}
 66% {left:0; top:-300px;}
 96% {left:0; top:-300px;}
 99% {left:0; top:0;}
100% {left:0; top:0;}
}
@keyframes img2 {
  0% {left:0; top:-300px;}
 30% {left:0; top:-300px;}
 33% {left:0; top:0;}
 63% {left:0; top:0;}
 66% {left:0; top:300px;}
 67% {left:1200px; top:300px;}
 68% {left:1200px; top:-300px;}
100% {left:0; top:-300px;}
}
@keyframes img3 {
  0% {left:0; top:300px;}
  1% {left:1200px; top:300px;}
  2% {left:1200px; top:-300px;}
 33% {left:0; top:-300px;}
 63% {left:0; top:-300px;}
 66% {left:0; top:0;}
 96% {left:0; top:0;}
 99% {left:0; top:300px;}
100% {left:0; top:300px;}
}
@keyframes anitext1 {
  0% {opacity:1;}
 30% {opacity:1;}
 33% {opacity:0;}
 66% {opacity:0;}
 96% {opacity:0;}
 99% {opacity:1;}
100% {opacity:1;}
}
@keyframes anitext2 {
  0% {opacity:0;}
 30% {opacity:0;}
 33% {opacity:1;}
 63% {opacity:1;}
 66% {opacity:0;}
100% {opacity:0;}
}
@keyframes anitext3 {
  0% {opacity:0;}
 33% {opacity:0;}
 63% {opacity:0;}
 66% {opacity:1;}
 96% {opacity:1;}
 99% {opacity:0;}
100% {opacity:0;}
}


@media (max-width:768px) {
	body {
		width: 100%;
	}
	div.modalwrap {
	position:relative;
	width:500px; height:340px;
	margin:150px auto;
	background:#fefACD;
	border:10px solid #a76931;
	border-radius:40px;
	}
		div.modalwrap > h1 {
		width:100%; height:80px;
		padding-top:30px;
		color:#653000;
		text-align:center;
		}
		div.modalwrap > p {
		width:100%; height:240px;
		padding:15px;
		color:#653000;
		text-align:left;
		}
		div.modalwrap > a {
		position:absolute;
		right:10px; bottom:10px;
		width:82px; height:56px;
		background:#fefACD;
		color:#301b08;
		font-size:20px;
		line-height:45px;
		text-align:center;
		border:5px solid #a76931;
		border-radius:25px;
		}
		div.modalwrap > a:hover {
		right:11px; bottom:11px;
		background:#ffc56bcf;
		box-shadow:2px 2px 2px 0px #00000080;
		}
		div.modalwrap > a:active {
		right:10px; bottom:10px;
		background:#a98142cf;
		box-shadow:0px 0px 0px 0px #00000080;
		}
div.wrap {
width:600px; height:700px;
margin:0 auto;
background:#fffee0;
}
	header {
	position:relative;
	width:1200px; height:100px;
	/*background:#f33;*/
	}
		div.awning {
		position:absolute;
		left:0; top:-10px;
		width:1200px; height:30px;
		background:#fefACD;
		border-radius:10px 10px;
		}
		div.logo1 {
		float:left;
		width:300px; height:100px;
		line-height:120px;
		text-align:center;
		/*background:#f66;*/
		}
			div.logo1 > img {
			width:200px; height:40px;
			}	
		div.nav {
		position:relative;
		float:left;
		width:900px; height:100px;
		/* background:#fff; */
		}
			ul.mainmenu {
			position:absolute;
			left:225px; top:10px;
			}
				ul.mainmenu > li {
				float:left;
				}
					ul.mainmenu > li > a {
					display:block;
					width:150px; height:90px;
					/* background:#fff; */
					color:#000;
					font-size:20px;
					line-height:88px;
					text-align:center;
					}
					ul.mainmenu > li:nth-child(1):hover > a {
					background:#ff808020;
					line-height:70px;
					border-top:10px solid #ff8080;
					border-bottom:10px solid #ff8080;
					/* animation:mainmenuwave1 2s ease-in-out infinite; */
					}
					ul.mainmenu > li:nth-child(1) > a {
					color:#ff8080;
					
					}
							ul.mainmenu > li:nth-child(1):hover > ul.submenu > li a {
							background:#ff8080d0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(1) > ul.submenu > li:hover a {
							background:#ff8080e0;
							}
					ul.mainmenu > li:nth-child(2):hover > a {
					background:#34efae20;
					line-height:70px;
					border-top:10px solid #34efae;
					border-bottom:10px solid #34efae;
					/* animation:mainmenuwave2 2s ease-in-out infinite; */
					}
					ul.mainmenu > li:nth-child(2) > a {
					color:#34efae;
					}
							ul.mainmenu > li:nth-child(2):hover > ul.submenu > li a {
							background:#34efaed0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(2) > ul.submenu > li:hover a {
							background:#34efaeb0;
							}
					ul.mainmenu > li:nth-child(3):hover > a {
					background:#6567fa20;
					line-height:70px;
					border-top:10px solid #6567fa;
					border-bottom:10px solid #6567fa;
					animation:mainmenuwave3 2s ease-in-out infinite;
					}
					ul.mainmenu > li:nth-child(3) > a {
					color:#6567fa;
					}
							ul.mainmenu > li:nth-child(3):hover > ul.submenu > li a {
							background:#6567fad0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(3) > ul.submenu > li:hover a {
							background:#6567fab0;
							}
					ul.mainmenu > li:nth-child(4):hover > a {
					background:#fede2120;
					line-height:70px;
					border-top:10px solid #fede21;
					border-bottom:10px solid #fede21;
					animation:mainmenuwave4 2s ease-in-out infinite;
					}
					ul.mainmenu > li:nth-child(4) > a {
					color:#fede21;
					}
							ul.mainmenu > li:nth-child(4):hover > ul.submenu > li a {
							background:#fede21d0;
							color:#eee;
							text-shadow:0px 0 0px #000,-0px 0 0px #000,0 1px 1px #000,0 1px 1px #000;
							}
							ul.mainmenu > li:nth-child(4) > ul.submenu > li:hover a {
							background:#fede21b0;
							}
					ul.mainmenu > li:hover > a {
					font-weight:bold;
					border-bottom:15px solid
					}
					ul.submenu {
					position:absolute;
					z-index:1;
					transition:all .9s;
					}
						ul.submenu > li {
						}
							ul.submenu > li > a {
							overflow:hidden;
							display:block;
							width:150px; height:0px;
							background:#ffffffc0;
							color:#333;
							font-weight:normal;
							font-size:16px;
							line-height:38px;
							text-align:center;
							/*border-radius:20px;*/
							transition:all 0.1s;
							}
							ul.mainmenu > li:first-child > ul.submenu > li:last-child > a {
							border-radius:0 0 0 20px;
							}
							ul.mainmenu > li:last-child > ul.submenu > li:last-child > a {
							border-radius:0 0 20px 0;
							}
							ul.mainmenu:hover ul.submenu a {
							height:40px;
							}
							ul.submenu > li:hover > a {
							/* background:#00000080; */
							color:#fff;
							font-size:20px;
							font-weight:bold;
							}
	div.slide {
	position:relative;
	width:1200px; height:300px;
	/*background:#fdd;*/
	overflow:hidden;
	border-radius:60px;
	}
		div.slide > img {
		position:absolute;
		left:0; top:0;
		}
		img.slide1 {
		animation:img1 9s infinite;
		}
		img.slide2 {
		animation:img2 9s infinite;
		}
		img.slide3 {
		animation:img3 9s infinite;
		}
		div.slide > h1 {
		position:absolute;
		left:600px; top:150px;
		color:#fff;
		opacity:0;
		text-align:center;
		text-shadow:1px 0 1px #000,-1px 0 1px #000,0 1px 1px #000,0 -1px 1px #000;
		}
		div.slide > h1.slidetext1 {
		transform:translate(-50%, -50%);
		animation:anitext1 9s infinite;
		}
		div.slide > h1.slidetext2 {
		transform:translate(-50%, -50%);
		animation:anitext2 9s infinite;
		}
		div.slide > h1.slidetext3 {
		width:1200px;
		transform:translate(-50%, -50%);
		animation:anitext3 9s infinite;
		}
	div.contents {
	width:1200px; height:200px;
	/*background:#000;*/
	}
		div.c1 {
		position:relative;
		float:left;
		width:400px; height:200px;
		/* background:#cef; */
		}
			input#noti {
			
			}
			input#gall {
			
			}
			label.notilabel {
			position:absolute;
			left:30px; top:10px;
			display:block;
			width:170px; height:40px;
			background:#d3b074;
			color:#000;
			font-size:18px;
			line-height:38px;
			text-align:center;
			border:2px solid #3d3308;
			border-bottom:0px;
			border-radius:10px 0 0;
			cursor:pointer;
			}
			label.galllabel {
			position:absolute;
			left:198px; top:10px;
			display:block;
			background:#d3b074;
			color:#000;
			font-size:18px;
			line-height:38px;
			text-align:center;
			width:170px; height:40px;
			border:2px solid #3d3308;
			border-bottom:0px;
			border-radius:0 10px 0 0;
			cursor:pointer;
			}
			input#noti:checked ~ label.notilabel {
			z-index:10;
			background:#FFE4B5;
			}
			input#gall:checked ~ label.galllabel {
			z-index:10;
			background:#FFE4B5;
			}
			div.noticon {
			display:none;
			position:absolute;
			left:20px; top:48px;
			width:360px; height:150px;
			background:#FFE4B5;
			border:2px solid #3d3308;
			border-radius:10px;
			}
				p.jul {
				height:30px;
				margin-left:15px; padding-top:7px;
				color:#000000bb;
				}
				p.jul span {
				
				}
			div.gallcon {
			position:relative;
			display:none;
			left:20px; top:48px;
			width:360px; height:150px;
			padding:18px 7px;
			background:#FFE4B5;
			/* font-size:70px; ��Ʈ ����� �ڰ��� ������ �༭ �ǵ����� ���� �̹������� ������ �߻���*/
			/* line-height:200px; */
			/* text-align:center; */
			border:2px solid #3d3308;
			border-radius:10px;
			}
				div.gallcon img {
				width:110px; height:110px;
				border-radius:10px;
				}
				img.gallimage1 {
				
				}
				img.gallimage2 {
				
				}
				img.gallimage3 {
				
				}
			input#noti:checked ~ div.noticon {
			display:block;
			}
			input#gall:checked ~ div.gallcon {
			display:block;
			}
		div.c3 {
		position:relative;
		float:left;
		width:400px; height:200px;
		/*background:#3ff;*/
		}
			img.bannerimage {
			position:absolute;
			left:20px; top:10px;
			width:360px; height:190px;
			border:2px solid #3d3308;
			border-radius:20px 20px;
			}
			p.bannertext {
			position:absolute;
			width:400px;
			top:60px;
			color:#000000aa;
			font-size:27px;
			text-align:center;
			}
		div.c4 {
		float:left;
		width:400px; height:200px;
		padding-top:25px;
		text-align:center;
		/*background:#f30;*/
		}
				div.c4 > a {
				display:inline-block;
				width:360px; height:40px;
				margin-bottom:20px;
				background:#FFE4B5;
				color:#3e3A3D;
				font-size:18px;
				line-height:38px;
				text-align:center;
				border:2px solid #3e3a3d;
				border-radius:10px 10px;
				}
				div.c4 > a:hover {
				background:#ffd79a;
				}
				div.c4 > a:active {
				background:#d3b074;
/*				font-weight:bold; */
				}
				a.bookmark1 {

				}
				a.bookmark2 {

				}
				a.bookmark3 {

				}
	footer {
	width:1200px; height:100px;
	/*background:#3f3;*/
	}
		div.logo2 {
		float:left;
		width:300px; height:100px;
		/*background:#333;*/
		}
			div.logo2 > img {
			width:180px; height:40px;
			margin-top:50px;
			margin-left:10px;
			}
		div.copyright {
		float:left;
		width:600px; height:100px;
		text-align:center;
		/*background:#666;*/
		}
			div.copyright p {
			width:100%; height:40px;
			margin-top:50px;
			margin-bottom:10px;
			color:#5e5A5D;
			font-size:14px;
			font-style:italic;
			text-align:center;
			}
		div.sns {
		float:left;
		width:300px; height:100px;
		padding:25px;
		text-align:right;
		/*background:#999;*/
		}
			div.sns > a {
			
			}
				div.sns > a > img {
				width:50px; height:50px;
				border-radius:10px 10px;
				}
				img.snsyoutube {
				
				}
				img.snsinstagram {
				
				}
				img.snsgmail {
				
				}
	@keyframes img1 {
		0% {left:0; top:0;}
		30% {left:0; top:0;}
		33% {left:0; top:300px;}
		34% {left:1200px; top:300px;}
		35% {left:1200px; top:-300px;}
		66% {left:0; top:-300px;}
		96% {left:0; top:-300px;}
		99% {left:0; top:0;}
	100% {left:0; top:0;}
	}
	@keyframes img2 {
		0% {left:0; top:-300px;}
		30% {left:0; top:-300px;}
		33% {left:0; top:0;}
		63% {left:0; top:0;}
		66% {left:0; top:300px;}
		67% {left:1200px; top:300px;}
		68% {left:1200px; top:-300px;}
	100% {left:0; top:-300px;}
	}
	@keyframes img3 {
		0% {left:0; top:300px;}
		1% {left:1200px; top:300px;}
		2% {left:1200px; top:-300px;}
		33% {left:0; top:-300px;}
		63% {left:0; top:-300px;}
		66% {left:0; top:0;}
		96% {left:0; top:0;}
		99% {left:0; top:300px;}
	100% {left:0; top:300px;}
	}
	@keyframes anitext1 {
		0% {opacity:1;}
		30% {opacity:1;}
		33% {opacity:0;}
		66% {opacity:0;}
		96% {opacity:0;}
		99% {opacity:1;}
	100% {opacity:1;}
	}
	@keyframes anitext2 {
		0% {opacity:0;}
		30% {opacity:0;}
		33% {opacity:1;}
		63% {opacity:1;}
		66% {opacity:0;}
	100% {opacity:0;}
	}
	@keyframes anitext3 {
		0% {opacity:0;}
		33% {opacity:0;}
		63% {opacity:0;}
		66% {opacity:1;}
		96% {opacity:1;}
		99% {opacity:0;}
	100% {opacity:0;}
	}
}