@charset "utf-8";


.skiplabel { text-indent:-9999px; width:0; height:0; font-size:0; line-height:0; }


.text_30 { width:30px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_40 { width:40px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_50 { width:50px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_60 { width:60px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_80 { width:80px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_100 { width:100px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_150 { width:150px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_180 { width:180px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_200 { width:200px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_500 { width:500px; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; }
.text_max { width:100%; height:32px; line-height:30px; border:1px solid #ccc; padding-left:10px; box-sizing:border-box; }


.text_address { width:100%; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; display:block; box-sizing:border-box; margin:3px 0; }
.textarea_normal { width:99%; height:200px; border:1px solid #ccc; padding:15px; line-height:150%; box-sizing: border-box; }
.file_normal { width:100%; height:30px; line-height:30px; display:block; box-sizing:border-box; }
.text_normal { width:100%; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; display:block; box-sizing:border-box; }
.select_email { height:32px; line-height:32px; border:1px solid #ccc; padding-left:10px; display:inline-block; }

.select_normal { height:32px; line-height:32px; border:1px solid #ccc; padding-left:10px; display:inline-block; }






/* 게시판 상단 */
.board_top { width:100%; height:40px; vertical-align:top; margin-bottom:20px; padding:0; }
.board_top .board_page { float:left; width:40%; padding-top:9px; padding-left:5px; }
.board_top .board_page strong.num1 { color:#da131a; }
.board_top .board_page strong.num2 { color:#3466cc; }
.board_top .board_page strong.num3 { color:#3466cc; }

.board_top .board_search { float:right; width:60%; text-align:right; vertical-align:top; padding-right:5px; }
.board_top .board_search label { padding-right:10px; }
.board_top .board_search .select_type { height:28px; border:1px solid #ccc; padding-left:5px; display:inline-block; }

.board_top .board_search .text_searchtxt { width:180px; height:30px; line-height:30px; padding-left:10px; border:1px solid #ccc; display:inline-block; }
.board_top .board_search .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;  } 


@media (max-width:767px){
	.board_top { height:auto; margin-bottom:10px; }	
	.board_top .board_page { float:none; width:calc(100% - 5px); padding-top:9px; padding-left:5px; margin-bottom:7px; }
	.board_top .board_search { float:none; width:calc(100% - 10px); text-align:left; padding-left:5px; padding-right:5px; }
	.board_top .board_search .text_searchtxt { float:left; width:calc(100% - 67px); height:32px; line-height:32px; padding-left:10px; border:1px solid #ccc; box-sizing:border-box; display:inline-block; }
	.board_top .board_search .submit_msearch { float:right;  } 

}

/* 게시판 목록 */
.board_list { width:100%; }
.board_list table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #113d82; margin-bottom:25px; }
.board_list table thead th { padding:12px 0; text-align:center; color:#333; background:#f4f4f4; border-right:1px solid #ccc; border-bottom:1px solid #aaa; }
.board_list table tbody td { padding:9px 15px 8px 15px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.board_list table .end { border-right:none; }

.board_list table tbody td.left { text-align:left; }
.board_list table tbody td a:link,
.board_list table tbody td a:visited { color:#333; }
.board_list table tbody td a:active,
.board_list table tbody td a:focus,
.board_list table tbody td a:hover { color:#1757b7; } 

.board_list table tbody td.left span.icon { position:relative; top:4px; padding-right:5px; }

.board_list table thead th:last-child { border-right:none; }
.board_list table tbody td:last-child { border-right:none; }

.board_list table tbody td span.startendday { display:none; }  /* 시작일, 종료일 */

.board_list table tbody td span.hiddenTxt { display:none; } /* 청원처리현황 */


span.stateicon_step1 { width:70px; padding:4px 0; background:#1757b7; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; } 
span.stateicon_step2 { width:70px; padding:4px 0px; background:#5faf00; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; }
span.stateicon_step3 { width:70px; padding:4px 0px; background:#3e4958; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; }

span.stateicon_step4 { width:70px; padding:4px 0px; background:#da131a; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; }



@media (max-width:767px){
	.board_list table thead { display:none; }
	.board_list table tbody tr { width:100%; border-bottom:1px solid #ccc; overflow:hidden; display:block; }
	.board_list table tbody tr > * { float:left; border:0; display:block;}
	
	.board_list table tbody td { border-right:none; padding:9px 10px 8px 10px; background:url(/images/egovframework/com/svc/council/board/td_line.gif) no-repeat right 14px; }
	.board_list table tbody td.b_state { position:relative; top:0px; background:none; }
	.board_list table tbody td.b_state .icon_ing { width:60px; height:22px; line-height:22px; padding:0; font-size:80%; }
	.board_list table tbody td.b_state .icon_end { width:60px; height:22px; line-height:22px; padding:0; font-size:80%; }
	.board_list table tbody td.b_state .icon_agree { width:60px; height:22px; line-height:22px; padding:0; font-size:80%; }
	
	.board_list table tbody td.b_state2 .icon_ing { width:60px; height:22px; line-height:22px; padding:0; font-size:80%; }
	.board_list table tbody td.b_state2 .icon_end { width:60px; height:22px; line-height:22px; padding:0; font-size:80%; }
	.board_list table tbody td.b_state2 .icon_agree { width:60px; height:22px; line-height:22px; padding:0; font-size:80%; }

	.board_list table span.startendday { padding-right:5px; text-align:left; display:inline-block !important;  }  /* 시작일, 종료일 */

}


/* 게시판 넓이 설정 */
.board_list table .b_num { width:8%; }
.board_list table .b_subject { width:auto; }
.board_list table .b_subject2 { width:auto; }
.board_list table .b_angun { width:35%; }

.board_list table .b_writer { width:17%; }
.board_list table .b_date { width:14%; }
.board_list table .b_file { width:9%; }
.board_list table .b_hits { width:9%; }

.board_list table .b_state { width:12%; }
.board_list table .b_year { width:9%; }
.board_list table .b_date3 { width:23%; }

.board_list table .b_date span.endd { display:none; }
.board_list table .b_date4 span.endd { display:none; }

@media (max-width:767px){	
	.board_list table .b_num { width:0%; display:none; }
	.board_list table .b_subject { width:100%; padding-bottom:0px; font-size:110%; }	
	.board_list table .b_writer { width:auto; font-size:90%; }
	.board_list table .b_date { width:auto; color:#999; font-size:90%; }
	.board_list table .b_file { width:auto; display:none; }
	.board_list table .b_hits { width:auto; color:#999; font-size:90%; background:none; }
	
	.board_list table .b_year { display:none; }
	.board_list table .b_subject2 { width:100%; padding-bottom:0px; font-size:110%; background:none; }
	.board_list table .b_date3 { width:auto; background:none; font-size:90%; }

	.board_list table .b_date span.endd { display:inline-block; }
	.board_list table .b_date4 span.endd { display:inline-block; }
	.board_list table .b_date4 { width:auto; color:#999; background:none; font-size:90%; }

	.board_list table .b_dateSE { width:auto; color:#999; font-size:90%; text-align:left; }
	.board_list table .b_dateSE2 { width:auto; color:#999; font-size:90%; background:none; text-align:left; }
	

	.board_list table tbody td span.hiddenTxt { padding-right:5px; display:inline-block; } /* 청원처리현황 */

	.board_list table tbody td.end { background:none; }
}



/* 게시판 넓이 설정 - 방청신청  */
.board_list table .b_num2 { width:8%; }
.board_list table .b_writer2 { width:auto; }
.board_list table .b_date1 { width:20%}
.board_list table .b_date2 { width:20%; }
.board_list table .b_number2 { width:15%; }
.board_list table .b_state2 { width:15%; }

@media (max-width:767px){

	.board_list table .b_num2 { width:0%; display:none; }
	.board_list table .b_writer2 { width:30%; padding-top:10px; font-size:90%; box-sizing:border-box; }
	.board_list table .b_date1 { width:35%; color:#999; padding-top:10px; font-size:90%; box-sizing:border-box; }
	.board_list table .b_date2 { width:35%; color:#999; padding-top:10px; font-size:90%; box-sizing:border-box; background:none; }
	.board_list table .b_number2 { width:30%; font-size:90%; box-sizing:border-box; padding-left:0; padding-right:0; }
	.board_list table .b_state2 { width:35%; font-size:90%; background:none; box-sizing:border-box; padding-left:0; padding-right:0; }
	
}


/* 게시판 넓이 설정 -  시설대관신청 */
.board_list table .ca_num { width:8%; }
.board_list table .ca_writer { width:11%; }
.board_list table .ca_date1 { width:auto; }
.board_list table .ca_date2 { width:15%; }
.board_list table .ca_number { width:12%; }
.board_list table .ca_state { width:13%; }


@media (max-width:767px){
	.board_list table .ca_num { display:none; }
	.board_list table .ca_writer { width:100%; background:none; text-align:left; color:#113d8e; font-size:110%; display:block; }
	.board_list table .ca_date1 { width:100%; background:none; text-align:left; padding:0 0 0 10px; display:block; }
	.board_list table .ca_date2 { width:auto; }
	.board_list table .ca_number { width:auto; background:none; }
	.board_list table .ca_state { width:100%; text-align:left; }
	.board_list table .ca_state span { text-align:center; }
}




/* 게시판 넓이 - 청원처리현황 */
.board_list table .petition_daesu { width:7%; }
.board_list table .petition_number { width:8%; }
.board_list table .petition_year { width:7%; }
.board_list table .petition_bill { width:auto; text-align:left;  }
.board_list table .petition_proposer { width:15%; }
.board_list table .petition_result1 { width:12%; }
.board_list table .petition_result2 { width:12%; border-right:none; }

.board_list table th.petition_bill { text-align:center; } 
.board_list table th.petition_result2 { letter-spacing:-1px; }


@media (max-width:767px){
	.board_list table .petition_daesu { width:auto; text-align:left; font-size:90%; box-sizing:border-box; }
	.board_list table .petition_number { width:auto; font-size:90%; background:none;  box-sizing:border-box;}
	.board_list table .petition_year { width:auto; text-align:left; font-size:90%; box-sizing:border-box; }
	.board_list table .petition_bill { width:100%; padding:0 0 0 10px; font-size:110%; background:none;  box-sizing:border-box;}
	.board_list table .petition_proposer { width:100%; font-size:90%; background:none; text-align:left; box-sizing:border-box; }
	.board_list table .petition_result1 { display:none;}
	.board_list table .petition_result2 { display:none; }
	
}

/* 게시판 넓이 - 의원검색 */
@media (max-width:767px){
	.board_list table .membersearch_num { display:none; }
	.board_list table .membersearch_name { width:auto; font-size:90%; box-sizing:border-box; font-weight:bold; }
	.board_list table .membersearch_daesu { width:auto; font-size:90%; box-sizing:border-box; }
	.board_list table .membersearch_precinct { width:auto; font-size:90%; box-sizing:border-box; }
	.board_list table .membersearch_party { width:auto; font-size:90%; background:none; box-sizing:border-box; }	
}



/* 게시판 넓이 - 상임위원회 회의록 */
.board_list table .cb_num { width:8%; }
.board_list table .cb_subject { width:auto; }


/* 게시판 넓이 - 의원검색 */
@media (max-width:767px){
	.board_list table .cb_num { display:none; }
	.board_list table .cb_subject { width:100%; font-size:110%; }
	
}



/* 게시판 넓이 - 의원홈페이지 시정질문 */
.board_list table .mm_meeting { width:32%; }
.board_list table .mm_subject { width:46%; }
.board_list table .mm_date { width:15%; }
.board_list table .mm_vod { width:7%; }

@media (max-width:767px){
	.board_list table .mm_meeting { width:100%; padding-left:0px; }
	.board_list table .mm_subject { width:100%; font-size:110%; padding:0px; background:none; }
	.board_list table .mm_date { width:100%; background:none; font-size:90%; text-align:left; color:#999; padding-left:0px; }
	.board_list table .mm_vod { display:none; }

	
}



/* 게시판 넓이 - 의원홈페이지 발의안 */
.board_list table .md_num { width:8%; }
.board_list table .md_subject { width:auto; }
.board_list table .md_cg { width:15%; }
.board_list table .md_cc { width:15%; }

.board_list table .md_cg span,
.board_list table .md_cc span { display:none; }

.board_list table .md_date { width:15%; }

@media (max-width:767px){
	.board_list table .md_num { display:none }
	.board_list table .md_subject { width:100%; padding-left:0px; font-size:110%; }
	.board_list table .md_cg { width:100%;color:#999; text-align:left; font-size:90%; padding:0px; }
	.board_list table .md_cc { width:100%; color:#999; text-align:left; font-size:90%; padding:0px; }
	.board_list table .md_date { width:100%; background:none; color:#999; text-align:left;  padding-left:0px; font-size:90%; }


	.board_list table .md_cg span,
	.board_list table .md_cc span { display:inline-block; color:#555; }
	
}



/* 게시판 넓이 - 의원홈페이지 5분발언 */
.board_list table .mc_num { width:8%; }
.board_list table .mc_subject { width:auto; }
.board_list table .mc_name { width:15%; }
.board_list table .mc_date { width:15%; }
.board_list table .mc_date1 { width:15%; }
.board_list table .mc_vod { width:8%; }



@media (max-width:767px){
	.board_list table .mc_num { display:none; }
	.board_list table .mc_subject { width:auto; font-size:110%; background:none; padding-left:0px; padding-bottom:0px; }
	.board_list table .mc_name { width:20%; padding-left:0px; color:#999; text-align:left; font-size:90%; }
	.board_list table .mc_date { width:20%; color:#999; padding-left:0px; text-align:center; font-size:90%; background:none; }
	.board_list table .mc_vod { display:none; }

	.board_list table .mc_date1 {width:20%; color:#999; padding-left:0px; text-align:left; font-size:90%; background:none; }
	
}

/* 게시판 넓이 - 의원홈페이지 5분발언 */
.board_list table .mc_num { width:8%; }
.board_list table .mc_subject { width:auto; }
.board_list table .mc_name { width:15%; }
.board_list table .mc_date { width:15%; }
.board_list table .mc_date1 { width:15%; }
.board_list table .mc_vod { width:8%; }



@media (max-width:767px){
	.board_list table .mc_num { display:none; }
	.board_list table .mc_subject { width:auto; font-size:110%; background:none; padding-left:0px; padding-bottom:0px; }
	.board_list table .mc_name { width:20%; padding-left:0px; color:#999; text-align:left; font-size:90%; }
	.board_list table .mc_date { width:20%; color:#999; padding-left:0px; text-align:center; font-size:90%; background:none; }
	.board_list table .mc_vod { display:none; }

	.board_list table .mc_date1 {width:20%; color:#999; padding-left:0px; text-align:left; font-size:90%; background:none; }
	
}


/* 게시판 넓이 - 의원홈페이지 의정동정 */
.board_list table .bb_num { width:7%; }
.board_list table .bb_subject { width:auto; }
.board_list table .bb_writer { width:17%; }
.board_list table .bb_date { width:14%; }
.board_list table .bb_file { width:8%; }
.board_list table .bb_hits { width:8%; }


@media (max-width:767px){	
	.board_list table .bb_num { width:0%; display:none; }
	.board_list table .bb_subject { width:100%; padding-bottom:0px; font-size:110%; }	
	.board_list table .bb_writer { width:auto; font-size:90%; }
	.board_list table .bb_date { width:auto; color:#999; font-size:90%; }
	.board_list table .bb_file { width:auto; display:none; }
	.board_list table .bb_hits { width:auto; color:#999; font-size:90%; background:none; }	
}


/* 게시판 넓이 - 의원홈페이지 5분발언 */
.board_list table .mo_num { width:7%; }
.board_list table .mo_name { width:15%; }
.board_list table .mo_subject { width:auto; }
.board_list table .mo_vod { width:8%; }
.board_list table .mo_db { width:10%; }
.board_list table .mo_subject p.line { font-size:90%; color:#777; padding:5px 0;}
.board_list table .mo_subject p.line span.line1, 
.board_list table .mo_subject p.line span.line2 { padding:0 6px; font-size:80%; color:#e9e9e9; }


.board_list table .mo_db span,
.board_list table .mo_vod span { display:none; }


@media (max-width:767px){	
	.board_list table .mo_num { display:none; }
	.board_list table .mo_name { width:100%; text-align:left; padding-left:0px; }
	.board_list table .mo_subject { width:100%; padding:0px; background:none; }
	.board_list table .mo_vod { width:23%;  }
	.board_list table .mo_db { width:35%; padding-left:0px; text-align:left }

	.board_list table .mo_subject p.line span.line1 { display:none; }
	.board_list table .mo_subject p.line span.blue { display:block; }

	.board_list table .mo_db span,
	.board_list table .mo_vod span { display:inline-block; font-size:90%; color:#999 }

}



















 

/* 방청신청 아이콘 */
.icon_ing { width:80px; height:30px; line-height:30px; border-radius:3px; font-size:90%; color:#fff; background:#1757b7; display:inline-block; } 
.icon_agree { width:80px; height:30px; line-height:30px; border-radius:3px; font-size:90%; color:#fff; background:#5faf00; display:inline-block; } 
.icon_end { width:80px; height:30px; line-height:30px; border-radius:3px; font-size:90%; color:#fff; background:#3e4958; display:inline-block; } 




/* 페이징 */
.paging { position:relative; width:100%; text-align:center; overflow:hidden; margin:20px 0; }

.paging #pagingNew ul { overflow:hidden; padding-left:1px; }
.paging #pagingNew ul li { display:inline-block; margin-left:-1px; }
.paging #pagingNew ul li a { height:34px; line-height:34px; padding:0 8px; color:#666; text-decoration:none; border:1px solid #ddd; display:inline-block; z-index:1; }
.paging #pagingNew ul li a.select { background:#5365e1; color:#fff; font-weight:bold; border-color:#3e4bd8; z-index:2;} 

.paging #pagingNew ul li a.btn { padding:0; }
.paging #pagingNew ul li a.btn img { width:34px; height:34px; }

.paging #pagingNew ul li a.start { background:url(/images/egovframework/com/svc/council/board/pageing_btn_start.gif) no-repeat 50% 50%; }
.paging #pagingNew ul li a.prev { background:url(/images/egovframework/com/svc/council/board/pageing_btn_prev.gif) no-repeat 50% 50%; }
.paging #pagingNew ul li a.next { background:url(/images/egovframework/com/svc/council/board/pageing_btn_next.gif) no-repeat 50% 50%; }
.paging #pagingNew ul li a.end { background:url(/images/egovframework/com/svc/council/board/pageing_btn_end.gif) no-repeat 50% 50%; }


@media (max-width:767px){
	.paging #pagingNew ul li a { height:24px; line-height:24px; padding:0 4px; font-size:90%; margin-bottom:2px; }
	.paging #pagingNew ul li a.btn img { width:24px; height:24px; }
}




/* 게시판 보기 */
.board_view { width:100%; margin-bottom:50px; }
.board_view table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #113d82; margin-bottom:25px; }

.board_view table thead th  { padding:10px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#ebeff1; color:#333; }
.board_view table thead th:last-child { border-right:none; }

.board_view table tbody th,
.board_view table tbody td { padding:9px 15px 8px 15px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.board_view table tbody th { background:#fafafa; }

.board_view table tbody td:last-child { border-right:none; }


.board_view table tbody .end { border-right:none; }

.board_view table tbody td.subject { font-weight:bold; color:#113d8e;}
.board_view table tbody td.contentview { min-height:300px !important; padding:20px 15px 100px 15px; line-height:1.7; text-align:left; vertical-align:top; }
.board_view table tbody td.contentview img { width:100%; }

.board_view table tbody td a.abtn_preview { height:24px; line-height:24px; padding:0 5px 0 22px; background:#1757b7 url(/images/egovframework/com/svc/council/board/previewBtn_blt.png) no-repeat 5px 50%; color:#fff; border-radius:3px; display:inline-block; font-size:90%; margin-left:10px; }

.board_view table tbody td.itemtd { padding:15px 0; text-align:center; border-right:none; }
.board_view table tbody td.itemtd .subject { width:100%; font-weight:bold; font-size:120%; color:#113d8e; display:block; margin-bottom:7px; }
.board_view table tbody td.itemtd .writer { padding:0 10px; background:url(/images/egovframework/com/svc/council/board/td_line.gif) no-repeat right 4px;}
.board_view table tbody td.itemtd .hits,
.board_view table tbody td.itemtd .date { padding:0 10px; }

.board_view .noticeTxt { display:none; }

.board_view table tbody td.left { text-align:left; padding-left:15px; padding-right:15px; }
.board_view table tbody td.addfile { text-align:left; }
.board_view table tbody td.addfile ul li { padding:3px 0; display:block; }
.board_view table td.addfile li a.abtn_preview { display:none; }


.board_view .boardview_subject { width:100%; padding:15px 0; border-top:2px solid #113d8e; border-bottom:1px solid #ccc; text-align:center; font-weight:bold; font-size:120%; color:#113d8e; margin-bottom:30px; } /* 의사일정 - 회비별의사일정 보기 제목표시 */


@media (max-width:767px){
	.board_view table tbody th { display:none; }
	.board_view .noticeTxt { display:block; margin-bottom:10px; }
	
	.spp_table { overflow:auto; } /* 청원처리현황 */
	.spp_table table { width:700px; margin:0 auto 25px; }
	.spp_table table tbody th { display: table-cell;}
	
	.board_view .garoscroll { overflow: auto; }

	.board_view table tbody td.addfile { width:100%;}
	.board_view table tbody td span { background:none; }

}



/* 게시판 글쓰기 */
.board_write { width:100%; }
.board_write table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #113d82; margin-bottom:25px; }
.board_write table tbody th,
.board_write table tbody td { padding:9px 15px 8px 15px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.board_write table tbody th { background:#fafafa; }
.board_write table tbody td { text-align:left; border-right:none; }

.board_write table tbody td.writer { font-weight:bold; color:#113d8e; }
.board_write table tbody td .stxt { font-size:90%; color:#999; padding-left:10px; }

.board_write table tbody td.addfile { position:relative;}
.board_write table tbody td.addfile span { display:block; margin-bottom:3px;}
.board_write table tbody td.addfile span.addplus { position:absolute; right:10px; top:10px; }



@media (max-width:767px){
	.board_write table tbody th,
	.board_write table tbody td { padding:9px 5px 8px 5px; font-size:90%; }
	.board_write table tbody th { letter-spacing:-1px; }
	.board_write table tbody td .stxt { padding-left:0; display:block; margin-top:7px; }
	
	#text_email2 { width:100%; height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px; display:block; box-sizing:border-box;  margin:3px 0; }
	#select_email3 { width:100%; height:32px; line-height:32px; border:1px solid #ccc; padding-left:10px; display:block; box-sizing:border-box;  }
}



/* 비밀번호 확인 */
.passwordbox { width:100%; border:5px solid #ddd; padding:30px 25px; box-sizing:border-box; }
.passwordbox .txt1 { padding:0 0 10px 30px; background:url(/images/egovframework/com/svc/council/inc/blt_depth2.png) no-repeat 10px 5px; }
.passwordbox .formarea { padding:15px 0; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.passwordbox .formarea label.skiplabel { display:none; }
.passwordbox .formarea .submit_ok { width:70px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff; border:1px solid #666; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; }
.passwordbox .stxt { text-align:center; margin-top:10px; }


@media (max-width:767px){
	.passwordbox { padding:15px 10px; }
	.passwordbox .formarea { padding:15px 0; }
	.passwordbox .formarea .submit_ok { width:60px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff; border:1px solid #666; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; }
	.passwordbox .stxt { color:#999; }
}




/* 댓글 */
.commentarea { display:block; margin-top:10px; }





/* 게시판 하단 버튼 */
.abtn_boardBottomBtn:link,
.abtn_boardBottomBtn:visited { width:100px; height:40px; line-height:40px; text-align:center; background:#ddd; color:#000; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; }
.abtn_boardBottomBtn:active,
.abtn_boardBottomBtn:focus,
.abtn_boardBottomBtn:hover { background:#ccc; color:#000; }

.submit_boardBottomBtn { width:100px; height:40px; line-height:40px; text-align:center; background:#1757b7; color:#fff; border:1px solid #1757b7; border-radius:3px; font-size:90%; display:inline-block; cursor:pointer; }


/* td 안 버튼 */
.abtn_tdbtn { width:70px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff !important; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; }  
.abtn_tdbtn2 { width:100px; height:32px; line-height:32px; text-align:center; background:#1757b7; color:#fff !important; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; }  
.abtn_tdbtn3 { width:auto; height:32px; padding:0 12px; line-height:32px; text-align:center; background:#666; color:#fff !important; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; }  
.abtn_maddfile { width:75px; height:28px; line-height:28px; border:1px solid #444; border-radius:3px; background:#555; color:#fff !important; font-size:90%; text-align:center; text-decoration:none; display:inline-block; }


/* 댓글 */
.comment { width:100%; margin:30px 0 50px 0; }

.comment_form { margin-bottom:50px; }
.comment_form .comment_top { position:relative; width:100%; overflow:hidden; margin-bottom:10px; }
.comment_form .comment_top .comment_login { float:left;}
.comment_form .comment_top .comment_login ul { overflow:hidden; margin-left:10px; }
.comment_form .comment_top .comment_login ul li { float:left; margin-right:5px; }
.comment_form .comment_top .comment_login ul li a:link,
.comment_form .comment_top .comment_login ul li a:visited { width:50px; height:50px; line-height:50px; padding-top:10px; border:2px solid #ddd; border-radius:5px; text-align:center;vertical-align:middle; display:inline-block; box-sizing:border-box; }

.comment_form .comment_top .comment_login ul li.li2 a { padding-top:13px;}
.comment_form .comment_top .comment_login ul li.li3 a { padding-top:8px;}

.comment_form .comment_top .comment_login ul li.li1 a:active,
.comment_form .comment_top .comment_login ul li.li1 a:focus,
.comment_form .comment_top .comment_login ul li.li1 a:hover,
.comment_form .comment_top .comment_login ul li.li1 a.select { border:3px solid #00529c;  }

.comment_form .comment_top .comment_login ul li.li2 a:active,
.comment_form .comment_top .comment_login ul li.li2 a:focus,
.comment_form .comment_top .comment_login ul li.li2 a:hover,
.comment_form .comment_top .comment_login ul li.li2 a.select { border:3px solid #008fd5;  }

.comment_form .comment_top .comment_login ul li.li3 a:active,
.comment_form .comment_top .comment_login ul li.li3 a:focus,
.comment_form .comment_top .comment_login ul li.li3 a:hover,
.comment_form .comment_top .comment_login ul li.li3 a.select { border:3px solid #f4ea30;  }

.comment_form .comment_top .comment_login ul li.li4 a:active,
.comment_form .comment_top .comment_login ul li.li4 a:focus,
.comment_form .comment_top .comment_login ul li.li4 a:hover,
.comment_form .comment_top .comment_login ul li.li4 a.select { border:3px solid #00c73c;  }

.comment_form .comment_top .comment_login ul li.li5 a:active,
.comment_form .comment_top .comment_login ul li.li5 a:focus,
.comment_form .comment_top .comment_login ul li.li5 a:hover,
.comment_form .comment_top .comment_login ul li.li5 a.select { border:3px solid #dc4c3f;  }

.comment_form .comment_body { width:100%; }


/* 댓글 - 로그인전 */
.comment_form .comment_body .login_before { display:block; }
.comment_form .comment_body .login_before .textareabox { width:100%; padding:10px; border:5px solid #ddd; border-radius:15px; box-sizing:border-box; }
.comment_form .comment_body .login_before .textareabox .textarea_comment { width:100%; height:60px; padding:15px; border:none; box-sizing:border-box; }


/* 댓글 - 로그인후 */
.comment_form .comment_body .login_after { position:relative; display:block; }
.comment_form .comment_body .login_after .textareabox { width:100%; border:5px solid #ddd; border-radius:15px; box-sizing:border-box; }
.comment_form .comment_body .login_after .textareabox .textareabox_top { width:100%; height:40px; border-radius:8px 8px 0 0; box-sizing:border-box; }
.comment_form .comment_body .login_after .textareabox .textareabox_top .nickname { float:left; height:40px; line-height:40px; padding-left:15px; color:#fff; font-weight:bold; }
.comment_form .comment_body .login_after .textareabox .textareabox_top .txtcount { position:relative; top:-1px; float:right; height:40px; line-height:40px; padding-right:115px; text-align:right; color:#fff; font-size:90%; }

.comment_form .comment_body .login_after .textareabox .textareabox_body { width:100%; height:auto; padding:15px; box-sizing:border-box; }
.comment_form .comment_body .login_after .textareabox .textareabox_body .photo { float:left; width:90px; }
.comment_form .comment_body .login_after .textareabox .textareabox_body .comment_txt { float:left; width:calc(100% - 90px); }

.comment_form .comment_body .login_after .textareabox .textareabox_body .photo img { padding:5px; border:1px solid #ccc; border-radius:5px; }
.comment_form .comment_body .login_after .textareabox .textareabox_body .comment_txt  .textarea_comment { width:100%; height:77px; padding:5px; line-height:150%; border:none; box-sizing:border-box; }

.comment_form .comment_body .login_after .logout { position:absolute; right:20px; top:14px; padding-left:17px; background:url(/images/egovframework/com/svc/council/board/comment_icon_logout.gif) no-repeat 0 5px; } 
.comment_form .comment_body .login_after .logout a:link,
.comment_form .comment_body .login_after .logout a:visited { color:#fff; }
.comment_form .comment_body .login_after .logout a:active,
.comment_form .comment_body .login_after .logout a:focus,
.comment_form .comment_body .login_after .logout a:hover { color:#000; }


/* 댓글입력 버튼 */
.comment_form .comment_btn { text-align:right; padding-right:10px; margin:20px 0 0 0; }
.comment_form .comment_btn .submit_commentbtn { width:100px; height:40px; line-height:40px; border:1px solid #113d8e; border-radius:3px; background:#113d8e; color:#fff; font-size:90%; }


/* 댓글 목록 */
.comment_listAll { width:100%; }

.comment_listAll_top { width:100%; margin-bottom:10px; }
.comment_listAll_top .attendNum { float:left; padding-left:10px; }
.comment_listAll_top .array { float:right; overflow:hidden; }

.comment_listAll_top .attendNum strong { color:#da131a; }

.comment_listAll_top .array li { float:left; padding:0 11px 0 10px; background: url(/images/egovframework/com/svc/council/board/comment_array_line.gif) no-repeat right 50%; }
.comment_listAll_top .array li:last-child { background:none; }

.comment_listAll_top .array li a:active,
.comment_listAll_top .array li a:focus,
.comment_listAll_top .array li a:hover { color:#1757b7; }
.comment_listAll_top .array li a.select { color:#da131a; }


.comment_list { width:100%; border-top:1px solid #333; }
.comment_list ul { overflow:hidden; }
.comment_list ul li { position:relative; width:100%; padding:15px; border-bottom:1px solid #ddd; display:block; box-sizing:border-box; }
.comment_list ul li dl { width:100%; }
.comment_list ul li dl dt { float:left; position:relative; width:95px; }
.comment_list ul li dl dt img { padding:5px; border:1px solid #ccc; border-radius:5px; }
.comment_list ul li dl dt .snsicon { position:absolute; right:9px; bottom:-9px;}
.comment_list ul li dl dt .snsicon img { padding:0; border:0; border-radius:0; }

.comment_list ul li dl dd { margin-left:95px; width:calc(100% - 95px); }

.comment_list ul li dl dd.nickname { color:#113d8e; margin-bottom:7px; }
.comment_list ul li dl dd.nickname strong { padding-right:11px; background:url(/images/egovframework/com/svc/council/board/comment_array_line.gif) no-repeat right 50%; display:inline-block; margin-right:10px; }
.comment_list ul li dl dd.nickname .time { font-size:90%; color:#999; font-family:arial;}

.comment_list ul li dl dd.txt { line-height:150%; margin-bottom:5px; } 

.comment_list ul li dl dd.empathy { text-align:right;}
.comment_list ul li dl dd.empathy span a { height:30px; line-height:30px; padding:0 10px 0 30px; border:2px solid #eee; border-radius:5px; background:url(/images/egovframework/com/svc/council/board/comment_empathy_icon.gif) no-repeat 10px 50%; display:inline-block; }

.comment_list ul li dl dd.delete { position:absolute; right:15px; top:15px; width:47px; text-align:right !important; background:url(/images/egovframework/com/svc/council/board/comment_btn_delete.gif) no-repeat 0 50%; margin-left:0;  }
.comment_list ul li dl dd.delete a:active,
.comment_list ul li dl dd.delete a:focus,
.comment_list ul li dl dd.delete a:hover { text-decoration:underline; color:#06c; }


@media (max-width:767px){
	.comment_list ul li { position:relative; width:100%; padding:15px 0; border-bottom:1px solid #ddd; display:block; box-sizing:border-box; }
	
	.comment_list ul li dl dd.nickname { color:#113d8e; margin-bottom:7px; }
	.comment_list ul li dl dd.nickname strong { padding-right:0; background:none; display:block; margin-right:0; }
	.comment_list ul li dl dd.nickname .time {  padding-top:5px; display:block; }
}


/* 포토게시판 목록 */
.photoboard_list { width:100%; }
.photoboard_list ul.photolist { width:100%; overflow:hidden; border-top:2px solid #113d8e; box-sizing:border-box; margin-bottom:25px;  }
.photoboard_list ul.photolist li { padding:20px; border-bottom:1px solid #ddd;}
.photoboard_list ul.photolist li dl { width:100%; overflow:hidden; }
.photoboard_list ul.photolist li dl dt { float:left; width:310px; }
.photoboard_list ul.photolist li dl dt img { width:274px; padding:5px; border:1px solid #ddd; }

.photoboard_list ul.photolist li dl dd { margin-left:310px; width:calc(100% - 310px); display:block; margin-bottom:4px; }

.photoboard_list ul.photolist li dl dd.subject { padding:5px 0px; border-bottom: 1px dashed #d1d1d1;} 
.photoboard_list ul.photolist li dl dd.subject a:link,
.photoboard_list ul.photolist li dl dd.subject a:visited { color:#333; font-size:110%;  }
.photoboard_list ul.photolist li dl dd.subject a:active,
.photoboard_list ul.photolist li dl dd.subject a:focus,
.photoboard_list ul.photolist li dl dd.subject a:hover { color:#1757b7; }
.photoboard_list ul.photolist li dl dd.txt { color:#999; font-size:90%; }
.photoboard_list ul.photolist li dl dd.date { color:#999; }



@media (max-width:767px){
	.photoboard_list ul.photolist li { padding:20px 0; border-bottom:1px solid #ddd;}
	.photoboard_list ul.photolist li dl dt { float:left; width:100%; margin-bottom:10px;}
	.photoboard_list ul.photolist li dl dt a{width:100%;}
	.photoboard_list ul.photolist li dl dt img { width:100%; padding:3px; border:1px solid #ddd; }
	.photoboard_list ul.photolist li dl dd { margin-left:0px; width:100%; padding: 0 7px; }
	.photoboard_list ul.photolist li dl dd.subject { padding:5px 10px;}
}


/* 포토게시판 목록2 */
.photo_list2 { width:100%; }
.photo_list2 ul { width:100%; padding:25px 0 0 0; border-top:2px solid #333; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:25px; }
.photo_list2 ul li { float:left; width:25%; padding:0 15px; box-sizing:border-box; text-align:center; margin-bottom:25px; }
.photo_list2 ul li a { width:100%; overflow:hidden; display:block;}
.photo_list2 ul li a .pic { width:100%; height:0; padding-top:calc(192 / 288 * 100%); /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ display:block; overflow:hidden; margin-bottom:15px; }
.photo_list2 ul li .subject { font-size:110%; font-weight:bold; color:#333; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:blcok; }
.photo_list2 ul li .date { color:#888; }


@media (max-width:768px){
	.photo_list2 ul li { width:50%; }
	.photo_list2 ul li p.pic img { width:100%; height:auto; }
	.photo_list2 ul li p.subject { margin-bottom:0px !important }
	.photo_list2 ul li p.date { margin-bottom:0px !important }

}
@media (max-width:425px){
	.photo_list2 ul li { float:none; width:100%; }
	.photo_list2 ul li p.pic img { width:100%; height:auto; }
	.photo_list2 ul li p.subject { margin-bottom:0px !important }
	.photo_list2 ul li p.date { margin-bottom:0px !important }

}


/* 포토게시판보기 */
.photo_view { width:100%; margin:0 auto; overflow:hidden; }
.photo_view .imgs { position:relative; width:100%; background:#000; margin-bottom:20px; }
.photo_view .imgs ul.view { width:100%; }
.photo_view .imgs ul.view li { text-align:center; }
.photo_view .imgs ul.view li img { width:800px; }

.photo_view .imgs .con { position:absolute; left:0px; bottom:0px; width:calc(100% - 50px); padding:20px 25px 0 25px; height:60px; background:rgba(0, 0, 0, 0.60); } 
.photo_view .imgs .con p.txt { color:#fff; text-align:left; font-size:110%; float:left;}
.photo_view .imgs .con p.original { float:right; }
.photo_view .imgs .con p.original a { width:120px; height:35px; line-height:35px; text-align:center; background:#4e7ac7; color:#fff; display:inline-block; }

.photo_view .imgs ul.control li.prev { position:absolute; left:20px; top:190px; }
.photo_view .imgs ul.control li.next { position:absolute; right:20px; top:190px; }


.photo_view .list { width:100%; margin-bottom:50px; overflow:hidden; }
.photo_view .list .smallimg { float:left; width:calc(100% - 100px); overflow:hidden; }
.photo_view .list .smallimg ul { width:1200px; overflow:hidden; }
.photo_view .list .smallimg ul li { float:left; width:173px; margin:0 5px; text-align:center; }
.photo_view .list .smallimg ul li img { width:173px; height:110px; }

.photo_view .list .smallimg ul li a { display:inline-block; opacity:0.5; }
.photo_view .list .smallimg ul li a.select { width:167px; border:3px solid #0066cc; height:104px; display:inline-block; opacity:1.0 !important; overflow:hidden; }

.photo_view .list .prev { float:left; width:50px; height:80px; padding-top:30px; text-align:center; background:#000; }
.photo_view .list .next { float:right; width:50px; height:80px; padding-top:30px; text-align:center; background:#000; }

.photo_view .subject { position:relative; width:calc(100% - 44px); border:2px solid #ddd; padding:20px 20px; margin-bottom:20px; }
.photo_view .subject h3 { color:#000; font-size:120%; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px; }
.photo_view .subject p.date { position:absolute; right:20px; top:20px; }
.photo_view .subject p.date span { padding-left:10px; }
.photo_view .subject .contenttxtarea { padding:20px 0 50px 0;}

.photo_view .subject p { line-height:170%; }


@media (min-width:768px) and (max-width:1200px){
	.photo_view { width:100%; height:auto; padding:0 0 30px 0; }
	.photo_view .imgs ul.view li img { width:100%; }

}
@media (max-width:767px){ 
	.photo_view { width:100%; height:auto; padding:0 0 30px 0; }
	.photo_view .imgs ul.view li img { width:100%; }
	
	.photo_view .imgs .con { position:absolute; left:0px; bottom:-55px; width:100%; height:100px; padding:10px 10px; background:#333; box-sizing:border-box; } 
	.photo_view .imgs .con p.txt { font-size:90%; margin-bottom:10px; margin-right:10px;  }
	.photo_view .imgs .con p.original{ float:none;   }

	

	.photo_view .imgs ul.control li.prev { position:absolute; left:0px; top:100px; }
	.photo_view .imgs ul.control li.next { position:absolute; right:0px; top:100px; }

	.photo_view .imgs ul.control li.prev img,
	.photo_view .imgs ul.control li.next img { width:20px; }

	
	.photo_view .list { margin-top:75px;}
	.photo_view .list .smallimg { float:left; width:calc(100% - 60px); overflow:hidden; }
	.photo_view .list .smallimg ul { width:1200px; }
	.photo_view .list .smallimg ul li { float:left; width:143px; margin:0 5px; text-align:center; }
	.photo_view .list .smallimg ul li img { width:143px; height:80px; }

	.photo_view .list .smallimg ul li a { display:inline-block; opacity:0.5; }
	.photo_view .list .smallimg ul li a.select { width:137px; border:3px solid #0066cc; height:74px; display:inline-block; opacity:1.0 !important; overflow:hidden; }

	.photo_view .list .prev { float:left; width:30px; height:55px; padding-top:25px; text-align:center; background:#000; }
	.photo_view .list .next { float:right; width:30px; height:55px; padding-top:25px; text-align:center; background:#000; }

	.photo_view .list .prev img,
	.photo_view .list .next img { width:16px; }


	/* 제목 내용 */
	.photo_view .subject { position:relative; width:calc(100% - 24px); border:2px solid #ddd; padding:10px }
	.photo_view .subject h3 { color:#000; font-size:100%; border:none; padding-bottom:0px; margin-bottom:0px; }
	.photo_view .subject p.date { position:relative; right:0; top:0; font-size:90%; border-bottom:1px dashed #ccc; margin-bottom:5px; padding-bottom:5px; }
	.photo_view .subject p.date span { padding-left:10px; }
	.photo_view .subject p { line-height:170%; }
}

@media (max-width:440px){ 
	.photo_view .imgs .con { position:absolute; left:0px; bottom:-100px; width:100%; height:100px; padding:10px 10px; background:#333; box-sizing:border-box; }
	.photo_view .imgs .con ul.pcTabletBtn li { margin:0 6px 6px 0; } 
	
	.photo_view .list { margin-top:130px;}
}




/* 의회소식지 구독신청 */
.subscription { width:100%; height:100%; padding:20px; background:#f4f4f4; box-sizing:border-box;  }
.subscription .subscription_top { width:100%; height:80px; }
.subscription .subscription_top h1 { color:#113d8e; font-weight:bold; font-size:130%; margin-bottom:5px; }
.subscription .subscription_top h1 strong { color:#ee5f08;}
.subscription .subscription_top p { color:#999; line-height:1.3; font-size:90%; }

.subscription .subscription_body { width:calc(100% - 40px); min-height:690px; height:calc(100% - 120px); padding:15px 15px 0 15px; border:5px solid #c9d6e4; border-radius:10px; background:#fff; }
.subscription .subscription_body .formarea { width:100%; font-size:90%; }
.subscription .subscription_body .formarea h3 { color:#113d8e; font-weight:bold; text-align:center; margin-bottom:5px; }
.subscription .subscription_body .formarea dl { margin-bottom:5px; }
.subscription .subscription_body .formarea dt { font-weight:bold; }
.subscription .subscription_body .formarea dd { padding:3px 10px; background:url(/images/egovframework/com/svc/council/inc/blt_depth3.gif) no-repeat 0 13px; }
.subscription .subscription_body .formarea .check { text-align:center; color:#b40f0b; }


/* 본인인증 */
.ipin {position:relative; width:100%; padding:30px 30px 30px 30px; border:5px solid #ddd; border-radius:10px; box-shadow:0 2px 1px #eee; margin:0 auto; box-sizing:border-box;  }
.ipin h3 { width:100%; padding:0 0 10px 25px !important; color:#113d8e; font-weight:bold; font-size:130%;  border-bottom:1px solid #ddd; margin-bottom:20px !important; text-align:left; box-sizing:border-box; display:block; }
.ipin ul { margin-bottom:10px; }
.ipin ul li { padding-left:10px; line-height:1.5; background:url(/images/inc/blt_depth3.gif) no-repeat 0 10px; margin-bottom:10px; }

.ipin ul li strong { color:#da131a; }

.ipin .btn_center { margin-bottom:30px; }