@charset "utf-8";
/* 사이트 전역 테이블 레이아웃 관련 */
.responsive_table_x_scroll,
.tbl_wrap {
	width: 100%;
	height: auto;
	margin: 0 !important;
}
.responsive_table_x_scroll table,
.tbl_wrap table{
	min-width: 780px;
}
.responsive_table_x_scroll.width477 table{
	min-width: 477px !important;
}
@media all and (max-width: 780px){
	.responsive_table_x_scroll:before{
		content: "모바일 환경에서는 좌우로 스크롤하여 표 전체 내용을 확인하실 수 있습니다.";
		display: block;
		font-size: 13px;
		color: #186dc4;
		padding-top: 10px;
		padding-left: 24px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: url(/common/images/common/arrow_slide.png) no-repeat 0 11px;
	}
}
.circle_apply colgroup col:nth-of-type(1){
	width: 80px !important;
}

/* 개인정보 수집 동의 알림창 */
.h150_scroll{
	height:130px;
	overflow-x:auto;
	padding:10px;
	border:1px solid #dcdcdc;
	background:#f5f5f5;
	}
#conts .h150_scroll{
	margin: 0;
}

/* input */
input[type="text"],
input[type="password"]{
	border:1px solid #cccccc;
	padding:4px;
	width:200px;
	margin-top: 5px;
	}
input[type="file"]{
	border:1px solid #cccccc;
	padding:4px;
	width:400px;
	}
.form_apply_name{
		width: 100px;
    	width: calc(100% - 80px) !important;
	}
	.form_apply_phone{
		width: 50px;
	    width: calc(33.3333% - 39px) !important;
	}
	.form_apply_jumin{
		width: 50px;
	    width: calc(100% - 154px) !important;
	}
	.btn_blue.apply{
		width: 80%;
		width: calc(100% - 70px);
		margin: 10px 5px 5px 70px !important;
		position: relative !important;
		display: block !important;
		padding: 8px 15px !important;
	}
	.btn_blue.apply.mr0{
    	margin: 5px 0px 5px 70px !important;
	}

@media all and (max-width: 490px){
	.btn_blue.apply{
	}
}
.input50{
	width:50px !important;
	}
.input100{
	width:100px !important;
	}

.input200{
	width:200px !important;
	}
.input300{
	width:300px !important;
	}
.input400{
	width:400px!important;
	}
/*.input500{
	width:500px !important;
	}*/
.input500{
	width:98% !important;
	}
.input99{
	width:99% !important;
	}
select{
	border:1px solid #cccccc;
	padding:3px;
	margin-top: 5px;
	}
input[type="radio"],
input[type="checkbox"]{
	vertical-align:top;
	}
input[type="button"],
input[type="submit"]{
	cursor:pointer;
	}

/* button box */
.btnboxR{
	text-align:right;
	margin-top:20px;
	}
.btnboxL{
	text-align:left;
	margin-top:20px;
	}
.btnboxC{
	text-align:center;
	margin-top:20px;
	}
#pop_container div[class^="btnbox"]{
	margin-left:10px;
	margin-right:10px;
	}

/* search */
.search_box {
	position: relative;
}
@media all and (max-width: 768px) {
	.board_page {
		position: relative !important;
	}
	/*.search_box div {
		width: 50%;
	}*/
}

@media all and (max-width: 768px) {
input#searchTxt[type="text"]{width:150px;}
}

.search_box input[type="button"],
.search_box input[type="submit"]{
	background:#ffffff url(../images/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;
	font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic';
	margin-top: 8px;
	}
.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(../images/button/bul_search.png) no-repeat 95% 4px;
	}

.board_page{
	font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic';
	position: absolute;
	right: 0px;
	top: -17px;
	margin-top: 8px;
	}
.board_search {position: relative; float: none; top: 5px;}

.search_boxT .board_page {margin-bottom: 5px;}
.search_boxT .board_page {margin-bottom: 5px;}

.btn_position{
	position:absolute;
	right:0px;
	top:0px;
	}
@media all and (max-width: 768px){
	.search_box input[type="button"].searchbtn_list,
	.search_box input[type="submit"].searchbtn_list{
		width: 100%;
		margin: 5px 0 0;
		padding: 10px 0 9px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #fafbfc;
	}
}
/* 페이징 */
.box_page{
	padding:30px 0 0 0;
	text-align:center;
	}

.box_page > a{
	color:#666666;
	display:inline-block;
	padding: 1px 6px;
	line-height: 19px;
	}
.box_page > a.on{
	background:#555c67;
	font-weight:bold;
	color:#ffffff;
	}
.box_page > a.btn_frist,
.box_page > a.btn_10prev,
.box_page > a.btn_10next,
.box_page > a.btn_end{
	width: 20px;
	height: 20px;
	text-indent:-999999em;
	padding: 1px 0px 0px 0px !important;
	display:inline-block;
	}
.box_page > a.btn_frist{
	background:url(../images/board/btn_pg_first.gif) no-repeat 0 0;
	background-size: 100%;
	}
.box_page > a.btn_10prev{
	background:url(../images/board/btn_pg_prev.gif) no-repeat 0 0;
	background-size: 100%;
	}
.box_page > a.btn_10next{
	background:url(../images/board/btn_pg_next.gif) no-repeat 0 0;
	background-size: 100%;
	}
.box_page > a.btn_end{
	background:url(../images/board/btn_pg_last.gif) no-repeat 0 0;
	background-size: 100%;
	}
.box_page > span{
	display:inline-block;
	background:#2762b4;
	padding: 1px 6px;
	line-height: 19px;
	color:#ffffff;
	font-weight:bold;
	}

/* 게시판 */
.tableSt_list{margin-top:20px;border-top: 1px solid #2762b4;table-layout: fixed;text-align: center;word-break: break-all;}
.tbl_dpn {display:none !important;}
@media all and (max-width: 768px){
	.tableSt_list{border-top: none;}
}
.tableSt_list thead {border-bottom: 1px solid #7d7d7d;}
.tableSt_list thead th {padding: 12px 0; font-weight: 600;}
.tableSt_list tbody td, .tableSt_list tbody th {padding: 12px 0;border-bottom: 1px solid #d7d9dd;vertical-align: middle;border-left:0;width: 100%;color: #666666;}
.tableSt_list .list_tit a {display: inline-block; padding-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 98%; vertical-align: middle;}
.tableSt_list.liststyle_staff tbody td:nth-of-type(5) {padding-left:20px;}

.highlight{ /* background:#fafafa; */}
.no_data {padding: 10px 2px; border-bottom:1px solid #d7d9dd; text-align:center;}

.table_poll .list_date br {display: block;}

.search_com {width: 100%;}
.box_company {float: left; display: inline-block; width: 500px;}
.btn_company {float: right; width: 100px;}
.search_com:after {content:''; display: block; clear: both;}

.tbl_opendata .btn_sblue:first-child {margin-bottom: 5px;}



@media screen and (max-width:870px){
	.table_poll .list_date br {display: block;}
	.tbl_busstop .list_num, .tbl_parking .list_num, .tbl_company .list_num, .tbl_opendata .list_num, .tbl_seni .list_num, .tbl_teen .list_num,
	.tbl_apart .list_num, .tbl_gym .list_num {display: none;}
}

@media screen and (max-width:768px){
	.tbl_wrap {overflow-x: auto;}
}


@media screen and (max-width:768px){
	.tbl_hidden{display: none;}
	.search_board .board_num {display: none !important;}
	.tableSt_list.mayor_minwon {word-break: break-all; table-layout: fixed;  border-top: 0;}
	.tableSt_list.mayor_minwon .num {display: none;}
	.tableSt_list.mayor_minwon thead {display: none;}
	.tableSt_list.mayor_minwon tr {position: relative; border-bottom: 1px solid #d9d9d9; display: block; padding: 10px 0;}
	.tableSt_list.mayor_minwon tr:after {content:''; display: block; clear: both;}
	.tableSt_list.mayor_minwon tbody tr:nth-of-type(even) {background: #fcfcfc;}
	.tableSt_list.mayor_minwon td {width: 33.3%; text-align: left; padding: 3px 0 3px 10px; box-sizing: border-box; border-bottom: none; color: #666; display: block; float: left;}
	.tableSt_list.mayor_minwon .num {display: none;}
	.tableSt_list.mayor_minwon .tit {font-weight: 600; white-space: normal; font-size: 16px; float: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 78%; overflow: hidden;}
	.tableSt_list.mayor_minwon .write {width: 20%; float: left;}
	.tableSt_list.mayor_minwon .date {font-weight: 600;}
	.tableSt_list.mayor_minwon col {display: block; width: auto !important; background: none;}

	.tableSt_list.basic .list_num, .tableSt_list .list_date, .tableSt_list .list_hit, .tableSt_list .list_file, .tableSt_list .list_o, .tableSt_list .list_c{display:none;}
	.tableSt_list.basic .list_date, .tableSt_list .list_tit, .tableSt_list .list_date, .tableSt_list .list_write {display: block; width: auto !important; border: none;}
	.tableSt_list.basic .col {display: block; width: auto !important; border: none;}

	.tableSt_list.basic tr {padding: 10px 0; display: block; border-bottom: 1px solid #d9d9d9; position: relative;}
	.tableSt_list.basic thead{display: none;}
	.tableSt_list.basic .list_part, .tableSt_list .list_date, .tableSt_list .list_write{float: left; text-align: left;}
	.tableSt_list.basic .list_write:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle;}
	.tableSt_list.basic.proposal .list_write:after {margin-left: 5px;}
	.tableSt_list.basic .list_tit {text-align: left;}
	.tableSt_list.basic .list_tit, .tableSt_list .list_tit a {font-weight: 600;white-space: normal;font-size: 16px;color: #333333;}
	.tableSt_list .list_tit a:visited{color: #666666;}
	.tableSt_list .list_tit a:focus,
	.tableSt_list .list_tit a:hover{color: #000000;}

	.tableSt_list.basic td, .tableSt_list th {padding: 6px 3px !important; border-bottom: 0 !important;}

	.tableSt_list.basic tr:after {content:''; display: block; clear: both;}
	.tableSt_list.basic tr:nth-child(even) {background: #f7f7f7;}
	.tableSt_list.basic td.list_tit {padding-left: 3px !important;}

 	.tableSt_list.faq thead tr{display: none;}
 	.tableSt_list.faq {border-top: 0px;}
 	.tableSt_list.faq colgroup {display: none;}
 	.tableSt_list.faq tbody tr:first-child{border-top: 2px solid #2762b4;}
 	.tableSt_list.faq tbody tr{border-bottom: 1px solid #d7d9dd}
 	.tableSt_list.faq tbody tr td{padding:12px 8px; border-bottom: 0px;}
 	.tableSt_list.faq tbody tr td:nth-of-type(1){display: none;}
 	.tableSt_list.faq tbody tr td:nth-of-type(2){display: block; width: 100%; font-size: 16px; }
/*  	.tableSt_list.faq tbody tr:nth-of-type(1) td:nth-of-type(2){font-weight: 700;} */
 	.tableSt_list.faq tbody tr td:nth-of-type(3){position: relative; width: inherit; text-align: left; float: left; padding-top: 0;}
 	.tableSt_list.faq tbody tr td:nth-of-type(3):after{content: ""; display: block; position: absolute; width: 1px; height: 1em; background-color: #d7d9dd; top: 4px; right: 0;}
 	.tableSt_list.faq tbody tr td:nth-of-type(4){position: relative; width: inherit; text-align: left; float: left; padding-top: 0;}
 	.tableSt_list.faq tbody tr td:nth-of-type(5){display: none;}


 	.tbl_wrap.nara{
 		overflow: auto;
 	}
 	.tbl_wrap.nara .tableSt_list{
 		min-width: 800px;
 	}

	.tableSt_list.carcheck tbody td {display: block; box-sizing: border-box; padding: 3px 0 3px 10px; text-align: left;}
	.tableSt_list.carcheck tbody td.address {font-weight: 600; font-size: 16px;}

	.table_poll .list_date br {display: none;}
/* 	.table_poll .list_parti {display: none;} */
	.table_poll .list_con, .table_poll .list_result {width: 30%; display: block; text-align: left; float: left;}
	.table_poll .list_date {float: none;}

	.tbl_gosi tbody td {text-align: left;}
	.tbl_gosi tbody td br {display: none;}
	.tbl_gosi .list_tit {display: block;}
	.tbl_gosi .list_dept:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 4px 8px; vertical-align: middle; position: absolute;}
	.tbl_gosi .list_dept, .tbl_gosi .list_dept {float: left; display: block; width: auto !important; border: none;}

	.search_boxT #bidWay, .search_boxT #searchType {width: 49.1%;}
	.search_boxT #searchTxt {width: 70%; margin-top: 5px; box-sizing:border-box;}
	.search_boxT .bid_btn {width: 28%; margin-top: 5px; box-sizing:border-box;}

	.tbl_nara .list_cw, .tbl_nara .list_bd {display: none;}
	.tbl_nara .list_bw, .tbl_nara .list_date {float: left; display: block; width: auto !important; border: none;}
/* 	.tbl_nara .list_bw:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle;} */

	.tbl_hire .list_con, .tbl_hire .list_date {display: block; width: auto !important; border: none; float: left; text-align: left;}
	.tbl_hire .list_con:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle;}
	.tbl_hire .list_date br {display: none;}

	.tbl_staff .list_dept, .tbl_staff .list_spot, .tbl_staff .list_name, .tbl_staff .list_phone {display: inline-block; width: auto !important; border: none;}
	.tbl_staff .list_txt  {display: block; width: auto !important; border: none;}
	.tbl_staff tbody tr {text-align: left;}
	.tbl_staff tbody td br {display: none;}
	.tbl_staff tbody td:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle;}
	.tbl_staff .list_txt:after ,.tbl_staff .list_phone:after {display: none;}
	.tbl_staff .list_dept {font-weight: 600; font-size: 16px;}

	@media all and (max-width: 768px){

	}

	.tbl_busstop .list_divi, .tbl_busstop .list_tit, .tbl_busstop .list_add, .tbl_busstop .list_dusnum, .tbl_busstop .list_busd {display: inline-block; width: auto !important; border: none;}
	.tbl_busstop thead {display: none;}
	.tbl_busstop tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_busstop tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_busstop tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_busstop .list_tit a {font-weight: 600; white-space: normal; font-size: 16px; color: #2762b4 !important;}

	.tbl_parking .list_divi, .tbl_parking .list_fee, .tbl_parking .list_name, .tbl_parking .list_location, .tbl_parking .list_spaces {display: inline-block; width: auto !important; border: none;}
	.tbl_parking thead {display: none;}
	.tbl_parking tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_parking tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_parking tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_parking .list_spaces {font-weight: 600; white-space: normal; font-size: 16px; color: #2762b4 !important;}

	.box_company {float: left; display: inline-block; width: 460px;}
	.box_company #searchType {width: 30%;}
	.box_company #searchTxt {width: 40%;}
	.search_com {margin-left: 0 !important;}
	.tbl_company {margin-left: 0;}
	.tbl_company .list_tit, .tbl_company .list_name, .tbl_company .list_address, .tbl_company .list_phone, .tbl_company .list_peo, .tbl_company .list_product {display: block; width: auto !important; border: none;}
	.tbl_company thead {display: none;}
	.tbl_company tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_company tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_company tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_company tr:after {content:''; display: block; clear: both;}
	.tbl_company .list_tit {font-weight: 600; font-size: 16px;}
	.tbl_company .list_name, .tbl_company .list_peo, .tbl_company .list_product {display: none;}
	.tbl_company .list_address, .tbl_company .list_phone {float: left; text-align: left;}
	.tbl_company .list_address:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }

	.tbl_opendata .list_class, .tbl_opendata .list_object, .tbl_opendata .list_dept, .tbl_opendata .list_cut {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_opendata thead, .tbl_opendata .list_cut br {display: none;}
	.tbl_opendata tbody tr:nth-child(even) {background: #f7f7f7;}
	/* .tbl_opendata tr:first-child {border-top: 2px solid #2762b4;} */
	.tbl_opendata tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_opendata tr:after {content:''; display: block; clear: both;}
	.tbl_opendata .list_object {font-weight: 600; font-size: 16px;}
	.tbl_opendata .list_cycle, .tbl_opendata .list_time, .tbl_opendata .list_way, .tbl_opendata .lits_hit {display: none;}
	.tbl_opendata .list_dept, .tbl_opendata .list_cut {float: left; text-align: left; }
	.tbl_opendata .list_dept:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }

	.tbl_seni .list_name, .tbl_seni .list_type, .tbl_seni .list_ser, .tbl_seni .list_add, .tbl_seni .list_rep, .tbl_seni .list_phone {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_seni thead, .tbl_seni .list_date {display: none;}
	.tbl_seni tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_seni tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_seni tr:after {content:''; display: block; clear: both;}
	.tbl_seni tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_seni .list_name {font-weight: 600; font-size: 16px;}
	.tbl_seni .list_type, .tbl_seni .list_ser, .tbl_seni .list_add, .tbl_seni .list_rep, .tbl_seni .list_phone {float: left; text-align: left; }
	.tbl_seni .list_type:after, .tbl_seni .list_ser:after, .tbl_seni .list_add:after, .tbl_seni .list_rep:after, .tbl_seni .list_phone:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_seni td {padding: 10px 2px;}

	.tbl_teen .list_name, .tbl_teen .list_type, .tbl_teen .list_w, .tbl_teen .list_phone {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_teen thead {display: none;}
	.tbl_teen tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_teen tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_teen tr:after {content:''; display: block; clear: both;}
	.tbl_teen tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_teen .list_name {font-weight: 600; font-size: 16px;}
	.tbl_teen .list_type, .tbl_teen .list_w, .tbl_teen .list_phone {float: left; text-align: left; }
	.tbl_teen .list_type:after, .tbl_teen .list_w:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_teen td {padding: 10px 2px;}

	.tbl_apart .list_w, .tbl_apart .list_name, .tbl_apart .list_ins, .tbl_apart .list_fe, .tbl_apart .list_hou, .tbl_apart .list_phone, .tbl_apart .list_lease {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_apart thead {display: none;}
	.tbl_apart tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_apart tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_apart tr:after {content:''; display: block; clear: both;}
	.tbl_apart tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_apart .list_name {font-weight: 600; font-size: 16px;}
	.tbl_apart .list_ins, .tbl_apart .list_fe, .tbl_apart .list_hou, .tbl_apart .list_phone, .tbl_apart .list_lease {float: left; text-align: left; }
	.tbl_apart .list_ins:after, .tbl_apart .list_fe:after, .tbl_apart .list_hou:after, .tbl_apart .list_phone:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_apart td {padding: 10px 2px;}

	.tbl_gym .list_eve, .tbl_gym .list_name, .tbl_gym .list_w, .tbl_gym .list_sta, .tbl_gym .list_area, .tbl_gym .list_eve, .tbl_gym .list_phone, .tbl_gym .list_kin, .tbl_gym .list_s {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_gym thead {display: none;}
	.tbl_gym tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_gym tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_gym tr:after {content:''; display: block; clear: both;}
	.tbl_gym tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_gym .list_name {font-weight: 600; font-size: 16px;}
	.tbl_gym .list_w, .tbl_gym .list_kin, .tbl_gym .list_s, .tbl_gym .list_area, .tbl_gym .list_phone {float: left; text-align: left; }
	.tbl_gym .list_w:after, .tbl_gym .list_kin:after, .tbl_gym .list_s:after, .tbl_gym .list_area:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_gym td {padding: 10px 2px;}

	.tbl_farmer .list_name, .tbl_farmer .list_awardy, .tbl_farmer .list_awardd, .tbl_farmer .list_memo {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_farmer thead {display: none;}
/* 	.tbl_farmer tbody tr:nth-child(even) {background: #f7f7f7;} */
	.tbl_farmer tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_farmer tr:after {content:''; display: block; clear: both;}
	.tbl_farmer .list_name {font-weight: 600; font-size: 16px;}
	.tbl_farmer .list_awardy, .tbl_farmer .list_awardd, .tbl_farmer .list_memo {float: left; text-align: left; }
/* 	.tbl_farmer .list_awardy:after, .tbl_farmer .list_awardd:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; } */
	.tbl_farmer td {padding: 10px 2px;}

	.tbl_eco .list_num {display: none;}
	.tbl_eco .list_name, .tbl_eco .list_cert, .tbl_eco .list_item, .tbl_eco .list_class, .tbl_eco .list_agency {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_eco thead {display: none;}
	.tbl_eco tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_eco tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_eco tr:after {content:''; display: block; clear: both;}
	.tbl_eco tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_eco .list_name {font-weight: 600; font-size: 16px;}
	.tbl_eco .list_cert, .tbl_eco .list_item, .tbl_eco .list_class, .tbl_eco .list_agency {float: left; text-align: left; }
	.tbl_eco .list_cert:after, .tbl_eco .list_item:after, .tbl_eco .list_class:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_eco td {padding: 10px 2px;}

	.tbl_emergen .list_num {display: none;}
	.tbl_emergen .list_area, .tbl_emergen .list_class, .tbl_emergen .list_com, .tbl_emergen .list_w, .tbl_emergen .list_use, .tbl_emergen .list_capa {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_emergen thead, .tbl_emergen .list_area, .tbl_emergen .list_class {display: none;}
	.tbl_emergen tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_emergen tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_emergen tr:after {content:''; display: block; clear: both;}
	.tbl_emergen tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_emergen .list_com {font-weight: 600; font-size: 16px; text-align: left !important;}
	.tbl_emergen .list_w, .tbl_emergen .list_use, .tbl_emergen .list_capa {float: left; text-align: left; }
	.tbl_emergen .list_w:after, .tbl_emergen .list_use:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_emergen td {padding: 10px 2px;}

	.tbl_economic .list_num {display: none;}
	.tbl_economic .list_class, .tbl_economic .list_name, .tbl_economic .list_item, .tbl_economic .list_add, .tbl_economic .list_phone {display: block; width: auto !important; border: none; text-align: left;}
	.tbl_economic thead {display: none;}
	.tbl_economic tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_economic tr {padding: 10px 2px; border-bottom: 1px solid #d9d9d9;}
	.tbl_economic tr:after {content:''; display: block; clear: both;}
	.tbl_economic tr:first-child {border-top: 2px solid #2762b4;}
	.tbl_economic .list_name {font-weight: 600; font-size: 16px; text-align: left !important;}
	.tbl_economic .list_item, .tbl_economic .list_add, .tbl_economic .list_phone {float: left; text-align: left; }
	.tbl_economic .list_item:after, .tbl_economic .list_add:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_economic td {padding: 10px 2px;}
}


@media screen and (max-width:640px){
	.box_company {width: 400px;}
	.box_company #searchType {width: 35% !important;}
	.box_company #searchTxt {width: 50% !important;}
}

@media screen and (max-width:600px){
	.search_box .board_search select[id^="searchDept"] {display: block; margin-bottom: 5px;}
	.search_box .board_search select[id^="searchCategory"] {display: block; margin-bottom: 5px;}
}

@media screen and (max-width:580px){
	.box_company, .btn_company {float: none; display: block;}
	.btn_company {text-align: center; margin-top: 5px;}
}

@media screen and (max-width:570px){
	.board_num {display: none;}
	.search_board thead {display: none;}
	.search_board tbody {border-top: 2px solid #2762b4;}
	.search_board tr { display: block; border-bottom: 1px solid #d9d9d9; text-align: left; padding: 10px 2px;}
	.search_board tbody td {border:0; text-align: left; display: inline-block !important; padding: 2px; vertical-align: middle;}
	.search_board tr:nth-child(even) {background: #f7f7f7;}
	.search_board .board_name {font-weight: 600; font-size: 16px; color:#2762b4;}

	.search_box div{width: 100%;}
}

@media screen and (max-width:475px){
	.box_company #searchType {display: block;}
}

@media screen and (max-width:400px){
	.search_boxT #sDeptId, .search_boxT #searchType {width: 49%;}
	.search_boxT #searchTxt {width: 80%;}
}

/* 게시판 뷰단 */
#conts .bod_view{margin: 0;}
#conts .bod_view h4{font-size: 25px;border-top: 2px solid #2762b4;border-bottom: 1px solid #dcdcdc;padding: 10px 0 !important;background: none !important;text-align: center;word-break: break-all;line-height: 1.2em;color:#333 !important;margin-top: 0 !important;height: auto;}
.bod_view li{float: left;}
.bod_view ul:after{content: ''; display: block; clear: both;}
.view_info{padding: 12px !important; border-bottom: 1px solid #dcdcdc; background: #f7f7f7; margin: 0 !important;}
.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: 20px 0 20px 25px; border-bottom: 1px solid #dcdcdc; line-height: 2em; min-height: 300px; margin: 0 !important;}
.view_cont img{max-width: 100%; margin: 0 auto; display: block;}
.view_file {padding: 12px 10px; border-bottom: 1px solid #dcdcdc;}
.view_file dt{float: left; width: 86px; text-align: center; padding-top: 4px;}
.view_file dd{float: left; margin-left: 10px;}
.view_file:after{display: block;clear: both; content: '';}
/* #updateFileList a{padding-left: 9px;position: relative;} */
/* #updateFileList a:before{content: ''; display: block; width: 2px; height: 2px; border-radius:2px; background: #000; position: absolute; left: 0; top: 7px;} */
#updateFileList a.btn:before {display: none;}
#updateFileList li{float: none;}
.conts .bod_view h4:before, #pop_container .bod_view h4:before {background: none;}
#conts h4 ~ .bod_wrap {margin: 0 !important;}

.bod_wrap .view_info .view_division, .bod_wrap .view_info .view_pbs, .bod_wrap .view_info .view_date {display: none;}
.bod_wrap .view_info ul li {border-right: 1px solid #ddd; padding: 0 10px;}
.bod_wrap .view_info ul .view_dept {border-right: 0;}

.tbl_hire_view tbody tr:first-child {border-top: 2px solid #2762b4;}
.tbl_hire_view tbody th {background: #eaf1f4;}
.tbl_hire_view tbody th, .tbl_hire_view tbody td {border: 1px solid #d7d9dd;}

.tbl_opentmg br {display: none;}

.tbl_teenview tbody th {background: #eaf1f4; color: #464647; font-weight: 600;}
.tbl_teenview tbody tr:first-child {border-top: 2px solid #2762b4;}

@media screen and (max-width:1024px){
	.tbl_teenview col:first-child {width: 180px !important;}
	.tbl_teenview td, .tbl_teenview th {padding: 10px 10px; border: 1px solid #d7d9dd; line-height: 24px;}
}

@media screen and (max-width:870px){
	.tbl_opentmg .list_num {display: none;}
}

@media all and (max-width:768px){
	/* 게시판 뷰단 */
	.bod_wrap { width: 100%; overflow: hidden; overflow-x: scroll; margin-left: 0 !important; }
	.view_info{padding:12px 20px;}
	.view_cont{padding:0.5em 0 1em 0.5em;}
}

@media all and (max-width:767px){
	.tbl_hire_view {border:1px solid #d9d9d9;}
	.tbl_hire_view tbody th, .tbl_hire_view tbody td {display: block; width: auto !important; border:0;}
	.tbl_hire_view tbody th {padding: 10px 0; background: #fff; font-size: 16px; font-weight: 600; background: #eaf1f4; border-bottom: 1px solid #d7eef8;}
	.tbl_hire_view tbody td {text-align: center;}
	.tbl_hire_view tbody tr:first-child td {text-align: left;}

	.tbl_opentmg tr {text-align: left;}
	.tbl_opentmg .list_hit {display: none;}
	.tbl_opentmg .list_link, .tbl_opentmg .list_cut, .tbl_opentmg .list_dept, .tbl_opentmg .list_date {display: inline-block; width: auto !important; border: none; text-align: left;}
	.tbl_opentmg thead, .tbl_opentmg .list_cut br, .tbl_opentmg .list_hit {display: none;}
	.tbl_opentmg tbody tr:nth-child(even) {background: #f7f7f7;}
	.tbl_opentmg tr:after {content:''; display: block; clear: both;}
	.tbl_opentmg .list_link {font-weight: 600; font-size: 16px;}
	.tbl_opentmg .list_link:after, .tbl_opentmg .list_cut:after, .tbl_opentmg .list_dept:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin: 0 4px; vertical-align: middle; }
	.tbl_opentmg .list_date {float: none;}

}

@media all and (max-width:560px){
	.tbl_openview {border: 1px solid #d9d9d9;}
	.tbl_openview tbody th, .tbl_openview tbody td {display: block; width: 100%; box-sizing:border-box;}
	.tbl_openview tbody th {border-bottom: 1px solid #d7eef8; border: 0; border-right:1px solid #d9d9d9;}
	.tbl_openview tbody td {border:0; border-right:1px solid #d9d9d9; text-align: center;}

	.tbl_teenview {border: 1px solid #d9d9d9;}
	.tbl_teenview tbody th, .tbl_teenview tbody td {display: block; width: 100%; box-sizing: border-box;}
	.tbl_teenview tbody th {border-bottom: 1px solid #d7eef8; border: 0;}
	.tbl_teenview tbody td {border:0; text-align: center;}
}

/* 시민한마디 게시판 */
.civilian li {border-top: 1px solid #d7d9dd; padding: 10px 2px;}
.civilian li:first-child {border-top: 2px solid #2762b4;}
.civilian li p {margin-bottom: 5px;}
.civilian span.blue:after {content: ''; display: inline-block; width: 1px; height: 15px; background: #ddd; margin-left: 7px; vertical-align: middle;}

/* 갤러리게시판 */
.list_gellery{border-top:1px solid #b0c5bf;border-bottom:1px solid #dddddd;padding:15px 0;margin-top:20px;}
#conts h4 ~ div.list_gellery{margin-left: 0;}
.list_gellery ul li{ width:33.3%; min-height:110px; float:left; text-align:center; padding:20px 0; }
.list_gellery ul li a{ color:#666666; display:block; }
.list_gellery ul li a > span{ margin: 10px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; word-wrap: normal; }
.list_gellery ul li a > div{ background:#fafafa; box-shadow:3px 3px 0px #cccccc; width: 230px; height: 160px; overflow: hidden; margin: 0 auto; text-align: center; }
.list_gellery ul li a > div > img { width:230px; height:160px; }
.list_gellery ul li p.title{ font-weight:bold; }
.list_gellery ul li .btn > img{ border:0px; }
.list_gellery .no_data{ border-bottom:0px !important; width:100%; }

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


@media all and (max-width:820px){
	.list_gellery ul li {width: 50%;}
}

@media all and (max-width:560px){
	.list_gellery ul li {width: 100%;}
}

/* 포토게시판 주석 처리
.list_gellery ul li + li + li + li,
.list_gellery ul li + li + li + li + li + li + li + li,
.list_gellery ul li + li + li + li + li + li + li + li + li + li + li + li,
.list_gellery ul li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li{
	clear:left;
	}
.list_gellery ul li + li + li + li + li,
.list_gellery ul li + li + li + li + li + li + li + li + li + li,
.list_gellery ul li + li + li + li + li + li + li + li + li + li + li + li + li,
.list_gellery ul li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li{
	float:left;
	clear:none;
	}
*/


/* 동영상게시판 */
#movie{
	text-align:center !important;
	margin:0 auto;
	}
#movie #responsive_video{width: 100%;}
.movie_txt{
	height:200px;
	overflow-y:auto;
	border:1px solid #e7e7e7;
	padding:15px;
	box-sizing: border-box;
	margin-top:20px;
	background:#fbfaf7;
	width: 100%;
	text-align: left;
	font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic';
	}

/* 블로그형게시판경우 */

.blog_list{ margin-top:20px; }
.blog_list li a > .blog_pic {float: left; width: 27%; height: 150px; overflow: hidden; background-size:173px 111px;}
.blog_list li a > .blog_con {float: left; width: 73%; word-break: break-all;}
.blog_list li a:after {content:''; display: block; clear: both;}
.blog_list li{ border-top:1px dashed #e3e3e3; }
.blog_list li:first-child{ border-top:1px solid #b0c5bf; }
.blog_list li:last-child{ border-bottom:1px solid #dddddd; }
.blog_list .list_title {font-weight:bold; font-size:14px;}
.blog_list li a {color:#666666; display:block; position:relative; padding:15px 10px; min-height: 150px; }
.blog_list li span {display:block; width: 70%; right: 0; left: 30%; position: relative;}
.blog_list li div{
    position: absolute;
    top: 31px;
    width: 26%;
    padding-top: 123px;
    overflow: hidden;
    }
.blog_list li div img{position: absolute; top: 0px; width: 100%; height: 100%;}
.blog_list li .list_title {color:#333333; font-size: 1.1em; font-weight: 600; display: block; margin-top: 22px;}
.blog_list li .list_txt {color: #a4a4a4; display: inline-block;}
.blog_list li .list_data {color: #666666; display: block; font-size: 0.9em; margin: 5px 0;}

.blog_list li a:hover {background: #f9f9f9;}

@media all and (max-width:1024px){
/* 	.blog_list li a > div img {max-width: 100%; height:80%;} */
/* 	.blog_list li .list_txt {width: 100%;} */
}

@media all and (max-width:830px){
	.blog_list li a > .blog_pic {padding-right: 15px; box-sizing:border-box;}
}

@media all and (max-width:767px){
	.blog_list li a > div {position: relative; width: 100%; padding-top: 60%; height: 0; top: 0px;}
	.blog_list li span {width: 95%; width: calc(100% - 20px); left: 0;}



	/* 카드뉴스 게시판 */
	.blog_list.cardnews_list li div{width:auto !important;max-width:290px !important;height:419px!important;margin:0 auto;}
	.blog_list.cardnews_list li span {width: 100% !important;left: 0!important;}
	.blog_list.cardnews_list li a{padding: 30px 10px !important;}

}

@media all and (max-width:494px){}

/* faq */
.faq_answer{
	background: #edf2f3;
	text-align:left;
	padding:20px 3px !important;
	}
.list_faq dt{
	font-weight:bold;
	background:url(../images/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(../images/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;
	}

/* 첨부파일 */
.file_del{
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	}
.box_file{
	padding:10px 5px;
	border-top:1px solid #cccccc;
	}
.bod_view .box_file{
	padding:0;
}
.view_file .box_file{
	border-top: none;
	}
#updateFileList > li{
	background:url(../images/board/icon_file.gif) no-repeat 0 11px;
	padding-left:20px;
	position:relative;
	box-sizing: border-box;
	/*padding-top: 4px;*/
	line-height:21px;
	margin-bottom:3px;
	}
#updateFileList .btn_white{padding:3px 7px}
.view_list_file {
	background:url(../images/board/icon_file.gif) no-repeat 0 8px;
	padding-left:20px;
	position:relative;
	display: inline-block;
	box-sizing: border-box;
    padding-top: 4px;
}

.file{
	background:url(../images/board/icon_file.gif) no-repeat 0 center;
	padding-left:20px;
	position:relative;
	line-height:20px;
	}
.list_file > li > a{
	color:#333333;
	}
.btn_dele{
	background:url(../images/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 0; }
.wrap_tipox:after{ content:''; display:block; clear:both; }
.wrap_tipox > ul{ background:#ecf1f4; padding:15px 10px; margin-bottom:20px; }
.wrap_tipox > ul > li{ background:url(../images/common/bul_depth02.png) no-repeat 0 7px; padding-left:10px; }
.wrap_input,.wrap_search {position:relative; float:left; width: 50%; }
.wrap_input > div ul {float: left;}
.wrap_input label{ display:inline-block; width: 70px; 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; float: left; margin-left: 20px;}
/* .wrap_input .btn_blue { padding: 19px 15px !important; } */
.wrap_input > div:after {content:''; display: block; clear: both;}
.wrap_input > div ul li {margin-bottom: 5px;}
@media all and (max-width: 885px){
	.limit_135{max-height: 135px; overflow: auto;}
}
.wrap_search a {margin-top: 5px;}
.wrap_search.apply p {text-align: center;}
.wrap_search.apply a {text-align: center; display: block; position: relative; margin: 5px auto; width: 130px;}


@media all and (max-width:1024px){
	.wrap_tipox {width: 100%;}
	.wrap_input {width: 60%;}
	.wrap_search {width: 40%;}
}

@media all and (max-width:767px){
	.wrap_input, .wrap_search {width: 100%; float: none;}
	.wrap_input > div {width: 370px; margin: 0 auto;}
	.wrap_search {text-align: center; margin-top: 10px;}
}

@media all and (max-width:463px){
/* 	.wrap_input label {display: block; width: 100%; text-align: center;} */
	.wrap_input label.Nm_jumin {width: 66px !important;}
	.wrap_input.apply label {display: inline-block; width: 70px; text-align: center;}
	.wrap_tipox.apply{
		margin: 0 !important;
	}
	.wrap_input input[type="submit"] {position: relative; left: 0px; display: block; margin: 0 auto; margin-top: 25px; margin-left: 10px;}
	.wrap_input, .wrap_search {float: none; width: 100%;}
	input[type="text"] {display: inline-block;}
	input#searchTxt[type="text"] {width:100%; box-sizing:border-box;}
	select[id^="search"] {width:49.2%; box-sizing:border-box;}
	.wrap_input > ul > li {text-align: center;}
	.select_num {width: 70px;}
	.wrap_input > div {width: 290px;}
	.searchTxt {width:54%;}
}

/* 비밀번호 */
.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;
	}

/* button */
.btn_blue{
	background:#2762b4 !important;
	border:1px solid #215295;
	border-radius:3px;
	color:#ffffff !important;
	display:inline-block;
	padding:5px 7px !important;
	}
.btn_blue.apply{
	position: absolute;
	top: 0;
	right: 0;
}
.btn_nblue{
	background:#2762b4;
	border:1px solid #215295;
	border-radius:3px;
	color:#ffffff !important;
	display:inline-block;
	padding:7px 7px;
	vertical-align:top;
	}
.btn_sblue{
	background:#2762b4;
	border:1px solid #215295;
	border-radius:3px;
	color:#ffffff !important;
	display:inline-block;
	padding:0px 7px;
	}
.btn_blue_delete{
	background:#2762b4 !important;
	border:1px solid #215295;
	border-radius:3px;
	color:#ffffff !important;
	display:inline-block;
	padding:5px 20px !important;
	}
.btn_black{
	background:#4e5c71;
	border:1px solid #353b44;
	border-radius:3px;
	color:#ffffff !important;
	display:inline-block;
	padding:5px 7px;
	}
.btn_white{
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius:3px;
	color:#333333 !important;
	display:inline-block;
	padding:5px 20px;
	}
.btn_white.btn_quick_view {
	padding:0 1px 0 8px !important;
	font-family : none;
	line-height:25px;
	}
.btn_white_go{
	background:#3a8b83 url(/pyeongtaek/images/content/btn_download.png) no-repeat 165px center !important;
	border-radius:3px;
	color:#fff !important;
	display:inline-block;
	padding:7px 34px 7px 10px;
	}
.btn_swhite{
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius:3px;
	color:#333333 !important;
	display:inline-block;
	padding:0px 7px;
	}
input[type="button"]{
	cursor:pointer;
	}
.btn_white_down{
	position:relative;
	background:#fff url(../images/button/bul_down.png) no-repeat right 50% !important;
	border:2px solid #1b86b7;
	color: #3e92b8 !important;
	display: inline-block;
	padding:4px 40px 4px 10px !important;
	font-weight: bold;
	margin-bottom:10px;
	}
.btn_white_down:after { content:''; display:block; position:absolute; right:-4px; top:0; background:#dae8ed; width:100%; height:33px; z-index:-1; }
.btn_white_skip{
	position:relative;
	background:#fff url(../images/button/bul_map.png) no-repeat right 50% !important;
	border:2px solid #1b86b7;
	color: #3e92b8 !important;
	display: inline-block;
	padding:4px 40px 4px 10px !important;
	font-weight: bold;
	margin-bottom:10px;
	}
.btn_white_skip:after { content:''; display:block; position:absolute; right:-4px; top:0; background:#dae8ed; width:100%; height:33px; z-index:-1; }
.btn_white_view{
	position:relative;
	background:#ffffff url(../images/button/bul_view.png) no-repeat right 50% !important;
	border:2px solid #1b86b7;
	color: #3e92b8 !important;
	display: inline-block;
	padding:4px 40px 4px 10px !important;
	font-weight: bold;
	margin-bottom:10px;
	}
.btn_white_view:after{ content:''; display:block; position:absolute; right:-4px; top:0; background:#dae8ed; width:100%; height:33px; z-index:-1; }
.btn_white_blank{
	position:relative;
	background:#ffffff url(../images/button/bul_blank.png) no-repeat right 50% !important;
	border:2px solid #1b86b7;
	color: #3e92b8 !important;
	display: inline-block;
	padding:4px 40px 4px 10px !important;
	font-weight: bold;
	margin-bottom:10px;
	}
.btn_white_blank:after { content:''; display:block; position:absolute; right:-4px; top:0; background:#dae8ed; width:100%; height:33px; z-index:-1; }
[class^="btn_"].small{padding:1px 40px 1px 5px !important;}
[class^="btn_"].small:after{height:27px;}
[class^="btn_"]{font-size:14px !important;}
/* tip */
.tip{
	background:url(../images/common/bul_tip.png) no-repeat 0 0;
	padding-left:20px;
	}
span.tip{
	padding-bottom: 3px;
 	margin-left: 10px;
	}
p.tip{
	float: right;
	margin-bottom: 5px !important;
	}
.tip .red{
	color:#e01956;
	}

/* 머릿말 */
.board_head span.icon_head{
	background:url(../images/board/img_boardhead.png) no-repeat 0 0;
	}

/* banner */
.link_banner{
	background:url(../images/board/link_home.png) no-repeat 0 0 !important;
	display:inline-block;
	width:25px;
	height:23px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	padding:0px !important;
	}


/* 코멘트 */

.commentBox {width:100%; margin-top: 40px;}
/*
.commentBox .commentAll{
	color:#333;
	background-color:#f6f6f6;
	padding:7px 10px;
}
.commentBox .commentAll span{
	font-weight:bold;
}

.commentBox .commentBt {
	text-align:right;
	margin:5px 0;
}

.commentBox .commentBt a {
	border:1px solid #eee;
	padding:7px;
	color:#666 !important;
}

.commentBox li {
	width:98%;
	padding:10px 1%;
	border-bottom:1px dashed #ccc;
}
.commentBox li span {
	margin-top:10px;
}

.commentBox li span.date {
	color:#888;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #ddd;
	}	 */
.commentBox >a {color: #fff;padding: 12px 18px 11px 60px;border-radius: 4px;box-sizing: border-box;background: url('/common/images/board/spr_ico_comment.png') no-repeat 3px 6px;transition:1s;margin-right: 5px;display: inline-block;}
.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;}

/* font-size */
.fz11 {font-size:11px;}
.fz12 {font-size:12px;}
.fz13 {font-size:13px;}
.fz14 {font-size:14px;}

/* login */
/* #loginForm .wrap_input .btn_blue { padding: 19px 15px !important;} */

/* 의약업소 자율점검 로그인 */
.bUser_login{background:#f3f4f9; padding:35px 30px; box-sizing:border-box; letter-spacing:-1px;}
.bUser_login  h4{background:url(/health/images/content/sub07/ico_bUser.png) no-repeat center 0 !important; padding-top:125px; color:#083190 !important; font-weight:700 !important; padding-left:0; text-align:center; padding-left:0 !important; margin-top:0 !important; font-size:24px !important; letter-spacing:-1px;}
.bUser_login .wrap_tipox {position:relative; border:0; padding:0; margin-top:0;}
.bUser_login .wrap_tipox .con{background:#fff; padding:25px; margin-top:30px; border-radius:5px; box-sizing:border-box; margin-left:0 !important;}
.bUser_login .wrap_tipox .con > ul{margin-left:0 !important; margin-top:0 !important;}
.bUser_login .wrap_tipox .con > ul > li{position:relative; padding-left:12px; background:none !important;}
.bUser_login .wrap_tipox .con > ul > li:before{position:absolute; width:6px; height:6px; background:#457dcb; border-radius:50%; left:0; top:6px; content:''; display:block;}
.bUser_login .box_white{background:#f8f8f8; margin-top:11px; padding:15px; box-sizing:border-box;}
.bUser_login .box_white li{background:url(../images/common/bul_depth02.png) no-repeat 0 4px !important;}
.bUser_login .wrap_input{width:100%; float:none; margin-top:20px; text-align:center;}
.bUser_login .wrap_input > div ul{float:none;}
.bUser_login .wrap_input label{width:76px; font-weight:600;}
.bUser_login .wrap_input .list{display:inline-block; text-align:center; margin:0 auto;}
.bUser_login .wrap_input .list li{margin-top:6px;}
.bUser_login .wrap_input .list li:first-child{margin-top:0;}
.bUser_login .wrap_input .confirm_box{text-align:center; margin:0 auto; vertical-align:middle; width:276px; margin-top:5px;}
.bUser_login .wrap_input .confirm_box input{margin-left:0; float:none; padding:10px 15px !important; width:100%; box-sizing:border-box;}
.bUser_login .wrap_input input[type="submit"] {position:relative; padding:35px 37px; left:0; top:0; box-sizing:border-box; font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic'; transition:1s;}
.bUser_login .wrap_input input[type="submit"]:hover { background:#16478c; }
.bUser_login input[type="text"], .bUser_login input[type="password"], .bUser input[type="text"], .bUser input[type="password"] { font-family: '나눔고딕','NanumGothicWeb','Nanum Gothic'; font-size: 13px; color: #666;}
.bUser_login .fz15 { font-size: 15px;}
.bUser_login b{font-weight:600;}
.bUser_login input[type="text"],
.bUser_login input[type="password"]{padding:6px; box-sizing:border-box;}

@media all and (max-width:767px){
	.bUser_login .wrap_input > div{width:auto;}
}
@media screen and (max-width:463px){
	.bUser_login .wrap_input .confirm_box input{margin-top:0;}
}
@media screen and (max-width:415px){
	.bUser_login .wrap_input .list{width:100%;}
	.wrap_input > div ul{float:none;}
	.bUser_login .wrap_input .confirm_box{width:100%;}
	.bUser_login .wrap_input label{width:100%;}
	.bUser_login .wrap_input .confirm_box{margin-top:10px;}
	.bUser_login .wrap_input .list input[type="text"]{width:100%; margin-top:2px; box-sizing:border-box;}
}

/* 의약업소 자율점검 목록 상태값 */
.state span[class^="s"] { color: #fff; border-radius: 3px; font-size: 13px; width: 50px; display: inline-block; padding: 0px 5px; }
.state .step1, .state .s_before { background: #f3f3ef; border: 1px solid #dcdcd4; color: #828282 !important;}
.state .step2 { background: #66aecc; border: 1px solid #6aa7b9; }
.state .step3 { background: #82b852; border: 1px solid #74ab43;}
.state .step4 { background: #be935b; border: 1px solid #be8c5b;}
.state .step5 { background: #c3599a; border: 1px solid #ae4887;}
.state .step6 { background: #795bbe; border: 1px solid #674aaa;}
.state .s_ing { background: #399754; border: 1px solid #2a8945;}
.state .s_complete { background: #e57658; border: 1px solid #d36041;}


/* 의약업소 자율점검 헤더 */
.wrap_tipox.bUser { border-bottom: none; padding: 0; margin-bottom: 20px; background: #f9f9f9 url('/health/images/content/ico_header_1.gif') 39px 30px no-repeat; border: 1px solid #ccc; border-radius: 10px; }
.wrap_tipox.bUser > ul { padding: 20px 23px 14px; margin: 7px 0 0 120px; background-color: transparent; }
.wrap_tipox.bUser > ul > li { background-image: none; padding-left: 0; margin-bottom: 15px;}
.wrap_tipox.bUser > ul > li .em, .bUser .em { color: #d32532; font-weight: 600; }
.wrap_tipox.bUser > ul > li > ul { background: #fff; border: 1px dashed #ccc; padding: 10px 15px; border-radius: 10px; margin-top: 5px;}
.wrap_tipox.bUser > ul > li li { background: url(../images/common/bul_depth02.png) no-repeat 0 7px; padding-left: 10px; margin: 3px 0; }
.wrap_tipox.bUser > ul > li .bold { font-weight: 600;}
.wrap_tipox.bUser > ul > li .red { color: #d32532;}
.btn_blue_normal { color: #fff !important; font-size: 13px; letter-spacing: -0.5pt; background:#3773c7; border: 1px solid #2e6abf; padding: 3px 6px; border-radius: 3px; transition:1s; }
.btn_blue_normal:hover { background:#00bcd4; border: 1px solid #00afc5; }

/* 의약업소 자율점검 상세페이지 */
.bUser .table_st { margin-top: 20px; }
.bUser .table_st tbody th { }
.bUser .table_st td { padding: 7px 7px; }
.bUser .table_st.Thead tbody tr:first-child ul> li { background-position: 0 11px !important;}
.bUser .input200 { width: 94% !important; }
.bUser .icon_head.type1 { background: url('/health/images/content/ico_header_2.gif') 0 0 no-repeat;}
.bUser .icon_head.type2 { background: url('/health/images/content/ico_header_3.gif') 0 0 no-repeat;}
.bUser .board_head { margin-top: 35px; }
.bUser .icon_head.type1 + div > ul li { background-position: 0 14px;}
.bUser .icon_head.type2 + div > ul li { background-position: 0 8px;}
.bUser .board_head > div > ul { margin-top: 16px; }

/* 열린시장실 - 영상 */
.video_st > li{
	min-height:140px;
	}
.video_st > li > a{
	background:none !important;
	}
.video_st > li p a{
	display:none;
	}

/* 평택1365 포토게시판 첨부파일 목록 더보기 */
.btn_readMore {background: #ebebeb; border-radius: 10px; border: 1px solid #dbdbdb;  margin: 12px 0 0 0;  padding: 4px 0 3px; text-align: center;}
.btn_readMore a {width: 110px; display:block; margin: 0 auto; padding-left: 5px; font-size:12px; background: url(/pt1365/images/common/btn_readMore.png) no-repeat 0 2px; }

/* 예약하기 - 달력 및 일정표 */
.tbl_calendarWrap_box{letter-spacing:-1px;}
.tbl_calendarWrap{position:relative; float:left; width:50%; padding-bottom:15px;}
.tbl_calendarWrap:after{position:absolute; border-left:1px dashed #ccc; width:1px; height:100%; right:-22px; top:0; content:''; display:block;}
.tbl_calendarWrap .tbl_calendarHead{margin:0 auto; text-align:center;}
.tbl_calendarWrap .tbl_calendarHead a{vertical-align:middle;}
.tbl_calendarWrap .tbl_calendarHead a.month.prev{display:inline-block; margin-right:5px; background:url(/common/images/common/arrow_month_prev.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:33px; height:33px;}
.tbl_calendarWrap .tbl_calendarHead span{display:inline-block; vertical-align:middle; font-weight:700; font-size:24px; letter-spacing:-1px; text-align:center;}
.tbl_calendarWrap .tbl_calendarHead a.month.next{display:inline-block; margin-left:5px; background:url(/common/images/common/arrow_month_next.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:33px; height:33px;}
.tbl_calendarWrap .tbl_calendarHead a.today{display:inline-block; margin-left:10px; border:1px solid #ddd; padding:5px 10px; font-size:15px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; border-radius:5px; background:#fff;}
.tbl_calendarWrap table{margin-top:20px; text-align:center; border-right:1px solid #d7d9dd;}
.tbl_calendarWrap thead{border-top:2px solid #6c85bd; background:#f1fbff; border-bottom:1px solid #d7eef8;}
.tbl_calendarWrap tbody tr{border-bottom:1px solid #d7d9dd;}
.tbl_calendarWrap th,
.tbl_calendarWrap td{padding:10px; box-sizing:border-box; border-left:1px solid #d7d9dd;}
.tbl_calendarWrap td{height:70px; padding:5px 5px 0; vertical-align:top;}
.tbl_calendarWrap td a{display:block; margin-top:2px; line-height:1.3em; font-weight:600; font-size:13px; letter-spacing:0;}
.tbl_calendarWrap td a.rent_ok{color:#d32532 !important;}
.day_schedule{float:right; width:45%; margin-left:5%;}
.day_schedule h4{margin-top:16px !important;}
.day_schedule .tbl_wrap{margin-left:0 !important;}
.tbl_calendarWrap_box:after{content:''; display:block; clear:both;}
@media screen and (max-width:768px){
	.tbl_calendarWrap{float:none; width:100%;}
	.tbl_calendarWrap:after{display:none;}
	.day_schedule{float:none; width:100%; margin-left:0;}
	.tbl_calendarWrap_box .day_schedule .btnboxR{text-align:center;}
}

/* 예약확인 및 취소 */
.childexp_box{border-top:2px solid #6c85bd; border-bottom:1px solid #d7d9dd; padding:25px; box-sizing:border-box;}
.childexp_box .childexp_search{position:relative; float:left; padding:7px 0; width:50%;}
.childexp_box .childexp_search:after{position:absolute; content:''; display:block; right:0; border-left:1px dashed #ccc; top:0; width:1px; height:100%;}
.childexp_box .childexp_search .list{display:inline-block; vertical-align:middle;}
.childexp_box .childexp_search .list input[type="text"]{width:170px;}
.childexp_box .childexp_search .search{display:inline-block; vertical-align:middle; margin-left:15px; border-radius:5px; background:#2762b4;}
.childexp_box .childexp_search .search a{display:block; color:#fff !important; font-size:15px; text-align:center; padding:18px 25px; box-sizing:border-box;}
.childexp_box .childexp_search li{margin-top:5px;}
.childexp_box .childexp_search li:first-child{margin-top:0;}
.childexp_box .childexp_search li label{display:inline-block; font-weight:600; width:80px; vertical-align:middle;}
.childexp_box .health_link{float:right; width:50%; margin:0 auto; text-align:center;}
.childexp_box .health_link li{margin-top:5px;}
.childexp_box .health_link :first-child{margin-top:0;}
.childexp_box .health_link li a{margin-bottom:0;}
.childexp_box:after{content:''; display:block; clear:both;}
@media screen and (max-width:910px){
	.childexp_box .childexp_search{width:55%;}
	.childexp_box .health_link{width:45%;}
}
@media screen and (max-width:850px){
	.childexp_box .childexp_search{float:none; width:100%; text-align:center; margin:0 auto;}
	.childexp_box .health_link{float:none; width:100%; margin-top:10px;}
	.childexp_box .health_link li{display:inline-block;}
	.childexp_box .childexp_search:after{display:none;}
}
@media screen and (max-width:500px){
	.childexp_box .childexp_search .list{text-align:left; display:block; width:100%;}
	.childexp_box .childexp_search li label{width:20%;}
	.childexp_box .childexp_search li select,
	.childexp_box .childexp_search li input[id^="tel"]{width:23% !important;}
	.childexp_box .childexp_search .list input[type="text"]{width:73.5%;}
	.childexp_box .childexp_search .search{display:block; margin-top:10px; margin-left:0;}
	.childexp_box .childexp_search .search a{padding:10px;}
}
@media screen and (max-width:450px){
	.childexp_box .childexp_search li label{width:100%; margin-bottom:5px;}
	.childexp_box .childexp_search .list input[type="text"]{width:95%;}
	.childexp_box .childexp_search li select,
	.childexp_box .childexp_search li input[id^="tel"]{width:30% !important; margin-bottom:5px;}
	.board_head span.icon_head{position:static;margin:0 auto}
	.board_head > div{margin-left: 0;width:100%}
	.board_head > div h5{text-align: center !important;margin-top: 20px !important;}
}

/* 글쓰기 */
.childexp_write{margin-top:20px; border-top:2px solid #6c85bd; box-sizing:border-box;}
.childexp_write dl{border-bottom:1px solid #d7d9dd;}
.childexp_write dt{position:relative; display:inline-block; box-sizing:border-box; padding:10px; min-height:50px; width:120px; font-weight:600; vertical-align:middle;}
.childexp_write dt:after{position:absolute; right:0; top:0; content:''; display:block; border-left:1px solid #ddd; width:1px; height:20px; top:50%; margin-top:-10px;}
.childexp_write dt label{display:block; line-height:30px; vertical-align:middle;}
.childexp_write dd{display:inline-block; line-height:30px; box-sizing:border-box; padding:10px; min-height:50px; vertical-align:middle;}
.childexp_write dd span.tip{letter-spacing:-1px;}
.childexp_write dd input[id^="groupZipcode"]{vertical-align:middle;}
.childexp_write dd .addr_search{padding:5px 10px !important; height:27px; line-height:17px; box-sizing:border-box; letter-spacing:-1px; vertical-align:middle;}
@media screen and (max-width:875px){
	.childexp_write dt{width:15%;}
	.childexp_write dd{width:84%;}
	.childexp_write dd span.tip{display:block; margin-left:0; margin-top:5px;}
	.childexp_write dd .input500{width:90% !important;}
}
@media screen and (max-width:700px){
	.childexp_write dt{width:20%;}
	.childexp_write dd{width:79%;}
}
@media screen and (max-width:575px){
	.childexp_write dl{padding:10px; box-sizing:border-box;}
	.childexp_write dt{width:100%; display:block; min-height:100%; padding:0;}
	.childexp_write dt:after{display:none;}
	.childexp_write dd{width:100%; display:block; min-height:100%; padding:0;}
}

/* 로그인 - 본인인증 */
#realNameTab{margin-top:0 !important; letter-spacing:-1px;}
#realNameTab > ul > li{position:relative;display:inline-block;width:100%;width:49%; border:1px solid #ccc; box-sizing:border-box; height:560px; margin:0;}
#realNameTab > ul > li:nth-child(1){float:left;}
#realNameTab > ul > li:nth-child(2){float:right;}
#realNameTab > ul > li:nth-child(3){display:none;}


#realNameTab > ul > li.list03{margin-right:0;}
#realNameTab > ul > li div[id^="realContent"]{top:0; left:0; padding:20px; box-sizing:border-box;}
#realNameTab > ul:after{content:''; display:block; clear:both;}
#realNameTab .wrap_tipox{border-top:0; border-bottom:0; margin-top:15px !important; margin-left:0 !important; padding:0;}
#realNameTab .wrap_tipox > ul{margin-bottom:15px;}
#realNameTab .wrap_input{float:none; width:100%;}
#realNameTab .wrap_input > div ul{float:none;}
#realNameTab .wrap_input li label{width:60px;}
#realNameTab .wrap_input li input{display:inline-block; width:161px;}
#realNameTab #loginForm .wrap_input .btn_blue{padding:5px 7px !important; margin-left:0; float:none;}
#realNameTab .wrap_search{float:none; width:100%; margin-top:10px; text-align:center;}

.w180{width: 180px !important;}

@media screen and (max-width:965px){
/* 	#realNameTab .wrap_input li label{width:30%;}		 */
/* 	#realNameTab .wrap_input li input{width:65%;}		 */
}
@media screen and (max-width:885px){
	#realNameTab > ul > li{float:none; width:100%; margin:0 0 20px !important; height:auto;}
/* 	#realNameTab > ul > li.list03{height:310px;}	 */
	#realNameTab > ul > li.list03{height:auto;}
	#realNameTab > ul > li.list03 #realContent3{position: relative;}
	#realNameTab .wrap_input{float:left; width:55%;}
/* 	#realNameTab .wrap_search{float:right; width:40%; margin-top:0; padding:5px; box-sizing:border-box;} */
	#realNameTab .wrap_search:before{position:absolute; content:''; display:block; border-left:1px dashed #ccc; top:0; left:0; height:56px;}
	#realNameTab .wrap_input > div ul{float:left; width:80%;}
	#realNameTab .wrap_input .btnboxC{float:right; margin-top:0 !important; width:20%;}
	#realNameTab #loginForm .wrap_input{float: none; left: 22.5%;}
/* 	#realNameTab #loginForm .wrap_input .btn_blue{padding:19px 15px !important;} */
	#realNameTab > ul > li div[id^="realContent"]{position: relative;}
}
@media screen and (max-width:710px){
/* 	#realNameTab > ul > li.list03{height:440px;} */
	#realNameTab .wrap_input{float:none; width:100%;}
	#realNameTab .wrap_search{float:none; width:100%; padding:0; margin-top:10px;}
	#realNameTab .wrap_search:before{display:none;}
	#realNameTab .wrap_input > div ul{float:none; width:100%;}
	#realNameTab .wrap_input .btnboxC{float:none; width:100%; margin-top:20px !important;}
	#realNameTab #loginForm .wrap_input .btn_blue{padding:5px 7px !important;}
/* 	#realNameTab .wrap_input li label{width:20%;} */
/* 	#realNameTab .wrap_input li input{width:75%;} */
	#realNameTab #loginForm .wrap_input{left: auto;}
}
@media screen and (max-width:545px){
/* 	#realNameTab > ul > li.list03{height:470px;} */
}
@media screen and (max-width:490px){
	#realNameTab > ul > li:nth-of-type(1){height:235px;}
	#realNameTab > ul > li:nth-of-type(2){height:273px;}
	#realNameTab > ul > li:nth-of-type(3){height:425px;}
}
@media screen and (max-width:480px){
/* 	#realNameTab > ul > li.list03{height:500px;} */
}
@media screen and (max-width:463px){
	.wrap_input label{display:inline-block; text-align:left;}
	#realNameTab #loginForm .wrap_input .btn_blue{display:inline-block; margin-top:0;}
}
@media screen and (max-width:365px){
/* 	#realNameTab > ul > li.list03{height:540px;} */
/* 	#realNameTab .wrap_input li label{width:22%;} */
/* 	#realNameTab .wrap_input li input{width:74%;} */
}
@media screen and (max-width:350px){
	#realNameTab > ul > li{height:330px;}
}

/* 공공누리 */
.open_license{margin-left:0 !important; margin-top:20px !important; border:1px dashed #ddd; padding:15px; box-sizing:border-box;}
.open_license > a{float:left; display:block; width:22%; padding-right:3% !important; height:100%; background:none !important;}
.open_license p{float:left; width:75%; padding-top:15px;}
.open_license:after{content:''; display:block; clear:both;}

@media screen and (max-width:915px){
	.open_license > a{width:25%;}
	.open_license p{width:72%;}
}
@media screen and (max-width:815px){
	.open_license > a{width:28%;}
	.open_license p{width:69%;}
}
@media screen and (max-width:735px){
	.open_license{text-align:center;}
	.open_license > a{float:none; width:100%; padding-right:0 !important;}
	.open_license p{float:none; width:100%;}
}

/* 시민신문고 신청 - View */
.tableSt_view{letter-spacing:-1px; border-bottom:1px solid #d7d9dd;}
.tableSt_view th, .tableSt_view td{padding:8px 5px; box-sizing:border-box;}
.tableSt_view th{border-right:1px solid #d7d9dd;}
.tableSt_view td{border-left:0;}
.tableSt_view tr:nth-of-type(2) td:nth-of-type(3){border-bottom:1px solid #ddd;}
.tableSt_view.citizen_view tbody tr:first-child th{border-top:2px solid #6c85bd; border-right:0; padding:15px 5px; font-weight:600; font-size:18px; background:#fff;}
.tableSt_view tbody tr:nth-child(2){border-top:1px solid #ddd;}
.tableSt_view tbody tr{border-top:1px solid #d7d9dd;}
.tableSt_view tbody tr th{background:#eaf1f4;}
.tableSt_view.alrimi tbody tr th{background:#f9f9f9;}
.tableSt_view tbody tr .cont_box{padding:20px 0;}
.tableSt_view tbody tr .cont_box img {width:100%;}
.satisfaction{margin-left:0 !important; margin-top:20px !important;}
.satisfaction #point_container{margin-left:0 !important;}
.satisfaction #point_container .btn_radios{margin-bottom:10px;}
.satisfaction #point_container textarea{width:100%;}
.satisfaction #point_container .btn_radios label{vertical-align:middle; margin-left:2px;}
.satisfaction #point_container .btn_radios input{vertical-align:middle;}

/* 대학생행정인턴 */
.tableSt_view label, .tableSt_view input{vertical-align:middle;}
.tableSt_view label{margin-left:2px;}

/* 동영상 게시판 */
.tableSt_view video{
	width: 100%;
}
#responsive_video{
	width: 100%;
}

/* 답변가능한 민원형 게시판*/

/* 직원 및 업무안내 */
@media all and (max-width: 768px){
	.liststyle_staff{
	}
	.liststyle_staff colgroup{display:none;}
	.liststyle_staff thead{display:none;}
	.tableSt_list.liststyle_staff{border: 0;}
	.tableSt_list.liststyle_staff tbody tr {
    border-radius: 13px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    border: 2px solid #186dc4;
    width: 100%;
	}
	.tableSt_list.liststyle_staff tbody td {
		display: block;
		float: left;
		border: 0;
		padding: 5px 10px;
		line-height: 23px;
		font-size: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-top: 1px solid #ddd;
	}
	.tableSt_list.liststyle_staff tbody td:nth-of-type(1){width: 50%; border-top: 0; border-right: 1px solid #ddd; color: #999;}
	.tableSt_list.liststyle_staff tbody td:nth-of-type(2){width: 50%; border-top: 0; vertical-align: 50px;}
	.tableSt_list.liststyle_staff tbody td:nth-of-type(3){width: 50%; font-weight: 700; border-right: 1px solid #ddd; font-size: 20px; clear: left;}
	.tableSt_list.liststyle_staff tbody td:nth-of-type(4){width: 50%; font-weight: 700; color: #186dc4;}
	.tableSt_list.liststyle_staff tbody td:nth-of-type(5){width: 100%; padding: 10px 10px;}
}

/* 코멘트 형 게시판 */
.commentBox{
	margin: 0 !important;
	margin-top: 15px !important;
}
.commentBox .commentAll{color: #999;}
.commentBox ul{}
.commentBox ul > li{
    margin-left: 20px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd;
    }
.commentBox ul > li p{
	margin-bottom: 10px;
}
.commentBox ul > li span.blue{margin-right: 10px; font-weight: 700;}

/*포토뉴스 상세단*/
.board_view {
	margin: 0 !important;
}
.board_view h4 {
	margin: 0 !important;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: auto !important;
	float: left;
	line-height: 25px; padding-top : 0;
	box-sizing: border-box;
	padding-top: 0;
}
.board_view>ul {
	display: block;
	width: 100%;
}
.board_view>ul>li {
	display: block;
	width: 33.3333%;
	float: left;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.board_view>ul>li:nth-of-type(1) {
	border-right: 0;
	clear:left;
}
.board_view>ul>li:nth-of-type(2) {
	border-right: 0;
}
.board_view>ul>li:nth-of-type(4) {
	width: 99.9999%;
	border-top: 0;
	margin-bottom: 20px;
}
.board_view>ul>li>ul {
/* 	width: 100%; */
}
.board_view>ul>li>ul>li:nth-of-type(1) {
	margin-top: 20px;
}
/* .board_view .cont_box img { */
.cont_box img {
	position: relative;
	margin: 0 auto;
	display: block;
	max-width: 100%;
	margin-bottom: 10px;
}
@media all and (max-width: 768px) {
	.board_view>ul>li {
		width: 100%;
	}
	.board_view>ul>li:nth-of-type(1) {
		border-right: 1px solid #ddd;
		border-bottom: 0;
	}
	.board_view>ul>li:nth-of-type(2) {
		border-right: 1px solid #ddd;
		border-bottom: 0;
	}
}
.liststyle_minwon{

}
@media all and (max-width: 768px){
	.tableSt_list.liststyle_minwon{border-top: 0;}
	.liststyle_minwon colgroup{
		display: none;
	}
	.liststyle_minwon thead{
		display: none;
	}
	.liststyle_minwon tbody tr:nth-of-type(2n - 1){background-color: #f9f9f9;}
	.liststyle_minwon tbody tr td{display: inherit; float:left; margin-left: 10px; -webkit-box-sizing: border-box; border-bottom: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.liststyle_minwon tbody tr:nth-of-type(1) td:nth-of-type(2){border-top: 2px solid #186dc4;}
	.liststyle_minwon tbody tr td:nth-of-type(1){display:none;}
	.liststyle_minwon tbody tr{border-bottom: 1px solid #ddd;}
	.liststyle_minwon tbody tr td:nth-of-type(2){width: 100%; display: block; margin-left:0; padding: 10px; font-size: 15px;}
	.liststyle_minwon tbody tr td:nth-of-type(3){width: auto;}
	.liststyle_minwon tbody tr td:nth-of-type(4){width: auto; font-weight: 700;}
	.liststyle_minwon tbody tr td:nth-of-type(5){width: auto; color: #999;}
	.liststyle_minwon tbody tr td:nth-of-type(6){display:none;}
	.liststyle_minwon tbody tr td:nth-of-type(7){display:none;}
}
.table_st.liststyle_expend th{
	padding: 2px;
}
.liststyle_news colgroup{
	display: none;
}

.liststyle_news thead tr th:nth-of-type(1){width:4%;}
.liststyle_news thead tr th:nth-of-type(2){width:6%;}
.liststyle_news thead tr th:nth-of-type(3){width:20%;}
.liststyle_news thead tr th:nth-of-type(4){width:6%;}
.liststyle_news thead tr th:nth-of-type(5){width:6%;}
.liststyle_news thead tr th:nth-of-type(6){width:4%;}
.liststyle_news thead tr th:nth-of-type(7){width:4%;}

.liststyle_data colgroup{
	display: none;
}

.liststyle_data thead tr th:nth-of-type(1){width:7%;}
.liststyle_data thead tr th:nth-of-type(2){width:auto;}
.liststyle_data thead tr th:nth-of-type(3){width:12%;}
.liststyle_data thead tr th:nth-of-type(4){width:12%;}
.liststyle_data thead tr th:nth-of-type(5){width:12%;}
.liststyle_data thead tr th:nth-of-type(6){width:7%;}
.liststyle_data thead tr th:nth-of-type(7){width:7%;}

.liststyle_healthminwon colgroup{display: none;}
.liststyle_healthminwon thead tr th:nth-of-type(1){width:6%;}
.liststyle_healthminwon thead tr th:nth-of-type(2){width:6%;}
.liststyle_healthminwon thead tr th:nth-of-type(3){width:46%;}
.liststyle_healthminwon thead tr th:nth-of-type(4){width:10%;}
.liststyle_healthminwon thead tr th:nth-of-type(5){width:10%;}
.liststyle_healthminwon thead tr th:nth-of-type(6){width:10%;}
.liststyle_healthminwon thead tr th:nth-of-type(7){width:6%;}
.liststyle_healthminwon thead tr th:nth-of-type(8){width:6%;}

.liststyle_plan thead tr th:nth-of-type(1){width:4%;}
.liststyle_plan thead tr th:nth-of-type(2){width:50%;}
.liststyle_plan thead tr th:nth-of-type(3){width:6%;}
.liststyle_plan thead tr th:nth-of-type(4){width:6%;}
.liststyle_plan thead tr th:nth-of-type(5){width:4%;}
.liststyle_plan thead tr th:nth-of-type(6){width:4%;}

@media all and (max-width: 768px){
.liststyle_news thead,
.liststyle_healthminwon thead,
.liststyle_plan thead,
.liststyle_form thead,
.liststyle_data thead,
.table_poll thead,
.tbl_gosi thead,
.tbl_nara thead,
.tbl_hire thead{
	display: none;
}
.liststyle_plan colgroup,
.liststyle_healthminwon colgroup,
.liststyle_form colgroup,
.liststyle_data colgroup,
.table_poll colgroup,
.tbl_gosi colgroup,
.tbl_nara colgroup,
.tbl_hire colgroup{
	display: none;
}
.tableSt_list.liststyle_news,
.tableSt_list.liststyle_data,
.tableSt_list.liststyle_plan{
	border-top: 0;
}
.liststyle_news tbody tr:nth-of-type(2n - 1){}
.liststyle_news tbody tr th{float:left;width: auto;border: 0;padding: 8px 0 0 8px !important;}
.liststyle_news tbody tr td{float:left;width: auto;border: 0;padding: 8px 0 0 8px;}
.liststyle_news tbody tr td:nth-of-type(1){width: auto;padding-bottom: 2px;margin-left: 5px; }
.liststyle_news tbody tr td:nth-of-type(2){}
.liststyle_news tbody tr td:nth-of-type(3){width: auto;clear: left;font-size: 16px;font-weight: 600;padding-bottom: 2px;margin-left: 14px;}
.liststyle_news tbody tr td:nth-of-type(4){display: inline;margin-left: 5px;margin-right: 10px;position: relative;padding-bottom: 0;clear: left;}
.liststyle_news tbody tr td:nth-of-type(4):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: -10px;
    top: 12px;}
.liststyle_news tbody tr td:nth-of-type(5){display: inline; color: #999; padding-bottom: 8px;}
.liststyle_news tbody tr td:nth-of-type(6){
    margin-left: 10px;
    position: relative;
    padding-bottom: 10px;
}
.liststyle_news tbody tr td:nth-of-type(6):after{
	content: "";
	display: block;
	height: 1em;
	width: 1px;
	position: absolute;
	left:0;
	top: 0;
	background: #999999;
	margin-top: 11px;
}
.liststyle_news tbody tr{border-bottom: 1px solid #ddd;}
.liststyle_news tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}

.liststyle_data tbody tr:nth-of-type(2n - 1){background-color: #f9f9f9;}
.liststyle_data tbody tr td{float:left; width: auto; border: 0; padding: 8px 0;}
.liststyle_data tbody tr td:nth-of-type(1){width: 10%; padding-bottom: 2px;}
.liststyle_data tbody tr td:nth-of-type(2){width: 90%; font-size: 15px; padding-bottom: 2px;}
.liststyle_data tbody tr td:nth-of-type(3){}
.liststyle_data tbody tr td:nth-of-type(4){display: inline; margin-left: 10%; margin-right: 20px; position: relative; padding-bottom: 0;}
.liststyle_data tbody tr td:nth-of-type(4):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: -10px;
    top: 12px;}
.liststyle_data tbody tr td:nth-of-type(5){display: inline; color: #999;}
.liststyle_data tbody tr td:nth-of-type(6){}
.liststyle_data tbody tr{border-bottom: 1px solid #ddd;}
.liststyle_data tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}

.liststyle_healthminwon tbody tr:nth-of-type(2n - 1){background-color: #f9f9f9;}
.liststyle_healthminwon tbody tr td{float:left; width: auto; border: 0; padding: 8px 0;}
.liststyle_healthminwon tbody tr td:nth-of-type(1){width: 10%; padding-bottom: 2px;}
.liststyle_healthminwon tbody tr td:nth-of-type(2){}
.liststyle_healthminwon tbody tr td:nth-of-type(3){}
.liststyle_healthminwon tbody tr td:nth-of-type(4){width: 90%; font-size: 15px; padding-bottom: 2px;}
.liststyle_healthminwon tbody tr td:nth-of-type(5){display: inline; margin-left: 10%; margin-right: 20px; position: relative; padding-bottom: 0;}
.liststyle_healthminwon tbody tr td:nth-of-type(5):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: -10px;
    top: 12px;}
.liststyle_healthminwon tbody tr td:nth-of-type(6){display: inline; color: #999;}
.liststyle_healthminwon tbody tr td:nth-of-type(7){}
.liststyle_healthminwon tbody tr{border-bottom: 1px solid #ddd;}
.liststyle_healthminwon tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}


.liststyle_plan tbody tr:nth-of-type(2n - 1){background-color: #f9f9f9;}
.liststyle_plan tbody tr td{float:left; width: auto; border: 0; padding: 8px 0;}
.liststyle_plan tbody tr td:nth-of-type(1){display: none;}
.liststyle_plan tbody tr td:nth-of-type(2){width: 100%; font-size: 15px; padding-bottom: 2px; margin-left: 10px; font-weight: 600;}
.liststyle_plan tbody tr td:nth-of-type(3){display: inline; margin-left: 10px; margin-right: 20px; position: relative; font-weight: 600; color: #555;}
.liststyle_plan tbody tr td:nth-of-type(3):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: -10px;
    top: 12px;}
.liststyle_plan tbody tr td:nth-of-type(4){display: inline; margin-right: 20px; position: relative; color: #999; padding-bottom: 0;}
.liststyle_plan tbody tr td:nth-of-type(5){}
.liststyle_plan tbody tr{border-bottom: 1px solid #ddd;}
.liststyle_plan tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}


.liststyle_form tbody tr:nth-of-type(2n - 1){background-color: #f9f9f9;}/*색깔*/
.liststyle_form tbody tr td{float:left; width: auto; border: 0; padding: 8px;}
.liststyle_form tbody tr td:nth-of-type(1){display: none;}
.liststyle_form tbody tr td:nth-of-type(2){width: 100%; font-size: 15px; padding-bottom: 2px; margin-left: 10px; font-weight: 600;}
.liststyle_form tbody tr td:nth-of-type(3){display: inline; margin-left: 10px; margin-right: 20px; position: relative; font-weight: 600; color: #555;}
.liststyle_form tbody tr td:nth-of-type(3):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: -10px;
    top: 12px;}
.liststyle_form tbody tr td:nth-of-type(4){display: inline; margin-right: 20px; position: relative; color: #999; width: 100%; font-weight: 700; font-size: 15px; padding-bottom: 0;}
.liststyle_form tbody tr td:nth-of-type(5){}
.liststyle_form tbody tr td:nth-of-type(6){}
.liststyle_form tbody tr{border-bottom: 1px solid #ddd;}
.liststyle_form tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}

.table_poll tbody tr:nth-of-type(2n - 1){background-color: #f9f9f9;}/*색깔*/
.table_poll tbody tr td{float:left; width: auto; border: 0; padding: 8px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.table_poll tbody tr td:nth-of-type(1){display: none;}
.table_poll tbody tr td:nth-of-type(2){width: 80% !important; font-size: 15px; padding-bottom: 2px; font-weight: 600;}
.table_poll tbody tr td:nth-of-type(3){width: 20%; font-size: 14px; padding-bottom: 2px;}
.table_poll tbody tr td:nth-of-type(4){width: 100%; font-size: 14px; padding-bottom: 2px; clear: left;}
.table_poll tbody tr td:nth-of-type(5){display: inline; margin-right: 20px; position: relative; font-weight: 600; color: #555;}
.table_poll tbody tr td:nth-of-type(5):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: -10px;
    top: 12px;}
.table_poll tbody tr td:nth-of-type(6){display: inline; margin-right: 20px; position: relative; font-weight: 600; color: #555; width: auto;}
.table_poll tbody tr{border-bottom: 1px solid #ddd;}
.table_poll tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}
.table_poll .list_con, .table_poll .list_result {width: auto; position: relative;}

.tbl_gosi tbody tr:nth-of-type(2n){background-color: #f9f9f9;}/*색깔*/
.tbl_gosi tbody tr td{float:left; width: auto; border: 0; padding: 8px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.tbl_gosi tbody tr td:nth-of-type(1){display: none;}
.tbl_gosi tbody tr td:nth-of-type(2){/* width: 80% !important;  */font-size: 15px; padding-bottom: 2px; font-weight: 600;}
.tbl_gosi tbody tr td:nth-of-type(3){width: 100% !important; font-size: 14px; padding-bottom: 2px; position: relative;}
.tbl_gosi tbody tr td:nth-of-type(4){width: 100%; font-size: 14px; padding-bottom: 2px; clear: left;}
.tbl_gosi tbody tr td:nth-of-type(5){display: inline;margin-right: 20px;position: relative;font-weight: 600;color: #555;padding-bottom: 10px;}
.tbl_gosi tbody tr td:nth-of-type(6){display: inline; margin-right: 20px; position: relative; font-weight: 600; color: #555; width: auto;}
.tbl_gosi tbody tr{border-bottom: 1px solid #ddd;}
.tbl_gosi tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}
.tbl_gosi .list_con, .table_poll .list_result {width: auto; position: relative;}

.tbl_hire tbody tr:nth-of-type(2n - 1){}/*색깔*/
.tbl_hire tbody tr td{float:left; width: auto; border: 0; padding: 8px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.tbl_hire tbody tr td:nth-of-type(1){display: none;}
.tbl_hire tbody tr td:nth-of-type(2){width: auto !important;font-size: 15px;padding-bottom: 2px;font-weight: 600;}
.tbl_hire tbody tr td:nth-of-type(3){width: 100% !important;font-size: 16px;padding-bottom: 2px;position: relative;clear: left;}
.tbl_hire tbody tr td:nth-of-type(4){width: 100%; font-size: 14px; padding-bottom: 2px; clear: left;}
.tbl_hire tbody tr td:nth-of-type(5){display: inline;margin-right: 20px;position: relative;font-weight: 600;color: #555;}
.tbl_hire tbody tr td:nth-of-type(6){display: inline;margin-right: 20px;position: relative;font-weight: 600;color: #555;width: auto;padding-bottom: 10px;}
.tbl_hire tbody tr{border-bottom: 1px solid #ddd;}
.tbl_hire tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}

.tbl_farmer tbody tr:nth-of-type(2n - 1){background-color: #f9f9f9;}/*색깔*/
.tbl_farmer tbody tr td{float:left; width: auto; border: 0; padding: 8px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.tbl_farmer tbody tr td:nth-of-type(1){display: none;}
.tbl_farmer tbody tr td:nth-of-type(2){width: 100% !important; font-size: 15px; padding-bottom: 2px; font-weight: 600;}
.tbl_farmer tbody tr td:nth-of-type(3){font-size: 14px; padding-bottom: 2px; position: relative;}
.tbl_farmer tbody tr td:nth-of-type(3):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: 0px;
    top: 12px;}
.tbl_farmer tbody tr td:nth-of-type(4){width: 100%; font-size: 14px; padding-bottom: 2px;}
.tbl_farmer tbody tr td:nth-of-type(5){display: inline; margin-right: 20px; position: relative; font-weight: 600; color: #555;}
.tbl_farmer tbody tr td:nth-of-type(5):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    left: 0px;
    top: 12px;}
.tbl_farmer tbody tr td:nth-of-type(6){display: inline; margin-right: 20px; position: relative; font-weight: 600; color: #555; width: auto;}
.tbl_farmer tbody tr{border-bottom: 1px solid #ddd;}
.tbl_farmer tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}

.tbl_nara tbody tr td{float:left; width: auto; border: 0; padding: 8px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.tbl_nara tbody tr td:nth-of-type(1){display: none;}
.tbl_nara tbody tr td:nth-of-type(2){width: 100% !important;font-size: 15px;padding-bottom: 2px;font-weight: 600;text-align: left;}
.tbl_nara tbody tr td:nth-of-type(3){width: 100% !important;font-size: 14px;padding-bottom: 2px;position: relative;}
.tbl_nara tbody tr td:nth-of-type(4){width: 100%; font-size: 14px; padding-bottom: 2px; clear: left; position: relative;}
.tbl_nara tbody tr td:nth-of-type(4):after{content: ""; display: block; width: 1px; height: 1em; background-color: #ddd; position: absolute;
    right: 0px;
    top: 12px;}
.tbl_nara tbody tr td:nth-of-type(5){display: inline; margin-right: 20px; position: relative; font-weight: 600; color: #555;}
.tbl_nara tbody tr td:nth-of-type(6){display: inline; margin-right: 20px; position: relative; font-weight: 600; color: #555; width: auto;}
.tbl_nara tbody tr td:nth-of-type(6) br{display: none;}
.tbl_nara tbody tr{border-bottom: 1px solid #ddd;}
.tbl_nara tbody tr:nth-of-type(1){border-top: 2px solid #2762b4;}
.tbl_nara .list_con, .table_poll .list_result {width: auto; position: relative;}
}
@media all and (max-width: 500px){
	.liststyle_news tbody tr td:nth-of-type(1){width: 20%;}
	.liststyle_news tbody tr td:nth-of-type(3){width: 80%;}
	.liststyle_news tbody tr td:nth-of-type(4){margin-left: 20%;}
	.liststyle_data tbody tr td:nth-of-type(1){width: 20%;}
	.liststyle_data tbody tr td:nth-of-type(2){width: 80%;}
	.liststyle_data tbody tr td:nth-of-type(4){margin-left: 20%;}
	.tbl_nara tbody tr td:nth-of-type(6){width: 100% !important;}
	.tbl_nara tbody tr td:nth-of-type(7){display: none;}
	.tbl_farmer tbody tr td:nth-of-type(2){width: 80% !important; width: calc(100% - 100px) !important;}
	.tbl_farmer tbody tr td:nth-of-type(3){width: 65px !important; float: right; margin-right: 0; text-align: center;}
	.tbl_farmer tbody tr td:nth-of-type(3):after{left: 0; right: inherit;}
	.tbl_farmer tbody tr td:nth-of-type(4){width: 80% !important; width: calc(100% - 100px) !important;}
	.tbl_farmer tbody tr td:nth-of-type(5){width: 65px !important; float: right; margin-right: 0; text-align: center;}
}

.tb_number, .list_num{width: 6%;}
ol.list_num{width: inherit;}
.list_dept{width: 8%;}
.tb_category{width: 13%; min-width: 100px;}
.list_notice{width: 20%;}
.tb_title, .list_tit{width: auto; min-width: 43%;}
.tb_dept, .list_dept{width: 10%;}
.tb_writer, .list_writer{width: 10%;}
.tb_create_date, .list_date{width: 15%; min-width: 100px;}
.tb_file, td.list_file{width: 6%;}
.tb_hit, .list_hit{width: 6%;}
@media all and (max-width: 768px){
	.tb_number, .tb_category, .tb_title, .tb_dept, .tb_writer, .tb_create_date, .tb_file, .tb_hit,
	.tbl_num, .tbl_field, .tbl_state, .tbl_hit{
		display: none !important;
	}
	.tableSt_list.row_over tbody td.tbl_spot{
		padding-bottom: 8px;
	}
	.tableSt_list tbody{
		border-top: 1px solid #2762b4;
	}
	.tableSt_list tbody tr{
		border-bottom: 1px solid #ddd;
	}
	.tableSt_list tbody tr:nth-of-type(2n){
		background: #f9f9f9;
	}
	.tableSt_list.row_over tbody td{
		/*display: inline-block;*/
		border-bottom: none;
		/*padding: 10px 10px 0px 10px;*/
		padding-left: 10px !important;
		box-sizing: border-box;
	}
	.tableSt_list tbody td.col_num,
	.tableSt_list tbody td.col_file,
	.tableSt_list tbody td.col_hit,
	.tableSt_list tbody td.col_sort{
		display: none;
	}
	.tableSt_list tbody td.col_title{
		width: 100%;
		font-size: 16px;
		font-weight: 600;
		color: #444444;
	}
	.tableSt_list tbody td.col_title a b{
		color: #444444;
	}
	.tableSt_list tbody td.col_title a:visited b{
		color: #666666;
	}
	.tableSt_list tbody td.col_title a:hover b,
	.tableSt_list tbody td.col_title a:focus b{
		color: #000000;
	}
	.tableSt_list tbody td.col_writer,
	.tableSt_list tbody td.col_dept,
	.tableSt_list tbody td.col_date{
		width: auto;
		/* float: left; */
		padding: 10px 6px 14px 10px;
		font-size:  15px;
	}
		.tableSt_list tbody td.col_writer br,
	.tableSt_list tbody td.col_dept br,
	.tableSt_list tbody td.col_date br{
		display: none;
	}
	.tableSt_list tbody td.col_dept{
		clear: left;
	}
	.tableSt_list tbody td.col_date{
		margin-left: 6px;
		position: relative;
	}
	.tableSt_list tbody td.col_date:after{
		content: "";
		display: block;
		width: 1px;
		height: 1em;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.5em;
		background: #ddd;
	}
}
/* 민원 */
.conts .bod_view.bod_reply h4{border-top: 2px solid #2f84da; color:#155da7;background: #e9f1f9;}

/* 게시판 쓰기 */
#conts .bod_write{margin: 0;}
.bod_write{border-top: 2px solid #333;clear: both;}
.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 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: 20px 0 20px 0px;border-bottom: 1px solid #dcdcdc;line-height: 2em;min-height: 300px;}
.view_cont img{max-width: 100%; margin: 0 auto; display: block;}
.view_file {padding: 14px 10px; border-bottom: 1px solid #dcdcdc;}
.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: '';}

@media all and (max-width:1024px){
	.view_cont.mayor_best .wrap_tit {background-position: -64px 0;}
	.view_cont.mayor_best .wrap_tit >div{padding-top: 23px;margin-left: 17%;}
	.best_list li div .tit {color: #567286;}
}
@media all and (max-width:768px){
	.view_cont{padding:1em 0 1em 1em;}
	.view_cont.mayor_best .wrap_tit >div {width: 72%;margin-left: 23%;}
	.view_cont.mayor_best .wrap_tit .cont br {display: none;}
	.best_list li dl {float: none;width: 100%;border-right: none;padding-bottom: 13px;border-bottom: 1px dashed #dfe1ec;}
	.best_list li dl dt,.best_list li dl dd {width: 25%;}
	.best_list li div {width: 100%;}
	.best_list li div .tit {padding: 23px 0 3px;}
}
@media all and (max-width:767px){
	.best_list li div .tit {font-size: 1.5em;}
	.best_list li dl dt {width: 30%;}
	.best_list li dl dd {width: 70%;}
}
@media all and (max-width:568px){
	.view_cont{padding:0.5em 0 1em 0.5em;}
	.view_cont.mayor_best .wrap_tit >div {margin-left: 26%; padding-top: 16px;}
	td.list_tit {padding-left: 3px !important;}
}
@media all and (max-width:414px){
	.view_cont.mayor_best .wrap_tit {height: 164px;background-position: -79px 0;}
	.view_cont.mayor_best .wrap_tit >div {margin-left: 36%;padding-top: 36px;}
	.view_cont.mayor_best .wrap_tit .cont {display: none;}
	.best_list li {padding: 15px;}
	.best_list li div .tit {padding: 14px 0 13px;}
}
@media all and (max-width:360px){
	.view_cont.mayor_best .wrap_tit >div {margin-left: 32%;}
}
@media all and (max-width:320px){
	.view_cont.mayor_best .wrap_tit {background: none;height: 124px;}
	.view_cont.mayor_best .wrap_tit >div {margin-left: 15%;padding-top: 14px;}
}














/* ############## 2019.11.27. J.Ryeon Lee 설문조사/통합신청프로그램 관련 베이스 디자인 이식 ############# */

/* bod_detail */
.bod_detail {width: 100%; border-top: 1px solid #999;word-break: break-all;border-collapse: separate;}
.bod_detail th {background:#f7f7f7;width: 25%;}
.bod_detail th, .bod_detail td {border-bottom: 1px solid #ddd;padding: 1rem 0.5rem;}
.bod_detail td {color: #666;}
.bod_detail td.taL {text-align: left;padding-left: 1rem;}
.bod_detail a:hover, .bod_detail a:focus {text-decoration: none;}

/* 주의사항안내 */
.notice_box {border: 1px solid #ddd;padding: 1rem;margin-top: 2rem;color: #666;line-height: 130%;border-radius: 10px;line-height: 150%;}
.notice_box >div {float: left;}
.notice_box *:before {position: absolute;}
.notice_box .tit_wrap {width: 206px;height: 110px;position: relative;text-align: center;}
.notice_box .tit_wrap >span {font-weight: 500;margin-top: 88px;display: inline-block;border-top: 1px solid #333;border-bottom: 1px solid #333;padding: 0 0 1px;color: #333;}
.notice_box .tit_wrap:before {content: '';width: 76px;height: 64px;background: url('./../img/board/spr_board.png') -323px -95px no-repeat;left: 74px;top: 7px;}
.notice_box .txt_wrap >span {font-weight: 700;color: #333;}
.notice_box .txt_wrap li {position: relative;padding-left: 15px;}
.notice_box .txt_wrap li:not(:last-of-type) {margin-bottom: 5px;}
.notice_box .txt_wrap li:before {content: '';width: 9px;height: 9px;background: url('./../img/board/spr_board.png') 0 -24px no-repeat;left: 0;top: 8px;}
.notice_box .txt_wrap li >span {position: relative;padding-left: 17px;}
.notice_box .txt_wrap li >span:before {content: '';width: 13px;height: 13px;background: url('./../img/board/spr_board.png') -19px -22px no-repeat;left: 0;top: 5px;}

/* bod > basic List */
.bod_list, .bod_maintain {width: 100%;border-top: 2px solid #333; text-align: center; word-break: break-all;table-layout: fixed;}
.bod_list.layout_noFix, .bod_maintain.layout_noFix {table-layout: auto;}
.bod_list thead th, .bod_maintain thead th {padding: 1.6rem 0; font-weight: 500;}
.bod_list thead, .bod_maintain thead {border-bottom: 1px solid #333;}
.bod_list tbody td, .bod_maintain tbody td {padding: 1rem 0; border-bottom: 1px solid #ddd;color: #666;position: relative;vertical-align: middle;}
.bod_list a:hover,.bod_list a:focus, .bod_maintain a:hover, .bod_maintain a:focus {text-decoration: underline}
.bod_list span.ico_new {width: 18px;height: 18px;background: #ea4040;display: inline-block;text-align: center;border-radius: 3px;margin-left: 5px;position: relative;vertical-align: bottom;}
.bod_list span.ico_new:before {content: 'N';display: inline-block;color: #fff;border-radius: 2px;font-weight: 500;position: absolute;left: 5px;top: 2px;}
.bod_list .btn, .bod_maintain .btn {display: inline-block;background: #fff !important;border: 1px solid #ccc !important;padding: 0.2rem 0.5rem !important;border-radius: 4px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;color:#777;margin: 1px 0;}
.bod_list .btn:hover, .bod_maintain .btn:hover, .bod_list .btn:focus, .bod_maintain .btn:focus {border: 1px solid #aaa !important;color: #222;}
.bod_list .btn.del, .bod_maintain .btn.del {border: 1px solid #d14a08 !important;background: #e5520a !important;color: #fff !important;}

/* 색깔 있는 버튼 */
.btn.colored { text-decoration: none !important; color: #fff !important; }
.btn.colored.gray { border: 1px solid #aaa !important; background-color: #aaa !important; }
.btn.colored.green { border: 1px solid #37a95f !important; background-color: #37a95f !important; }
.btn.colored.green:hover { border: 1px solid #37a95f !important; }
.btn.colored.red { border: 1px solid #ea4040 !important; background-color: #ea4040 !important; }
.btn.colored.red:hover { border: 1px solid #ea4040 !important; }

.bod_wrap input {margin-top: 0px }
.label label {display: inline-block;padding: 2px 9px 4px;margin-right:0 !important;background: #446096;border-radius: 4px 0 0 4px;color: #fff;}
.label label + input {border-radius: 0 4px 4px 0;width: 400px;}

.btn_off{background: #777 !important;border:1px solid #ccc; color: #ccc !important;opacity: 0.8;}
.btn_off:before {opacity: 0.4 !important; }
.btn_white.normal {padding: 5px 9px !important;}

@media screen and (max-width:768px){
	.bod_detail th {width: 30%;}

	.notice_box >div {float: none;}
	.notice_box .tit_wrap {width: 100%;}
	.notice_box .tit_wrap:before {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
	.notice_box .tit_wrap >span {width: 100%;padding: 5px 0;background-color: #f0f0f0;border-color: #999;}
	.notice_box .txt_wrap {margin-top: 25px;}
}
@media screen and (max-width:568px) {
	.bod_detail th {text-align: left;}
	.bod_detail th, .bod_detail td {width: 100%;display: block;}
}

/*게시판 반응형 수정*/
@media all and (max-width: 768px){
	.tableSt_list {word-break:keep-all; table-layout: auto;}
	.tableSt_list .col_title {word-break:break-all;}
	.tableSt_list.tbLayout {table-layout: fixed;}
	.tableSt_view.tbLayout {table-layout: fixed;}
	}