

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.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'); 
}

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

BODY		{ color:#565656; font-family:"Noto Sans KR"; font-weight:100; font-size:12px; }
img			{ border:0; vertical-align:top; }
ul,ol,dl	{ list-style:none; }
li,ul,ol,dl	{ margin:0; padding:0; }
.img {max-width:100%; height:auto;}
.img_max {width:100%; }

a:link					{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:visited				{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:hover					{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:focus					{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:active				{ color:#4f4f4f; text-decoration:none; font-weight:normal; }

h1 { font-weight:700; }


* { font-family:"Noto Sans KR"; }



		li { float:left;}
		.menu_bg {
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
			width:100%;
		}
		#menu { padding-top:20px; height:70px; font-size:20px;}
		#menu a:link, #menu a:visited {
			font-size:20px;
			padding: 10px 17px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			border-radius:20px;


			-webkit-transition:  0.5s; /* Safari */
			transition: 0.5s;



		}

		#menu a:hover, #menu a:active, .menu_on{
			color:#fff;
			font-weight:700;
			background-color:#369;
			border-radius:30px;

		}
		.menuNav { width:100%;}



	#wrapper {width:100%; }

	#main_msgBox {
	margin-top:600px;
	border-radius: 25px;
	padding: 50px 10px;
	width: 100%;
	text-align: center;

	opacity: 0.95;
	filter: alpha(opacity=95); /* For IE8 and earlier */
}

#msgBox {
	margin-top:600px;
	border-radius: 25px;
	border: 2px solid #369;
	padding: 50px 10px;
	background-color:#fff;
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;

	opacity: 0.95;
	filter: alpha(opacity=95); /* For IE8 and earlier */
}

.Img { width:100%; max-width:100%;}

.title_white h1 { color:#fff; }

.bg				{ width:100%; height:3200px; background:url('/images/top_bg.jpg') no-repeat top center #e5e9f4; }
.bg_bar			{ width:100%; height:87px; background:url('/landing/images_1/tel_bg.png') no-repeat top center; left:expression!((document.body.clientWidth/2)-220); position:absolute; z-index:5000; position:absoulte !important; position:fixed; top:0; left:0; }
.top_logo		{ padding-top:15px;}
.top_tel		{ padding-top:15px;}



#bottom_menu ul li a		{ padding:10px 20px; list-style:none; text-decoration:none; }
#bottom_menu ul li a:hover	{ padding:10px 20px; background-color:#336699; color:#fff; }

.portfolio_title h3			{ color:#fff; }
.portfolio_title:hover		{ text-decoration:none; }

.portfolio_link				{ color:#fff; }
.portfolio_link:visited 	{ color:#fff; }
.portfolio_link:hover		{ color:#fff; }
.bold						{ font-weight:500; }
.big_title					{ font-size:17px; }

.help_tip					{ display:none; }