@charset "utf-8";
/* 공통 */
@import url("reset.css");
@import url("common.css");

body { color:#000; line-height: 1.5; font-family:'맑은 고딕', sans-serif; } 
* { margin:0; padding:0;  }
a { text-decoration:none; color:#000; }

.accessibility, hr { display:none; }

.float_parent { width:100%; overflow:hidden; }
.float_left { float:left; }
.float_right { float:right; }

* {-webkit-text-size-adjust:none;}

#direct_go { display:none; }


		
.header-wrapper { width:100%; font-family: 'Nanum Gothic', sans-serif; min-height:130px;}
.header-wrapper .navbar-default{ border-radius:0; border:0; padding:0; margin:0; background:none;}
.header-wrapper .container{  padding:0px; margin:auto;}
	
	.header { max-width:1200px;margin: auto; padding:30px 0;}

	.navbar-nav li:hover{ background:#eee;}

	.top_navi{overflow:hidden;}
	#top_navi{ margin:0px; padding:0px; float:right; width:auto; z-index:9999999; }
		#top_navi ll{ width:16.66666666666667%; }
			#top_navi ll *{font-family: 'Nanum Gothic', sans-serif;}
				
	
	#container-fluid{ padding:0px;}
	.navbar-header{ padding:0;margin:0;}
	.container-fluid{ padding:0;}	
	.navbar-brand img{ width:100%; max-width:300px;}
	.navbar-collapse{ padding:0;}
		p.member_join{ text-align:right; padding:5px 0px;}
			p.member_join a{ font-size:1em; display:inline-block; padding:0 5px; color:#707070;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin:0;}
.navbar-default .navbar-nav > li > a{ font-size:1.0em; color:#343434; font-weight:700; }

	.footer-wrapper { border-top:0px solid #d3d1d1; margin:0 auto; width:100%; min-height:174px; font-family: '맑은 고딕', sans-serif;  padding:0;}
		.footer-wrapper .container { margin:0 auto; width:100%;}
		#banner_wrap { width:100%; height:60px; background:#fff;margin:auto; border:0; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
				.banners {width:100%; max-width:1200px; margin:auto; height:58px; }

		#copy_wrap { width:100%; background:#fff; padding:0; }
			
			#copy{margin:0 auto; max-width:1200px; min-height:114px; overflow:hidden; }
			#copy span { float:left; display:block; width:30%; padding:4% 0 4% 0; }
				#copy span img{ width:100%; max-width:250px;}
				#copy ul {float:left; width:70%;margin:3% 0 1% 0;}
					#copy ul li{ padding:2px 0; font-family:"맑은 고딕"; font-size:0.9em;}
							#copy ul li.copy_link { padding-bottom:10px;}
							#copy ul li a { display:inline-block; padding:0 10px 0 0;  font-family:"맑은 고딕";}
								#copy ul li a b { color:#094f9e;}
								
	
@media only screen  and (min-width: 200px) {
	p.member_join a{ font-size:0.8em; display:inline-block; padding:5px 10px; margin:5px; color:#fff;}
	.navbar-toggle{ margin-top:6%;}
	
	.navbar-brand img{ width:100%; max-width:300px;}
		#top_navi{ width:100%; }
		#top_navi li{ width:100%;}
	
	.navbar-collapse {width:100%;}	
	
	.navbar-default .navbar-nav > li > a{ font-size:1.1em; color:#343434; font-weight:700; padding:15px;}
			
	#copy ul li.txt1 span{ text-align:center;}
		#copy ul li.txt1 a{ font-size:0.94em;} 	
		
	#copy ul li.txt2{text-align:center; font-size:0.8em;}
			
	.family_site{ margin:3% 0; text-align:center;}
	
	#copy span {width:100%; text-align:center;}
		#copy ul {width:95%;}
			#copy ul li { text-align:center;}
			
		#copy ul li.copy_txt1 { font-size:1.2em;}	
		
}
@media only screen and (min-width: 480px) {
	.navbar-brand img{ width:100%; max-width:300px;}
	.navbar-toggle{ margin-top:3%;}
	
	.navbar-collapse {width:100%;}
	
	.navbar-default .navbar-nav > li > a{ font-size:1.1em; color:#343434; font-weight:700; padding:15px;}
	
	p.member_join a{ font-size:0.8em; display:inline-block; padding:5px 10px; margin:5px; color:#fff;}
	
	#top_navi{ width:100%; }
		#top_navi li{ width:100%;}
		
	
	#copy ul li.txt1 span{ text-align:center;}	
		
	#copy ul li.txt2{text-align:center;}
		
		.family_site{ margin:3% 0; text-align:center;}
		
		#copy span {width:100%;  text-align:center;}
		#copy ul {width:100%;}
			#copy ul li { text-align:center;}
		
		#copy ul li.copy_txt1 { font-size:1.3em;}	
}

@media only screen and (min-width: 768px) {
	p.member_join a{ font-size:0.9em; display:inline-block; padding:0 5px; color:#707070;}
	.header-wrapper .navbar .navbar-collapse{float:left; }
	.navbar-brand img{ width:100%; max-width:300px;}
	
	.navbar-collapse {width:100%;}
	
	.navbar-default .navbar-nav > li > a{ font-size:1.2em; color:#343434; font-weight:700; padding:15px;}
	
	#top_navi{ margin:0px; padding:0px; float:left;width:auto; }
		#top_navi li{ width:auto;}
	
	#copy ul li.txt1 span{ text-align:left;}	
	
	#copy ul li.txt2{text-align:center;}
	
	.family_site{ margin-top:5%; text-align:center;}
	
	#copy span {width:20%;  text-align:left;}
		#copy ul {width:80%;}
			#copy ul li { text-align:left;}
			
	#copy ul li.copy_txt1 { font-size:1.0em;}	
			
			
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;  
	}	
	
	
	
}
	
@media only screen and (min-width: 970px) {
	p.member_join a{ font-size:0.9em; display:inline-block; padding:0 5px;}
	.header-wrapper .navbar .navbar-collapse{float:right; }
	.header-wrapper .navbar .navbar-collapse{float:right; }
	
	#top_navi{ margin:0px; padding:0px; float:right;width:auto; }
		#top_navi li{ width:auto;}
	.navbar-collapse {width:auto;}
	
	.navbar-default .navbar-nav > li > a{ font-size:1.0em; color:#343434; font-weight:700;  padding:20px;;}
	
	#copy ul li.txt1 span{ text-align:left;}	
	
	#copy ul li.txt2{text-align:left;font-size:0.8em;}
	
	.family_site{ margin-top:5%; text-align:right;}	
	
	#copy span {width:30%;  text-align:left;}
		#copy ul {width:70%;}	
			#copy ul li { text-align:left;}	
			
	#copy ul li.copy_txt1 { font-size:1.0em;}	
	
			
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}		
}
	
@media only screen and (min-width: 1170px) {

	.header-wrapper .container{ max-width:1200px; }
	.navbar-header{min-height:70px; }
	.navbar-brand img{ width:100%; max-width:300px;}
	.header-wrapper .navbar .navbar-header{}
	.header-wrapper .navbar .navbar-collapse{float:right; }
	
	.navbar-collapse {width:auto;}
	
	/*.navbar-nav > li > a{ font-size:1.15em; color:#343434; font-weight:400;}*/
	.navbar-default .navbar-nav > li > a{ font-size:1.15em; color:#343434; font-weight:700; padding:20px;}
	
	#top_navi{ margin:0px; padding:0px; float:right; }
		#top_navi ll{ width:auto;}
	
	#copy span {width:30%;  text-align:left;}
		#copy ul {width:70%;}
			#copy ul li { text-align:left;}
			
	#copy ul li.copy_txt1 { font-size:1.0em;}	
				
	
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}				
			
}



body .form-horizontal .form-group { margin-left:0;  margin-right:0;}

	
