@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; background-color:#fff; }
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:#199bc9; 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%; }
.img_max	2					{ width:70%; }


.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:100px; }
#wrapper						{ width:100%;}
#contents						{ display:inline-block; width:100%; }



/* 상단 영역 및 메뉴 */
#top							{ display:flex; align-items:center; height:100px; position:fixed; width:100%; top:0px; z-index:2000; background-color:#fff;  box-shadow: 0px 5px 10px #aaa; padding-bottom:0px; }
#top_menu						{ height:50px; border-top: 1px solid #ccc;  background-color: #fff; }
#sub_contents					{ width:100%; max-width:1200px;  margin:0 auto;}


#top_info						{ width:100%; max-width:1400px; margin:0 auto;}
#top_area						{ width:100%; display:flex; align-items:center; justify-content:space-between; }
#top_area li	img				 { height:50px; }


/* 메인 */


/* 서브 내용 */
.subArea						{ display:flex; font-size:15px; letter-spacing:0px; }
.sub_title						{ margin-top:5rem; margin-bottom:5rem; }
.sub_contents					{ width:100%; }


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


/* 모바일 메뉴 */
#coverLayer						{ display:none;position:fixed;left:0;top:67px;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:700; }
#mobileMenu					{ display:none; position:fixed; top:0px; left:0px; width:100%; z-index:1000; padding:20px; }
#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-bottom:1px solid #777; padding:10px 10px; background-color:#fff; border-radius:20px; font-size:20px; font-weight:bold; display:block; cursor:pointer; }
.mobileMenu_title:hover				{ background:#931113; color:#fff; display:block;}
.mobileMenu_title_sub				{ font-size:15px;}

.subMenu						{ clear:both;  }
.subMenu ul li					{ color:#fff; float:left; width:100%; font-size:15px; }
.subMenu ul li a					{ color:#fff; display:block; padding:7px 10px;}
.subMenu ul li a:hover				{ background:#931113; color:#fff; display:block; padding:7px; }

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

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