/* CSS Document */
@import url("reset.css");
@import url("common.css");
body { font-family:''; font-family: 'Nanum Gothic', sans-serif;}
a { text-decoration:none; color:#000; }
ul, li { margin:0; padding:0; list-style:none; }

#direct_go { display:none; }

#wrap { width:100%; }
.w_1000 {  max-width:1200px; margin:auto; height:100%; }

/* 상단 */
#header_line { background:#b20a0a; height:25px; width:100%;}
#header { border-bottom:1px solid #e2e2e2; height:50px;}
	.logo { float:left; }
	.navbar-brand { padding:0; line-height:45px;}
	
	/*#mainmenu { background:none; border:none; min-height:50px; margin:0; overflow:hidden;}
	#mainmenu .m_width { float:right; width:66.6666667%; height:100%;}
	#mainmenu .container-fluid { padding:0; margin:0; width:100%; height:100%; }
	#mainmenu .container-fluid .collapse { margin:0; padding:0; width:100%; }
	#mainmenu .container-fluid .collapse ul { width:100%;}
	#mainmenu .container-fluid li { width:20%; text-align:center; border-right:1px solid #e2e2e2;}
	#mainmenu .container-fluid li:first-child { border-left:1px solid #e2e2e2; }
	#mainmenu .container-fluid li a { color:#000; line-height:50px; padding:0; }
	*/
	
	#mainmenu { background:none; border:none; margin:0; }
	#mainmenu .m_width { float:right; width:66.6666667%; height:100%;}

	
@media (max-width: 768px) {
	.w_1000 { width:100%; }
	#header { width:98%; margin:auto; }
	#mainmenu .m_width { width:100%; background:#fff;}
	#mainmenu .container-fluid li { width:100%; text-align:left; padding-left:30px; border-right:none; border-bottom:1px solid #e2e2e2;}
	#mainmenu .container-fluid li:first-child { border-left:none; }
}

.navbar-nav li:hover{ background:#eee;}

.top_navi{overflow:hidden; width:100%; float:right;}
	#top_navi{ padding:0px;  width:100%;  margin:auto; z-index:9999999; }
		#top_navi ll{ width:20%; }
		#top_navi li:first-child { border-left:1px solid #e2e2e2; }
		.navbar-nav > li { width:20%; text-align:center; }
			#top_navi ll *{font-family: '맑은 고딕', sans-serif;}
			
	section.container { width:100%; padding:0; margin:0;}		
	
	#container-fluid{ padding:0px;}
	
	
	.container-fluid{ padding:0;}	
	.navbar-brand img{ width:100%; max-width:251px; display:inline-block;}
	.navbar-collapse{ padding:0;}
		.member_join{ text-align:right; padding:3px 0px 7px 0px;  background:#32aeee;}
			.member_join a { display:inline-block; padding:0 10px; }
			
			.member_join2 { width:100%; max-width:1200px; margin:auto;}
				.member_join2 a{ font-size:0.8em; display:inline-block; padding:0 5px; color:#fff; background:url(../images/top_ling_bg.gif) no-repeat 100% 2px;}
				.member_join2 a:last-child { background:none;}
			
	/*#bs-example-navbar-collapse-1 { border-top:1px solid #ccc; border-bottom:1px solid #ccc;}*/
	
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin:0;}
	
		.navbar-default .navbar-nav > li.dropdown_step6 a { border:0;}
		
		
	@media only screen  and (min-width: 200px) {
	
	.navbar-header{margin:0; text-align:center; }
	
	.navbar-default .navbar-nav > li > a{ font-size:1.0em; color:#343434; font-weight:700; padding: 15px; margin:0;}
	
	.navbar-default .navbar-nav > li:hover { background:#f4f4f4;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.0em; color:#000; font-weight:700; background:#e7e7e7; font-family: 'Nanum Gothic', sans-serif;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#000; background:#e7e7e7; }
	.navbar-nav > li > a:hover { background:#e7e7e7;}
	.navbar-nav > li > .dropdown-menu { min-width:100%; }
	.dropdown-menu > li > a { padding:12px 20px; font-size:0.9em; }
	.dropdown-menu > li > a:hover { background:#fff;}
		.dropdown-menu .divider { margin:5px 0;}
	
		
		.navbar-collapse { width:100%;}
		
		#top_navi ll{ width:100%;}
		.navbar-nav > li { width:100%; text-align:left; }

}
@media only screen and (min-width: 480px) {
	
	.navbar-header{margin:0; text-align:center; }
	
	.navbar-default .navbar-nav > li > a{ font-size:1.0em; color:#343434; font-weight:700; padding: 15px; margin:0; font-family: 'Nanum Gothic', sans-serif;}
	
	.navbar-default .navbar-nav > li:hover { background:#f4f4f4;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.0em; color:#000; font-weight:700; background:#e7e7e7; }
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#000; background:#e7e7e7; }
	.navbar-nav > li > a:hover { background:#e7e7e7;}
	.navbar-nav > li > .dropdown-menu { min-width:100%; }
	.dropdown-menu > li > a { padding:12px 20px; font-size:0.9em; }
	.dropdown-menu > li > a:hover { background:#fff;}
		.dropdown-menu .divider { margin:5px 0;}
	
		
		.navbar-collapse { width:100%;}
		
		#top_navi ll{ width:100%;}
		.navbar-nav > li { width:100%; text-align:left; }

}

@media only screen and (min-width: 768px) {
	
	.navbar-header{margin:0; text-align:center; }
	
	.navbar-default .navbar-nav > li > a{ font-size:1.0em; color:#343434; font-weight:400; padding: 0 0 0 0; margin: 15px 0; font-family: 'Nanum Gothic', sans-serif;}
	
	.navbar-default .navbar-nav > li:hover { background:#fff;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.0em; color:#b20a0a; font-weight:700; background:#fff;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#32aeee; background:#fff;}
	.navbar-nav > li > a:hover { background:#fff;}
	.navbar-nav > li > .dropdown-menu { min-width:100%; padding:0;}
	.dropdown-menu > li > a { padding:12px 20px; font-size:0.9em; }
	.dropdown-menu > li > a:hover { background:#e7f7ff;}
		.dropdown-menu .divider { margin:0px;}
	
.container-fluid > .navbar-header {text-align:center !important;} 
	.navbar > .container-fluid .navbar-brand { margin:auto;}
	.navbar-brand { float:none;}
	
	.navbar-nav { float:none;}
	
	#top_navi ll{ width:20% ;}
		.navbar-nav > li { width:20%; text-align:center;border-right:1px solid #e2e2e2; }
	
	.navbar-collapse { width:100%;}
			
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}		

}
	
@media only screen and (min-width: 970px) {
	
	.navbar-header{margin:0; text-align:center;  }
	
	.navbar-default .navbar-nav > li > a{ font-size:1.0em; color:#343434; font-weight:400;  padding: 0 0 0 0; margin: 15px 0; font-family: 'Nanum Gothic', sans-serif;}
	
	.navbar-default .navbar-nav > li:hover { background:#fff;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.0em; color:#b20a0a; font-weight:700; background:#fff;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#32aeee; background:#fff;}
	.navbar-nav > li > a:hover { background:#fff;}
	.navbar-nav > li > .dropdown-menu { min-width:100%; padding:0;}
	.dropdown-menu > li > a { padding:12px 20px; font-size:0.9em; }
	.dropdown-menu > li > a:hover { background:#e7f7ff;}
		.dropdown-menu .divider { margin:0px;}
	
.container-fluid > .navbar-header {text-align:center !important;} 
	.navbar > .container-fluid .navbar-brand { margin:auto;}
	.navbar-brand { float:none;}
	
	.navbar-nav { float:none;}
	
	#top_navi ll{ width:20%; }
		.navbar-nav > li { width:20%; text-align:center; border-right:1px solid #e2e2e2;}
	
	.navbar-collapse { width:100%;}
			
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}		
}
	
@media only screen and (min-width: 1170px) {
	
	.navbar-header{margin:0; text-align:center; }
	
	.navbar-default .navbar-nav > li > a{ font-size:1.0em; color:#343434; font-weight:400;  padding: 0 0 0 0; margin: 15px 0; font-family: 'Nanum Gothic', sans-serif;}
	
	.navbar-default .navbar-nav > li:hover { background:#fff;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.0em; color:#b20a0a; font-weight:700; background:#fff;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#32aeee; background:#fff;}
	.navbar-nav > li > a:hover { background:#fff;}
	.navbar-nav > li > .dropdown-menu { min-width:100%; padding:0;}
	.dropdown-menu > li > a { padding:12px 20px; font-size:0.9em; }
	.dropdown-menu > li > a:hover { background:#e7f7ff;}
		.dropdown-menu .divider { margin:0px;}
	
	
	.container-fluid > .navbar-header {text-align:center !important;} 
	.navbar > .container-fluid .navbar-brand { margin:auto;}
	.navbar-brand { float:none;}
	
	.navbar-nav { float:none;}
	
	#top_navi ll{ width:20%; }
		.navbar-nav > li { width:20%; text-align:center;border-right:1px solid #e2e2e2; }
	
	.navbar-collapse { width:100%;}
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}			
}
	





	



/* 하단 */
@media only screen and (min-width: 200px) {
#footer { background:#342e2b; color:#fff; overflow:hidden; padding:20px 0;}
	#footer .f_logo { float:left; margin-right:5%; width:100%; text-align:center; margin-bottom:20px; }
	#footer .f_logo img { width:auto; }
	#footer p { margin-top:2%; padding-left:10px; font-size:0.8em; }
}
@media only screen and (min-width: 480px) {
}


@media only screen and (min-width: 768px) {
	#footer .f_logo { float:left; margin-right:5%; width:20%; margin-bottom:0; }
	#footer .f_logo img { width:100%; }
	#footer p { font-size:1.0em; }
}
    
@media only screen and (min-width: 970px) {
	#footer .f_logo { float:left; margin-right:5%; width:13%; }
	#footer .f_logo img { width:100%; }
}

    
@media only screen and (min-width: 1170px) {	
}