@charset "utf-8";


img[src*="noimg.jpg"],
img[src*="noimage.jpg"] {content:url(../img/board/noimage1.svg);}

.bod_wrap {margin-bottom:2em;}

/* 게시판 상단 검색 영역 */
.bod_head {display:block; position:relative; margin-bottom:2.22em;}
.bod_head:after {content:""; display:block; clear:both;}
.bod_head .page_num {display:block; float:left; padding:.546em 0; font-size:.944em;}
.bod_head .bod_search {display:block; position:relative; overflow:hidden; text-align:center;}
.bod_head .page_num + .bod_search {float:right; text-align:left;}
.bod_head .btn {padding:1.2rem 2rem; margin-left:.2em;}
.bod_head input[type="text"],
.bod_head input[type="select"],
.bod_head select {height:2.589em !important; border-radius:.353em; 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:640px) {
	.bod_head input[type="text"],
	.bod_head input[type="select"],
	.bod_head select {display:block; position:relative; width:100%; margin:.3em 0;}
	.bod_head .btn {display:block; width:100%; margin:.3em 0; text-align:center;}
}

/* 사전공표 검색 영역 */
.search_opendata {display:block; position:relative; margin-bottom:2.22em; padding:1.11em; background:#F8F8FC; border:1px solid #DFE4EF; 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; margin-left:.2em;}
.search_opendata input[type="text"],
.search_opendata input[type="select"],
.search_opendata select {height:2.588em; border-radius:.353em; margin-left:.4em; 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_multiSearch {display:block; position:relative; margin-bottom:2.22em; padding:1.615em 2.77em 2.22em 2.77em; background:#F8F8FC; border:1px solid #DFE4EF; border-radius:.44em;}
.bod_head .bod_multiSearch {padding:0; border:none; background:transparent; margin:0; border-radius:0; padding:.605em 1.44em .88em 1.44em;}
.bod_multiSearch input[type="text"],
.bod_multiSearch input[type="select"],
.bod_multiSearch select {border-radius:0; margin:0 !important; font-size:.944em; float:left; max-width:100%;}
.bod_multiSearch label {display:block; position:absolute; top:0; left:0; font-size:.944em; line-height:2.94em;}
.bod_multiSearch li {position:relative; box-sizing:border-box; padding-left:7em; margin:.275em 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:1.11em; padding-top:1.11em; border-top:1px dashed #DDD; text-align:center;}
@media all and (min-width:941px) {
	.bod_multiSearch {padding-left:2em;}
	.bod_head .bod_multiSearch {padding-left:.67em}
	.bod_multiSearch li {display:inline-block; width:49%; vertical-align:top;}
	.bod_multiSearch label {left:.77em;}
}
@media all and (max-width:640px) {
	.bod_multiSearch {padding:1em 1.5em;}
	.bod_head .bod_multiSearch {padding:0 .5em;}
}
@media all and (max-width:390px) {
	.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_] {width:2em; height:2em; text-indent:-999999em; background:url(../img/board/spr_paging.svg) no-repeat 0 0; background-size:auto 4em; margin:0 .1875em;}
.bod_page > a.btn_first {background-position:0 -2em;}
.bod_page > a.btn_first:hover,
.bod_page > a.btn_first:focus {background-position:0 0;}
.bod_page > a.btn_10prev {background-position:-2em -2em;}
.bod_page > a.btn_10prev:hover,
.bod_page > a.btn_10prev:focus {background-position:-2em 0;}
.bod_page > a.btn_10next {background-position:-4em -2em;}
.bod_page > a.btn_10next:hover,
.bod_page > a.btn_10next:focus {background-position:-4em 0;}
.bod_page > a.btn_end {background-position:-6em -2em;}
.bod_page > a.btn_end:hover,
.bod_page > a.btn_end:focus {background-position:-6em 0;}
.bod_page > span,
.bod_page > a {display:inline-block; vertical-align:middle; font-size:.889em; box-sizing:border-box; min-width:2em; line-height:2em; height:2em; padding:0 .2em; text-align:center; border-radius:9em;}
.bod_page > a {color:#333 !important; text-decoration:none !important;}
.bod_page > span {background:#222222; color:#fff;}


/* 개인정보 수집 및 이용안내 */
.box-personalGuide {display:block; position:relative; margin-bottom:2em;}
.box-personalGuide .desc {display:block; position:relative;}
.box-personalGuide .desc .tit {display:block; position:relative; font-size:1.334em; font-weight:700;}
.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.5em; text-align:center;}
.box-personalGuide .minAgree p {display:inline-block; position:relative; vertical-align:middle; margin:0 2.5em;}


/* 상단 안내문구 */
.bod_guide {display:block; position:relative; margin-bottom:2em;}
.bod_guide .tit {display:block; position:relative; font-size:1.334em; font-weight:700;}
@media all and (max-width:640px) {
	.bod_guide:before {display:none;}
}

/* 본인인증 */
.realNameWrap {display:block; position:relative; padding:1.112em 1.389em; background:#F8F8FC; overflow:hidden; opacity:0; border-radius:3rem;}
.realNameWrap.complate {opacity:1;}
.realNameWrap .inner {display:block; position:relative;}
.realNameWrap .realNameGroup {display:flex; align-items:center; justify-content: center; flex-wrap:wrap;}
/* .realNameWrap .realNameGroup:after {content:""; display:block; clear:both;} */
.realNameWrap .realNameGroup > li {display:block; position:relative; width:45%; padding:1em; box-sizing:border-box;}
.realNameWrap .item {display:block; position:relative; background:#fff; padding:2.223em 1.667em; text-align:center; border-radius:2rem; border:1px solid #dedede;}
.realNameWrap .item:before {content:""; display:block; position:relative; margin:0 auto; width:15.4rem; height:15.4rem; background:no-repeat 50% 50%; background-size:contain;}
.realNameWrap .item h4 {color:#000; font-size:2.4rem; padding-left:0;}
.realNameWrap .item h4:after {content:''; display:block; width:1px; height:3.5rem; background:#dedede; margin:1rem auto;}
.realNameWrap .item h4:before {display:none;}
.realNameWrap .item p {word-break:keep-all; font-size:1.6rem; margin:0 !important;}
.realNameWrap .item .control {margin-top:1.667em;}
.realNameWrap .item .control .btn {max-width:100%;}
.realNameWrap .item .control .btn.digipass {padding-left:3.11112em; 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 .item .desc {height:20rem!important;}
.realNameWrap .login {width:auto !important; float:none !important; clear:both;}
.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(/amlib/common/img/common/per01.png);}
.realNameWrap .i-pin .item:before {background-image:url(/amlib/common/img/common/per02.png);}
/* .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);}
 */
/* body{background:#ff0000;} */
.onepass,
.login {display:none!important;}

@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.94445em;}
	.realNameWrap .login .item h4 {position:absolute; top:5.275em; left:.625em; width:11.6667em; text-align:center;}
	.realNameWrap .login .item .desc > div {display:block; position:absolute; text-align:left; top:2.7778em; right:2.7778em; width:18.333em; word-break:keep-all;}
	.realNameWrap .login .item .forget-link {position:absolute; right:2.7778em; bottom:2.7778em; width:18.333em; text-align:left;}
	.realNameWrap .login .item .forget-link p {color:#777777;}
	.realNameWrap .login .item .control {margin-top:.8889em;}
	.realNameWrap .login .loginWrap {display:block; position:relative; margin-left:13.61112em; margin-right:22.16667em; text-align:left;}

	.realNameWrap .loginWrap .keypad_box {position:absolute; bottom:.7em; right:0; font-size:.8em;}
}
@media all and (max-width:1510px) and (min-width:861px) {
	.realNameWrap .realNameGroup > li {width:50%;}

	.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:1.7em; width:18em;}

	.realNameWrap .login .item:before {left:4em;}
	.realNameWrap .login .item h4 {width:7.2em;}
}
@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,
	.realNameWrap .realNameGroup > li {padding:.8em; }
	.realNameWrap .item {padding:1.2em;}
}
@media all and (max-width:860px) {
	.realNameWrap {padding:0;}
	.realNameWrap > .inner {padding:0; width:100%;}
	.realNameWrap .realNameGroup > li {width:100%; float:none;}
	.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;}
}

/* 사이트 로그인  */



/* 파일 목록 스타일 지정 */
.file-list {display:block; position:relative;}
.file-list li {display:block; position:relative; overflow:hidden;}
.file-list li + li {margin-top:.556em;}
.file-list .download {display:inline-block; position:relative; vertical-align:middle; font-size:.945em; line-height:1.4em; color:inherit; text-decoration:none; margin:0 2.35em 0 0;}
.file-list .download:before {content:""; display:block; position:absolute; top:50%; left:1rem; 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:.8em !important; color:#888888;}
.file-list .btn_preview {display:inline-block; position:relative; line-height:2.007em; padding:0 2.4em 0 .8em; border:1px solid #777777; border-radius:.5em; vertical-align:middle; font-size:.9411em; 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 #0468d7; text-align:center; word-break:break-all; table-layout:fixed;}
.bod_list.layout_noFix,
.bod_maintain.layout_noFix {table-layout:auto;}
.bod_list thead th,
.bod_maintain thead th {padding:.89em 0; font-weight:700; font-size:.944em; background:#fafbff;}
.bod_list thead,
.bod_maintain thead {border-bottom:1px solid #C7CCDD;}
.bod_list tbody td,
.bod_maintain tbody td {position:relative; padding:1.1764em 0; border-bottom:1px solid #DFE4EF; font-size:.944em; color:#888; vertical-align:middle;}
.bod_list a,
.bod_maintain a {text-decoration:none !important;}
.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%);}

/* 게시판 td 너비가 필요할 때 사용 */
.list_num {width:6%;}
.list_file {width:5%;}
.list_write {width:10%;}
.list_answer {width:10%;}
.list_date {width:12%;}
.list_hit {width:5%;}
td.list_tit {text-align:left; padding-left:0.5rem !important; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
td.list_tit a {color:#222; font-size:1.117em;}
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 {content:url(../img/board/ico_list_file.svg); position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.is-ie td.list_file img {transform:translate(-50%, 0%);} /* ie전용 */

/* 고시공고 */
.bod_list.gosi .list_num {width:7%;}
.bod_list.gosi .list_dept,
.bod_list.staff .list_tel {width:14%;}
.bod_list.staff .list_tel a:hover {cursor:default; text-decoration:none; color:#666; pointer-events:none;}
.bod_list.gosi .list_notice_num,
.bod_list.staff .list_dept,
.bod_list.staff .list_team,
.bod_list.staff .list_class {width:15%;}
.bod_list.gosi .list_date {width:13%;}
.bod_list.gosi tbody td,
.bod_list.staff tbody td {line-height:120%; padding:.5em 0;}

/* 직원안내 */
.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 #222222; background:#222222; 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 {background:#347DDD; color:#fff; padding:0 .588em; border-radius:.23em;}
.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:3.3em;}
.bod_list.faq .faq_answer dl > dt {display:block; position:absolute; top:0; left:0; width:2.11765em; height:2.11765em; max-width:36px; max-height:36px; background:no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden; border-radius:100%;}
.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:1.11764em; 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:1.0588em; color:#333; min-height:4em;}

.bod_list.faq .list_a >dd {width:93%;}
.bod_list.faq .list_a dt:before {content:'A'; background:#ff4e00;}

@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.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: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 2.2em; border-radius:9em; border:1px solid #d7d7d7; -webkit-box-shadow:2px 2px 0px #ddd; box-shadow:2px 2px 0px #ddd; color:#fff !important; background:#117fc3 url('./../img/common/ico_m_call.png') no-repeat top 50% left .7em; background-size:1.125em auto; font-size:1.2em; 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 0; display:block;}
	.bod_list tr:after {content:''; display:block; clear:both;}
	.bod_list tr:nth-of-type(even) {background:#f7f7f7;}
	/* .bod_list span.ico_new:before {left:4px;} */

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

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

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

	.bod_list .list_num {display:none;}
	.bod_list tbody td.list_num:has(img) {display:block; width:5rem;}


}
@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 tbody td,
	.bod_maintain tbody td {font-size:1.4rem;}
	.bod_list .list_tit a {font-size:1.6rem;}

	/* 고시공고 */
	.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 #3F5580; border-bottom:1px solid #C7CCDD; padding:1.11em 0;}
.bod_photo:after,
.bod_movie:after {content:""; display:block; clear:both;}
.bod_photo ul,
.bod_movie ul {margin:0 -1.11em;}
.bod_photo ul li,
.bod_movie ul li {width:33.33%; float:left; text-align:center; padding:1.11em; box-sizing:border-box;}
.bod_photo li a,
.bod_movie li a {display:block; position:relative; text-decoration:none;}
.bod_photo li a:hover .thumb img,
.bod_movie li a:hover .thumb img {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.bod_photo .thumb,
.bod_movie .thumb {display:block; position:relative; background:#EEF7FF; overflow:hidden; padding:0 0 65.22%;}
.bod_photo .thumb > figure,
.bod_movie .thumb > figure {display:block; position:absolute; left:-100%; right:-100%; top:0; bottom:0; overflow:hidden;}
.bod_photo .thumb img,
.bod_movie .thumb img {width:auto; margin:0 auto; display:inline-block; max-height:100%; vertical-align:top; -webkit-transition:1s; -o-transition:1s; transition:1s; height:100%; /* min-width:33.4%; border-bottom:1px solid #ddd; */}
.bod_photo .cont,
.bod_movie .cont {padding:.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 {color:#222; font-weight:700; font-size:1.055em;}
.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;}
.bod_photo .cont > span.category,
.bod_movie .cont > span.category {font-size:.9em;}
.bod_movie .thumb {padding-bottom:55%;}
/* 동영상 게시판 > 상세페이지*/
#movie {text-align:center !important; margin:0 auto;}
video {max-width:100%; height:auto;}

@media screen and (max-width:768px){
	.bod_photo ul,
	.bod_movie ul {margin:0 -.8em;}
	.bod_photo ul li,
	.bod_movie ul li {padding:.8em;}
}
@media all and (max-width:640px) {
	.bod_photo ul li,
	.bod_movie ul li {width:50%;}
}
@media screen and (max-width:375px) {
	/* 포토게시판 */
	.bod_photo ul li,
	.bod_movie ul li {width:auto; float:none;}
}


/* 웹진형 게시판 */
.bod_webzine {border-top:3px solid #3F5580; border-bottom:1px solid #DFE4EF;}
.bod_webzine li {padding:1.778em 0; overflow:hidden;}
.bod_webzine li + li {border-top:1px solid #DFE4EF;}
.bod_webzine li a {display:block; overflow:hidden; color:inherit; text-decoration:none;}
.bod_webzine .thumb {display:block; position:relative; float:left; width:15.12em; overflow:hidden; text-align:center; background:#EEF7FF;}
.bod_webzine .thumb > figure {position:relative; height:0; padding-bottom:68.4%;}
.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 li a:hover .thumb img,
.bod_webzine li a:focus .thumb img {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.bod_webzine .cont {display:block; position:relative; overflow:hidden; margin-left:15.12em; padding-left:3.33em;}
.bod_webzine .cont > span {display:block;}
.bod_webzine .cont .tit {display:block; position:relative; font-size:1.055em; color:#222; font-weight:700; line-height:1.4em; height:2.9em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.bod_webzine .cont .info {display:block; position:relative; font-size:.9445em; margin:.88em -.58em; color:#888888;}
.bod_webzine .cont .info > * {margin:0 .58em;}
.bod_webzine .cont .info i {display:inline-block; position:relative; margin-top:-.3em; width:1.118em; height:1.118em; vertical-align:middle; background:no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden; margin-right:.2em;}
.bod_webzine .cont .info .name i {background-image:url(../img/board/ico_info_name.svg);}
.bod_webzine .cont .info .date i {background-image:url(../img/board/ico_info_date.svg);}
.bod_webzine .cont .info .hit i {background-image:url(../img/board/ico_info_hit.svg);}
.bod_webzine .cont .txt {font-size:.9445em; color:#888; line-height:1.5em; max-height:4.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
@media all and (max-width:1024px) {
	.bod_webzine .cont {padding-left:2em;}
}
@media all and (max-width:640px) {
	.bod_webzine .thumb {width:12em;}
	.bod_webzine .cont {margin-left:12em;}
}
@media all and (max-width:580px) {
	.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;  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 #3F5580;}
.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 .subj {display:block; position:relative; padding:1em 3em 1em 1em; 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 #3F5580; border-bottom:1px solid #DFE4EF; padding:.66em 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:33.33%; padding:1.11em; box-sizing:border-box; float:left;}
.bod_news .thumb {display:block; position:relative; background:#EEF7FF; overflow:hidden; padding:0 0 125%;}
.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;}
.bod_news .desc > * {display:table-cell; vertical-align:middle;}
.bod_news .desc p {font-size:1.055em; color:#222; font-weight:700;}
.bod_news .desc .ctrl {width:6em; 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:830px) {
	.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_poll {display:block; position:relative; border-top:3px solid #3F5580; border-bottom:1px solid #DFE4EF; padding:.66em 0;}
.bod_poll:after {content:""; display:block; clear:both;}
.bod_poll > ul {margin:0 -1.11em;}
.bod_poll > ul > li {display:block; position:relative; width:33.33%; padding:1.11em; box-sizing:border-box; float:left;}
.bod_poll .item-poll {display:block; position:relative; z-index:0;}
.bod_poll .item-poll .state_poll {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; overflow:hidden; text-indent:-999px;}
.bod_poll .thumb {display:block; position:relative; background:#EEF7FF; overflow:hidden; padding:0 0 68%;}
.bod_poll .thumb > figure {display:block; position:absolute; left:-100%; right:-100%; top:0; bottom:0; overflow:hidden; text-align:center;}
.bod_poll .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_poll .cont {display:block; position:relative; border:1px solid #DFE4EF; border-top-width:0; padding:.88em .88em .83em;}
.bod_poll .tit {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333333; font-weight:700; font-size:1.12em; text-align:center;}
.bod_poll .info {display:block; position:relative; margin-top:.833em; text-align:center;}
.bod_poll .info > * {display:inline-block; vertical-align:middle; font-size:.944em; color:#888;}
.bod_poll .info strong {display:inline-block; position:relative; vertical-align:middle; width:1.11765em; height:1.11765em; overflow:hidden; text-indent:-999px; background:no-repeat 50% 50%; background-size:contain; margin-top:-.2em; margin-right:.4em;}
.bod_poll .name {margin-right:.8em;}
.bod_poll .name strong {background-image:url(../img/board/ico_info_name.svg);}
.bod_poll .state,
.bod_poll .isopen {display:inline-block; position:relative; border-radius:.47em; background:#E74C4C; color:#fff; margin:0 .1em; padding:0 .5em; vertical-align:top; height:1.76em; line-height:1.76em;}
.bod_poll .state strong,
.bod_poll .isopen strong {position:absolute; top:0; left:0; width:0; height:0;}
.bod_poll .state[data-state="종료"],
.bod_poll .isopen.no {background:#555555;}
.bod_poll .state[data-state="중단"] {background:#ccc;}
.bod_poll .date {display:block; position:relative; font-size:1em; margin:.833em -.88em 0; text-align:center; color:#888888; padding:.833em 0 0; border-top:1px dashed #DFE4EF;}
.bod_poll .date strong {display:block; position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; text-indent:-999px;}
@media all and (max-width:1024px) {
	.bod_poll > ul {margin:0 -.6em;}
	.bod_poll > ul > li {padding:.6em;}
}
@media all and (max-width:850px) {
	.bod_poll > ul > li {width:50%;}
}
@media all and (max-width:520px) {
	.bod_poll > ul > li {width:auto; float:none;}
}


/* QNA 게시판 */
.bod_qna {display:block; position:relative; border-top:3px solid #3F5580; border-bottom:1px solid #DFE4EF;}
.bod_qna li {display:block; position:relative; border-bottom:1px solid #C7CCDD;}
.bod_qna .icon {display:block; position:absolute; top:1.223em; left:1.11em; width:2em; height:2em; text-indent:-999px; overflow:hidden; border-radius:100%; 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.667em 1.11em 1.667em 3.889em;}
.bod_qna .answer .icon {top:1.33em; background-image:url(../img/board/ico_answer.svg);}
.bod_qna li.on .question {border-bottom:1px solid #3F5580; background-image:url(../img/board/ico_flip_up.svg);}
.bod_qna 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:4.12em 0 !important;}
.bod_blog ul li.no_data span,
.bod_news 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_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}


/* 게시판 하단 버튼 */
.btn_wrap {word-break:break-all; overflow:hidden; margin-top:2em;}
.btn_wrap * {position:relative;}
.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;}
.bod_foot .btn_wrap {margin-top:2.22em;}
@media screen and (max-width:375px) {
	.btn_wrap input[type="submit"],
	.btn_wrap input[type="button"],
	.btn_wrap button[type="button"],
	.btn_wrap a {display:block; width:100% !important; margin:3px 0!important; float:none !important;}
	.btn_wrap a {text-align:center;}
}


/* 게시판 상세페이지 */
.bod_view .subject {border-top:2px solid #0468d7; border-bottom:1px solid #C7CCDD; text-align:left; font-size:1.334em; color:#222; font-weight:700; padding:.834em 1em .834em 1.667em; margin:0;}
.bod_view .view_info {display:block; position:relative; padding:1.11em 2.22em; border-bottom:1px solid #DFE4EF;}
.bod_view .view_info li {display:inline-block; position:relative; vertical-align:middle; font-size:.945em; margin-right:3em;}
.bod_view .view_info li span {display:inline-block; position:relative; color:#888; padding-right:1em; margin-right:1em;}
.bod_view .view_info li span:after {content:""; display:block; position:absolute; right:0; width:1px; height:.82em; top:50%; margin-top:-.41em; background:#e1e1e1;}

/* Custom category Information */
.view-category-info {display:table; width:100%; table-layout:fixed; margin-bottom:2em; overflow:hidden; border-bottom:1px solid #edf1f5;}
.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:""; display:block; position:absolute; top:1.3em; right:0; height:1em; width:1px; background:#e1e1e1;}
@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 #edf1f5;}
.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:""; display:block; position:absolute; top:1.3em; right:0; height:1em; width:1px; background:#e1e1e1;}
@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; font-size:.945em; line-height:1.8; border-bottom:1px solid #C7CCDD;}
.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_file {display:table; position:relative; width:100%; table-layout:fixed; padding:1.667em 0; border-bottom:1px solid #C7CCDD;}
.bod_view .view_file > * {display:table-cell; vertical-align:middle; box-sizing:border-box;}
.bod_view .view_file dt {padding-left:1.778em; padding-right:1em; width:10em; }
.bod_view .view_file dt:before {content:""; display:inline-block; position:relative; vertical-align:middle; width:1.334em; height:1.334em; max-width:24px; max-height:24px; background:url(../img/board/ico_file.svg) no-repeat 50% 50%; background-size:contain; margin-top:-.2em; margin-right:.2em;}

.bod_view .view_file .no_file {color:#888;}

@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;}
	.bod_view .view_file dt {padding:0; width:auto; margin-bottom:1em;}
	.bod_view .view_file dd {padding:0 1em;}
}



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

/* 대량포토게시판 상세페이지 */
.bod_view .photo_viewer >div {height:0; padding-bottom:62.8%; position:relative;}
.bod_view .photo_viewer >div >figure {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; overflow:hidden;}
.bod_view .photo_viewer img {display:block; margin:0 auto; max-height:100%;}
.bod_view .photo_viewer .photo_bar {background:rgba(0,0,0,0.3); position:absolute; bottom:0; display:block; width:100%;}
.bod_view .photo_viewer .ctrl_photo {float:left;}
.bod_view .photo_viewer .ctrl_photo > * {float:left; background:rgba(0,0,0,0.6);}
.bod_view .photo_viewer .ctrl_photo >.btn {text-indent:-9999px; width:5.8rem; height:5.8rem; position:relative;}
.bod_view .photo_viewer .ctrl_photo >.btn:hover {background:rgba(0,0,0,1);}
.bod_view .photo_viewer .ctrl_photo >.btn:before {content:''; width:8px; height:13px; background:url('./../img/board/spr_board.png') 0 -139px no-repeat; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.bod_view .photo_viewer .ctrl_photo >.btn.next:before {background-position:-18px -139px;}
.bod_view .photo_viewer .ctrl_photo .paging {display:block; color:#fff; padding:1.7rem; border-left:1px solid #666; border-right:1px solid #666;}
.bod_view .photo_viewer .ctrl_photo .paging strong {color:#3deaff; font-weight:600;}
.bod_view .photo_viewer .btns {float:right; margin:0.9rem 1rem 0 0;}
.bod_view .photo_viewer .btns .btn {display:inline-block; vertical-align:middle; padding:0.9rem 1.5rem 0.9rem 4rem; font-size:1.5rem; letter-spacing:-1pt; color:#fff; position:relative;}
.bod_view .photo_viewer .btns .btn:before {content:''; width:24px; height:19px; position:absolute; left:1rem; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.bod_view .photo_viewer .btns .btn.original:before {background:url('./../img/board/spr_board.png') -36px -136px no-repeat;}
.bod_view .photo_viewer .btns .btn.download:before {background:url('./../img/board/spr_board.png') -68px -136px no-repeat;}
.bod_view .photo_viewer .btns .btn.original:hover:before {background-position:-36px -165px;}
.bod_view .photo_viewer .btns .btn.download:hover:before {background-position:-69px -165px;}
.bod_view .photo_viewer .btns .btn:hover {border-radius:4px; background-color:rgba(0,0,0,0.7); color:#ffe395;}

.bod_view .thumb_list {overflow:hidden; margin-top:4rem; max-height:379px; overflow-y:auto;}
.bod_view .thumb_list li {float:left; width:9.1%; margin:0 1% 1% 0; background:#f7f7f7;}
.bod_view .thumb_list li:nth-of-type(10n) {margin-right:0;}
.bod_view .thumb_list li a {display:block;}
.bod_view .thumb_list li div {height:0; padding-bottom:65.25%; position:relative;}
.bod_view .thumb_list li div figure {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; overflow:hidden;}
.bod_view .thumb_list li img {opacity:0.5; max-height:100%;}
.bod_view .thumb_list li.active div {margin:4px; padding-bottom:calc(65.24% - 8px);}
.bod_view .thumb_list li.active div:before {border:4px solid #67ead9; content:''; position:absolute; top:-4px; bottom:-4px; left:-4px; right:-4px;}
.bod_view .thumb_list li.active img {opacity:1;}

/* 게시판 글쓰기 */
.bod_write {display:table; width:100%; table-layout:fixed; border-top:2px solid #333; overflow:hidden; font-size:.9444em; margin-bottom:1em;}
.bod_write dl {display:table-row;}
.bod_write dl > dt,
.bod_write dl > dd {display:table-cell; vertical-align:middle; position:relative; padding:.88235294em; border-bottom:1px solid #ddd;}
.bod_write dl > dt {width:10.58em; text-align:left; font-weight:600; line-height:120%;}
.bod_write dl > dd {color:#333; height:4.762em;}
.bod_write dl > dd label {margin-right:1rem;}
.bod_write input,
.bod_write select,
.bod_write textarea {border:1px solid #ddd !important; border-radius:0px !important; color:#333 !important; font-size:1em !important;}
.bod_write input.btn { color:#fff !important; }
.bod_write .btn_address,
.bod_write .btn {background:#fff; padding:0.8rem 1.5rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.bod_write .btn_address:hover, .bod_write .btn:hover {background:#333; color:#fff;}
.bod_write select {color:#666; 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 .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 + li {margin-top:10px;}
.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:#555; text-align:center;}

.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;}
.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:2.5294em;}
.file-upload-area .grid.drag_and_drop .no_data .tit {display:block;position:absolute;top:0;left:0;width:8em;background:#777;color:#fff !important;text-align:center;margin-top: 0; line-height:2.5294em;}
@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:#F9F9FE; border:1px solid #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(../img/board/ico_comment.svg) no-repeat 50% 50%; background-size:contain; 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:1px solid #DFE4EF; background:#fff; padding:1.11em;}
.commentBox .commentCon > li + li {border-top-width:0;}
.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(../img/board/ico_comment.svg) no-repeat 50% 50%; background-size:contain; 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:relative;}
.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(../img/board/ico_comment_modify.svg) no-repeat top 50% left .8em; background-size:1.2em auto;}
.commentBox .commentCon .comment_btn_wrap a.del {background-image:url(../img/board/ico_comment_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:#222222; color:#fff; font-size:1.11em; 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;}

/* 주의사항안내 */
.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:inline-block; position:relative; vertical-align:middle; 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 .guide {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"] {display:block; 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:#222222; border-color:#222222;}

.opendataWrap *[class^="menu_"] {display:block; position:relative; margin:-1px 0 2em; padding:2.22em 2.77em; border:1px solid #DFE4EF; background:#F8F8FC;}
.opendataWrap *[class^="menu_"] ul {margin:-2px;}
.opendataWrap *[class^="menu_"] ul:after {content:""; display:block; clear:both;}
@media all and (max-width:740px) {
	.opendataWrap *[class^="menu_"] {padding:1.5em;}
}

.opendataWrap .menu_open ul {display:block; position:relative;}
.opendataWrap .menu_open ul li {width:16.666%; height:6.67em; float:left; padding:2px; box-sizing:border-box;}
.opendataWrap .menu_open ul li > a {display:block; height:100%; padding:1.11em 0 0; border:3px solid #fff; background:#fff; text-align:center; font-size:.944em; color:inherit; text-decoration:none; box-sizing:border-box;}
.opendataWrap .menu_open ul li > a.on {border-color:#222222; color:#222222; font-weight:700;}
.opendataWrap .menu_open ul li .ico {display:block; position:relative; width:2.353em; height:2.353em; max-width:40px; max-height:40px; background:url(../img/board/ico_opendata_all.svg) no-repeat 50% 50%; background-size:contain; margin:0 auto .5em;}
@media all and (max-width:1024px) {.opendataWrap .menu_open ul li {width:25%;}}
@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%;}}

.opendataWrap .menu_open02 ul {display:block; position:relative; padding-top:6.5em;}
.opendataWrap .menu_open02 ul li > a {display:block; position:absolute; top:0; width:25%; height:6.67em; padding:1.11em 0 0; text-align:center; font-size:.944em; color:inherit; text-decoration:none; box-sizing:border-box; z-index:0;}
.opendataWrap .menu_open02 ul li > a.on {color:#222222; font-weight:700;}
.opendataWrap .menu_open02 ul li > a:before {content:""; display:block; position:absolute; top:2px; left:2px; bottom:2px; right:2px; background:#fff; z-index:-1;}
.opendataWrap .menu_open02 ul li > a.on:before {border:3px solid #222222;}
.opendataWrap .menu_open02 ul li .ico {display:block; position:relative; width:2.353em; height:2.353em; max-width:40px; max-height:40px; background:url(../img/board/ico_opendata_all.svg) no-repeat 50% 50%; background-size:contain; margin:0 auto .5em;}
.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:#222222; 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:13em;}
	.opendataWrap .menu_open02 ul li > a {width:50%;}
	.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:6.67em; left:0%;}
	.opendataWrap .menu_open02 ul li:nth-child(4) > a {top:6.67em; left:50%;}
}

.dl_wrap {display:block; position:relative; border-top:3px solid #3F5580;}
.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; font-size:.944em; 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 > dd {}
	.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; }
}


/*다목적 상세*/
.purpose_view .tit { border-top: 3px solid #3f5580; border-bottom: 1px solid #c7ccdd; text-align: center; font-size: 1.334em; color:#222; 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 #222222; 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;}
}