@import url(https://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:400; font-size:12px; }
img			{ border:0;  }
ul,ol,dl	{ list-style:none; }
li,ul,ol,dl	{ margin:0; padding:0; }
li { float:left;}
.img {max-width:100%; height:auto;}
.img_max {width:100%; }
.link		{ cursor:pointer; }
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"; }
.title_text				{ font-size:35px; font-weight:700; color:#3160a3; }
.title_text_layer		{ padding:10px 0px; border-bottom:1px solid #aaa; }
.sub_title_text			{ font-size:25px; font-weight:400;	}
.text_color				{ color:#3160a3; }
.contents				{ padding:0px 50px !important; }
#top_info { width:100%; }
#top_logo { width:20%;  }
#top_kakao { width:30%; text-align:center;  padding-top:10px !important;}
#top_email { width:30%; text-align:center; color:#0b89c1;  }
#top_tel { width:20%; text-align:right;  }
.email_text {font-size:18px; color:#0b89c1; }
.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 */
}
.title_white h1 { color:#fff; }
.bg				{ width:100%; height:3200px; background:url('/landing/images_1/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; }
.title				{ font-size:50px; }
.sub_title			{ font-size:20px; }
.index_title_1		{ font-size:18px;font-weight:500; }
.index_title_2		{ font-size:60px;font-weight:700; }
.index_title_3		{ font-size:20px;font-weight:400; }
#mobile_bottom_menu				{ border:1px solid #aaa; position:fixed; bottom:0px; display:none; z-index:5000; }
#mobile_bottom_icon				{ width:100%; }
.mobile_bottom_icon				{ width:20%; }
.mobile_bottom_icon	img			{ width:100%; }
#coverLayer						{ position:fixed;left:0;top:47px;width:100%;height:100%;background-color:#000;display:none;opacity:0.7;z-index:700; }
#mobileMenu						{ display:none; position: absolute; top:0px; left:-700px; width:80%; z-index:1999; margin-top:70px; padding:0px; position:fixed; background:#4c4d4f; }
#mobileMenu ul,li				{ margin:0px; padding:0px; }
#mobileMenu	li					{ list-style:none; }
#mobileMenu a					{ text-decoration:none; }
#menuArea						{ position:relative; text-align:left;  clear:both; border-bottom:1px solid #ccc; }
.mobileMenu_title a				{ padding:10px 10px 10px 20px; color:#ffffff; font-size:15px; font-weight:bold; display:block; }
.mobileMenu_title a:hover		{ background:#51a5e8; color:#ffffff; display:block;}
.subMenu						{ background:#333; clear:both;display:none; }
.subMenu ul li					{ font-size:13px; float:left; width:100%; }
.subMenu ul li a				{ color:#ffffff; display:block; padding:10px 0 10px 70px; border-bottom:1px solid #aaa; }
.subMenu ul li a:hover			{ background:#51a5e8; color:#ffffff; display:block; padding:10px 0 10px 70px; }