@charset "utf-8";

/* table - 팝업뜰때 적용안되어서 board.css에도 적용 */
.tbl_wrap .tbl_guide {display: none;}
/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 18px; color: #3547ad; font-size: 13px; background: url('/common/img/common/ico_tbl_guide.gif') 0px 22px no-repeat;
	line-height: 130%; text-align: left !important;}
	.tbl_wrap .tbl{width: 729px;}
}

/* input */
input[type="text"],input[type="password"] {
	border: 1px solid #cccccc;
	width: 170px;
}

input[type="file"] {
	border: 1px solid #cccccc;
	padding: 4px;
	width: 400px;
}

input#searchTxt { ime-mode: active; }
.input30 { width: 30px !important; }
.input50 { width: 50px !important; }
.input100 { width: 100px !important; }
.input200 { width: 200px !important; }
.input300 { width: 300px !important; }
.input400 { width: 400px !important; }
.input500 { width: 500px !important; }
.input600 { width: 600px !important; }
.input99 { width: 99% !important; }
select {
	border: 1px solid #cccccc;
	padding: 3px;
}
input[type="radio"],input[type="checkbox"] { vertical-align: middle; }
input[type="button"],input[type="submit"] { cursor: pointer; }


/* search */
.search_box { position: relative; }
.search_box input[type="button"],.search_box input[type="submit"] {
	background: #ffffff url(../img/button/bul_search.png) no-repeat 95%
		4px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	color: #666666;
	display: inline-block;
	padding: 4px 20px 4px 5px;
}
.ie10 .search_box input[type="button"],.ie10 .search_box input[type="submit"],.ie9 .search_box input[type="button"],.ie9 .search_box input[type="submit"]
	{background: #ffffff url(../img/button/bul_search.png) 95% 4px no-repeat;}
.board_page {
	position: absolute;
	right: 0px;
	top: 3px;
}
.btn_position {
	position: absolute;
	right: 0px;
	top: 0px;
}
.search_table { position: relative; }
.search_table th,.search_table td {
	padding: 10px 5px;
	border-bottom: 1px dashed #e1e1e1;
}
.search_table th { border-right: 1px dashed #e1e1e1; }
.search_table table tr:first-child th,.search_table table tr:first-child td
	{ border-top: 1px dashed #e1e1e1; }

.search_table input[type="submit"] {
	background: #257bcb url(../img/board/table_search.png) no-repeat
		center 7px;
	border: 1px solid #155088;
	border-radius: 3px;
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
	padding: 28px 20px 12px 20px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -30px;
}
.search_table .dashed_left { border-left: 1px dashed #e1e1e1; }

/* 페이징 */
.bod_page {
	padding: 30px 0 0 0;
	text-align: center;
}

.bod_page>a {
	color: #666666;
	display: inline-block;
	padding: 2px 7px;
	line-height: 21px;
	border:1px solid #ddd;
	margin: 0 1px;
}

.bod_page>a.on {
	background: #555c67;
	border:1px solid #ddd;
	font-weight: bold;
	color: #ffffff;
}

.bod_page>a.btn_frist,.bod_page>a.btn_10prev,.bod_page>a.btn_10next,.bod_page>a.btn_end
	{
	width: 9px;
	height: 21px;
	text-indent: -999999em;
	display: inline-block;
}

.bod_page>a.btn_frist { background: url(../img/board/btn_pg_first.gif) no-repeat center; }
.bod_page>a.btn_10prev { background: url(../img/board/btn_pg_prev.gif) no-repeat center; }
.bod_page>a.btn_10next { background: url(../img/board/btn_pg_next.gif) no-repeat center; }
.bod_page>a.btn_end { background: url(../img/board/btn_pg_last.gif) no-repeat center; }

.bod_page>span {
	color: #666666;
	display: inline-block;
	padding: 2px 7px;
	line-height: 21px;
	border:1px solid #ddd;
	margin: 0 1px;
	border-bottom:2px solid #006ed4;
	font-weight: 600;
	box-sizing:border-box;
}

/* table */
/* .tableSt_list { margin-top: 30px; }  .tableSt_list thead tr:first-child th { border-top: 1px solid #5a5a5a; }  .tableSt_list th,.tableSt_list td { padding: 10px 3px; text-align: center; border-bottom: 1px solid #e1e1e1; line-height: 18px; }  .tableSt_list th { background: #f5f5f5; }  .tableSt_list .taL td,.tableSt_list .taL { text-align: left !important; }  .highlight { background: #fafafa; }  .is-ie .tableSt_view{ table-layout:fixed; } .tableSt_view th,.tableSt_view td { padding: 10px 5px; border-bottom: 1px solid #e1e1e1; }  .tableSt_view tbody tr:first-child th,.tableSt_view tbody tr:first-child td { border-top: 1px solid #5a5a5a; }  .tableSt_view .title { font-family: 'NanumGothicWebB'; font-size: 18px; background: #ffffff; padding: 15px 5px; }  .tableSt_view tbody th { background: #f5f5f5; } */
/* 보드헤더 */
.bod_head{position: relative; padding-bottom: 15px;}
.bod_head .page_num{text-align: left;}
.bod_head .bod_search, .bod_head .page_all{float: right; position: absolute; right: 0; top: -4px;}
.bod_search input{vertical-align: middle !important;}

/* new board */
.bod_list {border-top: 2px solid #006ed4; text-align: center; word-break: break-all; table-layout: fixed;}
.bod_list thead th{padding: 12px 0; font-weight: 600;}
.bod_list thead{border-bottom: 1px solid #333;}
.bod_list tbody td{padding: 12px 0; border-bottom: 1px solid #bbb;}
/* .bod_list th, .bod_list td {text-align: center; box-sizing: border-box;padding: 8px 5px;} */
.bod_list.gosi tbody td.tit {padding-left: 30px;}
.bod_list.gosi td span[class^="test"]{padding: 3px 10px; border-radius:10px; color: #fff;}
.bod_list.gosi .test_result{background: #3c67de;}
.bod_list.gosi .test_will{background: #8bcab8;}
.bod_list.gosi .test_ing{background: #f18313;}
.bod_list.gosi .test_end{background:#666571;}
.bod_list .list_num{width: 7%;}
td.list_tit{text-align: left;}
.bod_list .list_tit {
	width:auto; overflow:hidden; white-space:nowrap;padding-left: 15px;
}
td.list_tit a{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:88%; vertical-align: middle; }
.list_file{width: 5%;}
.list_write{width: 10%;}
.list_answer{width: 10%;}
.list_date{width: 12%;}
.list_hit{width: 5%;}
#tbl_cate{width: 10%;}
.list_tit

.cont_box {
	min-height: 300px;
	font-size: 14px;
	line-height: 24px;
	padding: 20px 0px;
}

.is-ie .cont_box {
	width: 800px;
}

.cont_box img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.no_data {
	padding: 7px 3px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}

/* 갤러리게시판 */
.bod_gallery {
	border-top: 1px solid #b0c5bf;
	border-bottom: 1px solid #dddddd;
	padding: 15px 0;
	margin-top: 20px;
}

.bod_gallery ul li {
	width: 33%;
	min-height: 190px;
	float: left;
	text-align: center;
	padding: 20px 0;
}
.bod_gallery ul:after{content: ''; display: block; clear: both;}
.bod_gallery ul li a {
	color: #666666;
	display: block;
}

.bod_gallery ul li a>span {
	margin: 5px 10px 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.bod_gallery ul li a>span.thumb{height: 185px; line-height: 185px; box-sizing:border-box;  overflow: hidden; border: 8px solid #fff; outline:1px solid #dcdcdc;
background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.bod_gallery ul li a>span.thumb img{display: inline-block; vertical-align: middle; min-height: 100%; width: 100%;}
.bod_gallery ul li a>span.subject{display: block; font-weight: 600;}
.bod_gallery ul li a:hover>span.subject{text-decoration: underline;}
.bod_gallery ul li a>span.date{font-size: 0.8em; display: inline-block; background: #f1f1f1; border-radius:20px; padding: 0 5px;}
.bod_gallery ul li a>div {
	background: #fafafa;
	box-shadow: 3px 3px 0px #cccccc;
	width: 160px;
	height: 120px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.bod_gallery ul li a>div>img {
	width: 160px;
	height: 120px;
}

.bod_gallery ul li p.title {
	font-weight: bold;
}

.bod_gallery ul li .btn>img {
	border: 0px;
}

.bod_gallery .no_data {
	border-bottom: 0px !important;
	width: 100%;
}

.img_subtxt {
	color: #999999;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

@media (max-width: 650px){
	.bod_gallery ul li{width: 50%;}
}
@media (max-width: 360px){
	.bod_gallery ul li{width: 100%;}
}

.bod_photo {
	border-top: 1px solid #b0c5bf;
	border-bottom: 1px solid #dddddd;
	padding: 15px 0;
	margin-top: 20px;
}

.bod_photo ul li {
	width: 33%;
	min-height: 190px;
	float: left;
	text-align: center;
	padding: 20px 0;
}
.bod_photo ul:after{content: ''; display: block; clear: both;}
.bod_photo ul li a {
	color: #666666;
	display: block;
}

.bod_photo ul li a>span {
	margin: 5px 10px 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.bod_photo ul li a>span.thumb{height: 185px; line-height: 185px; box-sizing:border-box;  overflow: hidden; border: 8px solid #fff; outline:1px solid #dcdcdc;
background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.bod_photo ul li a>span.thumb img{display: inline-block; vertical-align: middle; min-height: 100%; width: 100%;}
.bod_photo ul li a>span.subject{display: block; font-weight: 600;}
.bod_photo ul li a:hover>span.subject{text-decoration: underline;}
.bod_photo ul li a>span.date{font-size: 0.8em; display: inline-block; background: #f1f1f1; border-radius:20px; padding: 0 5px;}
.bod_photo ul li a>div {
	background: #fafafa;
	box-shadow: 3px 3px 0px #cccccc;
	width: 160px;
	height: 120px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.bod_photo ul li a>div>img {
	width: 160px;
	height: 120px;
}

.bod_photo ul li p.title {
	font-weight: bold;
}

.bod_photo ul li .btn>img {
	border: 0px;
}

.bod_photo .no_data {
	border-bottom: 0px !important;
	width: 100%;
}

.img_subtxt {
	color: #999999;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

@media (max-width: 650px){
	.bod_photo ul li{width: 50%;}
}
@media (max-width: 360px){
	.bod_photo ul li{width: 100%;}
}


/* 동영상게시판 */
#movie {
	text-align: center !important;
	margin: 0 auto;
}

.movie_txt {
	height: 200px;
	overflow-y: auto;
	border: 1px solid #e7e7e7;
	padding: 15px;
	margin-top: 20px;
	background: #fbfaf7;
}

/* 블로그형게시판경우 */
.bod_blog {
	margin-top: 20px;
}

.bod_blog li {
	border-top: 1px dashed #e3e3e3;
}

.bod_blog li:first-child {
	border-top: 1px solid #b0c5bf;
}

.bod_blog li:last-child {
	border-bottom: 1px solid #dddddd;
}

.bod_blog .list_title {
	font-weight: bold;
	font-size: 13px;
}

.bod_blog li a {
	color: #666666;
	display: block;
	position: relative;
	padding: 15px 10px;
	min-height: 157px;
}
.bod_blog li a:hover{background: #f9f9f9;}

.bod_blog li a>p {
	float: left;
	width: 26%;
	height: 122px;
	text-align: center;
}
.bod_blog li a>p>span{width: 90%;display: block;border: 1px solid #ddd;overflow: hidden;height: 157px;background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.bod_blog li a>p>span>img{width: 100%;}
.bod_blog li a>p>span>span.no_img{background: #f0f4f7 url(/common/img/common/sample_noimage.png) no-repeat center;width: 100%; height: 111px; display: block;}
.bod_blog li a>.blog_con{float: left; width: 70%; word-break:break-all; padding-top: 22px;}

.bod_blog li>a>span {
	margin-left: 203px;
	display: block;
}

.bod_blog li .blog_tit {color: #333333;width: 90%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.3em;font-weight: 600;color: #333;}
.bod_blog li .blog_day { color: #666666; display: block; margin: 8px 0; font-size: 0.9em;}
.bod_blog li .blog_day .line{width: 1px; display:  inline-block; height: 10px; background: #989898; margin: 0 5px;}
.bod_blog li .blog_txt { color: #a4a4a4; margin-top: 10px; display: inline-block; width: 90%;}

.bod_blog a:after {
	content: '';
	background: url(../img/board/board_arrow.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12px;
}

.bod_blog li:after{display: block; clear: both; content: '';}


@media (max-width:494px){
	.bod_blog li a>p{height: 112px; margin-bottom: 20px;}
	.bod_blog li a>p, .bod_blog li a>.blog_con{float: none; width: 100%;}
	.bod_blog a:after{display: none;}
	.bod_blog li a>p>span{width: 100%;}
}

/* faq */
.list_faq dt {
	font-weight: bold;
	background: url(../img/board/icon_qna_q.gif) no-repeat left 3px;
	padding-left: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: left;
	color: #333333;
	white-space: normal;
	line-height: 16px;
}

.list_faq dd {
	background: url(../img/board/icon_qna_a.gif) no-repeat left 3px;
	padding-left: 20px;
	margin-left: 20px;
	text-align: left;
	color: #333333;
	white-space: normal;
	line-height: 16px;
}
/* 뉴 faq */
.bod_faq {border-top: 2px solid #117fc3; text-align: center; word-break: break-all;}
.bod_faq thead th{padding: 12px 0; font-weight: 600;}
.bod_faq thead{border-bottom: 1px solid #7d7d7d;}
.bod_faq tbody td{padding: 12px 0; border-bottom: 1px solid #bbb;}
.faq_answer .open_license{margin-top: 20px; background: #e2ecf3;}
.faq_answer dl:after{content: ''; display: block; clear: both;}
.faq_answer dt{font-weight: 600;}
.list_q dt, .list_q dd{float: left;}
.list_a dt, .list_a dd{float: left;}
.list_a {margin-top: 20px;}
.list_a dt{padding-left: 37px; background: url(/common/img/board/spr_faq.png) no-repeat 0 -40px; line-height: 1.5em; height: 30px; letter-spacing: -999px; overflow: hidden;}
.list_q {font-size: 18px; font-weight: 600; color: #0567ad; line-height: 1.5em;}
.list_q dt{padding-left: 37px; background: url(/common/img/board/spr_faq.png) no-repeat 0 0px; letter-spacing: -999px; overflow: hidden;}
.list_a dd, .list_q dd{width: 95%;}

.faq_answer {
	background: #f6fbff;
	text-align: left;
	padding: 20px 17px !important;
}
@media (max-width: 820px){
	.list_a dd, .list_q dd{width: 90%;}
	.bod_faq .list_dept, .bod_faq .list_num{display: none;}
	.bod_faq thead{ display: none;}
	.bod_faq tbody td{display: block;}
	.bod_faq tbody td{border-bottom: 0;}
	.bod_faq tbody tr{border-bottom: 1px solid #bbb;}
}

/* 뉴 민원 */

/* 민원 */
.conts .bod_view.bod_reply h4{border-top: 2px solid #2f84da; color:#155da7;background: #e9f1f9;}

/* 게시판 쓰기 */
.bod_write{border-top: 2px solid #333;}
.bod_write dl dt{float: left; width: 25%; text-align: center;font-weight: 600; line-height: 28px;}
.bod_write dl dd{float: left; width: 75%;}
.bod_write dl{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.bod_write dl:after{content: ''; clear: both; display: block;}

/* 게시판 보기 */
.bod_view h4{border-top: 2px solid #0567ad; border-bottom: 1px solid #dcdcdc; padding: 10px 0; background: none; text-align: center; word-break: break-all;
line-height: 1.2em;}
.bod_view h4:before{display: none;}
.bod_view li{float: left;}
.bod_view ul:after{content: ''; display: block; clear: both;}
.view_info{padding: 12px; border-bottom: 1px solid #dcdcdc; background: #f7f7f7;}
.view_info ul{float: right;}
.view_info:after{display: block;clear: both;content: '';}
.view_date{padding: 0 10px; margin: 0 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.view_cont{width: 100%; box-sizing:border-box; word-break: break-all; padding: 10px 0 20px 15px; border-bottom: 1px solid #dcdcdc; line-height: 2em;}
.view_cont img{max-width: 100%; margin: 2px auto; display: block;}
.view_file {padding: 10px; border-bottom: 1px solid #ddd;}
.view_file dt{float: left; width: 86px; text-align: center;}
.view_file dd{float: left; margin-left: 10px;}
.view_file:after{display: block;clear: both;content: '';}
#updateFileList a{padding-left: 9px;position: relative; word-break:break-all;}
#updateFileList a:before{content: ''; display: block; width: 2px; height: 2px; border-radius:2px; background: #000; position: absolute; left: 0; top: 7px;}
#updateFileList li{float: none;}
@media all and (max-width:570px) {
	.bod_view h4 {font-size: 20px;}
}

/* 공공누리 */
.open_license{background: #f7f7f7; padding: 1%; border: 1px dashed #dcdcdc; margin-top: 20px;}
.bod_view .open_license { border: none; border-bottom: 1px solid #dcdcdc;}
.open_license a{background: none; padding-right: 0; float: left; text-align: center;}
.open_license p{margin-left: 11px; display: inline-block; vertical-align: middle; float: left; padding-top: 17px;}
.open_license:after{content: ''; display: block; clear: both;}
.open_license img{display: block;}

/* 첨부파일 */
.file_del {
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

.box_file {
	padding: 10px 5px;
	border-top: 1px solid #cccccc;
}

.list_file>li {
	background: url(../img/board/icon_file.gif) no-repeat 0 2px;
	padding-left: 20px;
	position: relative;
}

.list_file>li>a {
	color: #333333;
}

.btn_dele {
	background: url(../img/board/delete.png) no-repeat 0 0;
	border: 0px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.btn_fileview {
	position: absolute;
	margin-left: 10px;
}

.area_file {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	border-top: 1px dashed #cccccc;
}

#egovComFileList>li:first-child {
	margin-top: 0px;
}

#egovComFileList>li {
	margin-top: 10px;
}

/* 본인인증
div[id^="realContent"] {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 100%;
}

div[id^="realContent"]>h4 {
	margin-top: 0px !important;
}
 */
.wrap_tipox {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	margin-top: 20px;
	padding: 30px 15px;
}

.wrap_tipox>ul {
	background: #ecf1f4;
	padding: 15px 10px;
	margin-bottom: 20px;
}

.wrap_tipox>ul>li {
	background: url(../img/common/bul_depth02.png) no-repeat 0 7px;
	padding-left: 10px;
}

.wrap_input,.wrap_search {
	position: relative;
	float: left;
}

.wrap_input label {
	display: inline-block;
	width: 100px;
	text-align: left;
}

.wrap_input>ul>li {
	margin-top: 5px;
}

.wrap_input>ul>li:first-child {
	margin-top: 0px;
}

.wrap_input input[type="submit"] {
	background: #2762b4;
	border: 1px solid #215295;
	border-radius: 3px;
	color: #ffffff !important;
	display: inline-block;
	padding: 19px 15px;
	position: absolute;
	left: 300px;
	top: 0px;
}

.wrap_search {
	margin-left: 150px;
}

/* 비밀번호 */
.password_box {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	margin-top: 20px;
	padding: 30px 15px;
}

.password_box .input_area {
	background: #ecf1f4;
	padding: 15px 10px;
	margin-bottom: 20px;
	text-align: center;
}

.password_box input[type="password"] {
	width: 250px;
	padding: 5px;
	border: 1px solid #cccccc;
	margin-top: 20px;
}

/* 비밀번호 */
.password_box {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	margin-top: 20px;
	padding: 30px 15px;
}

.password_box .input_area {
	background: #ecf1f4;
	padding: 15px 10px;
	margin-bottom: 20px;
	text-align: center;
}

.password_box input[type="password"] {
	width: 250px;
	padding: 5px;
	border: 1px solid #cccccc;
	margin-top: 20px;
}


/* tip */
.tip {
	background: url(../img/common/bul_tip.png) no-repeat 0 0;
	padding-left: 20px;
	margin-bottom: 10px;
}

span.tip {
	padding-bottom: 3px;
	margin-left: 10px;
}

p.tip {

}

.tip .red {
	color: #e01956;
}

/* 게시판 머리말 */
.bod_guide { border: 5px solid #eee; background: url(/common/img/common/img_boardhead.png) no-repeat 30px 25px; min-height: 140px; padding: 17px 32px 20px 111px;
box-sizing:border-box; margin-bottom: 20px; word-break: break-all;}
.bod_guide .tit { font-size: 23px; font-weight: 600; letter-spacing: -1px; color: #0567ad;}
.bod_guide p{margin-bottom: 5px; line-height: 1.5em;}
.bod_guide ul[class^="list_ul"], .bod_guide ol[class^="list_num"]{margin: 5px 0;}
.bod_guide ul[class^="list_ul"] >li, .bod_guide ol[class^="list_num"] li ul li{margin-top: 0; margin-bottom: 5px;}
.bod_guide a{display: inline-block;}

.tel_box{background:url(/common/img/common/img_boardtel.png) no-repeat 30px 20px; padding:17px 32px 20px 140px !important;}

.bod_foot{margin-bottom: 10px;}
@media (max-width: 450px){
	.bod_guide{padding: 100px 20px 0; background-position: center 10px;}
	.tel_box{padding:100px 20px 0 !important;}
}
/* 회원가입 */
.step1_box>div {
	border: 1px dashed #b6b6b6;
	margin-top: 10px;
	padding: 15px;
	text-align: center;
}

.step1_box>div>ul {
	padding-top: 20px;
	display: inline-block;
}

.step1_box>div>ul>li {
	float: left;
	margin-right: 20px;
}

.join_copy_box {
	margin-top: 30px;
	background: #ecf1f4;
	padding: 15px 10px;
}

.step2_box .terms {
	height: 150px;
	overflow-y: scroll;
	border: 1px solid #dddddd;
	padding: 10px;
	margin-top: 10px;
}

.take_bg {
	font-weight: bold;
	padding: 5px 10px;
	background: #ebebeb;
}

.step2_box .btn_terms {
	text-align: center;
	margin-top: 20px;
}
.step2_box .btn_terms>p {
	font-weight: bold;
	margin-bottom: 10px;
}


@media all and (max-width:768px){
	.bod_head .bod_search{position: relative; float: none; top: 0;}
}
@media all and (max-width:767px){
	.view_cont{padding:0.7em 0 1em 0.8em;}
	/* 고시공고, 입법예고, 채용공고 */
	.bod_list.gosi, .bod_list.staff { border-top: none; margin-top: 0;}
	.bod_list.gosi th, .bod_list.staff th {display: none;}
	.bod_list.gosi tr:first-child, .bod_list.staff tr:first-child {border-top: 1px solid #117fc3;}
	.bod_list.gosi .num, .bod_list.gosi tbody td br, .bod_list.staff tbody td br {display: none;}
	.bod_list.staff .businessContents br {display: block;}
	.bod_list.gosi tbody tr, .bod_list.gosi tbody td, .bod_list.staff tbody tr, .bod_list.staff tbody td {display: block;}
	.bod_list.gosi tbody tr:nth-of-type(even){ background: #fcfcfc;}
	.bod_list.gosi tbody tr, .bod_list.staff tbody tr {border-bottom: 1px solid #bbb;padding: 6px 0;}
	.bod_list.gosi tbody td, .bod_list.staff tbody td {width: 100%; text-align: left; padding: 3px 0 3px 10px; box-sizing: border-box; border-bottom: none;color: #666;}
	.bod_list.gosi .tit a, .bod_list.staff tbody td.classNm, .bod_list.staff tbody td.usrNm {font-weight: 600;font-size: 1.2em;line-height: 120%;}
	.bod_list.gosi .dept, .bod_list.gosi .date, .bod_list.staff tbody td.classNm, .bod_list.staff tbody td.usrNm {display: inline-block;}
	.bod_list.gosi .dept {width: 25%; float: left;}
	.bod_list.gosi .date {width: 50%;}
	.bod_list .list_num, .list_bnum, .bod_list.gosi .hit{display:none;}
	.bod_list tbody td.taL a{font-weight:600;}
	.bod_list.test_list{text-align: left;}
	.bod_list.test_list tr{text-align: left;}
	.bod_list.gosi .state{display: inline; width: auto;}
	/* 직원업무 */
	.bod_list.staff .telno a {display: inline-block; padding: 5px 14px 5px 29px;border-radius: 20px; border: 1px solid #0469c6;box-shadow: 2px 2px 0px #ddd;
    color: #fff !important; background: #006ed4 url('/common/img/common/ico_m_call.png') no-repeat 7px 6px;font-size: 1.2em;}
	.bod_list.staff tbody td{padding:0 !important;}
	 .bod_list.staff tbody td.telno {display:inline-block; width:155px;}
	.bod_list.staff tbody td.classNm {width:115px; word-break: break-all;letter-spacing: -1pt;float: left; line-height:33px}
	.bod_list.staff tbody td.usrNm {width:70px; padding-left: 0; line-height:33px;}
	.bod_list.staff tbody td.businessContents{padding-top:3px !important;}
}
@media all and (max-width:570px){
	.view_cont{padding:0.5em 0 1em 0.4em;}
	.list_num, .list_date, .list_hit, .list_file{display:none;}
	/* 게시판 뉴 반응형 */
	.bod_list thead{display: none;}
	.bod_list .list_part,
	.list_date, .table_st .list_tit, .bod_list .list_tit,
	.table_st .list_date, .bod_list .list_date, .list_write, .list_answer{display: block; width: auto !important; border: none;}
	.bod_list tr{border-bottom: 1px solid #d9d9d9;}
	.bod_list .list_part, .list_date, .list_write{float: left; text-align: left;}
	.list_write:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 2px 5px 0 12px; vertical-align: top;}
	.list_dept:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-right: 7px; vertical-align: top;}
	.list_answer:after{content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-right: 7px; vertical-align: top;}
	.bod_list .list_tit a{white-space: normal; line-height:1.5em; padding-top: 0; width: auto; max-width:100%; font-size:16px;}
	.table_st .list_tit, .bod_list .list_tit a{font-weight: 600;}
	.bod_list td, .bod_list th{padding: 6px 3px !important; border-bottom: 0 !important;}
	.bod_list tr{padding: 10px 0; display: block;}
	.bod_list tr:after{content: ''; display: block; clear: both;}
	.bod_list tr:nth-child(even){background: #f7f7f7;}
	.bod_list{border-top: 2px solid #006a96; table-layout:auto;}
	.bod_list colgroup col { display:block; }
	/* 고시공고, 입법예고, 채용공고, 직원업무 */
	.bod_list.gosi tbody td{padding: 3px 0 3px 10px !important;}
	fieldset.bod_search input, fieldset.bod_search select, fieldset.bod_search a {margin-top: 5px !important;}
	.list_answer{float: left;}
	/* 민원분야선택 게시판 같이 기능으로 들어가는 게시판 반응형*/
	.bod_data{text-align: left;}
	.bod_data td, .bod_data th{padding: 2px !important; display: inline-block; text-align: left !important;}
	.bod_data a{font-weight: 600; font-size: 16px; color: #117fc3; display: block; width: 100%;}
	.bod_data .taC{display: block;}
	.bod_data .list_num{display: none;}
}
@media all and (max-width:355px){
	.bod_list.staff tbody td.classNm,
	.bod_list.staff tbody td.usrNm {line-height:150%;}
	.bod_list.staff tbody td.telno{width:100%;}
}


/* 본인인증 new */
.login_box{border: 1px solid #dee7ef; width: 48% !important; margin: 0 auto; padding: 20px; float: left; box-sizing:border-box; height: 400px; background: #fff;}
.login_box.fR{float: right;}
.login_box_inner {text-align: center;}
.login_box_inner:before{content: ''; display: block; background: #d8eaf9 url(/common/img/common/ico_safer.png) no-repeat center 30px; margin: 25px auto 15px; width: 120px;
height: 120px; border-radius: 50%;}
.login_box.fR .login_box_inner:before{background: #d8eaf9 url(/common/img/common/ico_ipin.png) no-repeat center;}
.login_box_inner h4{text-align: center; padding-left: 0; line-height: 1.5em; margin-bottom: 10px;}
.login_box_inner h4:before{display: none;}
#realName1.on{display: none;}
.list02:after{content: ''; display: block; clear: both;}

@media (max-width: 1024px){
	.login_box{height: 430px;}
}
@media (max-width: 800px){
	.login_box{height: 500px;}
}
@media (max-width: 648px){
	.login_box{height: auto; width: 100% !important; float: none !important; margin-bottom: 10px;}
}


/* 블로그형 설문조사 리스트 */
.bod_survey{
	border-top: 2px solid #006894;
	margin-top: 10px;
}
.bod_survey > ul > li{
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	position: relative;
}
.bod_survey > ul > li:after{
	content: '';
	display: block;
	clear: both;
}
.bod_survey > ul > li .col22{
	float: left;
	width: 30%;
}
.bod_survey > ul > li .survey_pic{
	width: 100%;
}
.bod_survey > ul > li .survey_pic span{width: 100%;height: 142px; display: block; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.bod_survey > ul > li .survey_con{
	float: left;
	width: 67%;
	margin-left: 3%;
	position: relative;
}
.bod_survey > ul > li .servey_wrap:HOVER .survey_con .survey_tit{
	text-decoration: underline;
}
.bod_survey > ul > li .survey_con strong{
	width:85px;
	display: inline-block;
}
.bod_survey a{display: block;}
.survey_con > a{display: block;}
.survey_con .survey_tit{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 95%;
	font-size: 20px;
	font-weight: 600;
	line-height: 27px;
	margin-bottom: 5px;
}
.bod_survey .survey_con span[class^="survey_"]{display: block; padding: 2px 0;}
.bod_survey .survey_con .survey_end span{border-radius:20px; color: #fff; font-weight: 600; padding: 2px 10px;}
.bod_survey .survey_con .survey_end .open{background: #ea7129;}
.bod_survey .survey_con .survey_end .secret{background: #9c9c9c;}
.bod_survey .survey_con .survey_end span.off{background: #bbbbbb;}
.survey_pic img{
	width: 100%;
	height: 140px;
	border: 1px solid #ddd;
}
.bod_survey > ul > li a.btn_poll{position: absolute; top: 50px; right: 2px; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center;
font-weight: 600;}
.bod_survey > ul > li a.btn_poll.poll_start{background: #1698d1; color: #fff;}
.bod_survey > ul > li a.btn_poll.poll_start:hover{background: #0e719d;}
.bod_survey > ul > li a.btn_poll.poll_end{background: #bbb; color: #fff;}
.bod_survey > ul > li a.btn_poll.poll_ready{background: #fff; border:1px solid #9c9c9c; color: #bbb;}

@media (max-width:532px){
	.bod_survey > ul > li .col22{float: none; width: 270px; margin: 0 auto;}
	.bod_survey > ul > li .survey_con{float: none; width: 100%;}
	.bod_survey > ul > li a.btn_poll{position: relative; width: 100%; height: auto; line-height: 1.2em; top: 0; margin-top: 10px;}
}
/* 신규 설문조사 뷰 */
.poll_top{border-top: 2px solid #2879b7;}
.poll_top > .poll_h5 > .tit{font-size: 20px; font-weight: 600; text-align: center;}
.poll_top:after{content: ''; display: block; clear: both;}
.poll_top>.poll_img{width: 40%; float: left; height: 245px; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.poll_img img{width: 100%; height: 100%;}
.poll_top>.poll_info_wrap{width: 60%; float: left; }
.poll_info{border-bottom: 1px solid #ddd;}
.poll_info dt, .poll_info dd{display: inline-block; padding: 10px;}
.poll_info dt{background: #f5f5f5; width: 120px; height: 48px; box-sizing:border-box; line-height: 28px; font-weight: 600;}
.poll_txt {margin-top: 25px; margin-bottom: 25px; line-height: 2em; word-break:break-all;}

.assent_box{border:3px solid #e6e6e6;padding:10px;box-sizing:border-box;}
.assent_box>.border_center_box{border-bottom:1px dashed #ddd;border-top:1px dashed #ddd;padding:10px 0;margin:10px 0;}
.assent_box>p{font-weight:600;font-size:13px;}
.assent_box label{font-weight:600;}
#conts .ass_design>h4{margin-bottom:10px;}
.ass_design{background:url(/common/img/application/bg_businessUser_ass.png) no-repeat 105% 0;}
.ass_design .assent_txt{display:inline-block;width:55%}
.ass_design>h5{display:inline-block;vertical-align:top;margin-top:0 !important;}
@media (max-width:600px){
	.poll_top>.poll_img, .poll_top>.poll_info_wrap{width: 100%;}
}
@media (max-width:368px){
	.poll_info dt{width: 100%;}
}


/* 신규 설문조사 작성페이지 */
.poll_Qlist{padding-top: 10px; margin-bottom: 20px;}
.poll_Qlist dt{background: #f1f1f1; border-radius:20px; margin-bottom: 10px; padding: 5px;}
.poll_Qlist .tit{background: #3693da; border-radius:20px; padding: 4px 10px; color: #fff; font-weight: 600;}
.poll_Qlist li{margin: 7px 0;}
.poll_Qlist ul{padding-left: 15px;}

.poll_h5{background: #f5f5f5; padding: 10px; border-bottom: 1px solid #ddd;}
#conts .poll_h5 h5{background: none; margin-top: 0; margin-left: 0; padding-left: 0; text-align: center;}

.qPhoto li{width: 48%; display: inline-block; vertical-align: top;}
.qPhoto li p{width: 90%; margin-top: 10px; margin-bottom: 15px;}
.qPhoto li p>img{width: 100%;}

.qBlog li p{width: 100%;}
.qBlog li p>img{max-width: 100%; margin: 0 auto; display: block;}

.poll_Qlist{padding-top: 10px; margin-bottom: 20px;}
.poll_Qlist dt{background: #f1f1f1; border-radius:20px; margin-bottom: 10px; padding: 5px;}
.poll_Qlist .tit{background: #3693da; border-radius:20px; padding: 4px 10px; color: #fff; font-weight: 600;}
.poll_Qlist li{margin: 7px 0;}
.poll_Qlist ul{padding-left: 15px;}

.poll_h5{background: #f5f5f5; padding: 10px; border-bottom: 1px solid #ddd;}
#conts .poll_h5 h5{background: none; margin-top: 0; margin-left: 0; padding-left: 0; text-align: center;}

.qPhoto li{width: 48%; display: inline-block; vertical-align: top;}
.qPhoto li p{width: 90%; margin-top: 10px; margin-bottom: 15px;}
.qPhoto li p>img{width: 100%;}

.qBlog li p{width: 100%;}
.qBlog li p>img{max-width: 100%; margin: 0 auto; display: block;}

.poll_qLast{background: url(/common/img/board/ico_poll_qLast.png) no-repeat 14px 12px; padding-left: 95px; border-top: 1px dashed #ddd; padding-top: 20px;
word-break:break-all;}
.poll_qLast .tit{font-size: 17px; font-weight: 600;}
/* 코멘트 */
.fb_reset {clear: both;}
.commentBox {width:100%; margin-top: 15px;}
.commentBox >a {color: #fff;padding: 12px 18px 11px 60px;border-radius: 4px;box-sizing: border-box;background: url('/common/img/board/spr_ico_comment.png') no-repeat 3px 6px;transition:1s;margin-right: 5px;display: inline-block;margin-top: 5px;}
.commentBox #fb_login {background-color: #458cc6;}
.commentBox #fb_login:hover {background-color: #2068a3;}
.commentBox #fb_login spna {}
.commentBox #tw_login {background-color: #5ebfdb;background-position: 3px -46px;}
.commentBox #tw_login:hover {background-color: #07b8c8;}
.commentBox #member_login {background-color: #4cc392;background-position: 3px -98px;}
.commentBox #member_login:hover {background-color: #2dab77;}
.commentWrite {margin-top: 36px;}
.commentWrite img, .commentWrite textarea, .commentWrite a {display: inline-block;vertical-align: middle;}
.commentWrite img {width: 79px;height: 79px;border-radius: 50%;margin-right: 16px;}
.commentWrite textarea {width: 73%;height: 79px;background: #f7f7f7;border: 1px solid #ddd;border-radius: 4px;}
.commentWrite .btn_submit {display: inline-block;color: #fff;font-size: 15px;font-weight: 600;background: #babcbf;border-radius: 4px;width: 12%;height: 85px;line-height: 85px;margin-left: 1%;text-align: center;}
.commentWrite .btn_submit.on {background: #234b8e;}
.commentList {border-top: 1px solid #767a80;margin-top: 31px;}
.commentList >p {padding: 15px 0 15px 9px;font-weight: 600;}
.commentList li {padding:13px 18px;}
.commentList li:nth-child(odd) {background: #f7f7f7;}
.commentList .tit, .commentList .cont {padding: 0 0 4px;}
.commentList .tit {color: #333;font-size: 16px;font-weight: 600;}
.commentList .cont {color: #666;font-size: 14px;}
.commentList .name, .commentList .date {font-size: 12px;color: #999;}
.commentList .name {position: relative;padding-right: 10px;}
.commentList .name:after {content: '';position: absolute;width: 1px;height: 12px;background: #ddd;right: 0;top: 1px;}
.commentList .date {padding-left: 10px;}
.commentBtn {float: right;}
.commentBtn >a {background: #fff url('/common/images/board/spr_ico_comment.png') no-repeat 6px -152px; border: 1px solid #ddd;padding: 4px 6px 4px 20px;color: #666;font-size: 12px;transition:1s}
.commentBtn >a:hover {border: 1px solid #ccc;}
.commentBtn >a.btn_edit {background-position: 6px -179px;}
@media all and (max-width:767px){
	.commentWrite img {display: none;}
	.commentWrite textarea {width: 83%;}
	.commentWrite .btn_submit {width:15%;}
	.commentWrite, .commentList {margin-top: 16px;}
}
@media all and (max-width:500px){
	.commentWrite textarea {width: 99%;}
	.commentWrite .btn_submit {width: 99.5%; height:45px;line-height: 45px;margin: 5px 0 0 0;}
	.commentBox >a {width: 100%;}
}

.tableSt_write.table_plus tbody tr:first-child th, .tableSt_write.table_plus tbody tr:first-child td{border-top: 0;}
.tableSt_write.table_plus tbody{background: #f7f7f7;}
.tableSt_write a[class^="btn_list_"]{background-image: url(/common/img/board/spr_sys_poll.png); background-repeat:no-repeat; background-color:#fff; text-indent: -9999px;
overflow: hidden; padding: 5px !important; height: 16px; vertical-align: middle; border: 1px solid #ccc;}
.btn_list_img_plus{background-position: 6px 5px; width: 22px;}
.btn_list_delete{background-position: -41px 6px; width: 16px; }
.btn_list_img_delete{background-position: 6px -18px; width: 16px;}
.btn_list_plus{background-position: -81px 6px; width: 16px;}
.btn_etc_plus{background: #24bac1 url(/common/img/board/spr_sys_poll.png) no-repeat -81px -57px; padding-left: 23px !important; border:1px solid #ccc; color: #fff !important;}

.table_plus input[type="text"], .table_plus input[type="password"], .table_plus input[type="file"]{margin: 5px 0;}

.w900{width: 900px;}
.poll_Qlist .w100{box-sizing:border-box;}

@media (max-width:600px){
	.commit_list .oneline span, .commit_list .oneline .bar_txt, .commit_list .oneline .bar_warp,
	.commit_list .bar_txt, .commit_list .bar_warp{width: 95%; float: none; display: block;}
	.ass_design{background: none;}
}

/* 정보공개 - 계약정보공개 - 발주계획 */
.nara_wrap a{color: #0365c3;}
.nara_wrap a:hover{color: #fc8408; border-bottom: 1px dashed #fc8408; font-weight: 600;}

/* 민원신청 - 종합민원실 - 민원서식(민원사무편람) */
.tbl_wrap a.unit_view{color: #0365c3;}
.tbl_wrap a.unit_view:hover{color: #fc8408; border-bottom: 1px dashed #fc8408; font-weight: 600;}

/*분야별 - 차량/교통 - 버스정보 - 버스노선정보 - 실시간 버스 운행정보*/
.bus_realtime{padding:20px;box-sizing:border-box;}
.bus_realtime .bod_guide{margin:0;margin-top:20px;min-height:inherit;background:url(/common/img/common/bus_realtime_bg.jpg) no-repeat 0 0;background-size:cover;border:none;padding:5px;margin-bottom:18px;}
.bus_realtime .bod_guide > div{background:#fff;padding:0 30px;position:relative;}
.bus_realtime .bod_guide > div .bus{font-size:40px;font-weight:600;color:#101010;letter-spacing:-0.3px;padding-top:18px;}
.bus_realtime .bod_guide > div div > span{display:inline-block;background:#f2f2f2;color:#333;font-size:15px;padding:5px 18px 4px 18px;border-radius:30px;margin-bottom:30px;}
.bus_realtime .bod_guide > div div span strong{color:#2c6da9;font-weight:600;}
.bus_realtime .bod_guide > div .btn_wrap a{display:block;position:absolute;width:85px;height:85px;border:1px solid #dadada;background:#fff url(/common/img/common/bus_realtime_refresh.png) no-repeat center 18px;border-radius:100%;top:26px;right:30px;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.08);text-align:Center;box-sizing:border-box;padding-top:48px;}
.bus_realtime .bod_guide > div .btn_wrap a span{font-weight:600;color:#444;padding-top:20px;}
.bus_realtime .list_bus{}
.bus_realtime .list_bus li{border-bottom:1px solid #eee;background:#fff;padding:11px 20px 10px 20px;position:relative;}
.bus_realtime .list_bus li span{font-size:15px;color:#606060;}
.bus_realtime .list_bus li:hover{background:#fafafa;}
.bus_realtime .list_bus li:hover span{color:#111;font-weight:600;}
.bus_realtime .list_bus li .iconZone{width:28px;height:30px;position:absolute;top:7px;right:22px;}
.bus_realtime .list_bus li .iconZone span{text-indent:-999999px;display:block;width:28px;height:30px;background:url(/common/img/common/bus_realtime_bus.png) no-repeat 0 0;}
@media (max-width:433px){
.bus_realtime .bod_guide > div .btn_wrap a{width:30px;height:30px;background-size:50% auto;background-position:center 6px;padding-top:0;}
.bus_realtime .bod_guide > div .btn_wrap a span{font-size:0;}
}
/* 사전정보공표 > 검색결과 */
@media all and (max-width:935px) {
	/* .advance_info .advance_target > a{width:90%;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;} */
	.advance_info .advance_num, .advance_info .advance_method, .advance_info .advance_hit {display: none;}
	.advance_info .advance_group, .advance_info .advance_division, .advance_info .advance_cycle, .advance_info .advance_time {width: 15% !important;}
}
@media all and (max-width:768px){
	.tbl_wrap .tbl.advance_info {width: 100% !important;}
}
@media all and (max-width:767px){
	.advance_info .advance_cycle {display: none;}
	.advance_info .advance_group, .advance_info .advance_division, .advance_info .advance_time {width: 20% !important;}
}
@media all and (max-width:495px){
	.advance_info .advance_time {display: none;}
}

/* 주민자치프로그램 */
.state span {display:block;padding:3px 0;border-radius:3px;box-sizing:border-box;color: #000;}
.state span.receive {color:#0394d8;}
.state span.ready {color:#189652;}
.state span.deadline {color:#e61060;}
.state span.edu {color:#22adc7;}
.state span.end {color:#949a9c;}

.programList button.link {font-weight: 500; line-height: 1.4;padding:6px 14px; border-radius: 50px; background:#186dc4; color:#fff;}
.programList button.link:hover {background:#0f4a87;}

.programList button.link .txt-detail,
.programList button.link:hover .txt-program {display:none;}
.programList button.link:hover .txt-detail {display:block;}