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


/* HTML ±âº» CSS ¼±¾ð */
*							{ font-family:"Noto Sans KR"; }
body						{ color:#565656; font-family:"Noto Sans KR"; font-weight:400; font-size:15px; }
IMG							{ border:0px; }

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; }

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input,textarea, select { margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; }
ul,ol,dl					{ list-style:none; }
h1, h2, h3, h4, h5, h6		{ font-size:100%; font-weight:normal; }
fieldset, abbr, acronym		{ border:0 none;}
img							{ border:0; vertical-align:top; }
li							{ float:left;}
label, select, input, textarea {vertical-align:middle;}
caption, th, td				{ font-weight:normal;}
address, caption, strong, em, cite {font-weight:normal; font-style:normal;}


/* °øÅë CSS ¼±¾ð */
.no-padding					{ padding: 0 !important; margin: 0 !important; }
.link						{ cursor:pointer; }
.img						{ max-width:100%; }
.img_max					{ width:100%; max-width:1200px; display:block; }
.img_bordered				{ border:1px solid #ccc; }					
.br							{ display:block; }
.br980						{ display:block; }
.absmiddle					{ vertical-align:middle; }
.li_width_max	li			{ width:100%; }
.line_height_1				{ line-height:25px; }
.title						{ width:100%; text-align: center;}
.title h2					{ font-size:60px; font-weight:bold; color:#1e2945; padding-bottom:10px; }
.title span					{ font-size:18px; }
.max_width					{ width:100%; max-width:1200px; }
.bold						{ font-weight:bold; }
.major_color				{ color: #2196f3; }
.major_color2				{ color: #2196f3; }
.padding_horizontal			{ padding-left:20px; padding-right:20px; }
.padding_vertical			{ padding-top: 20px; padding-bottom:20px; }
.black_color				{ color:#313131; }
.red_color					{ color:#e00; }
.gray_color					{ color:#bbb; }
.violet_color				{ color:#b436b9; }
.inline_block				{ display:inline-block; }
.underline					{ border-bottom:1px solid #000; }
.default_font_size			{ font-size:15px; }
.font_size_1				{ font-size:60px; }
.font_size_2				{ font-size:50px; }
.font_size_3				{ font-size:40px; }
.font_size_4				{ font-size:30px; }
.font_size_5				{ font-size:25px; }
.font_size_6				{ font-size:22px; }
.font_size_7				{ font-size:20px; }
.font_size_8				{ font-size:17px; }
.font_size_9				{ font-size:13px; }
.font_size_10				{ font-size:11px; }



/* 񃧯 */
#wrapper					{ width:100%; position:relative; margin:0 auto; padding-top:80px; }
#header_wrapper				{ position:fixed; top:0px; left:0px; width:100%; height:80px; margin:0 auto; z-index:1000; background-color: #fff; opacity:0.9;}
#main_header				{ width:100%; position:relative; margin:0 auto; top:0px; left:0px; z-index:999;  }

/* »ó´Ü ¿µ¿ª */
#top_area					{ width:100% !important; max-width:1200px; height:70px; margin:0 auto;  }
#top_area > li				{ text-align: center; padding-top:15px; display:inline-block; }
#top_area > li:first-child	{ text-align:left;  padding-top:15px; }
#top_area > li:last-child	{ text-align:right; padding-top:20px; }

/*
#top_area > li:first-child	{ width:30%; text-align:left;  padding-top:15px; }
#top_area > li:last-child	{ width:70%; text-align:right; padding-top:10px; }
*/
.input_search				{ border:1px solid #e12422; height:39px; border-radius: 10px 0px 0px 10px; }

/* »ó´Ü ¸Þ´º ¿µ¿ª */
#topMenuArea						{ height:100px; }
#topMenu							{ display:inline-block; width:100%; }
#topMenu > li						{ width:33.3%; text-align:center; }
#topMenu > li > a					{ width:100%; display:inline-block; color:#000; padding:10px; font-size:20px; }
#topMenu > li > a:hover				{ color:#aaa;  }
#topMenu > li > ul					{ display:none; text-align:center; margin-top:16px; padding-top:20px; padding-bottom:20px !important; background:#ffffff; opacity:0.8; height:450px;}
#topMenu > li > ul > li				{ clear:both;  width:100%; }
#topMenu > li > ul > li > a			{ display:inline-block;  width:100%; padding:5px !important; }
#topMenu > li > ul > li > a:hover	{ display:inline-block;  width:100%; background-color:#fff; color:#1e2945; padding:7px; }


/* ========= ¸ÞÀÎ ¿µ¿ª ³¡ ========= */






/* ========= ¼­ºê ¿µ¿ª ½ÃÀÛ ========= */

/* ¼­ºê ºñÁÖ¾ó & ³»¿ë */
#subVisual					{ width:100%; padding-top:0px; text-align:center; background-color: #b0b0b0;}
#subContents				{ width:100%; max-width:1200px; margin:0 auto; padding-top:50px; font-size:20px;}

/* ¼­ºê ³»¿ë °øÅë */ 
.subTitle					{ color:#333; font-size:50px; font-weight:bold; text-align:center; padding:20px; }
.subTitle h1				{ font-weight:bold; }
.guide_text					{ width:100%;  height:500px;}
.contents_title				{ color:#313131; font-size:30px; line-height:40px; }
.contents_title_1			{ font-size:25px; line-height:35px;  }
.contents_title_underline	{ border-bottom:2px solid #aaa; padding-bottom:20px; }

.contents_small_text		{ font-size:18px !important; }
.contents_big_text			{ font-size:20px; }
.contents_box				{ background-color: #f9fafc; border:1px solid #d6d6d6; padding:20px; }
.contents_title_bar			{ background-color: #1e2945; padding:10px; color:#fff; }
.contents_bg				{ background:url('../sub-2/images/content-bg.jpg') top center; background-size:100%; color:#fff;}
.contents_bg li				{ width:100%; text-align: left; border-bottom:1px solid #5c6374; font-size:18px; padding-bottom:10px; padding-top:20px;  }
.circle						{ background-color: #1e2945; color:#fff; font-size:30px; padding-top:50px;font-weight: bold; width:150px; height:150px; border-radius:50%; display:inline-block; }


/* ¼­ºê¸Þ´º (µå·Ó´Ù¿î ¸®½ºÆ®) */
.submenu_bg					{ width:100%; height:49px; border-bottom:1px solid #dddddd; background-color: #fff;}
.submenu					{ position: absolute; z-index:100;} 
.submenu_area				{ width:100%; max-width:1200px; margin:0 auto; position: relative;}
#menu_area					{ width:100%; position:relative;  display:inline-block; }
#menu_area ul li			{ width:33%; text-align:center; font-size:20px; float:left; background:#757575; margin-right: 1px;  display:inline-block; }
#menu_area ul li a			{ display:block; padding:15px; color:#ffffff; }
#menu_area ul li a:hover, #menu_area ul li a:focus, #menu_area ul li.select a  { background:#e12422; color:#ffffff; }
.menu_area_selected			{ background:#e12422 !important; color:#ffffff; }

.menu_home					{ float:left; width:80px; height:50px; padding-top:10px; text-align: left;}
#title_menu					{ width:280px; margin:0 auto; float:left; margin-top: 0px; }
#title_menu	a				{ display:block;}

.menu_on					{ border-left:1px solid #ccc; border-right:1px solid #ccc; height:49px; position:relative; text-align:left; font-size:17px; color:#555;}
.menu_on span				{ line-height:2.5em; margin-left:20px; }
.menu_on p					{ float:right; position:absolute; right:10px; top:18px; }

.scroll-list				{ text-align:left; margin-top:0px; height:0px; display:none; }
.scroll-list ul				{ width:100%; }
.scroll-list li				{ background:#ffffff; font-size:17px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;  width:100%; }
.scroll-list li span		{ margin-left:20px; }
.scroll-list li a			{ position:relative; display:block; padding-top:15px; padding-bottom:15px; }
.scroll-list li a:hover		{ position:relative; background:#ccc; color:#333; }

.menu_on2					{ border-right:1px solid #ccc; height:49px; display:block; position:relative; text-align:left; font-size:17px; border-left:none; color:#555; overflow:hidden; }
.menu_on2 span				{ line-height:2.5em; margin-left:20px; }
.menu_on2 p					{ float:right; position:absolute; right:10px; top:18px;}
.scroll-list2				{ text-align:left; margin-top:0px; height:0px; display:none; ;}
.scroll-list2 ul			{ width:100%; }
.scroll-list2 li			{ background:#ffffff; font-size:17px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; width:100%;}
.scroll-list2 li span		{ margin-left:20px;}
.scroll-list2 li a			{ position:relative; display:block; padding-top:15px; padding-bottom:15px;  padding-left:0px;}
.scroll-list2 li a:hover	{ position:relative; background:#ccc; color:#333;}



/* ¼­ºê ÅǸ޴º */
.sub_tab_area ul					{ width:100%; }
.sub_tab_area li					{ float:left; margin-right: 1px; }
.sub_tab_area li a					{ display:block; font-size:25px; text-align:center; color:#313131; border:1px solid #dbdbdb; background:#ffffff; padding:15px 100px}
.sub_tab_area li a:hover			{ display:block; font-size:25px; text-align:center; color:#ffffff; border:1px solid #1e2945; background:#1e2945; padding:15px 100px }
.sub_tab_area li a.sub_tab_select	{ display:block; font-size:25px; text-align:center; color:#ffffff; border:1px solid #1e2945; background:#1e2945; padding:15px 100px}




/* ȸ»ç¼Ó°³-¿¬Çõ */
.history_year				{ width:200px; color:#191919; font-size:35px; font-weight:bold; border-top:2px solid #191919; padding-top: 10px; text-align:center; margin-right: 40px; }



/* ========= ¼­ºê ¿µ¿ª ³¡ ========= */



/* ÇÏ´Ü ¹è³Ê */
.community_banner_1				{background-image: url('/images/community-1.jpg'); background-position:100% 50%; background-repeat:no-repeat; background-color: #f6f6f6; padding:30px;height:165px;width:100%;text-align: left;margin-bottom:30px;}
.community_banner_2				{background-image: url('/images/community-2.jpg'); background-position:100% 50%; background-repeat:no-repeat; background-color: #f6f6f6; padding:30px;height:165px;width:100%;text-align: left;margin-bottom:30px;}
.community_banner_3				{background-image: url('/images/community-3.jpg'); background-position:100% 50%; background-repeat:no-repeat; background-color: #f6f6f6; padding:30px;height:165px;width:100%;text-align: left;margin-bottom:30px;}
.community_banner_4				{background-image: url('/images/community-4.jpg'); background-position:100% 50%; background-repeat:no-repeat; background-color: #f6f6f6; padding:30px;height:165px;width:100%;text-align: left;margin-bottom:30px;}



/* ¸ð¹ÙÀÏ ÇÏ´Ü ¸Þ´º */
#mobile_bottom_menu				{ position:fixed; bottom:0px; display:none; z-index:5000; width:100%;}
#mobile_bottom_icon				{ width:100%; }
.mobile_bottom_icon				{ width:16.6%; }
.mobile_bottom_icon	img			{ width:100%; }


/* ¸ð¹ÙÀÏ ¸Þ´º */
#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:80%; 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%);
								}

#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 a				{ padding:20px; color:#333; font-size:20px; font-weight:bold; display:block; }
.mobileMenu_title a:hover		{ background:#1e2945; color:#fff; display:block;}

.mobileSubMenu					{ display:none; }
.mobileSubMenu ul li			{ float:left; width:100%;}
.mobileSubMenu ul li a			{ width:100%; color:#333; display:inline-block;  background:#333; padding:10px 10px 10px 20px; background-color: #eee; }
.mobileSubMenu ul li a:hover	{ width:100%; background:#1e2945; color:#fff; display:block; }


/* Æ˾÷ */
#popup_layer					{ position:absolute;width:98%;z-index:10;top:200px; }