@charset "utf-8";

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

#gaonwrap { min-width:1280px; 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:1280px; height:170px; margin:0 auto; overflow:visible } 
	
#container { position:relative; width:100%; z-index:5; }
	#cont1 { position:relative; width:100%; padding:70px 0; background:url(/images/egovframework/com/svc/memberhome/main/con1_bg.jpg) no-repeat 50% 50% /cover; overflow:hidden; }		
	#cont2 {  width:100%; padding:70px 0 70px 0; margin:0 auto; }
	#cont3 { position:relative; width:100%; padding:0 0 100px 0;  margin:0 auto; background:url(/images/egovframework/com/svc/memberhome/main/cont3_bg.jpg) no-repeat 50% bottom; overflow:hidden; }		
		.containerarea { width:1280px; margin:0 auto; }

#bottom { position:relative; min-width:100%; width:100%; background:#3a3e59; color:#fff;  z-index:16 }
	#bottomarea { position:relative; width:1280px; padding:25px 0 70px 0; margin:0 auto; z-index:17; }



@media (min-width:1025px) and (max-width:1280px){
	#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; background:url(/images/egovframework/com/svc/memberhome/main/con1_bg.jpg) no-repeat 50% 50% /cover; 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; background:url(/images/egovframework/com/svc/memberhome/main/cont3_bg.jpg) no-repeat 50% bottom; overflow:hidden; }		
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { width:100%; min-width:100%; border-top:1px solid #333; z-index:6  }
		#bottomarea { position:relative; width:100%; padding:30px 30px 50px 30px; box-sizing:border-box; margin:0 auto ;z-index:7  }
}


@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; background:url(/images/egovframework/com/svc/memberhome/main/con1_bg.jpg) no-repeat 50% 50% /cover; 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; background:url(/images/egovframework/com/svc/memberhome/main/cont3_bg.jpg) no-repeat 50% bottom; overflow:hidden; }		
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { width:100%; min-width:100%; border-top:1px solid #333; z-index:6  }
		#bottomarea { position:relative; width:100%; padding:30px 30px 50px 30px; box-sizing:border-box; margin:0 auto ;z-index:7  }
}



@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; background:url(/images/egovframework/com/svc/memberhome/main/con1_bg.jpg) no-repeat 50% 50% /cover; overflow:hidden; }		
		#cont2 {  width:100%; padding:42px 15px 20px 15px; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:8px 15px 20px 15px;  margin:0 auto; background:url(/images/egovframework/com/svc/memberhome/main/cont3_bg.jpg) no-repeat 50% bottom; overflow:hidden; }		
			.containerarea { width:100%; margin:0 auto; }
		
	#bottom { width:100%; min-width:100%; border-top:1px solid #333; z-index:6  }
		#bottomarea { position:relative; width:100%; padding:30px 30px 50px 30px; box-sizing:border-box; margin:0 auto ;z-index:7  }

}


/* 사이드메뉴 숨기기 */
/*.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:esamanru-Medium, "이사만루 미디엄"; font-size:65%; letter-spacing:-1px; }
#top #toparea > h1.title a strong { font-weight:normal; font-size:150%; display:block; }


@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:esamanru-Medium, "이사만루 미디엄"; font-size:55%; letter-spacing:-1px; }
	.sidenav h1.title a.sa strong { font-weight:normal; 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:esamanru-Medium, "이사만루 미디엄"; font-size:40%; letter-spacing:-1px; }
	.sidenav h1.title a.sa strong { font-weight:normal; 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:25px; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:54px; top:25px; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:15px; top:25px; }
	
	.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; }
}



/* 모바일용 외부 링크 */
.mobileLink { display:none; width:0; height:0; line-height:0; overflow:hidden; }

@media (min-width:769px) and (max-width:1023px){
	.mobileLink { position:absolute; left:0; top:98px; width:100%; height:auto; line-height:auto; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:25%; height:50px; line-height:50px; background:url(/images/egovframework/com/svc/council/inc/mobileTopBtn_bgline.gif) no-repeat right bottom; text-align:center; font-size:90%; letter-spacing:-1px; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:66px; width:100%; height:auto; line-height:auto; background:#fff; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:33%; height:50px; line-height:50px; background:url(/images/egovframework/com/svc/council/inc/mobileTopBtn_bgline.gif) no-repeat right bottom; text-align:center; font-size:90%; letter-spacing:-1px; }
	.mobileLink ul li.li2 { width:34%; }
	
}


/* 상단링크1 */
.underLink { position:relative; float:left; }
.underLink > ul { border-left:1px solid #e5e2d7; overflow:visible; }
.underLink > ul > li { position:relative; float:left; width:130px; height:50px; border-right:1px solid #e5e2d7; }
.underLink > ul > li > a:link,
.underLink > ul > li > a:visited { width:100%; height:50px; line-height:50px; text-align:center; color:#333; font-size:95%; display:block; }
.underLink > ul > li > a:active,
.underLink > ul > li > a:focus,
.underLink > ul > li > a:hover { color:#000; }
.underLink > ul > li > a.select { background:#fff; color:#000; font-weight:bold; }


.underLink ul li a#abtn_underLinkBtn1,
.underLink ul li a#abtn_underLinkBtn2,
.underLink ul li a#abtn_underLinkBtn3 { padding-left:10px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/inc/underlink_blt.png) no-repeat right 0; text-align:left; display:block; }


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

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





/* 유저 */
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:NotoSans-Medium, "본고딕 미디엄"; 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 { position:absolute; right:0; top:0;  }
.fontszie ul { overflow:hidden; border-left:1px solid #a0998a; margin-left:-1px; }
.fontszie ul li { float:left; width:53px;border-right:1px solid #a0998a; }
.fontszie ul li a:link,
.fontszie ul li a:visited { width:100%; height:53px; line-height:53px; color:#eee; text-align:center; display:block; }
.fontszie ul li a:active,
.fontszie ul li a:focus,
.fontszie ul li a:hover {  color:#fff; }


@media (max-width:1023px){
	.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:esamanru-Medium, "이사만루 미디엄"; 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:esamanru-Medium, "이사만루 미디엄"; 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:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; display:block; }
}


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

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






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

.mVisible .visibleList { position:relative; width:100%; height:100%; overflow:hidden; margin:0 auto; }
.mVisible .visibleList .list { position:relative; float:left; height:100%; background-size:cover !important; }
.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:20px; 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:32px; 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/egovframework/com/svc/memberhome/main/visible_btn_prev.gif) no-repeat; }
.mVisible .slick-next { left:calc(50% + 40px); background:url(/images/egovframework/com/svc/memberhome/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/egovframework/com/svc/memberhome/main/visible_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mVisible .btn_play.on { background:url(/images/egovframework/com/svc/memberhome/main/visible_btn_play.gif) no-repeat;  }

			/* Dots 메인 서브  */
.mVisible .slick-dotted.slick-slider {  }
.mVisible .slick-dots { position:absolute; left:calc(50% - 70px); bottom:16px; width:80px !important; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }
			/* Dots  */
.mVisible .slick-dots li { height:50px; line-height:50px; color:#fff;  letter-spacing:5px; z-index:1003;}




@media (min-width:1025px) and (max-width:1280px){
	.mVisible { width:calc(100% - 510px); }
}


@media (max-width:1024px){
	.mVisible { float:none; position:relative; width:100%; height:100%; overflow:hidden; border-bottom-left-radius:0; border-bottom-right-radius:0;   }
}



/* 프로필 */
.mProfile { float:right; width:430px; height:500px; padding:44px 35px 0 35px; border-radius:30px; box-sizing:border-box; background:#ffeed1; box-sizing:border-box; color:#111; }
.mProfile .txt1 { font-size:130%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#555; letter-spacing:-1px; margin-bottom:9px; }
.mProfile .txt2 { font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#555; letter-spacing:-1px; margin-bottom:30px; }
.mProfile .txt2 span { font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#326789; }
.mProfile ul { width:356px; display:flex; justify-content:space-between; margin-bottom:50px; }
.mProfile ul li { width:calc(50% - 10px); height:50px; line-height:44px; margin-right:20px; }
.mProfile ul li:nth-child(2) { margin-right:0; }
.mProfile ul li a:link,
.mProfile ul li a:visited { width:100%; height:100%; padding:0 15px; border:3px solid #e06f53; border-radius:30px; box-sizing:border-box; background:url(/images/memberHome/main/profile_blt.png) no-repeat right 15px center; color:#555; }
.mProfile ul li a:active,
.mProfile ul li a:focus,
.mProfile ul li a:hover { color:#e06f53; font-weight:bold; }

.mProfile table { width:100%; border-top:1px solid #ddcfb8; margin-bottom:20px; }
.mProfile table th { width:134px; padding:10px 0 11px 55px; box-sizing:border-box; border-bottom:1px solid #ddcfb8; font-weight:normal; font-size:105%; text-align:left; color:#555; letter-spacing:-1px; vertical-align:top; }
.mProfile table td { width:calc(100% - 195px); padding:10px 0 11px 0; border-bottom:1px solid #ddcfb8; color:#111; font-size:105%; letter-spacing:-1px; 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/egovframework/com/svc/memberhome/main/profile_icon1.png) no-repeat 16px 10px; } 
.mProfile table th.th2 { background:url(/images/egovframework/com/svc/memberhome/main/profile_icon2.png) no-repeat 11px 10px } 
.mProfile table th.th3 { background:url(/images/egovframework/com/svc/memberhome/main/profile_icon3.png) no-repeat 10px 10px; } 
.mProfile table th.th4 { background:url(/images/egovframework/com/svc/memberhome/main/profile_icon4.png) no-repeat 8px 10px; } 
.mProfile table th.th5 { background:url(/images/egovframework/com/svc/memberhome/main/profile_icon5.png) no-repeat 11px 10px; } 

.mProfile .more:link,
.mProfile .more:visited { width:170px; height:40px; line-height:40px; border-radius:5px; background:#214477; color:#fff; text-align:center; display:block; transition:0.3s; margin:0 auto; }
.mProfile .more:active,
.mProfile .more:focus,
.mProfile .more:hover { background:#c54652; color:#fff; }


@media (min-width:1025px) and (max-width:1280px){
	.mProfile { float:right; width:450px; padding:60px 60px 80px 60px; }
	
}

@media (max-width:1024px){
	.mProfile { float:none; width:100%; height:auto; padding:30px; background-size: cover; border-top-left-radius:0; border-top-right-radius:0; }
	.mProfile .name { text-align:center; }
	
}

@media (max-width:768px){
	.mProfile { float:none; width:100%; height:auto; padding:30px; background-size: cover; }
	.mProfile .name { text-align:center; }

	.mProfile .txt1 { font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#e35d54; letter-spacing:-1px; margin-bottom:9px; }
	.mProfile .txt2 { font-size:110%; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; color:#555; letter-spacing:-1px; margin-bottom:31px; }
	.mProfile .txt2 span { font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#326789; }
	
}



/* 최근게시물 */
.newContent { width:100%; }
.newContent > ul { overflow:visible;}
.newContent > ul > li { position:relative; float:left; width:calc(25% - 28px); height:275px; box-sizing:border-box; text-align:center; margin-right:37.3px; }
.newContent > ul > li:last-child { margin-right:0; }

.newContent > ul > li > .bar { position:absolute;  left:20px; right:20px; width:calc(100% - 40px); height:60px; line-height:60px;  box-sizing:border-box;  background:#ec6864; color:#fff; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin:0 auto; z-index:2; }
.newContent > ul > li > .on { display:block; }
.newContent > ul > li > .off { padding-top:120px; color:#888; }


.newContent > ul > li ul { width:100%; height:100%; padding-top:110px; box-sizing:border-box;}
.newContent > ul > li ul > li { text-align:center;}
.newContent > ul > li ul > li.subject { width:100%; padding:10px 20px 40px 20px; box-sizing:border-box; font-size:115%; font-family:esamanru-Medium, "이사만루 미디엄"; }

.newContent > ul > li a:link,
.newContent > ul > li a:visited { width:100%; height:100%; border:1px solid #ddd; border-radius:30px; display:block; }
.newContent > ul > li a:active,
.newContent > ul > li a:hover,
.newContent > ul > li a:focus { border:3px solid #ec6864; transition:all 0.3s;  }


.newContent > ul > li a.more:link,
.newContent > ul > li a.more:visited { position:absolute; left:0; right:0; bottom:30px; border:none; color:#3b7bcc; width:60px; height:30px; line-height:30px; text-align:center; display:block; margin:0 auto;
                                       border-radius:20px; width:80px;}
.newContent > ul > li a.more:active,
.newContent > ul > li a.more:hover,
.newContent > ul > li a.more:focus { border:none; background:none; color:#f00; }


.newContent > ul > li a:link .txt,
.newContent > ul > li a:visited .txt { color:#222; }
.newContent > ul > li a:active .txt,
.newContent > ul > li a:hover .txt,
.newContent > ul > li a:focus .txt { transition:all 0.3s;  }



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



@media (min-width:1025px) and (max-width:1280px){
	#cont2 { width:100%; padding:20px 15px 70px 15px; box-sizing:border-box; }
	       
    }
	
@media (min-width:769px) and (max-width:1024px){
	#cont2 { width:100%; padding:20px 30px 50px 30px; box-sizing:border-box;  }  
	.newContent > ul > li { width:calc(50% - 15px); height:275px; /*border:1px solid #ddd;*/ box-sizing:border-box; text-align:center; margin:0 15px 50px 0; }
	.newContent > ul > li:nth-child(even) { margin-right:0; margin-left:15px; }
	.newContent > ul > li:nth-child(3),
	.newContent > ul > li:nth-child(4) { margin-bottom:0; }
	     
    }

@media (max-width:768px){
	#cont2 { width:100%; padding:20px 15px 40px 15px; box-sizing:border-box; }  
	.newContent > ul > li { width:100%; height:auto; margin:0 0 40px 0; }
	.newContent > ul > li:nth-child(even) { margin-right:0; margin-left:0; }
	.newContent > ul > li:nth-child(4) { margin-bottom:0; }
	
	.newContent > ul > li a:link,
	.newContent > ul > li a:visited { width:100%; height:100%; margin-bottom:15px; }


	.newContent > ul > li a.more:link,
	.newContent > ul > li a.more:visited { position:static; }
	       
}






/* 포토갤러리 */
.mPhoto { position:relative; width:100%; margin:0 auto 50px; }
.mPhoto h1 { color:#000; font-size:180%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; text-align:center; margin-bottom:5px; }
.mPhoto .txt { text-align:center; margin-bottom:20px;}

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

.mPhoto ul li .picArea { width:100%; height:auto; overflow:hidden; border-top-left-radius:30px; border-top-right-radius:30px; }
.mPhoto ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.mPhoto ul li .pic { width:100%; height:0; padding-top:calc(187 / 279 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; background-size:cover !important; }
.mPhoto ul li .pic img { width:100%; }

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

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

.mPhoto ul li .date { font-size:95%; color:#666; }

.mPhoto .more { position:absolute; left:calc(50% + 90px); top:6px; }


@media (min-width:1281px) and (max-width:1600px){
	.mPhoto { width:100%; }
}


@media (min-width:1025px) and (max-width:1200px){
	.mPhoto { width:100%; }
}


@media (min-width:769px) and (max-width:1024px){
	.mPhoto { width:100%; }
	.mPhoto .photoBody { width:100%; overflow:auto; }
	.mPhoto ul {  width:1310px; }
	.mPhoto ul li { width:calc(25% - 15px); padding-bottom:10px; }
	.mPhoto ul li:last-child { margin-right:0; }
}

@media (max-width:768px){
	.mPhoto { width:100%; }
	.mPhoto .photoBody { width:100%; overflow:auto; }
	.mPhoto ul { width:1310px; }
	.mPhoto ul li { width:calc(25% - 15px); padding-bottom:10px; }
	.mPhoto ul li:last-child { margin-right:0; }
}





/* 의정활동영상 */
.mVod { position:relative; width:100%; margin:0 auto; }
.mVod h1 { color:#000; font-size:180%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; text-align:center; margin-bottom:5px; }
.mVod .txt { text-align:center; margin-bottom:20px;}

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

.mVod ul li .picArea { position:relative; width:100%; height:auto; overflow:hidden; border-top-left-radius:30px; border-top-right-radius:30px; }
.mVod ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.mVod ul li .pic { width:100%; height:0; padding-top:calc(90 / 160 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; background-size:cover !important; }
.mVod ul li .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:87px; padding:20px 20px 0 20px; box-sizing:border-box; background:#fff; border-bottom-left-radius:30px; border-bottom-right-radius:30px;}
.mVod ul li .subject a:link,
.mVod ul li .subject a:visited { width:100%; color:#111; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:2px; }
.mVod ul li .subject a:active,
.mVod ul li .subject a:focus,
.mVod ul li .subject a:hover {color:#1757b7; }

.mVod ul li .date { font-size:95%; color:#666; }

.mVod .more { position:absolute; left:calc(50% + 90px); top:6px; }


@media (min-width:1281px) and (max-width:1600px){
	.mVod { width:100%; }
}


@media (min-width:1025px) and (max-width:1200px){
	.mVod { width:100%; }
}


@media (min-width:769px) and (max-width:1024px){
	.mVod { width:100%; }
	.mVod .photoBody { width:100%; overflow:auto; }
	.mVod ul {  width:1310px; }
	.mVod ul li { width:calc(25% - 15px); padding-bottom:10px; }
	.mVod ul li:last-child { margin-right:0; }
}

@media (max-width:768px){
	.mVod { width:100%; }
	.mVod .photoBody { width:100%; overflow:auto; }
	.mVod ul { width:1310px; }
	.mVod ul li { width:calc(25% - 15px); padding-bottom:10px; }
	.mVod ul li:last-child { margin-right:0; }
}



/* 상단 의원목록 */
.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 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:#2f4a6e; }

@media (min-width:769px) and (max-width:1023px){
	.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; }	
}




/* 하단 */
#bottom #bottomarea .logo { float:left; width:280px; }

#bottom #bottomarea .bottom_right { float:left; width:calc(100% - 280px); padding-top:10px;  }

#bottom #bottomarea .bottom_right .bottomMenu { margin-bottom:30px; }
#bottom #bottomarea .bottom_right .bottomMenu ul { width:100%; overflow:hidden; }
#bottom #bottomarea .bottom_right .bottomMenu ul li { float:left; padding:0 16px 0 15px; background:url(/images/egovframework/com/svc/council/inc/bottom_menu_line.gif) no-repeat right 50%; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:first-child { padding-left:0; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:last-child { background:none; }

#bottom #bottomarea .bottom_right .bottomMenu ul li a:link,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:visited { color:#555; }
#bottom #bottomarea .bottom_right .bottomMenu ul li a:active,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:focus,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:hover { color:#caa970; }

#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:link,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:visited { color:#c59c55; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:active,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:focus,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:hover { color:#90661d; }

#bottom #bottomarea .bottom_right address { margin-bottom:5px; }
#bottom #bottomarea .bottom_right address span { margin-right:20px; }

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

#bottom #bottomarea .topbtn { position:absolute; right:0; top:0; }
#bottom #bottomarea .mark { position:absolute; right:0; top:80px; }


#bottom #bottomarea address span a:link,
#bottom #bottomarea address span a:visited { color:#fff; }
#bottom #bottomarea address span a:active,
#bottom #bottomarea address span a:focus,
#bottom #bottomarea address span a:hover { color:#f9ac66; }



@media (min-width:769px) and (max-width:1023px){
	#bottom #bottomarea .logo { float:left; width:200px; }

	#bottom #bottomarea .bottom_right { width:calc(100% - 200px); }

	#bottom #bottomarea .bottom_right address { font-size:90%; }
	#bottom #bottomarea .bottom_right .copyright { font-size:85%;  } 
}

@media (max-width:900px){
	#bottom #bottomarea .mark { position:static; text-align:center; margin:20px 0 0  0;}
}
@media (max-width:768px){
	#bottom #bottomarea .logo { float:none; width:100%; text-align:center; margin-bottom:30px; }
	#bottom #bottomarea .bottom_right { float:none; width:100%; padding-top:30px;  }
	
	#bottom #bottomarea .bottom_right .bottomMenu { overflow:auto; font-size:90%; }
	#bottom #bottomarea .bottom_right .bottomMenu ul { width:330px; margin:0 auto; text-align:center; }

	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(3) { background:none; }
	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(4),
	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(5) { display:none;  }
	
	#bottom #bottomarea .bottom_right address { text-align:center; margin-bottom:15px; }
#bottom #bottomarea .bottom_right address span:first-child { display:block; margin-right:20px; }

#bottom #bottomarea .bottom_right .copyright { text-align:center; }

#bottom #bottomarea .topbtn { }



}