@charset "utf-8";
/*
	-----------------------------------------------
	* board.css (사용자 공용 게시판)
	-----------------------------------------------
*/

/* 게시판 상단 : 검색, 페이지 정보 등 */
.bod_head {
	position: relative;
	padding: 1.12rem 0 0;
	overflow: hidden;
}

.bod_head * {
	margin: 3px 0;
}

.bod_head .page_num {
	float: left;
	font-size: 1.5rem;
	padding-top: 1rem;
}

.bod_head .page_num>em {
	color: #ea4040;
}

.bod_head .bod_search {
	float: right;
	margin-top: 0;
	font-size: 1.5rem;
}

.bod_head .btn {
	padding: 1.3rem 1.6rem 1.2rem 3.7rem;
	background-color: #009644;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
}

.bod_head .download:hover, .bod_head .bod_search .download:focus,
	.bod_head .bod_search .download:active {
	background-color: #889fb3;
}

.bod_head .download>span {
	position: relative;
}

.bod_head .download>span:before {
	content: '';
	width: 19px;
	height: 17px;
	position: absolute;
	left: -22px;
	top: 3px;
	background-image: url('../img/board/spr_board.png');
	background-repeat: no-repeat;
}

.bod_head .download>span:before {
	background-position: 0 -244px
}

/* 게시판 상단 안내문구 */
.bod_guide {
	border: 1px solid #ddd;
	border-top: 2px solid #333;
	padding: 2rem 3rem 2rem 13rem;
	margin-bottom: 2rem;
	font-size: 1.5rem;
	line-height: 150%;
	min-height: 120px;
	position: relative;
}

.bod_guide:before {
	content: '';
	width: 90px;
	height: 90px;
	position: absolute;
	top: 16px;
	left: 16px;
	background: #ececec url('./../img/board/spr_board.png') -165px -86px
		no-repeat;
	border-radius: 50%;
}

.bod_guide .tit {
	font-size: 1.8rem;
	font-weight: 500;
	color: #02244d;
}

.bod_guide em {
	color: #ff4e00;
}

.bod_guide ul li {
	padding-left: 9px;
	color: #777e;
	position: relative;
	line-height: 120%;
}

.bod_guide ul li:not (:last-child ) {
	margin: 0.7rem 0;
}

.bod_guide ul li:first-of-type {
	margin-top: 0;
}

.bod_guide ul li:before {
	content: '';
	width: 3px;
	height: 3px;
	background: #999;
	position: absolute;
	left: 0;
	top: 7px;
}

.bod_guide .btn {
	display: inline-block;
	border: 1px solid #ddd;
	font-size: 1.4rem;
	padding: 0.1rem 0.4rem 0.2rem;
	margin: 0.1rem 0.4rem;
	cursor: pointer;
}

.bod_guide .btn:hover {
	border: 1px solid #bbb;
}

.bod_guide .btn[target=_blank]:after, .bod_guide a[target=_blank]:after
	{
	content: '';
	width: 14px;
	height: 12px;
	float: right;
	margin: 3px 2px 0 4px;
	background: url('./../img/common/spr_common.png') -23px 0 no-repeat;
}

.bod_guide a {
	border-bottom: 1px dashed #777;
	display: inline-block;
	padding-bottom: 2px;
	margin: 0 0.4rem;
}

.bod_guide a:hover {
	color: #3c6ab3;
	border-color: #3c6ab3;
}

.bod_guide .btn:hover, .bod_guide .btn:focus {
	color: #3c6ab3;
	text-decoration: underline;
}

.bod_guide .btn:hover:after, .bod_guide .btn:focus:after, .bod_guide a[target=_blank]:hover:after,
	bod_guide a[target=_blank]:focus:after {
	background-position: -23px -22px;
}
/* 게시판 상단 안내문구 > 개인정보 수집 이용 안내 */
.bod_guide .minGuide .tit {
	font-size: 1.9rem;
	font-weight: 500;
	padding: 1rem 0 2rem;
}

.bod_guide .minGuide ul ul {
	background-color: #f4f5f7;
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.bod_guide .minGuide ul ul li:before {
	content: '';
	width: 2px;
	height: 2px;
	background: #777;
	position: absolute;
	left: 0.2rem;
	top: 1rem;
}

.bod_guide .minGuide strong {
	color: #333;
	margin-right: 5px;
}

.bod_guide .minGuide ul ul strong {
	font-weight: 500;
}

.bod_guide .minAgree {
	border-top: 1px solid #ddd;
	padding-top: 1rem;
	margin-top: 2rem;
}

.bod_guide .minAgree p {
	padding: 0.5rem 0;
}

.bod_guide #updateFileList {
	background: #f7f7f7;
	padding: 1.2rem;
	margin: 10px 0 0 0;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.bod_guide #updateFileList li {
	padding-left: 0;
}

.bod_guide #updateFileList li:before {
	display: none;
}

.bod_guide #updateFileList a {
	border-bottom: none;
}

.bod_guide #updateFileList a::before {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #3c6ab3 url('./../img/board/spr_board.png') -144px -33px
		no-repeat;
	margin: -1px 2px 0 0;
}

.bod_guide #updateFileList li:not (:last-child ) {
	padding-bottom: 0;
}

/* 일반게시판: bod_list , 현황 목록 : bod_maintain */
.bod_list, .bod_maintain {
	width: 100%;
	border-top: 2px solid #0092a8;
	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;
	color: #02244d;
	background-color: #ebf7f9;
}

.bod_list thead, .bod_maintain thead {
	border-bottom: 1px solid #0092a8;
}

.bod_list tbody td, .bod_maintain tbody td {
	padding: 1.8rem 0;
	border-bottom: 1px solid #ddd;
	font-size: 1.5rem /* 15px */;
	color: #666;
	position: relative;
	vertical-align: middle;
	line-height: 120%;
}

.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: 16px;
	height: 17px;
	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-size: 1.1rem;
	font-weight: 500;
	position: absolute;
	left: 4px;
	top: 0;
}

.bod_list .btn, .bod_maintain .btn {
	display: inline-block;
	background: #fff !important;
	border: 1px solid #ccc !important;
	padding: 0.4rem 1rem !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;
}

/* 게시판 td 너비가 필요할 때 사용 */
.list_num {
	width: 6%;
}

.list_file {
	width: 5%;
}

.list_write {
	width: 14%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align: middle;
}

.list_answer {
	width: 10%;
}

.list_date {
	width: 12%;
}

.list_hit {
	width: 5%;
}

td.list_tit {
	text-align: left;
	padding-left: 0.5rem !important;
	width:auto;
	overflow:hidden;
	white-space:nowrap;
}

td.list_tit a {
	color: #000;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width: 98%;
	vertical-align: middle;
}

td.list_tit>span {
	display: inline-block;
}

td.list_tit strong {
	color: #fff;
	background: #ff4e00;
	border-radius: 4px;
	padding: 0 5px;
	margin-right: 2px;
	font-size: 1.3rem;
}

td.list_tit img[src$='ico_reply.gif'] {
	margin-right: 8px;
}

td.list_file img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.is-ie td.list_file img {
	transform: translate(-50%, 0%);
} /* ie전용 */

/* 고시공고 */
.bod_list.gosi .list_num {
	width: 7%;
}

.bod_list.gosi .list_dept, .bod_list.staff .list_tel {
	width: 14%;
}

.bod_list.staff .list_tel a:hover {
	cursor: default;
	text-decoration: none;
	color: #666;
	pointer-events: none;
}

.bod_list.gosi .list_notice_num, .bod_list.staff .list_dept, .bod_list.staff .list_team,
	.bod_list.staff .list_class {
	width: 15%;
}

.bod_list.gosi .list_date {
	width: 13%;
}

.bod_list.gosi tbody td, .bod_list.staff tbody td {
	line-height: 120%;
	padding: 1rem 0;
}

/* 직원안내 */
.bod_list.staff .list_name {
	width: 8%;
}

.bod_list.staff td.list_work {
	text-align: left;
	padding-left: 1rem;
}

/* 민원형 게시판 */
.bod_list.minwon .list_category {
	width: 7%;
}

.bod_list.minwon .list_dept {
	width: 12%;
}

.bod_list.minwon .list_answer {
	width: 6%;
}

.bod_list.minwon .list_answer>span {
	display: inline-block;
	padding: 0.6rem;
	border-radius: 4px;
}

.bod_list.minwon .answer_standby {
	border: 1px solid #bbb;
}

.bod_list.minwon .answer_complete {
	border: 1px solid #d14a08;
	background: #e5520a;
	color: #fff;
}

/* 포토게시판 */
.bod_photo, .bod_movie {
	border-top: 2px solid #333;
	border-bottom: 1px solid #ddd;
	padding: 1.6rem 0;
	margin-top: 0.7rem;
}

.bod_photo ul li {
	width: 25%;
	min-height: 190px;
	float: left;
	text-align: center;
	padding: 1.6rem;
}

.bod_photo a, .bod_movie a {
	display: block;
	color: #333;
	border: 1px solid #ddd;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-weight: 500;
}

.bod_photo a:hover, .bod_movie a:hover {
	border: 1px solid #bbb;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.18);
}

.bod_photo a:hover .thumb img, .bod_movie a:hover .thumb img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.bod_photo .thumb, .bod_movie .thumb {
	display: block;
	background: #efefef; /*min-height: 160px;*/
	position: relative;
	overflow: hidden;
	padding: 0 0 67.636%;
}

.bod_photo .thumb>figure, .bod_movie .thumb>figure {
	display: block;
	position: absolute;
	left: -100%;
	right: -100%;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.bod_photo .thumb img, .bod_movie .thumb img {
	width: auto;
	margin: 0 auto;
	display: inline-block;
	max-height: 100%;
	vertical-align: top;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	height: 100%; /* min-width: 33.4%; border-bottom: 1px solid #ddd;*/
}

.bod_photo .cont, .bod_movie .cont {
	padding: 1.6rem;
	font-size: 1.7rem;
	text-align: left;
}

.bod_photo .cont>span, .bod_movie .cont>span {
	width: 100%;
	display: block;
	text-align: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	line-height: 130%;
}

.bod_photo .cont>span.date, .bod_movie .cont>span.date {
	font-size: 1.3rem;
	color: #999;
	margin-top: 8px;
}

.bod_photo .cont>span.category {
	font-size: 1.4rem;
	color: #666;
}

.bod_photo .cont>span.tit {
    white-space: initial;
}
@media (max-width:1270px) and (min-width:1024px) {
	.bod_photo .cont>span.tit {
    height:70px;
}
}
@media (max-width:768px) and (min-width:640px) {
	.bod_photo .cont>span.tit {
    height:70px;
}
}

/* 동영상 게시판 */
.bod_movie {
	line-height: 150%;
}

.bod_movie ul li {
	width: 33.33%;
	min-height: 190px;
	float: left;
	text-align: center;
	padding: 1.6rem;
}

.bod_movie .thumb {
	padding-bottom: 55%;
}

.bod_movie .cont>span.category {
	font-size: 1.4rem;
}

.bod_movie .cont>span.date {
	margin-top: 0;
}
/* 동영상 게시판 > 상세페이지*/
#movie {
	text-align: center !important;
	margin: 0 auto;
}

video {
	max-width: 100%;
	height: auto;
}

/* 블로그 게시판 */
.bod_blog {
	border-top: 2px solid #333;
	margin-top: 0.7rem;
}

.bod_blog li {
	margin: 2rem 0;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.bod_blog a {
	display: block;
	overflow: hidden;
}

.bod_blog a>div {
	padding: 2.4rem;
}

.bod_blog .thumb, .bod_blog .cont {
	float: left;
}

.bod_blog .thumb {
	width: 28%;
	margin-right: 4%;
	overflow: hidden;
	text-align: center;
	background: #efefef;
}

.bod_blog .thumb>figure {
	/* display: block;position: relative;padding: 0 0 66.666%;overflow: hidden; */
	height: 0;
	padding-bottom: 57.25%;
	position: relative;
}

.bod_blog .thumb>figure span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bod_blog .thumb img {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display: inline-block;
	max-height: 100%;
	vertical-align: top;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	height: 100%;
	/* display: block;position: absolute;left: 0;top: -6%;width: 100%;height: auto;min-height: 100%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; */
}

.bod_blog li:hover {
	border: 1px solid #bbb;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.18);
}

.bod_blog a:hover .thumb img, .bod_blog a:focus .thumb img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.bod_blog .cont {
	width: 68%;
	max-height: 162px;
	overflow: hidden;
} /* 게시물 개행 시 특정 높이 이상일 경우 숨김 처리 : 화면 너비에 따른 max-height 수치 수정 필요 */
.bod_blog .cont>span {
	display: block;
	line-height: 140%;
}

.bod_blog .cont .tit {
	font-size: 1.9rem;
	font-weight: 500;
	color: #333;
	margin-bottom: 1.6rem;
	padding-top: 1rem;
	line-height: 150%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}

.bod_blog .cont .date {
	color: #999;
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
}

.bod_blog .cont .date>span {
	display: inline-block;
	margin: 3px 1rem 3px 0;
}

.bod_photo ul li.no_data, .bod_movie ul li.no_data, .bod_blog ul li.no_data,
	.popupzone_list ul li.no_data {
	width: 100%;
	text-align: center;
	padding: 6rem 0;
}

.bod_photo ul li.no_data span, .bod_movie ul li.no_data span, .bod_blog ul li.no_data span,
	.popupzone_list ul li.no_data span {
	position: relative;
	color: #999;
	display: inline-block;
	padding: 17px 0 17px 64px;
	font-size: 1.7rem;
}

.bod_photo ul li.no_data span:before, .bod_movie ul li.no_data span:before,
	.bod_blog ul li.no_data span:before, .popupzone_list ul li.no_data span:before
	{
	content: '';
	width: 55px;
	height: 49px;
	background: url('./../img/board/spr_board.png') -448px -109px no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

.bod_blog ul li.no_data {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
}

.bod_blog ul li.no_data:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.bod_blog ul li.no_data span {
	padding: 14px 0 40px 64px;
}

.bod_blog ul li.no_data span:before {
	top: -3%;
}

/* FAQ */
.bod_list.faq .list_category {
	width: 10%;
}

.bod_list.faq .list_write {
	width: 17%;
}

.bod_list.faq .list_tit {
	padding-left: 1rem !important;
}

.bod_list.faq .list_category>span {
	background: #299eab;
	color: #fff;
	padding: 0 1rem;
	border-radius: 4px;
}

.bod_list.faq .faq_answer {
	background: #f5f5f5;
	text-align: left;
	padding: 3rem;
	line-height: 150%;
}

.bod_list.faq .faq_answer dt, .bod_list.faq .faq_answer dd {
	float: left;
}

.bod_list.faq .faq_answer dt:before {
	content: 'Q';
	width: 24px;
	height: 24px;
	background: #333;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-right: 1rem;
}

.bod_list.faq .list_q {
	margin-bottom: 1.6rem;
	padding-bottom: 1rem;
}

.bod_list.faq .list_q>dd {
	font-weight: 500;
	font-size: 1.7rem;
	color: #333;
	width: 93%;
}

.bod_list.faq .list_a>dd {
	width: 93%;
}

.bod_list.faq .list_a dt:before {
	content: 'A';
	background: #ff4e00;
}

/* 게시판 상세페이지 */
.bod_view h4 {
	border-top: 2px solid #0092a8;
	border-bottom: 1px solid #0092a8;
	padding: 1.8rem 0;
	color: #02244d !important;
	background: #ebf7f9;
	text-align: center;
	font-size: 2.2rem !important;
	margin: 0 !important;
}

.bod_view h4:before {
	display: none !important;
}

.bod_view li {
	float: left;
	font-size: 1.4rem;
	color: #666;
	margin-top: 3px;
	margin-bottom: 10px;
}

.view_info {
	padding: 1rem;
	border-bottom: 1px solid #ddd;
	background: #ffffff;
}

.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, #updateFileList a {
	word-break: break-all
}

.view_cont {
	width: 100%;
	min-height: 300px;
	padding: 2rem 0;
	border-bottom: 1px solid #ddd;
	line-height: 150%;
	color: #666;
	overflow: hidden
		/* webzine형 게시판 에디터로 우측 정렬 시 float 현상 발생하여 추가함 2020-05-19 */;
}

.view_cont>img {
	display: block;
	margin: 0 auto;
}

.view_cont table{
    border-top: 2px solid #999;
    }
    
    .view_cont table td {
        padding:5px 10px;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
    }

.view_file {
	padding: 1.6rem 0;
	border-bottom: 1px solid #ddd;
}

.view_file dt {
	width: 100%;
	margin-bottom: 1.5rem;
}

.view_file dt>span {
	width: 100%;
	display: inline-block;
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #333;
	padding: 10px;
	text-align: center;
}

.view_file .no_file {
	color: #79889e;
}

.view_file .no_file:before {
	content: '';
	width: 35px;
	height: 35px;
	background: #1eafc5 url(./../img/board/spr_board.png) -139px 8px
		no-repeat;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 1rem;
}

#updateFileList {
	margin-left: 5px;
}

#updateFileList a {
	position: relative;
	color: #1eafc5;
	line-height: 120%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

#updateFileList a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: #666;
	margin: -1px 2px 0 0;
}

#updateFileList a>span {
	color: #777;
	margin-right: 5px;
	display: inline-block;
}

#updateFileList a:hover>span {
	text-decoration: underline
}

#updateFileList a.btn_preview {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 3px 3px 3px 7px;
	font-size: 1.3rem;
}

#updateFileList a.btn_preview:before {
	display: none;
}

#updateFileList a.btn_preview:hover {
	border-color: #bbb;
}

#updateFileList li {
	float: none;
}

#updateFileList li:not (:last-child ) {
	padding-bottom: 1.6rem;
}

/* 현황 상세페이지 */
.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: 2rem 1rem;
}

.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;
}

/* 대량포토게시판 상세페이지 */
.bod_view .photo_viewer>div {
	height: 0;
	padding-bottom: 62.8%;
	position: relative;
}

.bod_view .photo_viewer>div>figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.bod_view .photo_viewer img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
}

.bod_view .photo_viewer .photo_bar {
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
}

.bod_view .photo_viewer .ctrl_photo {
	float: left;
}

.bod_view .photo_viewer .ctrl_photo>* {
	float: left;
	background: rgba(0, 0, 0, 0.6);
}

.bod_view .photo_viewer .ctrl_photo>.btn {
	text-indent: -9999px;
	width: 5.8rem;
	height: 5.8rem;
	position: relative;
}

.bod_view .photo_viewer .ctrl_photo>.btn:hover {
	background: rgba(0, 0, 0, 1);
}

.bod_view .photo_viewer .ctrl_photo>.btn:before {
	content: '';
	width: 8px;
	height: 13px;
	background: url('./../img/board/spr_board.png') 0 -139px no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.bod_view .photo_viewer .ctrl_photo>.btn.next:before {
	background-position: -18px -139px;
}

.bod_view .photo_viewer .ctrl_photo .paging {
	display: block;
	color: #fff;
	padding: 1.7rem;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.bod_view .photo_viewer .ctrl_photo .paging strong {
	color: #3deaff;
	font-weight: 600;
}

.bod_view .photo_viewer .btns {
	float: right;
	margin: 0.4rem 1rem 0 0;
}

.bod_view .photo_viewer .btns .btn {
	display: inline-block;
	vertical-align: middle;
	padding: 0.9rem 1.5rem 0.9rem 4rem;
	font-size: 1.5rem;
	letter-spacing: -1pt;
	color: #fff;
	position: relative;
}

.bod_view .photo_viewer .btns .btn:before {
	content: '';
	width: 24px;
	height: 19px;
	position: absolute;
	left: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.bod_view .photo_viewer .btns .btn.original:before {
	background: url('./../img/board/spr_board.png') -36px -136px no-repeat;
}

.bod_view .photo_viewer .btns .btn.download:before {
	background: url('./../img/board/spr_board.png') -68px -136px no-repeat;
}

.bod_view .photo_viewer .btns .btn.original:hover:before {
	background-position: -36px -165px;
}

.bod_view .photo_viewer .btns .btn.download:hover:before {
	background-position: -69px -165px;
}

.bod_view .photo_viewer .btns .btn:hover {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #ffe395;
}

.bod_view .thumb_list {
	overflow: hidden;
	margin-top: 4rem;
	max-height: 379px;
	overflow-y: auto;
}

.bod_view .thumb_list li {
	float: left;
	width: 9.1%;
	margin: 0 1% 1% 0;
	background: #f7f7f7;
}

.bod_view .thumb_list li:nth-of-type(10n) {
	margin-right: 0;
}

.bod_view .thumb_list li a {
	display: block;
}

.bod_view .thumb_list li div {
	height: 0;
	padding-bottom: 65.25%;
	position: relative;
}

.bod_view .thumb_list li div figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.bod_view .thumb_list li img {
	opacity: 0.5;
	max-height: 100%;
}

.bod_view .thumb_list li.active div {
	margin: 4px;
	padding-bottom: calc(65.24% - 8px);
}

.bod_view .thumb_list li.active div:before {
	border: 4px solid #67ead9;
	content: '';
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: -4px;
	right: -4px;
}

.bod_view .thumb_list li.active img {
	opacity: 1;
}

/* 게시판 글쓰기 */
.bod_write {
	border-top: 2px solid #333;
	overflow: hidden;
}

.bod_write dl dt, .bod_write dl dd {
	float: left;
	line-height: 180%;
}

.bod_write dl dt {
	width: 25%;
	text-align: center;
	font-weight: 500;
	line-height: 120%;
}

.bod_write dl dd {
	width: 75%;
	font-size: 1.5rem;
	color: #666;
}

.bod_write dl dd label {
	margin-right: 1rem;
}

.bod_write dl {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.bod_write dl:after {
	content: '';
	clear: both;
	display: block;
}

.bod_write textarea, .bod_write input {
	border: 1px solid #bbb !important;
	border-radius: 4px;
	color: #666;
}

.bod_write .btn_address, .bod_write .btn {
	background: #fff;
	padding: 0.8rem 1.5rem;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.bod_write .btn_address:hover, .bod_write .btn:hover {
	background: #333;
	color: #fff;
}

.bod_write select {
	color: #666;
}

.bod_write input[type=button].del {
	width: 25px !important;
	height: 25px;
	background: #fff url('./../img/board/spr_board.png') -21px -58px
		no-repeat;
	margin-left: 5px;
}

.bod_write input[type=button].del:hover {
	border-color: #666 !important;
}

.bod_write #updateFileList {
	margin-left: 0;
}

/* 첨부파일 */
#egovComFileList #noFile, #egovComFileList>li>span {
	color: #999;
}

#egovComFileList>li {
	padding-top: 1rem;
}

#egovComFileList>li:not (:last-child ) {
	border-bottom: 1px dashed #ddd;
	padding: 1rem 0 1.6rem;
}

#egovComFileList>li>span {
	font-size: 1.5rem;
	word-break: break-all
}

#egovComFileList>li label, #updateFileList li label, .label label {
	display: inline-block;
	padding: 0.7rem 1rem 0.6rem;
	margin-right: 0 !important;
	background: #004fae;
	border-radius: 4px 0 0 4px;
	color: #fff;
}

#egovComFileList>li label+input, #updateFileList li label+input, .label label+input
	{
	border-radius: 0 4px 4px 0;
	width: 400px;
}

/* 임시 저장 메시지 */
.warning {
	border-radius: 4px;
	border: 1px dashed #fc6f58;
	margin: 20px 0 10px;
	padding: 20px 15px;
	color: #fc6f58;
	font-size: 1.8rem;
	font-weight: 500;
	position: relative;
	padding-left: 80px;
}

.warning:before {
	content: '';
	width: 42px;
	height: 42px;
	background: url('./../../sys/img/common/spr_common.png') -202px -197px
		no-repeat;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.warning.no_icon {
	padding-left: 20px;
}

.warning.no_icon:before {
	display: none;
}

.warning ul {
	margin-top: 10px;
}

.warning ul>li {
	margin-top: 10px;
	font-size: 1.4rem;
}

/* 공공누리 */
.open_license {
	background: #f7f7f7;
	padding: 1rem;
	border-bottom: 1px solid #ddd;
	position: relative;
	font-size: 1.5rem;
}

.open_license a, .open_license p {
	float: left;
}

.open_license a {
	display: block;
}

.open_license p {
	display: inline-block;
	position: absolute;
	margin-left: 1.2rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

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

.bod_page>a.on {
	background: #555c67;
	font-weight: 500;
	color: #fff;
}

.bod_page>a[class^=btn_] {
	width: 30px;
	height: 30px;
	text-indent: -999999rem;
	border: 1px solid #ccc;
	background: url('./../img/board/spr_board.png') 8px 9px no-repeat;
}

.bod_page>a[class^=btn_]:hover, .bod_page>a[class^=btn_]:focus {
	border: 1px solid #999;
}

.bod_page>a.btn_first, .bod_page>a.btn_10prev {
	margin-right: 3px;
}

.bod_page>a.btn_end, .bod_page>a.btn_10next {
	margin-left: 2px;
}

.bod_page>a.btn_10prev {
	background-position: -16px 9px !important;
}

.bod_page>a.btn_10next {
	background-position: -36px 9px !important;
}

.bod_page>a.btn_end {
	background-position: -60px 9px !important;
}

.bod_page>span, .bod_page>a {
	display: inline-block;
	padding: 0.8rem 1.12rem;
	vertical-align: middle;
	font-size: 1.4rem;
}

.bod_page>span {
	background: #1eafc5;
	color: #fff;
	font-weight: 500;
	width: 30px;
	height: 30px;
	padding: 0;
	line-height: 29px;
}

/* 코멘트 박스 */
.commentBox {
	padding: 1.6rem;
	margin: 1.6rem 0 3.2rem;
	background: #f7f7f7;
	border: 1px solid #ddd;
}

.commentBox .commentAll {
	color: #333;
	background-color: #f6f6f6;
	padding: 0.8rem 0.8rem 1.6rem 0;
	border-bottom: 1px solid #ccc;
}

.commentBox .commentAll em {
	font-weight: 500;
	color: #ea4040;
}

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

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

.commentCon {
	padding: 0 !important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.commentCon>li {
	width: 100%;
}

.commentCon>li.empty {
	text-align: center;
	padding: 0.8rem 0 1.12rem;
	float: none;
}

.commentCon>li:not (.empty ) {
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	margin-top: -1px;
	padding: 2rem 1.6rem;
}

.commentCon>li:not (:last-child ) {
	border-bottom: 1px solid #ddd;
}

.commentCon>li .date {
	color: #999999;
	position: relative;
	margin-left: 10px;
}

.commentCon>li .cont {
	word-break: break-all;
	line-height: 150%;
	margin-top: 1rem;
	color: #666;
}

.commentCon>li .name, .commentCon>li .date, .commentCon>li .cont {
	font-size: 1.5rem;
}

.commentFom {
	margin-top: 10px;
	position: relative;
}

.commentFom>textarea {
	width: 86%;
	height: 91px;
	float: left;
	margin-right: 1%;
	background: #eff7fb;
	border: solid 1px #ddd;
	border-radius: 4px;
	font-size: 1.5rem;
}

.commentFom>textarea[disabled] {
	background: #eee;
	border: solid 1px #ddd;
}

.commentFom>p {
	width: 13%;
	float: right;
	font-size: 1.5rem /* 15px */;
}

.commentFom a.btn_comment {
	display: block;
	background: #004fae;
	text-align: center;
	color: #fff;
	padding: 3.2rem 1.6rem; /* border-radius: 8px 0/ 8px 0; */
}

.commentFom a.btn_comment:hover, .commentFom a.btn_comment:focus {
	background: #889fb3;
}

.commentFom a.btn_comment br {
	display: none;
}

.commentFom a.btn_comment_submit {
	background: #728290;
	color: #fff;
	font-weight: 700;
}

.comment_btn_wrap {
	margin-top: 1.6rem;
}

.comment_btn_wrap>a {
	background: #fff;
	border: 1px solid #ddd;
	padding: 0.3rem 0.8rem 0.4rem;
	border-radius: 2px;
	font-size: 1.5rem;
}

.comment_btn_wrap>a:hover, .comment_btn_wrap>a:focus {
	border: 1px solid #bbb;
}

.comment_btn_wrap>a:before {
	content: '';
	width: 24px;
	height: 24px;
	background: url('./../img/board/spr_board.png') 0 -58px no-repeat;
	display: inline-block;
	vertical-align: top;
	margin: 0 2px 0 0;
}

.comment_btn_wrap>a.del:before {
	background-position: -24px -58px;
}

/* 주의사항안내 */
.notice_box {
	border: 1px solid #ddd;
	padding: 2rem;
	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;
	font-size: 1.7rem;
}

.notice_box .txt_wrap li {
	position: relative;
	padding-left: 15px;
	font-size: 1.5rem;
}

.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;
}

/* 비밀번호 확인 */
.password_box .input_area {
	border-radius: 1rem;
	border: 1px solid #ddd;
	margin: 2rem 0;
	padding: 3rem 1.5rem;
	text-align: center;
}

.password_box .input_area:hover {
	border: 1px solid #bbb;
}

.password_box .input_area fieldset {
	background: #f9f9f9;
	padding: 2rem 0;
}

.password_box input[type="password"] {
	border: 1px solid #bbb !important;
	border-radius: 4px;
	padding: 1.1rem;
	color: #666;
	margin-left: 1rem;
}

.password_box input[type="password"]:hover, .password_box input[type="password"]:focus
	{
	background: #e8f4fb;
}

/* input */
input[type="submit"] {
	padding: 0.9rem 2.4rem;
	background: #02244d;
	color: #fff;
	border: 2px solid transparent;
}

input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active
	{
	background: #889fb3;
}

input[type="text"], input[type="password"] {
	border: 1px solid #bbb;
	padding: 0.8rem;
	margin: 3px 0;
}

input[type="file"] {
	border: 1px solid #bbb;
	padding: 4px; /*width: 461px;*/
}

input#searchTxt {
	ime-mode: active;
}

/* 게시판 하단 버튼 */
.btn_wrap {
	word-break: break-all
}

.btn_wrap * {
	position: relative;
}

.btn_wrap>a, .btn_wrap>input, .btn_wrap>button {
	display: inline-block;
	background: #1eafc5; /* border: 1px solid #02244d; */
	color: #fff;
	padding: 1.5rem 2.4rem;
	border-radius: 0;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	height: 44px;
}

.btn_wrap>a, .btn_wrap input[type="submit"], .btn_wrap input[type="button"],
	.btn_wrap button {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	vertical-align: middle;
}

.btn_wrap>a:hover, .btn_wrap>a:focus, .btn_wrap>input:hover, .btn_wrap>button:hover
	{
	background: #02244d;
	border-radius: 10px 10px 0 10px;
}

.btn_wrap>a.del, .btn_wrap>a.cancel, .btn_wrap>input.del, .btn_wrap>input.cancel,
	.btn_wrap>button.del, .btn_wrap>button.cancel {
	border: 2px solid #1eafc5 !important;
	padding: 0.8rem 2.2rem;
	background: #fff;
	color: #1eafc5;
	float: left;
}

.btn_wrap>a.del, .btn_wrap>a.cancel {
	padding: 1rem 2.2rem;
}

btn_wrap input[type="submit"], .btn_wrap input[type="button"], .btn_wrap button
	{
	/* padding: 1.1rem 2.1rem !important; /*margin-top: -3px; */
}
/* .is-ie .btn_wrap input[type="button"],  */
.is-ie .btn_wrap button {
	padding: 1.5rem 2.4rem !important;
}

.btn_wrap>a.del:hover, .btn_wrap>a.del:focus, .btn_wrap>a.cancel:hover,
	.btn_wrap>a.cancel:focus, .btn_wrap>input.del:hover, .btn_wrap>input.cancel:hover,
	.btn_wrap>button.del:hover, .btn_wrap>button.cancel:hover {
	border-color: #ff4b31 !important;
	color: #ff4b31;
	text-decoration: underline;
}

.btn_wrap>input {
	padding: 1.1rem 2.4rem;
}

.btn_wrap>input.cancel {
	padding: 0 !important;
	margin: 0;
}

.btn_wrap>input[target=_blank]:after, .btn_wrap>a[target=_blank]:after,
	.btn_wrap>button[onclick^='window.open']:after {
	content: '';
	width: 17px;
	height: 15px;
	background: url('./../img/common/spr_common.png') 0 0 no-repeat;
	display: inline-block;
	margin-left: 5px;
}

/* 색깔 있는 버튼 */
.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;
}

@media screen and (max-width:1024px) {
	/* 일반게시판 */
	.bod_photo ul li {
		width: 33.33%;
	}

	/* 포토게시판 상세페이지 */
	.commentFom>textarea {
		width: 80%;
	}
	.commentFom>p {
		width: 19%;
	}
}

@media screen and (max-width:960px) {
	/* 일반게시판: bod_list , 현황 목록 : bod_maintain */
	.bod_list, .bod_maintain {
		/* table-layout: auto */
	}
	.bod_head .page_num {
		float: none;
		padding-top: 0;
	}
	.bod_head .bod_search {
		float: left;
	}

	/* 블로그게시판 */
	.bod_blog .thumb, .bod_blog .cont {
		width: 100%;
	}
	.bod_blog li:nth-of-type(odd) {
		margin-right: 1%;
	}
	.bod_blog li {
		width: 49.5%;
		float: left;
	}
	.bod_blog .cont>span.txt {
		height: 110px;
		overflow: hidden;
	}

	/* FAQ */
	.bod_list.faq .list_dept {
		display: none;
	}

	/* 대량포토게시판 상세페이지 */
	.bod_view .thumb_list {
		max-height: 317px;
	}
	.bod_view .thumb_list li {
		width: 15.83%;
	}
	.bod_view .thumb_list li:nth-of-type(10n) {
		margin-right: 1%;
	}
	.bod_view .thumb_list li:nth-of-type(6n) {
		margin-right: 0;
	}

	/* 캘린더 */
	#yhdCalendar {
		width: 100%;
		margin-right: 0%;
	}
	#dailySchedule {
		width: 100%;
		margin-top: 2rem;
	}
}

@media screen and (max-width:768px) {
	/* 게시판 상단 */
	.bod_head {
		padding: 0.1rem 0 0.5rem;
	}

	/* 일반게시판 */
	.bod_list .list_num {
		display: none;
	}
	.bod_list .list_file {
		width: 8%;
	}
	.bod_list .list_date {
		width: 16%;
	}

	/* 고시공고, 입법예고, 채용공고 */
	.bod_list.gosi thead, .bod_list.gosi .list_num, .bod_list.gosi tbody td br,
		.bod_list.staff thead, .bod_list.staff .list_num, .bod_list.staff tbody td br
		{
		display: none;
	}
	.bod_list.gosi thead {
		border-bottom: none;
	}
	.bod_list.gosi tbody tr, .bod_list.gosi tbody td, .bod_list.staff tbody tr,
		.bod_list.staff tbody td {
		display: block;
	}
	.bod_list.gosi tbody tr:nth-of-type(even) {
		background: #f7f7f7;
	}
	.bod_list.gosi tbody tr, .bod_list.staff tbody tr {
		border-bottom: 1px solid #ddd;
		padding: 1rem 0;
	}
	.bod_list.gosi tbody td, .bod_list.staff tbody td {
		width: 100%;
		text-align: left;
		padding: 6px 3px !important;
		border-bottom: 0 !important;
	}
	.bod_list.gosi .list_tit a {
		font-weight: 500;
		font-size: 1.7rem;
		line-height: 150%
	}
	.bod_list.gosi .list_dept, .bod_list.staff .list_team, .bod_list.staff .list_class,
		.bod_list.staff .list_name, .bod_list.gosi .list_date {
		display: inline-block;
	}
	.bod_list.gosi .list_dept {
		width: 20%;
		float: left;
	}
	.bod_list.gosi .list_dept:after {
		display: none;
	}
	.bod_list.gosi .list_date {
		width: 80%;
	}

	/* 직원안내 */
	.bod_list.staff .list_dept, .bod_list.staff .list_team, .bod_list.staff .list_class,
		.bod_list.staff .list_name, .bod_list.staff .list_work {
		float: left;
	}
	.bod_list.staff .list_dept {
		width: 35%;
	}
	.bod_list.staff .list_team {
		width: 65%;
	}
	.bod_list.staff .list_class {
		width: 34.9%;
		word-break: break-all;
		letter-spacing: -1pt;
		font-size: 1.8rem;
		font-weight: 700;
		margin-top: 0.8rem;
	}
	.bod_list.staff .telno a {
		display: inline-block;
		padding: 3px 10px 3px 29px;
		border-radius: 20px;
		border: 1px solid #d7d7d7;
		-webkit-box-shadow: 2px 2px 0px #ddd;
		box-shadow: 2px 2px 0px #ddd;
		color: #fff !important;
		background: #21333e url('./../img/common/ico_m_call.png') no-repeat 7px
			4px;
	}
	.bod_list.staff .list_tel {
		width: 50%;
		float: right;
		text-align: right;
	}
	.bod_list.staff .list_tel a[href^='tel:'] {
		display: inline-block;
		padding: 1.1rem 1rem 1.2rem 3.2rem;
		border-radius: 23px;
		border: 1px solid #d7d7d7;
		-webkit-box-shadow: 2px 2px 0px #ddd;
		box-shadow: 2px 2px 0px #ddd;
		color: #fff !important;
		background: #117fc3 url('./../img/common/ico_m_call.png') no-repeat 10px
			12px;
		font-size: 1.6rem;
		cursor: pointer;
		pointer-events: auto;
	}
	.bod_list.staff .list_name {
		width: 15.1%;
		font-size: 2.5rem;
		font-weight: 700;
		margin-top: 0.5rem;
	}

	/* 포토게시판 */
	.bod_photo ul li, .bod_movie ul li {
		padding: 0.8rem;
	}

	/* 동영상게시판 */
	.bod_movie ul li {
		width: 50%;
	}

	/* 블로그게시판 */
	.bod_blog li {
		width: 100%;
		margin-right: 0;
	}

	/* FAQ */
	.bod_list.faq thead, .bod_list.faq .list_num, .bod_list.faq tbody td br
		{
		display: none;
	}
	.bod_list.faq thead {
		border-bottom: none;
	}
	.bod_list.faq tbody tr, .bod_list.faq tbody td {
		display: block;
	}
	.bod_list.faq tr {
		padding: 10px 0;
		border-bottom: 1px solid #d9d9d9;
	}
	.bod_list.faq tr:after {
		content: '';
		display: block;
		clear: both;
	}
	.bod_list.faq th, .bod_list.faq td {
		border-bottom: 0 !important;
		padding: 6px 3px !important;
	}
	.bod_list.faq td.list_date {
		font-size: 1.3rem;
	}
	.bod_list.faq .list_category {
		width: 100%;
		text-align: left;
	}
	.bod_list.faq .list_category, .bod_list.faq .list_tit {
		vertical-align: top;
	}
	.bod_list.faq .list_tit {
		padding-left: 0.2rem !important;
	}
	.bod_list.faq .list_tit a {
		font-size: 1.6rem;
		font-weight: 500;
	}
	.bod_list.faq .list_part, .bod_list.faq .list_date, .bod_list.faq .list_write
		{
		float: left;
		text-align: left;
		width: auto;
	}
	.bod_list.faq .element_detail {
		padding: 0;
	}
	.bod_list.faq .faq_answer {
		padding: 2rem !important;
	}
	.bod_list.faq .list_q {
		padding: 0;
	}
	.bod_list.faq .list_a>dd {
		width: 100%;
		font-size: 1.4rem;
	}
	.bod_list.faq .list_q>dd {
		font-size: 1.6rem;
	}

	/* 포토게시판 상세페이지 */
	.commentFom>textarea {
		width: 78%;
	}
	.commentFom>p {
		width: 21%;
	}

	/* 대량포토게시판 상세페이지 */
	.bod_view .thumb_list {
		max-height: 250px;
	}

	/* 현황 상세페이지 */
	.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;
		font-size: 1.8rem;
		background-color: #f0f0f0;
		border-color: #999;
	}
	.notice_box .txt_wrap {
		margin-top: 25px;
	}

	/* 반응형 시 swipe되는 테이블 */
	.tbl_wrap {
		width: 100%;
		overflow: hidden;
		overflow-x: scroll;
	}
	.tbl_wrap .tbl_guide {
		display: block;
		color: #0b926e;
		font-size: 1.4rem;
		line-height: 130%;
		padding-bottom: 1rem;
	}
	.tbl_wrap .tbl_guide:before {
		content: '';
		width: 5px;
		height: 5px;
		background: #0b926e;
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.5rem;
	}
	.tbl_wrap .tbl, .tbl_wrap .bod_maintain {
		width: 729px;
	}

	/* 임시저장메시지 */
	.warning {
		font-size: 1.6rem;
		line-height: 130%;
		margin: 0;
	}
}

@media all and (max-width:640px) {
	/* 게시판 상단 안내문구 */
	.bod_guide {
		padding: 2rem 1rem;
	}
	.bod_guide:before {
		display: none;
	}
	.bod_guide ul {
		padding-left: 0;
		margin: 0;
	}
	.bod_guide ul li {
		font-size: 1.4rem;
	}
	.bod_guide .minGuide {
		padding: 0 1rem;
	}
	.bod_guide .minGuide .tit {
		padding-top: 0;
	}

	/* 일반게시판 */
	.bod_list thead, .bod_list .list_file, .bod_list .list_hit {
		display: none;
	}
	.bod_list tr {
		border-bottom: 1px solid #d9d9d9;
	}
	.bod_list .list_part, .bod_list .list_date, .bod_list .list_write {
		float: left;
		text-align: left;
		width: auto;
	}
	.bod_list .list_write:after {
		content: '';
		width: 1px;
		height: 14px;
		background: #ddd;
		margin: -2px 7px 0 13px;
		display: inline-block;
		vertical-align: middle;
	}
	.bod_list .list_tit {
		display: block;
	}
	.bod_list .list_tit a {
		font-weight: 500;
		font-size: 1.7rem;
	}
	.bod_list td, .bod_list th {
		padding: 6px 3px !important;
		border-bottom: 0 !important;
	}
	.bod_list tr {
		padding: 10px 0;
		display: block;
	}
	.bod_list tr:after {
		content: '';
		display: block;
		clear: both;
	}
	.bod_list tr:nth-of-type(even) {
		background: #f7f7f7;
	}
	/* .bod_list span.ico_new:before {left: 4px;} */

	/* 고시공고 */
	.bod_list.gosi .list_dept {
		width: 42%;
	}
	.bod_list.staff .list_team {
		width: 58%;
	}
	.bod_list.gosi .list_date {
		width: 70%;
	}

	/* 고시공고, 입법예고, 채용공고, 직원업무 */
	.list_answer {
		float: left;
	}
	.bod_list.staff .list_dept, .bod_list.staff .list_class, .bod_list.staff .list_tel
		{
		width: 42%
	}
	.bod_list.staff .list_team {
		width: 58%;
	}

	/* 민원형게시판 */
	.bod_list.minwon .list_category {
		width: auto;
	}
	.bod_list.minwon .list_tit {
		display: block;
	}
	.bod_list.minwon .list_dept, .bod_list.minwon .list_write, .bod_list.minwon .list_answer
		{
		width: auto;
		float: left;
	}
	.bod_list.minwon .list_dept:after, .bod_list.minwon .list_answer:after {
		content: '';
		width: 1px;
		height: 14px;
		background: #ddd;
		margin: -2px 7px 0 13px;
		display: inline-block;
		vertical-align: middle;
	}
	.bod_list.minwon .list_answer>span {
		margin-top: -1rem;
	}

	/* 포토게시판 */
	.bod_photo ul li {
		width: 50%;
	}

	/* 블로그 게시판 */
	.bod_blog a>div {
		padding: 2rem;
	}
	.bod_blog .thumb {
		margin: 0 auto;
	}
	.bod_blog .thumb, .bod_blog .cont {
		float: none;
	}
	.bod_blog .cont {
		width: 100%;
		margin-top: 1.6rem;
	}
	.bod_blog .cont .tit {
		padding: 0;
	}
	.bod_blog .cont .tit, .bod_blog .cont .date {
		margin-bottom: 1rem;
	}

	/* 게시판 상세페이지 */
	.bod_view h4 {
		font-size: 2rem /* 20px */
	}
	.view_file dt>span {
		font-size: 1.5rem /* 15px */;
	}

	/* 대량포토게시판 상세페이지 */
	.bod_view .thumb_list {
		max-height: 410px;
	}
	.bod_view .photo_viewer .ctrl_photo .paging {
		padding: 1.8rem;
	}

	/* 게시판 하단 버튼 */
	.btn_wrap>a {
		/* padding: 1.1rem 1.6rem;*/
		font-size: 1.5rem /* 15px */;
	}
	.btn_wrap>a.del, .btn_wrap>a.cancel {
		/* padding: 0.8rem 1.4rem;*/
		margin-top: 0;
	}
	.btn_wrap input[type="submit"], .btn_wrap input[type="button"],
		.btn_wrap button[type="button"] {
		/* padding: 0.6rem 1.6rem 0.7rem !important; */
		margin-top: 0;
	}
	.btn_wrap input.cancel {
		/* padding: 0.4rem 1.6rem 0.5rem !important; */
	}
	.btn_wrap>a, .btn_wrap>input, .btn_wrap>button {
		height: 35px;
	}

	/* 코멘트 */
	.commentBox {
		padding: 1rem;
	}
	.commentBox .commentAll {
		padding: 0.6rem 0 1.1rem;
	}
	.commentCon>li:not (.empty ) {
		padding: 1.2rem 1.2rem 2rem;
	}

	/* 게시판 글쓰기 */
	.bod_write textarea {
		width: 100% !important;
	}
	.bod_write .tel_wrap input {
		width: 65px !important
	}
	.bod_write input[type=radio], .bod_write input[type=checkbox] {
		width: auto !important;
	}
	.bod_write dl dd {
		line-height: 140%;
	}
	/* 첨부파일 */
	#updateFileList a>span {
		margin: 5px 5px 5px 0;
	}
	/* 게시판 글쓰기 > 첨부파일 설명글 */
	#egovComFileList>li label, #updateFileList li label {
		border-radius: 4px 4px 0 0;
		width: 100%;
	}
	#egovComFileList>li label+input, #updateFileList li label+input {
		border-radius: 0 0 4px 4px;
		width: 100%;
	}
	#chk_unique_user_id, .bod_write .btn_address {
		margin-top: 5px;
	} /* 아이디 중복 여부 */

	/* 포토게시판 상세페이지 */
	.view_cont {
		font-size: 1.5rem;
	}
	.commentFom>textarea, .commentFom>p {
		width: 100%;
		float: none;
	}
	.commentFom>textarea {
		margin-bottom: 0.8rem;
	}
	.commentFom a.btn_comment {
		padding: 1.12rem;
	}

	/* 대량포토게시판 상세페이지 */
	.bod_view .thumb_list {
		margin-top: 2rem;
	}
	.bod_view .thumb_list li {
		width: 32.66%;
	}
	.bod_view .thumb_list li:nth-of-type(5n) {
		margin-right: 1%;
	}
	.bod_view .thumb_list li:nth-of-type(3n) {
		margin-right: 0;
	}

	/* 페이징 */
	.bod_page {
		padding: 1.6rem 0 0 0;
		margin-bottom: 1rem;
	}

	/* 공공누리 */
	.open_license img {
		width: 90%;
	}
	.open_license p {
		position: relative;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin: 1rem 0 0 0;
	}

	/* 캘린더 */
	#search_tit {
		font-size: 2rem;
		padding: 1rem 0;
	}
}

@media screen and (max-width:568px) {
	/* 직원안내 */
	.bod_list.staff .list_dept, .bod_list.staff .list_team {
		width: 50%;
	}
	.bod_list.staff .list_team {
		width: 50%;
	}
	.bod_list.staff .list_class {
		width: 100%;
	}
	.bod_list.staff .list_name {
		width: 50%;
	}
	.bod_list.staff .list_tel {
		width: 50%;
	}

	/* 현황 상세페이지*/
	.bod_detail th {
		text-align: left;
	}
	.bod_detail th, .bod_detail td {
		width: 100%;
		display: block;
	}

	/* 대량포토게시판 상세페이지 */
	.bod_view .thumb_list {
		max-height: 360px;
	}
	.bod_view .photo_viewer .btns {
		margin-top: 1.2rem;
	}
	.bod_view .photo_viewer .ctrl_photo .paging {
		font-size: 1.4rem;
	}
	.bod_view .photo_viewer .btns .btn {
		padding: 0;
		font-size: 1.4rem;
		width: 3.5rem;
		height: 3.5rem;
	}
	.bod_view .photo_viewer .btns .btn.original {
		margin-right: 0.2rem;
	}
	.bod_view .photo_viewer .btns .btn:before {
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.bod_view .photo_viewer .btns .btn>span {
		display: none;
	}

	.bod_head select, .bod_head input, .bod_head .btn {
		width: 100%;
	}

	/* 비밀번호 확인 */
	.password_box label {
		width: 100%;
		padding: 1rem 0;
		display: block;
	}
	.password_box input[type="password"] {
		width: 90%;
		margin-left: 0;
	}
	.password_box .btn_wrap>input {
		width: 49% !important;
		margin: 5px 0 !important;
	}
	.password_box .btn_wrap>input:nth-of-type(3) {
		width: 100% !important;
	}
}

@media screen and (max-width:416px) {
	/* 게시판 글쓰기 */
	.bod_write .wp300 {
		width: 100% !important;
	}
}

@media screen and (max-width:375px) {
	/* 일반게시판: bod_list , 현황 목록 : bod_maintain */
	.bod_list, .bod_maintain {
		table-layout: fixed;
	}
	.bod_list tbody td, .bod_maintain tbody td {
		font-size: 1.4rem;
	}
	.bod_list .list_tit a {
		font-size: 1.6rem;
	}

	/* 게시판 상세페이지 */
	.view_info ul, .view_info li {
		float: none;
	}
	.view_info li:not (:last-child ) {
		margin-bottom: 1rem;
	}
	.view_date {
		padding: 0;
		margin: 0;
		border: none;
	}

	/* 게시판 글쓰기 */
	.bod_guide .minGuide {
		padding: 0 0.5rem;
	}
	.bod_write dl dt, .bod_write dl dd {
		float: none;
		width: 100% !important;
		text-align: left !important;
	}
	.bod_write select {
		width: 100%;
	}
	.bod_write dl dt {
		padding-bottom: 7px;
	}
	.bod_write label[for=retypePw] br {
		display: none;
	} /* 회원수정/탈퇴 - 새비밀번호 재입력 */

	/* 고시공고 */
	.bod_list.gosi .list_dept {
		width: 35%;
	}
	.bod_list.gosi .list_date {
		width: 65%;
	}

	/* 직원안내 */
	.bod_list.staff .list_dept {
		width: 46%;
	}
	.bod_list.staff .list_class {
		width: 54%;
	}
	.bod_list.staff .list_tel a[href^='tel:'] {
		font-size: 1.4rem;
	}

	/* 포토게시판 */
	.bod_photo ul li, .bod_movie ul li {
		width: 100%;
	}

	/* 대량포토게시판 상세페이지 */
	.bod_view .thumb_list {
		max-height: 230px;
	}
	.bod_view .photo_viewer .btns {
		margin: 0.5rem 0.5rem 0 0;
	}
	.bod_view .photo_viewer .ctrl_photo>.btn {
		width: 4.3rem;
		height: 4.3rem;
	}
	.bod_view .photo_viewer .ctrl_photo .paging {
		padding: 1.1rem 1rem 1rem;
	}
	.bod_view .photo_viewer .btns .btn {
		width: 3.2rem;
		height: 3.2rem;
	}

	/* 블로그 게시판 */
	.bod_blog .thumb {
		width: 100%;
	}

	/* FAQ */
	.bod_list.faq .faq_answer {
		padding: 1rem !important;
	}
	.bod_head .btn {
		text-align: center;
		padding: 1.28rem 2.4rem;
	}
	input[type="submit"] {
		padding: 1.28rem 2.4rem;
	}

	/* 캘린더 */
	#search_tit {
		font-size: 1.7rem;
	}

	/* 게시판 하단 버튼 */
	.btn_wrap input[type="submit"], .btn_wrap input[type="button"],
		.btn_wrap button[type="button"], .btn_wrap a {
		width: 100%;
		margin: 3px 0 !important;
	}
	.btn_wrap a {
		text-align: center;
	}
}

@media screen and (max-width:320px) {
	/* 대량포토게시판 상세페이지 */
	.bod_view .thumb_list {
		max-height: 194px;
	}

	/* 첨부파일 */
	#updateFileList li:not (:last-child ) {
		padding-bottom: 1.12rem;
	}

	/* 페이징 */
	.bod_page>a {
		padding: 0.8rem 1rem;
	}
}