@charset "utf-8";
@import url('/common/js/swiper/css/swiper.css');

/*
	-----------------------------------------------
	* board.css (사용자 공용 게시판)
	-----------------------------------------------
*/

.list-icon {display:inline-block; font-size:.85em; padding:2px .5em; border-radius:9em; border:1px solid transparent; margin:0 .5rem;}
.list-icon.online {background:#ec6e32; color:#fff; border-color:#9c3808;}

.fix-scroll .swiper-container {display:block; position:relative;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper li {display:inline-block !important; vertical-align:top;}
.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

.bod_wrap p > .em {color:#ff4e00;}

.bod_write input[type="radio"],
input[type="radio"] {padding:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; height:2rem;; width:2rem; background:url('../img/board/split_radio.png') no-repeat 100% 100%; background-size:auto 100%; border-width:0px !important; border:none !important; border-radius:0 !important;}
.bod_write input[type="radio"]:checked,
input[type="radio"]:checked {background-position:0 0;}

.field-group {display:inline-block; vertical-align:middle; margin:2px;}

/* 게시판 상단 :검색, 페이지 정보 등 */
.bod_head {position:relative; padding:1.12rem 0 0; overflow:hidden;}
.bod_head * {margin:3px 0;}
.bod_head .page_num {display:block; position:relative; font-size:1.6rem; padding:1rem 0 1rem 1.5rem; color:#555555;}
.bod_head .page_num:before {content:""; display:block; position:absolute; width:.5rem; height:.5rem; border-radius:100%; background:#aaaaaa; left:0; top:50%; margin-top:-.25rem;}
.bod_head .page_num em {color:#555 !important;}

.bod_head .bod_search {display:block; position:relative; background:#f1f3f6; margin-top:0; font-size:1.6rem; padding:1.5rem; text-align:center; margin-bottom:2rem;}
.bod_head .bod_search .label {display:inline-block; vertical-align:middle;}
.bod_head .bod_search .label,
.bod_head .bod_search dt {padding:.3em 1em; font-size:1.125em; box-sizing:border-box;}
.bod_head .bod_search dt .label {padding:0;}
.bod_head .bod_search select,
.bod_head .bod_search input[type="text"],
.bod_head .bod_search input[type="number"] {border:1px solid #c5c9d6; border-radius:.3rem; height:4rem; margin:5px 0; box-sizing:border-box; min-width:0; max-width:100%;}
.bod_head .bod_search select {padding:0 5.5rem 0 1.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url('../img/board/ico_selectbox.png') no-repeat 100% 50% #fff;}
.bod_head .bod_search select::-ms-expand {display: none;}

.bod_head .bod_search .hasDatepicker {max-width: 13rem !important;}

.bod_head .bod_search input[type="submit"],
.bod_head .bod_search a {height:4rem; padding:0 1em; font-size:1em; min-width:8.5rem; margin:0 .1rem; border-radius:.3rem;}
.bod_head .bod_search a {line-height:3.8rem;}
.bod_head .bod_search input[type="submit"] {background:#216cda; color:#fff;}
.bod_head .bod_search input[type="checkbox"],
.bod_head .bod_search input[type="radio"] {display:block; position:absolute; top:0; left:0; width:0; height:0; z-index:-999; opacity:0;}
.bod_head .bod_search input[type="checkbox"] + label,
.bod_head .bod_search input[type="radio"] + label {display:inline-block; vertical-align:middle; min-width:11rem; height:4rem; line-height:3.8rem; text-align:left; padding:0 2rem 0 1rem; border-radius:.3rem; border:1px solid #c5c9d6; color:#333; font-size:1em; margin:5px .5rem 5px 0 !important;}
.bod_head .bod_search input[type="checkbox"] + label:before,
.bod_head .bod_search input[type="radio"] + label:before {content:""; display:inline-block; vertical-align:middle; width:1.7rem; height:1.1rem; margin-right:.5rem; background:url(../img/board/ico_check.png) no-repeat 50% 0; opacity:.3; background-size:cover;}
.bod_head .bod_search input[type="checkbox"]:checked + label,
.bod_head .bod_search input[type="radio"]:checked + label {border-color:#216cda; background:#216cda; color:#fff;}
.bod_head .bod_search input[type="checkbox"]:checked + label:before,
.bod_head .bod_search input[type="radio"]:checked + label:before {background-position:50% 100%; opacity:1;}
.bod_head .bod_search input[type="checkbox"]:focus + label,
.bod_head .bod_search input[type="radio"]:focus + label {text-decoration:underline;}



.bod_head {vertical-align: middle;}
.bod_head .page_all {float:left;padding: 1rem 2rem 1rem 0rem;}
.bod_head .page_all + .page_num{float:left;margin: 0;line-height: 3rem!important;}
.bod_head .blue {color:#215bbc;}



.bod_head .btn {padding:0 1em; height:4rem; line-height: 3.8rem; margin:0; border-radius:.3rem; background-color:#fff; border:1px solid #216cda; color:#216cda; vertical-align:middle; display:inline-block;}
.bod_head .download:hover, .bod_head .bod_search .download:focus, .bod_head .bod_search .download:active {}
.bod_head .download >span {position:relative; margin-top:-1px;}
.bod_head .download >span:after {content:''; display:inline-block; vertical-align:middle; margin-left:.6rem; width:18px; height:15px; position:relative; background-image:url('../img/board/spr_board.png'); background-repeat:no-repeat;}
.bod_head .download >span:after {background-position:-106px -137px}

.bod_head .bod_search.ty2 {background:#fff; border: 1px solid #c5c9d6;}
.bod_head .bod_search.ty2 dl {display:table;table-layout:fixed;width:100%;padding-top: 5px;padding-bottom: 5px;clear:both;}
.bod_head .bod_search.ty2 dl > * {display:table-cell; vertical-align:middle;}
.bod_head .bod_search.ty2 .label,
.bod_head .bod_search.ty2 dt {font-size:1.6rem; box-sizing:border-box;}
.bod_head .bod_search.ty2 dl > dt {width: 12rem;text-align: left;font-weight: 600;color: #10293b!important;}
.bod_head .bod_search.ty2 dl > dt label{vertical-align: baseline;}
.bod_head .bod_search.ty2 dl dd{position:relative; font-size: 1.5rem;color: #6b6a6a; font-size:15px; text-align:left;}
.bod_head .bod_search.ty2 dl dd label {margin-right: 1rem;}
.bod_head .bod_search.ty2 dl dd .small {width:8rem !important;}

.bod_head .bod_search.ty2 dl dd input[data-v-input-type="num"] {max-width:100px;}

.bod_head .bod_search.ty2 dl dd .selDateBtn .small { min-width: 2rem !important; border-color: #003583; color: #003583; }
.bod_head .bod_search.ty2 dl dd .selDateBtn .small:hover,
.bod_head .bod_search.ty2 dl dd .selDateBtn .small:FOCUS{ background-color: #003583; color: #fff; }

.bod_head .bod_search.ty2 dd a {display:inline-block;min-width:11rem;vertical-align:middle; height:4rem; line-height:3.8rem; text-align:left; padding:0 2rem 0 1rem; border-radius:.3rem; border:1px solid #c5c9d6; color:#333; font-size:1em; margin:5px .5rem 5px 0 !important;}
.bod_head .bod_search.ty2 dd a.on {border-color:#216cda; background:#216cda; color:#fff;}
.bod_head .bod_search.ty2 dd a:before {content:""; display:inline-block; vertical-align:middle; width:1.7rem; height:1.1rem; margin-right:.5rem; background:url(../img/board/ico_check.png) no-repeat 50% 0; opacity:.3; background-size:cover;}
.bod_head .bod_search.ty2 dd a.on:before {background-position:50% 100%;opacity:1;}

@media all and (min-width:981px) {
	/* 게시판 상단 :검색, 페이지 정보 등 */
	.bod_head .bod_search.ty2 dl.half {width:50%; float:left; clear:none;}
}

/* 게시판 상단 안내문구 */
.bod_guide {padding:4.5rem 3rem 4.5rem 24.5rem; border-radius:1.4rem 1.4rem 0 0; margin-bottom:4rem; line-height:150%; min-height:120px; position:relative; background:url('./../img/board/bak_guide_top.jpg') repeat-x 0 0 #e4e8ef; z-index:0;}
.bod_guide:after {content:""; display:block; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border-radius:1.1rem 1.1rem 0 0; background:#fff; z-index:-1;}
.bod_guide:before {content:''; width:12.1rem; height:12.1rem; position:absolute; top:50%; margin-top:-6.05rem; left:6.5rem; background:url('./../img/board/ico_board_guide.png')50% 50% no-repeat; border-radius:50%; z-index:1;}
.bod_guide > * {position:relative; z-index:1;}
.bod_guide .tit {font-size:2.2rem !important; font-weight:600; color:#216cda !important; margin-bottom:1.5rem;}
.bod_guide em {color:#ff4e00;}
.bod_guide p {font-size:1.5rem !important;}
.bod_guide ul{margin-top:1.5rem;}
.bod_guide ul li {padding-left:9px;color:#666666; 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 ul li ul{margin-top:0.5rem;}
.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 .minAgree input[type="checkbox"] {width:0; height:0; padding:0; margin:0; opacity:0;}
.bod_guide .minAgree input[type="checkbox"] + label {padding-left:1.8em; position:relative;}
.bod_guide .minAgree input[type="checkbox"] + label:before {content:''; display:inline-block; width:1.2em; height:1.2em; background:url(../img/board/split_check.png) no-repeat 100% 50%; background-size:auto 100%; position:absolute; top:0; left:0;}
.bod_guide .minAgree input[type="checkbox"]:checked + label:before {background-position:0 50%;}
.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 #293f50; text-align:center; word-break:break-all; table-layout:fixed;}

.search_box + .bod_list,
.search_box + .bod_maintain {margin-top:20px;}

.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:#10293b; vertical-align: middle;}
.bod_list thead th + th,
.bod_maintain thead th + th {background:url('./../img/board/bak_thead_line.png') no-repeat 0 50%;}
.bod_list thead, .bod_maintain thead {border-bottom:1px solid #c5c9d6;}
.bod_list tbody td, .bod_maintain tbody td {padding:1.4rem .5rem; border-bottom:1px solid #c5c9d6; font-size:1.5rem /* 15px */; color:#777777; position:relative; vertical-align:middle; line-height:120%;}
.bod_list a,
.bod_maintain a {color:#363c5a;}
.bod_list a img,
.bod_maintain a img {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 {vertical-align:middle; width:31px; height:9px; background:url('./../img/board/ico_new.png') no-repeat 50% 50%; display:inline-block; text-align:center; margin-left:10px; position:relative; vertical-align:middle;}
.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; font-size:1.3rem;}
.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 #e5520a !important; background:#e5520a !important; color:#fff;}

.bod_list .btn.mod,
.bod_maintain .btn.mod {border:1px solid #3b4e69 !important; background:#3b4e69 !important; color:#fff;}

.bod-bg {position:relative;}
.bod-bg:after {content:''; position:absolute; top:5px; right:5px; bottom:5px; left:5px; background:#f6f8fd; z-index:-1;}

/* 게시판 td 너비가 필요할 때 사용 */
.list_num {width:6%;}
.list_file {width:5%;}
.list_write {width:10%;}
.list_answer {width:10%;}
.list_date {width:12%;}
.list_dudate {width:20%;}
.list_control {width:10%;}
.list_state {width:10%;}
.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}

.ico-subj-list {margin-right:5px !important; vertical-align:middle;}
.ico-subj-list ~ * {vertical-align:middle;}
@media all and (min-width:769px) {
	.ico-subj-list {display:none;}
}

/* Basic 게시판에만 일단 적용해둠 */
.basic td.list_tit a {display:inline-block; max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}

td.list_tit a {color:#363c5a;}
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전용 */

.list_state > span {font-weight:800;}
.list_state > span[data-state="취소"] {color:#555555;}
.list_state > span[data-state="신청완료"] {color:#216cda;}
.list_state > span[data-state="접수"] {color:#00a69c;}
.list_state > span[data-state="대기자"] {color:#15abe3;}

/* 고시공고 */
.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; cursor: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 #ff4200; background:#ff4200; color:#fff;}

/* 포토게시판 */
.bod_photo,
.bod_movie,
.bod_apply {border-top:1px solid #293f50; border-bottom:1px solid #c5c9d6; 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,
.bod_apply a {display:block; color:#333; border:1px solid #c5c9d6; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; font-weight:500;}
.bod_photo a:hover,
.bod_movie a:hover,
.bod_apply 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,
.bod_apply a:hover .thumb img {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.bod_photo .thumb,
.bod_movie .thumb,
.bod_apply .thumb {display:block; background:#ecf1fa; /*min-height:160px; */position:relative; overflow:hidden; padding:0 0 67.636%; z-index:0;}
.bod_photo .thumb >figure,
.bod_movie .thumb >figure,
.bod_apply .thumb >figure {display:block; position:absolute; left:-100%; right:-100%; top:0; bottom:0; overflow:hidden;}
.bod_photo .thumb img,
.bod_movie .thumb img,
.bod_apply .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,
.bod_apply .cont {padding:1.6rem; font-size:1.7rem; text-align:left;}
.bod_photo .cont >span,
.bod_movie .cont >span,
.bod_apply .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.tit,
.bod_movie .cont >span.tit {color:#363c5a; font-size:1.6rem; font-weight:400;}

.bod_photo .cont >span.date,
.bod_movie .cont >span.date {font-size:1.4rem; color:#7d7d7d; margin-top:1em; font-weight:400;}
.bod_photo .cont >span.category,
.bod_movie .cont >span.category {font-size:1.4rem; color:#656a83; font-weight:400; padding-bottom:.5em;}

/* 동영상 게시판 */
.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%;}

/* 동영상 게시판 > 상세페이지*/
#movie {text-align:center !important; margin:0 auto;}
video {max-width:100%; height:auto;}
video:focus {outline:2px dashed red;}

/* 다목적 접수 프로그램 게시판 */
.bod_apply {line-height:150%; overflow:hidden;}
.bod_apply ul {margin:0 -1.6rem;}
.bod_apply ul li {width:33.33%; min-height:190px; float:left; text-align:center; padding:1.6rem;}
.bod_apply.col-2 ul li {width:50%;}
.bod_apply .thumb {padding-bottom:61.4%;}
.bod_apply .cont {padding:3.5rem 3rem 2.5rem;}
.bod_apply .cont .tit {display:block; font-size:2.4rem; color:#000000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:.8em;}
.bod_apply .cont .detail {display:table; width:100%; table-layout:fixed; font-size:1.6rem; font-weight:400;}
.bod_apply .cont .detail dl {display:table-row;}
.bod_apply .cont .detail dl > * {display:table-cell; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.02em; padding:.2em 0;}
.bod_apply .cont .detail dl dt {width:6em;}
.bod_apply .cont .detail dl dt:before {content:""; display:inline-block; position:relative; width:5px; height:5px; background:#d5dbe1; border-radius:100%; vertical-align:middle; margin-right:10px; margin-top:-3px;}
.bod_apply .cont .detail dl dd {color:#666;}
.bod_apply .cont .detail dl dd strong {font-weight:800;}

*[class*="bod_apply"] .thumb .cate {display:block; position:absolute; top:10px; left:10px; z-index:1; border-radius:5px; color:#fff; font-size:1.6rem; padding:1rem 1.9rem; line-height:1.2; background:#000; font-weight:100;}
*[class*="bod_apply"] .thumb .cate[data-state="접수중"] {background:#325fdf;}
*[class*="bod_apply"] .thumb .cate[data-state="전시중"] {background:#4a2a11;}
*[class*="bod_apply"] .thumb .cate[data-state="대기자접수중"] {background:#f77332;}
*[class*="bod_apply"] .thumb .cate[data-state="정원마감"] {background:#003583;}
*[class*="bod_apply"] .thumb .cate[data-state="접수마감"] {background:#40444f;}
*[class*="bod_apply"] .thumb .cate[data-state="접수대기"] {background:#0c9dd9;}
*[class*="bod_apply"] .thumb .cate[data-state="종료"] {background:#40444f;}

/* 다목적 접수 프로그램 게시판(이미지없는 리스트) */
.bod_apply.st02 p.tit{font-size: 2.2rem !important;background:#ecf1fa;padding:2.5rem 3rem;margin-bottom:0; white-space:normal;}
.bod_apply.st02 p.tit a{border:none;}
.bod_apply.st02 p.tit a:hover{box-shadow:none;}
.bod_apply.st02 p.tit a[target="_blank"]:after{display:none !important;}
.bod_apply.st02 ul li{width:auto; float:none; min-height:0;}
.bod_apply.st02 ul li .cont{color: #333;padding:0;border: 1px solid #c5c9d6;-webkit-transition: 0.5s;-o-transition: 0.5s; transition: 0.5s;font-weight: 500; overflow:hidden;}
.bod_apply.st02 ul li .cont .detail{display:block;position: relative;padding:2rem 3rem;height:auto;}
.bod_apply.st02 ul li .cont .detail dl {display:table; width:50%; float:left;}
.bod_apply.st02 ul li .cont .detail dl > * {white-space:normal; word-break:keep-all;}
.bod_apply.st02 ul li .cont .detail dl dt{width:7em;font-weight:600;}
.bod_apply.st02 .btnBox{position:relative; clear:both; text-align:right; padding-top:1.5rem; margin-top:0 !important;}
.bod_apply.st02 .btnBox a.button{display: inline-block;border-color:#216cda;}
.bod_apply.st02 .btnBox a.button:hover{-webkit-box-shadow: none;box-shadow: none;}
.bod_apply.st02 .btnBox a.button[disabled], .bod_apply.st02 .btnBox a.button.deactivate{border-color:#bbb;}
.bod_apply p.tit a .state {display:inline-block; background:#fff; border:1px solid #cacaca; padding:5px 10px; font-size:.5em; color:#333; border-radius:5px;}

/* 블로그 게시판 */
.bod_blog {border-top:1px solid #293f50; margin-top:0.7rem; border-bottom:1px solid #c5c9d6;}
.bod_blog li {margin:3.3rem 0; overflow:hidden; border:1px solid #c5c9d6;}
.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:#ecf1fa;}
.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 0;}
.bod_blog .cont .date >span + span {padding-left:4rem; background:url('./../img/board/bak_info_line.png') no-repeat 2rem 50%;}


li.no_data,
div.no_data,
.bod_photo ul li.no_data,
.bod_movie ul li.no_data,
.bod_apply ul li.no_data,
.bod_blog ul li.no_data,
.popupzone_list ul li.no_data {display:block !important; position:relative !important; margin:0 !important; width:100% !important; text-align:center; padding:7rem 0 6rem;}
li.no_data span,
div.no_data span,
.bod_photo ul li.no_data span,
.bod_movie ul li.no_data span,
.bod_apply ul li.no_data span,
.bod_blog ul li.no_data span,
.popupzone_list ul li.no_data span {position:relative; color:#777777; display:inline-block; padding:0; font-size:1.6rem;}
div.no_data span:before,
li.no_data span:before,
.bod_photo ul li.no_data span:before,
.bod_movie ul li.no_data span:before,
.bod_apply ul li.no_data span:before,
.bod_blog ul li.no_data span:before,
.popupzone_list ul li.no_data span:before,
td.no_data:before {content:''; display:block; position:relative; margin:0 auto; width:202px; height:154px; background:url('./../img/board/img_nodata.png') 50% 50% no-repeat; }
.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:0; transform:translateY(-25%); -webkit-transform:translateY(-25%);}
.bod_blog ul li.no_data span:before {}

td.no_data,
.bod_list td.no_data,
.bod_maintain td.no_data {padding:7rem 0 6rem !important; text-align:center;}
@media all and (max-width:640px) {
	td.no_data,
	.bod_list td.no_data,
	.bod_maintain td.no_data {display:block !important; width:100% !important;}
}


/* FAQ */
.bod_list.faq .list_category {width:12%;}
.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_faq {display:block; position:relative; border-top:1px solid #293f50; font-size:1.5rem;}
.bod_faq dl {border-bottom:1px solid #c5c9d6;}
.bod_faq dt button {display:block; position:relative; width:100%; padding:2.2rem 5rem 2.2rem 9rem; text-align:left; color:#363c5a; box-sizing:border-box;}
.bod_faq dt button:before {content:""; display:block; position:absolute; width:4.1rem; height:4.1rem; top:1.3rem; left:3rem; background:url('../img/board/ico_faq_q.png') no-repeat 50% 50%; background-size:contain;}
.bod_faq dt button:after {content:""; display:block; position:absolute; width:5rem; top:0; bottom:0; right:2rem; background:url('../img/board/ico_down_arrow.png') no-repeat 50% 50%;}
.bod_faq dd {display:none; position:relative; padding:2.2rem 2rem 2.2rem 9rem; font-weight:400; border-top:1px solid #c5c9d6; color:#7d7d7d; line-height:1.7;}
.bod_faq dd:before {content:""; display:block; position:absolute; width:4.1rem; height:4.1rem; top:1.3rem; left:3rem; background:url('../img/board/ico_faq_a.png') no-repeat 50% 50%; background-size:contain;}
.bod_faq dl.on dt button:after {background-image:url('../img/board/ico_up_arrow.png');}
.bod_faq dl.on dd {display:block;}

/* 게시판 상세페이지 */
.bod_view h4 {border-top:1px solid #293f50; border-bottom:1px solid #c5c9d6; padding:1.8rem 0; line-height:1.4; background:none; text-align:center; font-size:2.2rem; margin:0 !important; color:#10293b;}
.bod_view h4:before {display:none !important;}
.bod_view li {float:left; font-size:1.4rem; color:#444444; margin-top:3px; margin-bottom:10px;}
.view_info {padding:1rem; border-bottom:1px solid #c5c9d6;}
.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 3rem; border-bottom:1px solid #c5c9d6; line-height:150%; color:#666; overflow:hidden /* webzine형 게시판 에디터로 우측 정렬 시 float 현상 발생하여 추가함 2020-05-19 */;}
.view_cont >img {display:block; margin:0 auto;}

.view_file {display:table; width:100%; border-bottom:1px solid #c5c9d6;}
.view_file > * {display:table-cell; vertical-align:middle;}
.view_file dt {width:16.5rem; padding:2.5rem 1rem; text-align:center; line-height:1.4;}

.view_file .no_file {color:#363c5a;}

.view_file dd *[target="_blank"]:after {content:none !important;}

#updateFileList {margin-left:5px;}
#updateFileList a {position:relative; color:#2491c7; 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:#363c5a;; margin-right:5px; display:inline-block;}
#updateFileList a:hover >span {text-decoration:underline}
#updateFileList a.bt_white_s,
#updateFileList a.btn_preview {border:1px solid #ddd; border-radius:4px; padding:3px 3px 3px 7px; font-size:1.3rem;}
#updateFileList a.bt_white_s:before,
#updateFileList a.btn_preview:before {display:none;}
#updateFileList a.bt_white_s:hover,
#updateFileList a.btn_preview:hover {border-color:#bbb;}
#updateFileList li {float:none; margin:10px 0;}
/* -- 첨부파일 2개 이상일 시 레이아웃 깨짐 현상 발생 : 2021.08.10 */
/*#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%; vertical-align: middle;}
.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;}

/* 대량포토게시판 상세페이지 */
.photo_viewer .bigViewer {position:relative; padding:0 0 2rem;}
.photo_viewer .bigViewer >figure {display:block; position:relative; text-align:center; overflow:hidden;}
.photo_viewer .bigViewer img {display:block; margin:0 auto; max-height:100%; max-width:100%;}
.photo_viewer .thumb_list {display:block; position:relative; padding:1.3rem 5rem; background:#f1f3f6;}
.photo_viewer .thumb_list .control .prev,
.photo_viewer .thumb_list .control .next {display:block; position:absolute; width:5rem; top:0; bottom:0; text-indent:-999px; text-align:left; overflow:hidden;}
.photo_viewer .thumb_list .control .prev {left:0; background:url('/common/img/board/btn_prev_photo.png') no-repeat 50% 50%;}
.photo_viewer .thumb_list .control .next {right:0; background:url('/common/img/board/btn_next_photo.png') no-repeat 50% 50%;}
.photo_viewer .thumb_list .swiper-wrapper {}
.photo_viewer .thumb_list .swiper-slide {width:12.5rem; margin-bottom:0; float:none; margin-top:0;}
.photo_viewer .thumb_list .swiper-slide button {display:block; position:relative; width:100%; padding-top:64%; overflow:hidden;}
.photo_viewer .thumb_list .swiper-slide button img {display:block; position:absolute; width:100%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; background:rgba(0,0,0,.2); z-index:0;}
.photo_viewer .thumb_list .swiper-slide button:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; background:rgba(33,108,218,.7); border:0px solid rgba(255,255,255,.5); transition:.1s all; -webkit-transition:.1s all; z-index:1;}
.photo_viewer .thumb_list .swiper-slide button:focus:before,
.photo_viewer .thumb_list .swiper-slide button.active:before {opacity:1; border-width:5px;}

.photo_viewer .bigViewer [class^="swiper-button"] {display:block; width:3.125em; height:6.25em; background:rgba(0,0,0,.4) no-repeat 50% 50%; background-size:100% auto; margin-top:-3.125em; transition:.3s;}
.photo_viewer .bigViewer [class^="swiper-button"]:hover {background-color:rgba(0,0,0,.7);}
.photo_viewer .bigViewer .swiper-button-prev {background-image:url(../img/common/big_prev_photo.svg); border-radius:0 4em 4em 0; left:0;}
.photo_viewer .bigViewer .swiper-button-next {background-image:url(../img/common/big_next_photo.svg); border-radius:4em 0 0 4em; right:0;}

@media (max-width:768px) {
	.photo_viewer .bigViewer [class^="swiper-button"] {width:2.2em; height:4.4em; margin-top:-2.2em;}
}

/* 다목적 접수 프로그램 상세 페이지 */
.bod_apply_view {display:block; position:relative; border-top:1px solid #293f50; overflow:hidden;}
.bod_apply_view .bod_apply_title {display:block; position:relative; margin:3.3rem 0; padding:3rem; border:1px solid #c5c9d6;}
.bod_apply_view .bod_apply_title .thumb {display:block; position:absolute; top:3rem; left:3rem; bottom:3rem; width:335px; background:#ecf1fa; overflow:hidden;}
.bod_apply_view .bod_apply_title .thumb >figure {display:block; position:absolute; left:-100%; right:-100%; top:0; bottom:0; overflow:hidden;}
.bod_apply_view .bod_apply_title .thumb img {width:auto; margin:0 auto; display: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_apply_view .bod_apply_title .cont {margin-left:380px; padding:2.5rem 0;}
.bod_apply_view .bod_apply_title .cont .tit {display:block; font-size:2.4rem; color:#000000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:.8em;}
.bod_apply_view .bod_apply_title .cont .detail {display:table; width:100%; table-layout:fixed; font-size:1.6rem; font-weight:400;}
.bod_apply_view .bod_apply_title .cont .detail dl {display:table-row;}
.bod_apply_view .bod_apply_title .cont .detail dl > * {display:table-cell; vertical-align:top; letter-spacing:-0.02em; padding:.5em 0;}
.bod_apply_view .bod_apply_title .cont .detail dl dt {width:6em;position:relative;padding-left:1em;}
.bod_apply_view .bod_apply_title .cont .detail dl dt:before {content:""; display:inline-block; position:absolute;left:0;top:12px; width:5px; height:5px; background:#d5dbe1; border-radius:100%; vertical-align:middle;}
.bod_apply_view .bod_apply_title .cont .detail dl dd {color:#666; word-break:break-all;}
.bod_apply_view .bod_apply_title .cont .detail dl dd strong {font-weight:800;}
.bod_apply_view .bod_apply_title .cont .detail dl dd.point {font-weight:800; color:#003583;}
.bod_apply_view .view_cont {padding-top:0;}
.bod_apply_view .view_cont > h5 {position:relative; font-size:2.5rem !important; color:#333333 !important; font-weight:800; padding-left:3rem !important; /*padding-bottom:2rem !important;*/ line-height:1.4; margin-left:0 !important;}
.bod_apply_view .view_cont > h5:before {content:""; display:block !important; position:absolute; /*top:1rem;*/ margin-top:.2em; height:2.5rem; width:2.5rem; background:url('../img/common/bul_h4.png') no-repeat 0 0; background-size:contain;}
.bod_apply_view .view_cont > .in {display:block; position:relative; padding:3.5rem 2.8rem; border-top:1px solid #c5c9d6; color:#333; line-height:1.8; font-size:1.8rem;}


/* 개인정보 동의 */
.bod_personal {display:block; position:relative;}
* + .bod_personal {margin-top:40px;}
.bod_personal + .bod_personal {margin-top:0;}
.bod_personal .minGuide {display:block; position:relative; max-height:20rem; min-height:19.5rem; box-sizing:border-box; overflow:auto; border:5px solid #e4e8ef; padding:3rem; font-weight:400; line-height:1.5;}
.bod_personal .minGuide > ul > li + li {margin-top:2rem;}
.bod_personal .minGuide > ul > li + li.fit {margin-top:1rem;}
.bod_personal .minGuide > ul > li {color:#333; font-size:1.5rem;}
.bod_personal .minGuide > ul > li > strong {display:block; font-size:2rem; color:#216cda; font-weight:800; margin-bottom:.5em;}
.bod_personal .minGuide > ul ul {display:block; margin:.5rem; padding:3rem; font-size:1.5rem; color:#888888; background:#edeff2; border-radius:3px; border:1px solid #c5c9d6;}

.bod_personal .minAgree {padding:3rem 0 5rem; text-align:center;}
.bod_personal .minAgree label ~ input[type="radio"] {margin-left:2rem;}


/* 게시판 글쓰기 */
.bod_write {border-top:1px solid #293f50; overflow:hidden;}
.bod_write dl dt,
.bod_write dl dd {line-height:180%;}
.bod_write dl {display:table; width:100%; table-layout:fixed;}
.bod_write dl > * {display:table-cell; vertical-align:middle; height:7rem; padding:1.5rem 0;}
.bod_write dl dt{width:16.4rem; text-align:center; font-weight:500; line-height:120%; word-break:keep-all; padding:1.5rem .5rem;}
.bod_write dl dd{font-size:1.5rem; color:#666;}
.bod_write dl dd label {margin-right:1rem; line-height:4rem;}
.bod_write dl{border-bottom:1px solid #c5c9d6;}

.bod_write select,
.bod_write input[type="text"],
.bod_write input[type="number"],
.bod_write input[type="password"] {height:4rem; border-radius:3px; max-width:100%; box-sizing:border-box; border:1px solid #c5c9d6 !important;}
.bod_write select {padding:0 5rem 0 2rem; /*max-width:16rem;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url('../img/board/ico_selectbox.png') no-repeat 100% 50% #fff;}
.bod_write select::-ms-expand {display: none;}

.bod_write .multi {display:table; width:100%; table-layout:fixed; position:relative; margin:-1rem 0;}
.bod_write .multi > li {display:table-cell; padding:2px;}
.bod_write .multi label {display:block; position:relative; padding:.5em; line-height:1.2; font-size:.95em; text-align:center; border-radius:3px; background:#f1f1f1; color:#333; margin:0;}
.bod_write .multi input[type="text"],
.bod_write .multi input[type="number"] {display:block; width:100%; box-sizing:border-box;}


.bod_write textarea, .bod_write input {border:1px solid #c5c9d6 !important; border-radius:4px; color:#666;}
.bod_write .btn_address,
.bod_write .btn {border:1px solid #216cda; color:#216cda; padding:0.8rem 1.5rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; border-radius:3px;}
.bod_write .btn_address:hover,
.bod_write .btn:hover {background:#216cda; 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:#949494;}
#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 1.3rem; margin-right:-4px !important; background:#3b4e69; 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:4rem 0 0 0; text-align:center; font-size:1.5rem;}
.bod_page>a.on {background:#f1f3f6; font-weight:500; color:#216cda;}
.bod_page >a[class^=btn_] {width:40px; height:40px; text-indent:-999999rem; border:1px solid #cccccc; background:url('./../img/board/spr_board.png') 13px -275px no-repeat; border-radius:.3rem;}
.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:8px;}
.bod_page >a.btn_end, .bod_page >a.btn_10next {margin-left:8px;}
.bod_page >a.btn_10prev {background-position:-36px -275px !important;}
.bod_page >a.btn_10next {background-position:-84px -275px!important;}
.bod_page >a.btn_end {background-position:-132px -275px !important;}
.bod_page >span, .bod_page >a {display:inline-block; padding:0.8rem 1.12rem; vertical-align:middle; font-size:1em; border-radius:.3rem;}
.bod_page >span {background:#f1f3f6; color:#216cda; font-weight:500; width:40px; height:40px; padding:0; line-height:40px;}

/* 코멘트 박스 */
.commentBox {padding:1.6rem; margin:1.6rem 0 3.2rem; background:#f1f3f6; border:1px solid #c5c9d6;}
.commentBox .commentAll {display:block; position:relative; color:#333; padding:0.8rem 0 0.8rem 2rem; margin-bottom:1.5rem;}
.commentBox .commentAll:before {content:""; display:block; position:absolute; width:.5rem; height:.5rem; border-radius:100%; background:#aaaaaa; left:0; top:50%; margin-top:-.25rem;}
.commentBox .commentAll em {font-weight:500; color:#4362ff;}
.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%; color:#666666;}
.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 #c5c9d6; margin-top:-1px; padding:2rem 1.6rem; border-radius:3px;}
.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:#e8f0fe; border:solid 1px #c5c9d6; 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:#216cda; text-align:center; color:#fff; padding:3.8rem 1.6rem; border-radius:3px;}
.commentFom a.btn_comment:hover, .commentFom a.btn_comment:focus {background:#153d63;}
.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.7rem 2.4rem; background:#216cda; color:#fff; border:2px solid transparent; border-radius:3px;}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {background:#889fb3;}
input[type="submit"]:focus{ outline:2px dashed #ce0085; outline-offset:1px;}
input[type="text"],input[type="password"] {border:1px solid #c5c9d6; padding:0.8rem; margin:3px 0; border-radius:3px;}
input[type="file"] {border:1px solid #bbb; padding:4px; /*width:461px; */}
input#searchTxt { ime-mode:active;}

/* 게시판 하단 버튼 */
.btn_wrap {word-break:break-all; overflow:hidden}
.btn_wrap * {position:relative;}
.btn_wrap >a,
.btn_wrap >input,
.btn_wrap >button {display:inline-block; background:transparent; min-width:10rem; text-align:center; font-size:1.7rem; color:#216cda; font-weight:400; line-height:1.2; padding:1.5rem 3.1rem; border-radius:.3rem; margin:5px 3px !important; border:1px solid #216cda; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

.btn_wrap >a.small,
.btn_wrap >input.small,
.btn_wrap >button.small {font-size:1.5rem; padding:1rem 2.4rem;}

.btn_wrap >a,
.btn_wrap input[type="submit"],
.btn_wrap input[type="button"],
.btn_wrap button {vertical-align:middle;}
.btn_wrap >a:hover,
.btn_wrap input[type="submit"]:hover,
.btn_wrap input[type="button"]:hover,
.btn_wrap button:hover {color:#fff; background-color:#216cda;}

.btn_wrap >a.del,
.btn_wrap >a.cancel,
.btn_wrap >input.del,
.btn_wrap >input.cancel,
.btn_wrap >button.del,
.btn_wrap >button.cancel {float:left;}

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


.btn_wrap > *.del {border-color:#f16d25; background:#f16d25; color:#fff;}
.btn_wrap > *.del:hover {border-color:#cc4901; background:#cc4901; color:#fff;}

.btn_wrap > *.cancel {border-color:#216cda; background:#216cda; color:#fff !important;}
.btn_wrap > *.cancel:hover {border-color:#1154b6; background: #1154b6;}

.btn_wrap >*.write,
.btn_wrap >*[onclick *= "write"],
.btn_wrap >input[type="submit"].write,
.btn_wrap >input[type="button"].write,
.btn_wrap >button.write {padding:1.5rem 3.7rem; padding-right:6.8rem; background:url('/common/img/common/split_button_icon.png') no-repeat right -3.9rem top -34.4rem; background-size:10rem auto; border-color:#216cda; color:#216cda;}

.btn_wrap >*.write:hover,
.btn_wrap >*[onclick *= "write"]:hover,
.btn_wrap >input[type="submit"].write:hover,
.btn_wrap >input[type="button"].write:hover,
.btn_wrap >button.write:hover {background-position:right 3.45rem top -34.4rem; background-color:#216cda; color:#fff;}


.btn_wrap >*.write.small:not(.button),
.btn_wrap >*[onclick *= "write"].small:not(.button) {padding-right:4.8rem; background:url('/common/img/common/split_button_icon_small.png') no-repeat right -5.9rem top -18.8rem;}

.btn_wrap >*.list:not(.button) {padding-right:6.8rem; background:url('/common/img/common/split_button_icon.png') no-repeat right -3.9rem top -52.6rem; background-size:10rem auto;}
.btn_wrap >*.list.small:not(.button) {padding-right:4.8rem; background:url('/common/img/common/split_button_icon_small.png') no-repeat right -5.9rem top -22.7rem; background-size:10rem auto;}

.btn_wrap >*.list:not(.button):hover {background-position:right 3.45rem top -52.6rem; background-color:#216cda; color:#fff;}


.btn_wrap >*.prev:not(.button),
.btn_wrap >*.next:not(.button) {padding:1.5rem 2.9rem; color:#666666; border-color:#dddddd; background-size:1rem auto !important;}
.btn_wrap >*.prev:not(.button) {padding-left:5rem; background:url('/common/img/common/split_button_prev.png') no-repeat left 2.9rem top 1.5rem;}
.btn_wrap >*.next:not(.button) {padding-right:5rem; background:url('/common/img/common/split_button_next.png') no-repeat right 2.9rem top 1.5rem;}

.btn_wrap >*.prev.small:not(.button),
.btn_wrap >*.next.small:not(.button) {padding:1rem 2.1rem; background-size:.8rem auto !important;}
.btn_wrap >*.prev.small:not(.button) {padding-left:3.9rem; background:url('/common/img/common/split_button_prev_small2.png') no-repeat left 2.1rem top 1.2rem;}
.btn_wrap >*.next.small:not(.button) {padding-right:3.9rem; background:url('/common/img/common/split_button_next_small2.png') no-repeat right 2.1rem top 1.2rem;}

.btn_wrap >*.prev:hover:not(.button),
.btn_wrap >*.next:hover:not(.button) {color:#216cda; border-color:#216cda; text-decoration:none;}
.btn_wrap >*.prev:hover:not(.button) {background-position:left 2.9rem bottom 1.6rem;}
.btn_wrap >*.next:hover:not(.button) {background-position:right 2.9rem bottom 1.6rem;}

.btn_wrap >*.prev.small:hover:not(.button) {background-position:left 2.1rem bottom 1.1rem;}
.btn_wrap >*.next.small:hover:not(.button) {background-position:right 2.1rem bottom 1.1rem;}



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

	/* 다목적 접수 프로그램 */
	*[class*="bod_apply"] .thumb .cate {font-size:1.4rem; padding:.8rem 1.5rem;}
	.bod_apply {}
	.bod_apply ul {margin:0 -1rem;}
	.bod_apply ul li {padding:1rem;}
	.bod_apply .cont {padding:2.5rem 2rem;}
	.bod_apply .cont .tit {font-size:2rem; margin-bottom:.5em;}
	.bod_apply .cont .detail {font-size:1.5rem;}

	.bod_apply_view .bod_apply_title {padding:2rem; margin:2rem 0;}
	.bod_apply_view .bod_apply_title .thumb {width:300px; top:2rem; left:2rem; bottom:2rem;}
	.bod_apply_view .bod_apply_title .cont {margin-left:320px; padding:2.5rem 2rem;}
	.bod_apply_view .bod_apply_title .cont .tit {font-size:2rem; margin-bottom:.5em;}
	.bod_apply_view .bod_apply_title .cont .detail {font-size:1.5rem;}

	.bod_apply_view .view_cont > h5 {font-size:2rem !important;}
	.bod_apply_view .view_cont > h5:before {margin-top:.1em;}
	.bod_apply_view .view_cont > .in {padding:2rem; font-size:1.6rem;}


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

@media screen and (max-width:1000px) {
	.tbl-respon .tbl_box { width: 100%; overflow: auto; }
	.tbl-respon .tbl_box table { width: 1100px; }
}
@media screen and (max-width:960px) {
	/* 일반게시판:bod_list , 현황 목록 :bod_maintain */
	/*.bod_list,
	.bod_maintain {table-layout:auto}*/
	.bod_list,
	.bod_maintain {table-layout:fixed;}

	/* 다목적 접수 프로그램 */
	.bod_apply ul li {width:50%;}

	/* 블로그게시판 */
	.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;}

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

@media screen and (max-width:860px){
	/* 다목적 접수 프로그램 게시판(이미지없는 리스트) */
	.bod_apply.st02 ul li{width:100%; float:none;}
	.bod_apply.st02 ul li .cont .detail{height:auto;}
	.bod_apply.st02 .btnBox{text-align:left;position: relative;bottom: 0;right: 0;}

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

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

	.tbl-respon .tbl_wrap table { width: 900px; }

	/* 고시공고, 입법예고, 채용공고 */
	.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:2rem;}
	.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%; color:#444444;}
	.bod_list.staff .list_team {width:65%; color:#444444;}
	.bod_list.staff .list_class {width:34.9%; color:#444444; 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:2rem 2rem 2rem 5.5rem; border-radius:9em; border:1px solid #d7d7d7; -webkit-box-shadow:2px 2px 0px #ddd; box-shadow:2px 2px 0px #ddd; color:#fff !important; background:#253c5d url('./../img/common/ico_m_call.png') no-repeat 10px 10px; font-size:2rem; cursor:pointer; cursor:auto;}
	.bod_list.staff .list_name {width:15.1%; font-size:2.5rem; font-weight:700; margin-top:0.5rem; color:#253c5d;}


	/* 포토게시판 */
	.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;}

	.bod_list.faq .faq_answer dl {position:relative; padding-left:30px;}
	.bod_list.faq .faq_answer dt {display:block; position:absolute; top:0; left:0;}

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


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

	/* 다목적 접수 프로그램 게시판(이미지없는 리스트) */
	.bod_apply.st02 ul li .cont .detail dl {width:auto; float:none;}
}
@media screen and (max-width:730px) {
	.bod_apply_view .bod_apply_title .thumb {width:auto; position:relative; top:auto; left:auto; right:auto; bottom:auto; height:200px;}
	.bod_apply_view .bod_apply_title .cont {margin-left:0; padding-bottom:0;}
	.bod_apply_view .bod_apply_title .cont .detail dl > *{display:inline-block;}
	.bod_apply_view .bod_apply_title .cont .detail dl dt{width:30%;}
	.bod_apply_view .bod_apply_title .cont .detail dl dd{width:70%;}
}
@media all and (max-width:640px) {
	.bod_list.staff .list_team {width:58%;}

	.bod_list, .bod_maintain {table-layout:fixed;}
	.tbl-respon .bod_list, .tbl-respon .bod_maintain {table-layout: auto;}

	.tbl-respon .bod_list tr { display: table-row; }

	/* 게시판 상단 :검색, 페이지 정보 등 */
	.bod_head .bod_search.ty2 dl > dt,
	.bod_head .bod_search.ty2 dl > dt label {font-size:1.4rem !important;}
	.bod_head .bod_search.ty2 dl > dd {font-size:1.4rem !important;}

	/* 게시판 상단 안내문구 */
	.bod_guide {padding:2rem;}
	.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_head .bod_search.ty2 dl dd .small,
	.bod_head .bod_search input[type="submit"],
	.bod_head select,
	.bod_head input,
	.bod_head .btn,
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="number"],
	.bod_head .bod_search input[type="submit"],
	.bod_head .bod_search .btn {max-width:100%; width:100% !important; margin:.1em 0;}

	.bod_head .bod_search .hasDatepicker {display:block; max-width:100% !important;}
	.bod_head .bod_search.ty2 .hasDatepicker {display:inline-block !important; width:120px !important; max-width:45% !important;}

	.bod_head .bod_search a { text-align: center; }

	/* 일반게시판 */
	.bod_list,
	.bod_maintain {table-layout:auto}

	.bod_list thead, .bod_list .list_file, .bod_list .list_hit {display:none;}
	.tbl-respon .bod_list thead, .tbl-respon .bod_list .list_file, .tbl-respon .bod_list .list_hit {display:table-header-group;}
	.bod_list tr{border-bottom:1px solid #d9d9d9;}
	.bod_list,
	.bod_list tbody {display:block;}
	.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; 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;} */
	.basic td.list_tit a {max-width:80%;}

	/* 고시공고 */
	.bod_list.gosi .list_dept {width:42%;}
	.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_tel {width:auto; float:none; clear:both;}
	.bod_list.staff .list_tel a[href^='tel:'] {display:block; text-align:center;}
	.bod_list.staff .list_name {width:55%;}
	.bod_list.staff .list_team {width:58%;}
	.bod_list.staff td.list_work {float:none; width:auto; clear:both; padding:1rem 1.5rem !important; background:#fff; border-radius:4px; margin-top:1rem; line-height:1.6; border:1px solid #ddd !important;}

	/* 민원형게시판 */
	.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_apply ul li,
	.bod_apply.col-2 ul li {width:100%; float:none;}
	.bod_apply .thumb .cate {font-size:1.1rem;}
	.bod_apply .cont {padding:2.5rem 2rem;}
	.bod_apply .cont .tit {font-size:1.7rem; margin-bottom:.5em;}
	.bod_apply .cont .detail {font-size:1.4rem;}

	.bod_apply_view .bod_apply_title .thumb {padding-bottom: 61.4%;}
	.bod_apply_view .bod_apply_title .cont {padding-left:0; padding-right:0;}

	.bod_apply.st02 p.tit {font-size:2rem !important; padding:2rem;}
	.bod_apply.st02 ul li .cont .detail {padding:2rem;}


	/* 블로그 게시판 */
	.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_blog .cont .date >span + span {padding-left:2rem; background-position:1rem 50%;}

	/* 게시판 상세페이지 */
	.bod_view h4 {font-size:2rem /* 20px */}
	.view_file,
	.view_file > * {display:block;}
	.view_file dt {display:block; padding-bottom:0; text-align:left; width:auto;}
	.view_file dt >span {font-size:1.5rem /* 15px */;}
	.view_file dd {padding:1rem 1rem 2.5rem;}

	/* 대량포토게시판 상세페이지 */


	/* 게시판 하단 버튼 */
	.btn_wrap >a,
	.btn_wrap >input,
	.btn_wrap >button {padding:1.1rem 2.5rem; font-size:1.5rem /* 15px */; min-width:0;}
	.btn_wrap >*.write,
	.btn_wrap >*[onclick *= "write"],
	.btn_wrap >input[type="submit"].write,
	.btn_wrap >input[type="button"].write,
	.btn_wrap >button.write {padding:1.1rem 2.5rem; padding-right:4.8rem; background:url('/common/img/common/split_button_icon.png') no-repeat right -4rem top -27.5rem; background-size:8rem auto;}

	.btn_wrap .button{padding:1rem 2.5rem!important;height: auto;}

	.btn_wrap >*.write:hover,
	.btn_wrap >*[onclick *= "write"]:hover,
	.btn_wrap >input[type="submit"].write:hover,
	.btn_wrap >input[type="button"].write:hover,
	.btn_wrap >button.write:hover {background-position:right 2rem top -27.3rem;}

	.btn_wrap >*.list {padding-right:4.8rem; background:url('/common/img/common/split_button_icon.png') no-repeat right -4rem top -42rem; background-size:8rem auto;}
	.btn_wrap >*.list:not(.button) {background-position:right -5.9rem top -53rem;}
	.btn_wrap >*.list:not(.button):hover {background-position:right 1.4rem top -53rem;}


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

	/* 개인정보동의 */
	.bod_personal .minGuide {padding:2rem;}
	.bod_personal .minGuide > ul > li > strong {font-size:1.8rem;}
	.bod_personal .minGuide > ul > li {font-size:1.4rem;}
	.bod_personal .minGuide > ul ul {padding:1rem; font-size:1.4rem;}
	.bod_personal .minAgree {padding:2rem 0 4rem;}

	/* 게시판 글쓰기 */
	.bod_write textarea {width:100% !important;}
	.bod_write .tel_wrap input[type="text"],
	.bod_write .tel_wrap input[type="number"] {width:65px !important}
	.bod_write dl dd {line-height:140%;}

	.bod_write dl,
	.bod_write dl > * {display:block; height:auto;}
	.bod_write dl dt {width:auto; text-align:left; padding-bottom:0;}

	.bod_write .multi {display:block; margin:0;}
	.bod_write .multi > li {display:block; padding:2px 0;}
	.bod_write .multi label {text-align:left;}


	/* 첨부파일 */
	#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;}

	/* 대량포토게시판 상세페이지 */
	.photo_viewer .thumb_list {padding:1.3rem 3rem;}
	.photo_viewer .thumb_list .control .prev,
	.photo_viewer .thumb_list .control .next {width:3rem;}
	.photo_viewer .thumb_list .swiper-slide {width:10rem;}

	/* 페이징 */
	.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,
	.bod_list.staff .list_name  {width:auto;}
	.bod_list.staff .list_class {margin-right:10px;}
	/*.bod_list.staff .list_tel {width:50%;}*/

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

	/* 대량포토게시판 상세페이지 */

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

	/* 다목적 접수 프로그램 게시판(이미지없는 리스트) */
	.bod_apply.st02 .btnBox > * {display:block !important; margin:4px 0;}
}
@media screen and (max-width:440px) {
	.bod_head .bod_search.ty2 dl,
	.bod_head .bod_search.ty2 dl > dt,
	.bod_head .bod_search.ty2 dl > dd {display:block !important; width:auto !important;}
	.bod_head .bod_search.ty2 dl > dt {padding-left:0 !important;}
	.bod_head select,
	.bod_head input,
	.bod_head .btn,
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="number"],
	.bod_head .bod_search input[type="submit"],
	.bod_head .bod_search .btn {display:block; width:100% !important;}
	.bod_head .bod_search.ty2 input[data-v-input-type="num"] {display:inline-block; vertical-align:middle !important;}

	.bod_head .bod_search input[type="text"].has-txt {display:inline-block;}
	.bod_head .bod_search input[type="text"].small {width:8rem !important;}

	.bod_head .bod_search .mo-full {width:100% !important;}
}
@media screen and (max-width:416px) {

	/* 게시판 글쓰기 */
	.bod_write .wp300 {width:100% !important;}

	/* 대량포토게시판 상세페이지 */
	.photo_viewer .thumb_list .swiper-slide {width:8rem;}
}
@media screen and (max-width:375px) {
	/* 일반게시판:bod_list , 현황 목록 :bod_maintain */
	.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;}

	/* 게시판 글쓰기 */
	.field-group {display:block; width:auto; margin:0;}
	.field-group + .field-group {margin-top:5px;}
	.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.7rem;}

	/* 포토게시판 */
	.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;}

	/* 블로그 게시판 */


	/* FAQ */
	.bod_list.faq .faq_answer {padding:1rem !important;}


	/* 캘린더 */
	#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;}

	.bod_apply.st02 p.tit {font-size:1.8rem !important; padding:1.5rem;}
}

@media screen and (max-width:320px) {
	/* 대량포토게시판 상세페이지 */


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

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

/*프로그램 상태메세지 디자인*/
.cate {display:inline-block;z-index:1; border-radius:5px; color:#fff !important; font-size:1.6rem; padding:1rem 1.9rem; line-height:1.2; background:#000; font-weight:100;}
.cate[data-state="접수중"] {background:#325fdf !important;}
.cate[data-state="추가접수"] {background:#f77332 !important;}
.cate[data-state="정원마감"] {background:#003583 !important;}
.cate[data-state="접수마감"] {background:#40444f !important;}
.cate[data-state="접수대기"] {background:#0c9dd9 !important;}

@media screen and (max-width:1024px) {
	.cate {font-size:1.4rem; padding:.8rem 1.5rem;}
}

@media all and (max-width:640px) {
	.cate {font-size:1.1rem;}
}


/** 스텝 : 업무 직원 안내 모바일 리스트 **/
.staff_wrap {display:block; border-top:2px solid #000; border-bottom:1px solid #ddd;}
.staff_wrap li + li {border-top:1px solid #ddd;}
.staff_wrap .item {display:block; position:relative; padding:20px 10px;}

.staff_wrap .item .prof {display:table; table-layout:fixed; width:100%;}
.staff_wrap .item .prof > * {display:table-cell; vertical-align:middle; }
.staff_wrap .item .name {width:60%;}
.staff_wrap .item .tel {width:40%; text-align:right;}
.staff_wrap .item .name em,
.staff_wrap .item .name span {display:block; float:left; font-size:1.5rem !important; line-height:1.4em; height:1.4em;}
.staff_wrap .item .name em {width:40%; color:#216cda !important;}
.staff_wrap .item .name span {width:60%;}
.staff_wrap .item .name strong {display:block; clear:both; padding-top:20px; overflow:hidden; color:#253c5d; font-weight:700; font-size:2.5rem;}
.staff_wrap .item .name i {display:inline-block; width:40%; font-size:.8em;}

.staff_wrap .item .tel a {display:inline-block; padding:3px 10px 3px 29px; min-width:210px; 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;}
.staff_wrap .item .tel a[href^='tel:'] {display:inline-block; padding:2rem 2rem 2rem 5.5rem; border-radius:9em; border:1px solid #d7d7d7; -webkit-box-shadow:2px 2px 0px #ddd; box-shadow:2px 2px 0px #ddd; color:#fff !important; background:#253c5d url('./../img/common/ico_m_call.png') no-repeat 10px 10px; font-size:2rem; cursor:pointer; cursor:auto;}

.staff_wrap .item .work {display:block; position:relative; padding:10px; background:#fafafa; clear:both; line-height:1.6; color:#333; font-weight:400; margin-top:20px;}

@media all and (max-width:575px) {
	.staff_wrap .item .prof {display:block; text-align:center;}
	.staff_wrap .item .prof > * {display:block;}

	.staff_wrap .item .name {width:auto;}
	.staff_wrap .item .name em,
	.staff_wrap .item .name span {display:inline; font-size:1.4rem; width:auto; float:none;}
	.staff_wrap .item .name em + span {margin-left:15px;}
	.staff_wrap .item .name span {color:#999 !important;}
	.staff_wrap .item .name strong {text-align:center;}
	.staff_wrap .item .name strong i {width:auto; text-align:left; margin-right:.5rem; color:#216cda;}
	.staff_wrap .item .tel {width:auto; margin-top:10px; text-align:center; transform:scale(.8); -webkit-transform:scale(.8);}
}

.nested_table {border-collapse:separate; border-spacing:.5rem;}
.nested_table th {background:#f1f1f1; color:#333; border-radius:3px; font-size:.95em; line-height:1.2; padding:1rem .5rem;}
.bod_write .nested_table th label {line-height:1.2;}
.bod_write .nested_table td input,
.bod_write .nested_table td select {margin:0; margin-top:-.4rem;}
.bod_write .nested_table .red {color:#f16d25 !important;}

@media all and (max-width:640px) {
	.bod_write .nested_table,
	.bod_write .nested_table thead,
	.bod_write .nested_table tbody,
	.bod_write .nested_table tr,
	.bod_write .nested_table th,
	.bod_write .nested_table td {display:block; position:relative; padding:0; width:auto; max-width:100% !important;}
	.bod_write .nested_table {margin-top:0 !important;}
	.bod_write .nested_table thead {display:none;}
	.bod_write .nested_table td {padding:2px 0;}
	.bod_write .nested_table td + td {margin-top:.5rem;}
	.bod_write .nested_table td:before {content:attr(data-header); display:block; position:relative; padding:.5em; line-height:1.2; font-size:.95em; text-align:center; border-radius:3px; background:#f1f1f1; color:#333; margin:0; margin-bottom:.4rem; text-align:left;}
	.bod_write .nested_table td input,
	.bod_write .nested_table td select {margin:0; margin-top:0;}
}


/** Download Style **/

.bod_download {display:block; position:relative; border-top:1px solid #293f50;}
.bod_download dl {border-bottom:1px solid #c5c9d6;}
.bod_download dt button {display:block; position:relative; width:100%; padding:2.2rem 5rem 2.2rem 2rem; text-align:left; color:#363c5a; box-sizing:border-box;}
.bod_download dt button:after {content:""; display:block; position:absolute; width:5rem; top:0; bottom:0; right:2rem; background:url('../img/board/ico_down_arrow.png') no-repeat 50% 50%;}
.bod_download dt button strong {display:block; position:relative; margin-right:12rem; word-break:keep-all;}
.bod_download dt button span {display:block; position:absolute; top:2.2rem; right:7.5rem; opacity:.7; font-size:.9em;}
.bod_download dd {display:none; position:relative; padding:2.2rem 2rem; font-weight:400; border-top:1px solid #c5c9d6; color:#7d7d7d; line-height:1.7; background:#eef3f7;}
.bod_download dl.on dt button:after {background-image:url('../img/board/ico_up_arrow.png');}
.bod_download dl.on dd {display:block;}
.bod_download dd a {position:relative; color:#2491c7; line-height:120%; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.bod_download dd a:before {content:''; display:inline-block; vertical-align:middle; width:2px; height:2px; border-radius:2px; background:#666; margin:-1px 2px 0 0;}
.bod_download dd a >span {color:#363c5a;; margin-right:5px; display:inline-block;}
.bod_download dd a:hover >span {text-decoration:underline}
.bod_download dd a.bt_white_s,
.bod_download dd a.btn_preview {border:1px solid #ddd; border-radius:4px; padding:3px 3px 3px 7px; font-size:1.3rem; background:#fff;}
.bod_download dd a.bt_white_s:before,
.bod_download dd a.btn_preview:before {display:none;}
.bod_download dd a.bt_white_s:hover,
.bod_download dd a.btn_preview:hover {border-color:#bbb;}
.bod_download dd li {float:none; margin:10px 0;}

@media all and (max-width:640px) {
	.bod_download dt button {padding:1.5rem 3rem 1.5rem 1rem;}
	.bod_download dt button strong {margin-right:0;}
	.bod_download dt button span {display:none;}
	.bod_download dt button:after {right:0;}

	.bod_download dd {padding:1.5rem 1rem;}
}


.text_23030323{width: 65%;}