@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%; padding:60px 0; background:#e3e9f5 url(/images/memberHome/main/cont1_bg.png) no-repeat 80% bottom; overflow:hidden; }
		.containerarea { width:1400px; margin:0 auto; }
			
	#cont2 { position:relative; width:100%; padding:60px 0; box-sizing:border-box; background:#f4f4f4; overflow:hidden; }
	#cont3 { position:relative; width:100%; padding:60px 0; box-sizing:border-box; overflow:hidden; }
			
	#cont4 { position:relative; width:100%; padding:0 0 60px 0; background:linear-gradient(to top, #d9e8f5, #fff); overflow:hidden; }		
	
		
#bottom { width:100%; background:#fff; border-top:2px solid #ddd; z-index:4; }
	#bottomarea {position:relative; width:1400px; padding:35px 0 70px 0; margin:0 auto; z-index:5; }
	
	
	
@media (min-width:1281px) and (max-width:1400px){
	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%; height:auto; padding:60px 30px; box-sizing:border-box; background:#e3e9f5 url(/images/memberHome/main/cont1_bg.png) no-repeat 80% bottom; overflow:hidden; }
			.containerarea { width:100%; margin:0 auto; }
				
		#cont2 { width:100%; margin:0 auto; padding:60px 30px; background:#f4f4f4; }
		#cont3 { width:100%; margin:0 auto; padding:60px 30px;  }
				
		#cont4 { position:relative; width:100%; padding:0 0 50px 0; overflow:hidden; }	
	
		
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:35px 30px 70px 30px; 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%; height:auto; padding:60px 15px; box-sizing:border-box; background:#e3e9f5 url(/images/memberHome/main/cont1_bg.png) no-repeat 90% bottom; overflow:hidden; }
			.containerarea { width:100%; margin:0 auto; }
				
		#cont2 { width:100%; margin:0 auto; padding:60px 15px; background:#f4f4f4; }
		#cont3 { width:100%; margin:0 auto; padding:60px 15px; }
				
		#cont4 { position:relative; width:100%; padding:0 0 50px 0; overflow:hidden; }	
	
		
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:35px 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%; height:auto; padding:40px 30px; overflow:hidden; }
			.containerarea { width:100%; margin:0 auto; }
				
		#cont2 { width:100%; padding:40px 30px; background:#f4f4f4; margin:0 auto; }
		#cont3 { width:100%; padding:40px 30px; margin:0 auto; }
				
		#cont4 { position:relative; width:100%; padding:0 0 50px 0; overflow:hidden; }			
			
	
		
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea {position:relative; width:100%; padding:35px 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%; height:auto; padding:30px 15px; overflow:hidden; }
			.containerarea { width:100%; margin:0 auto; }
				
		#cont2 { width:100%; padding:30px 15px; background:#f4f4f4; margin:0 auto; }
		#cont3 { width:100%; padding:30px 15px; margin:0 auto; }
				
		#cont4 { position:relative; width:100%; padding:0 0 30px 0; overflow:hidden; }			
			
			
	#bottom { width:100%; background:#fff; z-index:4; }
		#bottomarea {position:relative; width:100%; padding:25px 15px 70px 15px; margin:0 auto; z-index:5; }
}







/* 타이틀 */
#top .title { position:absolute; left:0; top:75px; height:65px; padding-left:80px; background:url(/images/common/mark.png) no-repeat; font-size:55%; font-family: esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px;  }
#top .title h1 { margin-top:8px; }
#top .title span { font-size:155%; display:block; }
#top .title a { color:#000 !important; text-align:left; }

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


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


@media (min-width:769px) and (max-width:1024px){
	#top .title { left:calc(50% - 97px); top:15px; padding-left:75px; background-size:auto 60px; font-size:52%; text-align:center; }
	
	.sidenav h1 { height:70px; padding-left:75px; background:url(/images/common/mark.png) no-repeat 25px 15px; background-size:auto 40px; color:#fff; font-size:70%; letter-spacing:-1px;   }
	.sidenav h1 span { font-size:155%; display:block; font-weight:bold; }
}

@media (max-width:768px){
	#top .title { left:calc(50% - 66px); top:15px; padding-left:50px; background-size:auto 40px; font-size:37%; text-align:center; }
	.sidenav h1 { height:70px; padding-left:75px; background:url(/images/common/mark.png) no-repeat 25px 15px; background-size:auto 40px; color:#fff; font-size:95%; font-family:esamanru-Medium, "이사만루 미디엄"; }
	.sidenav h1 strong { font-size:155%; display:block; }
}




/* 메인 메뉴 */
#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 50px; color:#222; font-size:125%; 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:#0e4174;  }


@media (min-width:1367px) and (max-width:1440px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 50px; }
}

@media (min-width:1153px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 40px;  }
}

@media (min-width:1025px) and (max-width:1152px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 30px;  }
}


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


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:70px; width:100%; height:193px; 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:200px; 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; float:left; width:calc(100% - 480px); height:400px; border-radius:10px; overflow:hidden; margin-right:80px; }

.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 a { width:100%; display:block; }

.mVisible .visibleList .list img { width:100%; height:400px; }

.mVisible .bar { position:absolute; left:calc(50% - 100px); bottom:0px; width:230px; height:55px; line-height:55px; border-radius:10px 10px 0 0; background:rgba(0, 0, 0, 0.6); z-index:1001; }


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

.mVisible .slick-prev { left:calc(50% - 5px); background:url(/images/council/main/visible_btn_prev.png) no-repeat; }
.mVisible .slick-next { left:calc(50% + 70px); background:url(/images/council/main/visible_btn_next.png) no-repeat; }




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


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




@media (min-width:1025px) and (max-width:1280px){
	.mVisible { position:relative; float:left; width:calc(100% - 450px); height:400px; overflow:hidden; margin-right:50px; }
}


@media (max-width:1024px){
	.mVisible { position:relative; float:none; width:100%; height:400px; overflow:hidden; margin-bottom:30px; }
}

@media (max-width:480px){
	.mVisible { position:relative; float:none; width:100%; height:400px; overflow:hidden; margin-bottom:30px; }
	.mVisible .visibleList .list img { width:100%; height:400px; }

	
}





/* 프로필 */
.mProfile { float:left; width:400px; height:400px; padding-top:5px; box-sizing:border-box; }
.mProfile .txt1 { font-size:130%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#0e5072; margin-bottom:5px; }
.mProfile .name { text-align:left; color:#000; font-size:135%; margin-bottom:20px; }
.mProfile .name strong { font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; font-size:155%; }

.mProfile table { width:100%; border-top:1px solid #ddd; margin-bottom:25px; }
.mProfile table th { width:140px; padding:10px 0 11px 55px; box-sizing:border-box; border-bottom:1px solid #ddd; font-weight:normal; text-align:left; color:#111; vertical-align:top; }
.mProfile table td { width:calc(100% - 195px); padding:10px 0 11px 0; border-bottom:1px solid #ddd; color:#111; vertical-align:top; }
.mProfile table td .dong { font-size:85%; }
.mProfile table td i { font-style:normal; word-break:break-all; } 

.mProfile table th.th1 { background:url(/images/memberHome/main/mProfile_icon1.png) no-repeat 20px 10px; } 
.mProfile table th.th2 { background:url(/images/memberHome/main/mProfile_icon2.png) no-repeat 15px 10px } 
.mProfile table th.th3 { background:url(/images/memberHome/main/mProfile_icon3.png) no-repeat 14px 10px; } 
.mProfile table th.th4 { background:url(/images/memberHome/main/mProfile_icon4.png) no-repeat 15px 10px; } 
.mProfile table th.th5 { background:url(/images/memberHome/main/mProfile_icon5.png) no-repeat 15px 10px; } 

.mProfile .mBtn { width:356px; margin:0 auto; }

.mProfile .more1:link,
.mProfile .more1:visited { float:left; width:168px; height:50px; line-height:45px; padding-left:15px; border:3px solid #0e5072; box-sizing:border-box; color:#111; background:url(/images/memberHome/main/mblt_off.png) no-repeat 90% 50%; display:block; transition:0.3s; margin-right:20px; }
.mProfile .more1:active,
.mProfile .more1:focus,
.mProfile .more1:hover { background:#0e5072 url(/images/memberHome/main/mblt_on.png) no-repeat 90% 50% ; color:#fff; }

.mProfile .more2:link,
.mProfile .more2:visited { float:left; width:168px; height:50px; line-height:45px; padding-left:15px;   border:3px solid #0e5072;  box-sizing:border-box; color:#111; background:url(/images/memberHome/main/mblt_off.png) no-repeat 90% 50%; display:block; transition:0.3s;  }
.mProfile .more2:active,
.mProfile .more2:focus,
.mProfile .more2:hover { background:#0e5072 url(/images/memberHome/main/mblt_on.png) no-repeat 90% 50%; color:#fff; }




@media (min-width:1025px) and (max-width:1280px){
	.mProfile { float:left; width:400px; }

	
}

@media (max-width:1024px){
	.mProfile { float:none; width:100%; height:auto; }
	
}

@media (max-width:480px){
	.mProfile .mBtn { width:100%; margin:0 auto; }
	.mProfile .txt1 { font-size:120%; }
	.mProfile .more1:link,
	.mProfile .more1:visited { float:left; width:calc(50% - 10px); margin:0 5px; }
	.mProfile .more2:link,
	.mProfile .more2:visited { float:left; width:calc(50% - 10px); margin:0 5px; }

	
}



/*의사일정*/
.mMemsch { position:relative; float:left; width:500px; }
.mMemsch h1 { font-size:200%;  font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; letter-spacing:-1px; margin:10px 0 30px 0; }
.mMemsch .mDate { position:absolute; top:0; right:0;}
.mMemsch .mDate span { width:50px; height:50px; line-height:50px; border-radius:5px; background:#4c8564; color:#fff; font-size:200%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; display:inline-block; }

.mMemsch .mSchlist { width:100%; }
.mMemsch .mSchlist ul li { width:100%; height:50px; line-height:50px; text-align:center; background:#fff; border-radius:5px; margin-bottom:10px; }
.mMemsch .mSchlist ul li a:link,
.mMemsch .mSchlist ul li a:visited { width:100%; height:100%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:110%; display:block; }
.mMemsch .mSchlist ul li a:active,
.mMemsch .mSchlist ul li a:focus,
.mMemsch .mSchlist ul li a:hover { color:#0e5072; }

@media (min-width:1281px) and (max-width:1400px){
	.mMemsch { position:relative; float:left; width:500px; }

}

@media (min-width:1025px) and (max-width:1280px){
	.mMemsch { position:relative; float:left; width:370px; }
	.mMemsch h1 { font-size:190%;  font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; letter-spacing:-1px; margin:10px 0 30px 0; }
	.mMemsch .mDate span { width:45px; height:45px; line-height:45px; border-radius:5px; background:#4c8564; color:#fff; font-size:190%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; display:inline-block; }

	.mMemsch .mSchlist ul li a:link,
	.mMemsch .mSchlist ul li a:visited {padding:0 10px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

}

@media (min-width:769px) and (max-width:1024px){
	.mMemsch { position:relative; float:none; width:100%; }

}

@media (max-width:768px){
	.mMemsch { position:relative; float:none; width:100%; }

}

@media (max-width:640px){
	.mMemsch { position:relative; float:none; width:100%; }
	.mMemsch h1 { text-align:center; margin:0 0 15px 0; }
	.mMemsch .mDate { position:inherit; text-align:center; margin-bottom:20px;}

	.mMemsch .mSchlist ul li a:link,
	.mMemsch .mSchlist ul li a:visited {padding:0 10px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

}



/* 의정활동영상 */
.mLeftvod { float:left; width:calc(100% - 1042px); margin:20px 0 0 0; }
.mLeftvod h1 { font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:270%; letter-spacing:-1px; }
.mLeftvod p { color:#555; letter-spacing:-1px; margin-bottom:25px; }
.mLeftvod img {margin-left:25px;}

.mRightvod { float:right; width:1042px; }
.mRightvod ul { width:100%; }
.mRightvod ul li { position:relative; float:left; width:calc(33.3% -  30px); margin-right:45px; }
.mRightvod ul li:last-child{ margin-right:0; }
.mRightvod ul li h1 { font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:170%; letter-spacing:-1px; margin-bottom:15px; }

.mRightvod li a.more { position:absolute; top:5px; right:0; }

.mRightvod .area .picArea { position:relative; width:100%; height:auto;  border-radius:10px 10px 0 0; overflow:hidden; }
.mRightvod .area .picArea a { position:relative; width:100%; height:auto; overflow:hidden; display:block; }
.mRightvod .area .picArea a .pic { width:100%; height:0; padding-top:calc(184 / 326 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ background-size:cover !important; overflow:hidden; display:block; }
.mRightvod .area .picArea a .pic img { width:100%; }

.mRightvod .none { width:100%; height:120px; padding:24px 20px 0 20px; border:1px solid #ddd; border-radius:10px;  background:#fff; text-align:cneter; font-family:esamanru-Medium, "이사만루 미디엄"; }

.mRightvod .area .picArea .btn { position:absolute; left:20px; bottom:20px; }

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

.mRightvod .area .bar { width:100%; height:120px; padding:24px 20px 0 20px; border:1px solid #ddd; border-top:none; border-radius:0 0 10px 10px;  background:#fff; }
.mRightvod .area .bar a:link,
.mRightvod .area .bar a:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:2px; }
.mRightvod .area .bar a:active,
.mRightvod .area .bar a:focus,
.mRightvod .area .bar a:hover { color:#e06546; }

.mRightvod .area .bar p { color:#888; }
.mRightvod .area .bar p span { color:#113d8e; }

@media (min-width:1281px) and (max-width:1400px){
	.mLeftvod { float:left; width:calc(100% - 900px); margin:20px 0 0 0; }
	.mRightvod { float:right; width:900px; }

}

@media (min-width:1025px) and (max-width:1280px){
	.mLeftvod {display:none;}
	.mRightvod { float:none; width:100%; }

}

@media (min-width:769px) and (max-width:1024px){
	.mLeftvod {display:none;}
	.mRightvod { float:none; width:100%; }
	.mRightvod ul li { position:relative; float:left; width:calc(33.3% -  15px); margin-right:22.5px; }
	.mRightvod .area .bar p { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

}

@media (max-width:768px){
	.mLeftvod {display:none;}
	.mRightvod { float:none; width:100%; }
	.mRightvod ul li { position:relative; float:none; width:100%; margin:0 0 30px 0; }
	.mRightvod .area .bar p { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

}



/* 보도자료 */
.mBodo { position:relative; float:left; width:820px; margin-right:80px; }
.mBodo h1 { font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:170%; letter-spacing:-1px; margin-bottom:15px; }
.mBodo dl {  width:100%; }
.mBodo dl dt { float:left; width:326px; margin-right:30px; }
.mBodo dl dt img { width:100%; }
.mBodo dl dd { float:left; width:calc(100% - 356px); }

.mBodo a.more { position:absolute; top:5px; right:0; }

.mBodo dl dd.subject a:link,
.mBodo dl dd.subject a:visited { font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:120%;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin:10px 0 20px 0; }
.mBodo dl dd.subject a:active,
.mBodo dl dd.subject a:focus,
.mBodo dl dd.subject a:hover { color:#082964; }

.mBodo dl dd.txt { height:4.2em; line-height:1.4em; padding-right:0; color:#555; text-align:left; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-bottom:20px; }

.mBodo dl dd.date { font-size:95%; color:#888; }


@media (min-width:1281px) and (max-width:1400px){
	.mBodo { position:relative; float:left; width:750px; margin-right:50px; }
	.mBodo dl dt { float:left; width:300px; margin-right:30px; }

}

@media (min-width:1025px) and (max-width:1280px){
	.mBodo { position:relative; float:left; width:600px; margin-right:30px; }
	.mBodo dl dt { float:left; width:230px; margin-right:15px; }
	.mBodo dl dd { float:left; width:calc(100% - 245px); }

	.mBodo dl dd.subject a:link,
	.mBodo dl dd.subject a:visited { margin:0 0 15px 0; }

}

@media (min-width:769px) and (max-width:1024px){
	.mBodo { position:relative; float:none; width:100%; overflow: hidden; margin:0 0 30px 0; }
	.mBodo dl dt { float:left; width:230px; margin-right:15px; }
	.mBodo dl dd { float:left; width:calc(100% - 245px); }

	.mBodo dl dd.subject a:link,
	.mBodo dl dd.subject a:visited { margin:0 0 15px 0; }

}

@media (max-width:768px){
	.mBodo { position:relative; float:none; width:100%; overflow: hidden; margin:0 0 30px 0; }
	.mBodo dl dt { float:left; width:230px; margin-right:15px; }
	.mBodo dl dd { float:left; width:calc(100% - 245px); }

	.mBodo dl dd.subject a:link,
	.mBodo dl dd.subject a:visited { margin:0 0 15px 0; }

}

@media (max-width:640px){
	.mBodo { position:relative; float:none; width:100%; overflow: hidden; margin:0 0 30px 0; }
	.mBodo dl dt { float:left; width:200px; margin-right:15px; }
	.mBodo dl dd { float:left; width:calc(100% - 215px); }

	.mBodo dl dd.subject a:link,
	.mBodo dl dd.subject a:visited { margin:0 0 15px 0; }
}

@media (max-width:480px){
	.mBodo dl dt { float:none; width:100%; margin:0 0 15px 0; }
	.mBodo dl dd { float:none; width:100%; }

	.mBodo dl dd.subject a:link,
	.mBodo dl dd.subject a:visited { margin:0 0 5px 0; }

	.mBodo dl dd.txt { display:none;}


}


/* 대표의안발의 */
.mBill { position:relative;  float:right; width:calc(100% - 900px); height:265px; background:url(/images/memberHome/main/cont3_img.png) no-repeat right bottom; }
.mBill h1 { font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:170%; letter-spacing:-1px; margin-bottom:15px; }

.mBill .mBillbox { width:340px; height:100px; padding:20px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; margin-bottom:20px; }
.mBill .mBillbox a:link,
.mBill .mBillbox a:visited { height:2.8em; line-height:1.4em; padding-right:0; font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:120%; text-align:left; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mBill .mBillbox a:active,
.mBill .mBillbox a:focus,
.mBill .mBillbox a:hover { color:#082964; }

.mBill ul { width:340px; }
.mBill ul li { float:left; width:calc(50% - 25px); padding-left:10px; box-sizing:border-box; background:url(/images/memberHome/main/mblt.gif) no-repeat left center; margin:0 50px 10px 0; }
.mBill ul li:nth-child(2n) { margin-right:0; }

.mBill a.more { position:absolute; top:5px; right:0; }

@media (min-width:1281px) and (max-width:1400px){
	.mBill { position:relative;  float:right; width:calc(100% - 800px); background-size:110px;}

}

@media (min-width:1025px) and (max-width:1280px){
	.mBill { position:relative;  float:right; width:calc(100% - 630px); height:auto; background:none;}
	.mBill .mBillbox { width:100%; height:auto; margin-bottom:10px; }
	.mBill ul { width:100%; }

}

@media (min-width:769px) and (max-width:1024px){
	.mBill { position:relative;  float:none; width:100%; height:auto; background:none;}
	.mBill .mBillbox { width:100%; height:auto; margin-bottom:10px; }
	.mBill ul { width:100%; padding: 0 15px; box-sizing:border-box; }

}

@media (max-width:768px){
	.mBill { position:relative;  float:none; width:100%; height:auto; background:none;}
	.mBill .mBillbox { width:100%; height:auto; margin-bottom:10px; }
	.mBill ul { width:100%; padding: 0 15px; box-sizing:border-box; }

}



/* 의정활동사진 */
.mPhoto { position:relative; width:100%; text-align:center; margin:0 auto; }

.mPhoto h1 { color:#111; font-size:250%; font-family:esamanru-Medium, "이사만루 미디엄"; display:block; margin:0 0 3px 0; }
.mPhoto .txt { margin-bottom:27px; }

.mPhoto a.more { position:absolute; left:calc(50% + 223px); top:6px;}

.mPhoto ul.photoList { padding-bottom:15px; }
.mPhoto ul.photoList li { position:relative; float:left; width:326px !important; height:auto; border-radius:20px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); overflow:hidden; margin:0 16px; }

.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(216 / 326 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mPhoto ul li .pic img { width:100%; }

.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:92px; padding:19px 20px 0 20px;  background:#fff; text-align:left; }
.mPhoto ul li .bar a.subject:link,
.mPhoto ul li .bar a.subject:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:2px; }
.mPhoto ul li .bar a.subject:active,
.mPhoto ul li .bar a.subject:focus,
.mPhoto ul li .bar a.subject:hover { color:#1757b7; }

.mPhoto ul li .bar p { font-size:95%; color:#888; }

.mPhoto .slick-prev,
.mPhoto .slick-next { position:absolute; top:6px; width:31px; height:31px; line-height:31px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mPhoto .slick-prev { left:calc(50% + 127px); background:url(/images/memberHome/main/slick_btn_prev.gif) no-repeat; }
.mPhoto .slick-next { left:calc(50% + 191px); background:url(/images/memberHome/main/slick_btn_next.gif) no-repeat; }


			/*자동실행버튼(재생,일시정지)*/
.mPhoto .btn_play { position:absolute; left:calc(50% + 159px); top:6px; width:31px; height:31px; border:0; background: url(/images/memberHome/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mPhoto .btn_play.on { background:url(/images/memberHome/main/slick_btn_play.gif) no-repeat;  }


@media (max-width:768px){
	.mPhoto .txt { margin-bottom:77px; }
	.mPhoto a.more { left:calc(50% + 33px); top:90px;}	
	.mPhoto .slick-prev,
	.mPhoto .slick-next { top:90px; }

	.mPhoto .slick-prev { left:calc(50% - 63px); }
	.mPhoto .slick-next { left:calc(50% + 1px); }
	.mPhoto .btn_play { left:calc(50% - 31px); top:90px; }	
}




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

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

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


@media (max-width:768px){
	#bottom #bottomarea address span { display:block; margin:0 0 3px 0; }
}

@media (max-width:425px){
	#bottom #bottomarea .bottomMenu ul li { margin-right:15px; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { font-size:90%; }
	
}




/* 상단 검색 */
.mobileTopBtn .mobileTopBtn3 { display:none !important; }