@charset "utf-8";

/* 레이아웃 */
* { box-sizing:border-box; }
html, body { width:100%; height:100%;}

#gaonwrap { min-width:1400px; width:100%; }

#top { position:relative; width:100%; height:170px; border-bottom:1px solid #e3e3e3; background: url(/images/egovframework/com/svc/council/inc2/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1400px; height:170px; margin:0 auto; overflow:visible } 
	
#container { position:relative; width:100%; z-index:5; }
	#cont1 { position:relative; width:100%; padding:70px 0; overflow:hidden; }		
	#cont1::before { position:absolute; top:50%; content:''; width:100%; height:50%; border-radius:0 120px 0 0; background:linear-gradient(#F9F6ED, #fff); }
	#cont2 {  width:100%; padding:70px 0 70px 0; margin:0 auto; }
	#cont3 { position:relative; width:100%; padding:0 0 100px 0;  margin:0 auto; overflow:hidden; }		
		.containerarea { position:relative; width:1400px; margin:0 auto; }
		
	#bottomarea { position:relative; width:1400px; padding:30px 0 0 0; margin:0 auto; }


@media (min-width:1025px) and (max-width:1440px){
	#gaonwrap { min-width:100%; }
	
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd;  }
		#toparea { position:relative; width:100%; height:170px; margin:0 auto; overflow:visible; } 
		
	#container { width:100%; }
		#cont1 { position:relative; width:100%; padding:70px 15px;overflow:hidden; }		
		#cont2 {  width:100%; padding:82px 15px 60px 15px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:48px 15px 60px 15px;  margin:0 auto; overflow:hidden; }		
			.containerarea { width:100%; margin:0 auto; }
	
	#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){
	#gaonwrap { min-width:100%; }
	
	#top { position:relative; width:100%; height:97px; border-bottom:1px solid #eee; background:#fff; }
		#toparea { position:relative; width:100%; height:97px; margin:0 auto; overflow:visible }
		
	#container { width:100%; }
		#cont1 { position:relative; width:100%; padding:50px 30px;overflow:hidden; }		
		#cont2 {  width:100%; padding:62px 30px 40px 30px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:28px 30px 40px 30px;  margin:0 auto; overflow:hidden; }		
			.containerarea { width:100%; margin:0 auto; }

		#bottomarea { width:100%; padding:30px 15px 0 15px; box-sizing:border-box; }		
}



@media (max-width:768px){
	#gaonwrap { min-width:100%;  }
	
	#top { position:relative; width:100%; height:65px; background:#fff; }
		#toparea { position:relative; width:100%; height:65px; margin:0 auto; overflow:visible }
		
	#container { width:100%; }
		#cont1 { position:relative; width:100%; padding:30px 15px;overflow:hidden; }	
		#cont1::before { display:none; }
		#cont2 {  width:100%; padding:42px 15px 20px 15px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:8px 15px 20px 15px;  margin:0 auto; overflow:hidden; }		
			.containerarea { width:100%; margin:0 auto; }
		
	#bottomarea { width:100%; padding:30px 15px 0 15px; }
}


/* 사이드메뉴 숨기기 */
/*.mobileTopBtn1 { display:none; } */


/* 타이틀 */
#top #toparea > h1.title { position:absolute; left:0; top:75px;  }
#top #toparea > h1.title a { position:relative; width:230px; height:70px; padding:5px 0 0 83px; box-sizing:border-box; background:url(/images/egovframework/com/svc/memberhome/inc/title.png) no-repeat; color:#000; font-family:"Pretendard GOV", gulim, dotum, Arial; font-weight:700; font-size:65%; letter-spacing:-1px; }
#top #toparea > h1.title a strong { font-size:150%; display:block; line-height: 1.1; }


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


@media (min-width:769px) and (max-width:1024px){
	#top #toparea > h1.title { left:calc(50% - 110px); top:15px;  }
	#top #toparea > h1.title a { width:200px; height:60px; padding:5px 0 0 72px; background-size:auto 60px; font-size:55%; }
	
	.sidenav h1.title { position:relative; width:100%; height:90px; padding-top:15px; box-sizing:border-box;  }
	.sidenav h1.title a.sa { width:200px; height:60px; padding:5px 0 0 72px; box-sizing:border-box; background:url(/images/egovframework/com/svc/memberhome/inc/title.png) no-repeat; background-size:auto 60px; color:#fff !important; font-family:"Pretendard GOV", gulim, dotum, Arial; font-weight:700; font-size:55%; letter-spacing:-1px; }
	.sidenav h1.title a.sa strong { font-size:150%; display:block;  }

}

@media (max-width:768px){
	#top #toparea > h1.title { left:calc(50% - 75px); top:11px;  }
	#top #toparea > h1.title a { width:140px; height:40px; padding:2px 0 0 49px; background-size:auto 40px; font-size:40%; }
	
	.sidenav h1.title { position:relative; width:100%; height:70px; padding-top:15px; box-sizing:border-box;  }
	.sidenav h1.title a.sa { width:200px; height:40px; padding:2px 0 0 49px; box-sizing:border-box; background:url(/images/egovframework/com/svc/memberhome/inc/title.png) no-repeat; background-size:auto 40px; color:#fff !important; font-family:"Pretendard GOV", gulim, dotum, Arial; font-weight:700; font-size:40%; letter-spacing:-1px; }
	.sidenav h1.title a.sa strong { font-size:150%; display:block;  }
}






/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:20px; top:28px; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:80px; top:28px; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:20px; top:28px; }
	
	.mobileTopBtn li.mobileTopBtn4 { position:absolute; right:71px; top:32px; }
	.mobileTopBtn li.mobileTopBtn5 { position:absolute; right:117px; top:32px; }
	.mobileTopBtn li.mobileTopBtn6 { position:absolute; left:80px; top:28px; }
}
	
@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:20px; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:54px; top:20px; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:15px; top:20px; }
	
	.mobileTopBtn li.mobileTopBtn4 { position:absolute; right:52px; top:28px; }
	.mobileTopBtn li.mobileTopBtn5 { position:absolute; right:86px; top:28px; }
	.mobileTopBtn li.mobileTopBtn6 { position:absolute; left:54px; top:25px; }
	
	
	.mobileTopBtn li.mobileTopBtn1 img { width:28px; height:30px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:30px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:30px; }	
	.mobileTopBtn li.mobileTopBtn4 img { height:24px; }
	.mobileTopBtn li.mobileTopBtn5 img { height:24px; }
	.mobileTopBtn li.mobileTopBtn6 img { width:30px; }
}



/* 모바일용 외부 링크 */
@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:64px; width:100%; height:auto; line-height:auto; background:#fff; z-index:10; }
	
}



/* 유저 */
ul.username { position:absolute; right:358px; top:0; height:53px; }
ul.username li { float:left; width:53px; height:53px; border-left:1px solid #a0998a; }
ul.username li.membername { width:auto; line-height:53px; padding:0 15px; color:#fff; }
ul.username li.membername strong { font-weight:normal; font-family:"Pretendard GOV", gulim, dotum, Arial; font-weight:700; color:#523f11; }


@media (max-width:1023px){
	ul.username { display:none; }
}


/* 외국어 */
.language { position:absolute; right:217px; top:0; width:140px; border-left:1px solid #a0998a;  }
.language > a:link,
.language > a:visited { width:100%; height:53px; line-height:53px; padding-left:38px; box-sizing:border-box; background:url(/images/egovframework/com/scc/council/inc/language_icon.png) no-repeat 15px 50%; color:#eee; display:block; }
.language > a:active,
.language > a:focus,
.language > a:hover { color:#fff; }

.language > a span { background:url(/images/egovframework/com/scc/council/inc/language_downblt.png) no-repeat right top; display:block; }

.language .languageList { position:absolute; left:-1px; top:53px; width:140px; border:1px solid #a0998a; border-top:none; background:#aea89a; z-index:1001; }
.language .languageList ul { width:100%; }
.language .languageList ul li { width:100%; display:block; }
.language .languageList ul li a:link,
.language .languageList ul li a:visited { width:100%; height:36px; line-height:36px; padding-left:20px; box-sizing:border-box; font-size:90%; background:#7c7460; color:#eee; display:block; }
.language .languageList ul li a:active,
.language .languageList ul li a:focus,
.language .languageList ul li a:hover { background:#5e5642;  color:#fff; }


@media (max-width:1023px){
	.language { display:none; }
}



/* 폰트설정 */
.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; } 	
}




/* locl 메뉴 */
#menu { position:absolute; right:0px; top:100px; }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; }
#topMenu > li:last-child span { position:relative; top:-5px; }

#topMenu > li > a:link,
#topMenu > li > a:visited { height:80px; vertical-align:top; padding:0 50px; color:#222; font-size:145%; font-family:"Pretendard GOV", gulim, dotum, Arial; font-weight:700; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#ffad9c; }



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

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


@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { width:100%; padding:0 30px; height:60px; vertical-align:top; color:#222; font-size:145%; font-family:"Pretendard GOV", gulim, dotum, Arial; font-weight:700; letter-spacing:-1px; display:block; }
}


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

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



/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:70px; width:100%; height:162px; padding:10px 0 0 0px; border-left: 1px solid #eee; display:none; clear:both; z-index:1003;   }
#topMenu li ul#snb9 { border-right: 1px solid #eee; }
#topMenu li ul li { position:relative; width:100%;  padding:3px 0 4px 18px; box-sizing:border-box; background: url(/images/inc/submenu_blt.gif) no-repeat 8px 15px; text-align:left;  display:block; }

#topMenu li ul li a:link,
#topMenu li ul li a:visited { width:100%; height:auto; padding:0; text-decoration:none; color:#333; font-family: NotoSans-DemiLight, "본고딕 데미라이트"; font-size:95%; margin:0; background:none; border:0; display:inline-block;  }
#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; text-decoration:underline; color:#06c; }

#topMenu > li > ul.end { border-right: 1px solid #eee;}

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

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


@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { height:60px; vertical-align:top; padding:0 20px; color:#222; font-size:145%; font-family:"Pretendard GOV", gulim, dotum, Arial; font-weight:700; letter-spacing:-1px; display:block; }
}


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

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




/* 상단 의원목록 */
.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 > ul > li:nth-child(1),
.fontszie > ul > li:nth-child(2),
.fontszie > ul > li:nth-child(3),
.fontszie > ul > li:nth-child(4),
.fontszie > ul > li:nth-child(5) { display:none; }

.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:1023px){
	.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:1023px){
	.sidemenu { display:none; }	 	
}


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


/* 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-link { display:none; }


#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 .info-addr { margin-bottom:1rem; }
#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 dd { display:flex; align-items:center; }
#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 span::before { width:1px; height:.5rem; }


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

#bottom .f-btm .f-menu { display:none; }
#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; }
}

#container h2 { display:inline-block; color:#3A3A3A }

/* 프로필 */
.mProfile { position:absolute; bottom:0; z-index:2; max-width:680px; width:100%; padding:64px 40px; background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,1)); backdrop-filter:blur(100px); border-radius:20px; border:1px solid #C3D9CD; }

.mProfile .txt1 { font-size:150%; font-weight:700; margin-bottom:12px; }
.mProfile .txt2 { font-size:250%; font-weight:700; margin-bottom:40px; }
.mProfile .txt2 span { font-size:160%; color:#282828 }

.mProfile dl { display:flex; flex-wrap:wrap; font-size:125%; }
.mProfile dt { display:flex; align-items:center; max-width:120px; width:100%; margin-bottom:20px; margin-right:40px; }
.mProfile dt i { width:20px; height:20px; display:inline-block; background:no-repeat center/contain; margin-right:8px; }
.mProfile dt span { display:inline-block; width:96px; text-align: justify; text-align-last: justify; text-justify: inter-character;  }
.mProfile dd { max-width:calc(100% - 160px); width:100%; font-weight:700; color:#282828; margin-bottom:20px; }

.mProfile dt.position i { background-image:url(/images/egovframework/com/svc/mbrh/m_ico_profile.png); }
.mProfile dt.district i { background-image:url(/images/egovframework/com/svc/mbrh/m_ico_district.png); }
.mProfile dt.party i { background-image:url(/images/egovframework/com/svc/mbrh/m_ico_party.png); }
.mProfile dt.tel i { background-image:url(/images/egovframework/com/svc/mbrh/m_ico_call.png); }
.mProfile dt.mail i { background-image:url(/images/egovframework/com/svc/mbrh/m_ico_email.png); }

@media (min-width:769px) and (max-width:1280px){
	.mProfile { bottom:0; max-width:520px; padding:48px 40px 64px; }
	
	.mProfile .txt1 { font-size:137.5%; margin-bottom:8px; }
	.mProfile .txt2 { font-size:162.5%; margin-bottom:24px; }
	.mProfile .txt2 span { font-size:125%; }
	
	.mProfile dt,
	.mProfile dd { margin-bottom:16px; }
}


@media (max-width: 768px) {
	.mProfile { bottom:120px; max-width:100%; padding:24px 20px; }

	.mProfile .txt1 { font-size:137.5%; margin-bottom:8px; }
	.mProfile .txt2 { font-size:162.5%; margin-bottom:24px; }
	.mProfile .txt2 span { font-size:125%; }
	
	.mProfile dl { font-size:112.5%; }
	.mProfile dt { max-width:100px; margin-right:24px; margin-bottom:12px; }
	.mProfile dd { max-width:calc(100% - 124px); margin-bottom:12px; }
}


/* 메인 비주얼 */
.mVisible { position:relative; max-width:920px; width:100%; padding:0 0 64px 0; margin:0 0 0 auto; }
.mVisible .visibleList { border-radius:40px; overflow:hidden; }
.mVisible .visibleList .list img { width:100%; }

.mVisible .bar { position:absolute; top:24px; right:24px; display:flex; align-items:center; color:#fff; background:rgba(0,0,0,0.5); padding:12px 16px; border-radius:40px; }
.mVisible .bar .page { letter-spacing:4px; }
.mVisible .bar .current { color:#CBDCD4; font-weight:700; }
.mVisible .bar button { font-size:0; width:24px; height:24px; border:0; background-color:#fff; }

.mVisible .btn_prev,
.mVisible .btn_next { mask:url(/images/egovframework/com/svc/council/main3/ico_angle.svg) no-repeat center/20px; }
.mVisible .btn_prev { transform:rotate(90deg) }
.mVisible .btn_next { transform:rotate(-90deg) }
.mVisible .btn_play { mask:url(/images/egovframework/com/svc/council/main3/ico_swiper_stop.svg) no-repeat center/20px; }
.mVisible .btn_play.on { mask-image:url(/images/egovframework/com/svc/council/main3/ico_swiper_play.svg); }

@media (min-width:769px) and (max-width:1280px){
	.mVisible { padding:0 0 320px 0; }
}

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


/* 바로가기 */
.mQuick { position:absolute; right:0; bottom:0; z-index:1; max-width:560px; width:100%; margin:0 0 0 auto }
.mQuick ul { display:flex; width:100%; border-radius:16px; box-shadow:0 0 20px #CCD6D4; }
.mQuick ul li { display:flex; width:25%; height:120px; }
.mQuick ul li::after { display:block; content:''; width:1px; height:100%; background:#ddd; }
.mQuick ul li:last-child::after { display:none; }

.mQuick ul li a { position:relative; width:100%; background:#fff; padding:24px 20px; transition:.4s; }
.mQuick ul li a i { position:absolute; right:20px; bottom:24px; display:block; width:32px; height:32px; background:no-repeat center/contain; }
.mQuick ul li:nth-child(1) a i { background-image:url(/images/egovframework/com/svc/mbrh/icon_min.png); }
.mQuick ul li:nth-child(2) a i { background-image:url(/images/egovframework/com/svc/mbrh/icon_chat.png); }
.mQuick ul li:nth-child(3) a i { background-image:url(/images/egovframework/com/svc/mbrh/icon_5min.png); }
.mQuick ul li:nth-child(4) a i { background-image:url(/images/egovframework/com/svc/mbrh/icon_bill.png); }

.mQuick ul li a:hover,
.mQuick ul li a:focus { color:#4C7160; background:#F1F9EF; }

@media (min-width:769px) and (max-width:1280px){
	.mQuick { bottom:-70px; z-index:10; }
}

@media (max-width: 768px) {
	.mQuick ul li { height:100px; }
	.mQuick ul li a { padding:16px 12px; }
}

#cont2 .btn-more { position:absolute; right:0; top:0; 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; }
#cont2 .containerarea { display:flex; justify-content:space-between; }

@media (max-width:768px){
	#cont2 .containerarea { flex-direction:column; }
}

/* 의원활동 */
.mNotice { position:relative; width:calc(100% - 488px); }
.mNotice h2 { position:absolute; top:0; left:0; font-size:225%; }
.mNotice h2::before { position:absolute; left:-120px; bottom:-50%; z-index:-1; width:180px; height:130px; content:''; background:url(/images/egovframework/com/svc/mbrh/quote.png) no-repeat center/contain; }
.mNotice .tab { display:flex; justify-content:end; }
.mNotice .tab > li { margin-left:20px; }
.mNotice .tab > li:last-child { margin-right:78px; }

.mNotice .tab-item { position:relative; font-size:150%; font-weight:700; padding-bottom:6px; margin-bottom:32px; }
.mNotice .tab-item.on { color:#4C7160; }

.mNotice .tab-item::after { position:absolute; bottom:0; left:50%; content:''; width:0; height:2px; background:#4C7160; transform:translateX(-50%); }
.mNotice .tab-item.on::after { width:100%; }

.mNotice .tab-item.on + .post-list { display:flex; overflow:visible }

.mNotice .tab .post-list { position:absolute; left:0; display:none; flex-wrap:wrap; justify-content:space-between; width:100%; }
.mNotice .tab .post-item { width:calc(50% - 10px); border-radius:16px; box-shadow:4px 4px 10px rgba(0,0,0,.1); color:#58616A; margin-bottom:12px; }
.mNotice .tab .post-item > * { padding:24px; background:#fff; border-radius:16px; border:1px solid #fff; overflow:hidden; }
.mNotice .tab .post-item.none > * { border:#ddd; background:#f4f4f4; text-align:center; color:#777; }

.mNotice .badge-list { display:flex; margin-bottom:12px; }
.mNotice .badge { padding:4px 8px; border-radius:4px; line-height:1; background:#eee; color:#58616A; font-size:93.75%; margin-right:4px; }
.mNotice .badge:nth-child(2) {  }
.mNotice .badge:nth-child(3) { color:#052B57; background:#EEF2F7; }

.mNotice .post-item strong { display:block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:125%; margin-bottom:12px; }
.mNotice .post-item .date { color:#8A949E; }

.mNotice .post-item a:hover,
.mNotice .post-item a:focus { border-color:#47352A; color:#47352A; }

@media (max-width:1280px){
	.mNotice { width:calc(100% - 320px) }
	.mNotice .tab-item { font-size:137.5%; }
}

@media (max-width:768px){
	.mNotice { width:100%; }
	.mNotice h2 { position:static; font-size:162.5%; margin-bottom:16px; }
	.mNotice h2::before { display:none; }

	.mNotice .tab { justify-content:start; }
	.mNotice .tab-item { font-size:125%; margin-bottom: 16px; }
	
	.mNotice .tab > li { margin-left:0; margin-right:12px; }
	
	.mNotice .tab-item.on + .post-list { flex-direction:column; }
	.mNotice .tab .post-item { width:100%; }
	.mNotice .tab .post-item > * { padding:16px; }
	.mNotice .post-item strong { font-size:118.75%; margin-bottom:8px; }
}



/* 보도자료 */
.mNews { position:relative; width:424px }
.mNews h2 { font-size:225%; margin-bottom:24px; }

.mNews h2 + * { position:relative; padding-top:60%; border-radius:16px; overflow:hidden; }
.mNews h2 + * > * { position:absolute; }
.mNews .bar { bottom:0; width:100%; display:flex; flex-direction:column; padding:24px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); }
.mNews .bar strong { font-size:125%; color:#fff; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.mNews .none { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.mNews .none p { bottom:24px; left:50%; transform:translateX(-50%); color:#777; }

.mNews img { top:0; left:0; width:100%; height:100%; object-fit:cover; }

@media (max-width:1280px){
	.mNews { width:300px }
}

@media (max-width:768px){
	.mNews { width:100%; margin-top:32px; }
	.mNews h2 { font-size:162.5%; margin-bottom:16px; }
}


/* 의정활동사진 */
.mAct { position:relative; width:100%; margin-right:40px; }
.mAct h2 { position:absolute; left:0; top:0; font-size:225%; }

.mAct .list-wrap { position:absolute; left:0; display:none; width:100%; overflow-x:auto; }
.mAct .more { display:none; }

.mAct .tab { display:flex; align-items:baseline; width:100%; padding-left:140px; }
.mAct .tab > li { margin:8px 0 0; }
.mAct .tab-item { position:relative; font-size:150%; font-weight:700; color:#3A3A3A; margin-bottom:24px; margin-right:16px; }
.mAct .tab-item.on::after { position:absolute; right:0; top:-4px; content:''; width:12px; height:16px; background:url(/images/egovframework/com/svc/mbrh/ico_quote.svg) no-repeat center/contain; transform:translateX(100%); }
.mAct .tab-item.on { font-size:175%; color:#4C7160; }

.mAct .tab-item.on + .list-wrap { display:flex; }
.mAct .tab-item.on ~ a.more { display:block; }
.mAct .post-list { min-width:800px; margin-bottom:16px; }
.mAct .post-list .list { width:calc(33% - 42px); margin-right:64px; }
.mAct .post-list .list:last-child { margin-right:0; }

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

.mAct .more { position:absolute; top:0; right:0; width:36px; height:36px; font-size:0; background:url(/images/egovframework/com/svc/mbrh/ico_more.png) no-repeat center/contain; }


@media (max-width:768px){
	.mAct h2 { position:static; font-size:162.5%; margin-bottom:16px; }
	
	.mAct .tab { padding-left:0; margin-bottom:48px; }
	.mAct .tab-item { font-size:125%; }
	.mAct .tab-item.on { font-size:137.5%; }
	.mAct .post-list .list { width:calc(33% - 21px); margin-right:32px; }
}