@charset "utf-8";

/* 게시판 상단 검색 영역 */
.bod_head {display:block; position:relative; padding-bottom:4em;}
.bod_head:after {content:""; display:block; clear:both;}
.bod_head .page_num {display:block;position:absolute;bottom:0;right:0;color:#777777;padding-bottom: 1em;font-weight: 400;}
.bod_head .page_num em {font-weight:800;color: #f64776;width: 1.5em;height: 1.5em;margin-right: 0.5em;text-align: center;border-radius: 1em;}
.bod_head .bod_search {display:block; position:relative; padding:1em 1.11112em; overflow:hidden; text-align:center; border-radius:0.5em; background:#f8f8f8;}
.bod_head .bod_search .black{background-color:#333!important; color:#fff!important;}
.bod_head .bod_search .black:focus {background-color: #00BCD4!important;}

.bod_search .btn{border-radius:0.25em; }
.bod_head input[type="text"],
.bod_head input[type="select"],
.bod_head select {height:2.588em; margin-left:.1em; padding:0 .8em; box-sizing:border-box;}
@media all and (max-width:1024px) {
	.bod_head .page_num {float:none; margin-bottom:.5em;}
	.bod_head .page_num + .bod_search {float:none; text-align:left;}
}
@media all and (max-width:1024px) and (min-width:641px) {
	.bod_head .bod_search select,
	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="search"] {display:block; float:left; margin:0 1% 0 0;}
	.bod_head .btn:not(.refresh) {width:19%; margin:0; text-align:center;}
	.bod_head .btn ~ .btn {margin:1% 0 0 0; width:100%;}

	.bod_head .bod_search input[type="text"],
	.bod_head .bod_search input[type="search"] {width:80%;}
	.bod_head .bod_search select {width:24%;}
	.bod_head .bod_search select ~ input[type="text"],
	.bod_head .bod_search select ~ input[type="search"] {width:55%;}
	.bod_head .bod_search select ~ select ~ input[type="text"],
	.bod_head .bod_search select ~ select ~ input[type="search"] {width:30%;}
}
@media all and (max-width:640px) {
	.bod_head input[type="text"],
	.bod_head input[type="select"],
	.bod_head select,
	.conts .bod_head input[data-date],
	.conts .bod_head input[data-date-picker]{display:block;position:relative;width:100%!important;}

	.bod_head .btn:not(.refresh) {width: 100%;margin:.3em 0;text-align:center;}
}

/* 사전공표 검색 영역 */
.search_opendata {display:block; position:relative; margin-bottom:2.22em; padding:1.11em; background:#EEF2F5; border-radius:.44em;}
.search_opendata:after {content:""; display:block; clear:both;}
.search_opendata {display:block; position:relative; overflow:hidden; text-align:center;}
.search_opendata .btn {padding-top:.667em; padding-bottom:.667em; border-radius:5px; margin-left:.1em; background-color:#005CB9 !important; border-color:#005CB9 !important; color:#fff !important;}
.search_opendata input[type="text"],
.search_opendata input[type="select"],
.search_opendata select {height:2.588em; margin-left:.1em; padding:0 .8em; box-sizing:border-box;}
@media all and (max-width:640px) {
	.search_opendata input[type="text"],
	.search_opendata input[type="select"],
	.search_opendata select {display:block; position:relative; width:100%; margin:.3em 0;}
	.search_opendata .btn {display:block; width:100%; margin:.3em 0; text-align:center;}
}


/* 게시판 상단 다중 검색 영역 */

.bod_head .bod_multiSearch {margin:0;}
.bod_multiSearch {padding: 1em 1.11112em;border-radius: 0.5em;display:block;position:relative;background: linear-gradient(91deg, #fcfcfc 0%, #fafafa 100%); border: 1px solid #ddd;}
.bod_multiSearch input[type="text"],
.bod_multiSearch input[type="number"],
.bod_multiSearch select {border-radius:0;margin: 0;border:1px solid #ddd !important;float:left;max-width:100%;}
.bod_multiSearch label {display:block;position:absolute;top:0;left:0;line-height: 2.5em;}
.bod_multiSearch li > label:first-child {font-weight:800;}
.bod_multiSearch li {position:relative;box-sizing:border-box;padding-left: 8em;margin: 0.3em 0;}
.bod_multiSearch li:after {content:""; display:block; clear:both;}
.bod_multiSearch li span {display:block; font-size:.944em; line-height:2.94em; float:left; text-align:center;}
.bod_multiSearch li.full {display:block; clear:both; width:auto;}
.bod_multiSearch .btn_wrap {display:block;clear:both;margin-top: 1em;padding-top:1.11em;border-top:1px dashed #DDD;text-align:center;}
.bod_multiSearch .btn {border-radius: 5px;}

@media all and (min-width:941px) {
	.bod_multiSearch ul {padding-left:4px;}
	.bod_multiSearch li {display:inline-block; width:50%; vertical-align:top; margin-left:-4px;min-height: 2.785em;}
	.bod_multiSearch label {left:1em;}
}

@media (max-width: 600px) {
	.bod_multiSearch li {padding-left:0;}
	.bod_multiSearch li + li {margin-top:1em;}
	.bod_multiSearch label {position:relative; line-height:1.5em;}
}

.searchBox { background:#F8F8FC; border-radius: 0.4em; padding: 1.5em; overflow: hidden; }
.searchBox ul { float: left;  width: calc(100% - 320px); }
.searchBox ul li { display: inline-block; vertical-align: middle; }
.searchBox ul li label { display: none; }
.searchBox ul li * { width: 100%; }
.searchBox .btn_wrap { float:right; margin:0;  }
@media all and (max-width:767px) {
	.searchBox ul { width: 100%; margin-bottom: 1em;}
	.searchBox .btn_wrap { width: 100%; text-align: center;}
	.searchBox .btn_wrap * { display: inline-block; }
}
@media all and (max-width:640px) {
	.searchBox ul { margin-bottom:0; }
	.searchBox ul li { width: 100% !important; }
}


/* 페이징 */
.bod_page {padding:0; text-align:center; margin:1.66em 0;}
.bod_page > a.on {background:#555c67; font-weight:500; color:#fff;}
.bod_page > a[class^=btn_] {font-size:1.111112em; width:2em; min-width:2em; height:2em; text-indent:-999999em; background:url(../img/board/spr_paging.svg) no-repeat 0 0; background-size:auto 2em; border:1px solid #DDD; padding:0;}
.bod_page > a.btn_first {background-position:0 50%; margin-right:.3em;}
.bod_page > a.btn_10prev {background-position:-2em 50%; margin-right:.5em;}
.bod_page > a.btn_10next {background-position:-4em 50%; margin-left:.5em;}
.bod_page > a.btn_end {background-position:-6em 50%; margin-left:.3em;}
.bod_page > span,
.bod_page > a {display:inline-block;vertical-align:middle;box-sizing:border-box;border-radius: 20px;min-width:2.222223em;line-height:2.222223em;height:2.222223em;padding:0 .2em;text-align:center;margin:.111112em 0;}
.bod_page > a {color:#2F3336 !important; text-decoration:none !important;}
.bod_page > span {background: #f64776;color:#fff;text-decoration: underline;}


@media all and (max-width:640px) {
	.bod_page {font-size:.9em;}
}


/* 개인정보 수집 및 이용안내 */
.box-personalGuide {display:block; position:relative; margin-bottom:2em;}
.box-personalGuide:before {content:""; display:block; position:absolute; width:6.111112em; height:6.111112em; top:2em; left:2.777778em; background:url(../img/board/ico_personal_private.svg) no-repeat 50% 50%; background-size:contain;}
.box-personalGuide .desc {display:block; position:relative;}
.box-personalGuide .desc li strong {font-weight:500;}
.box-personalGuide .desc li strong + span {margin-left:1.2em;}
.box-personalGuide .desc li span {color:#888;}
.box-personalGuide .minAgree {display:block; position:relative; margin-top:1.111em; padding-top:1.111em; border-top:1px dashed #DDD; text-align:left;}
.box-personalGuide .minAgree p {display:inline-block; position:relative; vertical-align:middle; margin-right:2.5em;}
.box-personalGuide .minAgree p + p {margin-top:0;}
@media all and (max-width:640px) {
	.box-personalGuide:before {display:none;}
	.box-personalGuide .minAgree {margin:1.11em 0 0; text-align:center;}
	.box-personalGuide .minAgree p {margin:0 .5em;}
}
@media all and (min-width:641px) {
	.box-personalGuide .desc,
	.box-personalGuide .minAgree {margin-left:9em;}
}
@media all and (max-width:520px) {
	.box-personalGuide .minAgree {text-align:left; padding:1.2em 1.5em 0;}
	.box-personalGuide .minAgree p {display:block; margin:.3em 0 !important; text-align:left;}
}



/* 본인인증 */
.realNameWrap {display:block; position:relative;  border-radius:0 10px 10px 10px; opacity:0; margin:3em 0;}
.realNameWrap.complate {opacity:1;}
.realNameWrap .inner {display:block; position:relative;}
.realNameWrap .realNameGroup {display:block;}
.realNameWrap .realNameGroup:after {content:""; display:block; clear:both;}
.realNameWrap .realNameGroup > li {display:block; position:relative; float:left; width:31.3%; box-sizing:border-box; background:#f8fafc; border-radius:1em; margin:1%;}
.realNameWrap .realNameGroup > li:first-child + li {background:#fcfcfc;}
.realNameWrap .item {display:block; position:relative; padding:2.223em 1.667em; text-align:center;}
.realNameWrap .item:before {content:""; display:block; position:relative; margin:0 auto 1.11em; width:3.334em; height:3.334em; max-width:60px; max-height:60px; background:no-repeat 50% 50%; background-size:contain;}
.realNameWrap .item h4 {color:#17255c;font-size: 1.7em;padding-left:0;margin: 0 0 0.5em 0;}
.realNameWrap .item h4:before {display:none;}
.realNameWrap .item p {word-break:keep-all; font-size:.944em; margin:0 !important;}
.realNameWrap .item .control {margin-top:1.667em;}
.realNameWrap .item .control .btn {width:100% !important;line-height: 1.5em;}
.realNameWrap .item .control .btn.digipass {padding-left:3.11112em; border-radius:0; background:url(../img/board/ico_onepass.svg) no-repeat .833334em 50% #1C2674 !important; border-color:#1C2674 !important; color:#fff !important; background-size:auto 1.33334em;}

.realNameWrap .login {width:auto !important; float:none !important; clear:both; border-top:1px solid #EEF2F5;}
.realNameWrap .login .desc {height:auto !important;}
.realNameWrap .loginWrap .row {position:relative;}
.realNameWrap .loginWrap .row label {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; opacity:0; z-index:-999;}
.realNameWrap .loginWrap .row input[type="text"],
.realNameWrap .loginWrap .row input[type="password"] {display:block; position:relative; width:100%; height:2.824em; margin-bottom:10px;}

.realNameWrap .realname .item:before {background-image:url(../img/board/ico_verify_identify.svg);}
.realNameWrap .i-pin .item:before {background-image:url(../img/board/ico_verify_ipin.svg);}
.realNameWrap .onepass .item:before {background-image:url(../img/board/ico_verify_onepass.svg);}
.realNameWrap .login .item:before {background-image:url(../img/board/ico_verify_login.svg);}

@media all and (min-width:861px) {
	.realNameWrap .login .item {padding-top:2.77778em; padding-bottom:2.77778em;}
	.realNameWrap .login .item:before {position:absolute; top:2.77778em; left:6.54445em;}
	.realNameWrap .login .item h4 {position:absolute; top:4.5em; left:.625em; width:8.4em; text-align:center;}
	.realNameWrap .login .item .desc > div {display:block; position:absolute; text-align:left; top:2.7778em; right:2.7778em; width: 24.333em; word-break:keep-all;}
	.realNameWrap .login .item .forget-link {position:absolute; right:2.7778em; bottom:2.7778em; width: 24.333em; text-align:left;}
	.realNameWrap .login .item .forget-link p {color:#777777;}
	.realNameWrap .login .item .control {margin-top:1.5em;}
	.realNameWrap .login .loginWrap {display:block; position:relative; margin-left:13.61112em; margin-right: 28.16667em; text-align:left;}

	.realNameWrap .loginWrap .keypad_box {bottom:.7em; right:0; font-size:.8em;}
}
@media all and (max-width:1510px) and (min-width:861px) {
	/*
	.realNameWrap .login .loginWrap {margin-left:10.61112em; margin-right:22em;}
	.realNameWrap .login .item:before {left:5em;}
	.realNameWrap .login .item h4 {width:8.6667em;}
	*/
}
@media all and (max-width:1000px) and (min-width:861px) {
	.realNameWrap .login .loginWrap {margin-right:20em; margin-left:9.61112em;}
	.realNameWrap .login .item .desc > div,
	.realNameWrap .login .item .forget-link {right:0; width:19em;}
	.realNameWrap .login .item:before {left:3em;}
	.realNameWrap .login .item h4 {width:4.5em;}
}
@media all and (max-width:940px) and (min-width:861px) {
	.realNameWrap .login .item:before {position:relative; margin:0 auto; top:auto; left:auto;}
	.realNameWrap .login .item h4 {position:relative; width:auto; top:auto; left:auto;}
	.realNameWrap .login .loginWrap {margin-left:0;}
	.realNameWrap .login .item .desc > div {top:9.2em;}
}
@media all and (max-width:1024px) {
	.realNameWrap,
	.realNameWrap .siteLogin{padding:.8em;}
	.realNameWrap .item {padding:1.2em 0;}
}
@media all and (max-width:860px) {
	.realNameWrap .realNameGroup .desc {height:auto !important;}
	.realNameWrap .login .loginWrap,
	.realNameWrap .login .item .forget-link {margin-top:1.5em;}
	.realNameWrap .login .loginWrap {max-width:340px; margin-left:auto; margin-right:auto;}
}

.realNameWrap.cols-1 .realNameGroup .desc {height:auto !important;}
.realNameWrap.cols-1 .realNameGroup > li {width:100%;}
.realNameWrap.cols-2 .realNameGroup > li {width:48%;}
.realNameWrap.cols-3 .realNameGroup > li {width:31.3%;}

@media all and (max-width:1024px) {
	.realNameWrap{padding:.8em;}
	.realNameWrap .item {padding:1.2em;}
	.realNameWrap.cols-4 .realNameGroup > li {width:50%;}
}
@media all and (max-width:860px) {
	.realNameWrap.cols-1 .realNameGroup > li {width:100%; margin:1% 0;}
	.realNameWrap.cols-1 .realNameGroup .desc {height:auto !important;}
	.realNameWrap.cols-2 .realNameGroup > li {width:48%;}
	.realNameWrap.cols-3 .realNameGroup > li {width:100%; margin:1% 0;}
	.realNameWrap.cols-3 .realNameGroup .desc {height:auto !important;}
	.realNameWrap.cols-4 .realNameGroup > li {width:48%;}
}
@media all and (max-width:640px) {
	.realNameWrap.cols-1 .realNameGroup > li {width:100%; margin:1% 0}
	.realNameWrap.cols-1 .realNameGroup .desc {height:auto !important;}
	.realNameWrap.cols-2 .realNameGroup > li {width:100%; margin:1% 0}
	.realNameWrap.cols-2 .realNameGroup .desc {height:auto !important;}
	.realNameWrap.cols-3 .realNameGroup > li {width:100%; margin:1% 0}
	.realNameWrap.cols-3 .realNameGroup .desc {height:auto !important;}
	.realNameWrap.cols-4 .realNameGroup > li {width:100%; margin:1% 0}
	.realNameWrap.cols-4 .realNameGroup .desc {height:auto !important;}
}


/* 로그인 */
.realNameWrap.login .login .item .forget-link > a{display: inline-block;position: relative;padding: 0 0.6em;}
.realNameWrap.login .login .item .forget-link > a:first-child:before{display:none;}
.realNameWrap.login .login .item .forget-link > a:before{content:'';position:absolute;left:0;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width:1px;width: 1px;height: 0.7em;left: 0em;background: #d9d9d9;}



/* 비밀번호찾기,아이디찾기 */
.realNameWrap.password .login .item:before{background:url(/common/img/board/ico_password_confirm.svg) no-repeat 50% 50%;}
.realNameWrap.password .item .row.ral{display:inline-block;width:100%;}
.realNameWrap.password .item .row.ral input[type="text"]{float:left;width:70%;}
.realNameWrap.password .item .row.ral input[type="submit"]{float:right;width:25%;}
.realNameWrap.password .item .row .findId{text-align: center;border:1px solid #D3D8DD;border-radius: 5px;background: #fff;font-size: .9444em;padding: 1em 0.55556em;box-sizing: border-box;margin: 0.2em;}
.realNameWrap.password .item .control .btn {width:100% !important;line-height: 1.5em;}

/* 키보드 보안 안내 */
.security_chk {padding:2.223em; border-radius:1em; border:1px solid #005CB9;}
.security_chk .txt {color:#005CB9; font-weight:600;}
.security_chk .txt:before {content:''; display:inline-block; margin-right:.75em; width:22px; height:25px; background:url(/common/img/board/ico_security.svg) no-repeat 50% 50%; vertical-align:middle;}
.security_chk .txt1 {padding:1.5em 0 0; border-top:1px dashed #dadada; font-size:.9em; color:#888;}
.security_chk .chk_inp {margin:1em 0;}
.security_chk .chk_inp:after {content:''; clear:both; display:table;}
.security_chk .chk_inp .inp_wrap {float:left;}
.security_chk .chk_inp .inp_wrap input[type="checkbox"] + label {line-height:2em;}
.security_chk .chk_inp .inp_wrap input[type="checkbox"] + label:before {margin-top:-.2em;}
.security_chk .chk_inp button {display:block; float:left; border-radius:9em; padding:.25em 1.111112em; text-align:center; border:1px solid #2F3336; color:#2F3336; font-weight:400; margin-left:1em;}


/* 파일 목록 스타일 지정 */
.file-list {display:block; position:relative;}
.file-list li {display:block; position:relative; overflow:hidden;}
.file-list li + li {margin-top:.2em;}
.file-list .download {display:inline-block; position:relative; vertical-align:middle; line-height:1.4em; color:inherit; text-decoration:none; margin:0 .5em 0 0;}
/*.file-list .download:before {content:""; display:block; position:absolute; top:.7em; left:0; width:1.1765em; height:1.1764em; max-width:20px; max-height:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:no-repeat 50% 50%; background-size:contain;}
.file-list .download > * {margin:0 !important;}
*/
.file-list .download .file_size {margin-left:.5em !important; color:#888888;}
.file-list .btn_preview {display:inline-block; position:relative; line-height:2.007em; border-radius:9em; font-size:.875em; padding:0 2.4em 0 .8em; border:1px solid #2F3336; vertical-align:middle; color:inherit; text-decoration:none; background:url(../img/board/ico_file_view.svg) no-repeat top 50% right .5em; background-size:1.5em auto;}
@media all and (max-width:640px) {
	.file-list .download {margin-right:1em;}
	.file-list .download .file_size {margin-left:.3em !important;}
	.file-list .btn_preview {text-indent:-999px; overflow:hidden; height:2.007em; width:2.007em; padding:0; background-position:50% 50%;}
}



/* 일반게시판:bod_list , 현황 목록 :bod_maintain */
.bod_list,
.bod_maintain {width:100%; border-top:2px solid #212224; text-align:center; word-break:break-all; table-layout:fixed; word-break:keep-all;}
.bod_list.layout_noFix,
.bod_maintain.layout_noFix {table-layout:auto;}
.bod_list thead th,
.bod_maintain thead th {padding: .9em 0;font-weight:600;background:url(../img/board/img_list_header.png) no-repeat 0 50%; vertical-align:middle;}
.bod_list thead tr > th:first-child,
.bod_maintain thead tr > th:first-child {background:none;}
.bod_list thead,
.bod_maintain thead {border-bottom: 1px solid #d0d0d0;}
.bod_list tbody td,
.bod_maintain tbody td {position:relative; padding:0.8em 0; line-height:1.5em; border-bottom: 1px solid #dddddd; vertical-align:middle; word-wrap:break-word;}
.bod_list a,
.bod_maintain a {text-decoration:none !important; font-weight:bold;}
.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:1em; height:1em; background:#ea4040; display:inline-block; text-align:center; border-radius:3px; margin-left:5px; position:relative; vertical-align:middle;}
.bod_list span.ico_new:before {content:'N'; display:inline-block; color:#fff; border-radius:2px; font-size:.6em; font-weight:500; position:absolute; left:0; right:0; text-align:center; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.bod_list tbody tr:hover{background: #fafafa;}

/* 게시판 td 너비가 필요할 때 사용 */
.list_num {width:6%;}
.list_file {width:6%;}
.list_write {width: 18%;}
.list_answer {width:10%;}
.list_date {width:12%;}
.list_hit {width:5%;}
td.list_tit {text-align:left;padding-left: 0.8rem !important;-o-text-overflow:ellipsis;}
td.list_tit a {color:#2F3336; font-weight:700; line-height:1.4;}
td.list_tit >span {display:inline-block;}
td.list_tit strong {color:#fff;background: #F64776;border-radius:4px;padding: 0.2em 0.5em;margin-right:2px;font-size:1.3rem;font-family: 'SCoreDream';}
td.list_tit img[src$='ico_reply.gif'] {margin-right:8px;}

/* 고시공고 */
.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%; }

/* 직원안내 */
.bod_list.staff .list_class,
.bod_list.staff .list_name {color:#333;}
.bod_list.staff .list_name {width:8%;}
.bod_list.staff td.list_work {text-align:left; padding-left:1em; margin-top:.5em;}

/* 민원형 게시판 */
.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:block; padding:0.3em; text-align:center; max-width:4em; border-radius:4px; font-size:.95em;}
.bod_list.minwon .answer_standby {border:1px solid #bbb;}
.bod_list.minwon .answer_complete {border:1px solid #2F3336; background:#2F3336; color:#fff;}

/* FAQ */
.bod_list.faq .list_category {width:10%;}
.bod_list.faq .list_write {width:17%;}
.bod_list.faq .list_tit {padding-left:.5em !important;}
.bod_list.faq .list_category > span {color:#2998E3; font-weight:800;}
.bod_list.faq .faq_answer {background:#F8F8FC; text-align:left; padding:1.41176em 1.1764em;}

.bod_list.faq .faq_answer dl {display:block; position:relative; padding-left:3em;}
.bod_list.faq .faq_answer dl > dt {display:block; position:absolute; top:0; left:0; width:1.666667em; height:1.666667em; max-width:30px; max-height:30px; background:no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
.bod_list.faq .faq_answer dl > dd {display:block; position:relative; }

.bod_list.faq .faq_answer .list_q {margin-bottom:1.8em;}
.bod_list.faq .faq_answer .list_q > dt {background-image:url(../img/board/ico_question.svg);}
.bod_list.faq .faq_answer .list_q > dd {font-size:1em; font-weight:700; color:#333;}

.bod_list.faq .faq_answer .list_a {padding-bottom:1.5em;}
.bod_list.faq .faq_answer .list_a > dt {background-image:url(../img/board/ico_answer.svg);}
.bod_list.faq .faq_answer .list_a > dd {font-size:1em; color:#333; min-height:4em;}


/* 현황 map */
.tbl-map .address{font-weight:600;}
.tbl-map .ico{width:1.5em; margin-right:0.5em!important;}

@media screen and (max-width:960px) {
	/* 일반게시판:bod_list , 현황 목록 :bod_maintain */
	.bod_list,
	.bod_maintain {table-layout:auto}

	/* FAQ */
	.bod_list.faq .list_dept {display:none;}
}
@media screen and (max-width:768px){
	/* 일반게시판 */
	.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.staff thead,
	.bod_list.staff .list_num {display:none;}
	.bod_list.gosi tbody td.list_dept br,
	.bod_list.staff tbody td.list_dept br {display:inline-block; content: ""; padding: 0 .2em;}
	.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:1em 0;}
	.bod_list.gosi tbody td,
	.bod_list.staff tbody td {width:100%; text-align:left; padding:.3em !important; border-bottom:0 !important;}
	.bod_list.gosi .list_tit a {font-weight:500;}
	.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.2em; font-weight:700; margin-top:.3em;}
	.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: .7em 1em .7em 3em;border-radius:9em;color:#fff !important;background: #00b6ec url(/_guide/icons/ico_contact_tel.svg) no-repeat top 50% left .4em;background-size: 2em;font-size: 1em;cursor:pointer;pointer-events:auto;}
	.bod_list.staff .list_name {width:15.1%; font-size:1.6em; font-weight:700; margin-top:.2em;}

	/* 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:.5em 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:.5em 0 !important;}
	.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 !important;}
	.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:1em !important;}
	.bod_list.faq .faq_answer .list_q > dd {padding-top:.3em;}

	/* 반응형 시 swipe되는 테이블 */
	.tbl_wrap {width:100%; overflow:hidden; overflow-x:scroll;}
	.tbl_wrap .tbl_guide {display:block !important; margin-bottom:.5em;}
	.tbl_wrap .tbl,
	.tbl_wrap .bod_maintain {width:729px;}
}
@media all and (max-width:640px) {
	/* 일반게시판 */
	.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:700; font-size:1.2em;}
	.bod_list td,
	.bod_list th {padding:6px 3px !important;border-bottom:0 !important;}
	.bod_list tr {padding: 10px;display:block;}
	.bod_list td {display:block;}
	.bod_list tr:after {content:''; display:block; clear:both;}
	.bod_list tr:nth-of-type(even) {background: #ffffff;}
	/* .bod_list span.ico_new:before {left:4px;} */

	.bod_list tbody td,
	.bod_maintain tbody td {font-size:1.5rem;}
	.bod_list .list_tit a {font-size:1.8rem;}

	/* 고시공고 */
	.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 {display:inline-block; padding:.1em .6em; }
}
@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%;}
}
@media screen and (max-width:375px) {
	/* 일반게시판:bod_list , 현황 목록 :bod_maintain */
	.bod_list,
	.bod_maintain {table-layout:fixed;}


	/* 고시공고 */
	.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:58%;}
	.bod_list.staff .list_tel a {margin-left:-1.5em;}
	.bod_list.staff .list_tel a[href^='tel:'] {font-size:1em;}

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


/* 포토게시판 */
.bod_photo,
.bod_movie {border-top:3px solid #2F3336; border-bottom:1px solid #ddd; padding:1.11em 0;}
.bod_photo:after,
.bod_movie:after {content:""; display:block; clear:both;}
.bod_photo ul,
.bod_movie ul {margin:0 -.833334em;}
.bod_photo ul li,
.bod_movie ul li {width:33.33%; float:left; text-align:center; padding:1.11em .833334em; box-sizing:border-box;}
.bod_photo li a,
.bod_movie li a {display:block; position:relative; text-decoration:none; color:#2F3336;}
.bod_photo .thumb,
.bod_movie .thumb {display:block; position:relative; background:#EEF2F5; max-height:250px; overflow:hidden; border-radius:1.11em;}
.bod_photo .thumb:before,
.bod_movie .thumb:before {content:""; display:block; position:Relative; padding-top:65.789%; z-index:-9999;}
.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_movie ul li:hover .thumb:after,
.bod_photo ul li:hover .thumb:after{content:''; position:absolute; top:0; right:0; left:0; bottom:0; display:block; background: #00000033 url(/_guide/img/button/white/view.svg) no-repeat center; background-size:3em;}
.bod_photo .cont,
.bod_movie .cont {padding:.9em 0 0; text-align:left;}
.bod_photo .cont > span,
.bod_movie .cont > span {display:block; position:relative; text-align:left; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bod_photo .cont > span.tit,
.bod_movie .cont > span.tit {font-weight: 600;font-size: 1.2em;line-height: 2em;height: 1.6em;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;}
.bod_photo .cont > span.tit + *,
.bod_movie .cont > span.tit + * {margin-top:.6em;}
.bod_photo .cont > span.date,
.bod_movie .cont > span.date {color:#aaa; font-size:.88889em; margin-top:1em;}
.bod_photo .cont > span.category,
.bod_movie .cont > span.category {font-size:.9em; color:#2998E3;}
/* 동영상 게시판 > 상세페이지*/
#movie {text-align:center !important; margin:0 auto;}
video {max-width:100%; height:auto;}

@media all and (max-width:1024px) {
	.bod_photo ul li,
	.bod_movie ul li {width:50%;}

	.bod_photo ul,
	.bod_movie ul {margin:0 -.8em;}
	.bod_photo ul li,
	.bod_movie ul li {padding:.8em;}
}

@media all and (max-width:540px) {
	.bod_photo ul li,
	.bod_movie ul li {width:100%; float:none;}
}


/* 웹진형 게시판 */
.bod_webzine {border-top:3px solid #2F3336;border-bottom: 1px solid #ddd;}
.bod_webzine li:nth-child(even) {background:#FAFBFC;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.bod_webzine li a {display:block;position:relative;padding: 1.4444em 2.222223em;overflow:hidden;color:inherit;text-decoration:none;}
.bod_webzine .thumb {display:block; position:relative; float:left; width:17.5em; border-radius:1.11112em; overflow:hidden; text-align:center; background:#EEF2F5;}
.bod_webzine .thumb > figure {position:relative; height:0; padding-bottom:67.71428%;}
.bod_webzine .thumb > figure span {position:absolute; top:0; left:0; width:100%; height:100%;}
.bod_webzine .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%;}
.bod_webzine .cont {display:block; position:relative; overflow:hidden; margin-left:17.5em; padding-left:2.22223em;}
.bod_webzine .cont > span {display:block;}
.bod_webzine .cont .tit {display:block;position:relative;font-size: 1.3333em;font-weight:700;line-height:1.5em;height:3.2em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.bod_webzine .cont .info {display:block; position:relative; font-size:.88889em; margin:.88em -.58em; color:#87898E;}
.bod_webzine .cont .info > * {display:inline-block; position:relative; padding:0 .58em 0 .62em;}
.bod_webzine .cont .info > * + *:before {content:""; display:block; position:absolute; width:1px; height:10px; top:50%; margin-top:-5px; left:0; background:#D9D9D9;}
.bod_webzine .cont .info i:after {content:" : ";}
.bod_webzine .cont .txt {font-size:.9445em; color:#555; line-height:1.5em; max-height:4.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.bod_webzine.type .cont .tit {height:1.7em; display:block; overflow:hidden; white-space:normal; word-break:break-all; text-overflow:ellipsis;}
.bod_webzine.type .cont .info > * {display:block;}
.bod_webzine.type .cont .info > * + *:before {display:none;}

@media all and (max-width:1024px) {
	.bod_webzine .cont {padding-left:2em;}
}
@media all and (max-width:890px) {
	.bod_webzine li a {padding:1.11112em 1.11112em;}
	.bod_webzine .thumb {width:12em;}
	.bod_webzine .cont {margin-left:12em;}
}
@media all and (max-width:720px) {
	.bod_webzine .thumb {float:none; margin:0 auto 2em; width:15em; max-width:100%;}
	.bod_webzine .cont {margin-left:0; padding-left:0;}
	.bod_webzine .cont .tit {height:auto; max-height:2.9em;}
}

/* 블로그 게시판 */
.blog-control {display:block; position:relative; margin-bottom:1em;}
.blog-control .spreads.open .open,
.blog-control .spreads:not(.open) .close {display:none;}
.bod_blog {display:block; position:relative; border-top:3px solid #2F3336;}
.bod_blog .blog-list-item {display:block; position:relative; border-bottom:1px solid #DFE4EF;}
.bod_blog .blog-list-item .bod_view {display:none;}
.bod_blog .unfold .blog-list-item .bod_view {display:block; border-top:1px solid #DFE4EF;}

.bod_blog .blog-list-item .bod_view .view_info{text-align:left;padding-left: 1em;}
.bod_blog .blog-list-item .subj {display:block;position:relative;padding: 1em 3em 1em 1.42em;text-decoration:none;}
.bod_blog .blog-list-item .subj strong {display:block; position:relative; font-weight:800; color:#000; font-size:1.1em;}
.bod_blog .blog-list-item .subj .open,
.bod_blog .blog-list-item .subj .close {display:block; position:absolute; width:2em; height:2em; right:0; top:50%; margin-top:-1em; overflow:hidden; text-indent:-999px;}
.bod_blog .blog-list-item .subj .open:before,
.bod_blog .blog-list-item .subj .close:before {content:""; display:block; position:absolute; top:50%; left:50%; width:2em; height:2em; margin:-1em 0 0 -1em; background:no-repeat 50% 50%; background-size:contain;}
.bod_blog .blog-list-item .subj .open:before {background-image:url(../img/board/ico_flip_down.svg);}
.bod_blog .blog-list-item .subj .close:before {background-image:url(../img/board/ico_flip_up.svg);}
.bod_blog li.unfold .blog-list-item .open,
.bod_blog li:not(.unfold) .blog-list-item .close {display:none;}



/* 소식지 게시판 */
.bod_news {display:block;position:relative;border-top:3px solid #2F3336;border-bottom:1px solid #87898E;padding: 1.55555em 0;}
.bod_news:after {content:""; display:block; clear:both;}
.bod_news > ul {margin:0 -1.11em;}
.bod_news > ul > li {display:block;position:relative;width: 25%;padding: 1.11em;box-sizing:border-box;float:left;}
.bod_news .thumb {display:block;position:relative;background: #ffffff;overflow:hidden;padding:0 0 125%;border-radius:1.1112em;border: 1px solid #ddd;}
.bod_news .thumb > figure {display:block; position:absolute; left:-100%; right:-100%; top:0; bottom:0; overflow:hidden; text-align:center;}
.bod_news .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%;}
.bod_news .thumb img[src*="noimage.jpg"] {position:absolute; top:50%; left:50%; max-width:40% !important; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.bod_news .desc {display:table;position:relative;margin-top:.667em;width:100%;table-layout:fixed;min-height: 4em;max-height: 4em;}
.bod_news .desc > * {display:table-cell; vertical-align:middle;}
.bod_news .desc p {font-size:1.055em; color:#2F3336; font-weight:700;}
.bod_news .desc .ctrl {width:7em; text-align:right;}
.bod_news .desc .ctrl .btn {width:2.778em; height:2.778em; padding:0 !important; overflow:hidden; text-indent:-999px; border-radius:100%; background-position:50% 50% !important; background-size:1.2em auto !important;}
.bod_news .desc .ctrl .btn.normal {border-color:#C7CCDD !important;}
@media all and (max-width:1024px) {
	.bod_news > ul > li{width:33.3%;}
	.bod_news .desc .ctrl {font-size:.9em;}
}
@media all and (max-width:780px) {
	.bod_news > ul {margin:0 -.6em;}
	.bod_news > ul > li {width:50%;}
	.bod_news > ul > li {padding:.6em;}
}
@media all and (max-width:430px) {
	.bod_news > ul > li {width:auto; float:none;}
}


/* 공연전시 게시판 */
.bod_show {display:block;position:relative;border-top:3px solid #2F3336;border-bottom:1px solid #87898E;padding: 1.55555em 0;}
.bod_show:after {content:""; display:block; clear:both;}
.bod_show > ul {margin:0 -1.11em;}
.bod_show > ul > li {display:block;position:relative;width: 25%;padding: 1.11em;box-sizing:border-box;float:left;}
.bod_show > ul > li a {display:block; position:relative; text-decoration:none; color:#2F3336;}
.bod_show .thumb {display:block;position:relative;background: #eef2f4;overflow:hidden;padding:0 0 125%;border-radius:1.1112em;border: 1px solid #ddd;}
.bod_show .thumb > figure {display:block; position:absolute; left:-100%; right:-100%; top:0; bottom:0; overflow:hidden; text-align:center;}
.bod_show .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%;}
.bod_show .thumb img[src*="noimage.jpg"] {position:absolute; top:50%; left:50%; max-width:40% !important; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.bod_show .desc {position:relative; margin-top:.667em; width:100%; text-align:center;}
.bod_show .desc .tit {font-size:1.055em; color:#2F3336; font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height:3em; max-height:3em;}
.bod_show .desc .date {display:block; position:relative; font-size:1em; text-align:center; color:#818284; font-weight:500; padding-top:0.5em;}
.bod_show .desc .date:before {content:""; display:inline-block; margin-right:0.444445em; width:0.944445em; height:0.944445em; background: url(/../portal/img/main/ico_date.svg) no-repeat center; background-size: 0.8em auto; vertical-align:middle;}

@media all and (max-width:1024px) {
	.bod_show > ul > li{width:33.3%;}
	.bod_show .desc .ctrl {font-size:.9em;}
}

@media all and (max-width:780px) {
	.bod_show > ul > li{width:50%;}
	.bod_show > ul {margin:0 -.6em;}
	.bod_show > ul > li {padding:.6em;}
}

@media all and (max-width:430px) {
	.bod_show > ul > li {width:auto; float:none;}
	.bod_show .desc a{-webkit-line-clamp:1; min-height:auto;}
}



/* QNA 게시판 */
.bod_qna {display:block; position:relative;}
.bod_qna > ul > li {display:block; position:relative; border:1px solid #D3D8DD;}
.bod_qna > ul > li + li {margin-top:10px;}
.bod_qna .icon {display:block; position:absolute; top:1.4em; left:1.11em; width:1.666667em; height:1.666667em; text-indent:-999px; overflow:hidden; background:url(../img/board/ico_question.svg) no-repeat 50% 50%; background-size:contain;}
.bod_qna .question {display:block; position:relative; padding:1.3em 3.684em; font-size:1.055556em; font-weight:700; color:#333; text-decoration:none; background:url(../img/board/ico_flip_down.svg) no-repeat top 50% right 1.0526em; background-size:1.894736em auto;}
.bod_qna .answer {display:none;position:relative;background:#F8F8FC;padding: 1.38em 1.11em 1.38em 3.888888em;}
.bod_qna .answer .icon {top:1.33em; background-image:url(../img/board/ico_answer.svg);}
.bod_qna > ul > li.on {border:1px solid #87898E;}
.bod_qna > ul > li.on .question {background-image:url(../img/board/ico_flip_up.svg);}
.bod_qna > ul > li.on .answer {display:block;}



/* No data */
.bod_blog ul li.no_data,
.bod_news ul li.no_data,
.bod_poll ul li.no_data,
.bod_photo ul li.no_data,
.bod_movie ul li.no_data,
.bod_webzine ul li.no_data,
.bod_list .no_data,
.bod_maintain .no_data,
.popupzone_list ul li.no_data {width:100% !important;text-align:center !important;padding: 1em 0 !important;}
.bod_blog ul li.no_data span,
.bod_news ul li.no_data span,
.bod_show ul li.no_data span,
.bod_poll ul li.no_data span,
.bod_photo ul li.no_data span,
.bod_movie ul li.no_data span,
.bod_webzine ul li.no_data span,
.bod_list .no_data span,
.bod_maintain .no_data span,
.popupzone_list ul li.no_data span {position:relative; color:#888; display:inline-block; padding:0;}
.bod_blog ul li.no_data span:before,
.bod_news ul li.no_data span:before,
.bod_show ul li.no_data span:before,
.bod_poll ul li.no_data span:before,
.bod_photo ul li.no_data span:before,
.bod_movie ul li.no_data span:before,
.bod_webzine ul li.no_data span:before,
.bod_list .no_data span:before,
.bod_maintain .no_data span:before,
.popupzone_list ul li.no_data span:before {content:''; display:block; position:relative; width:6em; height:6em; margin:0 auto 1em; background:url('../img/board/ico_list_nodata.svg') no-repeat 50% 50%; background-size:contain;}
.bod_blog ul li.no_data,
.bod_webzine ul li.no_data{border-radius:0; border:none; border-bottom:1px solid #DFE4EF;}
.bod_blog ul li.no_data:hover,
.bod_webzine ul li.no_data:hover {-webkit-box-shadow:none; box-shadow:none}



/* 게시판 상세페이지 */
.bod_view .subject {font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;line-height:1.3em;border-top:3px solid #2F3336;border-bottom:1px solid #DDD;text-align:center;font-size: 1.6666665em;color:#2F3336;font-weight:400;padding:.77em 0 .77em 0;margin:0;}
.bod_view .view_info {display:block; position:relative; padding:1em 0; border-bottom:1px solid #DDD; background:#f8fafc; text-align:center;}
.bod_view .view_info li {display:inline-block; position:relative; vertical-align:middle; font-size:.888889em; padding:0 10px;}
.bod_view .view_info li + li:before {content:""; display:block; position:absolute; left:-.1em; width:1px; height:.82em; top:50%; margin-top:-.41em; background:#ddd;}
.bod_view .view_info li span {display:inline-block; position:relative; color:#888;}
.bod_view .view_info li span:after {content:" : "; margin-right:.2em;}

/* Custom category Information */
.view-category-info {display:table; width:100%; table-layout:fixed; margin-bottom:2em; overflow:hidden; border-bottom:1px solid #ddd;}
.view-category-info dl {display:inline-block; position:relative; width:48%; vertical-align:top;}
.view-category-info dl > * {display:table-cell; position:relative; vertical-align:top; padding:1em; font-size:.94em;}
.view-category-info dl dt {width:8em; color:#888;}
.view-category-info dl dt:after {content:" : "; margin-right:.2em;}
@media all and (max-width:780px) {
	.view-category-info dl {display:block; width:auto;}
}

/* Custom Field Information */
.view-field-info {display:table; width:100%; table-layout:fixed; margin-bottom:2em; overflow:hidden; border-bottom:1px solid #ddd;}
.view-category-info + .view-field-info {margin-top:-2em;}
.view-field-info dl {display:inline-block; position:relative; width:48%; vertical-align:top;}
.view-field-info dl > * {display:table-cell; position:relative; vertical-align:top; padding:1em; font-size:.94em;}
.view-field-info dl dt {width:8em; color:#888;}
.view-field-info dl dt:after {content:" : "; margin-right:.2em;}
@media all and (max-width:780px) {
	.view-field-info dl {display:block; width:auto;}
}


.bod_view .view_cont {padding:1.42em;padding-bottom:2.35em;line-height:1.8;border-bottom:1px solid #ddd;}
.bod_view .view_cont *{max-width:100%; font-family:'SCoreDream',Helvetica,Arial,sans-serif!important; /*margin:1.5em auto!important; display:block;*/}
.bod_view .view_cont *:not(div, div *) { all: revert; border-width: thin; }
.bod_view .view_cont :is(th, td) { border: 1px solid #e6e6e6; }
.bod_view .view_cont img ,
.bod_view .view_cont video,
.bod_view .view_cont iframe {margin:1.5em auto!important; display:block;}
.bod_view .view_file {display:table;position:relative;width:100%;table-layout:fixed;padding: 1.42em;border-bottom:1px solid #ddd;}
.bod_view .view_file > * {display:table-cell; vertical-align:middle; box-sizing:border-box; width:100%;}
.bod_view .view_file > * + * {padding-left:1em;color:#87898E;}
.bod_view .view_file dt {padding-right:1em; width:5em; font-weight:700; background:url(../img/board/bak_viewer_file_title.png) no-repeat 100% 50%;}
.bod_view .view_file .no_file {color:#888;}

.bod_view .view_cont .allRevert table{width:100%; text-align:center;}

@media all and (max-width:1024px) {
	.bod_view .view_file {padding:1.5em 0;}
}
@media all and (max-width:640px) {
	.bod_view .view_file {display:block; width:auto;}
	.bod_view .view_file > * {display:block;padding:0 1em;}
	.bod_view .view_file dt {width:auto; margin-bottom:0.75em;}
}



/* 현황 상세페이지 */
.bod_detail {width:100%; border-top:1px solid #999; word-break:break-all; border-collapse:separate;}
.bod_detail th {background: #f8fafc; vertical-align:middle; min-width:8em;}
.bod_detail th, .bod_detail td {border-bottom:1px solid #ddd; padding:0.8em .6em; min-width:8em;}
.bod_detail th{border-right:1px solid #ddd;}
.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.2)!important;border: none;border-radius: 0;}
.bod_view .photo_viewer .ctrl_photo >.btn {text-indent:-9999px;height: 3em;width: auto;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.1rem;border-left:1px solid #666;border-right:1px solid #666;}
.bod_view .photo_viewer .ctrl_photo .paging strong {color: #2998e3;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!important;position:relative;background-color: #2f3336!important;border-radius: 0.25em;}
.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 #F64776;content:'';position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;}
.bod_view .thumb_list li.active img {opacity:1;}

/* 게시판 글쓰기 */
.bod_write {display:block;width:100%;border-top:2px solid #333;overflow:hidden;margin-bottom:1em;}
.bod_write dl {display:table; width:100%; table-layout:fixed;}
.bod_write dl > dt,
.bod_write dl > dd {display:table-cell;vertical-align:middle;position:relative;padding: .6em;border-bottom:1px solid #ddd;}
.bod_write dl > dt {width: 10em;text-align:left;font-weight:600;}
.bod_write dl > dd {color:#333;height: 4em;}
.bod_write dl > dd label {margin-right:1rem;}
.bod_write input,
.bod_write select,
.bod_write textarea {font-size:1em !important;}
.bod_write .btn {background:#fff;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;border-radius:5px;}
.bod_write .btn:hover {background:#333; color:#fff;}
.bod_write select {color:#666; border-radius:4px;}
.bod_write input[type=button].del,
.bod_write button[type=button].del {display:inline-block; vertical-align:middle; text-indent:-999px; overflow:hidden; width:1.177em !important; height:1.177em; border:none !important; background:url(../img/board/delete.svg) no-repeat 50% 50%; background-size:contain; }
.bod_write input[type=button].del:focus,
.bod_write button[type=button].del:focus {outline:3px solid #f64776;}
.bod_write .tip {margin-top:1em;}


@media all and (max-width:640px) {
	.bod_write,
	.bod_write dl,
	.bod_write dl > dt,
	.bod_write dl > dd {display:block; width:auto; height:auto;}
	.bod_write dl > dt {border-bottom:0; padding-bottom:0;}
}


/* 첨부파일 */
.file-upload-area h3 {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden;}
.file-upload-area .em {font-size:.944em; line-height:1.42em; padding-left:1.764em; color:#E74C4C; background:url(../../_guide/img/ico_tip_noti.svg) no-repeat top .121765em left 0; background-size:1.17647em auto;}
.file-upload-area .title {border:1px solid #c4c8dc; background:#d6d9ea; border-radius:4px; margin-bottom:10px; padding:15px 20px; position:relative; cursor:auto !important;}
.file-upload-area .file_list {display:block; position:relative;}
.file-upload-area .file_list > li {display:table; position:relative; background:none; width:100%; table-layout:fixed;}
.file-upload-area .file_list > li > * {display:table-cell; vertical-align:middle; height:2.353em;}
.file-upload-area .file_list > li a {display:inline-block; vertical-align:middle; max-width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555555; text-decoration:none;}
.file-upload-area .file_list > li .file_size {display:none; opacity:.5; vertical-align:middle;}
.file-upload-area .file_list input[type=text] {display:block; position:relative; width:100%; height:2.353em;}
.file-upload-area .file_list .label {display:block; position:relative; padding-left:4.705882em;}
.file-upload-area .file_list .label label {display:block; position:absolute; top:0; left:0; bottom:0; width:4.705882em; line-height:2.353em; color:#fff; background:#4D545B; text-align:center; border-radius:5px 0 0 5px;}

.file-upload-area .grid {display:block; position:relative; background:#F8F8FC; padding:.8823em;}
/*
.file-upload-area .grid .no_data {border-bottom:0px !important; padding:0.5em; background-color:#f5f4f8; border:1px solid #ddd !important; border-radius:0.5em;}
.file-upload-area .grid[data-file-list-area] .no_data {padding:1em; text-align:center;}
.file-upload-area .grid[data-file-list-area] .no_data >span:before {content:''; width:35px; height:35px; background:#3c6ab3 url(./../img/board/spr_board.png) -139px 8px no-repeat; display:inline-block; border-radius:50%; vertical-align:middle; margin-right:1rem;}
*/
.file-upload-area .grid.drag_and_drop {border:1px solid #ddd; margin:1em 0; padding:8px; background:#fff; border-radius:5px;}
.file-upload-area .grid.drag_and_drop .no_data {display:block; position:relative; padding-left:9em;}
.file-upload-area .grid.drag_and_drop .no_data span {display:block;position:relative;color:#777;line-height: 2em;}
.file-upload-area .grid.drag_and_drop .no_data .tit {display:block; position:absolute ;top:0; left:0; width:8em; background:#202020; color:#fff!important; text-align:center; margin-top:0; line-height:1.8em; border-radius:.3em;}
.file-upload-area .grid.drag_and_drop .no_data .tit:focus {outline:3px solid #fc6f58;}
@media all and (max-width:830px) {
	.file-upload-area .grid.drag_and_drop .no_data {padding-left:0;}
	.file-upload-area .grid.drag_and_drop .no_data span {text-align:center; margin-top:.5em; line-height:1.5em; word-break:keep-all;}
	.file-upload-area .grid.drag_and_drop .no_data .tit {position:relative;width:100%;margin-top:0;/* line-height:2.5294em; */}

	.file-upload-area .file_list > li,
	.file-upload-area .file_list > li > * {display:block; width:auto; height:auto;}
	.file-upload-area .file_list .label {margin-top:.5em;}
}


/* 임시 저장 메시지 */
.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;}



/* 코멘트 박스 */
.commentBox {padding:1.6667em 1.3334em;margin:1.2em 0;background: #ffffff;border: 1px dashed #DFE4EF;}
.commentBox .commentAll {display:block; position:relative; font-size:.9445em; color:#333; padding-left:2em; margin-bottom:1.176em;}
.commentBox .commentAll:before {content:"";display:block;position:absolute;width:1.53em;height:1.53em;max-width:26px;background: url(/_guide/img/ico_tip.png) no-repeat 50% 50%;background-size: auto;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}

.commentBox .commentCon {display:block;position:relative;}
.commentBox .commentCon > li {display:block;position:relative;border-top: 1px solid #ddd;background:#fff;padding:1.11em;}
.commentBox .commentCon > li + li {border-bottom: 1px solid #ddd;}
.commentBox .commentCon > li.empty {display:block; position:relative; font-size:.9445em; color:#333; padding:0 0 0 2em; margin-bottom:1.176em; border:none; background:transparent;}
.commentBox .commentCon > li.empty:before {content:"";display:block;position:absolute;width:1.53em;height:1.53em;max-width:26px;background: url(/_guide/img/ico_tip.png) no-repeat 50% 50%;background-size: auto;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.commentBox .commentCon .name {display:inline-block; position:relative; vertical-align:middle; font-size:.94117em; color:#333333; font-weight:700; margin-right:.5em;}
.commentBox .commentCon .date {display:inline-block; position:relative; vertical-align:middle; font-size:.94117em; color:#AAAAAA; font-weight:400; margin-left:.5em;}
.commentBox .commentCon .date:before {content:""; display:block; position:absolute; width:1px; height:.75em; left:-.6em; background:#ddd; top:50%; margin-top:-.375em;}
.commentBox .commentCon .cont {display:block; position:relative; margin-top:1.17647em; font-size:.9445em;}
.commentBox .commentCon .cont textarea {display:block; position:relative; border:none; padding:0; font-size:1em; width:100%; box-sizing:border-box; height:4em; min-height:0;}
.commentBox .commentCon .cont textarea:focus {outline:0; border-left:4px solid #555; padding-left:1em;}
.commentBox .commentCon .comment_btn_wrap {display:block;position: absolute;right: 0;top: 1em;}
.commentBox .commentCon .comment_btn_wrap a {display:inline-block; padding:0 .8em 0 2.2em; vertical-align:middle; border:1px solid #ddd; border-radius:4px; color:#555; text-decoration:none; font-size:.8333em; line-height:2.201em; background: url(/_guide/img/button/default/write.svg) no-repeat top 50% left .8em; background-size:1.2em auto;}
.commentBox .commentCon .comment_btn_wrap a.del {background-image: url(/_guide/img/button/default/del.svg);}

.commentBox .commentFom {display:block; position:relative; padding-right:11.55em;}
.commentBox .commentFom p {display:table; position:absolute; top:0; right:0; width:10.44em; height:100%; table-layout:fixed; box-sizing:border-box;}
.commentBox .commentFom p > a {display:table-cell;vertical-align:middle;text-align:center;border-radius:6px;background: #2F3336;color:#fff;font-size: 1em;text-decoration:none;}
.commentBox .commentFom textarea {display:block; position:relative; padding:1.17647em; font-size:.944em; color:#888; line-height:1.5em; width:100%; height:5.415em; box-sizing:border-box;}
.commentBox .commentFom textarea[disabled] {background:#F7F7F7; border-color:#ddd;}

@media all and (max-width:640px) {
	.commentBox .commentFom {padding-right:5.5em;}
	.commentBox .commentFom p {width:5em;}
}

/* 주의사항안내 */
.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;}

/* 비밀번호 확인 */
.passwordWrap {display:block; position:relative; padding:2.7778em; background:#F8F8FC;}
.passwordWrap > .inner {display:block; position:relative; background:#fff; padding:2.7778em; text-align:center;}
.passwordWrap .tit {display:block; position:relative; margin-bottom:1.3334em;}
.passwordWrap .tit:before {content:""; display:block; position:relative; margin:0 auto 1em; width:3.33334em; height:3.33334em; background:url(../img/board/ico_password_confirm.svg) no-repeat 50% 50%; background-size:contain;}
.passwordWrap .tit h4 {display:inline-block; vertical-align:middle; color:#347DDD; font-size:1.333em; margin:0 0 0 .2em; padding:0;}
.passwordWrap .tit h4:before {display:none; padding:0;}
.passwordWrap .tip.error {display:inline-block; vertical-align:middle; max-width:100%; margin-bottom:1.1111em; word-break:keep-all; font-size:.94444em; color:#555;}
.passwordWrap .keypadWrap {display:block; position:relative; max-width:360px; margin:0 auto 1.1111em;}
.passwordWrap .keypadWrap label {position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden;}
.passwordWrap .keypadWrap input[type="text"],
.passwordWrap .keypadWrap input[type="password"] {position:relative; width:100%;}
.passwordWrap .keypad,
.passwordWrap .control {margin:1.1111em 0;}
@media all and (max-width:1024px) {
	.passwordWrap {padding:1.6em;}
	.passwordWrap > .inner {padding:2em 1.2em;}
}


/* 사전정보공표 관련 스타일 */

.info_tab {display:block; position:relative; overflow:hidden;}
.info_tab:after {content:""; display:block; position:relative; clear:both;}
.info_tab li {float:left; min-width:24%;}
.info_tab li + li {margin-left:-1px;}
.info_tab li a {display:block; position:relative; text-align:center; font-size:1.055em; padding:.85em; background:#fff; text-decoration:none; color:inherit; border:1px solid #DFE4EF; font-weight:700;}
.info_tab li a.on {color:#fff; background:#2F3336; border-color:#2F3336;}

.opendataWrap *[class^="menu_"] {display:block; position:relative; margin:-1px 0 2em; padding:1.5em 1.5em; border:1px solid #DFE4EF;}
.opendataWrap *[class^="menu_"] ul {margin:-2px;}
.opendataWrap *[class^="menu_"] ul:after {content:""; display:block; clear:both;}

.opendataWrap .menu_open ul {display:block; position:relative;}
.opendataWrap .menu_open ul li {width:16.666%; height:8em; float:left; padding:0.2em; box-sizing:border-box;}
.opendataWrap .menu_open ul li > a {display:block; height:100%; padding:1em 0 1em; background:#F7FAFD; text-align:center; color:inherit; text-decoration:none; box-sizing:border-box; border-radius:0.5em; outline-offset:3px;}
.opendataWrap .menu_open ul li > a.on {font-weight:600; background:#005CB9; color:#fff;}
.opendataWrap .menu_open ul li .ico {display:block; width:60px; height:60px; margin:0 auto .4em; background:url('./../img/board/spr_opendata.svg') -20px -20px no-repeat;}

@media all and (max-width:1024px) {.opendataWrap .menu_open ul li {width:25%;}}
@media all and (max-width:740px) {.opendataWrap *[class^="menu_"] {padding:1.5em;}}
@media all and (max-width:720px) {.opendataWrap .menu_open ul li {width:33.33%;}}
@media all and (max-width:420px) {
	.opendataWrap .menu_open ul li {width:50%; height:auto; }
	.opendataWrap .menu_open ul li .ico{display:none;}
}

.opendataWrap .menu_open02 ul {display:block; position:relative; padding-top:8.5em;}
.opendataWrap .menu_open02 > ul > li > a {display:block; position:absolute; top:0; width:24%; margin:0 1%; height:8em; padding:1em 0; text-align:center; color:inherit; text-decoration:none; box-sizing:border-box; z-index:0; border-radius:0.5em; background:#F7FAFD; outline-offset:3px;}
.opendataWrap .menu_open02 > ul > li > a.on {font-weight:600; background:#005CB9; color:#fff;}
.opendataWrap .menu_open02 ul li .ico {display:block; width:60px; height:60px; margin:0 auto .4em; background:url('./../img/board/spr_opendata.svg') -20px -20px no-repeat;}
.opendataWrap .menu_open02 ul li:nth-child(1) > a {left:0;}
.opendataWrap .menu_open02 ul li:nth-child(2) > a {left:25%;}
.opendataWrap .menu_open02 ul li:nth-child(3) > a {left:50%;}
.opendataWrap .menu_open02 ul li:nth-child(4) > a {left:75%;}
.opendataWrap .menu_open02 div {display:block; position:relative; background:#fff; padding:1em;}
.opendataWrap .menu_open02 div ul {padding:0;}
.opendataWrap .menu_open02 div ul li {display:block; position:relative; float:left; width:25%; padding:0 0 0 1em; margin:.3em 0; box-sizing:border-box;}
.opendataWrap .menu_open02 div ul li:before {content:""; display:block; position:absolute; width:5px; height:5px; left:0; top:50%; margin-top:-2px; border-radius:100%; background:#333;}
.opendataWrap .menu_open02 div ul li > a {position:relative; width:auto; padding:0; text-align:left; top:auto !important; left:auto !important; height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.opendataWrap .menu_open02 div ul li > a:before {display:none;}
.opendataWrap .menu_open02 div ul li > a.on {color:#f64776; font-weight:700;}


@media all and (max-width:780px) {
	.opendataWrap .menu_open02 div ul li {width:33.33%;}
}
@media all and (max-width:490px) {
	.opendataWrap .menu_open02 div ul li {width:50%;}
}
@media all and (max-width:420px) {
	.opendataWrap .menu_open02 ul {padding-top:8em;}
	.opendataWrap .menu_open02 ul li .ico{display:none;}
	.opendataWrap .menu_open02 ul li > a {width:49%; height:auto; }
	.opendataWrap .menu_open02 ul li:nth-child(1) > a {left:0;}
	.opendataWrap .menu_open02 ul li:nth-child(2) > a {left:50%;}
	.opendataWrap .menu_open02 ul li:nth-child(3) > a {top:4em; left:0%;}
	.opendataWrap .menu_open02 ul li:nth-child(4) > a {top:4em; left:50%;}
}

#brmTab > ul > li:nth-of-type(2) .ico {background-position:-20px -90px;} /* 경제·일자리 */
#brmTab > ul > li:nth-of-type(3) .ico {background-position:-20px -160px;} /* 교육·문화 */
#brmTab > ul > li:nth-of-type(4) .ico {background-position:-20px -230px;} /* 농·축산 */
#brmTab > ul > li:nth-of-type(5) .ico {background-position:-20px -300px;} /* 도시계획 */
#brmTab > ul > li:nth-of-type(6) .ico {background-position:-20px -370px;} /* 의료·복지 */
#brmTab > ul > li:nth-of-type(7) .ico {background-position:-20px -440px;} /* 조세 */
#brmTab > ul > li:nth-of-type(8) .ico {background-position:-20px -510px;} /* 교통 */
#brmTab > ul > li:nth-of-type(9) .ico {background-position:-20px -580px;} /* 도로 */
#brmTab > ul > li:nth-of-type(10) .ico {background-position:-20px -650px;} /* 식품·위생 */
#brmTab > ul > li:nth-of-type(11) .ico {background-position:-20px -720px;} /* 재난·안전 */
#brmTab > ul > li:nth-of-type(12) .ico {background-position:-20px -790px;} /* 재난방재 */
#brmTab > ul > li:nth-of-type(13) .ico {background-position:-20px -860px;} /* 환경 */
#brmTab > ul > li:nth-of-type(14) .ico {background-position:-20px -930px;} /* 기타 */
#brmTab > ul > li:nth-of-type(15) .ico {background-position:-20px -1000px;} /* 계약정보 */
#brmTab > ul > li:nth-of-type(16) .ico {background-position:-20px -1070px;} /* 시정감시 */
#brmTab > ul > li:nth-of-type(17) .ico {background-position:-20px -1140px;} /* 공공사업 */
#brmTab > ul > li:nth-of-type(18) .ico {background-position:-20px -1210px;} /* 지방재정 */

#deptTab > ul > li:nth-of-type(1) .ico {background-position:-20px -1280px;} /* 본청 */
#deptTab > ul > li:nth-of-type(2) .ico {background-position:-20px -1350px;} /* 직속기관 */
#deptTab > ul > li:nth-of-type(3) .ico {background-position:-20px -1420px;}/* 사업소 */
#deptTab > ul > li:nth-of-type(4) .ico {background-position:-20px -1490px;}/* 읍면동 */

#brmTab > ul > li:nth-of-type(2) a.on .ico {background-position:-90px -90px;} /* 경제·일자리 */
#brmTab > ul > li:nth-of-type(3) a.on .ico {background-position:-90px -160px;} /* 교육·문화 */
#brmTab > ul > li:nth-of-type(4) a.on .ico {background-position:-90px -230px;} /* 농·축산 */
#brmTab > ul > li:nth-of-type(5) a.on .ico {background-position:-90px -300px;} /* 도시계획 */
#brmTab > ul > li:nth-of-type(6) a.on .ico {background-position:-90px -370px;} /* 의료·복지 */
#brmTab > ul > li:nth-of-type(7) a.on .ico {background-position:-90px -440px;} /* 조세 */
#brmTab > ul > li:nth-of-type(8) a.on .ico {background-position:-90px -510px;} /* 교통 */
#brmTab > ul > li:nth-of-type(9) a.on .ico {background-position:-90px -580px;} /* 도로 */
#brmTab > ul > li:nth-of-type(10) a.on .ico {background-position:-90px -650px;} /* 식품·위생 */
#brmTab > ul > li:nth-of-type(11) a.on .ico {background-position:-90px -720px;} /* 재난·안전 */
#brmTab > ul > li:nth-of-type(12) a.on .ico {background-position:-90px -790px;} /* 재난방재 */
#brmTab > ul > li:nth-of-type(13) a.on .ico {background-position:-90px -860px;} /* 환경 */
#brmTab > ul > li:nth-of-type(14) a.on .ico {background-position:-90px -930px;} /* 기타 */
#brmTab > ul > li:nth-of-type(15) a.on .ico {background-position:-90px -1000px;} /* 계약정보 */
#brmTab > ul > li:nth-of-type(16) a.on .ico {background-position:-90px -1070px;} /* 시정감시 */
#brmTab > ul > li:nth-of-type(17) a.on .ico {background-position:-90px -1140px;} /* 공공사업 */
#brmTab > ul > li:nth-of-type(18) a.on .ico {background-position:-90px -1210px;} /* 지방재정 */

#deptTab > ul > li:nth-of-type(1) a.on .ico {background-position:-90px -1280px;} /* 본청 */
#deptTab > ul > li:nth-of-type(2) a.on .ico {background-position:-90px -1350px;} /* 직속기관 */
#deptTab > ul > li:nth-of-type(3) a.on .ico {background-position:-90px -1420px;} /* 사업소 */
#deptTab > ul > li:nth-of-type(4) a.on .ico {background-position:-90px -1490px;} /* 읍면동 */

.dl_wrap {display:block; position:relative; border-top:2px solid #333;}
.dl_wrap > dl {display:table; table-layout:fixed; width:100%; border-top-width:0; overflow:hidden;}
.dl_wrap > dl > dt,
.dl_wrap > dl > dd {display:table-cell; position:relative; z-index:0; vertical-align:middle; padding:1em; box-sizing:border-box;}
.dl_wrap > dl > dd {min-height:3.2em; margin-left:-4px;}
.dl_wrap > dl > dd:after {content:""; display:block; position:absolute; left:-1000px; right:0; bottom:0; height:1px; background:#DFE4EF;}
.dl_wrap > dl > dt {width:20%;white-space:nowrap; font-weight:700; text-align:left;}

@media all and (max-width:780px) {
    .dl_wrap:before {display:none;}
    .dl_wrap > dl > dt {padding:.8em;}
}

@media(max-width:440px){
    .dl_wrap > dl > dt {width:30%;}
    .dl_wrap > dl > dd {width:70%;}
    .dl_wrap > dl > dt,
    .dl_wrap > dl > dd {display:inline-block;}
}



/*다목적 리스트*/
.bod_purpose ul { margin: 0 -1.4rem; overflow: hidden; }
.bod_purpose ul li { width: 50%; padding: 1.4rem; float: left; }
.bod_purpose ul li .item { position: relative; width: 100%; border: 1px solid #C7CCDD; border-radius: 15px; padding: 3rem; transition: all .3s ease; }
.bod_purpose ul li .item:hover { border:1px solid #a1a1a1;box-shadow:5px 5px 10px rgba(0,0,0,.15); }
.bod_purpose ul li .item .state { display: inline-block; padding: 0 1.5em 0.2em; line-height: 2em; color:#fff; border-radius: 2em; font-size: 0.8em; font-weight: 500;}
.bod_purpose ul li .item .state.purpose_finish { background:#40444f; } /*접수마감*/
.bod_purpose ul li .item .state.purpose_ing { background:#325fdf; } /*접수중*/
.bod_purpose ul li .item .state.purpose_waiting { background:#0c9dd9; } /*접수대기*/
.bod_purpose ul li .item .state.purpose_ready { background:#f77332; } /*대기자 접수중*/
.bod_purpose ul li .item .tit { padding-bottom: 0.8em; margin: 0.4em 0 1em; border-bottom: 1px solid #DFE4EF; font-size: 1.4em; color:#000; font-weight: 700; }
.bod_purpose ul li .item dl dt, .bod_purpose ul li .item dl dd { float: left; font-size: 0.9em; padding: 0.1em 0;  }
.bod_purpose ul li .item dl dt { width: 120px; font-weight: 700; }
.bod_purpose ul li .item dl dd { width: calc(100% - 120px);  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bod_purpose ul li .item .detailView { position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent:-99999px;}

@media all and (max-width:960px) {
	.bod_purpose ul li .item dl dt { width: 100px; }
	.bod_purpose ul li .item dl dd { width: calc(100% - 100px); }
}

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

@media all and (max-width:480px) {
	.bod_purpose ul { margin: 0 -0.8rem; }
	.bod_purpose ul li { padding: 0.8rem; }
	.bod_purpose ul li .item  { padding: 2rem; }
}


/* 아이프레임 */

#mergerFrame{max-width:100%;}

/*다목적 상세 */
.purpose_view .tit { border-top: 3px solid #3f5580; border-bottom: 1px solid #c7ccdd; text-align: center; font-size: 1.334em; color:#2F3336; font-weight: 700; padding: .834em 0.2em .834em 0.2em; line-height:1.5em; }
.purpose_view .tit span { display: inline-block; vertical-align: middle; padding: 0 1.5em 0.1em; line-height: 2em; color:#fff; border-radius: 2em; font-size: 0.6em; font-weight: 500; }
.purpose_view .tit .test_deadline { background:#40444f; } /*접수마감*/
.purpose_view .tit .test_ready { background:#0c9dd9; } /*접수대기*/
.purpose_view .tit .test_waiting { background:#f77332; } /*접수중(대기자)*/
.purpose_view .tit .test_accept { background:#325fdf; } /*접수중*/
.purpose_view .cont { display: table; padding: 2em 0; border-bottom: 1px solid #e3e5ee; }
.purpose_view .cont > div { display: table-cell; vertical-align: middle; }
.purpose_view .cont .thumb { width: 35%; background-color:#f3f6fb; text-align: center; }
.purpose_view .cont .thumb img { width: 100%; }
.purpose_view .cont .txt { width: 65%; padding-left: 5%;  }
.purpose_view .cont .txt dl dt,
.purpose_view .cont .txt dl dd { float: left; font-size: 0.9em; padding: 0.2em 0;  }
.purpose_view .cont .txt dl dt { width: 120px; font-weight: 700;  }
.purpose_view .cont .txt dl dd { width: calc(100% - 120px); }

.purpose_view .purpose_desc { padding: 2em 0; border-bottom: 1px solid #e3e5ee; }
.purpose_view .view_file .btn_white.download { display:inline-block; position:relative; box-sizing:border-box; line-height:1; padding:.889em 1.44em; border-radius:.44em; border:1px solid #2F3336; vertical-align:middle; text-decoration:none !important; text-align:left; background-image: url(../../_guide/img/button/black/down.svg); padding-right: 3em; background-repeat: no-repeat !important; background-position: top 50% right 0.8889em !important; background-size: 1.5556em auto !important; font-size: 0.8em; }



@media all and (max-width:780px) {
	.purpose_view .cont { padding: 1.5em 0; }
	.purpose_view .cont > div { display: block; }
	.purpose_view .cont .thumb,
	.purpose_view .cont .txt { width: 100%; }
	.purpose_view .cont .thumb img { width: auto; }
	.purpose_view .cont .txt { padding: 1.5em; }
	.purpose_view .cont .txt dl dt { width: 100px; }
	.purpose_view .cont .txt dl dd { width: calc(100% - 100px); }
}

@media all and (max-width:480px) {
	.purpose_view .cont .txt { padding: 1.5em 0; }
	.purpose_view .cont .txt dl dt,
	.purpose_view .cont .txt dl dd { font-size: 1em;}
}


/* 보안 버튼 */
.bod_write .tk_btn,
.keypadWrap .tk_btn{padding:0.7em; width:auto !important; height:auto; background:#eee!important; border:none!important; font-family:'SCoreDream',Helvetica,Arial,sans-serif; font-size:1em; font-weight:500; text-shadow:none; box-shadow:none; color: #4D545B !important; border:1px solid #d5d5d5!important;}
.bod_write .tk_btn_,
.keypadWrap .tk_btn_{padding:0.7em; width:auto !important; height:auto; background:#2998E3!important; border:none!important; font-family:'SCoreDream',Helvetica,Arial,sans-serif; font-size:1em; font-weight:500; box-shadow:none;}






/* 비밀번호 눈아이콘 */
.pwWrap .box { position: relative;}
.pwWrap .box .fa-eye,
.pwWrap .box .fa-eye-slash {position: absolute;left:10.5em;top:50%;background: url(../img/common/eye_on.svg) no-repeat;width:24px;height:24px;transform:translateY(-50%);}
.pwWrap .box .fa-eye-slash {background:url(../img/common/eye_off.svg) no-repeat;}

/* 비밀번호 눈아이콘 우측 위치*/
.pwWrapFr .box { position: relative;}
.pwWrapFr .box .fa-eye,
.pwWrapFr .box .fa-eye-slash {position: absolute;right:0.5em;top:50%;background: url(../img/common/eye_on.svg) no-repeat;width:24px;height:24px;transform:translateY(-50%);}
.pwWrapFr .box .fa-eye-slash {background:url(../img/common/eye_off.svg) no-repeat;}