@charset "utf-8";
/* 공통 */
@import url("reset.css");
@import url("common.css");
@import url("style.css");

body { color:#000; line-height: 1.9em; font-family: 'NanumSquare', sans-serif; font-size-adjust:none;line-height:1.6em; } 
* { margin:0; padding:0;  }
a { text-decoration:none; color:#000; font-family: 'NanumSquare', sans-serif; font-size-adjust:none;line-height:1.6em; }

.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%; min-height:148px; }

/*상단 검색*/
.header_tops_wrap { display: block; width: 100%; min-height:40px; }
.header_tops { width: 100%; max-width: 1280px;  color: #fff; margin: auto; padding: 0;}
.header_tops  .header_link { color: #404040; text-align:right;  width: 100%; padding:6px;} 
.header_tops  .header_link a { color:#4c4c4c; display:inline-block; padding:0 5px; font-size:0.9em; background: #eee; padding: 7px 10px;}
.header_tops  .header_link a.adm_login { background:#0277bd; color: #fff;}	

	@media only screen  and (min-width: 200px) {
		.header-wrapper { width:100%; min-height:128px;}
	}
	
	@media only screen and (min-width: 480px) {
		.header-wrapper { width:100%; min-height:128px;}		
	}
	@media only screen and (min-width: 768px) {
		.header-wrapper { width:100%; min-height:128px;}		
	}
		
	@media only screen and (min-width: 970px) {
		.header-wrapper { width:100%; min-height:128px;}
	}
		
	@media only screen and (min-width: 1170px) {    
		.header-wrapper { width:100%; min-height:128px; }
	}


.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:1280px; margin: auto; }

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

	.top_navi{overflow:hidden;  }
	#top_navi{ padding:0px;  width:100%; max-width:1004px; margin:auto; z-index:9999999; }
		.navbar-nav > li { width:16.66666666666667%; text-align:center; }
			#top_navi ll *{}
			
	section.container { width:100%; padding:0; margin:0;}		
	
	#container-fluid{ padding:0px;}
	
	.container-fluid{ padding:0;}	
	.navbar-brand img{ width:100%; max-width:276px;}
	.navbar-collapse{ padding:2% 0;}
		.member_join{ text-align:right; padding:3px 0px 7px 0px;  background:#fff;}
			.member_join a { display:inline-block; padding:0 10px; color:#000; }
			
			
			
	#bs-example-navbar-collapse-1 {}
	
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin:0;}
	
		.navbar-default .navbar-nav > li.dropdown_step6 a { border:0;}
		
		.navbar-brand > img { display:inline-block; width:100%;  max-width:276px; height:auto;}
		
		
	@media only screen  and (min-width: 200px) {
	
	.navbar-header{margin:0; text-align:center; min-height:67px;  padding:5px 0 5px 10px; }
	
	
	.navbar-default .navbar-nav > li > a{ font-size:1.2em; 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.2em; 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: 480px) {
	
	.navbar-header{margin:0; text-align:center; min-height:67px; padding:5px 0 5px 10px; }
	
	
	.navbar-default .navbar-nav > li > a{ font-size:1.2em; 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.2em; 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; min-height:67px; padding:0 0 0 0; }
	
	
	.navbar-default .navbar-nav > li > a{ font-size:1.5em; color:#343434; font-weight:700; padding: 0 0 0 0; margin: 15px 0; }
	
	.navbar-default .navbar-nav > li:hover { background:#fff;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.5em;  color:#32aeee; 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:1.0em; }
	.dropdown-menu > li > a:hover { background:#e7f7ff;}
		.dropdown-menu .divider { margin:0px;}
	
.container-fluid > .navbar-header {text-align:center;} 
	.navbar > .container-fluid .navbar-brand { margin:auto; }
	.navbar-brand { float:none;}
	
	.navbar-nav { float:none;}
	
	#top_navi {width:100%; max-width:100%;}
	#top_navi ll.dropdown { width:16.66666666666667%;}
		.navbar-nav > li.dropdown  { width:16.66666666666667%; text-align:center; }
	
	.navbar-collapse { width:100%; padding:0% 0;}

	
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}		

}
	
@media only screen and (min-width: 970px) {
	
	.navbar-header{margin:0; text-align:center; min-height:67px; padding:17px 0; }
	
	
	.navbar-default .navbar-nav > li > a{ font-size:1.5em; color:#343434; font-weight:700;  padding: 0 0 0 0; margin: 15px 0; }
	
	.navbar-default .navbar-nav > li:hover { background:#fff;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.5em; color:#32aeee; 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:1.0em; }
	.dropdown-menu > li > a:hover { background:#e7f7ff;}
		.dropdown-menu .divider { margin:0px;}
	
	.container-fluid > .navbar-header { width:21.5625%; padding:0px 0;  text-align:left;} 
	.navbar > .container-fluid .navbar-brand { margin:auto; }
	
	.navbar-brand { float:none;}
	
	.navbar-nav { float:none;}
	
	#top_navi {width:100%; max-width:1004px;}
		.navbar-nav > li.dropdown  { width:16.66666666666667%; text-align:center; }
	
	.navbar-collapse { width:78.4375%; padding:1% 0;}
	
			
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}		
}
	
@media only screen and (min-width: 1170px) {
	
	.navbar-header{margin:0; text-align:center; min-height:67px; padding:39px 0 0 0; }
	
	
	.navbar-default .navbar-nav > li > a{ font-size:1.5em; color:#4e4e4e; font-weight:700;  padding: 0 0 0 0; margin: 15px 0; letter-spacing: -2px; } /*border-right:1px solid #ccc;*/
	
	.navbar-default .navbar-nav > li:hover { background:#fff;}
	.navbar-default .navbar-nav > li:hover > a{ font-size:1.5em; color:#4e4e4e; font-weight:700; }
	.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:1.0em; }
	.dropdown-menu > li > a:hover { background:#e7f7ff;}
		.dropdown-menu .divider { margin:0px;}
	
	
	.container-fluid > .navbar-header { width:21.5625%; padding:0 0;  text-align:center;} 
	.navbar > .container-fluid .navbar-brand { margin:auto;}
	.navbar-brand { float:none;}
	
	.navbar-nav { float:none; }
	
	
	#top_navi {width:100%; max-width:1004px;}
		.navbar-nav > li.dropdown  { width:16.66666666666667%; text-align:center; }
	
	
	.navbar-collapse { width:78.4375%; padding:1.5% 0;}
	
	/*메뉴 마우스 오버시 펼쳐짐*/
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;    
	}			
}
	

	.footer-wrapper { margin:0 auto; width:100%; min-height:110px;  padding:0;}
		.footer-wrapper .container { margin:0 auto; width:100%;}
			
		.banner_wraps { display: block; width: 100%;  margin:auto; min-height:60px; padding:22px 0 22px 0;  background:#eee;}
		.banner_wraps .flexslider {width: 100%; margin: auto; max-width:1280px;}
		.banner_wraps ul { overflow: hidden; width: 100%; margin: auto;}
		.banner_wraps ul li { float: left; padding:0; text-align:center; width: 16.66666666666667%;%;}
		.banner_wraps ul li img { width: 100%; max-width:170px ;}	
					
					
				
			
			#copy_wrap { min-height:206px; width:100%; background:#434c5b;}
			#copy { width:100%; max-width:1280px;  margin:0 auto;  overflow:hidden;  padding-top: 2%;}	
				#copy span { float:left; display:block; text-align: center;  width: 31.25%; padding-top: 4.5%;}
				
				#copy p.clink { color: #fff; float:left; display:block; font-size: 1.0em; width: 68.75%; }
				#copy p.clink a { color:#FFF; display:inline-block; padding:0 5px 10px 5px; font-size: 1.0em; }
				#copy p.clink a b { color:coral;}
				.b_link2 { float: right;}
		
				#copy ul { float:right; color:#FFF; width: 68.75%;  }
				
				#copy ul li { line-height:2.0em; letter-spacing: 1px; font-size: 1.0em;}
				#copy ul li a { color: #fff; font-size: 1.0em;}
			
			
			
			@media only screen  and (min-width: 200px) {
				#copy span { width: 31.25%; display: none; }
				#copy p.clink { width: 100%; text-align: center; float: right;}
				#copy .b_link2 { width: 100%; text-align: center; float: left; margin-bottom: 10px;}
				#copy ul { width: 98%; margin: auto;  }
			}
			@media only screen and (min-width: 480px) {
				#copy span { width: 31.25%; display: none; }
				#copy p.clink { width: 100%; text-align: center;float: right; }
				#copy .b_link2 { width: 100%; text-align: center; float: left; margin-bottom: 10px; }
				#copy ul { width: 98%; margin: auto;  }
			}
			@media only screen and (min-width: 768px) {
				#copy span { width: 31.25%; display: none; }
				#copy p.clink { width: 100%; text-align: center; float: right;}
				#copy .b_link2 { width: 100%; text-align: center; float: left; margin-bottom: 10px;}
				#copy ul { width: 98%; margin: auto;  }
			}
				
			@media only screen and (min-width: 970px) {
				#copy span { width: 31.25%; display: block; padding-top: 4.5%; float: left;}
				#copy p.clink { width: 68.75%; text-align: left; float: right; }
				#copy .b_link2 { width: 68.75%; text-align: left; float: right; margin-bottom: 10px;}
				#copy ul { width: 68.75%; float: right;  }
			}
				
			@media only screen and (min-width: 1170px) {    
				#copy span { width: 31.25%; display: block; padding-top: 4.5%; float: left;}
				#copy p.clink { width: 34.375%; text-align: left; float: right; padding: 20px 0 0 0; }
				#copy .b_link2 { width: 34.375%; text-align: right; float: right; margin-bottom: 0px;}
				#copy ul { width: 68.75%; float: right;  }
			}