@charset "utf-8";
/* CSS Document */


	


		

		
	.topbtn {
		width: 10%; 
		min-width: 60px;
	}	
	
	.search_line.m_search {
		width: 80%;
	}	
	
	
	/*탑 헤더*/

	.topsearch {
		background-color:#fff;	
	}
	
	
	
	
	
	
	.topmode img {
		width: 100%;
		
	}
	.topmode a {	
		font-size: 12px;
		color: #ffffff;
	}
	





.main_page_bg {
	height: 100%;
}

/*미디어쿼리*/
	
	@media screen and (max-width: 767px) {
		
		
		
	}
	
	@media screen and (min-width: 768px) {
		
		
	}








/*탑 헤더*/
	.topbtn {
		width: 10%; 
		min-width: 60px;
	
	}	
	
	.response_submob .search_line {
		width: 80%;
	}

	.topsearch {
		background-color:#fff;	
	}

	.topsearch li {
		display: inline-block;	
	}

	.leftbar {
		background-color:rgba(49,45,46,1);
		width: 60px;
		height: 60px;
	}	
	
	.topmode{
		background-color:#1e4860;
		text-align: center;
	}
	
	.topmode img {
		width: 100%;
		
	}
	.topmode a {	
		font-size: 12px;
		color: #ffffff;
	}
	.response_submob .search_line {
    	float: left;
		margin: 11px;
	}
		
	.serachtxt { 
		padding: 10px 0px 10px 20px; 
	}
	
   
   .col-80 {
	   width:90%;
	}	
   .col-20 {
	   width:10%;
	}
	
		
	.menu_icon {
		color: #ffffff;
		font-size: 25px;
		ma
	}




/*header css*/

	input[id="allmenuicon"]	{
		display: none;
	}
	
	input[id="allmenuicon"] + label	{
		display: block;
		width: 60px;
		height: 60px;
		position: relative;
		cursor: pointer;
		background-color: #006f48;
		z-index: 10;
	}
	
	input[id="allmenuicon"] + label span {
		display: block;
		position: absolute;
		width: 100%;
		transition: all .35s;
	}
	
	input[id="allmenuicon"] + label span i.fa-times {
		display: none;	
	}
	
	input[id="allmenuicon"]:checked + label span i.fa-bars {
		display: none;	
	}
	input[id="allmenuicon"]:checked + label span i.fa-times {
		display: block;
		padding-bottom: 5px;
	}
	
	.allmenu_sidebar {
		width: 81%;
		max-width: 500px;
		height: 100%;
		background-color: #006f48;/*#5f8389*/		
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 5;
		transition: all .35s;
	}
	
	input[id="allmenuicon"]:checked + label + .allmenu_sidebar {
		right: 0;
	}
	
	.sidebar_top {
		background-color: #006f48; 
		width: 100%; 
		height: 70px; 
		margin: 0; 
		background-position: center left;
		float: none;
		
	}
	
	input[id*="accmenu"] {
		display: none;
	}
	
	input[id*="accmenu"] + label {
		display: block;
		padding: 18px;
		border: 1px solid #004b31;
		border-bottom: 0;
		color: #ffffff;
		font-weight: bold;
		background-color: #004b31;
		cursor: pointer;
		position: relative;
		font-size: 15px;
        letter-spacing: 2px;
		margin: 0;
	}
	
	input[id*="accmenu"] + label i {
		position: absolute;
		line-height: 16px;
		right: 20px;			
	}
	
	input[id*="accmenu"]:checked + label i {
		position: absolute;
		line-height: 16px;
		right: 20px;
		top: 20px;
	}
	
	input[id*="accmenu"] + label .fa-angle-up {
		display: none;			
	}
	
	input[id*="accmenu"]:checked + label .fa-angle-down {
		display: none;			
	}
	
	input[id*="accmenu"]:checked + label .fa-angle-up {
		display: block;			
	}
	
	input[id*="accmenu"] + label + div {
		max-height: 0;
		transition: all .35s;
		overflow: hidden;
		background-color: #2c5d64;
		
	}
	
	input[id*="accmenu"] + label + div ul {
		display: inline-block;
		padding: 20px;
	}
	
	input[id*="accmenu"] + label + div ul li {
		display: inline-block;
		padding: 5px 0;
		border-bottom: 1px solid #8aa9bb;
		width: 60%;
		/*height: 30px;*/
		line-height: 19px;
		font-size: 13px;
		letter-spacing: 1px;
	}
	
	input[id*="accmenu"]:checked + label + div {
		max-height: 1000px;
	}
	
	.text_box_news a:hover {
		background-color: #c2d4de;
	}