@charset "utf-8";


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

#top { position:relative; min-width:1400px; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1400px; height:170px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:100%; width:100%; }
	
	#cont1 { position:relative; width:100%; padding:60px 0; background:url(/images/council/main/cont1_bg.jpg) no-repeat 50% top; overflow:hidden; }	
	#cont2 { position:relative; width:100%; padding:60px 0 0; background:#f4f4f4 url(/images/council/main/cont2_bg.png) no-repeat 50% 50%; } 		
	#cont3 { position:relative; width:100%; padding:46px 0 45px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
	#cont4 { position:relative; width:1400px; padding:50px 0 110px; margin:0 auto; }
		.containerarea { width:1400px; overflow:hidden; margin:0 auto; }
	
#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
	#bottomarea { position:relative; width:1400px; padding:32px 0 70px 0; margin:0 auto; z-index:5; }


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

	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; z-index:1005; } 
		
	#container { position:relative; min-width:100%; width:100%; }
		
		#cont1 { position:relative; width:100%; padding:60px 15px; background:url(/images/council/main/cont1_bg.jpg) no-repeat 50% top; overflow:hidden; }	
		#cont2 { position:relative; width:100%; padding:60px 15px 0; background:#f4f4f4 url(/images/council/main/cont2_bg.png) no-repeat 50% 50%; } 		
		#cont3 { position:relative; width:100%; padding:46px 0 45px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
		#cont4 { position:relative; width:100%; padding:50px 15px 110px; margin:0 auto; }
			.containerarea { width:100%; margin:0 auto; }
		
			
	#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; z-index:5; }
}


@media (min-width:1025px) and (max-width:1280px){
	html, body, #gaonwrap { min-width:100%; width:100%; }		
	
	#top {  position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/common/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:165px; margin:0 auto; overflow:visible; z-index:1005; }	
		
	#container { position:relative; min-width:100%; width:100%; }
		
		#cont1 { position:relative; width:100%; padding:60px 15px; background:url(/images/council/main/cont1_bg.jpg) no-repeat 50% top; overflow:hidden; }	
		#cont2 { position:relative; width:100%; padding:60px 15px 0; background:#f4f4f4 url(/images/council/main/cont2_bg.png) no-repeat 50% 50%; } 		
		#cont3 { position:relative; width:100%; padding:46px 15px 45px 15px; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
		#cont4 { position:relative; width:100%; padding:50px 15px 110px; margin:0 auto; }
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; z-index:1005; } 
		
	#container { position:relative; min-width:100%; width:100%; }	
		
		#cont1 { position:relative; width:100%; padding:45px 30px; background:url(/images/council/main/cont1_bg.jpg) no-repeat 50% top; overflow:hidden; }	
		#cont2 { position:relative; width:100%; padding:60px 30px 0; background:#f4f4f4 url(/images/council/main/cont2_bg.png) no-repeat 50% 50%; } 		
		#cont3 { position:relative; width:100%; padding:36px 0 35px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
		#cont4 { position:relative; width:100%; padding:35px 30px 95px; margin:0 auto; }
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; }
		#bottomarea { position:relative; width:100%; padding:32px 30px 70px 30px; margin:0 auto; z-index:5; }
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; z-index:1005; }
		
	#container { position:relative; min-width:100%; width:100%; }
	
		#cont1 { position:relative; width:100%; padding:30px 15px; background:url(/images/council/main/cont1_bg.jpg) no-repeat 50% top; overflow:hidden; }	
		#cont2 { position:relative; width:100%; padding:30px 15px 0; background:#f4f4f4 url(/images/council/main/cont2_bg.png) no-repeat 50% 50%; } 		
		#cont3 { position:relative; width:100%; padding:26px 0 75px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
		#cont4 { display:none; }
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { position:relative; width:100%; z-index:4; background:#1d214d; color:#ccc; font-size:90%; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; z-index:5; }
}







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


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


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


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

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



/* 메인 메뉴 */
#menu { position:absolute; right:0; top:97px; }
#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:70px; vertical-align:top; padding:0 36px; color:#222; font-size:140%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#2030ab;  }



@media (max-width:1400px){
	#menu { width:calc(100% - 276px); }	
	#topMenu > li { width:14.285%; }
	
	#topMenu > li > a:link,
	#topMenu > li > a:visited { width:100%; padding:0; }
}


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


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

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; padding:0; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size: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:#e82172; 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:430px; border-top:1px solid #ddd; border-bottom:3px solid #ff5244; background:#fff; display:none; z-index:10; }




@media (min-width:1153px) and (max-width:1280px){
	#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 { float:left; position:relative; width:calc(100% - 560px); border-radius:20px; overflow:hidden; margin:0 40px 0 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% - 70px); bottom:5px; width:140px; height:40px; line-height:40px; border-radius:20px; background:rgba(0, 0, 0, 0.6); z-index:1001; }


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

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




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


			/* Dots 메인 서브  */
.mVisible .slick-dotted.slick-slider {  }
.mVisible .slick-dots { position:absolute; left:calc(50% - 70px); bottom:1px; 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:5px; z-index:1003;}

@media (min-width:1025px) and (max-width:1280px){
	.mVisible { width:calc(60% - 15px); margin:0 15px 30px 0; }
}


@media (min-width:769px) and (max-width:1024px){
	.mVisible { width:100%; margin:0 0 30px 0; }
	.mVisible .bar { bottom:15px; }
	.mVisible .slick-prev,
	.mVisible .slick-next { bottom:27px; }
	.mVisible .slick-dots { bottom:11px; }
}

@media (max-width:768px){
	.mVisible { width:100%; margin:0 0 30px 0; }
	.mVisible .bar { bottom:5px; }
	.mVisible .slick-prev,
	.mVisible .slick-next { bottom:17px; }
	.mVisible .slick-dots { bottom:1px; }
}





/* 의장실 */
.mChairman { position:relative; float:left; width:520px; height:285px; padding:38px 30px 0 30px; border-radius:20px; background:#fff url(/images/council/main/chairman_bg.jpg) no-repeat right top; overflow:hidden; margin:0 0 20px 0; }
.mChairman h1 { color:#111; font-size:185%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:19px; }
.mChairman .txt { margin-bottom:26px; }
.mChairman .txt strong { color:#111; font-weight:normal; font-size:155%; font-family:esamanru-Medium, "이사만루 미디엄"; display:block; margin-top:5px; }

.mChairman ul { position:relative; z-index:2;}
.mChairman ul li { float:left; margin:0 10px 0 0; }
.mChairman ul li:last-child { margin:0; }
.mChairman ul li a:link, 
.mChairman ul li a:visited { float:left; width:100px; height:40px; line-height:38px; border-radius:20px; background:#2030ab; color:#fff; text-align:center; transition:0.3s; }
.mChairman ul li a:active,
.mChairman ul li a:focus,
.mChairman ul li a:hover { background:#151f66;  }

.mChairman ul li:last-child a:link, 
.mChairman ul li:last-child a:visited { background:#e82172;}
.mChairman ul li:last-child a:active,
.mChairman ul li:last-child a:focus,
.mChairman ul li:last-child a:hover { background:#931649; }

.mChairman .pic { position:absolute; right:15px; bottom:0px; transition:0.3s; z-index:1; }


@media (min-width:1025px) and (max-width:1280px){
	.mChairman { width:calc(40% - 15px); height:318px; margin:0 0 30px 15px; }
	.mChairman .pic { right:-15px; } 
}

@media (min-width:769px) and (max-width:1024px){
	.mChairman { width:calc(50% - 15px); padding:38px 15px 0 15px; margin:0 15px 0 0; }
	.mChairman .pic { right:-30px; } 
}

@media (max-width:768px){
	.mChairman { width:100%; padding:38px 15px 0 15px; margin:0 0 30px 0; }	
	.mChairman .pic { right:-30px; }
	.mChairman .pic img { height:230px; }
	
}



/* 의사일정 */
.mSchedule { float:left; position:relative; width:520px; height:155px; padding:25px 30px 0 30px; border-radius:20px; background:#fff; overflow:hidden; }

.mSchedule .scheduleTop { width:100%; margin-bottom:15px; }
.mSchedule .scheduleTop h1 { float:left; width:90px; height:40px; line-height:42px; color:#111; font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1.5px; }
.mSchedule .scheduleTop a.more { float:left; width:36px; height:16px; display:block; margin:12px 0 0 0; }

.mSchedule .scheduleTop .scheduleDate { float:left; width:calc(100% - 260px); height:40px; line-height:40px; background:#a12f8f; color:#fff; font-size:120%; text-align:center; }
.mSchedule .scheduleTop .scheduleDate strong { color:#ffd40c; font-weight:normal; }
.mSchedule .scheduleTop a.abtn_link:link,
.mSchedule .scheduleTop a.abtn_link:visited { float:left; width:134px; line-height:40px; color:#555; text-align:right; letter-spacing:-1px; display:block; }
.mSchedule .scheduleTop a.abtn_link:active,
.mSchedule .scheduleTop a.abtn_link:focus,
.mSchedule .scheduleTop a.abtn_link:hover { color:#a12f8f; }
.mSchedule .scheduleTop a.abtn_link span { padding-left:22px; background:url(/images/council/main/schedule_icon.gif) no-repeat 0 50%; display:inline-block; }


.mSchedule .listAll { position:relative; width:100%; height:50px;  }
.mSchedule .listAll .listAllBar { position:relative; width:100%; height:100%; padding-right:100px; background:#f4f4f4; overflow:hidden; }
.mSchedule .listAll .listAllBar .list { position:relative; float:left; height:100%; font-size:110%;  } 
.mSchedule .listAll .listAllBar a:link,
.mSchedule .listAll .listAllBar a:visited { width:100%; height:50px; line-height:50px; padding:0 0 0 30px; background:url(/images/common/blt_yellow.gif) no-repeat 20px 50%; color:#222; 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:#ff5244; }

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

.mSchedule .listAll .bar { position:absolute; right:0; bottom:0px; width:110px; height:50px; line-height:50px; background:#f4f4f4; z-index:1001; }

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

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


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



@media (min-width:1025px) and (max-width:1280px){
	.mSchedule { width:100%; margin:0; }

	
}

@media (min-width:769px) and (max-width:1024px){
	.mSchedule { width:calc(50% - 15px); height:285px; padding:25px 15px 0 15px; margin:0 0 0 15px; }
	.mSchedule .scheduleTop h1 { margin-bottom:15px; }
	.mSchedule .scheduleTop .scheduleDate { width:100%;  }
	.mSchedule .scheduleTop a.abtn_link:link,
	.mSchedule .scheduleTop a.abtn_link:visited { width:100%; }
	.mSchedule .listAll .listAllBar { padding-right:80px; }
	.mSchedule .listAll .listAllBar a:link,
	.mSchedule .listAll .listAllBar a:visited { padding:0 0 0 15px; background:none; }
	
	.mSchedule .listAll .bar { width:80px; }
}


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


@media (max-width:500px){
	.mSchedule { height:auto; padding:25px 15px 30px 15px; }
	.mSchedule .scheduleTop h1 { margin-bottom:10px; }
	.mSchedule .scheduleTop .scheduleDate { width:100%;  }
	.mSchedule .scheduleTop a.abtn_link:link,
	.mSchedule .scheduleTop a.abtn_link:visited { width:100%; }
	.mSchedule .listAll .listAllBar { padding-right:80px; }
	.mSchedule .listAll .listAllBar a:link,
	.mSchedule .listAll .listAllBar a:visited { padding:0 0 0 15px; background:none; }
	
	.mSchedule .listAll .bar { width:80px; }


}




/* 주요메뉴바로가기 */
.mQuickmenu { float:left; position:relative; width:100%; padding:60px 0 81px 0; border-bottom:1px solid #ddd; }
.mQuickmenu h1 { float:left; width:160px; color:#111; font-size:180%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-top:28px; }
.mQuickmenu ul { float:left; width:calc(100% - 160px); display:flex; justify-content:space-between; flex-wrap:wrap; overflow:visible; }
.mQuickmenu ul li { float:left;/* width:calc(12.5% - 35px); margin-right:40px; */}
.mQuickmenu ul li:last-child { margin-right:0px; }

.mQuickmenu ul li a:link,
.mQuickmenu ul li a:visited { width:120px; height:120px; padding-top:30px; border-radius:30px; background:#fff; color:#333; text-align:center; transition:0.3s; display:block; }
.mQuickmenu ul li a:active,
.mQuickmenu ul li a:focus,
.mQuickmenu ul li a:hover { color:#113d8e; box-shadow:7px 7px 10px rgba(0,0,0,0.2), 2px 2px 3px rgba(0,0,0,0.2);  }

.mQuickmenu ul li a:link i,
.mQuickmenu ul li a:visited i { transition:0.3s; display:block; margin:0 auto 40px; }
.mQuickmenu ul li a:active i,
.mQuickmenu ul li a:focus i,
.mQuickmenu ul li a:hover i { transform:rotateY(180deg); }

.mQuickmenu ul li span { letter-spacing:-1px; }

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

}


@media (min-width:1025px) and (max-width:1280px){
	.mQuickmenu h1 { display:none;}
	.mQuickmenu ul { width:100%; }
	.mQuickmenu ul li a:link,
	.mQuickmenu ul li a:visited { width:120px; height:120px; }
	.mQuickmenu ul li a i img { height:54px; }
}
 
 
@media (min-width:769px) and (max-width:1024px){
	.mQuickmenu { padding:45px 0 70px 0; }
	.mQuickmenu h1 { display:none;}
	.mQuickmenu ul { width:100%; }
	.mQuickmenu ul li { width:12.5%; text-align:center;}
	.mQuickmenu ul li a:link,
	.mQuickmenu ul li a:visited { width:80px; height:80px; padding-top:20px; border-radius:20px;  margin:0 auto; }

	.mQuickmenu ul li a:link i,
	.mQuickmenu ul li a:visited i { margin:0 auto 30px; }

	.mQuickmenu ul li a i img { height:40px; }
	
	.mQuickmenu ul li span { font-size:90%; }
}

@media (max-width:768px){	
	.mQuickmenu { padding:30px 0 10px 0; }
	.mQuickmenu h1 { display:none;}
	.mQuickmenu ul { width:100%; }
	.mQuickmenu ul li { width:25%; text-align:center; margin-bottom:45px;}
	.mQuickmenu ul li a:link,
	.mQuickmenu ul li a:visited { width:80px; height:80px; padding-top:20px; border-radius:20px;  margin:0 auto; }

	.mQuickmenu ul li a:link i,
	.mQuickmenu ul li a:visited i { margin:0 auto 25px; }

	.mQuickmenu ul li a i img { height:40px; }
	
	.mQuickmenu ul li span { font-size:90%; }
}

@media (max-width:500px){


	
}



/* 최근게시물 */
.newcontent { float:left; position:relative; width:calc(100% - 560px); height:320px; margin:0 50px 0 0; }
.newcontent ul#mtabmenu { width:100%; height:60px; border-bottom:1px solid #ddd; z-index:11; }
.newcontent ul#mtabmenu > li { float:left; width:150px; height:60px; }

.newcontent ul#mtabmenu > li > a:link,
.newcontent ul#mtabmenu > li > a:visited { width:100%; height:60px; line-height:60px;border-bottom:1px solid #f4f4f4; color:#555; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:135%; text-align:center; letter-spacing:-1px; 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 { border:1px solid #ddd; border-bottom:1px solid #f00; border-radius:10px 10px 0 0; background:#fff; color:#2030ab; z-index:12; }


.newcontent ul#mtabmenu ul { position:absolute; left:0px; top:82px; width:100%; height:235px; display:none; overflow:visible; }
.newcontent ul#mtabmenu ul li { float:none; width:100%; height:35px; line-height:35px; font-size:100%; display:block; overflow:hidden; }


.newcontent ul#mtabmenu ul li a:link,
.newcontent ul#mtabmenu ul li a:visited { float:left; width:calc(100% - 100px); height:35px; line-height:35px; padding-left:10px; background:url(/images/common/blt_purple.gif) no-repeat 0 50%; color:#222; font-family:esamanru-Medium, "이사만루 미디엄"; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; letter-spacing:0; transition:0.3s;  }
.newcontent ul#mtabmenu ul li a:active,
.newcontent ul#mtabmenu ul li a:focus,
.newcontent ul#mtabmenu ul li a:hover { color:#2131ab; text-decoration:underline;  }

.newcontent ul#mtabmenu ul li > span { float:left; width:100px; text-align:right; color:#888; font-size:100%; display:inline-block; }

.newcontent ul#mtabmenu ul a.more { position:absolute; top:-59px; right:15px; width:16px !important; height:16px !important; line-height:16px; padding:0; margin:0; border:none; background:none; z-index:12; display:block; }


.newcontent ul#mtabmenu ul li.first { width:100%; height:120px; line-height:1.3; margin-bottom:15px; }
.newcontent ul#mtabmenu ul li.first .fDate { position:relative; float:left; width:120px; height:120px; padding-top:23px; border:5px solid #e82172; border-radius:50%; background:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px; margin-right:30px; }
.newcontent ul#mtabmenu ul li.first .fDate b { font-size:120%; display:block; margin-bottom:0px; }
.newcontent ul#mtabmenu ul li.first .fDate strong { color:#2030ab; font-size:200%; }
.newcontent ul#mtabmenu ul li.first .fDate strong i { width:15px; color:#ccc; font-style:normal; display:inline-block; }

.newcontent ul#mtabmenu ul li.first a.fSubject:link,
.newcontent ul#mtabmenu ul li.first a.fSubject:visited { float:none; width:calc(100% - 150px); padding:0; background:none; color:#222; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:125%; margin-top:5px; }
.newcontent ul#mtabmenu ul li.first a.fSubject:active,
.newcontent ul#mtabmenu ul li.first a.fSubject:focus,
.newcontent ul#mtabmenu ul li.first a.fSubject:hover { color:#2131ab; }

.newcontent ul#mtabmenu ul li.first .fTxt { float:none; width:calc(100% - 150px); height:2.6em; line-height:1.3em; color:#555; text-align:left; font-size:95%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  }



@media (min-width:1025px) and (max-width:1280px){
	.newcontent { width:calc(55% - 20px); margin:0 20px 0 0; }
	.newcontent ul#mtabmenu > li { width:140px; }
}

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


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

	@media (max-width:540px){
	.newcontent { width:100%; margin:0;  }	
	.newcontent ul#mtabmenu > li { width:33.333%; }
	.newcontent ul#mtabmenu > li > a:link,
	.newcontent ul#mtabmenu > li > a:visited { font-size:115%; }

	.newcontent ul#mtabmenu ul li.more { display:none; }
	
	.newcontent ul#mtabmenu ul li.first { height:100px; }
	.newcontent ul#mtabmenu ul li.first .fDate { width:100px; height:100px; padding-top:13px; border:3px solid #e82172; margin-right:15px; }
	
	.newcontent ul#mtabmenu ul li.first a.fSubject:link,
	.newcontent ul#mtabmenu ul li.first a.fSubject:visited { width:calc(100% - 115px); }
	
	.newcontent ul#mtabmenu ul li.first .fTxt { width:calc(100% - 115px); }
}



/* 의회간행물 */
.mNewsletter { position:relative; float:right; width:510px; height:320px; border:1px solid #ddd; padding:23px 30px 0 30px; background:#fff; }
.mNewsletter h1 { color:#111; font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:16px; }
.mNewsletter .more { position:absolute; left:155px; top:28px; }
.mNewsletter .nlLeft { float:left; width:160px; margin-right:25px; }
.mNewsletter .nlLeft a img { width:160px; border:1px solid #ddd; }
.mNewsletter .nlRight { float:left; width:calc(100% - 185px); }

.mNewsletter .nlRight .subject { color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:115%; margin:9px 0 26px 0; }

.mNewsletter .nlRight .mSubscription { width:100%; }
.mNewsletter .nlRight .mSubscription strong { color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; font-size:110%; display:block; margin:0 0 7px 0; }
.mNewsletter .nlRight .mSubscription p { margin-bottom:17px; }
.mNewsletter .nlRight .mSubscription a:link,
.mNewsletter .nlRight .mSubscription a:visited { width:120px; height:36px; line-height:36px; border-radius:3px; background:#e82172; color:#fff; text-align:center; display:block; transition:0.3s; }
.mNewsletter .nlRight .mSubscription a:active,
.mNewsletter .nlRight .mSubscription a:focus,
.mNewsletter .nlRight .mSubscription a:hover { background:#b01756;} 

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

@media (min-width:769px) and (max-width:1024px){
	.mNewsletter { width:100%; }
}

@media (max-width:768px){	
	.mNewsletter { width:100%; height:auto; padding:23px 15px 30px 15px; }
}

@media (max-width:470px){	
	.mNewsletter .nlLeft { width:100%; text-align:center; margin:0; }
	.mNewsletter .nlRight .subject { text-align:center;  }
	.mNewsletter .nlRight { width:100%; }
	.mNewsletter .nlRight .mSubscription a:link,
	.mNewsletter .nlRight .mSubscription a:visited {margin:0 auto; }
}





/* 현의원소개 */
.mMember { position:relative; width:100%; padding:47px 0 37px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; text-align:center; margin:50px 0 0; }
.mMember h1 { color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:220%; letter-spacing:-1px; margin-bottom:22px; }
.mMember .more2 { position:absolute; left:calc(50% + 77px); top:58px; }

/* slick-nav */
.mMember .slider-nav { position:relative; float:left; width:calc(100% - 383px); }
.mMember .slider-nav .slick-track { }
.mMember .slider-nav .slick-slide { position:relative; float:left; width:108px !important; margin:0 5px 20px 0; }

.mMember .slider-nav .slick-slide a:link,
.mMember .slider-nav .slick-slide a:visited { color:#111; }
.mMember .slider-nav .slick-slide a:active,
.mMember .slider-nav .slick-slide a:focus,
.mMember .slider-nav .slick-slide a:hover { color:#113d8e; }


.mMember .slider-nav .slick-slide a:link img,
.mMember .slider-nav .slick-slide a:visited img { width:100px; height:133px; padding:3px; border:1px solid #ddd; box-sizing:content-box; background:#fff; margin-bottom:8px;  }
.mMember .slider-nav .slick-slide a:active img,
.mMember .slider-nav .slick-slide a:focus img,
.mMember .slider-nav .slick-slide a:hover img { padding:0; border:4px solid #ff5244;   }

.mMember .slider-nav .slick-slide a span { font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; }
.mMember .slider-nav .slick-slide a span strong { font-weight:normal; font-size:120%; }

.mMember .slider-nav .slick-current a:link img,
.mMember .slider-nav .slick-current a:visited img,
.mMember .slider-nav .slick-current a:active img,
.mMember .slider-nav .slick-current a:focus img,
.mMember .slider-nav .slick-current a:hover img { padding:0; border:4px solid #ff5244;   }


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

.mMember .slick-prev { /*left:calc(50% - 63px);*/ right:218px; background:url(/images/council/main/slick_btn_prev.gif) no-repeat; }
.mMember .slick-next { /*left:calc(50% + 1px);*/ right:154px; background:url(/images/council/main/slick_btn_next.gif) no-repeat; }


			/*자동실행버튼(재생,일시정지)*/
.mMember .btn_play { position:absolute; right:187px; top:411px; width:31px; height:31px; border:0; background:url(/images/council/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mMember .btn_play.on { background:url(/images/council/main/slick_btn_play.gif) no-repeat;  }



/* slick-for */
.mMember .slider-for { position:relative; float:right; width:373px; height:373px; padding:0 25px 0 25px; border:1px solid #c9dbeb; border-radius:10px; background:#e1f1ff; }
.mMember .slider-for .slick-slide { position:absolute !important; left:0px !important; top:0 !important; height:280px; }
.mMember .slider-for dl { width:100%; padding-top:25px; overflow:hidden; margin-bottom:20px; }
.mMember .slider-for dl dt { float:left; width:118px; margin-right:15px; }
.mMember .slider-for dl dt img { width:110px; height:147px; padding:3px; border:1px solid #ddd; box-sizing:content-box; background:#fff; } 
.mMember .slider-for dl dd { margin-left:133px; width:calc(100% - 133px); line-height:1.3; padding:3px 0; color:#222; font-size:100%; text-align:left;  }
.mMember .slider-for dl dd.name { padding:0; background:none; color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; letter-spacing:-1px; margin-top:7px; margin-bottom:6px; }
.mMember .slider-for dl dd.name strong { font-size:140%; font-weight:normal; }
.mMember .slider-for dl dd span { font-size:85%; }

.mMember .slider-for ul { margin-bottom:18px; }
.mMember .slider-for li { float:left; width:calc(50% - 5px); margin:0 5px 0 0; } 
.mMember .slider-for li:last-child { margin:0 0 0 5px; } 

.mMember .slider-for li a:link,
.mMember .slider-for li a:visited { width:100%; height:40px; line-height:38px; border:2px solid #2030ab; border-radius:5px; background:#fff; color:#444; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; letter-spacing:-1px; text-align:center; transition:0.3s; }
.mMember .slider-for li a:active,
.mMember .slider-for li a:focus,
.mMember .slider-for li a:hover { background:#2030ab; color:#fff; }

.mMember .slider-for li:last-child a:link,
.mMember .slider-for li:last-child a:visited { border:2px solid #e82172; }
.mMember .slider-for li:last-child a:active,
.mMember .slider-for li:last-child a:focus,
.mMember .slider-for li:last-child a:hover { background:#e82172; }


.mMember .more { position:absolute; right:123px; top:411px; z-index:10000; }


@media (min-width:1025px) and (max-width:1280px){
	.mMember .slider-nav .slick-slide { width:108px !important; margin:0 5px 20px 0; }
	
	.mMember .slider-nav .slick-slide a:link img,
	.mMember .slider-nav .slick-slide a:visited img { width:100px; height:116px; padding:3px; border:1px solid #ddd;  }

}


@media (min-width:769px) and (max-width:1024px){
	.mMember { padding:27px 0 40px 0; margin:40px 0 0;}
	.mMember .slider-nav { width:100%; margin-bottom:20px;  }
	.mMember .slider-for { width:100%; }
	
	.mMember .slider-nav .slick-slide { width:93px !important; margin:0 5px 20px 0; }
	
	.mMember .slider-nav .slick-slide a:link img,
	.mMember .slider-nav .slick-slide a:visited img { width:85px; height:113px; padding:3px; border:1px solid #ddd;  }
	
	.mMember .slick-prev,
	.mMember .slick-next { top:auto; bottom:30px; }
	.mMember .slick-prev { right:calc(50% + 32px); }
	.mMember .slick-next { right:calc(50% - 32px); }
	.mMember .btn_play { right:calc(50% + 0px); top:auto; bottom:71px; }
	.mMember .more { right:calc(50% - 64px); top:auto; bottom:71px; }
}


@media (max-width:768px){
	.mMember { padding:27px 0 30px 0; margin:30px 0 0;}
	.mMember .more2 { top:38px; }
	.mMember .slider-nav { display:none; }
	.mMember .slider-for { width:100%; padding:30px 15px 0 15px; }
	.mMember .slider-for .slick-slide { left:0px !important; }

	.mMember .slider-for dl dt { width:108px; margin-right:10px; }
	.mMember .slider-for dl dt img { width:100px; height:116px; } 
	.mMember .slider-for dl dd { margin-left:118px; width:calc(100% - 118px); }
	
	.mMember .slick-prev,
	.mMember .slick-next { top:auto; bottom:30px; }
	.mMember .slick-prev { right:calc(50% + 32px); }
	.mMember .slick-next { right:calc(50% - 32px); }
	.mMember .btn_play { right:calc(50% + 0px); top:auto; bottom:61px; }
	.mMember .more { right:calc(50% - 64px); top:auto; bottom:61px; }
}


@media (max-width:360px){

}







/* 회의록검색, 인터넷방송, 의안관리 */
.mMBB { width:100%; padding-bottom:40px; border-bottom:1px solid #ddd; margin-bottom:50px;}
.mMBB .MBBbox { position:relative; float:left; width:33.3%; height:233px; padding:28px 30px 0 30px; color:#fff !important; }
.mMBB .MBBbox h1 { font-size:180%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:10px; }
.mMBB .MBBbox p { font-size:95%; margin-bottom:30px; }
.mMBB .MBBbox3 p { margin-bottom:7px; }
.mMBB .MBBbox .more { position:absolute; right:30px; top:36px; }

.mMBB .MBBbox1 { background:#4a57ba; }
.mMBB .MBBbox2 { background:#ea4b8c; }
.mMBB .MBBbox3 { width:33.4%; background:#b256a3; }


.mMBB .MBBbox1 ul { padding:1px 0 0 1px; }
.mMBB .MBBbox1 li { float:left; width:33.333%; height:40px; border:1px solid #2c3470; margin:-1px 0 0 -1px; }
.mMBB .MBBbox1 li a:link,
.mMBB .MBBbox1 li a:visited { width:100%; height:100%; line-height:38px; background:#fff; color:#333; text-align:center; font-size:95%; display:inline-block; transition:0.3s;  }
.mMBB .MBBbox1 li a:active,
.mMBB .MBBbox1 li a:focus,
.mMBB .MBBbox1 li a:hover { background:#333c80; color:#fff; }

.mMBB .MBBbox2 ul { padding:1px 0 0 1px; }
.mMBB .MBBbox2 li { float:left; width:33.333%; height:40px; border:1px solid #8c2d54; margin:-1px 0 0 -1px; }
.mMBB .MBBbox2 li a:link,
.mMBB .MBBbox2 li a:visited { width:100%; height:100%; line-height:38px; background:#fff; color:#333; text-align:center; font-size:95%; display:inline-block; transition:0.3s;  }
.mMBB .MBBbox2 li a:active,
.mMBB .MBBbox2 li a:focus,
.mMBB .MBBbox2 li a:hover { background:#b73b6d ; color:#fff; }

.mMBB .MBBbox3 ul { padding:1px 0 0 1px; }
.mMBB .MBBbox3 li { float:left; width:50%; height:40px; border:1px solid #6b3462; margin:-1px 0 0 -1px; }
.mMBB .MBBbox3 li a:link,
.mMBB .MBBbox3 li a:visited { width:100%; height:100%; line-height:38px; background:#fff; color:#333; text-align:center; font-size:95%; display:inline-block; transition:0.3s;  }
.mMBB .MBBbox3 li a:active,
.mMBB .MBBbox3 li a:focus,
.mMBB .MBBbox3 li a:hover { background:#7f3d74; color:#fff; }



@media (min-width:1025px) and (max-width:1280px){
	.mMBB .MBBbox { padding:28px 20px 0 20px; }
}


@media (min-width:769px) and (max-width:1024px){
	.mMBB { margin-bottom:40px; }
	.mMBB .MBBbox { height:250px; padding:23px 15px 0 15px;  background-size:auto 70px; }
	.mMBB .MBBbox p { font-size:90%; letter-spacing:-1px; margin-bottom:15px; } 
	.mMBB .MBBbox a p { padding-right:90px; word-break:normal; }
	
	.mMBB .MBBbox li { width:50%; }
	.mMBB .MBBbox li a :link,
	.mMBB .MBBbox li a:visited { font-size:90%; }
	
}

@media (max-width:768px){
	.mMBB { width:100%; padding-bottom:30px; margin-bottom:30px; }
	.mMBB .MBBbox { width:100%; height:auto; padding:23px 15px 25px 15px;  background-size:auto 70px; }
}















/* 의정활동사진 */
.mPhoto { position:relative; width:100%; text-align:center; overflow:hidden; }
.mPhoto .photoList { display:flex; }

.mPhoto .slick-slide { margin:0 16px; }
.mPhoto .photoList .slick-list { margin:0 -16px; }

.mPhoto h1 { color:#111; font-size:250%; font-family:esamanru-Medium, "이사만루 미디엄"; display:inline-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; overflow:visible; }
.mPhoto ul.photoList li { position:relative; float:left; height:auto; border-radius:20px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); overflow:hidden; }

.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%); overflow:hidden;  display:block; }
.mPhoto ul li .pic img { width:100%; }


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


	/* 슬릭 arrows */
.mPhoto .slick-prev,
.mPhoto .slick-next { position:absolute; top:-95px; 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/council/main/slick_btn_prev.gif) no-repeat; }
.mPhoto .slick-next { left:calc(50% + 191px); background:url(/images/council/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/council/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mPhoto .btn_play.on { background:url(/images/council/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:-61px; }

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



/*
.mPhoto { position:relative; width:100%; text-align:center; margin:0 auto; }

.mPhoto h1 { color:#111; font-size:250%; font-family:esamanru-Medium, "이사만루 미디엄"; display:inline-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; overflow:visible; }
.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:-95px; 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/council/main/slick_btn_prev.gif) no-repeat; }
.mPhoto .slick-next { left:calc(50% + 191px); background:url(/images/council/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/council/main/slick_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mPhoto .btn_play.on { background:url(/images/council/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:-61px; }

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


@media (max-width:425px){
	.mPhoto ul.photoList li { width:306px !important; }
}*/



/* 배너모음 */
.mBanner {	position:relative;	width:100%; height:50px; z-index:3; }
.mBanner h1 { float:left; width:110px; height:50px; line-height:50px; font-size:165%; color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; }
.mBanner .control {	float:left; width:115px; display:inline; margin-top:10px; }
.mBanner .control a { float:left; margin-right:1px;  }

.mBanner .bannerarea { position:absolute; left:225px; top:0px; width:calc(100% - 225px); height:50px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd;  }
.mBanner .bannerarea ul { position:relative; width:1700px !important;	height:50px;  white-space: nowrap; overflow:hidden;}
.mBanner .bannerarea ul li { float:left; width:192px; height:50px; margin:0 5px; }
.mBanner .bannerarea ul li img { width:190px; height:48px; border:1px solid #ddd; }


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




/* 하단 */
#bottom:before { content:''; position:absolute; left:0; right:0; top:-60px; width:100%; height:60px; background:url(/images/common/bottom_bg.png) no-repeat 50% top; }

#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:#fcd700; }
#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:#ffa646; }


#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; }


#bottom .bottomLinkSite { position:absolute; right:0px; top:29px; }
#bottom .bottomLinkSite form { float:left; }
#bottom .bottomLinkSite .select_normal { width:180px; } 
#bottom .bottomLinkSite .submit_gobtn{ width:50px; height:32px; line-height:32px; border:none; border-radius:3px; background:#5f6281; color:#fff; display:inline-block; cursor:pointer; }
#bottom .FmainLink{ margin-bottom:10px;}

#bottom #bottomarea .wa { position:absolute; right:80px; top:80px; width:150px }
#bottom #bottomarea .wa img { width:100% }

@media (min-width:769px) and (max-width:1024px){
	#bottom #bottomarea{ height:250px;}

	#bottom .bottomLinkSite { position:absolute; left:30px; top:150px; }
	#bottom .bottomLinkSite .select_normal { width:180px; } 
	#bottom .bottomLinkSite .submit_gobtn{ width:50px; height:32px; line-height:32px; border:none; border-radius:3px; background:#5f6281; color:#fff; display:inline-block; cursor:pointer; }

	#bottom #bottomarea .wa { position:absolute; right:80px; top:100px; width:150px }
}

/*
@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:768px){
	#bottom #bottomarea{ height:390px;}
	.mbottom:before { background:#e9e9e9 url(/images/common/bottom_bg.png) no-repeat 50% top !important; }
	
	#bottom .bottomLinkSite { position:absolute; left:15px; top:180px;}


	#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; }

	#bottom #bottomarea .wa { position:static; width:100%; text-align:center; margin-top:120px; }
	#bottom #bottomarea .wa img { width:150px; }
	

}



@media (max-width:600px){
	#bottom .bottomLinkSite form { float:none; }
}





/* 오늘의 생방송 */
.mOnair { width:100%; background:#f4f4f4; overflow:hidden; z-index:100; }
.mOnair .onairarea { width:1400px; padding:20px 0; overflow:hidden; margin:0 auto; }

.mOnair .onairarea .onairLeft { float:left; width:270px; font-family:esamanru-Medium, "이사만루 미디엄"; }
.mOnair .onairarea .onairLeft h1 { color:#000; font-size:155%; margin:8px 0 4px 0; }
.mOnair .onairarea .onairLeft p { color:#ff7c63; font-size:180%; }
.mOnair .onairarea .onairLeft p span { color:#96378d; }

.mOnair .onairarea .onairRight { float:left; width:calc(100% - 270px); padding-left:30px; border-left:1px solid #ddd;  }
.mOnair .onairarea .onairRight li { float:left; width:50%; height:50px; line-height:50px; display:block; margin:12px 0; }
.mOnair .onairarea .onairRight li .icon { float:left; width:100px; height:50px; line-height:50px; border-radius:5px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:160%; letter-spacing:-1.5px; text-align:center; display:inline-block; margin-right:15px; }
.mOnair .onairarea .onairRight li .typeOn { background:#e91d72; }
.mOnair .onairarea .onairRight li .typeOff { background:#dddddd; color:#333; }
.mOnair .onairarea .onairRight li .typeEnd { background:#40423f; }
 
.mOnair .onairarea .onairRight li .subject { float:left; width:calc(100% - 270px); }
.mOnair .onairarea .onairRight li .subject a:link,
.mOnair .onairarea .onairRight li .subject a:visited { width:100%; height:50px; line-height:50px; color:#111; font-size:125%;  font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.mOnair .onairarea .onairRight li .subject a:active,
.mOnair .onairarea .onairRight li .subject a:focus,
.mOnair .onairarea .onairRight li .subject a:hover { color:#96378d; } 

.mOnair .onairarea .onairRight li .time { float:left; width:130px; height:50px; line-height:50px; padding-left:65px; background:url(/images/broadcast/onair_timeicon.png) no-repeat 0 50%; color:#e91d72; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:150%;  }



@media (min-width:1281px) and (max-width:1400px){
	.mOnair .onairarea { width:100%; padding:20px 15px; }
}



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



@media (min-width:769px) and (max-width:1024px){
	.mOnair .onairarea { width:100%; padding:20px 30px; }

	.mOnair .onairarea .onairLeft { width:200px; }
	.mOnair .onairarea .onairLeft h1 { font-size:120%; }
	.mOnair .onairarea .onairLeft p { font-size:145%; }
	
	.mOnair .onairarea .onairRight { width:calc(100% - 200px); padding:10px 0 0 20px; }
	.mOnair .onairarea .onairRight li { float:none; width:100%; margin-top:0; margin:0 0 10px 0; }
	
	.mOnair .onairarea .onairRight li .subject { width:calc(100% - 245px); }
}


@media (max-width:768px){
	.mOnair .onairarea { width:100%; padding:20px 15px 10px 15px; }
	
	.mOnair .onairarea .onairLeft { float:none; width:100%; letter-spacing:-1px; }
	.mOnair .onairarea .onairLeft h1 { float:left; font-size:140%; margin:8px 15px 14px 0; }
	.mOnair .onairarea .onairLeft p { float:left; font-size:140%; margin:8px 0 14px 0;  }
	
	.mOnair .onairarea .onairRight { float:none; width:100%; padding-left:0px; padding-top:15px; border-left:none; border-top:1px solid #ddd;  }
	.mOnair .onairarea .onairRight li { float:none; width:100%; height:40px; line-height:40px; margin:0 0 10px 0; }
	
	.mOnair .onairarea .onairRight li .icon { width:70px; height:40px; line-height:40px; font-size:120%; margin-right:10px; }
	 
	.mOnair .onairarea .onairRight li .subject { width:calc(100% - 80px - 95px); }
	.mOnair .onairarea .onairRight li .subject a:link,
	.mOnair .onairarea .onairRight li .subject a:visited { height:40px; line-height:40px; font-size:115%; }
	
	.mOnair .onairarea .onairRight li .time { width:95px; height:40px; line-height:40px; padding-left:45px; background:url(/images/broadcast/onair_timeicon2.png) no-repeat 0 50%; font-size:120%;  }
}