@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/memberHome/main/cont1_bg.jpg) no-repeat 50% top; overflow:hidden; }	
	#cont2 { position:relative; width:100%; padding:60px 0; overflow:hidden; } 		
	#cont3 { position:relative; width:100%; padding:46px 0 45px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
		.containerarea { width:1400px; 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; }	
		#cont2 { position:relative; width:100%; padding:60px 15px; } 		
		#cont3 { position:relative; width:100%; padding:46px 0 45px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
			.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; }	
		#cont2 { position:relative; width:100%; padding:60px 15px; } 		
		#cont3 { position:relative; width:100%; padding:46px 0 45px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
			.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:40px 30px; background-size:cover; }	
		#cont2 { position:relative; width:100%; padding:40px 30px; } 		
		#cont3 { position:relative; width:100%; padding:36px 0 35px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
			.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-size:cover; }	
		#cont2 { position:relative; width:100%; padding:30px 15px; } 		
		#cont3 { position:relative; width:100%; padding:26px 0 75px 0; background:#f4f4f4 url(/images/council/main/cont3_bg.jpg) no-repeat 50% bottom; }
			.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:70px; height:70px; display:block; }
#top h1.title a { height:70px; padding-left:80px; background:url(/images/memberHome/inc/mark.png) no-repeat; display:block; }
#top h1.title span { float:left; padding-top:6px; font-family:esamanru-Medium, "이사만루 미디엄"; color:#000; font-size:70%; letter-spacing:-1px; }
#top h1.title span strong { font-weight:normal; font-size:140%; display:block; }

@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% - 119px); top:15px; height:60px; }
	#top h1.title a { height:60px; padding-left:69px; background-size:auto 60px; }
	#top h1.title span { padding-top:4px; font-size:58%; }
	#top h1.title span strong { margin-top:2px; }
	
	.sidenav .title { position:relative; top:15px; left:20px; width:calc(100% - 20px); height:70px; }
	.sidenav .title a { height:40px; padding-left:47px; background:url(/images/memberHome/inc/mark.png) no-repeat; background-size:auto 40px; color:#fff !important; display:block; }
	.sidenav .title span { float:left; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:55%; letter-spacing:-1px; margin-top:-7px; }
	.sidenav .title span strong { font-weight:normal; font-size:150%; display:block; margin-top:0px; }
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 82px); top:15px; height:40px; }
	#top h1.title a { height:40px; padding-left:47px; background-size:auto 40px; }
	#top h1.title span { padding-top:1px; font-size:43%; }
	#top h1.title span strong { margin-top:0px; }
	
	.sidenav .title { position:relative; top:15px; left:20px; width:calc(100% - 20px); height:70px; }
	.sidenav .title a { height:40px; padding-left:47px; background:url(/images/memberHome/inc/mark.png) no-repeat; background-size:auto 40px; color:#fff !important; display:block; }
	.sidenav .title span { float:left; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:55%; letter-spacing:-1px; margin-top:-7px; }
	.sidenav .title span strong { font-weight:normal; font-size:150%; display:block; margin-top:0px; }   
}



/* 메인 메뉴 */
#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 40px; 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:#ff5244;  }



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

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


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


/* 메인비주얼 */
.mVisible { float:left; position:relative; width:calc(100% - 430px); height:500px; border-radius:10px 0 0 10px; overflow:hidden; }

.mVisible .visibleList { position:relative; width:100%; height:500px; overflow:hidden; margin:0 auto; }
.mVisible .visibleList .list { position:relative; float:left; height:500px; }
.mVisible .visibleList .list a { width:100%; display:block; }

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

.mVisible .bar { position:absolute; left:calc(50% - 70px); bottom:30px; 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:42px; 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:26px; 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:769px) and (max-width:1024px){
	.mVisible { width:100%; border-radius:10px 10px 0 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%; border-radius:10px 10px 0 0; }
	.mVisible .bar { bottom:5px; }
	.mVisible .slick-prev,
	.mVisible .slick-next { bottom:17px; }
	.mVisible .slick-dots { bottom:1px; }
}





/* 프로필 */
.mProfile { float:right; width:430px; height:500px; padding:35px; border-radius:0 10px 10px 0; background:#fff; }
.mProfile .txt1 { color:#f24556; font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:13px;  }
.mProfile .txt2 { font-size:125%; margin-bottom:18px; }
.mProfile .txt2 strong { color:#10828d; font-size:170%; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal;  }

.mProfile table { width:100%; border-top:1px solid #c5dce4; margin-bottom:20px; }
.mProfile table th { width:140px; padding:10px 0 12px 55px; border-bottom:1px solid #efefef; font-weight:normal; font-size:105%; text-align:left; color:#0d1c61; vertical-align:top; }
.mProfile table td { width:calc(100% - 195px); padding:10px 0 12px 0; border-bottom:1px solid #efefef; color:#555; font-size:105%; vertical-align:top; }
.mProfile table td .dong { font-size:85%; }
.mProfile table td i { font-style:normal; word-break:break-all; font-size:90%;  } 

.mProfile table th.th1 { background:url(/images/memberHome/main/profile_icon1.png) no-repeat 20px 10px; } 
.mProfile table th.th2 { background:url(/images/memberHome/main/profile_icon2.png) no-repeat 15px 10px } 
.mProfile table th.th3 { background:url(/images/memberHome/main/profile_icon3.png) no-repeat 14px 10px; } 
.mProfile table th.th4 { background:url(/images/memberHome/main/profile_icon4.png) no-repeat 15px 10px; } 
.mProfile table th.th5 { background:url(/images/memberHome/main/profile_icon5.png) no-repeat 15px 10px; } 

.mProfile .more:link,
.mProfile .more:visited { width:170px; height:40px; line-height:40px; border-radius:3px; background:#11557a; color:#fff; text-align:center; transition:0.3s; margin:0 auto; }
.mProfile .more:active,
.mProfile .more:focus,
.mProfile .more:hover { background:#0e3f59; }

.mProfile .mSns img { margin-top:-5px; }

@media (min-width:769px) and (max-width:1024px){
	.mProfile { width:100%; height:auto; border-radius:0 0 10px 10px; }
	
}

@media (max-width:768px){
	.mProfile { width:100%; height:auto; border-radius:0 0 10px 10px; }
	.mProfile .txt1 { font-size:145%; letter-spacing:-1px; }
	
	.mProfile table th { width:130px; }
	.mProfile table td { width:calc(100% - 185px); }
	
}

@media (max-width:480px){
	.mProfile { width:100%; height:auto; padding:20px; border-radius:0 0 10px 10px; }
	.mProfile .txt1 { font-size:145%; letter-spacing:-1px; }
	
	.mProfile table th { width:130px; }
	.mProfile table td { width:calc(100% - 185px); }
	
	.mProfile .more:link,
	.mProfile .more:visited { width:120px; }
	
}


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

.mNew ul#mtabmenu > li > a:link,
.mNew 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; }
.mNew ul#mtabmenu > li > a:active,
.mNew ul#mtabmenu > li > a:focus,
.mNew ul#mtabmenu > li > a:hover,
.mNew 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; }


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


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

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

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


@media (min-width:1025px) and (max-width:1400px){
	.mNew ul#mtabmenu ul li:nth-child(6) { display:none; }
}


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


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

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

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



/* 발언영상 */
.mVod { position:relative; float:left; width:calc(50% - 25px); margin:0 0 0 25px; }
.mVod h1 { color:#111; font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:16px; }

.mVod ul li { float:left; width:calc(50% - 10px); margin-right:20px; }
.mVod ul li:nth-child(2) { margin-right:0; }
.mVod ul li:nth-child(3),
.mVod ul li:nth-child(4) { display:none; }
.mVod ul li .picArea { position:relative; width:100%; height:auto;  border-radius:10px 10px 0 0; overflow:hidden; }
.mVod ul li .picArea a { position:relative; width:100%; height:auto; overflow:hidden; display:block; }
.mVod ul li .picArea a .pic { width:100%; height:0; padding-top:calc(184 / 326 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ background-size:cover !important; overflow:hidden; display:block; }
.mVod ul li .picArea a .pic img { width:100%; }
.mVod ul li .picArea .btn { position:absolute; left:20px; bottom:20px; }

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

.mVod ul li .bar { width:100%; height:auto; padding:19px 20px 20px 20px; border:1px solid #ddd; border-top:0; box-sizing:border-box; border-radius:0 0 10px 10px; background:#fff; text-align:left; }
.mVod ul li .bar a.subject:link,
.mVod 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; }
.mVod ul li .bar a.subject:active,
.mVod ul li .bar a.subject:focus,
.mVod ul li .bar a.subject:hover { color:#1757b7; }

.mVod ul li .bar p { width:100%; font-size:95%; color:#888; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }

.mVod ul li:last-child { position:absolute; top:6px; left:105px; }

.mVod ul li.no_vod .picArea { border:1px solid #ddd; border-bottom:0; }
.mVod ul li.no_vod .bar { height:110px; border-top:1px solid #ddd; }

@media (max-width:1024px){
	.mVod { float:none; width:100%; margin:30px 0 0 0; }
	.mVod ul li { float:left; width:calc(25% - 15px); margin-right:20px; }
	.mVod ul li:nth-child(2) { margin-right:20px; }
	.mVod ul li:nth-child(3) { display:block; }
	.mVod ul li:nth-child(4) { display:block; margin-right:0; }
	.mVod .vodBody { overflow:auto; }
	.mVod ul { width:100%; }
	
}

@media (max-width:768px){
	.mVod { float:none; width:100%; margin:0 0 30px 0; }
	.mVod .vodBody { overflow:auto; }
	.mVod ul { width:780px; }
	
}


/* 구정질문 */
.mQna { position:relative; float:right; width:calc(50% - 10px); margin-left:10px; } 
.mQna h1 { color:#111; font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:16px; }

.mQna ul li { float:left; width:calc(50% - 10px); margin-right:10px; }
.mQna ul li:nth-child(2n) { margin:0 0 0 10px; }
.mQna ul li .picArea { position:relative; width:100%; height:auto;  border-radius:10px 10px 0 0; overflow:hidden; }
.mQna ul li .picArea a { position:relative; width:100%; height:auto; overflow:hidden; display:block; }
.mQna ul li .picArea a .pic { width:100%; height:0; padding-top:calc(184 / 326 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ background-size:cover !important; overflow:hidden; display:block; }
.mQna ul li .picArea a .pic img { width:100%; }
.mQna ul li .picArea .btn { position:absolute; left:20px; bottom:20px; }

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

.mQna ul li .bar { width:100%; height:auto; padding:19px 20px 20px 20px; border:1px solid #ddd; border-top:0; box-sizing:border-box; border-radius:0 0 10px 10px; background:#fff; text-align:left; }
.mQna ul li .bar a.subject:link,
.mQna 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; }
.mQna ul li .bar a.subject:active,
.mQna ul li .bar a.subject:focus,
.mQna ul li .bar a.subject:hover { color:#1757b7; }

.mQna ul li .bar p { width:100%; font-size:95%; color:#888; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }

.mQna ul li:last-child { position:absolute; top:6px; left:105px; }

@media (max-width:768px){
	.mQna { float:none; width:100%; margin-left:0; } 
	
}

@media (max-width:480px){
	.mQna { float:none; width:100%; margin-left:0; } 
	.mQna ul li { float:none; width:100%; margin:0 0 20px 0; }
	.mQna ul li:nth-child(2n) { margin:0; }
	
}





/* 의정활동사진 */
.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; }
.mPhoto ul.photoList li { position:relative; float:left; width:326px !important; height:auto; border-radius:20px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); overflow:hidden; margin:0 16px; }

.mPhoto ul li .picArea { width:100%; height:auto; overflow:hidden; }
.mPhoto ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.mPhoto ul li .pic { width:100%; height:0; padding-top:calc(216 / 326 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mPhoto ul li .pic img { width:100%; }

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

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

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

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

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

.mPhoto .slick-prev { left:calc(50% + 127px); background:url(/images/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:90px; }

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


@media (max-width:768px){
	.mbottom:before { background:#e9e9e9 url(/images/common/bottom_bg.png) no-repeat 50% top !important; }
	
	#bottom #bottomarea .bottomMenu ul li { margin-right:10px; }
	#bottom #bottomarea .bottomMenu ul li:nth-child(3) { margin-right:0; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { line-height:26px; }
	

}



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




/* 오늘의 생방송 */
.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%;  }
}