@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;margin-top:2rem;}
.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: #0486ad;}
.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 #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: 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: 10%;}
.list_answer {width: 10%;}
.list_date {width: 12%;}
.list_hit {width: 5%;}
td.list_tit {text-align: left;padding-left: 0.5rem !important;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
td.list_tit a {color: #000;}
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;}
.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_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_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.9rem 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: #446096;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 #666;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: #68727a;color: #fff;font-weight: 500;width: 30px;height: 30px;padding: 0;line-height: 30px; border-radius: 50%;}

/* 코멘트 박스 */
.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: #1b77c5;text-align: center;color: #fff;padding: 3.8rem 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: 17px;height: 17px;background:url('./../img/board/spr_board.png') 0 -60px no-repeat;display: inline-block;vertical-align: top;margin: 0 2px 0 0;}
.comment_btn_wrap > a.del:before {background-position: -24px -60px;}

/* 주의사항안내 */
.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: #333;color: #fff;border: 2px solid transparent;}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {background: #889fb3;}
input[type="file"] {border: 1px solid #bbb; padding: 4px; /*width: 461px;*/}


/* 게시판 하단 버튼 */
.btn_wrap {word-break: break-all}
.btn_wrap * {position: relative;}
/* .btn_wrap >a, .btn_wrap >input, .btn_wrap >button {display: inline-block;background: #3753d4;color: #fff;padding: 1.5rem 2.4rem; border-radius: 8px 0/ 8px 0;margin: 5px 3px !important;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: #889fb3; color: white;}
.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 #3753d4 !important;padding: 0.8rem 2.2rem;background: #fff;color: #3753d4;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.9rem 2rem !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;}

	/* 비밀번호 확인 */
	.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 select, .bod_head input, .bod_head .btn { width: 100%;}
	.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;}
}

/*게시글 데이터확장 2020.11.25 추가*/
.bod_view .extens_info {width: 355px;}