@charset "utf-8";


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

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; background:url(/images/common/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1400px; height:165px; margin:0 auto; overflow:visible; }
	
#container { position:relative; min-width:1400px; width:100%; z-index:2; }
	
	#cont1 { position:relative; width:100%;  }	
	#cont2 { position:relative; width:100%; padding:57px 0 57px 0; /*background:#eaeaea; */}
	#cont3 { width:100%; padding:82px 0 60px 0; background:#d8e2eb url(/images/committee/main/bg_img.png) no-repeat 50% 50%; background-size:cover; margin:0 auto; }
	#cont4 { position:relative; width:100%; padding:50px 0 60px 0;  margin:0 auto; background:url(/images/committee/main/bg_img2.png); overflow:hidden; }	
		.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:url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; } 
	
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%;  }	
		#cont2 { position:relative; width:100%; padding:57px 15px 57px 15px; /*background:#eaeaea; */}
		#cont3 { width:100%; padding:82px 15px 60px 15px; background:#d8e2eb url(/images/committee/main/bg_img.png) no-repeat 50% 50%; background-size:cover; margin:0 auto; }
		#cont4 { position:relative; width:100%; padding:50px 15px 60px 15px;  margin:0 auto; background:url(/images/committee/main/bg_img2.png); overflow:hidden; }	
			.containerarea { width:100%; margin:0 auto; }
			
	#bottom { position:relative; width:100%; z-index:4; background:#131b5e; 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:url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; }	
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%;  }	
		#cont2 { position:relative; width:100%; padding:57px 15px 57px 15px; /*background:#eaeaea; */}
		#cont3 { width:100%; padding:82px 15px 60px 15px; background:#d8e2eb url(/images/committee/main/bg_img.png) no-repeat 50% 50%; background-size:cover; margin:0 auto; }
		#cont4 { position:relative; width:100%; padding:50px 15px 60px 15px;  margin:0 auto; background:url(/images/committee/main/bg_img2.png); overflow:hidden; }	
			.containerarea { width:100%; margin:0 auto; }
		
#bottom { position:relative; width:100%; z-index:4; background:#131b5e; 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; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%;  }	
		#cont2 { position:relative; width:100%; padding:42px 30px 42px 30px; /*background:#eaeaea; */}
		#cont3 { width:100%; padding:67px 30px 45px 30px; background:#d8e2eb url(/images/committee/main/bg_img.png) no-repeat 50% 50%; background-size:cover; margin:0 auto; }
		#cont4 { position:relative; width:100%; padding:35px 30px 45px 30px;  margin:0 auto; background:url(/images/committee/main/bg_img2.png); overflow:hidden; }	
			.containerarea { width:100%; margin:0 auto; }
	
		
	#bottom { position:relative; width:100%; z-index:4; background:#131b5e; 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; }
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		#cont1 { position:relative; width:100%;  }	
		#cont2 { position:relative; width:100%; padding:27px 15px 27px 15px; /*background:#eaeaea; */}
		#cont3 { width:100%; padding:52px 15px 30px 15px; background:#d8e2eb url(/images/committee/main/bg_img.png) no-repeat 50% 50%; background-size:cover; margin:0 auto; }
		#cont4 { position:relative; width:100%; padding:20px 15px 30px 15px;  margin:0 auto; background:url(/images/committee/main/bg_img2.png); overflow:hidden; }	
			.containerarea { width:100%; margin:0 auto; }
		
	
			
	#bottom { position:relative; width:100%; z-index:4; background:#131b5e; color:#ccc; font-size:90%; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; z-index:5; }
}




.sidemenu ul li:nth-child(1),
.sidemenu ul li:nth-child(2) { display:none; }




/* 타이틀 */
#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% - 118px); 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% - 77px); 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; }
#topMenu { position:relative; overflow:visible !important; }

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

#topMenu > li > a:link,
#topMenu > li > a:visited { height:120px; vertical-align:top; padding:0 40px; color:#222; font-size:150%; 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:#d65353;  }


@media (min-width:1025px) and (max-width:1400px){
	#menu { width:calc(100% - 303px); }
	#topMenu > li { width:16.666%; }
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0;  font-size:140%; }
}

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



/* 서브메뉴 표시*/
#topMenu > li > ul { position:absolute; left:0; top:70px; width:100%; height:222px; padding:10px 0 0 0px; border-left: 1px solid #eee; 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:last-child { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; padding:0; text-decoration:none; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:95%; margin:0; background:none; border:0; }
#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:#e96576; font-weight:bold; }



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

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



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






/* 메인비주얼 */
	
.mVisible { position:relative; width:100%; }

.mVisible .visibleList { position:relative; width:100%; height:100%; overflow:hidden; margin:0 auto; }
.mVisible .visibleList .list { position:relative; float:left; height:100%;}
.mVisible .visibleList .list img { width:100%; height:auto; }

.mVisible .bar { position:absolute; left:0; right:0; bottom:20px; width:140px; height:40px; line-height:40px; border-radius:25px; background:rgba(0, 0, 0, 0.6); margin:0 auto; z-index:1001; }


.mVisible .slick-prev,
.mVisible .slick-next { position:absolute; bottom:27px; width:20px; height:20px; line-height:20px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mVisible .slick-prev { left:50%; background:url(/images/committee/main/visible_btn_prev.gif) no-repeat; }
.mVisible .slick-next { left:calc(50% + 40px); background:url(/images/committee/main/visible_btn_next.gif) no-repeat; }




			/*자동실행버튼(재생,일시정지)*/
.mVisible .btn_play { position:absolute; left:calc(50% + 20px); bottom:7px; width:20px; height:20px; border:0; background: url(/images/committee/main/visible_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mVisible .btn_play.on { background:url(/images/committee/main/visible_btn_play.gif) no-repeat;  } 


			/* Dots 메인 서브  */
.mVisible .slick-dotted.slick-slider {  }
.mVisible .slick-dots { position:absolute; left:calc(50% - 50px); bottom:25px; width:50px !important; height:30px; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }
			/* Dots  */
.mVisible .slick-dots li { height:30px; line-height:30px; color:#fff;  letter-spacing:5px; z-index:1003;}


@media (max-width:768px){
	.mVisible .bar { bottom:5px; }

	.mVisible .slick-prev,
	.mVisible .slick-next { bottom:12px; }
	

				/* Dots 메인 서브  */
	.mVisible .slick-dots { bottom:10px; }
	
}	




/* 위원회 구성*/
.cMember { position:relative; width:100%; text-align:center; }
.cMember h1 { color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; font-size:195%; margin-bottom:30px; }
.cMember .more { position:absolute; right:0; top:5px;  }
.cMember ul { text-align:center; }
.cMember li { display:inline; margin:0 20px; }
.cMember li a:link,
.cMember li a:visited { color:#222; }
.cMember li a:active,								
.cMember li a:focus,
.cMember li a:hover { color:#5c6fb1; }
.cMember li a img { width:100%; height:auto; padding:3px; border:1px solid #ddd; display:block; margin-bottom:10px; }
.cMember li a span { text-align:center; display:block; }
.cMember li a span strong { font-weight:normal; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:115%; }

.cMember .view {z-index:1; overflow:hidden; display:block; position:absolute; top:0px; right:0; width:110px; height:34px; line-height:34px; font-size:14px; color:#fff; text-align:center; background:#d65353; transition:background 0.3s ease; }
.cMember .view:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:-130%; width:120%; height:100%; background:#3b9871; transform:skew(-20deg); animation:outHover 0.5s ease 1 forwards;}
.cMember .view:hover:before,
.cMember .view:focus:before,
.cMember .view:active:before{animation-name:onHover;}


@media (min-width:1025px) and (max-width:1280px){
	
	.cMember li { margin:0 10px; }
	.cMember li a img { width:110px; }
	.cMember .view { position:absolute; right:0; top:5px;  }
}


@media (min-width:769px) and (max-width:1024px){
	.cMember li { display:inline-block; margin:0 10px 20px 10px; }
	.cMember li a img { width:110px; }	
}


@media (max-width:768px){
	.cMember li { display:inline-block; margin:0 10px 20px 10px; }
	.cMember li a img { width:110px; }
}

@media (max-width:500px){	
	.cMember .view { width:80px; }

}






/* 최근게시물 */
.newContent { width:100%; }
.newContent > ul { overflow:visible;}
.newContent > ul > li { position:relative; float:left; width:calc(25% - 28px); height:275px; box-sizing:border-box; text-align:center; margin-right:37.3px; }
.newContent > ul > li:last-child { margin-right:0; }

.newContent > ul > li > .bar { position:absolute; top:-22px; left:0; right:0; width:150px; height:45px; line-height:45px; box-sizing:border-box; background:#b2d3e1; color:#000; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin:0 auto; z-index:2; }
.newContent > ul > li > .on { display:block; }
.newContent > ul > li > .off { padding-top:120px; color:#888; }


.newContent > ul > li ul { width:100%; height:100%; padding-top:63px; box-sizing:border-box; }
.newContent > ul > li ul > li { text-align:center;}
.newContent > ul > li ul > li.subject { width:100%; padding:10px 20px 0 20px; box-sizing:border-box; font-size:115%; font-family:esamanru-Medium, "이사만루 미디엄"; }

.newContent > ul > li a:link,
.newContent > ul > li a:visited { width:100%; height:100%; /*border:1px solid #ddd;*/ background:#fff; display:block; }
.newContent > ul > li a:active,
.newContent > ul > li a:hover,
.newContent > ul > li a:focus { border:1px solid #40cdc7; background:#28364a; transition:all 0.3s;  }


.newContent > ul > li a.more:link,
.newContent > ul > li a.more:visited { position:absolute; left:0; right:0; bottom:30px; border:none; color:#3b7bcc; width:60px; height:30px; line-height:30px; text-align:center; display:block; margin:0 auto;
                                       /*background:blanchedalmond;*/ border-radius:20px; width:80px;}
.newContent > ul > li a.more:active,
.newContent > ul > li a.more:hover,
.newContent > ul > li a.more:focus { border:none; background:none; color:#f00; }


.newContent > ul > li a:link .txt,
.newContent > ul > li a:visited .txt { color:#222; }
.newContent > ul > li a:active .txt,
.newContent > ul > li a:hover .txt,
.newContent > ul > li a:focus .txt { color:#fff; transition:all 0.3s;  }




/*
.newContent > ul > li a.subject:link,
.newContent > ul > li a.subject:visited { color:#333; height:4.2em; line-height:1.4em; max-height:4.2em; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; word-wrap:break-word; }
.newContent > ul > li a.subject:active,
.newContent > ul > li a.subject:hover,
.newContent > ul > li a.subject:focus { color:#0C6; transition:all 0.3s; background:#096; }
*/



@media (min-width:1281px) and (max-width:1400px){
	
	        
	}



@media (min-width:1025px) and (max-width:1280px){
	       
    }
	
@media (min-width:769px) and (max-width:1024px){

	.newContent > ul > li { width:calc(50% - 15px); height:275px; border:1px solid #ddd; box-sizing:border-box; text-align:center; margin:0 15px 50px 0; }
	.newContent > ul > li:nth-child(even) { margin-right:0; margin-left:15px; }
	.newContent > ul > li:nth-child(3),
	.newContent > ul > li:nth-child(4) { margin-bottom:0; }
	     
    }

@media (max-width:768px){
	
	.newContent > ul > li { width:100%; height:auto; margin:0 0 40px 0; }
	.newContent > ul > li:nth-child(even) { margin-right:0; margin-left:0; }
	.newContent > ul > li:nth-child(4) { margin-bottom:0; }
	
	.newContent > ul > li a:link,
	.newContent > ul > li a:visited { width:100%; height:100%; padding-bottom:60px; margin-bottom:15px; }

	.newContent > ul > li a.more:link,
	.newContent > ul > li a.more:visited { padding-bottom:0; }

	.newContent > ul > li ul { padding-top:33px; }
	       
}




/* 의정활동 사진*/
.mPhoto { position:relative; width:1400px; margin:0 auto; }
.mPhoto h1 { color:#000; !important; font-size:195%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; text-align:center; margin-bottom:22px; }
.mPhoto h1 a {position:absolute; left:calc(50% + 85px); top:5px; }
.mPhoto ul li { position:relative; float:left; width:calc(25% - 22.5px); margin-right:30px; }
.mPhoto ul li:last-child { margin-right:0px; }

.mPhoto ul li .picArea { width:100%; height:auto; overflow:hidden; }
.mPhoto ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.mPhoto ul li .pic { width:100%; height:0; padding-top:calc(187 / 279 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mPhoto ul li .pic img { width:100%;  position:absolute; left:calc(50% + 140px); top:5px; }

.mPhoto ul li .pic { background-size:cover !important;}

.mPhoto ul li .picArea a:link,
.mPhoto ul li .picArea a:visited { transition:0.3s; }
.mPhoto ul li .picArea a:active,
.mPhoto ul li .picArea a:focus,
.mPhoto ul li .picArea a:hover {transform:scale(1.1);}

.mPhoto ul li .bar { width:100%; height:90px; padding:10px 15px 0 15px;  background:#fff; }
.mPhoto ul li .subject a:link,
.mPhoto ul li .subject a:visited { width:100%; color:#111; font-size:125%;  font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:2px; }
.mPhoto ul li .subject a:active,
.mPhoto ul li .subject a:focus,
.mPhoto ul li .subject a:hover { color:#1757b7; }

.mPhoto ul li .date { font-size:95%; color:#666; }

/* .mPhoto .more { position:absolute; left:calc(50% + 98px); top:20px; } */



.mPhoto .containerarea .view {z-index:1; overflow:hidden; display:block; position:absolute; top:0px; right:0; width:110px; height:34px; line-height:34px; font-size:14px; color:#fff; text-align:center; background:#d65353; transition:background 0.3s ease; }
.mPhoto .containerarea .view:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:-130%; width:120%; height:100%; background:#3b9871; transform:skew(-20deg); animation:outHover 0.5s ease 1 forwards;}
.mPhoto .containerarea .view:hover:before,
.mPhoto .containerarea .view:focus:before,
.mPhoto .containerarea .view:active:before{animation-name:onHover;}




@media (min-width:1281px) and (max-width:1400px){
	        #cont4 { position:relative; width:100%; padding:50px 15px 60px 15px; margin:0 auto; }
			.mPhoto { width:100%; }
	}



@media (min-width:1025px) and (max-width:1280px){
	        #cont4 { position:relative; width:100%; padding:40px 30px 50px 30px; }
			.mPhoto { width:100%; }
    }
	
@media (min-width:769px) and (max-width:1024px){
	        #cont4 { position:relative; width:100%; padding:30px 30px 40px 30px;  margin:0 auto;  }
			.mPhoto { width:100%; }
	        .mPhoto .photoBody { width:100%; overflow:auto; }
	        .mPhoto ul {  width:1045px; }
	        .mPhoto ul li { width:250px; padding-bottom:10px; margin-right:15px; }
	        .mPhoto ul li:last-child { margin-right:0; }
    }

@media (max-width:768px){
	        #cont4 { position:relative; width:100%; padding:20px 15px 30px 15px; margin:0 auto; }
			.mPhoto { width:100%; }
	        .mPhoto .photoBody { width:100%; overflow:auto; }
	        .mPhoto ul { width:1045px; margin-top:20px; }
	        .mPhoto ul li { width:250px; padding-bottom:10px; margin-right:15px; }
	        .mPhoto ul li:last-child { margin-right:0; }


			.mPhoto .containerarea .view { width:70px; }
}





/* 하단 */
#bottom #bottomarea .bottomMenu { margin-bottom:20px; }
#bottom #bottomarea .bottomMenu ul li { float:left; padding:0; margin-right:30px; }
#bottom #bottomarea .bottomMenu ul li:last-child { margin-right:0px; }


#bottom #bottomarea .bottomMenu ul li a:link,
#bottom #bottomarea .bottomMenu ul li a:visited { color:#ccc; }
#bottom #bottomarea .bottomMenu ul li a:active,
#bottom #bottomarea .bottomMenu ul li a:focus,
#bottom #bottomarea .bottomMenu ul li a:hover { color:#fff; }

#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:link,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:visited { color:#ffa646; }
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:active,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:focus,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:hover { color:#fcd700; }


#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){
	.mbottom:before { background:#e9e9e9 url(/images/common/bottom_bg.png) no-repeat 50% top !important; }
	
	#bottom #bottomarea .bottomMenu ul li { margin-right:10px; }
	#bottom #bottomarea .bottomMenu ul li:nth-child(3) { margin-right:0; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { line-height:26px; }
	

}



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




/* 테블릿, 모바일 통합검색 */
#toparea .mobileTopBtn .mobileTopBtn3 { display:none; }