@charset "utf-8";

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

#top { position:relative; width:1280px; height:120px; overflow:visible; margin:0 auto; }
	
#container { position:relative; width:1278px; border-left:1px solid #ddd; border-right:1px solid #ddd; margin:0 auto; z-index:2; }
	#tleft { float:left; width:248px; }
	#tright { float:left; width:929px; padding:50px; border-left:1px solid #ddd; }
		#content { width:100%; }
	
#bottom { width:100%; background:#fafafa; }
	#bottomarea { position:relative; width:1280px; padding:40px 0 90px 0; margin:0 auto; }
	
	

@media (min-width:769px) and (max-width:1023px){	
	html, body, #tswrap {  min-width:100%; width:100%; height:100%; }

	#top { position:relative; width:100%; height:auto; overflow:visible; margin:0 auto; }
	
	#container { position:relative; width:100%; margin:0 auto; z-index:2; }
		#tleft { display:none; }
		#tright { float:none; width:100%; padding:30px; box-sizing:border-box; }
			#content { width:100%; }
	
	#bottom { width:100%; background:#fafafa; }
		#bottomarea { position:relative; width:100%; padding:40px 30px 90px 30px; box-sizing:border-box; margin:0 auto; }
}


@media (max-width:768px){
	html, body, #tswrap {  min-width:100%; width:100%; height:100%; }

	#top { position:relative; width:100%; height:auto; overflow:visible; margin:0 auto; }
	
	#container { position:relative; width:100%; margin:0 auto; z-index:2; }
		#tleft { display:none; }
		#tright { float:none; width:100%; padding:30px 15px; box-sizing:border-box; }
			#content { width:100%; }		
		
		
	#bottom { width:100%; background:#fafafa; }
		#bottomarea { position:relative; width:100%; padding:40px 15px 90px 15px; box-sizing:border-box; margin:0 auto; }
	
}



/* 상단 */	
#top h1 { float:left; padding:33px 0 0 10px; margin-right:50px;  }	
	
	
#top .topSearch { float:left; width:590px; height:90px; padding-top:30px;  margin:0px auto 0; }	
#top .topSearch .text_totalsearch { width:500px; height:60px; padding-left:20px; border:5px solid #3a4986; box-sizing:border-box; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#06c; margin:0 auto; }		
#top .topSearch .submit_btn { width:80px; height:60px; border:1px solid #313f77; border-radius:3px; background:#313f77; color:#fff; font-size:110%; }
	
	
#top .link { float:right; padding:47px 0 0 0; }

	
@media (min-width:769px) and (max-width:1023px){	
	#top h1 { float:none; padding:22px 0 0 0; text-align:center; margin-right:0px; margin-bottom:20px;  }	
		
	#top .topSearch { float:none; width:100%; height:60px; padding-top:0px;  margin:0; }	
	#top .topSearch .text_totalsearch { float:left; width:calc(100% - 80px); margin:0; }		
	#top .topSearch .submit_btn { border-radius:0px; }
		
	#top .link { position:absolute; right:30px; top:34px; float:none; padding:0; }

}


@media (max-width:768px){
	#top h1 { float:left; padding:15px 0 0 15px; text-align:left; margin-right:0px; margin-bottom:10px;  }	
	#top h1 img { width:220px; }
		
	#top .topSearch { float:none; width:100%; height:50px; padding-top:0px;  margin:0; clear:both; }	
	#top .topSearch .text_totalsearch { float:left; width:calc(100% - 80px); height:50px;  padding-left:15px; font-size:130%; margin:0; }		
	#top .topSearch .submit_btn { height:50px; border-radius:0px; }
		
	#top .link { position:absolute; right:15px; top:23px; float:none; padding:0; }

}


	
/* 검색요약정보바 */	
.searchTxtBar { width:100%; height:55px; border-top:1px solid #113d8e; background:#405093;  }	
.searchTxtBar .searchTxtBarArea { width:1280px; height:55px; line-height:55px; text-align:center; font-size:120%; color:#fff; margin:0 auto; }
.searchTxtBar .searchTxtBarArea strong { color:#ffd40c; }	
	
@media (min-width:769px) and (max-width:1023px){	
	.searchTxtBar .searchTxtBarArea { width:100%; }

}

@media (max-width:768px){
	.searchTxtBar { height:auto; }
	.searchTxtBar .searchTxtBarArea { width:100%; height:auto; padding:15px 15px; box-sizing:border-box; line-height:1.5; font-size:90%;}
}
	
/* 좌측 카테고리 */	
#tleft ul { width:100%; }	
#tleft ul li { width:100%; }
#tleft ul li a:link,
#tleft ul li a:visited { width:100%; height:40px; line-height:40px; padding-left:15px; border-bottom:1px solid #ddd; box-sizing:border-box; background:url(/images/egovframework/com/svc/totalsearch/leftmenu_blt_off.gif) no-repeat right 50%; color:#333; }
#tleft ul li a:active,
#tleft ul li a:focus,
#tleft ul li a:hover,
#tleft ul li a.select { background:#113d8e url(/images/egovframework/com/svc/totalsearch/leftmenu_blt_on.gif) no-repeat right 50%; color:#fff; }
	
	
#tleft ul li a:link strong,
#tleft ul li a:visited strong { color:#da131a; }
#tleft ul li a:active strong,
#tleft ul li a:focus strong,
#tleft ul li a:hover strong,
#tleft ul li a.select strong { color:#ffd40c; }
	
	
	
/* 통합검색결과 */	
.resultTotal { width:100%; border-bottom:1px solid #eee; margin-bottom:30px; }
.resultTotal h1 { padding-left:5px; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#000; margin-bottom:5px; }
.resultTotal h1 span { padding-left:10px; font-size:80%; }	
.resultTotal h1 span strong { color:#da131a; font-weight:normal; }		
.resultTotal ul { width:100%; padding:20px 30px; border:5px solid #eee; box-sizing:border-box; overflow:hidden; margin-bottom:30px;  }
.resultTotal ul li { float:left; width:25%; height:30px; line-height:30px; padding-left:21px; box-sizing:border-box; background: url(/images/egovframework/com/svc/council/inc/blt_h4.gif) no-repeat 0 9px; }
	
.resultTotal ul li a:link,
.resultTotal ul li a:visited { color:#333; }
.resultTotal ul li a:active,
.resultTotal ul li a:focus,
.resultTotal ul li a:hover,
.resultTotal ul li a.select { color:#06c; }
.resultTotal ul li a strong { color:#da131a; }
	
@media (min-width:769px) and (max-width:1023px){	
	.resultTotal ul { padding:20px;}
	.resultTotal ul li { width:33.3%; }

}

@media (min-width:391px) and (max-width:768px){	
	.resultTotal ul { padding:15px;}
	.resultTotal ul li { width:50%; font-size:90%; }
	
}

@media (max-width:390px){
	.resultTotal ul { padding:15px;}
	.resultTotal ul li { width:100%; font-size:90%; }
	
}



/* 일반검색결과 */
.resultList { position:relative; width:100%; border-bottom:1px solid #eee; margin-bottom:30px; }
.resultList h1 { padding-left:5px; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#000; margin-bottom:5px; }
.resultList h1 span { padding-left:10px; font-size:80%; }	
.resultList h1 span strong { color:#da131a; font-weight:normal; }		


.resultList ul { width:100%; overflow:hidden; margin-bottom:30px;  }
.resultList ul li { width:100%; height:30px; line-height:30px; padding-left:15px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/inc/blt_ul_depth3.gif) no-repeat 5px 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
	
.resultList ul li a:link,
.resultList ul li a:visited { float:left; color:#333; margin-right:15px; }
.resultList ul li a:active,
.resultList ul li a:focus,
.resultList ul li a:hover { color:#06c; text-decoration:underline; }

.resultList ul li span { color:#888;}

.resultList .more { position:absolute; right:10px; top:10px; }


@media (max-width:768px){
	.resultList ul li a { width:calc(100% - 100px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;}
}




/* 사진검색결과 */
.resultPhoto {position:relative; width:100%; border-bottom:1px solid #eee; margin-bottom:30px; }
.resultPhoto h1 { padding-left:5px; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#000; margin-bottom:10px; }
.resultPhoto h1 span { padding-left:10px; font-size:80%; }	
.resultPhoto h1 span strong { color:#da131a; font-weight:normal; }

.resultPhoto ul.photoList { width:100%; }
.resultPhoto ul.photoList li { float:left; width:33.3%; padding:0 20px 40px 20px; box-sizing:border-box; }
.resultPhoto ul.photoList li:nth-child(3n + 1) { clear:both; }
.resultPhoto ul.photoList li .pic { width:100%; display:block; margin-bottom:15px;}
.resultPhoto ul.photoList li .pic img { width:100%;  height:190px;}
.resultPhoto ul.photoList li .subject { width:100%; display:block; color:#333; font-size:110%; margin-bottom:8px; }
.resultPhoto ul.photoList li .date { width:100%; color:#888; display:block; }

.resultPhoto .more { position:absolute; right:10px; top:10px; }

@media (max-width:768px){
	.resultPhoto ul.photoList li { float:left; width:50%; padding:0 20px 40px 20px; box-sizing:border-box; }
	.resultPhoto ul.photoList li:nth-child(3n + 1) { clear:none; }
	.resultPhoto ul.photoList li:nth-child(odd) { clear: both; }
	
}

@media (max-width:500px){
	.resultPhoto ul.photoList li { float:left; width:100%; padding:0 15px 40px 15px; box-sizing:border-box; }
	.resultPhoto ul.photoList li a { width:100%;  display:block;}
	.resultPhoto ul.photoList li .pic img { width:100%;  height:auto;}


	
}


/* 의원검색결과 */
.resultMember { position:relative; width:100%; border-bottom:1px solid #eee; margin-bottom:30px; }
.resultMember h1 { padding-left:5px; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#000; margin-bottom:10px; }
.resultMember h1 span { padding-left:10px; font-size:80%; }	
.resultMember h1 span strong { color:#da131a; font-weight:normal; }

ul.memberList { width:100%; }
ul.memberList li { float:left; width:50%; padding:0 10px 40px 10px; box-sizing:border-box; }

ul.memberList li:nth-child(odd) { clear:both;}

ul.memberList li dl { width:100%; }
ul.memberList li dt { float:left; width:149px; }
ul.memberList li dt img { border:1px solid #ccc; padding:4px; }
ul.memberList li dd { margin-left:149px; width:calc(100% - 149px); padding:3px 0 1px 0;  }

ul.memberList li dd.name { font-size:135%; color:#113d8e; font-family:NotoSans-Medium, "본고딕 미디엄"; }
ul.memberList li dd span { color:#999;  }

ul.memberList li dd a:link,
ul.memberList li dd a:visited { text-decoration:none; color:#6a3906; }
ul.memberList li dd a:active,
ul.memberList li dd a:focus,
ul.memberList li dd a:hover { color:#06c; }

ul.memberList li dd a.abtn1 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#ffd40c; color:#333; font-size:90%; text-align:center; display:inline-block; margin-right:5px; margin-top:5px; }
ul.memberList li dd a.abtn2 { width:87px; height:40px; line-height:40px; border-radius:3px; background:#999; color:#333; font-size:90%; text-align:center; display:inline-block; margin-top:5px; }

.resultMember .more { position:absolute; right:10px; top:10px; }



@media (min-width:769px) and (max-width:1024px){
	ul.memberList li { height:260px; }

}


@media (max-width:768px){
	ul.memberList li { float:none; width:100%; padding:0 0 40px 0; box-sizing:border-box; }
	
}

	
	
	
	
	
	
/* 하단 */
#bottom #bottomarea .logo { float:left; width:280px; }

#bottom #bottomarea .bottom_right { float:left; width:calc(100% - 280px); padding-top:10px;  }


#bottom #bottomarea .bottom_right address { margin-bottom:5px; }
#bottom #bottomarea .bottom_right address span { margin-right:20px; }

#bottom #bottomarea .bottom_right .copyright { font-size:90%; font-family:Arial, Helvetica, sans-serif; } 
#bottom #bottomarea .bottom_right .copyright strong { color:#846659; }

#bottom #bottomarea .topbtn { position:absolute; right:0; top:0; }


@media (min-width:769px) and (max-width:1023px){
	#bottom #bottomarea .logo { float:left; width:200px; }

	#bottom #bottomarea .bottom_right { width:calc(100% - 200px); }

	#bottom #bottomarea .bottom_right address { font-size:90%; }
	#bottom #bottomarea .bottom_right .copyright { font-size:85%;  } 

	#bottom #bottomarea .topbtn { right:20px; top:-20px; }
}


@media (max-width:767px){
	#bottom #bottomarea .logo { float:none; width:100%; text-align:center; margin-bottom:30px; }
	#bottom #bottomarea .bottom_right { float:none; width:100%; padding-top:0px;  }
		
	
	#bottom #bottomarea .bottom_right address { text-align:center; margin-bottom:15px; }
	#bottom #bottomarea .bottom_right address span:first-child { display:block; margin-right:20px; }

	#bottom #bottomarea .bottom_right .copyright { text-align:center; }

	#bottom #bottomarea .topbtn { right:15px; top:-20px; }
}