@charset "utf-8";

#cont1 * { box-sizing:border-box; }

/* 레이아웃 */
#ujbclwrap { min-width:1400px; width:100%; }
#top { position:relative; width:100%; height:229px;  border-bottom:1px solid #6a4f48; background: url(/images/egovframework/com/svc/council/inc2/top_bg.gif) repeat-x; }
	#top:after { position:absolute; bottom:60px; width:100%; content:''; border-bottom:1px solid #ddd; }
	#toparea { position:relative; width:1400px; height:229px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:1400px; width:100%; z-index:2; }
	
	#cont1 { position:relative; width:100%; padding:40px 0 60px 0; overflow:hidden; }
	#cont2 { width:100%; padding:60px 0 80px; margin:0 auto; }
	#cont3 { position:relative; width:100%; padding:60px 0; background:linear-gradient(90deg, #F1E8E1,#F4F1ED); overflow:hidden; }	
		#cont3::after { position:absolute; right:0; top:50%; content:''; width:200px; height:200px; background:url(/images/egovframework/com/svc/council/main3/circle_txt.png) no-repeat center/contain; transform:translate(50%,-50%); animation: spin 16s linear infinite; }
	#cont4 { position:relative; width:100%; padding:60px 0; }	
	#cont5 { position:relative; width:100%; height:472px; padding:60px 0; }
		.containerarea { width:1400px; margin:0 auto; }
	
	
#bottom { width:100%; background:#F4F5F6; border-top:1px solid #ddd; }
	#bottomarea { position:relative; width:1400px; padding:30px 0 0 0; margin:0 auto; }


@media (min-width:1025px) and (max-width:1440px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }

	#top { position:relative; width:100%; height:229px;  border-bottom:1px solid #6a4f48; background: url(/images/egovframework/com/svc/council/inc2/top_bg.gif) repeat-x; }
		#top:after { position:absolute; bottom:60px; width:100%; content:''; border-bottom:1px solid #ddd; }
		#toparea { position:relative; width:100%; height:229px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:40px 0 60px 0; overflow:hidden; }
		#cont2 { width:100%; padding:60px 0; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:60px 0; }	
		#cont4 { position:relative; width:100%; padding:60px 0; }	
		#cont5 { position:relative; width:100%; padding:60px 0; }
			.containerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
		
		
	#bottom { width:100%; background:#F4F5F6; }
		#bottomarea { position:relative; width:100%; padding:30px 15px 0 15px; box-sizing:border-box; margin:0 auto; }


}
	

	
@media (min-width:769px) and (max-width:1024px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:auto; border-bottom:1px solid #ddd; background:#fff; }
		#top:after { display:none; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; z-index:1005; } 
	
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:32px 0 48px 0; overflow:hidden; }
		#cont2 { width:100%; padding:60px 0; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:60px 0; }	
		#cont4 { position:relative; width:100%; padding:60px 0; }	
		#cont5 { position:relative; width:100%; height:980px; padding:60px 0; }
			.containerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
			
	#bottom { width:100%; background:#F4F5F6; }
		#bottomarea { width:100%; padding:30px 15px 0 15px; box-sizing:border-box; }
		

		
}


@media (max-width:768px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:auto; border-bottom:1px solid #ddd; background:#fff; }
		#top:after { display:none; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; z-index:1005; } 
	
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:24px 0 32px 0; overflow:hidden; }
		#cont2 { width:100%; padding:0 0 32px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:32px 0; }	
		#cont4 { position:relative; width:100%; padding:32px 0; }	
		#cont5 { position:relative; width:100%; height:980px; padding:32px 0; }
			.containerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
			
	#bottom { width:100%; background:#F4F5F6; }
		#bottomarea { width:100%; padding:30px 15px 0 15px; box-sizing:border-box; }

}


@keyframes spin {
  from {
    transform:translate(40%,-50%) rotate(0deg);
  }
  to {
    transform:translate(40%,-50%) rotate(-360deg);
  }
}






/* 레이어팝업 */
@media (max-width:768px){
	.layerPopup { width:100% !important; left:0 !important; top:0 !important; }
	.layerPopup .pic a img { width:100%; }
}


/* 타이틀 */
#top h1.title { position:absolute; left:0px; right:0; top:75px; text-align:center; }
#top h1.title a { width: 250px; display: block; overflow: hidden; margin: 0 auto; }


@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:0; right:0; top:21px;  }
	#top h1.title img { height:54px; }
	
}


@media (max-width:768px){
	#top h1.title { left:calc(50% - 130px); top:14px; width:115px; height:37px; }
	#top h1.title img { height:37px; }
}






/* 상단 의원목록 */
.topMemberList { position:absolute; left:0px; top:60px; width:550px; padding:15px 15px; border:2px solid #0f4b81; background:#fff; display:none; z-index:10000; }
.topMemberList > ul { width:100%; overflow:hidden; }
.topMemberList > ul > li { float:left; width:20%; height:30px; line-height:30px; padding:0 15px; box-sizing:border-box; background:none; }
.topMemberList > ul > li > a:link,
.topMemberList > ul > li > a:visited { color:#555; }
.topMemberList > ul > li > a:active,
.topMemberList > ul > li > a:focus,
.topMemberList > ul > li > a:hover { color:#0f4b81; }
.topMemberList > ul > li:last-child { background:none; }
.topMemberList > .abtn_memberListColse { width:60px; height:30px; line-height:30px; border-radius:3px; background:#333; color:#fff !important; font-size:85%; text-align:center; display:block; margin:20px auto 0; }


/* 상단 상임위목록 */
.topCommitteeList { position:absolute; left:110px; top:60px; width:400px; padding:15px 15px; border:2px solid #0f4b81; background:#fff; display:none; z-index:10000; }
.topCommitteeList > ul { width:100%; overflow:hidden; }
.topCommitteeList > ul > li { position:relative; float:left; width:33.3%; height:30px; line-height:30px; padding:0 15px; box-sizing:border-box; background:none; text-align:center; }
.topCommitteeList > ul > li > a:link,
.topCommitteeList > ul > li > a:visited { color:#555; }
.topCommitteeList > ul > li > a:active,
.topCommitteeList > ul > li > a:focus,
.topCommitteeList > ul > li > a:hover { color:#0f4b81; }
.topCommitteeList > ul > li:last-child { background:none; }
.topCommitteeList > .abtn_committeeListColse { width:60px; height:30px; line-height:30px; border-radius:3px; background:#333; color:#fff !important; font-size:85%; text-align:center; display:block; margin:20px auto 0; }


/* 상단 외국어목록 */
.topLanguageList { position:absolute; left:0px; top:54px; width:100%; border:1px solid #171f35; background:#202c4a; display:none; z-index:10000; }
.topLanguageList > ul { width:100%; overflow:hidden; }
.topLanguageList > ul > li { width:100%; height:40px; line-height:40px; padding:0 15px;  border-bottom:1px solid #171f35; background:none; }
.topLanguageList > ul > li > a:link,
.topLanguageList > ul > li > a:visited { color:#ccc; }
.topLanguageList > ul > li > a:active,
.topLanguageList > ul > li > a:focus,
.topLanguageList > ul > li > a:hover { color:#fff; }
.topLanguageList > .abtn_languageListColse { width:60px; height:30px; line-height:30px; border-radius:3px; background:#333; color:#fff !important; font-size:85%; text-align:center; display:block; margin:20px auto 0; }




/* 폰트설정 */
.fontszie { float:right; }
.fontszie > ul { border-left:1px solid #e5e2d7; overflow:hidden; }
.fontszie > ul > li { float:left; width:50px; height:50px; border-right:1px solid #e5e2d7; }
.fontszie > ul li.lang-list { width:auto; }
.fontszie > ul li.lang-list > a {     position: relative; height: 50px; line-height: 50px; color: #666; padding: 0 20px; display: block; }
.fontszie > ul li a:link,
.fontszie > ul li a:visited { display:block; }
.fontszie > ul li a:active,
.fontszie > ul li a:focus,
.fontszie > ul li a:hover { background:#ece0b0; }

.fontszie .underLinkList2 { position:absolute; right:0; top:61px; width:500px; padding:15px; border:1px solid #ddd; box-sizing:border-box; background:#fff; display:none; z-index:10000; }
.fontszie .underLinkList2 ul { display:flex; }
.fontszie .underLinkList2 li { width:33%; text-align:center; }
.fontszie .underLinkList2 li a:active,
.fontszie .underLinkList2 li a:focus,
.fontszie .underLinkList2 li a:hover { color:#ff7505; }
.fontszie .abtn_underLinkClose { width:60px !important; height:30px !important; line-height:30px !important; border-radius:3px; background:#333; color:#fff !important; font-size:85%; text-align:center; display:block; margin:20px auto 0; }


@media (min-width:769px) and (max-width:1024px){
	.fontszie { display:none; } 	 	
}


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




/* 상단통합검색2 */
.topSearch2 { position:relative; float:right; width:217px; height:54px; }
.topSearch2 .text_topsearch { width:100%; height:54px; line-height:54px; padding-left:15px; padding-right:54px; box-sizing:border-box; border:none; background:#172037; color:#fff; }
.topSearch2 .topsearch_btn { position:absolute; right:0; top:0; }


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



/* 사이드메뉴 */
.sidemenu { position:relative; float:right; font-size:85%; margin-top:40px; margin-right:15px; }
.sidemenu ul {}
.sidemenu ul li { float:left; margin-left:20px; }
.sidemenu ul li a:link,
.sidemenu ul li a:visited { color:#888;  }
.sidemenu ul li a:active,
.sidemenu ul li a:focus,
.sidemenu ul li a:hover { color:#202c4a; }

.sidemenu ul li:nth-child(2) { padding-right:15px; background:url(/images/egovframework/com/svc/council/inc/language_blt.gif) no-repeat right 9px; }
.sidemenu ul li ul { position:absolute; right:0px; top:25px; width:240px; height:50px; line-height:50px; padding:0 15px; border:1px solid #eee; background:#fff; overflow:hidden; display:none; z-index:10; }
.sidemenu ul li ul li { float:left; padding:0 10px; margin:0; }
.sidemenu ul li ul li:nth-child(2) { padding:0 10px; background:none; }
.sidemenu ul li ul li a:link,
.sidemenu ul li ul li a:visited { color:#888; }
.sidemenu ul li ul li a:active,
.sidemenu ul li ul li a:focus,
.sidemenu ul li ul li a:hover { color:#1757b7; }



@media (min-width:769px) and (max-width:1024px){
	.sidemenu { display:none; }	 	
}


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



/* gnb 메뉴 */
#menu { position:absolute; left:0; right:0; top:168px; z-index:11; }
#topMenu { position:relative; display:flex; overflow:visible; }



#topMenu > li { flex: 2; text-align:center; display:inline-block; padding:0; margin:0; }
#topMenu > li.btn-sch { flex:0; }
#topMenu > li.btn-sch > a { width:56px !important; }

#topMenu > li > a:link,
#topMenu > li > a:visited { display:flex; align-items:center; justify-content:center; width:auto; height:62px; vertical-align:top; background:none; margin:0; color:#222; text-decoration:none; font-size:125%; box-sizing:border-box; font-family:"Pretendard GOV"; font-weight:700; letter-spacing:-1px; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#1a8c3d; }



@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { font-size:105%; }
}


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


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



/* 서브메뉴 표시 */
#topMenu > li > .smarea  { position:absolute; left:0; top:62px; width:100%; height:152px; padding:30px 0 0 0px; background:#fff; display:none; clear:both; z-index:1003;  }
#topMenu > li strong { float:left; width:220px; color:#000; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:160%; text-align:left; display:inline-block; margin-top:5px; }
#topMenu > li ul { float:left; width:calc(100% - 220px); padding:0; display:inline-block;   }

#topMenu > li ul > li { float:left; width:20%; padding-left:10px; box-sizing:border-box; text-align:left; display:block;  }
#topMenu > li ul > li.long { width:40%; }

#topMenu > li ul > li > a:link,
#topMenu > li ul > li > a:visited { position:relative; height:40px; line-height:40px; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:110%; 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:#1a8c3d; font-weight:bold; }
#topMenu > li ul > li > a:before { content:''; position:absolute; left:-10px; top:18px; width:3px; height:3px; background:#fe9c00; display:inline-block; }

#topMenu > li ul > li > a.st { letter-spacing:-2px; }
#topMenu > li ul > li > a .topnw { top:13px; }




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

.menubox { position:absolute; left:0; top:230px; width:100%; height:183px; border-bottom:3px solid #ff8400; background:#fff; display:none; z-index:10; }



@media (max-width:1280px){
	#topMenu > li > .smarea  { padding:30px 15px 0 15px; }
}


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


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


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






/* 사이드메뉴2 */
.sidemenu2 { position:absolute; right:0px; top:92px; }
.sidemenu2 ul { overflow:hidden; }
.sidemenu2 ul li { float:left; margin-left:35px;  }
.sidemenu2 ul li:first-child { position:relative; top:3px; } 


@media (min-width:769px) and (max-width:1024px){
	.sidemenu2 { display:none; }	
}


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





/* 상단검색 */
.topSearch { position:absolute; left:0; top:229px; width:100%; height:152px; background:url(/images/egovframework/com/svc/council/inc/topsearch_bg.png); z-index:100000000; display:none; }
.topSearch .topSearcharea { position:relative; width:990px; height:93px; padding-top:36px; box-sizing:border-box; border-bottom:1px solid #000; margin:0 auto; }
.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
.topSearch .topSearcharea .topsearch_btn { position:absolute; right:0; bottom:0; }


@media (min-width:769px) and (max-width:1024px){
	.topSearch { top:98px;}
	.topSearch .topSearcharea { width:calc(100% - 40px); }
	.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
}



@media (max-width:768px){
	.topSearch { top:65px; height:100px; }
	.topSearch .topSearcharea { width:calc(100% - 30px); height:77px; padding-top:19px;  }
	.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
}

/* 생방송알림 */
.onairNotice { width:100%; }
.onairNotice .onairNoticeBox { width:100%;padding:14px 10px 14px 30px;  border:1px solid #615144; box-sizing:border-box; background:#7c6d61; }

.onairNotice .onairNoticeBox .date { float:left; width:320px; color:#fff; font-size:125%; font-family:"Pretendard GOV"; font-weight:700, "이사만루 미디엄";  }
.onairNotice .onairNoticeBox .date span { color:#ffd40c; }

.onairNotice .onairNoticeBox .list { float:left; width:calc(100% - 585px); padding:0 15px; border-left:1px solid #887d74; border-right:1px solid #887d74; box-sizing:border-box; margin-right:15px;  }

.onairNotice .onairNoticeBox .list ul { width:100%;  }
.onairNotice .onairNoticeBox .list ul li { width:100%; height:30px; line-height:30px; overflow:hidden; display:block; }

.onairNotice .onairNoticeBox .list ul li .icon { float:left; width:75px; height:30px; line-height:30px; border-radius:3px; text-align:center; color:#fff; display:block; margin:0px 10px 0 0; }
.onairNotice .onairNoticeBox .list ul li .typeOn { background:#da131a; }
.onairNotice .onairNoticeBox .list ul li .typeOff { background:#dddddd; }
.onairNotice .onairNoticeBox .list ul li .typeEnd { background:#40423f; }

.onairNotice .onairNoticeBox .list ul li .subject { float:left; width:calc(100% - 185px);  }
.onairNotice .onairNoticeBox .list ul li .subject a:link,
.onairNotice .onairNoticeBox .list ul li .subject a:visited { width:100%; color:#fff; font-size:115%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.onairNotice .onairNoticeBox .list ul li .subject a:active,
.onairNotice .onairNoticeBox .list ul li .subject a:focus,
.onairNotice .onairNoticeBox .list ul li .subject a:hover { color:#ffd40c; } 

.onairNotice .onairNoticeBox .list ul li .time { display:none; float:left; width:100px; padding-left:41px; box-sizing:border-box; background:url(/broadcast/images/main/onair_icon_time.gif) no-repeat 0 50%; color:#fff; }

.onairNotice .onairNoticeBox .example { float:left; width:250px; }
.onairNotice .onairNoticeBox .example ul { width:100%; }
.onairNotice .onairNoticeBox .example ul li { float:left; color:#fff; margin-right:10px; }
.onairNotice .onairNoticeBox .example ul li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; }
.onairNotice .onairNoticeBox .example ul li .ex1 { background:#da131a;}
.onairNotice .onairNoticeBox .example ul li .ex2 { background:#40423f;}
.onairNotice .onairNoticeBox .example ul li .ex3 { background:#dddddd;}

@media (min-width:769px) and (max-width:1024px){
	.onairNotice .onairNoticeBox .date { float:none; width:100%; margin-bottom:8px; }
	.onairNotice .onairNoticeBox .list { width:calc(100% - 265px); padding-left:0; border-left:none;  }
}

@media (max-width:768px){
	.onairNotice .onairNoticeBox .date { float:none; width:100%; margin-bottom:8px; }
	.onairNotice .onairNoticeBox .list { width:calc(100% - 265px); padding-left:0; border-left:none;  }
}

@media (max-width:640px){
	.onairNotice .onairNoticeBox { padding:14px 15px 14px 15px; }
	.onairNotice .onairNoticeBox .list { width:100%; padding:8px 0 10px 0; border:none;  }
	.onairNotice .onairNoticeBox .example { float:none; width:100%; }
}



/* 메인 생방송 플레이어 */
#mainonair { width:100%; padding:38px 0 40px 0; background:url(/images/main/onair_bg.gif); }
#mainonairarea { position:relative; width:1400px; margin:0 auto; }


#mainonairarea .mplayer { float:left; width:calc(100% - 480px); margin-right:50px; }
#mainonairarea .mplayer h3 { height:44px; padding:0 0 0 27px; font-weight:normal; font-size:130%; color:#000; background:url(/images/main/onair_blt_title.png) no-repeat 0 7px; }
#mainonairarea .mplayer .mplayerarea { width:100%; height:450px }


#mainonairarea .monairlist { float:right; width:430px; margin-top:44px; }
#mainonairarea .monairlist .monairlistBox { width:100%; padding:0 20px; border:1px solid #615144; box-sizing:border-box; background:#7c6d61; margin-bottom:43px; }

#mainonairarea .monairlist .monairlistBox .dayarea { width:100%; height:65px; line-height:65px; font-weight:bold; font-size:125%; letter-spacing:-1px; color:#fff; text-align:center; }
#mainonairarea .monairlist .monairlistBox .dayarea strong { color:#ffd40c; font-weight:normal; }


#mainonairarea .monairlist .monairlistBox ul.list { width:100%; padding:10px 0; border-top:1px solid #887d74; border-bottom:1px solid #887d74; overflow:auto; }
#mainonairarea .monairlist .monairlistBox ul.list li { width:100%; height:40px; line-height:40px; overflow:hidden; display:block; }


#mainonairarea .monairlist .monairlistBox ul.list li .icon { float:left; width:75px; height:30px; line-height:30px; border-radius:3px; text-align:center; color:#fff; display:block; margin:5px 10px 0 0; }
#mainonairarea .monairlist .monairlistBox ul.list li .typeOn { background:#da131a; }
#mainonairarea .monairlist .monairlistBox ul.list li .typeOff { background:#dddddd; }
#mainonairarea .monairlist .monairlistBox ul.list li .typeEnd { background:#40423f; }

#mainonairarea .monairlist .monairlistBox ul.list li .subject { float:left; width:calc(100% - 185px); }
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:link,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:visited { width:100%; color:#ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:active,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:focus,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:hover { color:#fff; } 

#mainonairarea .monairlist .monairlistBox ul.list li .time {display:none; float:left; width:100px; padding-left:41px; box-sizing:border-box; background:url(/images/main/onair_icon_time.gif) no-repeat 0 50%; color:#fff; }


#mainonairarea .monairlist .monairlistBox ul.example { width:100%; overflow:hidden; }
#mainonairarea .monairlist .monairlistBox ul.example li { float:left; padding:14px 0 17px 0; color:#fff; margin-right:10px; }
#mainonairarea .monairlist .monairlistBox ul.example li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; }
#mainonairarea .monairlist .monairlistBox ul.example li .ex1 { background:#da131a;}
#mainonairarea .monairlist .monairlistBox ul.example li .ex2 { background:#40423f;}
#mainonairarea .monairlist .monairlistBox ul.example li .ex3 { background:#dddddd;}

#mainonairarea .monairlist .monair_visible { width:100%; text-align:center; }
#mainonairarea .monairlist .monair_visible .txt { margin-bottom:10px; }
#mainonairarea .monairlist .monair_visible .icon { width:99px; height:82px; background:url(/images/main/onair_icon.png) no-repeat; margin:0 auto 40px; }
#mainonairarea .monairlist .monair_visible a:link,
#mainonairarea .monairlist .monair_visible a:visited { color:#1c5497;}
#mainonairarea .monairlist .monair_visible a:active,
#mainonairarea .monairlist .monair_visible a:focus,
#mainonairarea .monairlist .monair_visible a:hover { color:#000; }
#mainonairarea .monairlist .monair_visible a strong { font-weight:normal; }
#mainonairarea .monairlist .monair_visible a span { padding-right:18px; background:url(/images/main/onair_blt_go.gif) no-repeat right 50%; color:#000; display:inline-block; }



#mainonairarea .mainonair_bottom { width:100%; padding-top:15px; text-align:right; overflow:hidden; }
#mainonairarea .mainonair_bottom form { float:right; vertical-align:top;  }
#mainonairarea .mainonair_bottom .close { position:relative; float:right; top:5px; padding-left:10px; display:inline-block;  }



@media (min-width:1025px) and (max-width:1280px){
	#mainonair { padding:38px 15px 40px 15px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:calc(100% - 430px); margin-right:30px; }
	#mainonairarea .monairlist { width:400px; }
}

@media (min-width:901px) and (max-width:1024px){
	#mainonair { padding:38px 30px 40px 30px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:calc(100% - 370px); margin-right:30px; }
	#mainonairarea .monairlist { width:340px; }


	#mainonairarea .mplayer .mplayerarea { height:334px }
	
}

@media (min-width:769px) and (max-width:900px){
	#mainonair { padding:38px 30px 40px 30px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:100%; margin-right:0px; }
	#mainonairarea .monairlist { width:100%; }

	#mainonairarea .mplayer .mplayerarea { height:450px }
	
}

@media (max-width:768px){
	#mainonair { padding:38px 15px 40px 15px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:100%; margin-right:0px; }
	#mainonairarea .monairlist { width:100%; }	


	#mainonairarea .mplayer .mplayerarea { height:415px; }
}


@media (max-width:640px){
	#mainonairarea .mplayer .mplayerarea { height:343px; }
}

@media (max-width:480px){
	#mainonairarea .mplayer .mplayerarea { height:253px; }
}

@media (max-width:425px){
	#mainonairarea .mplayer .mplayerarea { height:222px; }
}

@media (max-width:375px){
	#mainonairarea .mplayer .mplayerarea { height:194px; }
}

@media (max-width:375px){
	#mainonairarea .mplayer .mplayerarea { height:186px; }
}




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

.mOnair .onairarea .onairLeft { float:left; width:195px; box-sizing:border-box; font-family:"Pretendard GOV"; font-weight:700, "이사만루 미디엄"; text-align:center; }
.mOnair .onairarea .onairLeft h1 { color:#000; font-family:"Pretendard GOV"; font-weight:700, "이사만루 미디엄"; font-size:185%; margin:8px 0 4px 0; }
.mOnair .onairarea .onairLeft p { width:100px; height:40px; line-height:40px; background:#326789; border-radius:10px; color:#fff; font-size:120%; margin:0 auto; }

.mOnair .onairarea .onairRight { float:left; width:calc(100% - 270px); border-left:1px solid #ddd; box-sizing:border-box; }
.mOnair .onairarea .onairRight li { float:left; width:50%; height:50px; line-height:50px; padding-left:30px; box-sizing:border-box; display:block; margin:12px 0; }
.mOnair .onairarea .onairRight li .icon { float:left; width:80px; height:45px; line-height:45px; border-radius:5px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:130%; letter-spacing:-1.5px; text-align:center; background:#e11a00; 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% - 200px); }
.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:"Pretendard GOV"; font-weight:700, "이사만루 미디엄"; 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:#1757b7; } 

.mOnair .onairarea .onairRight li .time { float:left; width:80px; height:50px; line-height:50px; padding-left:35px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/main2/onair_icon.png) no-repeat 0 50%; color:#555; font-weight:bold; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:130%;  }


@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; box-sizing:border-box; }

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


@media (max-width:768px){
	.mOnair .onairarea { width:100%; padding:20px 15px 10px 15px; box-sizing:border-box; }
	
	.mOnair .onairarea .onairLeft { float:none; width:100%; letter-spacing:-1px; overflow:hidden; }
	.mOnair .onairarea .onairLeft h1 { float:none; font-size:135%; margin:0 0 10px 0; }
	.mOnair .onairarea .onairLeft p { float:none; width:100%; border-radius:0; font-size:135%; margin:0 0 15px 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; padding:0; 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/main2/onair_timeicon2.png) no-repeat 0 50%; font-size:120%;  }
}

#container * { box-sizing:border-box; }
section h2 { display:block; }
section .btn_prev,
section .btn_next { background:url(/images/egovframework/com/svc/council/main3/ico_angle.svg) no-repeat center/16px; }
section .btn_prev { transform:rotate(90deg) }
section .btn_next { transform:rotate(-90deg) }
section .btn_play { background: url(/images/egovframework/com/svc/council/main3/ico_swiper_stop.svg) no-repeat center/16px; }
section .btn_play.on { background:url(/images/egovframework/com/svc/council/main3/ico_swiper_play.svg) no-repeat center/16px; }

#cont1 .containerarea { display:flex; justify-content:space-between; flex-wrap:wrap; }
#cont1 .left-box { max-width:calc(100% - 480px); width:100%; }
#cont1 .right-box { max-width:440px; width:50%; }

@media (max-width:1024px){
	#cont1 .left-box { max-width:100%; width:100%; }
	#cont1 .right-box { max-width:100%; width:100%; margin-top:32px; }
}


/* 검색 */
.mSearch { display:flex; align-items:end; margin-bottom:4rem; }
.mSearch form { position:relative; width:calc(100% - 356px); margin-left:28px; }
.mSearch .text_totalsearch { width:calc(100% - 35px); padding:26px 40px; border-radius:50px; background:#F4F7F3; border:2px solid #2F4858; }
.mSearch button { position:absolute; width:70px; height:70px; border-radius:100%; border:0; background:#2F4858; transform:translate(-50%, 50%);  transition:.4s; }
.mSearch button::before { position:absolute; left:50%; top:50%; content:''; width:50%; height:50%; transform:translate(-50%,-50%); background:#fff; mask:url(/images/egovframework/com/svc/council/main3/ico_sch.svg) no-repeat center/contain; }

.mSearch button:hover,
.mSearch button:focus { background:#1E2E39; }

@media (max-width:768px){
	.mSearch { flex-direction:column; }
	.mSearch .slogan { margin:0 auto 24px; }
	.mSearch .slogan img { max-width:100%; }
	.mSearch form { width:100%; }
	.mSearch .text_totalsearch { padding:12px 24px; }
	.mSearch button { width:48px; height:48px }
}


/* 메인비주얼 */
.visible { position:relative; }
.visible .visibleList { border-radius:16px; overflow:hidden; }
.visible .visibleList img { width:100%; }

.visible .slogan { position:absolute; top:50%; left:50%; z-index:1; max-width:800px; width:100%; transform:translate(-50%,-50%); padding:0 1rem; }
.visible .slogan img { width:100%; }
.visible .bar { position:absolute; top:20px; right:20px; display:flex; padding:12px 16px; border-radius:40px; background:rgba(255,255,255,.8); }

.visible .bar .page { display: flex; align-items: center; font-size: 112.5%; margin-right: 16px; }
.visible .bar .page span { color:#8A949E; }
.visible .bar .page strong { display: flex; align-items: center; color:#4C7160; }
.visible .bar .page strong::after { display: block; content: ''; width: 2px; height: 2px; border-radius: 4px; background: #464C53; margin:0 10px; }
.visible .bar button { width: 24px; height: 24px; font-size:0; border:0; }



/* 열린의장실 */
.mChairman { position:relative; padding:40px 0 40px 28px; background:url(/images/egovframework/com/svc/council/main3/chm_bg.png) no-repeat center/cover; border:1px solid #ddd; border-radius:1rem; overflow:hidden; margin-bottom:24px; }
.mChairman h2 { font-size:112.5%; font-weight:700; color:#4C7160; }

.mChairman p { margin:18px 0; }
.mChairman b { font-size:125%; }

.mChairman strong { font-size:150%; color:#4C7160; }

.mChairman .btn-wrap { position:relative; z-index:1; display:flex; }
.mChairman .btn-wrap a { min-width:120px; text-align:center; padding:8px 0; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.1); color:#4C7160; border-radius:100px; transition:.4s; margin-right:8px; }
.mChairman .btn-wrap a:hover,
.mChairman .btn-wrap a:focus { background:#4C7160; color:#fff; }

.mChairman img { position:absolute; bottom:0; right:0; }

@media (max-width:768px){
	.mChairman { padding:24px 0 64px 24px; }
}

/* 회기일정 */
.mSession { padding:16px 28px; background:#FCFBF8; border-radius:1rem; border:1px solid #ddd; overflow:hidden; margin-bottom:24px; }

.mSession .ss-head { position:relative; display:flex; flex-direction:column; background:url(/images/egovframework/com/svc/council/inc/mark.png) no-repeat left/contain; padding-left:64px; }
.mSession .ss-head b { color:#4C7160; font-size:118.75%; }
.mSession .ss-head .badge { position:absolute; top:0; right:0; padding:6px; border-radius:4px; line-height:1; background:#666; color:#fff; }
.mSession .ss-head .badge.on { background:#2F4858; }

.mSession .ss-body { position:relative; max-height:10.8em; padding:8px 16px; border-radius:4px; background:#F1EFEA; color:#5E5E5E; margin-top:16px; overflow-y:auto;}
.mSession .ss-body .bar { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.mSession .ss-body .bar button{ width: 24px; height: 24px; font-size: 0; border: 0; }

@media (max-width:768px){
	.mSession { padding:16px 16px; }
	.mSession .ss-head .badge { font-size:93.75%; padding:4px; }
}


/* 의사일정 */
.mSchedule { background:#fff; border-radius:1rem; border:1px solid #ddd; overflow:hidden; }
.mSchedule .sched-head { position:relative; display:flex; justify-content:space-between; align-items:end; padding:16px 28px 12px; background:linear-gradient(#2F4858, #1D1D35); color:#fff; }
.mSchedule .sched-head h2 { display:flex; }
.mSchedule .sched-head h2 a { color:#fff; }

.mSchedule .sched-body { padding:1rem; }
.mSchedule .date-list { justify-content:space-between; padding:0 12px; }
.mSchedule .date-list,
.mSchedule .date-list li { display:flex; }
.mSchedule .date-list li { flex-direction:column; align-items:center; }
.mSchedule .date-list .date { display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:40px; border:1px solid #ddd; color:#000; transition:.3s; margin-top:2px; }
.mSchedule .date-list .date.on { border-color:#2F4858; background:#2F4858; color:#fff; }

.mSchedule button { width: 24px; height: 24px; font-size:0; border:0; }

.mSchedule .sched-body .listAll { position:relative; }
.mSchedule .sched-body .listAllBar { padding:12px 16px; border-radius:4px; background:#F5F6F7; color:#383838; margin-top:16px; }
.mSchedule .sched-body .listAll .bar { position:absolute; right:12px; top:50%; transform:translateY(-50%); }




/* 최근 게시글 */
.newcontent { position:relative; max-width:920px; width:66%; float:left; }
.newcontent h2 { position:absolute; font-size:250%; color:#2F4858; }
.newcontent #mtabmenu { display:inline-flex; margin-left:156px; }

.newcontent #mtabmenu > li { background:#EFF2EE; margin-top:9px; }
.newcontent #mtabmenu > li:first-child { border-radius:50px 0 0 50px; }
.newcontent #mtabmenu > li:last-child { border-radius:0 50px 50px 0; }
.newcontent #mtabmenu > li > a { padding:4px 16px; border-radius:50px; color:#414B4A; font-size:118.75%; font-weight:700; margin:4px; }
.newcontent #mtabmenu > li > a.select { color:#fff; background:#4C7160; }

.newcontent #mtabmenu > li > a + ul { position:absolute; left:0; display:none; flex-wrap:wrap; justify-content:space-between; margin-top:32px; overflow:visible }
.newcontent #mtabmenu > li > a.select + ul { display:flex; }

.newcontent #mtabmenu > li > a + ul li { width:calc(50% - 12px); margin-bottom:24px; }
.newcontent #mtabmenu > li > a + ul li:not(.more) a { display:flex; flex-direction:column; width:100%; padding:30px 24px; border-radius:20px; border:1px solid #DDD; box-shadow:0 2px 20px rgba(0,0,0,.1); }

.newcontent #mtabmenu > li > a + ul li:not(.more) a:hover,
.newcontent #mtabmenu > li > a + ul li:not(.more) a:focus { border-color:#4C7160; }

.newcontent #mtabmenu > li > a + ul li:not(.more) a:hover strong,
.newcontent #mtabmenu > li > a + ul li:not(.more) a:focus strong { color:#4C7160; }


.newcontent #mtabmenu .more { position:absolute; bottom:100%; right:0; display:flex; width:auto; }

.newcontent #mtabmenu strong { font-size:118.75%; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#626978; margin-bottom:16px; }
.newcontent #mtabmenu span { color:#7D7D7D; }

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

@media (max-width:768px){
	.newcontent { margin-bottom:32px; }
	.newcontent h2 { position:static; font-size:162.5%; }
	.newcontent #mtabmenu { margin-left:0; }
	
	.newcontent #mtabmenu > li > a { font-size:106.25%; padding:4px; margin:2px; }
	
	.newcontent #mtabmenu > li > a + ul,
	.newcontent #mtabmenu > li > a + ul li { width:100%; }
	.newcontent #mtabmenu > li > a.select + ul { margin-top:12px; }
	.newcontent #mtabmenu > li > a + ul li { margin-bottom:8px; }
	.newcontent #mtabmenu > li > a + ul li:nth-child(n+4) { display:none; }
	
	.newcontent #mtabmenu > li > a + ul li:not(.more) a { padding:16px; }
	.newcontent #mtabmenu strong { font-size:112.5%; margin-bottom:8px; }
}


/* 알림판 */
.popupzone { position:relative; width:calc(34% - 40px); float:right; }
.popupzone h2 { font-size:250%; margin-bottom:32px; color:#2F4858; }
.popupzone a img { width:100%; }

.popupzone .popupzoneList { height:403px; border-radius:16px; overflow:hidden; } 
.popupzone .popupzoneList .list { position:relative; float:left; height:403px;  } 

.popupzone .popupzoneList .list a { width:100%; height:100%; }
.popupzone .popupzoneList .list img { width:100%; height:100%; }

.popupzone .bar { position: absolute; top:9px; right:0; display: flex; align-items: center; padding:8px 12px 8px 16px; border-radius:50px; background-color: #F2EDE9; }
.popupzone .bar .page { display: flex; align-items: center; font-size: 112.5%; margin-right: 16px; }
.popupzone .bar .page span { color:#8A949E; }
.popupzone .bar .page strong { display: flex; align-items: center; color:#406357; }
.popupzone .bar .page strong::after { display: block; content: ''; width: 2px; height: 2px; border-radius: 4px; background: #464C53; margin:0 10px; }
.popupzone .bar button { width: 24px; height: 24px; font-size: 0; border: 0; }



.popupzone a.abtn_popupHide { position:absolute; right:0; top:0; z-index:1003;  }
.popupzone a.abtn_popupShow { display:none; position:absolute; right:0; bottom:0; z-index:1003;  }


@media (min-width:769px) and (max-width:1024px){
	.popupzone { position:relative; float:none; width:100%; margin:0 auto; }
	.popupzone a.abtn_popupHide { display:none; }
	.popupzone a.abtn_popupShow { display:none; }
}

@media (max-width:768px){
	.popupzone h2 { font-size:162.5%; margin-bottom:20px; }
	.popupzone { width:100%; position:relative; float:none; margin:0 auto; }	
	
	.popupzone .bar { top:0; padding:4px 16px; }
	
	.popupzone a.abtn_popupHide { display:none; }
	.popupzone a.abtn_popupShow { display:none; }
}

@media (max-width:640px){
	.popupzone { width:100%; height:auto;} 
	.popupzone .popupzoneList { height:auto; } 
	.popupzone .popupzoneList .list { height:auto; background:#f4f4f4; } 
	.popupzone .popupzoneList .list a img { width:100%; height:auto; }
	.popupzone .popupzoneList .list img { width:100%; height:auto;  }
}

/* 바로가기 */
.mQuick { margin:56px 0 0; }
.mQuick ul { display:flex; justify-content:space-between; }
.mQuick ul li { width:calc((100% / 9) - 35px); }
.mQuick ul li a { display:flex; align-items:center; flex-direction:column; font-size:112.5%; }
.mQuick ul li a:hover i,
.mQuick ul li a:focus i { background-color:#fff; border-color:#786457; }
.mQuick ul li a:hover span,
.mQuick ul li a:focus span { color:#786457; font-weight:700; }
.mQuick ul li a i { display:flex; width:100%; padding-top:100%; border-radius:8px; border:2px solid #f1f1f2; background:#F1F1F2 no-repeat center/66%; margin-bottom:16px; transition:.4s; }

.mQuick ul li a i.build { background-image:url(/images/egovframework/com/svc/council/main3/icon_build.png); }
.mQuick ul li a i.tel { background-image:url(/images/egovframework/com/svc/council/main3/icon_tel.png); }
.mQuick ul li a i.map { background-image:url(/images/egovframework/com/svc/council/main3/icon_map.png); }
.mQuick ul li a i.org { background-image:url(/images/egovframework/com/svc/council/main3/icon_org.png); }
.mQuick ul li a i.mbr { background-image:url(/images/egovframework/com/svc/council/main3/icon_mbr.png); }
.mQuick ul li a i.want { background-image:url(/images/egovframework/com/svc/council/main3/icon_want.png); }
.mQuick ul li a i.law { background-image:url(/images/egovframework/com/svc/council/main3/icon_law.png); }
.mQuick ul li a i.bill { background-image:url(/images/egovframework/com/svc/council/main3/icon_bill.png); }
.mQuick ul li a i.min { background-image:url(/images/egovframework/com/svc/council/main3/icon_min.png); }

@media (max-width:768px){
	.mQuick { margin-top:32px; }
	.mQuick ul { flex-wrap:wrap; justify-content:start; }
	.mQuick ul li { width:calc(33% - 12px); margin-right:15px; margin-bottom:16px; }
	.mQuick ul li:nth-child(3n) { margin-right:0; }
	.mQuick ul li a { font-size:100%; letter-spacing:-1px; }
	.mQuick ul li a i { background-size:75%; }
}


/* 현역의원 */
.mMember { position:relative; z-index:1; }
.mMember h2 { font-size:225%; margin-bottom:40px; }
.mMember h2 .eng { font-size:47.5%; color:#B7B7B7; }
.mMember .tab { position:absolute; top:0; right:0; display:flex; }
.mMember .tab > li:last-child { padding-right:80px; }
.mMember .tab .more { position:absolute; top:0; right:0; display:none; min-width: 80px; text-align:center; font-size: 150%; line-height: 1; font-weight: 700; padding: 16px 0; border-radius: 8px; border: 2px solid #2F4858; background: #2F4858; color: #fff; }
.mMember .tab .more::before { content:'↗'; }
.mMember .tab button { min-width:160px; font-size:150%; line-height:1; font-weight:700; padding:16px 0; border-radius:8px; border:2px solid #CDD1D5; background:#F9F9FA; color:#58616A; margin-right:16px; }
.mMember .tab button.select { background:#fff; border-color:#47352A; color:#47352A; }
.mMember .tab button.select ~ .more { display:block; }

.mMember .tab ~ div { display:none; }
.mMember .tab ~ div.select { display:block; }


	/* 인명별 */
.mMember .mbr-wrap { overflow:hidden; }

.mMember .mbr-for { width:calc(35% - 56px); float:left; }
.mMember .mbr-for .for-item { padding:24px; border-radius:16px; background:#fff; }
.mMember .mbr-for .for-item .pic { position:relative; width:100%; padding-top:52%; margin-bottom:16px; }
.mMember .mbr-for .for-item .pic img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; }

.mMember .mbr-for dt { font-size:112.5%; }
.mMember .mbr-for dt strong { font-size:133%; color:#1E2124; }

.mMember .mbr-for dd { display:flex; align-items:center; flex-wrap:wrap; margin-top:8px; }
.mMember .mbr-for dd i { display:inline-block; width:20px; height:20px; background:no-repeat center/contain; margin-right:4px; }
.mMember .mbr-for dd.district i { background-image:url(/images/egovframework/com/svc/council/main3/ico_map.svg); }
.mMember .mbr-for dd.party i { background-image:url(/images/egovframework/com/svc/council/main3/ico_party.svg); }
.mMember .mbr-for dd.tel i { background-image:url(/images/egovframework/com/svc/council/main3/ico_call.svg); }

.mMember .mbr-for .btn-wrap { display:flex; justify-content:space-between; margin-top:18px; }
.mMember .mbr-for .btn-wrap a { display:flex; justify-content:center; align-items:center; width:calc(50% - 8px); padding:8px; border-radius:40px; border:1px solid #33363D; color:#33363D; transition:.4s; }
.mMember .mbr-for .btn-wrap a i { width:24px; height:24px; display:block; background-color:#33363D; mask:no-repeat center/contain; margin-right:4px; transition:.4s; }
.mMember .mbr-for .btn-wrap a:nth-child(1) i { mask-image:url(/images/egovframework/com/svc/council/main3/ico_home.svg); }
.mMember .mbr-for .btn-wrap a:nth-child(2) i { mask-image:url(/images/egovframework/com/svc/council/main3/ico_identity.svg); }
.mMember .mbr-for .btn-wrap a:hover,
.mMember .mbr-for .btn-wrap a:focus { background:#20275B; color:#fff; border-color:#20275B; }
.mMember .mbr-for .btn-wrap a:hover i,
.mMember .mbr-for .btn-wrap a:focus i { background-color:#fff; }

.mMember .mbr-nav { width:65%; float:right; }

.mMember .mbr-nav .slick-track { transform:translate3d(0,0,0) !important; }
.mMember .mbr-nav .slick-slide { float:left; width:calc((100% / 7) - 24px) !important; margin-right:24px; }
.mMember .mbr-nav .nav-item { width:100%; background:#fff; border:2px solid #fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:8px; color:#33363D; margin-bottom:24px; transition:.4s; }
.mMember .mbr-nav .nav-item .pic,
.mMember .mbr-nav .nav-item .pic img { border-radius:6px; width:100%; }
.mMember .mbr-nav .nav-item .name { display:flex; justify-content:center; padding:4px 0; font-size:112.5%; letter-spacing:4px; font-weight:700; margin-right: -4px; }

.mMember .mbr-nav .nav-item:hover,
.mMember .mbr-nav .nav-item:focus { background:#eee; border-color:#eee; color:#1E2124; }
.mMember .mbr-nav .slick-current .nav-item { background:#565656; color:#fff; border-color:#565656; }

	/* 선거구별 */
.mMember .district-wrap { overflow:hidden; }

.mMember .memberLeft { position:relative; float:left; width:45%; margin-right:56px; }
.mMember .memberLeft img { width:100%; }

.mMember .memberLeft #allDstrctDisplay { position:absolute; left:0; }
.mMember .memberLeft .allMap { padding:8px 12px; border-radius:4px; border:2px solid #D1CBC5; background:#F9F5F2; font-weight:700; font-size:112.5%; color:#595959; }


.mMember .memberRight { float:right; width:calc(55% - 56px); }
.mMember .memberRightFirst ul,
.mMember .memberRight ul { display:flex; flex-wrap:wrap; }
.mMember .memberRightFirst ul li,
.mMember .memberRight ul li { width:calc((100% / 5) - 24px) !important; margin-right:24px; }

.mMember .memberRight ul a,
.mMember .memberRightFirst ul a { width:100%; background:#fff; border:2px solid #fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:8px; color:#33363D; margin-bottom:24px; transition:.4s; overflow:hidden; }
.mMember .memberRight ul a .pic,
.mMember .memberRightFirst ul a .pic,
.mMember .memberRight ul .pic img,
.mMember .memberRightFirst ul .pic img { border-radius:6px; width:100%; }
.mMember .memberRightFirst ul .name,
.mMember .memberRight ul .name { display:flex; justify-content:center; padding:4px 0; font-size:112.5%; letter-spacing:4px; font-weight:700; margin-right: -4px; }

.mMember .memberRight .rightBox { font-size:175%; padding:12px 16px; border-bottom:2px solid #595959; background:#8F6443; color:#fff; border-radius:0 16px 0 0; margin-bottom:16px; }
.mMember .memberRight .rightBox span { font-size:67.5%; color:inherit; margin-left:12px; }


@media (max-width:1280px){
	.mMember .mbr-for { width:calc(40% - 56px); }
	.mMember .mbr-nav { width:60%; }
	.mMember .mbr-nav .slick-slide { width:calc((100% / 5) - 24px) !important; }
}

@media (max-width:768px){
	.mMember h2 { font-size:162.5%; margin-bottom:20px; }
	
	.mMember .tab { position:relative; max-width:100%; width:100%; margin-bottom:16px; }
	.mMember .tab li { width:calc(50% - 32px); }
	.mMember .tab > li:last-child { padding-right:0; }
	.mMember .tab li button { min-width:auto; width:calc(100% - 16px); font-size:125%; padding:12px 0; }
	.mMember .tab .more { min-width: 64px; font-size:125%; padding:12px 0; }
	
	.mMember .mbr-for,
	.mMember .mbr-nav { width:100%; float:none; }
	.mMember .mbr-nav { margin-top:16px; }
	.mMember .mbr-nav .slick-slide { width:calc((100% / 5) - 12px) !important; margin:0 6px; }
	
	.mMember .memberLeft,
	.mMember .memberRight { float:none;  width:100%; }
	
	.mMember .memberLeft { margin-bottom:16px; }
	.mMember .memberRightFirst ul li, .mMember .memberRight ul li { width:calc((100% / 5) - 12px) !important; margin:0 6px; }
	
	.mMember .mbr-nav .nav-item .name,
	.mMember .memberRightFirst ul .name,
	.mMember .memberRight ul .name { letter-spacing:0; font-size:100%; margin-right:0; }
}



/* 사진영상 공통 */
.mMedia { position:relative; }
.mMedia h2 { font-size:250%; margin-bottom:32px; }

.mMedia .slick-slider { position:relative; }
.mMedia .slick-slider::after { position:absolute; z-index:1; right:0; top:0; content:''; width:100px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)); }

.mMedia {  }
.mMedia .slick-slide { margin:0 1.5rem;}
.mMedia .slick-list { width:100%; padding-left:0 !important; margin:0 -1.5rem; }

.mMedia ul .pic { position:relative; padding-top:60%; border-radius:16px; background:no-repeat center/100%; transition:.4s; }
.mMedia ul .playBtn { position:absolute; top:8px; right:8px; }
.mMedia ul a:hover .pic { background-size:110%; }
.mMedia ul a .bar { padding:0 16px; }
.mMedia ul strong { display:block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:118.75%; margin:12px 0 8px; }


.mMedia ul + .bar { position:absolute; top:0; right:0; display:flex; }
.mMedia ul + .bar .btn-list { display:flex; gap:4px; padding:8px 16px; border-radius:24px; background:#EFEFEF; }
.mMedia ul + .bar button { border:0; font-size:0; width:24px; height:24px; }
.mMedia .more { display:flex; align-items:center; justify-content:center; line-height:1; font-size:150%; padding:10px 12px 6px; border-radius:100px; background:#406357; color:#fff; }

@media (max-width:768px){
	.mMedia h2 { font-size:162.5%; margin-bottom:20px; }
	.mMedia ul + .bar .btn-list { padding:4px 12px; }
	.mMedia .more { padding:4px 12px 2px; }
}


/* 영상 */
.mVod { margin-top:80px; }
.mVod h2 { position:absolute; top:0; left:0; }
.mVod #mtabmenu2 { display:inline-flex; border-radius:50px; background:#EFF2EE; margin:9px 0 32px 156px; }
.mVod #mtabmenu2 a { padding:4px 16px; border-radius:50px; color:#414B4A; font-size:118.75%; font-weight:700; margin:4px; }
.mVod #mtabmenu2 a.select { color:#fff; background:#4C7160; }

.mVod .slick-slide { position:relative; }
.mVod .slick-track { transform:translate(0); margin:0; }
.mVod .mcont0 .slick-slide a::before { position:absolute; top:12px; left:12px; z-index:1; font-weight:700; padding:4px 12px; background:#ddd; color:#666; border-radius:20px; }

.mVod .mcont0 .act-item a::before { content:'의정활동영상'; background:#F3F4C3; color:#4C4D0F; }
.mVod .mcont0 .min-item a::before { content:'5분자유발언'; background:#D3DBE4; color:#526c86; }
.mVod .mcont0 .pvod-item a::before { content:'홍보컨텐츠'; background:#edfdf5; color:#384b42; }

@media (max-width:768px){
	.mVod { margin-top:32px; }
	.mVod h2 { position:static; }
	.mVod #mtabmenu2 { margin:0 0 16px; }
	.mVod #mtabmenu2 a { padding:4px; font-size:106.25%; letter-spacing:-1px; margin:2px; }
}




/* Footer, Bottom || 푸터, 바텀 */
#bottom { background:#FAF8FA; border-top:1px solid #CDD1D5; word-break:keep-all; }

#bottom .link-site { border-bottom:1px solid #CDD1D5; }
#bottom .link-site .site-list { display:flex; }
#bottom .link-site .site-list li { position:relative; flex:1 0 auto; }

#bottom .link-site .site-list .link { display:inline-flex; align-items:center; justify-content:space-between; width:100%; min-height:3.5rem; padding:0 1.5rem; border-right:.1rem solid #cdd1d5; background:transparent; }
#bottom .link-site .site-list li:first-child .link { border-left:1px solid #cdd1d5; }
#bottom .link-site .site-list .link:hover { background:#e3e6f3; }

#bottom > .inner { padding:2.5rem 0 1.5rem; }

#bottom .f-cnts { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:2.25rem; }
#bottom .f-cnts .info-addr { margin-bottom:1rem; }
#bottom .f-link { text-align: end; }
#bottom .f-link { text-align: end; }
#bottom .f-link .link-go .btn-txt { display:flex; align-items:center; min-width:120px; justify-content:space-between; margin-bottom:8px;}
#bottom .f-link .link-go .svg-icon { display: inline-flex; width: 1.25rem; height: 1.25rem; } 
#bottom .f-link .link-go .ico-angle { background:url(/images/egovframework/com/svc/council/main3/ico_angle.svg) no-repeat center/contain; transform:rotate(-90deg); }


#bottom .f-logo { display:flex; align-items:center; line-height:1; font-size:1.625rem; color:#58595B; margin-bottom:2.25rem; }
#bottom .f-logo::before { content:''; display:block; width:3rem; height:3rem; background:url(/images/egovframework/com/svc/memberhome/inc/title.png) no-repeat 0 0/contain; margin-right:.5rem; }
#bottom .f-logo div { display:flex; flex-direction:column; }
#bottom .f-logo span { font-size:.9375rem; font-weight:400; color:#8A949E; }

#bottom .f-info { display:flex; flex-direction:column; }
#bottom .f-info .f-num { display:flex; margin-bottom:1.2rem; }
#bottom .f-info .f-num:last-child { margin-bottom:0; }
#bottom .f-info .f-num .tel { text-decoration:underline; }
#bottom .f-info .f-num strong { margin-right:.8rem; font-weight:600; }
#bottom .f-info .f-num span { font-size:.9375rem; margin-left:1rem; }
#bottom .f-info .f-num dd { display:flex; }
#bottom .f-info .f-num span::before { width:1px; height:.5rem; }


#bottom .f-btm { display:flex; justify-content:space-between; padding-top:1rem; border-top:1px solid #CDD1D5; }

#bottom .f-btm .f-menu { display:flex; }
#bottom .f-btm .f-menu li { margin-left:1rem; }
#bottom .f-btm .f-menu li:first-child { margin-left:0; }
#bottom .f-btm .f-menu li:first-child a { color:#104574 !important; }
#bottom .f-btm .copy { font-size:1rem; color:#464c53; }

#bottom .f-top { max-width: 87.5rem; margin:0 auto; display:flex; justify-content:end; }
#bottom .f-top a { background:#fff; border-radius:10px 10px 0 0; display:flex; align-items:center; width:55px; height:55px; justify-content:center; }


@media (max-width: 1440px) {
	#bottom > .inner { padding:4rem 2.4rem 2.4rem; }
}


@media (max-width: 1024px) {
	#bottom .f-link { width:auto; }
}

@media (max-width: 768px) {
	#bottom > .inner { padding:2.4rem 1.6rem 1.6rem; }

	#bottom .link-site > .inner { padding:0; }
	#bottom .link-site .site-list { flex-direction:column; }
	#bottom .link-site .site-list .link { min-height:3rem; border-top:.1rem solid #CDD1D5; border-right:none; }
	#bottom .link-site .site-list li:first-child .link { border-left:none;  border-top:none; }

	#bottom .f-cnts { flex-direction:column; margin-bottom:1.5rem; }
	#bottom .f-link .btn { font-size:1rem; padding:0; }
	#bottom .f-link .btn .svg-icon { width:1rem; height:1rem; }

	#bottom .f-logo { font-size:1.5rem; margin-bottom:1.5rem; }                     
	#bottom .f-logo::before { width:2rem; height:2rem; }
	
	#bottom .link-go > li { text-align:left; }

	#bottom .f-info { font-size:1rem; margin-bottom:1rem; }
	#bottom .f-info .f-num { margin-bottom:.5rem; }
	#bottom .f-info .f-num span { margin-left:.25rem; }

	#bottom .f-btm { flex-direction:column; }
	#bottom .f-btm .f-menu { font-size:.9375rem; flex-wrap:wrap; margin-bottom:.75rem; }
	#bottom .f-btm .f-menu li { margin-left:.5rem; }

	#bottom .f-btm .copy { font-size:.9375rem; }
}

/* Bottom | 외부링크 */
#bottom .site-list > li > button:before { position:absolute; content:''; display:block; left: 0; width:100%; height:8px; bottom:57px; }
#bottom .site-list > li > button::after { content:''; position:relative; top:0px; right:0px; width:24px; height: 24px; background:url(/images/icon/ico_angle.svg) no-repeat center; transition:0.3s; transform:rotate(-180deg); }
#bottom .site-list > li.on > button::after { transform:rotate(0deg);  }



#bottom .site-list .scrll_box { position:absolute; left:-1px; bottom:62px; width:calc(100% + 2px); height:fit-content; border:1px solid #c9c9c9; border-radius:10px; background:#fdfdfd; padding:14px; box-sizing: border-box;  display:none; z-index:5; }
#bottom .site-list .scrll_box ul { display: flex; flex-wrap: wrap; padding-right: 10px; overflow-y: auto; }

#bottom .site-list .scrll_box ul::-webkit-scrollbar{width: 5px;}
#bottom .site-list .scrll_box ul::-webkit-scrollbar-thumb{ background-color: #888; border-radius: 8px;}
#bottom .site-list .scrll_box ul::-webkit-scrollbar-track {background-color: #ddd; border-radius: 8px; }


#bottom .site-list .scrll_box ul li { display:block; width:50%;}
#bottom .site-list .scrll_box ul li a { position:relative; display:block; padding:2px 14px; font-size:90%; color:#333; box-sizing:border-box; transition:0.3s;  }
#bottom .site-list .scrll_box ul li a:hover { background:#e9e9f3; border-radius:4px; }
#bottom .site-list .scrll_box ul li a:before { position:absolute; content:''; display:block; left:4px; top:12px; background:#c9c9c9; width:5px; height:2px; border-radius:50%; }

#bottom .site-list .scrll_box ul li.tit { padding:4px 10px; background:#555; border-radius:4px; margin-top:16px; }
#bottom .site-list .scrll_box ul li.tit a { position:relative; display:block; padding:0; font-size:100%; color:#fff; box-sizing:border-box; }
#bottom .site-list .scrll_box ul li.tit a:hover { background:#333; padding:0 4px; }
#bottom .site-list .scrll_box ul li.tit a:before { display:none; }

@media (max-width: 768px) {
	#bottom .site-list .scrll_box { left:0; width:100%;}
}