@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: 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: 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');
}

/* 공통 HTML 기본 코드 선언 */
*							{ font-family:"Noto Sans KR"; }
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 }
h1							{ font-weight:700; }
a:link						{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:visited					{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:hover						{ color:#2b82df; text-decoration:none; font-weight:normal; outline:none; }
a:focus						{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:active					{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }


/* 공통 코드 선언 */
.no-padding						{ padding: 0 !important; margin: 0 !important; }
.img							{ max-width:100%; height:auto; }
.img_max						{ width:100%; }
.link							{ cursor:pointer; }
.br								{ display:block; }
.br980							{ display:block; }
.major_color					{ color: #04afef; }
.img_left						{ float:left;  padding:0 20px 10px 0; }
.img_right						{ float:right; padding:0 0 10px 20px; }
.return-top						{ display:block;position:fixed;bottom:20px;right:20px; }


/* 기본 레이아웃 */
#top_space						{ height:130px; }
#wrapper						{ width:100%; }
#contents						{ padding-left:10px; padding-right:10px; max-width:1200px; display:inline-block; width:100%; }
#quickScrollMenu				{ display: block; }


/* 상단 영역 및 메뉴 */
#top							{ position:fixed; width:100%; top:0px; z-index:1000; background-color:#fff;  box-shadow: 0px 5px 10px #aaa; padding-bottom:20px; }
#top_menu						{ height:50px; border-top: 1px solid #ccc;  background-color: #fff;}
.mobile_top						{ display:none; }



/* 메인 */
.main_1							{ margin-bottom: 50px; padding:20px; background:#f0f0f0; }
.main_2							{ margin-bottom: 50px; }
.main_3							{ margin-bottom: 50px; }
.main_4							{ margin-bottom: 50px; padding:20px; background:#f0f0f0; }

.main_1_bg						{ padding:20px;  background:#ffffff; margin:0 auto;}
.main_1_contents li:first-child { width:30%; float:left; }
.main_1_contents li:last-child	{ width:70%;  float:left; padding-left:20px; text-align:left; }

.main_2_contents li				{ width:50%;  height:100%; float:left; text-align: left;}
.main_2_contents li:first-child { padding-right:10px; }
.main_2_contents li:last-child  { padding-left:10px; }
.main_2_content					{ border:1px solid #aaa; }
.main_2_content h3				{ font-weight:bold; }
.main_2_content	div				{ padding:20px; }

.main_3_contents li				{ width:50%;  height:100%; float:left; text-align: left;}
.main_3_contents li:first-child { padding-right:10px; }
.main_3_contents li:last-child  { padding-left:10px; }
.main_3_content					{ border:1px solid #aaa; }
.main_3_content h3				{ font-weight:bold; }
.main_3_content	div				{ padding:20px; }

.main_4_bg div					{ background-color: #fff; padding:20px;}
.main_4_content h3				{ font-weight:bold; }




/* 서브 내용 */
.subArea						{ display:flex; font-size:15px; letter-spacing:0px; }
.subArea > li > h2				{ font-size:10px;}
.subArea > li:first-child		{ min-width:250px; width:250px; width:250px;}
.subArea > li:last-child		{ padding:0px 20px 20px 20px; text-align: left; width:100%; }
.sub_title						{ border-bottom:1px solid #ccc;   margin-top:0px; margin-bottom:20px; }
.sub_contents					{ width:100%;  }
.sub_title h2					{ margin:0px; margin-bottom:20px;}

.sub_menu_area					{ margin:0px; border:1px solid #ccc;  }
.sub_menu_title a				{ width:100%; display:inline-block;  background-color: #2b82df; color: #fff; }
.sub_menu_layer					{ padding:10px; display:inline-block; text-align: left; width:100%;  font-size:13px; line-height:25px; }

.photo							{ text-align: center;}
.photo	img						{ width:100%; }
.photo > ul > li				{ width:50%; text-align:center; padding:20px;}
.photo > ul > li > img			{ width:100%; }

.right_name						{ width:100%; text-align:right; display:inline-block; font-weight: bold; font-size:17px;}
.paragraph_line					{ border:1px dashed #ccc; width:100%; }


/* 하단 */
#bottom							{ color:#999; font-size:12px;  padding:20px; display:inline-block;  width:100%; text-align:center; border-top:1px solid #ccc; margin-top:20px;}
.bottom_title					{ color:#555; font-size:25px; font-weight:bold;  }


/* 모바일 메뉴 */
#coverLayer						{ position:fixed;left:0;top:67px;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:90%; z-index:1999; margin-top:70px; padding:0px; position:fixed; background:#fff; border-radius:0 0 20px 0; box-shadow: 5px 10px #aaa; background: linear-gradient(90deg, #fff 0%, #eee 100%);	}
#btnMobileMenu					{ cursor:pointer; }
#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;}

.mobileMenu_title				{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 10px; color:#333; font-size:20px; font-weight:bold; display:block; cursor:pointer; }
.mobileMenu_title:hover			{ background:#51a5e8; color:#fff; display:block;}

.subMenu						{ clear:both;  }
.subMenu ul li					{ float:left; width:100%; }
.subMenu ul li a				{ color:#333; display:block; padding:7px 10px;}
.subMenu ul li a:hover			{ background:#51a5e8; color:#fff; display:block; padding:7px; }

#subMenu1						{ display:none}
#subMenu2						{ display:none}
#subMenu3						{ display:none}
#subMenu4						{ display:none}
.display_none					{ display:none }



/*
opacity: 0.95;
filter: alpha(opacity=95);
*/ /* For IE8 and earlier */