@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype'); } 
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype'); } 
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype'); }


/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
	}

	body {
		background: #fff;
		font-family:'open sans', 'nanum gothic', sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 25px;
		color: #666;
			text-decoration: none;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	ol, ul {
		list-style: none;
	}
	
	@media screen and (max-width: 480px) {
			body {
				min-width: 320px;}
			}

	
/* Basic */

	h1, h2, h3, h4, h5, h6 {
	font-family: 'open sans', 'nanum gothic', sans-serif;
		font-weight: 600;
		color: inherit;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
	}

	h2 {font-size: 30px;}
	h3 {font-size: 25px;}
	h4 {font-size: 20px;}
	
	p {font-size:15px;}

	em, i {
		font-style: italic;
	}

	a {
		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		color:#666;
	}

	a:hover {text-decoration:none;}
	a:focus {outline:none;}


	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}

	
	
	/* overlay */
	
	@-moz-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@-webkit-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}



		body:after {
			-moz-animation: overlay-hide 0.5s ease-in forwards !important;
			-webkit-animation: overlay-hide 0.5s ease-in forwards !important;
			animation: overlay-hide 0.5s ease-in forwards !important;
			background: #ffffff;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: -1;
		}



/* Sections/Article */

#wrap{width:100%;position:relative; margin:0px auto 0;}
@media all and (max-width:767px){
#wrap {margin-top:0px;}
}

	section, article {
		margin-bottom: 0em;
	}

	
	.text_center {text-align:center;}
	.text_right {text-align:right;}	
	
	.mg_10 {margin-top:10px;}
	.mg_30 {margin-top:30px;}
	.mg_50 {margin-top:50px;}

	.pd_15 {padding:0 15px;}
	
	.line {background:#ddd; height:1px;}
	
	 @media screen and (max-width: 767px) {
.col {margin-top:30px;}
.col:first-child {
margin-top:0px;}
 }

	
/* Image */

	.image {
		position: relative;
		display: inline-block;
	}

		.image:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

		.image img {
			display: block;
			width: 100%;
		}


/* Form */

	form label {
		display: block;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		display: block;
		width: 100%;
		background: none;
		border: solid 2px rgba(185, 186, 187, 0.25);
		color: inherit;
		border-radius: 0.1em;
		outline: none;
	}

		


/* Table */

	table {
		width: 100%;
	}
			table.default th {
				text-align: center;
				padding: 10px 10px;
			}
			table.default thead {
				background: #666;
				color: #fff;
			}
			table.default td {
				padding: 10px 10px;
			}
			

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-ms-transition: all 2.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		background-color: #fff;
		border: 0;
		border-radius: 3em;
		cursor: pointer;
		display: inline-block;
		padding: 0 2em;
		position: relative;
		text-align: center;
		text-decoration: none;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover,
		button:hover {
			background-color: #a8d5a3;
		}



/* Footer */
#footer{
	margin-top:80px;
}
	.bottom_info {
		position: relative;
		margin-top: 0px;
		padding:40px 0;
		background: #39454b;
		color: #bbb;
		overflow: hidden;
	}
	.bottom_info  h4 {color:#ddd;}
	.bottom_info  p {margin-top:10px;}
.bottom_info .info {margin-top:10px;}
.bottom_info .address ul li, .bottom_info .link ul li {
	padding-bottom: 5px; width:100%;
}
		#bottom a {
			color: #bbb;}
			#bottom a:hover {
				color: #bbb;}

#bottom .cell{width:100%; display:inline-block;}
.bottom_info .info .num {line-height:1.8em;}
#bottom .info,  #bottom p {margin-top:10px;}

ul.social-icons {overflow:hidden;}
	ul.social-icons li {
		display: inline-block;
		margin: 5px 5px 0;
	}
    ul.social-icons li a {
		font-size: 30px;
		color: #000;
	}
	ul.social-icons li a:hover {
		color: #3b5998;	}


.copyright { padding:15px 0;}
.copyright p{
font-family:'nanum gothic';
	text-align:left;
	font-size:13px !important;
}
#footer ul.social-network {
	float:right;
}


/* scroll to top */
	.scrollToTop {
	border-radius: 2px; transition:0.1s ease-out; text-align: center; right: 20px; bottom: 20px; display: none; position: fixed; z-index: 100; background-color: rgb(17, 17, 17); -webkit-transition: all 0.1s ease-out;
}
.scrollToTop:hover {
	bottom: 25px;
}
.scrollToTop a {
	transition:0.1s ease-out; width: 40px; height: 40px; color: rgb(170, 170, 170); padding-top: 7px; font-size: 1em; display: block; -webkit-transition: all 0.1s ease-out;
}
.scrollToTop a:hover {
	color: rgb(255, 255, 255);
}