@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:50px 0 44px 0; background:#f1f6fa; }
	#cont2 { width:100%; padding:50px 0; margin:0 auto; }
	#cont3 { position:relative; width:100%; padding:50px 0 100px 0; background:#e6eef9 url(/images/council/main/cont4_bg.gif) no-repeat 50% 50%; }	
	#cont4 { position:relative; width:100%; padding-bottom:92px; background:url(/images/council/main/cont5_bg.png) no-repeat right top; }	
	#cont5 { position:relative; width:100%; padding:50px 0 50px 0; overflow:hidden; }
	#cont6 { position:relative; width:100%; padding:15px 0; border-top:1px solid #ddd; overflow:hidden; }
		.containerarea { width:1400px; margin:0 auto; }
	
		
#bottom { position:relative; width:100%; border-top:1px 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){
	#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; margin-bottom:0px;  }
		
		#cont1 { position:relative; width:100%; padding:50px 15px 44px 15px; background:#f1f6fa; }
		#cont2 { width:100%; padding:50px 15px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:50px 15px 100px 15px; background:#e6eef9 url(/images/council/main/cont4_bg.gif) no-repeat 50% 50%; }	
		#cont4 { position:relative; width:100%; padding:0 15px 92px 15px; background:url(/images/council/main/cont5_bg.png) no-repeat right top; }		
		#cont5 { position:relative; width:100%; padding:50px 15px; box-sizing:border-box; }
		#cont6 { position:relative; width:100%; padding:15px 0; border-top:1px solid #ddd; overflow:hidden; }
			.containerarea { width:100%; margin:0 auto; }
		
			
	#bottom { position:relative; width:100%; border-top:1px solid #ddd; 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; margin-bottom:0px;  }
		
		#cont1 { position:relative; width:100%; padding:50px 15px 44px 15px; background:#f1f6fa; }
		#cont2 { width:100%; padding:50px 15px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:50px 15px 100px 15px; background:#e6eef9 url(/images/council/main/cont4_bg.gif) no-repeat 50% 50%; }	
		#cont4 { position:relative; width:100%; padding:0 15px 92px 15px; background:url(/images/council/main/cont5_bg.png) no-repeat right top; }		
		#cont5 { position:relative; width:100%; padding:50px 15px; box-sizing:border-box; }
		#cont6 { position:relative; width:100%; padding:15px 0; border-top:1px solid #ddd; overflow:hidden; }
			.containerarea { width:100%; margin:0 auto; }
	
		
	#bottom { position:relative; width:100%; border-top:1px solid #ddd; 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; margin-bottom:0px;  }
	
		#cont1 { position:relative; width:100%; padding:40px 30px 34px 30px; background:#f1f6fa; }
		#cont2 { width:100%; padding:40px 30px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:40px 30px 90px 30px; background:#e6eef9 url(/images/council/main/cont4_bg.gif) no-repeat 50% 50%; }	
		#cont4 { position:relative; width:100%; padding:0 30px 82px 30px; background:url(/images/council/main/cont5_bg.png) no-repeat right top; }		
		#cont5 { position:relative; width:100%; padding:40px 30px ; }	
		#cont6 { position:relative; width:100%; padding:15px 0; border-top:1px solid #ddd; overflow:hidden; }
			.containerarea { width:100%; margin:0 auto; }
	
		
	#bottom { position:relative; width:100%; border-top:1px solid #ddd; 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; margin-bottom:0px;  }
	
		#cont1 { position:relative; width:100%; padding:30px 15px 24px 15px; background:#f1f6fa; }
		#cont2 { width:100%; padding:30px 15px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:30px 15px 80px 15px; background:#e6eef9 url(/images/council/main/cont4_bg.gif) no-repeat 50% 50%; }	
		#cont4 { position:relative; width:100%; padding:0 15px 72px 15px; background:url(/images/council/main/cont5_bg.png) no-repeat right top; }		
		#cont5 { position:relative; width:100%; padding:30px 15px; }
		#cont6 { display:none; }
			.containerarea { width:100%; margin:0 auto; }
	
			
	#bottom { position:relative; width:100%; border-top:1px solid #ddd; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:25px 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% - 107px); 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% - 75px); 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 32px; 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:#25479e;  }


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

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

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

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


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


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:67px; width:100%; height:390px; 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; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:90%; 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:#ff8400; 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:393px; border-top:1px solid #ddd; border-bottom:3px solid #ff8400; background:#fff; display:none; z-index:10; }




@media (min-width:1153px) and (max-width:1280px){
	#topMenu > li > ul { height:390px; }	
	.menubox { height:393px; }
}


@media (min-width:1025px) and (max-width:1152px){
	#topMenu > li > ul { height:450px; }	
	.menubox { height:453px; }
}


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





/* 메인비주얼 */
.mVisible { position:relative; float:right; width:calc(100% - 440px); border-radius:10px; overflow:hidden; margin:0 0 40px 0; }

.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:auto; }

.mVisible .bar { position:absolute; left:calc(50% - 115px); 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% - 85px); background:url(/images/council/main/visible_btn_prev.png) no-repeat; }
.mVisible .slick-next { left:calc(50% + 55px); 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% - 50px); 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:1281px) and (max-width:1400px){
	
}


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

@media (min-width:769px) and (max-width:1024px){
	.mVisible { width:100%; margin:0 0 30px 0;}
}

@media (max-width:768px){
	.mVisible { width:100%; margin:0 0 30px 0; }	
}




/* 의장실 */
.mChairman { position:relative; float:left; width:400px; margin:0 40px 40px 0; }

.mChairman .mcbox { position:relative; width:100%; height:400px; padding:0 220px 0 30px; border-radius:10px; background:linear-gradient(135deg, #f3e9e8, #97b9d9); overflow:hidden; }
.mChairman .mcbox h1 { position:absolute; left:30px; top:30px; color:#ea2a4a; font-size:175%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:15px; }
.mChairman .mcbox h1 span { color:#06257b; }

.mChairman .mcbox .pic { position:absolute; right:-24px; bottom:-24px; transition:0.3s; z-index:1; }
.mChairman .mcbox .txt { line-height:1.5; color:#111; font-size:120%; margin:130px 0 15px; }
.mChairman .mcbox .txt strong { font-weight:normal; font-size:130%; font-family:esamanru-Medium, "이사만루 미디엄";}

.mChairman ul { position:relative; z-index:2;}
.mChairman ul li { display:block; margin-bottom:10px; }
.mChairman ul li:last-child { margin:0; }
.mChairman ul li a:link, 
.mChairman ul li a:visited { width:150px; height:40px; line-height:36px; padding-left:12px; border-radius:5px; background:#5c74c3 url(/images/council/main/chairman_blt_on.png) no-repeat right top; color:#fff; transition:0.3s; }
.mChairman ul li a:active,
.mChairman ul li a:focus,
.mChairman ul li a:hover { border-color:#26348b; background:#26348b url(/images/council/main/chairman_blt_on.png) no-repeat right top; color:#fff;  }

/* 의장단 교체 준비중일 때 */
.mChairman div.reday { padding:0; }
.mChairman div.reday p { background:url(/images/common/working.png) no-repeat center; text-align:center; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:112.5%; padding-top:240px; }



@media (min-width:1281px) and (max-width:1400px){
	.mChairman .mcbox { height:388px; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mChairman .mcbox { height:338px; }
	.mChairman .mcbox .pic { bottom:-80px; }
	.mChairman .mcbox .txt { margin:70px 0 15px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mChairman { width:100%; margin:0 0 30px 0; }
	.mChairman .mcbox { height:338px; padding:0 400px 0 30px; }
	.mChairman .mcbox .pic { right:60px; bottom:-80px; }
	.mChairman .mcbox .txt { margin:70px 0 15px; }
}

@media (max-width:768px){
	.mChairman { width:100%;  margin:0 0 30px 0; }
	.mChairman .mcbox { height:338px; padding:0 350px 0 30px; }
	.mChairman .mcbox h1 { left:15px; }
	.mChairman .mcbox .pic {  bottom:-80px; }
	.mChairman .mcbox .txt { margin:70px 0 15px; }	
}

@media (max-width:570px){
	.mChairman .mcbox { padding:0 180px 0 15px; }
	.mChairman .mcbox .pic { right:-40px; bottom:-80px; }
	.mChairman ul li a:link, 
	.mChairman ul li a:visited { width:130px; }
}








/* 의원증명사진소개 */
.mMember2 { position:relative; width:100%; overflow:hidden; }
.mMember2 ul { display:flex; flex-wrap:wrap; justify-content:start;}
.mMember2 li { float:left; margin:0 0.4% 5px 0; }



.mMember2 li img { width:100px; height:133px; }
.mMember2 li a img { width:100px; height:133px; }

.mMember2 li.noChairman {float:left; width:102px; border:1px solid #ddd; padding-top:25px; background:#fff; text-align:center; margin:0 0.4% 5px 0; }
.mMember2 li.noChairman  img { width:50px; height:auto; display:block; margin:0 auto; }
.mMember2 li.noChairman span { color:#000; font-weight:bold; margin-top:5px; }

.mMember2 li a:link,
.mMember2 li a:visited { position:relative; width:100%; border:1px solid #ddd; }
.mMember2 li a:active,
.mMember2 li a:focus,
.mMember2 li a:hover,
.mMember2 li a.select { border:1px solid #ea2a4a; }

.mMember2 li a:link span,
.mMember2 li a:visited span { position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px; background:rgba(0,0,0,0.6); color:#fff; text-align:center; transition:0.3s; display:block; }
.mMember2 li a:active span,
.mMember2 li a:focus span,
.mMember2 li a:hover span { background:#ea2a4a; }


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



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


@media (max-width:768px){
	.mMember2 ul { justify-content:space-between;}
	.mMember2 li img { width:90px; height:120px; }
	.mMember2 li a img { width:90px; height:120px; }

	.mMember2 li.noChairman { display:none; }

}

@media (max-width:540px){
	
	.mMember2 li { }
	.mMember2 li img { width:80px; height:106px; }
	.mMember2 li a img { width:80px; height:106px; }	


}











/* 생방송 일정 */
.mSchedule { position:relative; width:100%; height:40px; line-height:40px; padding-bottom:30px; border-bottom:1px solid #ddd; box-sizing:content-box; margin-bottom:40px; }

.mSchedule .scheduleLeft { float:left; width:250px; border-right:1px solid #ddd; }
.mSchedule .scheduleLeft h1 { float:left; color:#ea2a4a; font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-right:15px; }
.mSchedule .scheduleLeft h1 span { color:#06257b; }
.mSchedule .scheduleLeft a { float:left; width:22px; height:22px; display:block; margin:9px 0 0 0; }

.mSchedule .scheduleDate { float:left; width:250px; color:#ff8400; font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; }
.mSchedule .scheduleDate span { color:#333; font-size:75%; }

.mSchedule .listAll { position:relative; float:left; width:calc(100% - 500px); height:40px;  }
.mSchedule .listAll .listAllBar { position:relative; width:100%; height:100%; padding-right:130px; background:#eee; overflow:hidden; }
.mSchedule .listAll .listAllBar .list { position:relative; float:left; height:100%; font-size:110%; text-align:center; } 
.mSchedule .listAll .listAllBar a:link,
.mSchedule .listAll .listAllBar a:visited { width:100%; padding:0 20px;  box-sizing:border-box; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; transition:0.2s; } 
.mSchedule .listAll .listAllBar a:active,
.mSchedule .listAll .listAllBar a:focus,
.mSchedule .listAll .listAllBar a:hover { color:#ff8400; }

.mSchedule .listAll .listAllBar .none { text-align:center; color:#888; }

.mSchedule .listAll .bar { position:absolute; right:0; bottom:0px; width:130px; height:40px; line-height:40px; background:#eee; z-index:1001; }

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

.mSchedule .slick-prev { right:80px; background:url(/images/council/main/schedule_btn_prev.png) no-repeat; }
.mSchedule .slick-next { right:20px; background:url(/images/council/main/schedule_btn_next.png) no-repeat; }


			/*자동실행버튼(재생,일시정지)*/
.mSchedule .btn_play { position:absolute; right:50px; top:11px; width:18px; height:18px; border:0; background: url(/images/council/main/schedule_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001; }
.mSchedule .btn_play.on { background:url(/images/council/main/schedule_btn_play.png) no-repeat;  }



@media (min-width:1025px) and (max-width:1280px){
	.mSchedule .scheduleLeft { width:200px; }
	.mSchedule .listAll { width:calc(100% - 450px); }
}

@media (min-width:769px) and (max-width:1024px){
	.mSchedule { height:auto; margin-bottom:30px; }
	.mSchedule .scheduleLeft { width:50%; border-right:none;  }
	.mSchedule .scheduleDate { width:50%; text-align:right; }
	.mSchedule .listAll { width:100%; margin-top:10px; }
}


@media (max-width:768px){
	.mSchedule { height:auto; margin-bottom:30px; }
	.mSchedule .scheduleLeft { width:50%; border-right:none;  }
	.mSchedule .scheduleDate { width:50%; text-align:right; }
	.mSchedule .listAll { width:100%; margin-top:10px; }
		
}


@media (max-width:480px){
	.mSchedule .scheduleLeft { width:100%; }
	.mSchedule .scheduleDate { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-size:130%; }

	.mSchedule .listAll .listAllBar { padding-right:100px;  }
	.mSchedule .listAll .listAllBar a:link,
	.mSchedule .listAll .listAllBar a:visited { padding:0 0 0 15px; }
	.mSchedule .listAll .bar { width:100px; }
}




/* 최근게시물 */
.newcontent { position:relative; float:left; width:calc(100% - 560px); height:290px; margin:0 40px 40px 0; }
.newcontent ul#mtabmenu { width:100%; height:40px; z-index:11; }
.newcontent ul#mtabmenu > li { float:left; padding:0 24px 0 20px; background:url(/images/council/main/newcontent_tab_blt.gif) no-repeat right 17px; }
.newcontent ul#mtabmenu > li.tab1 { padding-left:0; }
.newcontent ul#mtabmenu > li.tab3 { padding-right:0; background:none; }

.newcontent ul#mtabmenu > li > a:link,
.newcontent ul#mtabmenu > li > a:visited { width:100%; height:40px; line-height:40px; color:#555; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:130%; text-align:center; display:inline-block; }
.newcontent ul#mtabmenu > li > a:active,
.newcontent ul#mtabmenu > li > a:focus,
.newcontent ul#mtabmenu > li > a:hover,
.newcontent ul#mtabmenu > li > a.select { color:#06257b; }

.newcontent ul#mtabmenu .newcontentBody { position:absolute; left:0px; top:48px; width:100%; height:250px; overflow:visible; display:none; }

.newcontent ul#mtabmenu ul { overflow:visible;}
.newcontent ul#mtabmenu ul li { float:left; width:calc(33.33% - 13.33px); height:115px;  font-size:100%; display:inline-block; overflow:visible; margin:0 20px 20px 0; }
.newcontent ul#mtabmenu ul li:nth-child(3n) { margin-right:0; }
.newcontent ul#mtabmenu ul li:nth-child(4),
.newcontent ul#mtabmenu ul li:nth-child(5),
.newcontent ul#mtabmenu ul li:nth-child(6) { margin-bottom:0; }

.newcontent ul#mtabmenu ul li .icon_new { position:relative; top:11px; padding:0 0 0 5px; display:inline-block; vertical-align:top; }

.newcontent ul#mtabmenu ul li a:link,
.newcontent ul#mtabmenu ul li a:visited { position:relative; width:100%; height:100%; padding:24px 20px 0 20px; border-radius:5px; border:1px solid #ddd;  background:#fff; transition:0.3s; }
.newcontent ul#mtabmenu ul li a:active,
.newcontent ul#mtabmenu ul li a:focus,
.newcontent ul#mtabmenu ul li a:hover { border:2px solid #ea2a4a; color:#0081ac; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5); }

.newcontent ul#mtabmenu ul li a:link .subject,
.newcontent ul#mtabmenu ul li a:visited .subject { color:#111; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; transition:0.3s;
	height:2.6em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; }
.newcontent ul#mtabmenu ul li a:active .subject, 
.newcontent ul#mtabmenu ul li a:focus .subject, 
.newcontent ul#mtabmenu ul li a:hover .subject { color:#ff8400; }


.newcontent ul#mtabmenu ul li a .date { position:absolute; right:20px; bottom:16px; color:#888; } 


.newcontent ul#mtabmenu ul li.more { position:absolute; top:-39px; right:0px; width:19px !important; height:19px !important; line-height:19px; padding:0; margin:0; border:none; background:none; z-index:12; }
.newcontent ul#mtabmenu ul li.more a { width:19px; height:19px; line-height:19px; margin:0; padding:0 !important; border:0; border-radius:0; background:none; box-shadow:none; display:block; }


@media (min-width:1025px) and (max-width:1280px){
	.newcontent { width:calc(55% - 15px); margin:0 15px 40px 0; }
	
	.newcontent ul#mtabmenu ul li a:link,
	.newcontent ul#mtabmenu ul li a:visited { padding:24px 10px 0 10px; }
	
	.newcontent ul#mtabmenu ul li a .date { right:10px; bottom:16px; } 
	
}

@media (min-width:769px) and (max-width:1024px){
	.newcontent { float:none; width:100%; margin:0 0 30px 0; }
}


@media (max-width:768px){
	.newcontent { float:none; width:100%; height:175px; margin:0 0 20px 0; }
	.newcontent ul#mtabmenu > li { padding:0 14px 0 10px; }
	
	.newcontent ul#mtabmenu > li > a:link,
	.newcontent ul#mtabmenu > li > a:visited { font-size:130%; }
	
	.newcontent ul#mtabmenu .newcontentBody { position:absolute; left:0px; top:48px; width:100%; height:115px; overflow:auto !important;  }
	
	.newcontent ul#mtabmenu ul { width:780px; overflow:visible; }
	.newcontent ul#mtabmenu ul li { width:250px; margin:0 15px 0 0; }
	.newcontent ul#mtabmenu ul li:nth-child(4),
	.newcontent ul#mtabmenu ul li:nth-child(5),
	.newcontent ul#mtabmenu ul li:nth-child(6) { display:none; }
}

@media (max-width:640px){
	.newcontent ul#mtabmenu > li { width:33.333%; }
	
	
}


/* 회의록/의안 */
.mMinBil { float:left; width:520px; margin-bottom:40px; }
.mMinBil h1 { color:#06257b; font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:18px; }
.mMinBil h1 span { color:#ea2a4a; }
.mMinBil .minBilBox { width:100%; height:250px; padding:20px 30px 0 30px; border:1px solid #ddd; border-radius:10px; background:#fff; overflow:hidden; }
.mMinBil .minBilBox .mMin { padding-bottom:15px; border-bottom:1px dashed #ddd; margin-bottom:15px; }
.mMinBil .minBilBox .mMin li { float:left; width:33.333%; height:30px; }
.mMinBil .minBilBox .mMin li a:link,
.mMinBil .minBilBox .mMin li a:visited { width:100%; height:30px; line-height:30px; padding-left:10px; background:url(/images/council/main/minBil_blt.png) no-repeat 0 50%; color:#333; transition:0.3s; }
.mMinBil .minBilBox .mMin li a:active,
.mMinBil .minBilBox .mMin li a:focus,
.mMinBil .minBilBox .mMin li a:hover { background:#ea2a4a; color:#fff; }

.mMinBil .minBilBox .mBil { position:relative; width:100%; }
.mMinBil .minBilBox .mBil label { float:left; width:100px; line-height:40px; color:#222; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:120%; letter-spacing:-1px; }
.mMinBil .minBilBox .mBil .text_bill { float:left; width:calc(100% - 200px); height:40px; line-height:38px; padding-left:15px; border:2px solid #ddd; box-sizing:border-box;  margin-right:10px; }
.mMinBil .minBilBox .mBil .submit_search { float:left; width:90px; height:40px; border:none; border-radius:3px; background:#06257b; color:#fff; text-align:center; cursor:pointer; display:inline-block; }


@media (min-width:1025px) and (max-width:1280px){
	.mMinBil { width:calc(45% - 15px); margin:0 0 40px 15px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mMinBil { width:100%; margin:0 0 30px 0; }
	.mMinBil .minBilBox .mMin li { width:25%; }
}

@media (max-width:768px){	
	.mMinBil { width:100%; margin:0 0 30px 0; }
	.mMinBil .minBilBox { height:auto; padding:20px 15px 20px 15px; }
}

@media (max-width:540px){	
	.mMinBil .minBilBox .mMin li { width:50%; }
	.mMinBil .minBilBox .mBil label { width:100%; display:block; }
	.mMinBil .minBilBox .mBil .text_bill { width:calc(100% - 100px); }
}



/* 빠른서비스 */
.mQuickmenu { position:relative; width:100%;  }

.mQuickmenu ul { display:flex; justify-content:space-between; overflow:visible; }
.mQuickmenu ul li { float:left; width:calc(12.5% - 17.5px);  }

.mQuickmenu ul li a:link,
.mQuickmenu ul li a:visited { width:100%; height:150px; border:2px solid #ddd; border-radius:20px; background:#fff; color:#111; text-align:center; transition:0.3s; display:block; }
.mQuickmenu ul li a:active,
.mQuickmenu ul li a:focus,
.mQuickmenu ul li a:hover { color:#ff7800; border-color:#ff7800; box-shadow:2px 2px 10px rgba(0,0,0,0.3);  }

.mQuickmenu ul li a span { width:100%; height:100%; padding-top:105px; display:block; }
.mQuickmenu ul li a.al1 span { background:url(/images/council/main/quickmenu_icon1.png) no-repeat 50% 15px; }
.mQuickmenu ul li a.al2 span { background:url(/images/council/main/quickmenu_icon2.png) no-repeat 50% 15px; }
.mQuickmenu ul li a.al3 span { background:url(/images/council/main/quickmenu_icon3.png) no-repeat 50% 15px; }
.mQuickmenu ul li a.al4 span { background:url(/images/council/main/quickmenu_icon4.png) no-repeat 50% 15px; }
.mQuickmenu ul li a.al5 span { background:url(/images/council/main/quickmenu_icon5.png) no-repeat 50% 15px; }
.mQuickmenu ul li a.al6 span { background:url(/images/council/main/quickmenu_icon6.png) no-repeat 50% 15px; }
.mQuickmenu ul li a.al7 span { background:url(/images/council/main/quickmenu_icon7.png) no-repeat 50% 15px; }
.mQuickmenu ul li a.al8 span { background:url(/images/council/main/quickmenu_icon8.png) no-repeat 50% 15px; }


@media (min-width:1025px) and (max-width:1280px){
	.mQuickmenu ul li a span { background-size:75px !important; }
}

@media (min-width:769px) and (max-width:1024px){
	.mQuickmenu ul { display:block; }
	.mQuickmenu ul li { width:calc(25% - 17.5px); margin:0 20px 20px 0; }
	.mQuickmenu ul li:nth-child(4n) { margin-right:0; }
	.mQuickmenu ul li:nth-child(5),
	.mQuickmenu ul li:nth-child(6),
	.mQuickmenu ul li:nth-child(7),
	.mQuickmenu ul li:nth-child(8) { margin-bottom:0px; }
}

@media (max-width:768px){	
	.mQuickmenu ul { display:block; }
	.mQuickmenu ul li { width:calc(25% - 17.5px); margin:0 20px 20px 0; }
	.mQuickmenu ul li:nth-child(4n) { margin-right:0px; }
	.mQuickmenu ul li:nth-child(5),
	.mQuickmenu ul li:nth-child(6),
	.mQuickmenu ul li:nth-child(7),
	.mQuickmenu ul li:nth-child(8) { margin-bottom:0px; }
	
	.mQuickmenu ul li a:link,
	.mQuickmenu ul li a:visited { height:140px; }
	
	.mQuickmenu ul li a span { padding-top:95px; background-size:75px !important; }
	
}

@media (max-width:540px){
	.mQuickmenu ul li { width:calc(25% - 7.5px); margin:0 10px 10px 0; }
	
	.mQuickmenu ul li a:link,
	.mQuickmenu ul li a:visited { height:110px; border-radius:10px; }
	
	.mQuickmenu ul li a span { padding-top:75px; background-position:50% 10px !important; background-size:60px !important; font-size:85%; letter-spacing:-1.5px; }
}




/* 구미시의회 새소식 */
.mNews { width:100%; margin-bottom:40px; }
.mNews .newsLeft { float:left; width:260px; }
.mNews .newsRight { float:left; width:calc(100% - 260px); }


.mNews .newsLeft h1 { height:48px; background:url(../images/council/main/news_h1_bgline.gif) no-repeat left bottom; color:#06257b; font-size:175%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:20px; }
.mNews .newsLeft h1 span { color:#ea2a4a; }
.mNews .newsLeft p span { display:block; }


.mNews .newsRight ul { overflow:visible; }
.mNews .newsRight ul li { position:relative; float:left; width:calc(25% - 15px); margin-right:20px; }
.mNews .newsRight ul li:last-child { margin-right:0px; }

.mNews .newsRight ul li i { width:100%; height:40px; line-height:42px; padding-left:15px; border-radius:0 30px 0 0; background:#3a79cf; color:#fff; font-style:normal; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄";  box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3); display:block; }

.mNews .newsRight ul li a.alink:link,
.mNews .newsRight ul li a.alink:visited { width:100%; height:160px; padding:40px 15px 0 15px; border-radius:0 0 0 30px; border:3px solid #fff; border-top:none; background:#fff; text-align:center; box-shadow:3px 3px 10px rgba(0, 0, 0, 0.3); transition:0.1s; }
.mNews .newsRight ul li a.alink:active,
.mNews .newsRight ul li a.alink:focus,
.mNews .newsRight ul li a.alink:hover { border:3px solid #3a79cf; border-top:none; }

.mNews .newsRight ul li a:link .subject,
.mNews .newsRight ul li a:visited .subject { color:#111; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; transition:0.3s; display:block; margin-bottom:7px; }
.mNews .newsRight ul li a:active .subject,
.mNews .newsRight ul li a:focus .subject,
.mNews .newsRight ul li a:hover .subject { color:#113d8e; }

.mNews .newsRight ul li a .date { color:#888; }

.mNews .newsRight ul li a.more:link,
.mNews .newsRight ul li a.more:visited { position:absolute; right:-5px; bottom:-5px;  width:130px; height:40px; line-height:40px; padding-left:25px; border-radius:10px; background:url(/images/council/main/news_more_off.png) no-repeat 80px 50%; color:#555;  font-size:95%; transition:0.2s; }
.mNews .newsRight ul li a.more:active,
.mNews .newsRight ul li a.more:focus,
.mNews .newsRight ul li a.more:hover { background:#06257b url(/images/council/main/news_more_on.png) no-repeat 80px 50%; color:#fff; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.3);  }


@media (min-width:1025px) and (max-width:1280px){
	.mNews .newsLeft { width:200px; }
	.mNews .newsRight { width:calc(100% - 200px); }
	
	.mNews .newsLeft h1 { height:auto; padding-bottom:17px; }
	.mNews .newsLeft h1 span { display:block; }
}


@media (min-width:769px) and (max-width:1024px){
	.mNews { margin-bottom:30px; }
	.mNews .newsLeft { float:none; width:100%; }
	.mNews .newsRight { float:none; width:100%; }
	
	.mNews .newsLeft h1 { float:left; height:auto; background:none; margin:0 15px 0 0; }
	.mNews .newsLeft p { position:relative; top:5px; left:left; margin-bottom:20px; }
	.mNews .newsLeft p span { display:inline; }
	
}

@media (max-width:768px){	
	.mNews { margin-bottom:20px; }
	.mNews .newsLeft { float:none; width:100%; }
	.mNews .newsRight { float:none; width:100%; }
	
	.mNews .newsLeft h1 { float:left; height:auto; background:none; margin:0 15px 0 0; }
	.mNews .newsLeft p { position:relative; top:5px; left:left; margin-bottom:20px; }
	.mNews .newsLeft p span { display:inline; }
	
	.mNews .newsRight ul li { width:calc(50% - 10px); margin:0 20px 20px 0; }
	.mNews .newsRight ul li:nth-child(2n) { margin-right:0; }
	.mNews .newsRight ul li:nth-child(3),
	.mNews .newsRight ul li:nth-child(4) { margin-bottom:0; }
}

@media (max-width:540px){
	.mNews .newsLeft h1 { float:none; margin:0 0 5px 0; }
	.mNews .newsLeft p { position:static; float:none; margin-bottom:20px; }
	
	.mNews .newsRight ul li { width:100%; margin:0 0 15px 0; }
	.mNews .newsRight ul li:nth-child(2n) { margin-right:0; }
	.mNews .newsRight ul li:nth-child(3),
	.mNews .newsRight ul li:nth-child(4) { margin-bottom:15px; }
	.mNews .newsRight ul li:last-child { margin-bottom:0px; }
}





/* 현의원소개 */
.mMember { width:100%; padding:50px 50px 60px 50px; border:1px solid #ddd; border-radius:10px; background:#fff; overflow:hidden; }
.mMember .memberLeft { float:left; width:420px; margin-right:70px; }
.mMember .memberLeft .mobile { display:none; }
.mMember .memberRight { float:left; width:calc(100% - 490px); }

.mMember > h1 { color:#06257b; font-size:175%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin-bottom:40px; }
.mMember > h1 span { color:#ea2a4a; }
.mMember > h1 a { position:relative; top:4px; margin-left:10px; }

.mMember .memberRight h1 { width:100%; padding:11px 15px 12px 15px; border-radius:5px; background:#5071d1; color:#fff; font-size:125%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:25px;  }
.mMember .memberRight h1 span { padding-left:20px; background:url(/images/council/main/member_localbar_line.gif) no-repeat left 50%; font-size:80%; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; display:inline-block; margin-left:20px; }
.mMember .memberRight ul li { float:left; width:calc(33.33% - 16.66px); margin-right:25px; }
.mMember .memberRight ul li:last-child { margin-right:0; }


.mMember .memberRight ul li dl { width:100%; }
.mMember .memberRight ul li dt { float:left; width:125px; }
.mMember .memberRight ul li dt img { width:110px; height:142px; padding:3px; border:1px solid #ddd;  }
.mMember .memberRight ul li dd { margin-left:125px; width:calc(100% - 125px); padding:3px 0 1px 0; overflow:hidden;  }

.mMember .memberRight ul li dd.name { margin-top:5px; }
.mMember .memberRight ul li dd.name strong { color:#000; font-weight:normal; font-size:130%; font-family:esamanru-Medium, "이사만루 미디엄"; }

.mMember .memberRight ul li dd a.abtn:link,
.mMember .memberRight ul li dd a.abtn:visited { width:110px; height:35px; line-height:35px; border-radius:3px; background:#30a5b0; color:#fff; font-size:90%; text-align:center; transition:0.3s; display:inline-block; margin:10px 0 0 0; }
.mMember .memberRight ul li dd a.abtn:active,
.mMember .memberRight ul li dd a.abtn:focus,
.mMember .memberRight ul li dd a.abtn:hover { background:#113d8e; }



@media (min-width:1025px) and (max-width:1280px){
	.mMember { padding:50px 30px 35px 30px; }
	.mMember .memberLeft { width:300px; margin-right:40px; }
	.mMember .memberRight { width:calc(100% - 340px); }
	
	.mMember .memberLeft .mobile { display:block; }
	.mMember .memberLeft .pc { display:none; }
	
	.mMember .memberRight ul li { width:calc(50% - 15px); margin:0 15px 25px 0; }
	.mMember .memberRight ul li:nth-child(even) { margin:0 0 25px 15px; }
}


@media (min-width:769px) and (max-width:1024px){
	.mMember { padding:50px 30px 35px 30px; }
	.mMember .memberLeft { width:300px; margin-right:50px; }
	.mMember .memberRight { width:calc(100% - 350px); }
	
	.mMember .memberLeft .mobile { display:block; }
	.mMember .memberLeft .pc { display:none; }
	
	.mMember .memberRight ul li { width:100%; margin:0 0 20px 0; }
	.mMember .memberRight ul li:last-child { margin:0; }

}


@media (max-width:768px){
	.mMember { padding:30px 15px 15px 15px; }
	.mMember .memberLeft { width:100%; text-align:center; margin:0 0 20px 0; }
	.mMember .memberRight { width:100%; }
	
	.mMember .memberLeft .mobile { display:block; }
	.mMember .memberLeft .pc { display:none; }
	
	.mMember .memberRight ul li { width:calc(50% - 10px); margin:0 10px 20px 0; }
	.mMember .memberRight ul li:nth-child(even) { margin:0 0 20px 10px; }
}


@media (max-width:600px){
	.mMember .memberRight ul li { width:100%; margin:0 0 20px 0; }
	.mMember .memberRight ul li:nth-child(even) { margin:0 0 20px 0;  }
	.mMember .memberRight ul li:last-child { margin:0; }	
}


@media (max-width:425px){
	.mMember .memberRight h1 span { padding-left:0px; background:none; display:block; margin:2px 0 0 0; } 
	
	.mMember .memberRight ul li dt { width:115px; }
	.mMember .memberRight ul li dt img { width:100px; height:129px; }
	.mMember .memberRight ul li dd { margin-left:115px; width:calc(100% - 115px); }
}






/* 포토갤러리 */
.mPhoto { position:relative; width:100%; margin:0 auto; }
.mPhoto .photo_top { margin-bottom:20px; }
.mPhoto .photo_top:before { content:''; position:absolute; left:0px; top:-50px; width:573px; height:400px; background:url(/images/council/main/photo_topbg.png) no-repeat left top; z-index:11; }

.mPhoto .photo_top h1 { position:relative; color:#fff; font-size:175%; font-family:esamanru-Medium, "이사만루 미디엄"; display:block; z-index:12; margin:0 0 15px 0; }
.mPhoto .photo_top h1 span { color:#ffc600; }
.mPhoto .photo_top p { position:relative; color:#eee; letter-spacing:-1px; display:inline-block; z-index:13; margin-right:30px; }
.mPhoto .photo_top a:link,
.mPhoto .photo_top a:visited { position:relative; width:130px; height:40px; line-height:40px; padding-left:25px; border-radius:10px; background:#ff8a00 url(/images/council/main/news_more_on.png) no-repeat 80px 50%; color:#fff; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.3); transition:0.3s; z-index:14; }
.mPhoto .photo_top a:active,
.mPhoto .photo_top a:focus,
.mPhoto .photo_top a:hover { background:#5faf00 url(/images/council/main/news_more_on.png) no-repeat 80px 50%; }


.mPhoto .photoBody { position:relative; z-index:15; }

.mPhoto ul { width:100%; display:flex; justify-content:space-between; }
.mPhoto ul li { position:relative; width:calc(25% - 24px); }

.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%; }

.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:20px 20px 0 20px;  background:#fff; }
.mPhoto ul li .subject a:link,
.mPhoto ul li .subject 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:6px; }
.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:#888; }




@media (min-width:1281px) and (max-width:1400px){
	.mPhoto { width:100%; }
	.mPhoto .photo_top:before { left:-15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.mPhoto { width:100%; }
	.mPhoto .photo_top:before { left:-30px; }
}


@media (min-width:769px) and (max-width:1024px){
	.mPhoto { width:100%; }
	.mPhoto .photo_top:before { left:-30px; }
	
	.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){
	.mPhoto { width:100%; }

	.mPhoto .photo_top:before { left:-15px; width:calc(100% + 30px); }
	
	.mPhoto .photo_top p { margin:0 0 20px 0; }
	.mPhoto .photo_top a:link,
	.mPhoto .photo_top a:visited { display:block; }
	
	.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; }
}



/* SNS */
.mSns { float:left; position:relative; width:calc(50% - 10px); overflow:hidden; }
.mSns1 { margin-right:10px; }
.mSns2 { margin-left:10px; }

.mSns h1 { height:40px; background:url(../images/council/main/news_h1_bgline.gif) no-repeat left bottom; color:#06257b; font-size:175%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:10px; }
.mSns h1 span { color:#ea2a4a; }
.mSns1 > h1 a { margin-left:0; }

.mSns2 h1 span { color:#ea2a4a; }
.mSns2 > h1 a { position:relative; top:4px; margin-left:10px; }

.mSns p.txt { margin-bottom:10px; }

.mSns ul { width:100%; }
.mSns ul li { float:left; width:calc(50% - 10px); height:100%; box-sizing:border-box; display:block; overflow:hidden; margin-right:20px; }
.mSns ul li:nth-child(2n) { margin-right:0; }

.mSns ul li a { position:relative; width:100%; height:100%; }


.mSns ul li .picArea { width:100%; height:auto;  border-radius:15px 15px 0 0; overflow:hidden; }
.mSns ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.mSns ul li .pic { width:100%; height:0; padding-top:calc(300 / 335 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mSns ul li .pic img { width:100%; }

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


.mSns ul li .bar { width:100%; padding:20px 15px; box-sizing:border-box; border:1px solid #ddd; border-radius:0 0 20px 20px; }


.mSns ul li a:link .subject,
.mSns ul li a:visited .subject { width:100%; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:120%; height:1.3em; line-height:1.3em; color:#555; text-align:left; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#333; margin-bottom:6px; transition:0.3s; }
.mSns ul li a:active .subject,
.mSns ul li a:focus .subject,
.mSns ul li a:hover .subject { color:#6b99c3; }
.mSns ul li a .date { text-align:left; color:#888; }

.mSns li ul li:last-child { position:absolute; width:19px; height:19px; top:-38px; right:0; margin-right:0; }
.mSns ul li:last-child a { border:0; padding:0; }



@media (max-width:768px){
	.mSns { float:none; position:relative; width:100%; }
	.mSns1 { margin:0 0 30px 0; }
	.mSns2 { margin:0; }
}

@media (max-width:480px){
	.mSns ul li { float:none; width:100%; height:auto; box-sizing:border-box; display:block; overflow:hidden; margin:0 0 20px 0; }
	.mSns ul li:nth-child(2n) { margin:0; }
}





/* 하단 */
#bottom .bottomLink { position:absolute; top:20px; left:calc(50% - 250px); width:auto;  border:1px solid #ddd; background:#fff url(/images/memberHome/main/mMore.png) no-repeat 165px center; z-index:6; }
#bottom .bottomLink > ul { width:200px; height:50px; overflow:visible; margin:0 auto; }
#bottom .bottomLink > ul > li { float:left; position:relative; width:100%; height:50px; border-right:1px solid #ddd; }
#bottom .bottomLink > ul > li:first-child { width:100%; border-left:1px solid #ddd; }

#bottom .bottomLink > ul > li > a:link,
#bottom .bottomLink > ul > li > a:visited { width:100%; height:50px; line-height:50px; padding-left:20px; box-sizing:border-box; background:url(/images/inc/bottom_link_more.gif) no-repeat right top; color:#666; display:block; }
#bottom .bottomLink > ul > li > a:active,
#bottom .bottomLink > ul > li > a:focus,
#bottom .bottomLink > ul > li > a:hover { color:#111; } 

#bottom .bottomLink ul li ul { position:absolute; left:0; bottom:50px; width:100%; height:180px; border:1px solid #16385b; background:#333b45; box-sizing:border-box; overflow:auto; z-index:1000; display:none; }
#bottom .bottomLink ul li ul li { display:block; }
#bottom .bottomLink ul li ul li a:link,
#bottom .bottomLink ul li ul li a:visited { width:100%; height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; color:#ccc; display:block; }
#bottom .bottomLink ul li ul li a:active,
#bottom .bottomLink ul li ul li a:focus,
#bottom .bottomLink ul li ul li a:hover { color:#fff; }

#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:#666; }
#bottom #bottomarea .bottomMenu ul li a:active,
#bottom #bottomarea .bottomMenu ul li a:focus,
#bottom #bottomarea .bottomMenu ul li a:hover { color:#111; }

#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:link,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:visited { color:#ff8a00; }
#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:#5faf00; }


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

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

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

@media (max-width:1400px){
	#bottom .bottomLink {top:20px; left:inherit; right:30px;	}
}

@media (max-width:768px){
	#bottom .bottomLink { position:relative; top:0; left:0; width:100%; border-left:none; border-right:none;  border-bottom:1px solid #ddd; background:#fff url(/images/memberHome/main/mMore.png) no-repeat right center; background-position:98% center; z-index:6; }
	#bottom .bottomLink > ul { width:100%; }
	#bottom .bottomLink > ul > li { border:none; }
	#bottom .bottomLink > ul > li:first-child { border:none; }
	
}

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


/* 배너모음 */
.mBanner {	position:relative;	width:1400px; height:60px; z-index:3; margin:0 auto; }
.mBanner h1 { float:left; width:90px; height:60px; line-height:60px; font-size:125%; color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; }
.mBanner .control {	float:left; width:80px; display:inline; margin-top:15px; }
.mBanner .control a { float:left; margin-right:5px;  }

.mBanner .bannerarea { position:absolute; left:0; top:0px; width:100%; height:60px; overflow:hidden; padding-left:232px; box-sizing:border-box; }
.mBanner .bannerarea ul { width:1700px !important; height:60px;  white-space: nowrap; overflow:hidden;}
.mBanner .bannerarea ul li { float:left; width:192px; height:60px; margin:0 5px; }
.mBanner .bannerarea ul li img { width:190px; height:60px; border:1px solid #ddd; }

.mBanner .btn_more { position:absolute; left:191px; top:13px; width:32px; height:32px; border:1px solid #ddd; background:url(/images/common/btn_moreG.gif) no-repeat center; font-size:0; border-radius:4px; }
.mBanner .banner_btn_play { position:absolute; left:117px; top:13px; width:32px; height:32px; border:0; background: url(/images/council/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mBanner .banner_btn_play.on { background:url(/images/council/main/slick_btn_play.png) no-repeat;  }

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

.mBanner .slick-prev { left:80px; background:url(/images/council/main/slick_btn_prev.png) no-repeat; }
.mBanner .slick-next { left:154px; background:url(/images/council/main/slick_btn_next.png) no-repeat; }


@media (max-width:768px){
	.mBanner { display:none;}
}



/* 오늘의 생방송 */
/*.mOnair { position:absolute; left:0; right:0; top:0; width:100%; padding:20px 0; border-top:1px solid #eee; border-bottom:2px solid #113d8e; background:#fafafa; overflow:hidden; z-index:100;  }*/
.mOnair { width:100%; padding:20px 0; border-bottom:2px solid #113d8e; background:#fafafa; overflow:hidden; z-index:100;  }
.mOnair .onairarea { width:1400px; overflow:hidden; margin:0 auto; }

.mOnair .onairarea h1 { float:left; width:240px; height:50px; line-height:50px; border-right:1px solid #ddd;  color:#000; font-size:140%; font-family:esamanru-Medium, "이사만루 미디엄"; }
.mOnair .onairarea h1 span { width:90px; height:40px; line-height:40px; border-radius:3px; background:#5c74c3; color:#fff; text-align:center; font-size:90%; display:inline-block; letter-spacing:-1px; margin-right:10px; }

.mOnair .onairarea .onair_list { float:left; width:calc(100% - 490px); padding-left:30px;  }
.mOnair .onairarea .onair_list li { float:left; width:50%; height:40px; line-height:40px; display:block; margin-top:5px; }
.mOnair .onairarea .onair_list li .icon { float:left; width:72px; border-radius:3px; color:#fff; font-weight:800; font-size:110%; text-align:center; display:inline-block; margin-right:10px; }
.mOnair .onairarea .onair_list li .typeOn { background:#fc173e; }
.mOnair .onairarea .onair_list li .typeOff { background:#dddddd; color:#333; }
.mOnair .onairarea .onair_list li .typeEnd { background:#40423f; }

.mOnair .onairarea .onair_list li .subject { float:left; width:calc(100% - 187px); }
.mOnair .onairarea .onair_list li .subject a:link,
.mOnair .onairarea .onair_list li .subject a:visited { width:100%; height:40px; line-height:40px; color:#333; font-size:110%;  font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.mOnair .onairarea .onair_list li .subject a:active,
.mOnair .onairarea .onair_list li .subject a:focus,
.mOnair .onairarea .onair_list li .subject a:hover { color:#1757b7; } 

.mOnair .onairarea .onair_list li .time { float:left; width:100px; height:40px; line-height:40px; padding-left:41px;  background:url(/images/broadcast/onair_timeicon.png) no-repeat 0 50%;  }


.mOnair .onairarea .example { float:right; width:250px; text-align:right; }
.mOnair .onairarea .example li { float:left; padding:12px 0 17px 0; margin-right:15px; }
.mOnair .onairarea .example li:last-child { margin-right:0; } 
.mOnair .onairarea .example li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; margin-right:5px; }
.mOnair .onairarea .example li .ex1 { background:#da131a;}
.mOnair .onairarea .example li .ex2 { background:#40423f;}
.mOnair .onairarea .example li .ex3 { background:#dddddd;}

@media (min-width:1281px) and (max-width:1400px){
	.mOnair { padding:20px 15px;  }
	.mOnair .onairarea { width:100%; }
	.mOnair .onairarea .onair_list { width:calc(100% - 390px); }
	.mOnair .onairarea .example { width:150px; margin-top:10px; }
	.mOnair .onairarea .example li { padding:2px 0 7px 0; margin:0; }
}



@media (min-width:1025px) and (max-width:1280px){
	.mOnair { padding:20px 15px;  }
	.mOnair .onairarea { width:100%; }
	.mOnair .onairarea .onair_list li { float:none; width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	.mOnair { padding:20px 15px;  }
	.mOnair .onairarea { width:100%; }
	.mOnair .onairarea .onair_list { width:calc(100% - 390px); }
	.mOnair .onairarea .onair_list li { float:none; width:100%; }
	.mOnair .onairarea .example { width:150px; margin-top:10px; }
	.mOnair .onairarea .example li { padding:2px 0 7px 0; margin:0; }
}


@media (max-width:768px){
	.mOnair { padding:20px 15px 10px 15px;  }
	.mOnair .onairarea { width:100%; }

	.mOnair .onairarea h1 { float:none; width:100%; height:55px; border:0; border-bottom:1px solid #ddd; vertical-align:top;  }

	.mOnair .onairarea .onair_list { float:none; width:100%; padding:10px 0; border-bottom:1px solid #ddd;  }
	.mOnair .onairarea .onair_list li { float:none; width:100%; padding:5px 0; box-sizing:content-box; margin:0; }
	.mOnair .onairarea .onair_list li .subject { width:calc(100% - 167px); }
	.mOnair .onairarea .onair_list li .time { width:80px; }
}