/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
/* end reset browser styles */
body {
		margin:0;
		padding:0;
}
div.headerWrap {
	position:relative;
	top:-20px;
	left:0;
	width:1100px;
	height:100px;
	margin:0 auto;
	z-index:10000000;
}
div.headerWrap>div {
	width:1100px;
	height:100px;
	position:relative;
	top:10px;
	left:0;
	margin:0 auto;
	
	background:url(img/04.png);
	border-radius:0 0 5px 5px;
	box-shadow:0 0 0 1px rgba(255,255,255,.3),inset 0 0 8px 1px rgba(0,0,0,.2),
	0 0 5px rgba(0,0,0,.5);
}
div.headerWrap>div h1 {
	position:absolute;
	top:-1px;
	left:0;
}
nav {
	position:absolute;
	width:850px;
	height:60px;
	z-index:13;
	top:1px;
	right:10px;
}
nav>ul {
	width:800px;
	height:80px;
	position:relative;
	top:1px;
}
nav>ul>li {
	position:relative;
	width:160px;
	height:60px;
	float:left;
	text-align:center;
	box-sizing:border-box;
	list-style:none;
}
nav>ul>li>a {
	display:block;
	width:160px;
	height:60px;
	font:500 18px/3.5 'Noto Sans KR' !important;
	color:white !important;
	transition:.4s;
	text-decoration:none;
	padding:10px 0;
text-shadow:0 0 3px rgba(0,0,0,.9)
}
nav>ul>li:hover>a {
	background:#1cb3f2;
	color:white;
}
nav>ul>li>div {
	position:absolute;
	width:160px;
	left:0;
	top:100px;
	transition:.3s ;
	height:auto;
	opacity:0;
	visibility:hidden;
}
nav>ul>li:hover div {
	opacity:1;
	top:51px;
	transform:translateY(10px);
	visibility:visible;
}
nav>ul>li>div>ul {
	width:160px;
	position:absolute;
	top:20px;
	left:0;
	background:rgba(51,51,51,.9);
	list-style:none;
	margin:0;
	padding:0;
}
nav>ul>li>div>ul>li {
	width:160px;
}
nav>ul>li>div>ul>li>a {
	display:block;
	width:100%;
	height:37px;
	border-top:1px solid #111;
	color:#fff !important;
	font:normal 12.5px/3 'Noto Sans KR' !important;
	transition:.2s;
	text-decoration:none;
}
nav>ul>li>div>ul>li>a:hover {
	background:#1cb3f2;
	color:#fff;
	text-shadow:0 0 3px #000;
}

div.bg {
	position:relative;
	width:100%;
	height:550px;
	
	margin-bottom:0;
	top:-178px;
	z-index:1;
	
	
	
}
div.bg div {
	width:100%;
	height:550px;
	position:absolute;
	top:0;
	left:0;
	
	
	
}

div.bg div iframe {
		background:transparent;
}

/*
div.bg {
	position:relative;
	width:100%;
	height:500px;
	background:#eee;
	margin-bottom:20px;
	top:-178px;
	background:url(img/cleanroom3.jpg)  center 60%;
	background-size:cover;
	animation-name:bgg;
	animation-duration:20s;
	animation-iteration-count:infinite;
	animation-delay:1s;
	
}
@keyframes bgg {
		from {
			background:url(img/cleanroom3.jpg) center 60%;background-size:cover;
		}
		22% {
			background:url(img/cleanroom3.jpg) center 60%;background-size:cover;
		}
		27% {
			background:url(img/cleanroom1.jpg) center 60%;background-size:cover;
		}
		52% {
			background:url(img/cleanroom1.jpg) center 60%;background-size:cover;
		}
		55% {
			background:url(img/cleanroom2.jpg) center 60%;background-size:cover;
		}
		82%{
			background:url(img/cleanroom2.jpg) center 60%;background-size:cover;
		}
		87% {
			background:url(img/cleanroom3.jpg) center 60%;background-size:cover;
		}
		88%{
			background:url(img/cleanroom3.jpg) center 60%;background-size:cover;
		}
}
div.bg div {
	width:1100px;
	height:250px;
	margin:0 auto;
}
div.bg div p {
	color:#fff000;
	font:700 3em 'Noto Sans KR',sans-serif;
	position:relative;
	top:70px;
	left:240px;
	width:800px;
	 animation:ani1 .8s .5s ease-in-out 1 forwards;
	opacity:0;
	text-shadow:4px 4px 5px rgba(0,0,0,.7);
}
div.bg div#sparkle {
		width:100%;
		margin-left:1px;
		margin-top:-250px;
		overflow:hidden;
		height:800px;
}
@keyframes ani1 {
	0% {
		opacity:0;
		top:100px;
	}
	100% {
		opacity:1;
		top:170px;
	}
}
div.bg div span:nth-of-type(1) {
	color:#fff;
	font:700 50px/1.5 'NanumBarunGothic',sans-serif;
	position:relative;
	top:140px;
	left:50%;
	margin-left:-152px;
	line-height:1.6;
	border-radius:8px;
	padding:5px 5px;
	display:block;
	width:290px;
	height:70px;
	text-align:center;
	background:rgba(0,0, 0, .5);
	text-shadow:3px 3px 5px rgba(0,0,0,.7);
}
*/
div.conbody { margin-top:-370px; position:relative;margin-bottom:-10px;}
div.service { width:100%; text-align:center; position:relative; top:140px; background:#f5f3f3; z-index:99; margin-bottom:-5px;}
div.service img {
		margin-top:-40px;
		box-shadow:0 -10px 30px #dbd8d8;
		z-index:97;
}
.maintable {
	margin-top:145px;
	z-index:999999999;
	margin-bottom:-5px;
	background:#f5f3f3;	
	padding:0;
}
.pointLayer {
		position:relative;
}
#Layer9 {
	position: absolute;
	width: 300px;
	height: 115px;
	z-index: 2;
	left: 685px;
	top: -180px;
z-index:10000;	
}
.bg2 {
	background-color:white;	
}
.bgtable {
	background-color:white;
	border-collapse:collapse;
margin:0;
margin-top:-10px;
padding:0;	
}
.logoSlide {
		z-index:10000000;
		position:absolute;
		top:-2100px;
		left:27px;
}
#sparkle {
		width:100%;
		margin-left:0;
		top:50px;
		
		height:400px;
		z-index:9999;
		position:absolute;
		
		overflow:hidden;
		
}
.wrap1 {
	width:100%;
	position:relative;
	height:120px;
	top:135px;
	left:0;
}
.wrap1 .info {
	width:1060px;
	background:linear-gradient(-45deg,#354e8d 0,#354e8d 400px,#4d65a2 400px,#4d65a2 1000px);
	height:120px;
	margin:0 auto;
	position:relative;
}
.wrap1 .info span:first-child {
	color:#f0f3fc;
	font:normal 40px 'NanumBarunGothic',sans-serif;
	position:absolute;
	top:23px;
	left:70px;
}
.wrap1 .info span:nth-child(2) {
	color:#cbd6f4;
	font:normal 15px 'NanumBarunGothic',sans-serif;
	position:absolute;
	bottom:25px;
	left:75px;
}
.wrap1 .info span:nth-child(3) {
	color:#cbd6f4;
	font:bold 16px 'NanumBarunGothic',sans-serif;
	position:absolute;
	top:12px;
	left:730px;
}
.wrap1 .info span:nth-child(4) {
	color:#fff;
	font:bold 30px 'NanumBarunGothic',sans-serif;
	position:absolute;
	top:35px;
	left:730px;
}
.wrap1 .info span:nth-child(5) {
	color:#fff;
	font:bold 30px 'NanumBarunGothic',sans-serif;
	position:absolute;
	top:75px;
	left:730px;
}
.wrap1 .info .phone {
	position:absolute;
	top:40px;
	left:620px;
}
.wrap1 .info .phone i {
	color:#fff;
	font-size:60px;
	opacity:.2;
	position:absolute;
	top:-5px;
	left:10px;
}
.wrap1 .info .phone i:nth-child(2) {
	animation:ani linear 1.5s 0s infinite;
}
.wrap1 .info .phone i:nth-child(3) {
	animation:ani linear 1.5s 0.5s infinite;
}
.wrap1 .info .phone i:nth-child(4) {
	animation:ani linear 1.5s 1.0s infinite;
}
@keyframes ani {
	 0% {
		opacity:.2;
		transform:scale(1);
		transform-origin:left center;
	}
	 100% {
		opacity:0;
		transform:scale(1.5);
		left:70px;
	}
}
div.wrap {
	width:100%;
	height:auto;
	margin-top:179px;
}

div.newboard {
	clear:both;
	width:100%;
	height:auto;
	position:relative;
	top:1px;
	overflow:hidden;
	margin-bottom:13px;
}
div.newboard .freeboard {
	width:1100px;
	position:relative;
	margin:0 auto;
	height:220px;
}
div.newboard .freeboard>div:first-child {
	position:absolute;
	width:525px;
	top:1px;
	left:20px;
}
div.newboard .freeboard>div:last-child {
	width:526px;
	position:absolute;
	top:1px;
	left:552px;
}
.td1 {
	width:642px;
}
.gnav {
	background:url(img/66.jpg) no-repeat;
		width:642px;
		height:39px;
}
.gnav ul {
	margin:0;
}
.gnav li {
	list-style:none;
	float:left;
	width:100px;
	padding-top:10px;
}
.gnav li:first-child {
	margin-left:30px;
}
.gnav li:nth-child(3) {
	width:170px;
}
.gnav li a {
	font:500 18px 'NanumBarunGothic',sans-serif;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	transition:.2s;
}
.gnav li a:hover {
	color:aqua;
}
div.footer {
	width:100%;
	height:150px;
	background:#2cacde;
	clear:both;
	font:normal 15px/1.8 'Noto Sans KR';
	color:#666;
	margin-top:2px;
	z-index:999999;
}
div.footer div:first-child {
	width:1050px;
	height:50px;
	margin:0 auto;
}
div.footer div:nth-child(2) {
	width:100%;
	background:#202121;
	color:#dadbdb;
}
div.footer div:nth-child(2) div {
	padding:12px;
	height:140px;
}
div.footer div:nth-child(2) div span {
	font-size:12px;
	letter-spacing:2px;
	font-variant: small-caps;
}

@media (max-width:500px) {
		#sparkle {
			display:none;
		}
}