@charset "utf-8";


/* 서브 레이아웃 */
#container { width:100%; }

	.svisible { width:100%; height:200px; background: url(/images/egovframework/com/svc/council/inc/svisible_bg.jpg) no-repeat 50% top; }
	
	#containerarea { width:1280px; margin:0 auto; }
	
		#sleft { float:left; position:relative; width:230px; margin-right:70px; }
		#sright { position:relative; float:right; width:980px; }
			
			#content { width:100%; margin-bottom:100px; }

@media (min-width:769px) and (max-width:1024px){
#container { width:100%; }
	.svisible { width:100%; height:200px; background: url(/images/egovframework/com/svc/council/inc/svisible_bg.jpg) no-repeat 50% top; }	
	#containerarea { width:100%; }	
		#sleft { display:none;  }
		#sright { position:relative; float:none; width:100%; padding:0 30px; box-sizing:border-box;  }
			#content { width:100%; margin-bottom:100px; }
}


@media (max-width:768px){
#container { width:100%; }
	.svisible { display:none; }	
	#containerarea { width:100%; }	
		#sleft { display:none;  }
		#sright { position:relative; float:none; width:100%;  }
			#content { width:100%; padding:0 15px; box-sizing:border-box; margin-bottom:100px; }

}




/* 서브 비주얼 */
.svisible .slogan { padding-top:35px; text-align:center; }
.svisible .slogan img { width:550px; }

@media (min-width:769px) and (max-width:1024px){
	
}





/* 좌측메뉴 */
.leftmenu { position:relative; top:-130px; width:230px; margin-bottom:50px; }
.leftmenu h1 { width:100%; height:130px; line-height:130px; background-color:rgba(154,135,130,0.5); text-align:center; font-size:155%; color:#fff; letter-spacing:-1px; display:block; margin-bottom:10px; }

.leftmenu ul { width:100%; overflow:hidden; }
.leftmenu ul li { width:100%; display:block; margin-bottom:10px; }
.leftmenu ul li a:link,
.leftmenu ul li a:visited { padding:15px 0 17px 15px; border:1px solid #ddd; background:url(/images/egovframework/com/svc/council/inc/leftmenu_blt1_off.gif) no-repeat right top; font-size:105%; display:block; }
.leftmenu ul li a:active,
.leftmenu ul li a:focus,
.leftmenu ul li a:hover,
.leftmenu ul li a.select { border:1px solid #9a8782; background:#9a8782 url(/images/egovframework/com/svc/council/inc/leftmenu_blt1_on.gif) no-repeat right top; color:#fff; }


.leftmenu ul li ul { width:100%; padding:15px 0 15px 0; border:1px solid #9a8782; box-sizing:border-box; border-top:none; overflow:hidden; background:#fff; display:none; }
.leftmenu ul li ul li { width:100%; margin-bottom:0; }
.leftmenu ul li ul li a:link,
.leftmenu ul li ul li a:visited { width:100%; padding:8px 0 9px 20px; border:none; background:none; box-sizing:border-box; font-size:95%; color:#555; display:block; }
.leftmenu ul li ul li a:active,
.leftmenu ul li ul li a:focus,
.leftmenu ul li ul li a:hover,
.leftmenu ul li ul li a.select { color:#ed6b5b; background:url(/images/egovframework/com/svc/council/inc/leftmenu_blt2_on.gif) no-repeat right 15px; }



.leftmenu2 { position:relative; top:-130px; width:230px; margin-bottom:50px; }
.leftmenu2 h1 { width:100%; height:130px; line-height:130px; background-color:rgba(154,135,130,0.5); text-align:center; font-size:155%; color:#fff; letter-spacing:-1px; display:block; margin-bottom:10px; }


.leftmenu2 > ul > li { display:none; }
.leftmenu2 > ul > li > a { display:none !important; }

.leftmenu2 > ul > li > ul { width:100%; overflow:hidden; }
.leftmenu2 > ul > li > ul > li { width:100%; display:block; margin-bottom:10px; }
.leftmenu2 > ul > li > ul > li > a:link,
.leftmenu2 > ul > li > ul > li > a:visited { padding:15px 0 17px 15px; border:1px solid #ddd; background:url(/images/egovframework/com/svc/council/inc/leftmenu_blt1_off.gif) no-repeat right top; font-size:105%; display:block; }
.leftmenu2 > ul > li > ul > li > a:active,
.leftmenu2 > ul > li > ul > li > a:focus,
.leftmenu2 > ul > li > ul > li > a:hover,
.leftmenu2 > ul > li > ul > li > a.select { border:1px solid #9a8782; background:#9a8782 url(/images/egovframework/com/svc/council/inc/leftmenu_blt1_on.gif) no-repeat right top; color:#fff; }


.leftmenu2 > ul > li > ul li ul { width:100%; padding:15px 0 15px 0; border:1px solid #9a8782; box-sizing:border-box; border-top:none; overflow:hidden; background:#fff; display:none; }
.leftmenu2 > ul > li > ul li ul li { width:100%; margin-bottom:0; }
.leftmenu2 > ul > li > ul li ul li a:link,
.leftmenu2 > ul > li > ul li ul li a:visited { width:100%; padding:8px 0 9px 20px; border:none; background:none; box-sizing:border-box; font-size:95%; color:#555; display:block; }
.leftmenu2 > ul > li > ul li ul li a:active,
.leftmenu2 > ul > li > ul li ul li a:focus,
.leftmenu2 > ul > li > ul li ul li a:hover,
.leftmenu2 > ul > li > ul li ul li a.select { color:#ed6b5b; background:url(/images/egovframework/com/svc/council/inc/leftmenu_blt2_on.gif) no-repeat right 15px; }






/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:150px; border-bottom:1px solid #eee; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#999; }
.pagetitle .path img { position:relative; top:4px; }

.pagetitle h1 { padding:38px 0 0 5px; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:250%; color:#000; }

.pagetitle .snsbtn { position:absolute; right:0; bottom:10px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }


@media (min-width:769px) and (max-width:1024px){


		
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
	
}

@media (max-width:768px){
	.pagetitle { height:110px; border-bottom:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding-left:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; background:#f9f9f9; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.pagetitle .path img { position: relative; top:19px; }
	
	.pagetitle h1 { padding:38px 15px 0 15px; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:200%; color:#000; }

	
	.pagetitle .snsbtn { position:absolute; right:5px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
}





/* 1. 참여마당 */
/* 1. 참여마당 */
/* 1. 참여마당 */



/* 방문/방청안내 */
.visitGuide { width:100%; }
.visitGuide ul.pic { width:100%; text-align:center; }
.visitGuide ul.pic li { display:inline; padding:0 20px;  }
.visitGuide .floatLeft { float:left; margin-right:20px; }
.visitGuide h4 { margin-left:10px; }

.visitGuide a { display:inline-block; }

@media (min-width:769px) and (max-width:1024px){
	.visitGuide ul.pic li { display:inline; padding:10px 5px;  }
}

@media (max-width:900px){
	.visitGuide ul.pic li { display:block; padding:10px 0;  }
}

@media (max-width:450px){
	.visitGuide ul.pic li img { width:100%; }
}


/* 방문/방청 일정 */
.visitRegForm { width:100%; }

.s_schedulearea { width:100%; }

.s_schedulearea .s_calendar_top { position:relative; width:100%; height:32px; margin-bottom:10px; }

.s_schedulearea .s_calendar_top #s_calendar_select { width:190px; margin:0 auto 20px; }  /* 월 선택 */
.s_schedulearea .s_calendar_top #s_calendar_select .date { display:inline-block; color:#666; font:normal 120% arial; padding:0 30px;}
.s_schedulearea .s_calendar_top #s_calendar_select .date strong { padding-left:10px; color:#f2651e; font-size:130%; font-weight:bold;  }
.s_schedulearea .s_calendar_top #s_calendar_select a.btn_prev, 
.s_schedulearea .s_calendar_top #s_calendar_select a.btn_next { position:relative; top:6px; display:inline-block; vertical-align:top;  }
.s_schedulearea .s_calendar_top #s_calendar_select a img { vertical-align:top; }

.s_schedulearea .s_calendar_top .s_calendar_select2 { position:absolute; right:0; top:0; }

.visitRegForm #visitCalendarTable { width:100%; border:0; border-spacing:0 !important; border-collapse:collapse; margin-bottom:30px; }  /* 달력 */
.visitRegForm #visitCalendarTable th { height:40px; background:#8498ca; color:#fff;  }
.visitRegForm #visitCalendarTable td { height:100px; font-size:90%; border:1px solid #ddd; vertical-align:top !important; }
.visitRegForm #visitCalendarTable td span { height:30px; line-height:30px; padding-left:10px; /*padding:10px 0 5px 10px;*/ font-size:90%; display:block;   }

.visitRegForm #visitCalendarTable .th1,
.visitRegForm #visitCalendarTable .th3 { width:15%; }
.visitRegForm #visitCalendarTable .th2 { width:14%; }

.visitRegForm #visitCalendarTable td.sun { color:#da131a;}
.visitRegForm #visitCalendarTable td.sat { color:#06c;}
.visitRegForm #visitCalendarTable td.none { background:#fafafa; }

.visitRegForm #visitCalendarTable td a { float:left; margin:0 0 5px 5px; }





/* 달력 */
/* 2018-12-14 백업용
#s_calendar_calendar { width:100%; margin-bottom:30px; }  
#s_calendar_calendar table { width:100%; border:0; border-spacing:0 !important; border-collapse:collapse; }
#s_calendar_calendar table th { height:40px; background:#8498ca; color:#fff;  }
#s_calendar_calendar table td { min-height:100px; height:100px; font-size:90%; border:1px solid #ddd; vertical-align:top !important; }
#s_calendar_calendar table td span { padding:10px 0 5px 10px; vertical-align:top; display:block;   }


#s_calendar_calendar table .th1,
#s_calendar_calendar table .th3 { width:15%; }
#s_calendar_calendar table .th2 { width:14%; }


#s_calendar_calendar table table td { min-height:auto; height:100%; border:none; border-right:1px solid #ddd; }
#s_calendar_calendar table table td:last-child { border-right:none; } 


#s_calendar_calendar table td.sun { color:#da131a;}
#s_calendar_calendar table td.sat { color:#06c;}
#s_calendar_calendar table td.none { background:#fafafa; }


#s_calendar_calendar table table.calendar { width:100%; height:100%; border:0; border-spacing:0; border-collapse:collapse; }
#s_calendar_calendar table table.calendar td { width:14%; height:25px !important; line-height:20px !important; vertical-align:middle; padding:0 !important; }
#s_calendar_calendar table table.calendar td.sun
#s_calendar_calendar table table.calendar td.sat { width:15%; }





#s_calendar_calendar table td a { float:left; margin:0 0 5px 5px; }

#s_calendar_calendar table td.onday a { width:24px; height:24px; padding-top:1px; background:url(/images/egovframework/com/svc/council/sub/schedule_onday.png) no-repeat; color:#fff; text-align:center; display:inline-block; box-sizing:border-box; margin-left:-5px; }

#s_calendar_calendar table table.calendar td.c101000 { background:#06c; color:#fff; text-align:center; }
#s_calendar_calendar table table.calendar td.c303010 { background:#e55124; color:#fff; text-align:center; }
#s_calendar_calendar table table.calendar td.c303020 { background:#5faf00; color:#fff; text-align:center; }
#s_calendar_calendar table table.calendar td.c303030 { background:#0098d8; color:#fff; text-align:center; }
#s_calendar_calendar table table.calendar td.c505000 { background:#da4e71; color:#fff; text-align:center; }
#s_calendar_calendar table table.calendar td.c501000 { background:#8f6bda; color:#fff; text-align:center; }
*/

#s_calendar_calendar { width:100%; margin-bottom:30px; }  /* 달력 */
#s_calendar_calendar table { width:100%; border:0; border-spacing:0 !important; border-collapse:collapse; }
#s_calendar_calendar table th { height:40px; background:#8498ca; color:#fff;  }
#s_calendar_calendar table td { min-height:170px; height:170px; font-size:90%; border:1px solid #ddd; vertical-align:top !important; }
#s_calendar_calendar table td span { height:20px; line-height:20px; /*padding:10px 0 5px 10px;*/ vertical-align:top; font-size:85%; display:block;   }
#s_calendar_calendar table td span.date { height:30px; padding:0px 0 0 10px;  box-sizing:border-box;}
#s_calendar_calendar table td span.day { height:30px; padding:0px 0 0 10px; box-sizing:border-box;  }

#s_calendar_calendar table .th1,
#s_calendar_calendar table .th3 { width:15%; }
#s_calendar_calendar table .th2 { width:14%; }



#s_calendar_calendar table td.sun { color:#da131a;}
#s_calendar_calendar table td.sat { color:#06c;}
#s_calendar_calendar table td.none { background:#fafafa; }


#s_calendar_calendar table td a { float:left; margin:0 0 5px 5px; }

#s_calendar_calendar table td.onday a { width:24px; height:24px; padding-top:1px; background:url(/images/egovframework/com/svc/council/sub/schedule_onday.png) no-repeat; color:#fff; text-align:center; display:inline-block; box-sizing:border-box; margin-left:-5px; }

#s_calendar_calendar table td.today span.day a { text-decoration:underline; }
#s_calendar_calendar table td.today span.day:after { height:24px; line-height:24px; padding:0 10px; border-radius:12px; background:#da131a; color:#fff; font-size:95%; display:inline-block; content:'오늘'; margin-left:5px; }


/* 2018-12-09 추가 시작 */
#onaircalendar {	width:100%; border:0; border-spacing:0 !important; border-collapse: collapse; }
#onaircalendar th {	height: 40px; line-height:40px; background:#8498ca; 	color: #fff; }
#onaircalendar td { position:relative; height:225px; border-bottom:1px solid #ddd; font-size: 90%;	 vertical-align:top;  }
#onaircalendar td span { height:25px; line-height:25px; vertical-align: top;	display: block;}
#onaircalendar td span.day { height:30px; line-height:30px; font-size:90%;  }

#onaircalendar .th1,
#onaircalendar .th3 { width: 15%; }
#onaircalendar .th2 { width: 14%; }
#onaircalendar td.sun {	color: #da131a;}
#onaircalendar td.sat {	color: #06c;}
#onaircalendar td.none {	background: #fafafa;}

#onaircalendar td.onday a { width:24px; height:24px; line-height:24px; padding-top:1px; background:url(/images/egovframework/com/svc/council/sub/schedule_onday.png) no-repeat; color:#fff; text-align:center; display:inline-block; box-sizing:border-box; margin:3px 0 0 5px; text-decoration:none; }

#onaircalendar td .c101000 { position:absolute; left:0; right:0; top:31px;  text-align:center; background:#06c;  color:#fff;  } /* 본회의 */
#onaircalendar td .c303010 { position:absolute; left:0; right:0; top:51px; text-align:center; background:#e55124; color:#fff;  } /* 운영위*/
#onaircalendar td .c303020 { position:absolute; left:0; right:0; top:71px; text-align:center; background:#5faf00; color:#fff;  } /* 자치행정위*/
#onaircalendar td .c303030 { position:absolute; left:0; right:0; top:91px; text-align:center; background:#0098d8; color:#fff; } /* 도시건설위*/
#onaircalendar td .c303021 { position:absolute; left:0; right:0; top:71px; text-align:center; background:#5faf00; color:#fff;  } /* 행복위*/
#onaircalendar td .c303031 { position:absolute; left:0; right:0; top:91px; text-align:center; background:#0098d8; color:#fff; } /* 도시환경위*/

#onaircalendar td .c505000 { position:absolute; left:0; right:0; top:151px;  text-align:center; background:#da4e71;  color:#fff; } /* 예결위*/
#onaircalendar td .c501000 { position:absolute; left:0; right:0; top:111px; text-align:center; background:#8f6bda;  color:#fff; } /* 자치행정행감, 도시건설행감*/
#onaircalendar td .c502000 { position:absolute; left:0; right:0; top:131px; text-align:center; background:#8f6bda;  color:#fff; }

#onaircalendar td .c703010 { position:absolute; left:0; right:0; top:71px; text-align:center; background:#e55124; color:#fff;  } /* 운영위*/
#onaircalendar td .c703020 { position:absolute; left:0; right:0; top:91px; text-align:center; background:#5faf00; color:#fff;  } /* 자치행정위*/
#onaircalendar td .c703030 { position:absolute; left:0; right:0; top:111px; text-align:center; background:#0098d8; color:#fff; } /* 도시건설위*/

#onaircalendar td .c703031 { position:absolute; left:0; right:0; top:111px; text-align:center; background:#8f6bda;  color:#fff; } /* 도시행감 */
#onaircalendar td .c703021 { position:absolute; left:0; right:0; top:131px; text-align:center; background:#8f6bda;  color:#fff; } /* 행정행감 */

#onaircalendar td .c505051 { position:absolute; left:0; right:0; top:111px; text-align:center; background:#8910c2;  color:#fff; } /* 윤리특별위원회 */
#onaircalendar td .c505150 { position:absolute; left:0; right:0; top:131px; text-align:center; background:#a05016;  color:#fff; } /* 인사청문특별위원회 */



/* 2018-12-09 추가 끝 */



.visitList { width:100%; }
.visitList table .thtd1 { width:20%; }
.visitList table .thtd2 { width:80%; }

@media (min-width:769px) and (max-width:1024px){
	.s_schedulearea .s_calendar_top #s_calendar_select { float:left; width:190px; margin:0 0 20px 10px; }  /* 월 선택 */
}

@media (max-width:768px){
	.visitList table td .date { display:block; margin-bottom:5px; }
	
	.s_schedulearea .s_calendar_top { height:auto; overflow:hidden;}
	.s_schedulearea .s_calendar_top #s_calendar_select { width:190px; margin:0 auto 15px; }  /* 월 선택 */
	.s_schedulearea .s_calendar_top .s_calendar_select2 { position:static; float:right;  }
	
	#s_calendar_calendar table td.today span.day:after { width:8px; height:8px; line-height:8px; padding:0; content:''; }
}




/* 모의의회 - 온라인신청 */
.onlineApplication { width:100%; }
.onlineApplication .box > ul > li { line-height:1.6; margin-bottom:10px; }
.onlineApplication .chart { width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between; margin-top:10px; }
.onlineApplication .chart > li { position:relative; width:22%; padding:0; background:none; }
.onlineApplication .chart > li:nth-child(2) { width:46%; }
.onlineApplication .chart > li > dl { width:100%; overflow:hidden;}
.onlineApplication .chart > li > dl dt { width:100%; height:40px; line-height:39px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; background:#f4f4f4; color:#113d8e; font-weight:bold; text-align:center; display:inline-block; margin-bottom:10px; }
.onlineApplication .chart > li > dl dd { width:100%; padding:10px 5px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; }

.onlineApplication .chart > li:after { content:''; position:absolute; right:-23px; top:40px; width:13px; height:15px; background:url(/images/egovframework/com/svc/council/participation/arrow1.gif) no-repeat; }
.onlineApplication .chart > li:last-child:after { display:none; }

.onlineApplication .chart > li:nth-child(2) dd { float:left; width:calc(50% - 5px); margin:0 5px 0 0; }
.onlineApplication .chart > li:nth-child(2) dd:last-child { margin:0 0 0 5px; }


.onlineApplication .checkDay li { float:left; width:20%; margin:3px 0; }
.onlineApplication .checkDay li input { position:relative; top:2px; margin-right:7px; }

.onlineApplication table { margin-bottom:20px; }
.onlineApplication table .thd1 { width:8%; }
.onlineApplication table .thd2 { width:15%; }
.onlineApplication table .thd3 { width:auto; }


@media (max-width:768px){
	.onlineApplication .chart { display:block; margin-top:10px; }
	.onlineApplication .chart > li { width:100%; margin-bottom:33px; }
	.onlineApplication .chart > li:nth-child(2) { width:100%; }
	.onlineApplication .chart > li:last-child { margin-bottom:0; }

	.onlineApplication .chart > li:after { right:calc(50% - 7px); top:auto; bottom:-23px; width:15px; height:13px; background:url(/images/egovframework/com/svc/council/participation/arrow2.gif) no-repeat; }

	.onlineApplication .checkDay li { width:33.333%; }



	.onlineApplication table .text_150, 
	.onlineApplication table .text_300 { width:100%; box-sizing:border-box; }
}


@media (max-width:420px){
	.onlineApplication .checkDay li { width:50%; }
}







/* 2. 알림마당 */
/* 2. 알림마당 */
/* 2. 알림마당 */


/* 의사일정 - 연간의사일정 -2018-12-14일 백업
.annualAgenda { width:100%; }

.annualAgenda .board_view .boardview_subject p { float:left; padding-left:20px; }
.annualAgenda .board_view .boardview_subject ul { float:right; overflow:hidden; }
.annualAgenda .board_view .boardview_subject ul li { float:left; margin-right:10px; }
.annualAgenda .board_view .boardview_subject ul li a:link,
.annualAgenda .board_view .boardview_subject ul li a:visited { width:120px; height:30px; line-height:30px; border-radius:3px; background:#f4f4f4; color:#999; font-weight:normal; font-size:80%; display:block; }
.annualAgenda .board_view .boardview_subject ul li a:active,
.annualAgenda .board_view .boardview_subject ul li a:focus,
.annualAgenda .board_view .boardview_subject ul li a:hover,
.annualAgenda .board_view .boardview_subject ul li a.select { color:#fff; background:#1757b7; }

.annualAgenda .stitlearea { width:100%; overflow:hidden; margin-bottom:20px;}
.annualAgenda .stitlearea h3 { float:left; width:60%; box-sizing:border-box; }
.annualAgenda .stitlearea .searchform { float:right; width:40%; height:40px; text-align:right; }
.annualAgenda .stitlearea .searchform .select_type { width:auto; height:32px; line-height:32px; border:1px solid #ccc; padding-left:10px;}
.annualAgenda .stitlearea .searchform .submit_msearch { width:55px; height:32px; line-height:32px; border:1px solid #444; border-radius:3px; background:#555; font-size:90%; color:#fff; display:inline-block; vertical-align:top; }

.annualAgenda table .th1 { width:23%; }
.annualAgenda table .th2 { width:20%; }
.annualAgenda table .th3 { width:10%; }
.annualAgenda table .th4 { width:32%; }
.annualAgenda table .th5 { width:15%; }
*/

/* 달력 - 2018-12-14 백업 
#yearView1 { width:100%; }  

#yearView1 table.onaircalendar { float:left; width:48%; border:0; border-spacing:0; border-collapse:collapse; margin:0 1%; margin-bottom:25px; }

#yearView1 table.onaircalendar:nth-child(odd) { clear:both;}

#yearView1 table.onaircalendar th { height:36px; padding:0; background:#8498ca; color:#fff; border:none;  }
#yearView1 table.onaircalendar td { height:40px; padding:0; font-size:90%; border:1px solid #ddd; vertical-align:top; text-align:left; }
#yearView1 table.onaircalendar td:last-child { border-right:1px solid #ddd; }
#yearView1 table.onaircalendar td span { padding:5px 0 0 10px; display:block;  }

#yearView1 table.onaircalendar table.calendar td { min-height:auto; height:100%; border:none; border-right:1px solid #ddd; }
#yearView1 table.onaircalendar table.calendar td:last-child { border-right:none; } 


#yearView1 table.onaircalendar td.sun { color:#da131a;}
#yearView1 table.onaircalendar td.sat { color:#06c;}
#yearView1 table.onaircalendar td.none { background:#fafafa; }


#yearView1 table.onaircalendar table.calendar { width:100%; height:100%; border:0; border-spacing:0; border-collapse:collapse; }
#yearView1 table.onaircalendar table.calendar td { width:14%; height:20px !important; line-height:20px !important; padding:0 !important;  }
#yearView1 table.onaircalendar table.calendar td.sun
#yearView1 table.onaircalendar table.calendar td.sat { width:15%; }


#yearView1 table.onaircalendar td table.calendar td.c101000 { height:26px !important; padding:0 !important; vertical-align:middle; background:#0098d8; color:#fff; text-align:center; } 


#yearView1 table#onaircalendar1 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month1.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar2 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month2.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar3 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month3.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar4 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month4.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar5 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month5.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar6 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month6.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar7 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month7.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar8 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month8.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar9 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month9.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar10 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month10.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar11 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month11.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar12 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month12.png) no-repeat 50% 70px; }

#yearView2 { display:none; }
*/

/* 의사일정 - 연간의사일정 */
.annualAgenda { width:100%; }

.annualAgenda .board_view .boardview_subject p { float:left; padding-left:20px; }
.annualAgenda .board_view .boardview_subject ul { float:right; overflow:hidden; }
.annualAgenda .board_view .boardview_subject ul li { float:left; margin-right:10px; }
.annualAgenda .board_view .boardview_subject ul li a:link,
.annualAgenda .board_view .boardview_subject ul li a:visited { width:120px; height:30px; line-height:30px; border-radius:3px; background:#f4f4f4; color:#999; font-weight:normal; font-size:80%; display:block; }
.annualAgenda .board_view .boardview_subject ul li a:active,
.annualAgenda .board_view .boardview_subject ul li a:focus,
.annualAgenda .board_view .boardview_subject ul li a:hover,
.annualAgenda .board_view .boardview_subject ul li a.select { color:#fff; background:#1757b7; }

.annualAgenda .stitlearea { width:100%; overflow:hidden; margin-bottom:20px;}
.annualAgenda .stitlearea h3 { float:left; width:60%; box-sizing:border-box; }
.annualAgenda .stitlearea .searchform { float:right; width:40%; height:40px; text-align:right; }
.annualAgenda .stitlearea .searchform .select_type { width:auto; height:32px; line-height:32px; border:1px solid #ccc; padding-left:10px;}
.annualAgenda .stitlearea .searchform .submit_msearch { width:55px; height:32px; line-height:32px; border:1px solid #444; border-radius:3px; background:#555; font-size:90%; color:#fff; display:inline-block; vertical-align:top; }





#yearView1 { width:100%; }  /* 달력 */

#yearView1 table.onaircalendar { float:left; width:48%; border:0; border-spacing:0; border-collapse:collapse; margin:0 1%; margin-bottom:25px; }

#yearView1 table.onaircalendar:nth-child(odd) { clear:both;}

#yearView1 table.onaircalendar th { width:14%; height:36px; padding:0; background:#8498ca; color:#fff; border:none;  }
#yearView1 table.onaircalendar th.sun,
#yearView1 table.onaircalendar th.sat { width:15%; }
#yearView1 table.onaircalendar td { height:50px; padding:0; font-size:90%; border:1px solid #ddd; vertical-align:top; text-align:left; }
#yearView1 table.onaircalendar td:last-child { border-right:1px solid #ddd; }
#yearView1 table.onaircalendar td span { height:30px; line-height:30px; padding:0 0 0 10px; display:block;  }
#yearView1 table.onaircalendar td span.c999999 { width:100%; height:20px; line-height:20px; padding:0; background:#2aa4b5; color:#fff; text-align:center; }
#yearView1 table.onaircalendar td span.centerTxt { color:#fff; }



#yearView1 table.onaircalendar table.calendar td { min-height:auto; height:100%; border:none; border-right:1px solid #ddd; }
#yearView1 table.onaircalendar table.calendar td:last-child { border-right:none; } 


#yearView1 table.onaircalendar td.sun { color:#da131a;}
#yearView1 table.onaircalendar td.sat { color:#06c;}
#yearView1 table.onaircalendar td.none { background:#fafafa; }


#yearView1 table.onaircalendar table.calendar { width:100%; height:100%; border:0; border-spacing:0; border-collapse:collapse; }
#yearView1 table.onaircalendar table.calendar td { width:14%; height:20px !important; line-height:20px !important; padding:0 !important;  }
#yearView1 table.onaircalendar table.calendar td.sun
#yearView1 table.onaircalendar table.calendar td.sat { width:15%; }


#yearView1 table.onaircalendar td table.calendar td.c101000 { height:26px !important; padding:0 !important; vertical-align:middle; background:#0098d8; color:#fff; text-align:center; } /* 본회의 */


#yearView1 table#onaircalendar1 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month1.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar2 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month2.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar3 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month3.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar4 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month4.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar5 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month5.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar6 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month6.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar7 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month7.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar8 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month8.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar9 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month9.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar10 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month10.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar11 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month11.png) no-repeat 50% 70px; }
#yearView1 table#onaircalendar12 { background:url(/images/egovframework/com/svc/council/notice/annualAgenda_month12.png) no-repeat 50% 70px; }

#yearView2 { display:none; }

#yearView1 table.onaircalendar td.today span.day { display:inline-block; }
#yearView1 table.onaircalendar td.today span.day:after { height:20px; line-height:20px; padding:0 5px; border-radius:12px; background:#da131a; color:#fff; font-size:80%; display:inline-block; content:'오늘'; margin-left:5px; }





@media (max-width:767px){
	#yearView1 table.onaircalendar { float:none; width:100%; margin:0; margin-bottom:20px;  }

	#yearView1 table.onaircalendar:nth-child(odd) { clear:both;}
	
	.annualAgenda .board_view .boardview_subject p { float:none; width:100%; padding:0px 15px; box-sizing:border-box; margin-bottom:10px; }
	.annualAgenda .board_view .boardview_subject ul { float:right; overflow:hidden; }

	.annualAgenda .stitlearea h3 { float:none; width:100%; box-sizing:border-box; padding:0 15px; margin-bottom:10px; }
	.annualAgenda .stitlearea .searchform { float:none; width:100%; height:40px; text-align:left; }
	.annualAgenda .stitlearea .searchform .select_normal { width:calc(100% - 60px); }
	.annualAgenda .stitlearea .searchform .select_type { width:calc(100% - 60px); }
	
	.annualAgenda .board_view h3 { float:none; width:100%; box-sizing:border-box; }
	.annualAgenda .board_view .searchform { float:none; width:100%; text-align:left; }	
	
	.annualAgenda .board_view .garoscroll table { width:700px; margin:0 auto; } /* 목록으로 보기 table */
	.annualAgenda .board_list { margin-top:20px;} 
}

/* 의사일정 - 회기별의상일정 보기 */
.schsesnview { width:100%; border-top:2px solid #333; }
.schsesnview .boardview_subject { width:100%; padding:15px; border-bottom:1px solid #ccc; font-weight:bold; font-size:130%; text-align:center; box-sizing:border-box; color:#000; display:block; margin-bottom:20px; }
.schsesnview table { margin-bottom:25px; }
.schsesnview table .th1 { width:15%; }
.schsesnview table .th2 { width:15%; }
.schsesnview table .th3 { width:52%; }
.schsesnview table .th4 { width:18%; }




/* 3. 의원소개 */
/* 3. 의원소개 */
/* 3. 의원소개 */



/* 현의원 - 인명별 */
.mbrListByName { width:100%; }

ul.memberList { width:100%; padding-top:20px; border-top:1px solid #ddd; }
ul.memberList li { float:left; width:50%; padding:0 10px 40px 10px; box-sizing:border-box; }

ul.memberList li dl { width:100%; }
ul.memberList li dt { float:left; width:149px; }
ul.memberList li dt img { border:1px solid #ccc; padding:4px; }
ul.memberList li dd { margin-left:149px; width:calc(100% - 149px); padding:3px 0 1px 0;  }

ul.memberList li dd.name { font-size:135%; color:#113d8e; font-family:NotoSans-Medium, "본고딕 미디엄"; }
ul.memberList li dd span { color:#999;  }

ul.memberList li dd a:link,
ul.memberList li dd a:visited { text-decoration:none; color:#6a3906; }
ul.memberList li dd a:active,
ul.memberList li dd a:focus,
ul.memberList li dd a:hover { color:#06c; }

ul.memberList li dd a.abtn1 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#ffd40c; color:#333; font-size:90%; text-align:center; display:inline-block; margin-right:5px; margin-top:5px; }
ul.memberList li dd a.abtn2 { width:87px; height:40px; line-height:40px; border-radius:3px; background:#999; color:#333; font-size:90%; text-align:center; display:inline-block; margin-top:5px; }


@media (min-width:769px) and (max-width:1024px){
	ul.memberList li { height:260px; }

}


@media (max-width:768px){
	ul.memberList li { float:none; width:100%; padding:0 0 40px 0; box-sizing:border-box; }
	
}



/* 현의원 - 선거구별 */
.mbrListByDistrict { width:100%; }
.mbrListByDistrict .mbrListByDistrict_map { float:left; width:330px; margin-right:70px; }
.mbrListByDistrict .mbrListByDistrict_list { float:left; width:calc(100% - 400px); }


.mbrListByDistrict .mbrListByDistrict_list .sbar { width:100%; height:50px; line-height:50px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box; font-weight:bold; font-size:130%; color:#113d8e; box-shadow:0px 3px 0px #f9f9f9; }
.mbrListByDistrict .mbrListByDistrict_list .sbar span { padding-left:10px; font-weight:normal; font-size:80%; color:#555; }

.mbrListByDistrict .mbrListByDistrict_list ul.memberList { border-top:none; }
.mbrListByDistrict .mbrListByDistrict_list ul.memberList li { float:left; width:100%; padding:0 0 40px 0; }


@media (min-width:769px) and (max-width:1024px){
	.mbrListByDistrict .mbrListByDistrict_map { width:330px; margin-right:40px; }
	.mbrListByDistrict .mbrListByDistrict_list { width:calc(100% - 370px); }

	.mbrListByDistrict .mbrListByDistrict_list .sbar { width:100%; height:auto; line-height:1.3; padding:11px 15px 15px 15px; }
	.mbrListByDistrict .mbrListByDistrict_list .sbar span { padding-top:5px; padding-left:0px; font-weight:normal; font-size:70%; color:#555; display:block; }
}


@media (max-width:768px){
	.mbrListByDistrict .mbrListByDistrict_map { float:none; width:100%; margin:0px auto 20px; }
	.mbrListByDistrict .mbrListByDistrict_map p { text-align:center; }
	.mbrListByDistrict .mbrListByDistrict_list { float:none; width:100%; }

	.mbrListByDistrict .mbrListByDistrict_list .sbar { width:100%; height:auto; line-height:1.3; padding:11px 15px 15px 15px; }
	.mbrListByDistrict .mbrListByDistrict_list .sbar span { padding-top:5px; padding-left:0px; font-weight:normal; font-size:70%; color:#555; display:block; }
	
}


/* 현의원 - 정당별 */
.mbrListByParty { width:100%; }
.mbrListByParty table .th1 { width:20%; }
.mbrListByParty table .th2 { width:10%; }
.mbrListByParty table .th3 { width:70%; }

.mbrListByParty table ul { width:100%; padding:0 20px; box-sizing:border-box; }
.mbrListByParty table ul li { float:left; width:20%; height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/inc/blt_ul_depth3.gif) no-repeat 0 14px; text-align:left; }

@media (max-width:768px){
	.mbrListByParty table .th1 { width:30%; }
	.mbrListByParty table .th2 { width:20%; }
	.mbrListByParty table .th3 { width:50%; }
	
	.mbrListByParty table ul { padding:0 5px; }
	.mbrListByParty table ul li { width:50%; }
	
}

/* 현의원 - 위원회별 */
.mbrListByCommittee { width:100%; }
.mbrListByCommittee table .th1 { width:15%; }
.mbrListByCommittee table .th2 { width:10%; }
.mbrListByCommittee table .th3 { width:10%; }
.mbrListByCommittee table .th4 { width:65%; }

.mbrListByCommittee table ul { width:100%; padding:0 20px; box-sizing:border-box; }
.mbrListByCommittee table ul li { float:left; width:20%;  height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/inc/blt_ul_depth3.gif) no-repeat 0 14px; text-align:left;}


@media (max-width:768px){
	.mbrListByCommittee table .th1 { width:20%; }
	.mbrListByCommittee table .th2 { width:20%; }
	.mbrListByCommittee table .th3 { width:20%; }
	.mbrListByCommittee table .th4 { width:40%; }
	
	.mbrListByCommittee table ul { padding:0; }
	.mbrListByCommittee table ul li { width:50%;  }

	
}



/* 의원윤리강령 */
.ethics { position:relative; width:100%; font-size:110%; }

.ethics .ethics_top { position:absolute; left:0; top:0; width:100%; height:223px; background:url(/images/egovframework/com/svc/council/member/ethics_boxtop.gif) no-repeat 50% top; }
.ethics .ethics_bottom { position:absolute; left:0; bottom:0; width:100%; height:175px; background:url(/images/egovframework/com/svc/council/member/ethics_boxbottom.gif) no-repeat 50% bottom; }
.ethics .ethics_body { width:770px; padding:150px 0 100px 0; margin:0 auto; }
.ethics .ethics_body h1 { text-align:center; font-size:190%; color:#113d8e !important; margin-bottom:20px; }
.ethics .ethics_body .righttxt { text-align:right; margin-bottom:50px; }
.ethics .ethics_body h4 { font-weight:normal; font-size:135%; color:#333; margin-bottom:20px; }
.ethics .ethics_body p { line-height:170%; padding-bottom:30px; border-bottom:1px dashed #ddd; margin-bottom:50px; }

.ethics .ethics_body h1 { text-align:center; font-size:180%; color:#000; margin-bottom:20px;   }
.ethics .ethics_body .txt { color:#113d8e; }
.ethics .ethics_body li { padding: 7px 10px 7px 17px; background-position:0 18px; }


@media (min-width:769px) and (max-width:1023px){	
	.ethics .ethics_top { background:url(/images/egovframework/com/svc/council/member/ethics_boxtop2.gif) no-repeat 50% top; }
	.ethics .ethics_bottom { background:url(/images/egovframework/com/svc/council/member/ethics_boxbottom2.gif) no-repeat 50% bottom; }
	.ethics .ethics_body { width:100%; padding:150px 0 50px 0; }
}


@media (max-width:768px){
	.ethics .ethics_top { display:none;}
	.ethics .ethics_bottom { display:none; }
	.ethics .ethics_body { width:100%; padding:30px 15px 20px 15px; border:4px solid #c5bf94; box-sizing:border-box; }
	.ethics .ethics_body h1 { font-size:150%; margin-bottom:15px; }
	.ethics .ethics_body .righttxt { margin-bottom:30px; }
	.ethics .ethics_body p { margin-bottom:30px; }	
}




/* 의정부읍의원소개 - 활동사진 */
.preUjbclActPhotoGalleryList { width:100%; }
.preUjbclActPhotoGalleryList p span { width:191px; height:218px; padding-top:150px; background:url(/images/egovframework/com/svc/council/member/PreUjbclActPhotoGalleryList_photoBg.gif) no-repeat 0% 50%; display:inline-block; }
.preUjbclActPhotoGalleryList p img { padding:10px; border:5px solid #c1a87c; }

@media (max-width:768px){
	.preUjbclActPhotoGalleryList p span { display:none; }
	.preUjbclActPhotoGalleryList p img { width:100%; padding:5px; border:3px solid #c1a87c; box-sizing:border-box; }
}




/* 의정부읍의원소개 - 초대의원 */
.preUjbclActPhotoGalleryList { width:100%; }
.preUjbclActPhotoGalleryList ul { width:100%; padding:20px 0 0 0; border-top:2px solid #333; overflow:hidden; }
.preUjbclActPhotoGalleryList ul li { float:left; width:20%; padding-bottom:30px; text-align:center; overflow:hidden; }
.preUjbclActPhotoGalleryList ul li span { display:block; }
.preUjbclActPhotoGalleryList ul li .pic { margin-bottom:10px; }

@media (max-width:768px){
	.preUjbclActPhotoGalleryList ul li { width:33.3%; padding-bottom:20px; }
	.preUjbclActPhotoGalleryList ul li .pic img { width:100px; }

	
}

/* 역대의원 */
.mbrListByGnrtn { width:100%; }
.mbrListByGnrtn .result { width:100%; }
.mbrListByGnrtn .result ul { width:100%; overflow:hidden; }
.mbrListByGnrtn .result ul li { float:left; width:20%; height:250px; text-align:center; }
.mbrListByGnrtn .result ul li span { display:block; }
.mbrListByGnrtn .result ul li .pic { margin-bottom:10px;}
.mbrListByGnrtn .result ul li .pic img { width:120px !important; height:160px !important; padding:5px; border:1px solid #ddd; }
.mbrListByGnrtn .result ul li .name { font-size:120%; color:#113d8e; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.mbrListByGnrtn .result ul li .area { margin-bottom:-3px; } 
.mbrListByGnrtn .result ul li .area2 { font-size:90%; color:#999; } 

.mbrListByGnrtn form { width:500px; margin:0 auto;}

@media (max-width:768px){
	.mbrListByGnrtn .searchBox ul { }
	
	.mbrListByGnrtn form { width:100%; }
	
	.mbrListByGnrtn .searchBox ul li:last-child { padding-top:10px; border-top:1px solid #eee; text-align:center; margin-top:5px; }
	.mbrListByGnrtn .searchBox ul li .submit_searchBox_btn { width:260px; margin:0 auto !important; }

	
	.mbrListByGnrtn .result ul li { float:left; width:33.3%; height:200px; text-align:center; }
	.mbrListByGnrtn .result ul li .pic img { width:90px !important; height:120px !important;  }

}




/* 역대의장단 */
.mbrListByChrmn { width:100%; }
.mbrListByChrmn table .th1 { width:10%; }
.mbrListByChrmn table .th2 { width:25%; }
.mbrListByChrmn table .th3 { width:25%; }
.mbrListByChrmn table .th4 { width:40%; }


@media (max-width:768px){
	.mbrListByChrmn table .th1 { width:10%; }
	.mbrListByChrmn table .th2 { width:30%; }
	.mbrListByChrmn table .th3 { width:30%; }
	.mbrListByChrmn table .th4 { width:30%; }
	
	.mbrListByChrmn .hanja { display:block; }
}






/* 4. 의회자료실 */
/* 4. 의회자료실 */
/* 4. 의회자료실 */

/* 교육관 - 지방의회의 조직 */
.eduLocalCouncilOrganization { width:100%; }

@media (max-width:768px){
	.eduLocalCouncilOrganization img { width:100%; }
}

/* 교육관 - 지방의회의 운영 */
.eduLocalCouncilOperating { width:100%; }
.eduLocalCouncilOperating .elco { display:none; }

@media (max-width:768px){
	.eduLocalCouncilOperating img { width:100%; }
}



/* 의회용어사전 */
.couniclTermList { width:100%; }

.couniclTermList .searchBox table td li { float:left; width:29px; height:29px; background: url(/images/egovframework/com/svc/council/dataroom/councilTerm_daybar.gif) no-repeat 0 50%; display:inline-block; margin-right:10px; }
.couniclTermList .searchBox table td li a:link,
.couniclTermList .searchBox table td li a:visited { width:29px; height:29px; padding:2px 0 0 6px; text-decoration:none; color:#999; display:block;  font-weight:bold; vertical-align:top; box-sizing:border-box; }
.couniclTermList .searchBox table td li a:active,
.couniclTermList .searchBox table td li a:focus,
.couniclTermList .searchBox table td li a:hover, 
.couniclTermList .searchBox table td li a.select { color:#da131a; }


.couniclTermList .searchResult .wordsResult { width:100%; margin-bottom:15px; }
.couniclTermList .searchResult .wordsResult dt { font-size:110%; color:#1757b7; padding:0 10px; margin-bottom:10px; }
.couniclTermList .searchResult .wordsResult dd { line-height:150%; padding:0 10px 15px 10px; border-bottom:1px dashed #ddd; margin-bottom:15px; }




/* 뷰어프로그램 */
.viewerProgramDownload { width:100%; }
.viewerProgramDownload ul { width:100%; }
.viewerProgramDownload ul li { float:left; width:306px; height:116px; padding:20px 15px; border:2px solid #ddd; border-radius:10px; box-sizing:border-box; margin:0 31px 30px 0;  }
.viewerProgramDownload ul li:nth-child(3) { margin-right:0; }
.viewerProgramDownload ul li dl { width:100%; }
.viewerProgramDownload ul li dt { float:left; width:85px; }
.viewerProgramDownload ul li dd { margin-left:85px; width:calc(100% - 85px); font-size:85%; letter-spacing:-1px; }
.viewerProgramDownload ul li dd.company { font-size:80%; margin-top:-5px; }
.viewerProgramDownload ul li dd.subject { font-size:125%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#333; margin-top:-3px; }

@media (min-width:769px) and (max-width:1024px){
	.viewerProgramDownload ul li { float:left; width:calc(33.3% - 30px); height:150px; padding:20px 10px; border:2px solid #ddd; border-radius:10px; box-sizing:border-box; margin:0 30px 30px 0;  }
	.viewerProgramDownload ul li:nth-child(3) { margin-right:0; }
	.viewerProgramDownload ul li dt { float:left; width:80px; }
	.viewerProgramDownload ul li dd { margin-left:80px; width:calc(100% - 80px); font-size:85%; letter-spacing:-1px; }
}

@media (max-width:768px){
	.viewerProgramDownload ul li { float:left; width:100%; height:auto; padding:20px 15px; border:2px solid #ddd; border-radius:10px; box-sizing:border-box; margin:0 0 20px 0;  }
	.viewerProgramDownload ul li:last-child { margin-bottom:0;}

}




/* 5. 의회소개 */
/* 5. 의회소개 */
/* 5. 의회소개 */

/* 인사말 */ 
.chairmanGreeting { width:100%; }
.chairmanGreeting .greetingPic { float:left; width:380px; }
.chairmanGreeting .greetingPic .pic img { padding:5px; border:1px solid #ccc; margin-bottom:20px; }
.chairmanGreeting .greetingPic .sign { text-align:center; }

.chairmanGreeting .greetingTxt { float:left; width:calc(100% - 380px); line-height:1.7; }

@media (max-width:768px){	
	.chairmanGreeting .greetingPic { float:none; width:100%; margin-bottom:30px; }
	.chairmanGreeting .greetingPic .pic img { width:100%; box-sizing:border-box; }

	.chairmanGreeting .greetingTxt { float:none; width:100%; }
}

/* 의회연혁 */
.councilHistory { width:100%; }
.councilHistory table .thtd1 { width:20%;}
.councilHistory table .thtd2 { width:80%;}




/* 의회기능 - 지위 및 권한 */
.councilAuthority { width:100%; }

.councilAuthority ul.step { width:100%;}
.councilAuthority ul.step li { float:left; width:221px; margin-right:32px; }
.councilAuthority ul.step li:last-child { margin-right:0; }
.councilAuthority ul.step li dl { width:100%; }
.councilAuthority ul.step li dl dt { width:100%; height:40px; line-height:40px; background:#6cb1db; color:#fff; text-align:center;  }
.councilAuthority ul.step li dl dd { width:100%; height:85px; padding:15px 20px; border:1px solid #ddd; box-sizing:border-box; margin-top:-1px; }

.councilAuthority table .th1 { width:20%; }
.councilAuthority table .th2 { width:40%; }
.councilAuthority table .th3 { width:40%; }


.councilAuthority .ca_left{ float:left; width:calc(50% - 20px); margin-right:20px; }
.councilAuthority .ca_right { float:right; width:calc(50% - 20px); margin-left:20px; }

.councilAuthority dl.dl2 dt { width:100%; height:50px; line-height:50px; border-radius:5px; background:#135c9c; color:#fff; text-align:center; margin-bottom:10px; }
.councilAuthority dl.dl2 dd .box { height:160px; }
.councilAuthority dl.dl2 dd .cabox { width:100%; padding:20px 25px; border:1px solid #ddd; box-sizing:border-box; display:block; } 


@media (min-width:769px) and (max-width:1024px){
	.councilAuthority ul.step li { float:left; width:calc(25% - 30px); margin:0 15px; }
	.councilAuthority ul.step li:last-child { margin-right:15px; }	
	.councilAuthority ul.step li dl dd { height:105px; }

	
}

@media (max-width:768px){
	.councilAuthority ul.step li { float:left; width:calc(50% - 10px); margin:0 5px 10px 5px; }
	.councilAuthority ul.step li:last-child { margin-right:5px; }
	.councilAuthority ul.step li dl dd { height:100px; padding:10px; }
	
	.councilAuthority p.center img { width:100%;}
	
	.councilAuthority .ca_left{ float:none; width:100%; margin-right:0px; margin-bottom:20px; }
	.councilAuthority .ca_right { float:none; width:100%; margin-left:0px; }
}





/* 의회기능 - 회기소집 및 운영 - 본회의 */
.operatingPlenary { width:100%; }
.operatingPlenary .pic { float:left; width:206px; }
.operatingPlenary .opright { float:left; width:calc(100% - 206px); }

@media (max-width:768px){
	.operatingPlenary .pic { float:none; width:100%; margin-bottom:20px; }
	.operatingPlenary .opright { float:none; width:100%; }
	
}


/* 의회기능 - 회기소집 및 운영 - 위원회 */
.operatingCommittee { width:100%; }
.operatingCommittee .pic { float:left; margin-right:20px; }
.operatingCommittee .opright { float:left; }

@media (max-width:768px){
	.operatingCommittee .pic { float:none; width:100%; margin:0 0 20px 0;  }
	.operatingCommittee .opright { float:none; width:100%; }
	
}

/* 의회기능 - 회기소집 및 운영 - 위원회의 운영 */
.operatingCommitteeOperating { width:100%; }

.operatingCommitteeOperating .ocoLeft { float:left; width:calc(50% - 20px); padding:15px 20px; border:1px solid #61a2ca; border-radius:5px; box-sizing:border-box; background:#1a98e5; margin-right:20px; }
.operatingCommitteeOperating .ocoRight { float:left; width:calc(50% - 20px); padding:15px 20px; border:1px solid #468bb5; border-radius:5px; box-sizing:border-box; background:#1b8acf; margin-left:20px;  }
.operatingCommitteeOperating  dl dt { font-size:110%; font-weight:bold; text-align:center;  color:#fff; margin-bottom:10px;  }
.operatingCommitteeOperating  dl dd { padding:10px; border-radius:5px; background:#fff; }

.operatingCommitteeOperating ul.depth4 { width:100%; margin-top:10px; }
.operatingCommitteeOperating ul.depth4 li { float:left; width:calc(25% - 30px); height:100px; padding:10px 15px; border:1px solid #eee; background:#f9f9f9; font-size:90%; margin:0 15px; box-sizing:border-box;  }
.operatingCommitteeOperating ul.depth4 li strong { font-size:130%; color:#f64b57; }


@media (max-width:768px){
	.operatingCommitteeOperating .ocoLeft { float:left; width:calc(50% - 5px); padding:5px 10px; margin-right:5px; }
	.operatingCommitteeOperating .ocoRight { float:left; width:calc(50% - 5px); padding:5px 10px; margin-left:5px;  }
	
	.operatingCommitteeOperating ul.depth4 li { float:left; width:calc(50% - 10px); height:130px; padding:10px 10px; border:1px solid #eee; background:#f9f9f9; font-size:90%; margin:0 5px 15px 5px; box-sizing:border-box;  }
}

/* 의회기능 - 안건운영 및 처리과정 */
.agendaDealProcess { width:100%; }
.agendaDealProcess img { width:100%; }


/* 의회기능 - 행정사무감사 */
.administrativeAuditInspection { width:100%; }
.administrativeAuditInspection img { width:100%; }



/* 의회기능 - 청원/진정안내 */
.petitionGuide { width:100%; }
.petitionGuide .floatLeft { float:left; margin:0 15px 0 0; }

@media (max-width:768px){
	.petitionGuide .floatLeft { float:none; margin:0 0 15px 0; }
	.petitionGuide .center img { width:100%; }
}



/* 의회마크 */
.councilMark { width:100%; } 
.councilMark .box { position:relative; }
.councilMark .markLeft { float:left; width:246px; margin-right:80px; } 
.councilMark .markRight { float:left; width:calc(100% - 326px); } 
.councilMark .markRight p { font-size:110%; word-break:keep-all; margin-top:10px; }

.councilMark .markRight dl { width:100%; overflow:hidden; margin-bottom:30px; }
.councilMark .markRight dl dt { float:left; width:55px; padding:3px 0 3px 10px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/inc/blt_ul_depth3.gif) no-repeat 0 13px; line-height:1.5;}
.councilMark .markRight dl dd { margin-left:55px; width:calc(100% - 55px); padding:3px 0; box-sizing:border-box; line-height:1.5; word-break:keep-all; }


.councilMark .markRight .dl li { float:left; margin-right:45px; }
.councilMark .markRight .dl li:last-child { margin:0px; }

.councilMark .box3 { padding-top:40px; padding-bottom:30px; margin-bottom:150px; }
.councilMark .cl { display:flex; justify-content:center; flex-wrap:wrap; margin-bottom:30px; }
.councilMark .cl li { align-self:center;  margin:0 30px 20px 30px; }

.councilMark a.councilMarkDownload:link,
.councilMark a.councilMarkDownload:visited { width:190px; height:50px; line-height:50px; border-radius:25px; background:#1757b7; color:#fff; text-align:center; transition:0.3s; display:inline-block; }
.councilMark a.councilMarkDownload:active,
.councilMark a.councilMarkDownload:focus,
.councilMark a.councilMarkDownload:hover { background:#113d8e; }


@media (min-width:1281px) and (max-width:1600px){
	.councilMark .cl li { align-self:center;  margin:0 20px 20px 20px; }
	
}


@media (min-width:1025px) and (max-width:1280px){
	.councilMark .cl li { align-self:center;  margin:0 25px 20px 25px; }
	.councilMark .cl li img { width:290px;} 
	
}

@media (min-width:769px) and (max-width:1024px){
	.councilMark .markLeft { margin-right:50px; } 
	.councilMark .markRight { width:calc(100% - 296px); } 
	.councilMark .markRight .dl li { float:left; margin-right:10px; }
	.councilMark a.councilMarkDownload:link,
	.councilMark a.councilMarkDownload:visited { width:170px; letter-spacing:-1px; }

	.councilMark .cl li { align-self:center;  margin:0 35px 20px 35px; }
	.councilMark .cl li img { width:250px;} 
}



@media (max-width:768px){
	.councilMark .markLeft { float:none; width:100%; text-align:center; margin:0 0 30px 0; } 
	.councilMark .markRight { float:none; width:100%; }
	.councilMark .markRight p { margin-top:0px;} 
	.councilMark .markRight .dl { position:static; }
	
	.councilMark .cl li { align-self:center;  margin:0 0 30px 0; }

}
@media (max-width:462px){
	.councilMark .markRight .dl li { float:none; width:100%; text-align:center; margin:0 0 10px 0; }
	.councilMark .cl li img { width:100%; }
}


/* 조직/구성 */
.organization { width:100%; }
.organization img { width:100%; }
.organization .table1 .th1 { width:20%; }
.organization .table1 .th2 { width:20%; }
.organization .table1 .th3 { width:20%; }
.organization .table1 .th4 { width:20%; }
.organization .table1 .th5 { width:20%; }

.organization ul li { float:left; width:50%; box-sizing:border-box; word-break:keep-all; }

@media (max-width:768px){
	.organization ul li { width:100%; }
}

/* 상임위원회 */
.committee { width:100%; }
.committee dl { width:100%; }
.committee dl dt { float:left; width:210px; }
.committee dl dt img { width:calc(100% - 20px); }
.committee dl dd { margin-left:210px; width:calc(100% - 210px); }
.committee dl dd.btn { margin-top:15px; }
.committee dl dd.btn a { width:160px; height:36px; line-height:36px; border-radius:3px; background:orange; color:#fff; text-align:center; display:block;  }

@media (max-width:768px){
	.committee dl dt { float:none; width:100%; margin-bottom:10px; }
	.committee dl dt img { width:100%; }
	.committee dl dd { margin-left:0; width:100%; }
	
}



/* 전화번호 */
.telephoneGuide { width:100%; }
.telephoneGuide .thtd1 { width:33%; }
.telephoneGuide .thtd2 { width:33%; }
.telephoneGuide .thtd3 { width:34%; }

.telephoneGuide .th1 { width:7%; }
.telephoneGuide .th2 { width:12%; }
.telephoneGuide .th3 { width:15%; }
.telephoneGuide .th4 { width:10%; }
.telephoneGuide .th5 { width:15%; }
.telephoneGuide .th6 { width:41%; }


/* 청사안내 */
.councilOfficeBuilding { width:100%; }
.councilOfficeBuilding .tab_content { width:100%; display:none; }
.councilOfficeBuilding .tab_content .pic { float:left; width:323px; margin-right:30px; }
.councilOfficeBuilding .tab_content .piclist { float:left; width:calc(100% - 353px); }
.councilOfficeBuilding .tab_content .piclist li { float:left; width:calc(33.333% - 30px); margin:0 15px 20px 15px;}
.councilOfficeBuilding .tab_content .piclist li img { width:100%; border:1px solid #ddd; box-sizing:border-box; display:block; margin-bottom:5px; }
.councilOfficeBuilding .tab_content .piclist li span { text-align:center; font-size:90%; display:block; }


@media (min-width:769px) and (max-width:1024px){

}


@media (max-width:768px){
	.councilOfficeBuilding .tab_content .piclist li { width:calc(50% - 30px); }
}


@media (max-width:640px){
	.councilOfficeBuilding .tab_content .pic { float:none; width:100%; text-align:center; margin:0 0 30px 0; }
.councilOfficeBuilding .tab_content .piclist { float:none; width:100%; }
}



/* 8. 참여마당 */
/* 8. 참여마당 */
/* 8. 참여마당 */



/* 주민조례발안 */
.residentOrdinance { width:100%; }
.residentOrdinance .proc {position:relative; }
.residentOrdinance .proc li { position:relative; clear:both; overflow:hidden; display:block; margin-bottom:20px; }

.residentOrdinance .proc li em { float:left; width:calc(32% - 30px); padding:10px 15px; box-sizing:border-box; border-radius:15px; text-align:center; background:#035790; color:#fff; font-weight:bold; font-size:120%; font-style:normal; margin-right:30px; }
.residentOrdinance .proc em.blue{ background:#078ac0; }

.residentOrdinance .proc > li > ul { float:left; width:68%; padding:10px 15px; border:1px solid #ddd; box-sizing:border-box; background:#fff; }

.residentOrdinance .proc em:after{ z-index:-1; content:''; display:block; position:absolute; bottom:-28px; left:50%; width:9px; height:22px; margin:0 0 0 -4px; background:url(/images/egovframework/com/svc/council/participation/arrow_down2.gif) no-repeat 0 100%;}
.residentOrdinance .proc > li > ul:before{content:''; z-index:-1; display:block; position:absolute; top:24px; left:20%; width:50%; height:1px; background:#dadcdc;}

.residentOrdinance .proc > li > ul li:last-child { margin-bottom:0; }
.residentOrdinance .proc > li > ul li a { display:inline-block; }

.residentOrdinance .proc li.end li { float:left; width:33.333%; padding:0 30px 0 0; box-sizing:border-box; clear:none; display:table; margin:0; }
.residentOrdinance .proc li.end li:nth-child(3n+1) { clear:both; }
.residentOrdinance .proc li.end li:nth-child(-n + 3) { padding-bottom:30px; }
.residentOrdinance .proc li.end li strong { height:145px; border:1px solid #ddd; border-radius:10px; background:#f4f4f4; text-align:center; letter-spacing:-1px; vertical-align:middle; display:table-cell; }
.residentOrdinance .proc li.end li strong span { font-weight:normal; display:block; }

.residentOrdinance .proc li.end li:after { content:''; display:block; position: absolute; top:50%; left:100%; width:22px; height:9px; margin:-5px 0 0 -27px; transform:rotate(180deg); background:url(/images/egovframework/com/svc/council/participation/arrow_left.gif) no-repeat;}
.residentOrdinance .proc li.end li:last-child:after { display:none; }


@media (max-width:768px){
	.residentOrdinance .proc li em { font-size:105%; }

	.residentOrdinance .proc li.end li { width:50%; }
	.residentOrdinance .proc li.end li:nth-child(3n+1) { clear:none; }
	.residentOrdinance .proc li.end li:nth-child(odd) { clear:both; }
	.residentOrdinance .proc li.end li strong { height:auto; padding:20px 0; }

}

@media (max-width:600px){
	.residentOrdinance .proc li.end li { width:100%; padding-bottom:10px; }
	.residentOrdinance .proc li.end li:nth-child(-n + 3) { padding-bottom:10px; }
	

}



/* 의회에바란다 */
.minwon { width:100%; }
.minwon .boardTopBox ul li a { color:#da131a !important; text-decoration:underline; display:inline !important; }
.minwon .boardTopBox ul li .abtn_btn { width:80px; height:36px !important; line-height:36px; border-radius:3px; background:#113d8e; color:#fff !important; text-align:center; text-decoration:none; display:inline-block !important; margin-left:10px; }



/* 의회에바란다 팝업 */
.popupBbs { width:600px; height:100%; background:#fff; box-sizing:border-box; margin:0 auto;}
.popupBbs h1 { text-align:center;}
.popupBbs ul li a { color:#da131a !important; text-decoration:underline; display:inline !important; }
.popupBbs ul li .abtn_btn { width:80px; height:36px !important; line-height:36px; border-radius:3px; background:#113d8e; color:#fff !important; text-align:center; text-decoration:none; display:inline-block !important; margin-left:10px; }
#mw_temp2 .fg { position:absolute; left:15px; top:150px; width:calc(100% - 30px); height:auto; margin:0 auto; }

#mw_temp3 .fg { position:absolute; left:15px; top:150px; width:calc(100% - 30px); height:auto; margin:0 auto; }

@media (max-width:640px){
.popupBbs { width:100%; height:100%; }

}


/* 행정사무감사 시민제보 */
.CivilReportList { width:100%; }
.CivilReportList .boardTopBox h1 { color:#000; font-size:150%; margin-bottom:10px; }

.civil .boardTopBox ul li .abtn_btn { width:80px; height:36px !important; line-height:36px; border-radius:3px; background:#113d8e; color:#fff !important; text-align:center; text-decoration:none; display:inline-block !important; margin-left:10px; }

.CivilReportList .crbox { width:calc(100% - 200px); padding:50px; box-sizing:border-box; background:#fff; border-radius:20px;  margin:0 100px; }
.CivilReportList .crbox h1 { color:#000; font-size:150%; }

.CivilReportList .crbox .abtn_btn { width:80px; height:32px !important; line-height:32px; border-radius:3px; background:#113d8e; color:#fff !important; text-align:center; text-decoration:none; font-size:90%; display:inline-block !important; margin-left:10px; }


@media (max-width:768px){
	.CivilReportList .crbox { width:calc(100% - 30px); padding:25px 15px; border-radius:15px;  margin:0 15px; }
}



/* 8. 사이트정보 */
/* 8. 사이트정보 */
/* 8. 사이트정보 */



/* 사이트맵 */
.siteMap { width:100%; }
.siteMap ul { width:99%; margin:0 auto; }
.siteMap ul li { float:left; width:27%; margin:0 3% 50px 3%; }

.siteMap ul li:nth-child(4),
.siteMap ul li:nth-child(7) { clear:both; }


.siteMap ul li ul { width:100%; }
.siteMap ul li ul li { float:none; width:100%;  border-bottom:1px solid #ddd; margin:0; }
.siteMap ul li ul li ul { width:100%; background:#f9f9f9; }
.siteMap ul li ul li ul li{ float:none; width:100%; border-bottom:none; border-top:1px dashed #ddd; margin:0; }

.siteMap ul li a:link,
.siteMap ul li a:visited { width:100%; height:40px; padding-left:5px; border-bottom:2px solid #ccc; font-size:140%; color:#113d8e; }
.siteMap ul li a:active,
.siteMap ul li a:focus,
.siteMap ul li a:hover { color:#000;  }


.siteMap ul li ul li a:link,
.siteMap ul li ul li a:visited { width:100%; height:auto; padding:10px 0 10px 32px; border-bottom:none; box-sizing:border-box; background: url(/images/egovframework/com/svc/council/inc/blt_h5.gif) no-repeat 10px 20px; font-size:100%; color:#333;  }
.siteMap ul li ul li a:active,
.siteMap ul li ul li a:focus,
.siteMap ul li ul li a:hover { color:#1757b7;  }


.siteMap ul li ul li ul li a:link,
.siteMap ul li ul li ul li a:visited { width:100%; height:auto; padding:7px 0 7px 30px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/inc/blt_ul_depth3.gif) no-repeat 20px 15px; font-size:85%; color:#666;  }
.siteMap ul li ul li ul li a:active,
.siteMap ul li ul li ul li a:focus,
.siteMap ul li ul li ul li a:hover { color:#222;  }


@media (max-width:768px){
	.siteMap ul li { float:none; width:100%; margin:0 0 25px 0; }
}









/* 의원연구단체 */

/* 탭메뉴 */
.rightTabmenu { width:100%; height:45px; border-bottom:1px solid #ddd; margin-bottom:30px; margin-top:-30px; }
.rightTabmenu ul { position:relative; top:1px; float:right; height:45px; padding-left:1px; }
.rightTabmenu ul li { float:left; margin-left:-1px; }
.rightTabmenu ul li a:link,
.rightTabmenu ul li a:visited { height:43px; line-height:43px; padding:0 20px; border:1px solid #ddd; background:#f4f4f4; text-align:center; display:inline-block;  }
.rightTabmenu ul li a:active,
.rightTabmenu ul li a:focus,
.rightTabmenu ul li a:hover { background:#1757b7; color:#fff; border-color:#ddd; }
.rightTabmenu ul li a.select { background:#fff; color:#000; border-bottom-color:#fff; }


@media (max-width:768px){
	.rightTabmenu { width:100%; height:auto; border-bottom:none; margin-bottom:30px; margin-top:0px; }
	.rightTabmenu ul { float:none; position:relative; top:0px; height:auto; padding-left:1px; }
	.rightTabmenu ul li { float:left; margin-left:-1px; }	
	.rightTabmenu ul li a:link,
	.rightTabmenu ul li a:visited { width:100%; height:45px; line-height:45px; padding:0; font-size:85%; letter-spacing:-1px; text-align:center; border:1px solid #ddd; background:#f4f4f4; display:inline-block;  }
	.rightTabmenu ul li a:active,
	.rightTabmenu ul li a:focus,
	.rightTabmenu ul li a:hover { background:#1757b7; color:#fff; border-color:#ddd; }
	.rightTabmenu ul li a.select { background:#fff; color:#000; border-bottom-color:#fff; }
	
	.rightTabmenu ul.ul1 li { float:left; width:100%; margin-left:-1px; }
	.rightTabmenu ul.ul2 li { float:left; width:50%; margin-left:-1px; }
	.rightTabmenu ul.ul3 li { float:left; width:33%; margin-left:-1px; }
	.rightTabmenu ul.ul4 li { float:left; width:25%; margin-left:-1px; }
	.rightTabmenu ul.ul5 li { float:left; width:20%; margin-left:-1px; }
}


/* 의회간행물 목록 */
.publication_list2 { width:100%; }
.publication_list2 ul { width:100%; padding-top:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
.publication_list2 li { position:relative; float:left; width:calc(25% - 20px); min-height:484px; padding:10px 10px 20px 10px; border:1px solid #ddd; box-sizing:border-box; background:#fafafa; margin:0 10px 30px 10px;}
.publication_list2 li:nth-child(5) { clear:both; }

.publication_list2 li dl { width:100%; }
.publication_list2 li dl dt { width:100%; }
.publication_list2 li dl dt a { width:100%; height:100%; display:block;  }
.publication_list2 li dl dt p.pic { width:100%; height:0; padding-top:calc(364 / 258 * 100%); /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden; display:block; margin-bottom:15px; }
.publication_list2 li dl dt p.pic img { width:100%;  }

.publication_list2 li dd { width:100%; display:block; }
.publication_list2 li dd.subject { width:calc(100% - 20px); padding:0 10px; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */font-size:100%; color:#000; text-align:center; margin-bottom:15px; }
.publication_list2 li dd.date { padding:0 10px; color:#888; margin-bottom:11px;  }

.publication_list2 li dd.btn { position:absolute; bottom:20px; width:calc(100% - 20px); overflow:hidden; }
.publication_list2 li dd.btn a { float:left; width:50%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:85%; display:inline-block; }
.publication_list2 li dd.btn3 a { float:left; width:33.3%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:85%; display:inline-block; }
.publication_list2 li dd.btn3 a:last-child { width:33.4%; }

.publication_list2 li dd.btn a.abtn_nl1 { background:#035790; }
.publication_list2 li dd.btn a.abtn_nl2 { background:#2aa4b5; }
.publication_list2 li dd.btn a.abtn_nl3 { background:#6ea4e6; }


@media (min-width:769px) and (max-width:1024px){
	.publication_list2 li { width:calc(33.333% - 20px); min-height:560px; margin:0 10px 30px 10px;}
	.publication_list2 li:nth-child(5) { clear:none; }
	.publication_list2 li:nth-child(4) { clear:both; }

}

@media (max-width:950px){
	.publication_list2 li dd.btn a { width:100%; display:block; }
	.publication_list2 li dd.btn3 a { width:100%; display:block; }
	.publication_list2 li dd.btn3 a:last-child { width:100%; }
}


@media (max-width:768px){
	.publication_list2 li { float:left; width:calc(50% - 32px); min-height:610px; border:1px solid #ddd; margin:0 15px 25px 15px; }
	.publication_list2 li:nth-child(5) { clear:none; }
	.publication_list2 li:nth-child(odd) { clear:both; }


	.publication_list2 li p.pic img { width:100%; height:auto; }
	.publication_list2 li p.subject { margin-bottom:0px !important }
	.publication_list2 li p.date { margin-bottom:0px !important }
	
	.publication_list2 li dd.btn a { width:50%; display:inline-block; }
	.publication_list2 li dd.btn3 a { width:33.3%; display:inline-block; }
	.publication_list2 li dd.btn3 a:last-child { width:33.4%; }

}
@media (max-width:480px){
	.publication_list2 li { float:none; width:calc(100% - 2px);  min-height:auto; border:1px solid #ddd; margin:0 0 25px 0px; }
	.publication_list2 li p.pic img { width:100%; height:auto; }
	.publication_list2 li p.subject { margin-bottom:0px !important }
	.publication_list2 li p.date { margin-bottom:0px !important }
	.publication_list2 li dd.btn { position:static; width:100%;  }

}

.survey dl dd ul {display:flex; flex-wrap: wrap; margin-left:15px;}
.survey dl dd ul li {margin-right:30px; }
.survey dl dd ul li input { width:16px; height:16px; }
.survey dl dd ul.ul-h {display:block;}
.survey dl dd ul.ul-w {flex-wrap: wrap;}
.survey dl dd ul.ul-w li {width:20%; }
p.button{text-align:center;}
ul li .Wcontent{width:500px; margin-left:10px;}

.survey p.button .btn{ width:120px; height:36px; line-height:36px; border:none; border-radius:3px; background:green; font-size:90%; color:#fff; display:inline-block; margin:0 auto; } 

.SurveyResult p{text-align:center;}


@media (max-width:768px){
.survey dl dd ul.ul-w li {width:33.3%; margin-right:0;}
.survey dl dd ul li{width:33.3%;}
.survey dl dd ul.ul-h li{width:100%;}
}

@media (max-width:480px){
	.survey dl dd ul {display:block; margin-left:15px;}
	.survey dl dd ul li {width:100%; }
	ul li .Wcontent {width:250px; margin-left:10px;}
	.survey dl dd ul.ul-w li {width:100%; }
}