@charset "utf-8";


/* 레이아웃 */
#gaonwrap { min-width:1400px; width:100%; }

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1400px; height:170px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:100%; width:100%; }	
	#cont1 { position:relative; width:100%; padding:60px 0 100px; background:#fdfdfd url(../images/main/visible_bg.jpg) no-repeat 50% bottom; }	
		.containerarea { width:1400px; margin:0 auto; }
	
#bottom { position:relative; width:100%; z-index:4; background:#444c57; color:#ccc; }
	#bottomarea { position:relative; width:1400px; padding:32px 0 70px 0; margin:0 auto; z-index:5; }


@media (min-width:1281px) and (max-width:1400px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; z-index:1005; } 
		
	#container { position:relative; min-width:100%; width:100%; }		
		#cont1 { position:relative; width:100%; padding:60px 15px 100px; background:#fdfdfd url(../images/main/visible_bg.jpg) no-repeat 50% bottom; }	
			.containerarea { width:100%; margin:0 auto; }
		
			
	#bottom { position:relative; width:100%; z-index:4; background:#444c57; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; z-index:5; }
}


@media (min-width:1025px) and (max-width:1280px){
	html, body, #gaonwrap { min-width:100%; width:100%; }		
	
	#top {  position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; z-index:1005; }	
		
	#container { position:relative; min-width:100%; width:100%; }		
		#cont1 { position:relative; width:100%; padding:60px 15px 100px; background:#fdfdfd url(../images/main/visible_bg.jpg) no-repeat 50% bottom; }	
			.containerarea { width:100%; margin:0 auto; }	
		
	#bottom { position:relative; width:100%; z-index:4; background:#444c57; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; z-index:1005; } 
		
	#container { position:relative; min-width:100%; width:100%; }		
		#cont1 { position:relative; width:100%; padding:45px 30px 75px; background:#fdfdfd url(../images/main/visible_bg.jpg) no-repeat 50% bottom; }	
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { position:relative; width:100%; z-index:4; background:#444c57; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; z-index:1005; }
		
	#container { position:relative; min-width:100%; width:100%; }	
		#cont1 { position:relative; width:100%; padding:30px 15px 50px; background:#fdfdfd url(../images/main/visible_bg.jpg) no-repeat 50% bottom; }	
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { position:relative; width:100%; z-index:4; background:#444c57; color:#ccc; font-size:90%; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; z-index:5; }
}







/* 타이틀 */
#top h1.title { position:absolute; left:0; top:75px; }

@media (min-width:1281px) and (max-width:1400px){
	#top h1.title { left:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	#top h1.title { left:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:calc(50% - 111px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:60px; }
	
	.sidenav h1 img { height:40px; } 
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 72px); top:15px; text-align:center; margin:0; }
	#top h1.title img { height:40px; }
	
	.sidenav h1 img { height:40px; } 
}



/* 메인 메뉴 */
#menu { position:absolute; right:0; top:97px; width:calc(100% - 326px); }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; float:left;  width:16.666%; text-align:center; display:inline-block; }

#topMenu > li > a:link,
#topMenu > li > a:visited { width:100%; height:70px; vertical-align:top; color:#222; font-size:140%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#dc4b7b;  }



@media (max-width:1440px){
	
}


@media (max-width:1024px){
	#menu { display:none; } 
}
	


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:67px; width:100%; height:126px; padding:10px 0 0 0px; border-top:1px solid #ddd; border-left: 1px solid #eee; background:#fff; display:none; clear:both; z-index:1003;   }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px;  text-align:left; display:block; }
#topMenu > li > ul.end { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; padding:0; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:95%; margin:0; letter-spacing:-1px;  }
#topMenu > li > ul > li > a:active,
#topMenu > li > ul > li > a:hover,
#topMenu > li > ul > li > a:focus,
#topMenu > li > ul > li > a.select { clear:both; color:#ff9114; font-weight:bold; }

#topMenu > li > ul > li > a.st { letter-spacing:-2px; }

.submenu { display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:164px; width:100%; height:129px; border-top:1px solid #ddd; border-bottom:3px solid #ff5244; background:#fff; display:none; z-index:10; }




@media (min-width:1153px) and (max-width:1280px){
	
	
}


@media (min-width:1025px) and (max-width:1152px){
	
	
}


@media (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
	.menubox { width:0; height:0; border:0; line-height:0; }
}	
	








/* 메인비주얼 */
.mVisible { position:relative; float:left; width:500px; padding-bottom:300px; background:url(/images/main/visible_icon.png) no-repeat 50% bottom; margin:0 50px 0 0; }
.mVisible .txt1 { margin-bottom:15px; }
.mVisible .txt2 { color:#333; font-size:120%; letter-spacing:-1px; word-break:keep-all; }

@media (min-width:1281px) and (max-width:1400px){
	.mVisible { width:385px; margin:0 30px 0 0; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mVisible { width:300px; padding-bottom:250px; background-size:300px auto; margin:0 30px 0 0; }
	.mVisible .txt1 img { width:100%; }
}

@media (min-width:769px) and (max-width:1024px){
	.mVisible { width:100%; padding:0px 300px 0 0; background:url(/images/main/visible_icon.png) no-repeat right top; background-size:auto 187px; margin:0 0 45px 0; }
}

@media (max-width:768px){
	.mVisible { width:100%; padding-bottom:230px; background:url(/images/main/visible_icon.png) no-repeat 50% bottom; background-size:250px auto; text-align:center; margin:0 0 30px 0; }
	.mVisible .txt2 { font-size:110%; }	
}

@media (max-width:415px){
	.mVisible .txt1 img { width:100%; }	
}







/* 최근회의록 */
.mNewMinutes { position:relative; float:left; width:400px; border-radius:20px; background:#fff; overflow:hidden; box-shadow:4px 4px 4px rgba(0,0,0,0.1), 8px 8px 8px rgba(0,0,0,0.05); margin:0 50px 0 0; }
.mNewMinutes .bar { position:relative; width:100%; height:80px; line-height:62px; padding-left:20px; background:#ff9114; }
.mNewMinutes .bar h1 { color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:150%; letter-spacing:-1px; }
.mNewMinutes .bar .more { position:absolute; right:20px; top:23px; width:16px; height:16px; display:block; }
.mNewMinutes .boxBody { position:relative; top:-20px; width:100%; height:367px; padding:33px 30px 0 30px; border-radius:20px; background:#fff; overflow:hidden; }
.mNewMinutes .boxBody li { width:100%; line-height:32px; display:block; }
.mNewMinutes .boxBody li a:link,
.mNewMinutes .boxBody li a:visited { float:left; width:calc(100% - 90px); height:32px; line-height:32px; padding-left:10px; background:url(/images/common/blt_orange.gif) no-repeat 0 16px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.mNewMinutes .boxBody li a:active,
.mNewMinutes .boxBody li a:focus,
.mNewMinutes .boxBody li a:hover { color:#ff9114; text-decoration:underline; }

.mNewMinutes .boxBody li span { float:left; width:90px; color:#888; text-align:right; }


@media (min-width:1281px) and (max-width:1400px){
	.mNewMinutes { width:calc(50% - 222.5px); margin:0 30px 0 0; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mNewMinutes { width:calc(50% - 180px); margin:0 30px 0 0; }
}

@media (min-width:769px) and (max-width:1024px){
	.mNewMinutes { width:calc(50% - 15px); margin:0 15px 0 0; }
}

@media (max-width:768px){
	.mNewMinutes { width:100%; margin:0 0 30px 0; }
	.mNewMinutes .boxBody { padding:33px 15px 0px; }
}




/* 전자회의록 검색 */
.mSearchMinutes { position:relative; float:left; width:400px; border-radius:20px; background:#fff; overflow:hidden; box-shadow:4px 4px 4px rgba(0,0,0,0.1), 8px 8px 8px rgba(0,0,0,0.05);  } 
.mSearchMinutes .bar { position:relative; width:100%; height:80px; line-height:62px; padding-left:20px; background:#a12f8f; }
.mSearchMinutes .bar h1 { color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:150%; letter-spacing:-1px; }
.mSearchMinutes .bar .more { position:absolute; right:20px; top:23px; width:16px; height:16px; display:block; }
.mSearchMinutes .boxBody { position:relative; top:-20px; width:100%; height:367px; padding:40px 30px 0 30px; border-radius:20px; background:#fff; overflow:hidden; }
.mSearchMinutes .boxBody form { margin-bottom:20px; }
.mSearchMinutes .boxBody .select_search { width:100%; height:45px; line-height:43px; padding-left:20px; border:1px solid #ddd; margin-bottom:10px; }
.mSearchMinutes .boxBody .text_search { width:100%; height:45px; line-height:43px; padding-left:20px; border:1px solid #ddd; margin-bottom:10px; }
.mSearchMinutes .boxBody .submit_searchbtn { width:100%; height:45px; line-height:45px; background:#a12f8f; color:#fff;  }
.mSearchMinutes .boxBody p { height:77px; padding:10px 0 0 93px; background:url(/images/main/search_icon.png) no-repeat; letter-spacing:-0.5px; }


@media (min-width:1281px) and (max-width:1400px){
	.mSearchMinutes { width:calc(50% - 222.5px); } 
}

@media (min-width:1025px) and (max-width:1280px){
	.mSearchMinutes { width:calc(50% - 180px); } 
}

@media (min-width:769px) and (max-width:1024px){
	.mSearchMinutes { width:calc(50% - 15px); margin:0 0 0 15px; } 
}

@media (max-width:768px){
	.mSearchMinutes { width:100%; }
	.mSearchMinutes .boxBody { padding:40px 15px 0; }
	
}




/* 하단 */
#bottom #bottomarea address { margin:0 0 10px 0; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { line-height:1.5; font-size:90%; font-family:Arial, Helvetica, sans-serif; } 

#bottom .topbtn { position:absolute; right:0; bottom:0px; z-index:100001; }


@media (max-width:768px){

}



@media (max-width:425px){
	
}