@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
.notosanskr * {  font-family: 'Noto Sans KR', sans-serif; }

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

a:visited							{ text-decoration:none; }
a:link								{ text-decoration:none; }
a:hover							{ text-decoration:none; }

ul,ol,dl							{ list-style:none; }
h1, h2, h3, h4, h5, h6				{ font-size:100%; font-weight:normal; }
fieldset, abbr, acronym					{ border:0 none; }
caption, th, td						{ font-weight:normal; }
address, caption, strong, em, cite			{ font-weight:normal; font-style:normal; }

IMG								{ border:0; vertical-align:top; }
label, select, input, textarea				{ vertical-align:middle; }


/* ±âº» º¯¼ö ¼±¾ð */
:root								{ --major_color:#96b0bf; --major_color2:#d86da3; --max_width:1400px; }


/* °øÅë */
BODY							{ color:#565656; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:20px; line-height:1.2; }
.overflow_hidden						{ overflow:hidden;}
.max_width							{ width:var(--max_width); }
.flex								{ }
.text-center							{ text-align:center; }
.link								{ cursor:pointer; }



/* »ó´Ü¸Þ´º */

#header_wrapper						{ position:fixed; top:0px; left:0px; width:100%; height:180px; margin:0 auto;   z-index:90; background-color: #fff; }
#main_header						{ width:100%; position:relative; margin:0 auto; top:0px; left:0px; z-index:999; background-color: #fff;}
#visual							{ width:100%; height:180px; position:relative; margin:0 auto; top:165px; left:0px; z-index:400; min-width:1200px; display:none; }

.top_space							{ height:248px; }

#login_layer							{ display:block; }
#logout_layer						{ display:none; }



	:root						{ --major_color:#96b0bf; --major_color2:#d86da3; --max_width:1400px; }

	header					{ }
	#header_top ul				{ width:var(--max_width); height:175px; margin:0 auto; display:flex;  align-items:center; }
	#header_top li				{ float:left;}
	#header_top li:first-child			{ width:1300px; text-align: center; padding-left:100px;}
	#header_top li:last-child			{ padding-left:45px;}

	#header_menu				{ position:relative; margin:0 auto; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
	#header_menu > ul			{ width:var(--max_width);  margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
	#header_menu	li			{  }
	#header_menu	li:nth-child(1)	{ }
	#header_menu	li:nth-child(2)	{ }
	#header_menu	li:nth-child(3)	{ }
	#header_menu	li:nth-child(4)	{ }
	#header_menu	li:nth-child(5)	{ }
	#header_menu	li:nth-child(6)	{ }





			#header_sub_menu					{ width:100%; height:400px; top:70px;  display:none; ;}
			.header_sub_menu					{ clear:both; width:100%; height:100%;  margin:0 auto; box-sizing:border-box; display:flex; justify-content:space-between; background-color: #fff; }
			.header_sub_menu > li					{ float:left; height:100%; }
			.header_sub_menu > li:first-child			{ width:calc( ( ( 100% - 1400px ) * 0.5 ) + 350px ); margin-right:50px; padding-right:50px; background-color: #1e3579; color:#fff; display:flex; justify-content:flex-end; align-items:center; }
			.header_sub_menu_title					{ width:300px; text-align: center; }
			.header_sub_menu > li:last-child > ul		{ width:100%; padding-top:50px;  display:inline-block; }

			#header_sub_menu_1					{ display:none; }
			#header_sub_menu_2					{ display:none; }
			#header_sub_menu_3					{ display:none; }
			#header_sub_menu_4					{ display:none; }
			#header_sub_menu_5					{ display:none; }
			.header_sub_menu_list					{ }
			.header_sub_menu_list	 ul				{ display:block; width:100%; }
			.header_sub_menu_list	 > li				{ float:left; }
			.header_sub_menu_list  > li:first-child		{ color:#000; font-weight: bold; }
			.header_sub_menu_list  ul li				{ text-align: left !important; padding-left:50px; line-height:30px; color:#333;}
			.header_sub_menu_list  ul li	:first-child		{ }
			.header_sub_menu_list  ul li	 a			{ color:#777; }
			.header_sub_menu_list  ul li	 a:before		{ content:"¡¤ "}
			.header_sub_menu_list  ul li	 a:hover		{ color:#1e3579;;  }
			.header_sub_menu_list_menu	 > a			{ color:#1c3578 !important; font-weight: bold;; }

			#header_all_menu					{ width:100%; height:800px; position:absolute; top:70px;  background: #1e3579; display:none; }
		/*	background-color: #1e3579;*/
			#header_all_menu > ul					{ width:var(--max_width);  margin:0 auto; box-sizing: border-box; }
			#header_all_menu_title					{ color:#fff; padding:40px 25px;  font-size:20px; font-weight: bold; display:flex; justify-content:space-between;}
			#header_all_menu_title li:last-child			{ font-size:40px; font-weight: normal;; }

			#header_all_menu_list					{ width:1200px !important; margin:0; padding:0; list-style:none; display:flex; justify-content:space-between;}
			#header_all_menu_list > li				{ text-align: left; line-height:30px; }
			#header_all_menu_list > li > a			{ color:#89e9ff; display:inline-block;  padding-bottom:20px; font-weight: bold; ;}
			#header_all_menu_list > li > ul > li a		{ color:#fff; }
			#header_all_menu_list > li > ul > li a:hover	{ color:#89e9ff;; }
			#header_all_menu_list > li > ul  li		{ clear:both; }


			.all_menu_sub_menu					{ font-weight:bold;}
			.all_menu_sub_menu::before				{ content:"¡¤ "; color:#fff; font-weight: bold; ;}

			.all_menu_sub_text					{ padding-left:20px; }
			.all_menu_sub_text::before				{ content:"- "; color:#fff; }
			.all_menu_sub_text_end					{ padding-left:20px; padding-bottom:20px;  }
			.all_menu_sub_text_end::before			{ content:"- "; color:#fff; }



/* ¼­ºê ·¹À̾ƿô */
.sub_title							{ padding:105px 0 100px; overflow:hidden; text-align: center;}
.sub_contents						{ text-align: center; width:100%;overflow:hidden;}






/* ÇÏ´Ü */
footer								{  }
#bottom_counsel						{ width:100%;height:500px }
#bottom_map						{ width:100%;position:relative }
.bottom_map						{ position:absolute;left:50%;margin-left:-700px;top:0px;z-index:20; }
.bottom_map > div					{ width:600px;height:700px;background-color: #fff;padding-left:20px;padding-top:30px;}
.bottom							{ background-color: #262626; padding:100px 0; text-align: center; }


#quickMenu							{ margin: 0pt; padding: 0pt; width:100px; position: fixed; top:200px; right:20px; z-index:5000;  }