@charset "utf-8";
/** 스타일 요소
    tabs, tables, btn-area...
 **/

/* Skip Navigation */
#skip{ position: absolute; margin: 0 auto; width: 100%; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index: 999;}
#skip a:focus, #skip a:active { position: absolute; padding-top: 0.5em; width: 100%; height: 2em; top: 10.5em; z-index: 999; text-align: center;color:#fff; background: #333; overflow: visible; clip: unset;}

/**
 button groups
**/
.btn-groups { width: 100%; text-align: center; margin: 20px 0;}
.btn-groups.half .btn { margin-left: 6px;}
.btn-groups.half .btn:first-child { margin-left: 0px;}
.btn-groups.half:after { content: ''; display: block; clear: both;}
.btn-groups.full { display: block; width: 100%;}
.btn-groups.one .btn {display: block}
.btn-groups label {font-size: 0.8125em;}
.btn-groups-search .btn {font-size: 15px;}

.btn-wrap {overflow: hidden; width:100%;margin: 20px 0;}
.btn-wrap .fl {float: left; position: relative;}
.btn-wrap .fr {float: right;}
.btn-wrap .fl.btn-groups .btn,
.btn-wrap .fr.btn-groups .btn {width:auto;}

.group-notice {overflow: hidden}
.group-notice .al-left {float: left;width: 50%;}
.group-notice .al-right {float: right;width: 50%;text-align :right;}
.group-notice .al-right .group {display: inline-block;}
.group-notice .al-left.al-title {width: auto;}
.group-notice .al-left.al-title + .al-left {width: auto}

.top-line {border-top: 1px solid #e3e3e3;margin-top: 20px;padding-top: 20px;}

/**
 titles
**/
#content h3.title {margin: 20px 0 10px;font-size: 1.125em;font-weight: 700;}
#content h4.title {margin: 20px 0 10px;font-size: 1.0625em;font-weight: 700;}
#content h3.title span,
#content h4.title span {font-size: 0.777em;font-weight: 400;}
#content h5.title, #content h6.title {margin: 10px 0;font-size: 1em;font-weight: 700;}
#content h4.small {margin: 20px 0 10px;font-size: 0.8125em;font-weight: 400;}
/**
 list
**/
ul.list-type-dot>li,
p.list-type-dot {position: relative; margin-bottom: 5px;padding-left: 10px;font-size: 0.8125em;}
ul.list-type-dot>li:before,
p.list-type-dot:before {content: '';position: absolute;top: 9px;left: 3px;width: 2px;height: 2px;background: #000;}
ul.list-type1>li,
ul.list-type-dash>li,
p.list-type-dash {position: relative; margin-bottom: 5px;padding-left: 15px;font-size: 0.8125em;}
ul.list-type1>li:before,
ul.list-type-dash>li:before,
p.list-type-dash:before {content: '';position: absolute;top: 9px;left: 3px;width: 5px;height: 1px;background: #000;}
ol.list-type-decimal {margin-left: 20px;}
ol.list-type-decimal>li {list-style-type: decimal; margin-bottom: 5px;font-size: 0.8125em;}
p.type1 {margin: 5px 0;font-size: 0.8125em;line-height: 1.5}
p.type2 {font-size: 1.125em} /* 정책제안 */
ul>li>ul,
ol>li>ul {margin: 5px 0;}
ul>li>ul>li,
ol>li>ul>li,
ul>li>ol>li  {font-size: 1em !important}
.list-type1-nobg>li, .list-type-nobg>li {position: relative;background: none;}
.list-type1-nobg>li:before, .list-type-nobg>li:before {display: none}
li.nobg {background: none;}
li.nobg:before {display: none}
ol.list-type-ol li {margin-bottom: 5px;text-indent: -15px;padding-left: 15px;font-size: 0.8125em}

/**
 tabs
**/
.common-tabs {margin: 20px 0}
.common-tabs>ul {position: relative;display: flex;align-items: flex-end;}
.common-tabs>ul:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #c72868;z-index: 2;}
.common-tabs>ul>li {margin-right: 10px;}
.common-tabs>ul>li>a {position: relative;display: block;padding: 5px 40px;background: #fff;border: 1px solid #b5b5b5;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-color: transparent;font-size: 1em;color: #000;}
.common-tabs>ul>li>a.on {font-size: 1.125em;font-weight: 700;border-width: 2px;background: #fff;border-color: #c72868;border-bottom-color: #fff;z-index: 3;}

.list-tabs {margin: 20px 0;}
.list-tabs>ul {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;}
.list-tabs>ul>li {margin-right: 10px;text-align: center;}
.list-tabs>ul>li>a {display: block;width: 100%;margin-bottom: 15px; padding: 6px 10px;background: #f9f9f9;border: 1px solid #f9f9f9;border-radius: 20px;color: #000;font-size: 0.9375em;}
.list-tabs>ul>li>a.on {background: #f8eff3;border: 1px solid #b5b5b5;color: #783c54;font-weight: 700;}
.list-tabs>ul>li>a span{word-break: keep-all;}

/*.common-tabs + .list-tabs>ul>li>a {margin-bottom: 0}  시정연구지원 안내 */
.tab-content {display: none}
.tab-content.on {display: block;}

/**
 table
**/
.table-wrap {margin-bottom: 20px;border:1px solid #b5b5b5;border-radius: 5px;overflow: hidden;}
table, .table {clear:both;width:100%;margin:0;table-layout: fixed}
table caption, .table caption {overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
table th, table td, .table th, .table td  {padding:8px;border-right: 0px solid #b5b5b5;border-top:1px dashed #b5b5b5;color: #000;font-size: 0.8125em; }
table th, .table th {padding:8px 10px;background-color:#f8eff3;font-weight:600;text-align:left;}
table thead th, .table thead th {border-bottom: 1px dashed #b5b5b5;text-align: center;}
table td, .table td {background-color:#fff;word-break: break-all;}
table thead th, .table thead th {border-top: 0;}
table.bordered thead th {border-left: 1px solid #b5b5b5;border-bottom: 2px solid #b5b5b5}
table.bordered thead th:first-child {border-left: 0}
table.bordered tbody th,
table.bordered tbody td {border-left: 1px dashed #b5b5b5;}
table.bordered tbody th:first-child,
table.bordered tbody td:first-child {border-left: 0}
table.centered thead th,
table.centered thead td,
table.centered tbody th,
table.centered tbody td {text-align: center;}
table.td-righted tbody td {text-align: right;}
table thead .left-line,
table thead .leftLine {border-left: 1px solid #b5b5b5 !important}
table tbody .left-line,
table tbody .leftLine  {border-left: 1px dashed #b5b5b5 !important}
table.bordered thead tr:nth-child(2) th {border-top: 0}

table tbody tr:first-child th,
table tbody tr:first-child td {border-top: 0}
.col-wid8 {width: 8%}
.col-wid10 {width: 10%}
.col-wid15 {width: 15%}
.col-wid20 {width: 20%}
.col-wid25 {width: 25%}
.col-wid30 {width: 30%}
.col-wid35 {width: 35%}
.col-wid40 {width: 40%}
.col-wid45 {width: 45%}
.col-wid50 {width: 50%}
.col-wid55 {width: 55%}
.col-wid70 {width: 70%}
.col-wid85 {width: 85%}
table td a {vertical-align: middle;}
table .txt-with-btn {display: inline-block;margin: 5px 10px 0 0;}
/* 리스트 테이블 */
table.views-table {table-layout: fixed;border-bottom: 1px dashed #b5b5b5}
table.views-table thead tr th {padding: 12px 8px;border-top: 1px solid #b5b5b5;border-bottom: 1px solid #b5b5b5;text-align: center;}
table.views-table thead tr th:first-child {border-left: 1px solid #b5b5b5;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
table.views-table thead tr th:last-child {border-right: 1px solid #b5b5b5;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
table.views-table tbody td {padding: 11px 8px;border-top: 0;text-align: center;vertical-align: middle;border-top: 1px dashed #b5b5b5}
table.views-table tbody tr.odd:first-child td {border-top: 0}
table.views-table tbody tr.odd td {border-top: 1px dashed #b5b5b5}
table.views-table .aLeft a {color: #000;font-weight: 700;}
table.views-table .title-ellipsis {color: #000;}
/* table input */
table label.link {color: #006a9e;font-size: inherit;cursor: pointer;text-decoration: underline;}
table label.link input {margin-right: 5px;}
table th label {font-weight: 700;}
table td input[type="text"] {width: 100%;background: #f9f9f9;border: 1px solid #f9f9f9;border-radius: 5px;}
.require {position: relative;display: inline-block;width: 15px;height: 15px;}
.require:before {content: '*';color: #c72868;font-weight: 700;}
table select {min-width: 150px}
table .notice {margin-top: 5px;}
/* label group */
label>input[type="checkbox"],
label>input[type="radio"] {margin-right: 5px;}
.label-group label {margin: 2px 20px 2px 0;cursor: pointer}
/* 시정연구지원 */
table tbody + tbody tr:first-child th,
table tbody + tbody tr:first-child td {border-top: 1px dashed #b5b5b5;}

/**
 content
**/
/* notice-content add 2021-10-26 */
.notice-content {margin: 15px 0 30px;padding: 10px;background: #f9f9f9;border: 1px solid #e3e3e3;border-radius: 5px;font-size: 0.8125em;}
.notice-content * {font-size: 1em !important;}
.notice-content .btn {margin-left: 5px}
.notice-content p {margin:0;line-height: 1.7;}
.notice-content a.btn-more-content {padding:5px 10px;display: inline-block;}
.notice-content .more-content {margin:10px 20px 0;padding:10px 20px 5px 20px;}
.notice-content .more-content ul li {margin: 12px 0 12px;}
.notice-content .more-content ul li:first-child {margin-top: 5px}

.title-ellipsis {display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indent10 {padding-left: 10px;text-indent: -10px}
.indent15 {padding-left: 15px;text-indent: -15px}
.indent20 {padding-left: 20px;text-indent: -20px}
.aLeft {text-align: left !important;}
.aCenter {text-align: center !important;}
.aRight {text-align: right !important;}
a.link-underline {text-decoration: underline;}
a.link-black {color: #000;}
a.link-blank {color: #783c54;padding-right: 20px;position: relative;}
a.link-blank:after {content: '';position: absolute;top: 1px;right: 0;width: 16px;height: 12px;background: url(../images/common/ico-sub.png) no-repeat -165px 0;}

/* 더보기 콘텐츠 */
a.btn-more-content {margin: 0 5px;padding: 7px 10px 10px;color: #000;background: #bbbbbb;border-radius: 5px;font-weight: 700;font-size: 0.815em}
a.btn-more-content span, a.btn-more-content em {font-size:inherit;font-weight: inherit;color: inherit;}
a.btn-more-content em {font-size: 12px;margin-bottom: 3px;}
.more-content {display: none;margin: 10px 10px 0;padding: 20px;background: #fff;border: 1px solid #e3e3e3;border-radius: 5px;}
.more-content p {margin: 5px 0;font-size: 0.9375em;}
.more-content p strong {vertical-align: top;}
.more-content ul li {font-size: 0.9375em;}
.more-content.show{display: block}
/* accordion */
.accordion-wrap {border: 1px solid #e3e3e3;border-radius: 5px;}
.accordion-wrap h4 > a.question {border-radius: 5px;}
.accordion-wrap h4 + .content-step1 + h4 > a {border-top: 1px solid #e3e3e3;border-top-left-radius: 0;border-top-right-radius: 0}
.accordion-wrap  a.question {position: relative;display: block;width: 100%;padding: 11px 0 9px 25px;background: transparent;color: #000;font-size: 0.9375em;font-weight: 400;border-radius: 5px;}
.accordion-wrap  a.question:before {content: '▶';position: absolute;top: 12px;left: 10px;width: 22px;height: 20px;font-size: 10px;transform: rotate(0deg);/* background: url(../images/common/ico-sub.png) no-repeat -122px 0;*/}
.accordion-wrap  a.open {background: #f8eff4;color: #c72868;border-bottom: 1px solid #e3e3e3;font-weight: 700;}
.accordion-wrap h4 > a.question.open {border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.content-step1 {display: none;padding: 15px 15px 5px;}
.content-step1.show {display: block;}
.content-step1 h5 {margin: 10px 0;font-size: 1em}
.content-step1 h5.title {position: relative;margin-bottom: 15px !important;padding-left: 15px;}
.content-step1 h5.title:before {content: '▼';position: absolute;top: 3px;left: 0;font-size: 10px;}
.content-step1 h5 + h6 {margin-top: 0}
.content-step1 h6 {margin: 30px 0 10px;font-size: 14px;}
.content-step1 p.p-type1 {margin-bottom: 30px;}
.accordion-wrap p,
.accordion-wrap dl,
.accordion-wrap ul li {font-size: 14px}
.accordion-wrap dl.dl-type1 dt {margin: 10px 0;font-weight: 400;text-decoration: underline;}
.accordion-wrap dl.dl-type1 dd {margin-top: 5px;}
@media (max-width: 1023px) {
.accordion-wrap  a.question, .content-step1 h5 {font-size: 1.5rem}
.accordion-wrap p,
.accordion-wrap ul li {font-size: 1.4rem}
/* notice-content add 2021-10-26 */
.notice-content {font-size: 1.3rem}
.notice-content .more-content {margin:10px 0 0;}
.notice-content * {font-size: 1.3rem !important}
.notice-content .more-content ul li {margin:8px 0 8px}
a.btn-more-content {padding: 2px 10px 7px}
.more-content {padding: 10px;}
}
/* 콘텐츠 이미지 */
.content-img {margin: 20px 0;text-align: center;}
.content-txt {margin: 20px 0;padding: 10px;border-radius: 5px;border: 1px solid #b5b5b5;line-height: 1.5;}
.content-gray-txt {padding: 10px;background: #f9f9f9;border: 1px solid #e3e3e3;border-radius: 5px;}
.line-all .content-txt p {margin-bottom: 5px;}



/**
상단 검색
**/
/* 상단검색 옵션 */
.dl-table-hide {display: none}
.dl-table-hide.show {display: table}
/* 상단검색 결과 */
.top-search-filter-result {display: none;margin-bottom: 10px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc}
.top-search-filter-result.no-result {border-top: 0;}
.top-search-filter-result.no-result .inner {display: none}
.dl-table-wrap {position: relative;border: 1px solid #b5b5b5;border-radius: 5px;}
.dl-table-wrap:after {content: '';clear: both;display: block;}
.dl-table-wrap .dl-table:first-child {border-top: 0;}
.dl-table {display: table;width: 100%;border-top: 1px dashed #b5b5b5;}
.dl-table-wrap .dl-table:last-child {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.dl-table-wrap .dl-table:not([style*="display: none"]):last-child {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.dl-table-hide {display: none;}
.dl-table-hide.show {display: table}
.dl-table dt {display: table-cell;width: 150px;padding: 6px 0 6px 10px;background: #f8eff3;font-weight: 700;font-size: 0.8125em;vertical-align: middle;}
.dl-table dt label, .dl-table dt span {font-size: inherit;font-weight: inherit;}
.dl-table dt span em {font-weight: 400;}
.dl-table dd {display: table-cell;width: 850px;padding: 4px 10px;font-size: 0.8125em}
.dl-table dd input[type="text"] {background: #f2f2f2;border: 1px solid #b5b5b5;border-radius: 5px;}

input::placeholder {color:#434343;}
input::-webkit-input-placeholder {color:#434343;}
input::-ms-input-placeholder {color:#434343;}


.dl-table dd select {min-width: 19%;border: 1px solid #b5b5b5;border-radius: 5px;font-size: 1em;}
.dl-table dd * {vertical-align: middle;}
.dl-table dd input[type="text"],
.dl-table dd select,
.dl-table dd .date-box {float: left;}
/* 결재문서 */
.dl-table-wrap .dl-table.dl-organ dt {border-bottom-left-radius: 5px;}
.dl-table-wrap.open .dl-table.dl-organ dt {border-bottom-left-radius: 0}
/* 건설사업정보 */
.dl-table.col2 {width: 50%;float: left;}
.dl-table.col2 dd {width: 350px}
.dl-table.col1 dd select,
.dl-table.col2 dd select {min-width: 47.5%}
/* 업무추진비 */
.dl-table dd.dd-keyword input[type="text"] {width: 100%}
.dl-table dd.dd-keyword select + input[type="text"] {width: 80.4%;margin-left: .6%;}
.dl-table dd select + select {margin-left: .6%;}
.dl-table dd .date-box {margin-left: .6%;}
.dl-table dd .date-box .bul-date {float: left;width: 25px;height: 30px;line-height: 30px;text-align: center;}

.dl-table-wrap .dl-table:first-child dt {border-top-left-radius: 5px;}
.dl-table-wrap .dl-table:last-child dt {border-bottom-left-radius: 5px;}
.dl-table .dd-open button.btn {min-width: calc(19% - 2px);margin-left: 2px;background: #fff;border: 1px solid #b5b5b5;color: #000;border-radius: 5px;}
.dl-table .dd-open button.btn:first-child {min-width: 19%;margin-left: 0}

.dl-table .dd-open button.btn.on {background: #f8eff3;color: #783c54;font-weight: 700;}
/*.dl-table .dd-open.dd-open-auto button.btn {width: auto;min-width: 10%}*/
 .dl-table .dd-open.dd-open-auto button.btn {width: auto; min-width: 12.8%}
.dl-table .dd-open.dd-open-btns6 button.btn {min-width: calc(16.6666% - 5px)}
/* .dl-table .dd-organ {padding: 6px 140px 6px 10px} */
.dl-table .dd-organ {padding: 6px 140px 6px 10px}
.dl-table .dd-organ .organ-keyWord {display: inline-block;}
.dl-table .dd-organ .organ-keyWord button {display: inline-block;border: 0;background: transparent;}
.dl-table .dd-organ .organ-keyWord span {display: block;margin-bottom: 5px;background: #f9f9f9;padding: 5px 20px 6px;border-radius: 5px;text-align: left;}
.dl-table .dd-organ .btn-add-organ {margin-left: -2px}
.dl-table .dd-organ .btn-add-organ,
.dl-table .btn-add-brm {background: #bbbbbb;color: #000;border-radius: 5px;vertical-align: top;}
.dl-table .dd-brm {padding: 6px 140px 6px 10px}
.dl-table .dd-brm .brm-keyWord {display: inline-block;}
.dl-table .dd-brm .brm-keyWord button {display: inline-block;border: 0;background: transparent;}
.dl-table .dd-brm .brm-keyWord span {display: block;/*margin-bottom: 5px;*/background: #f9f9f9;padding: 6px 20px 7px;border-radius: 5px;text-align: left;}
.dl-table .dd-brm .btn-brm-close {border: 0;background: #f9f9f9;font-weight: 700;}
.ui-datepicker {min-width: 210px} /* 2021-09-04 */
.ui-datepicker-trigger {float: left;margin: 5px 0 0 -20px;border: 0;background: transparent;}
.top-search-filter .btn-search-more {position: absolute;bottom: -1px;right: 10px;padding: 5px 10px;background: #f8eff3;border: 1px solid #b5b5b5;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #783c54;font-size: 0.8125em;}
.top-search-filter .btn-search-more.clicked {bottom: 0;background: #fff;color: #783c54;border: 2px solid #783c54;border-bottom: 0;}
.btn-groups-search .btn {min-width: 160px;height: 38px;line-height: 38px;margin-left: 1px;padding: 0 20px;border-radius: 5px;font-weight: 700;}
.btn-groups-search .btn-reset {background: #fff; border: 1px solid #616161;color: #000;}
.btn-groups-search .btn-search {background: #c72868; border: 1px solid #c72868;color: #fff;}
.btn-groups-search.half .btn-search {margin-left: 1px}

/**
검색 필터
**/
.search-filter {position: relative;}
.search-filter h3 {margin: 15px 0 ;color: #783c54;font-size: 1.0625em;letter-spacing: -0.05em;font-weight: 700;}
.search-filter .filter-wrap {padding: 10px;background: #f9f9f9;border: 1px solid #b5b5b5;border-radius: 5px;}
.search-filter .article-filter {position: relative;margin: 0 0 10px;}
.article-filter h4 {float: left;margin: 15px 10px 13px 0;font-size: 1.154em;font-weight: 600;letter-spacing: -0.05em} /* 15px */
/* 검색 옵션 */
.search-filter .article-filter .filters-wrap {background: #fff;border: 1px solid #b5b5b5;border-radius: 5px;}
.filters-wrap {clear: both;}
.filters-wrap .filters-header {position: relative;overflow: hidden;width: 100%;height: 36px;padding: 0;background: #fff;border: 0;border-radius: 5px;}
.filters-wrap.open .filters-header {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-bottom: 1px solid #b5b5b5}
.filters-wrap .filters-header h5 {display: none;color: #181818;letter-spacing: -0.05em;font-size: 0.8125em;font-weight: 400;}
.article-filter-options .filters-wrap .filters-header h5 {display: block;}
.filters-wrap .filters-header .filters-value-wrap {width: 100%;padding: 5px 30px 10px 10px;background: #fff;text-align: left;overflow: hidden;display:inline-block;overflow:hidden;white-space:nowrap;padding-left:0;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow: ellipsis;-ms-text-overflow: ellipsis;font-size: 0.923em;}
.filters-wrap .filters-header .filters-value-wrap .filters-value {display: inline-block;padding-left: 10px;font-weight: 400;font-size: 0.8125em}
.filters-wrap.open .filters-header .filters-value-wrap .filters-value {color: #c72868;font-weight: 700;}
.filters-wrap .filters-header .filters-value-wrap .filters-value-txt {font-weight: 400;font-size: 0.8125em;margin-top: 4px;}
.filters-wrap .filters-header .filters-value-wrap>em {display: inline-block;padding-left: 5px;color: #535353;font-weight: 400}
.icon-search {position: absolute;top: 10px;right: 5px;width: 20px;height: 20px;display: inline-block;background: url(../images/common/ico-sub.png) no-repeat -20px 0;}
.icon-search-up {background-position: -40px 0;}


.filters-wrap .filters-header .btn-transparent {position: absolute;top: 0;left: 0; width: 100%;height: 36px;z-index: 2;background: transparent;text-indent: -9999em;}
.filters-wrap .filters-header .filters-value-wrap .filters-value em {color: #535353;font-weight: 400}

.filters-wrap.filters-checkbox {margin-bottom: 10px}
.filters-value-txt {float: right;text-align: right;}
.filters-value-checkbox {margin: 2px -20px 0 0;}
.filters-value-checkbox input[name="screen-ordin"] {position: relative; bottom: -3px;}
/* 선택 */
.filters-selected {padding: 0px 10px 0;}
.filters-selected .btn-select {margin: 10px 0 5px;padding: 2px 3px;border: 1px solid #c72868;background: #fff;color: #000;font-size: 0.8125em;border-radius: 2px;}
.filters-selected .btn-select .txt-icon {font-size: inherit;letter-spacing: -0.1em;}
.filters-content {padding: 5px 10px;}

/* 일반문서 */
.search-filter .article-filter .filters-wrap.filters-checkbox-document {background: #f9f9f9;border: 0;}
.filters-wrap.filters-checkbox-document .filters-header {height: auto;background: #f9f9f9;}
.filters-wrap.filters-checkbox-document .filters-header .filters-value-wrap {background: #f9f9f9;padding: 10px 0 0 0;}
.filters-wrap.filters-checkbox-document .filters-header .filters-value-wrap  .filters-value {margin: 3px 5px 0 0;font-weight: 700;vertical-align: top;}

/* .filters-wrap.filters-checkbox-document input[type="checkbox"] {height: auto;} */
.btn-filters-list {width: 100%;padding: 8px 10px;border: 0;background: #fff;border-top: 1px dashed #7d7d7d;font-size: 0.8123em;font-weight: 700;text-align: left}
.filters-content>.btn-filters-list:first-child,
.tit-sorting + .btn-filters-list,
.btn-filters-list.first-child {border-top: 0}
.btn-filters-list em {font-weight: 400;color: #222 !important;}
.btn-filters-list.pressed {color: #c72868;}
.btn-filters-list .filters-arrow {position: relative;float: right;color: #222;padding-right: 18px;}
.btn-filters-list .filters-arrow:before {content : '▼';position: absolute;top: 0px;right: 0;color: #222;font-size: 10px;}
.btn-filters-list .filters-arrow.on:before {content: '▲';color: #222;}
.filters-sub .btn-filters-list {position: relative;padding-left: 25px;}
.filters-sub .btn-filters-list:before {content : '▶';position: absolute;top: 9px;left: 10px;color: #222;font-size: 10px;}
.filters-sub .btn-filters-list.pressed:before {color: #c72868;}
/* 폐지문서 */
.filters-sub .btn-filters-list.has-sub:before {content : none;}
.filters-dept-dismissed {display: none;margin: 0 20px;border: 1px solid #dcdcdc;border-top: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;text-align: center}
.filters-wrap.open .filters-dept-dismissed {display: block;}
.filters-dept-dismissed label {display: block;padding: 5px 0;color: #783c54;font-weight: 700;font-size: 0.8125em;}
.filters-dept-dismissed label input[type="checkbox"] {margin-left: 5px;}
.btn-filters-list.dismissed {color: #783c54}
.btn-filters-list.dismissed em {color: #783c54 !important}
.btn-filters-list.dismissed .filters-arrow:before,
.btn-filters-list.dismissed .filters-arrow.on:before {color: #c72868;}
.filters-sub .btn-filters-list.dismissed:before {color: #783c54;}

#select-dept span.del.nm ,
#select-dept .dept-del span.nm {
	background: url(../images/sub/icon_discontinue.png) no-repeat 0 0 ;
	padding: 2px 0 2px 36px;
}
#select-dept em.dept-cnt ,
#select-dept em.dept-all ,
#select-dept em.dept-live ,
#select-dept em.dept-del-cnt {
	font-size: 12px;
}

 /* 2021-09-04 */
.filters-sub .btn-sub-sub {margin-left: 15px;width: calc(100% - 15px)}
h4.dept-del {font-size: 1em;}
/* 2021-09-12 */
.tit-sorting {position: relative;padding: 10px 10px 5px 0px;text-align: left;}
.tit-sorting:before {content: '';position: absolute;top: 55%;left: 0;width: 100%;height: 1px;background: #b5b5b5;}
.tit-sorting span {position: relative;display: inline-block;width: 24px;background: #fff;font-size: 14px;font-weight: 700;z-index: 3;text-align: center}
.tit-sorting.tit-dismissed span {width: auto;padding: 0 10px 0 0;color: #783c54;}

/* 필터 버튼 */
.filter-wrap .btn-reset,
.search-filter .btn-reset {position: absolute; top: 22px;right: 0px;background: #fff;border: 0;color: #000;}
.search-filter .btn-reset span {display: inline-block;position: relative;padding-left: 22px;font-size: inherit;font-weight: 700;}
.search-filter .btn-reset span:before {content: '';position: absolute;top: -2px;left: 0;width: 20px;height: 20px;background: transparent url(../images/common/ico-sub.png) no-repeat 0 0;}
.filter-wrap .btn-input,
.search-filter .btn-input,
.filter-wrap .btn-reset-mobile,
.search-filter .btn-reset-mobile {display: block;padding: 0 10px;height: 32px;line-height: 32px;margin: 0 auto;background: #bbbbbb;color: #000;border-radius: 5px;font-weight: 700;}
.filter-wrap .btn-reset-mobile,
.search-filter .btn-reset-mobile {background: #555;}
.filter-wrap .btn-reset-mobile,
.search-filter .btn-reset-mobile {display: none;border: 0;}

/**
 결재문서 LIST
**/
/* 공통 */
.group-notice-list {padding: 7px 0 20px;font-size: 0.8125em}
.group-notice-list * {font-size: inherit;}
/*.group-notice-list .al-left {height: 30px;line-height: 30px;}*/
.group-notice-list .al-left {padding: 3px 0;}
.group-notice-list .al-right .group * {vertical-align: top;}
.btn-sort, .listing {display: inline-block;height: 30px;line-height: 30px;margin: 0 2px;padding: 0 8px;background: #f9f9f9;border: 1px solid #f9f9f9;border-radius: 3px;color: #666 !important;}
.btn-sort.active,
.listing.selected {background: #f9f9f9;border: 1px solid #d2d2d2;color: #000 !important;font-weight: 700}
/* 결재문서 리스트 */
.table-list-wrap {border-top: 1px solid #b5b5b5}
.table-list-wrap ul li {width: 100%;padding: 6px 0 10px;border-bottom: 1px dotted #b5b5b5;}
.table-list-wrap ul li .title-area a {display: inline-block;margin-bottom: 5px;color: #000;font-size: 0.875em;font-weight: 700;}
.table-list-wrap ul li .title-info span.date {display: block}
.table-list-wrap ul li .title-category span {display: inline-block;padding: 0 5px; color: #783c54;background: #f9f9f9;border: 1px solid #e3e3e3;border-radius: 3px;font-size: 0.8125em}
.table-list-wrap ul li .title-info {position: relative;padding-left: 10px;color: #666;font-size: 0.8125em}
/* paging */
.item-list * {vertical-align: middle;}
.item-list {padding: 20px 0 50px;text-align: center;}
.item-list ul.pager {display: inline-block;}
.item-list li {display: inline-block;width: 30px;height: 30px;color: #c72868;font-size: 1.125em;text-decoration: underline}
.item-list li a {color: #000;font-size: 0.73em;text-decoration: none;}
.item-list li.pager-first a,
.item-list li.pager-previous a,
.item-list li.pager-next a,
.item-list li.pager-last a {display: inline-block;width: 30px;height: 30px;line-height: 30px;background: url(../images/common/ico-sub.png) no-repeat 0 -20px;text-indent: -9999em;}
.item-list li.pager-previous a {background-position: -30px -20px}
.item-list li.pager-next a {background-position: -60px -20px}
.item-list li.pager-last a {background-position: -90px -20px}
.item-list a,
.item-list strong {display: inline-block;}

/**
 modal
**/
/* popup */
body.modal-open { overflow: hidden; }
.modal-window { z-index: 111; display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.modal-window .modal-container { z-index: 100; display: inline-block; position: absolute; top: 0; left: 0; width: 600px;height: auto;max-height: 80%;background-color: #fff;border: 4px solid #c72868;border-top: 0;overflow: hidden;}
.modal-window .modal-container .btn-modal-close { display: block;position: absolute; top: 20px; right: 20px; width: 40px;height: 40px;z-index: 9999 ;background: transparent;border: 0;}
.btn-modal-close .ico-menu:before {top: 8px;left: -2px;width: 30px;height: 3px;transform: rotate(135deg);background-color: #fff}
.btn-modal-close .ico-menu:after {width: 30px;height: 3px;bottom: 8px;left: -3px;transform: rotate(-135deg);background-color: #fff}
.modal-window .modal-container .modal-header {width: calc(100% + 2px);padding: 20px;background: #c72868;vertical-align: top;}
.modal-window .modal-container .modal-header h3,
.modal-window.pop-window .modal-container .modal-header h1 {color: #fff;font-size: 1.5625em;}
.modal-window .modal-container .modal-content {max-height: calc(80vh - 77px);padding: 20px;overflow: hidden;overflow-y: auto;}
.modal-window .modal-container .modal-content .modal-content-head { position: relative; padding: 0 0 30px 0; }
.modal-window .modal-container .modal-content .modal-content-head h3 {margin: 0;padding-right: 50px;padding-bottom: 15px;border-bottom: 2px solid #1b1d21;color: #1b1d21;font-size: 2.143em;letter-spacing: -0.05em}
.modal-dimed { z-index: 110; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
/* 검색조건 추가 > 기관선택 */
.modal-window .filters-wrap.filters-checkbox {position: relative;}
.modal-window .filters-wrap .filters-content {position: relative;width: 48%;height: 270px;border: 1px solid #b5b5b5;border-radius: 5px;}
.modal-window .filters-wrap .filters-content:after {content:'';position: absolute;top: -2px;right: -110%;margin-left: 5%;width: 100%;height: 270px;border-radius: 5px;border: 1px solid #b5b5b5;}
.modal-window .filters-wrap .filters-content-full {position: relative;width: 100%;height: 270px;border: 1px solid #b5b5b5;border-radius: 5px;}
.modal-window .filters-wrap .filters-content-full:after {display: none;}
.modal-window .filters-wrap .filters-content-wrap {height: 260px;overflow-y: auto;}
.modal-window .filters-wrap .filters-content button {width: 100%;padding: 5px 0 5px 10px;background: #fff;border: 0;border-bottom: 1px dashed #b5b5b5;font-size: 0.8125em;text-align: left;}
.modal-window .filters-wrap .filters-content button.pressed {border-bottom: 2px solid #c72868;color: #c72868;}
.modal-window .filters-wrap .filters-content .modal-filters-sub {position: absolute;top: 0;right: -110%;margin-left: 5%;width: 100%;height: 268px;overflow-y: auto;z-index: 2;padding: 1px;}
.modal-window .filters-wrap .filters-content .modal-filters-sub .cate {position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px 1px 1px 1px)}
.modal-window .filters-wrap .filter-result {overflow :hidden;margin-top: 20px;border: 1px solid #b5b5b5;border-radius: 5px;}
.modal-window .filters-wrap .filter-result h4 {background: #f3f3f3;padding: 5px 0 5px 10px;font-size: 1.0625em;font-weight: 700;color: #000}
.modal-window .filters-wrap .modal-filters-selected {height: 90px;padding: 0;overflow-y: auto;}
.modal-window .filters-wrap .modal-filters-selected .btn-select {width: 100%;padding: 7px 10px 3px;border: 0;background: #fff;border-bottom: 1px dashed #b5b5b5;color: #000;font-size: 0.8125em;text-align: left;}
.btn-select .circle {display: inline-block;width: 16px;height: 16px; border: 1px solid #000;border-radius: 50%;text-align: center;}
/* brm modal */
.brm-list-step {padding: 20px;border: 1px solid #181818;box-sizing: border-box; margin-top:20px;font-size: 0.8125em;}
.brm-list-step li {padding: 5px 0;}
.brm-content {margin: 20px 0;border-top: 1px solid #bbb;border-right: 1px solid #bbb;font-size: 0.8125em;}
.brm-cell {display: table;width: 100%}
.brm-cell-label {display: table-cell;width: 13%;padding: 8px 15px;border-left: 1px solid #bbb;border-bottom: 1px solid #bbb}
.brm-cell-select {display: table-cell;width: 87%;padding: 8px 15px;border-left: 1px solid #bbb;border-bottom: 1px solid #bbb}
.brm-cell-select select {width: 100%;border: 1px solid #9d9d9d}
.brm-cell-select select[disabled] {border: 1px solid #d3d3d3}
.brm-cell-dept .brm-cell-label {padding-right: 0;color: #181818;}
.brm-cell-dept .brm-cell-label .checkbox {font-weight: 700}
.brm-cell-dept .brm-cell-select {border-left: 0}
.brm-text {color: #747474;font-size: 0.8125em;}
.brm-text h4 {margin: 15px 0 5px;color: #747474;font-size: 1em;color: #000;}
#form-brm-list input[type="submit"]:disabled,
#form-brm-list input[disabled]{background: #ddd;border: 2px solid #ddd;color: #999}
.modal-content .btn-groups .btn {padding: 10px 20px 10px;background: #783c55;color: #fff;}
.modal-content .btn-groups .btn.btn-light-gray {background: #f9f9f9;border: 1px solid #e3e3e3;}
/* 위원회명단 */
#member-list.modal-window .modal-content p {text-align: left;margin: 0 0 10px;font-weight: 700}
#member-list.modal-window .modal-content table.views-table  {border-bottom: 0;}

/**
 통합검색
**/
/* 상단 */
.view-content-search {padding: 0 0 60px;}
.view-content-search .list-wrap {float: none;width: 100%;}
.search-tab-filters {display: table;width: 100%}
.search-tab-filters li {display: table-cell;width: 25%;}
.search-tab-filters li a {display: block;width: 100%;padding: 10px 0;background: #fff;color: #000;text-align: center;border-left: 1px dotted #b5b5b5;border-bottom: 1px dotted #b5b5b5;font-size: 1.4rem;font-weight: 700;}
.search-tab-filters li:first-child a {border-top-left-radius: 5px}
.search-tab-filters .li:first-child a {border-left: 0;border-top-left-radius: 5px}
.search-tab-filters .tab-filters li:last-child a {border-top-right-radius: 5px}
.search-tab-filters .tab-filters li a.select {background: #f8eff3;border-bottom: 1px dashed transparent;color: #c72868;}
/* 통합검색 콘텐츠 */
.view-content-search h3.tit-search-result {margin: 20px 0;font-size: 1em;text-align: center;}
.view-content-search h3.tit-search-result span {color: #c72868;font-weight: 700;font-size: 1em;}
.view-content-search .search-tab-wrap {border-radius: 5px;border: 1px solid #b5b5b5;}
.view-content-search .search-tab {position: relative;}
.view-content-search .search-tab>li {width: 100%;}
.view-content-search .search-tab>li>a {display: block;width: 100%;padding: 10px 0;color: #000;font-size: 0.875em;border-left: 1px dashed #b5b5b5;border-bottom: 1px dashed #b5b5b5;text-align: center;}
.view-content-search .search-tab>li>a.select {color: #c72868;background: #f8eff3;border-bottom: 1px dashed transparent;font-weight: 700;}
.view-content-search .search-tab>li:first-child a {border-left: 0;border-top-left-radius: 5px;}
.view-content-search .search-tab>li:last-child a {border-top-right-radius: 5px;}
.view-content-search .search-tab-result {display: none;padding:5px 20px;min-height: 38px;background: #f8eff3;border-radius: 5px;}
.view-content-search .search-tab-result a {position: relative;display: inline-block;padding-left: 10px;color: #000;font-size: 0.8125em;}
.view-content-search .search-tab-result a:before {content: ',';position: absolute;top:0;left: 0;}
.view-content-search .search-tab-result a:hover {color: #c72868}
.view-content-search .search-tab-result a:first-child:before {display: none;}
.view-content-search .list-wrap {position: relative;}
.view-content-search .list-wrap h4 {margin: 30px 0 10px;font-size: 1.25em;font-weight: 700;}
.view-content-search .list-wrap h4 span {font-size: 0.7em;}
.view-content-search .btn-search-more {position: absolute;top: 10px;right: 0;color: #000;font-size: 0.8125em;}

@media (max-width: 1023px) {

/**
 button
**/
.btn-groups { margin: 20px 0 15px;}
.btn-groups label {font-size: 1.3rem;}

/**
 titles
**/
#content h3.title {font-size: 1.6rem;}
#content h4.title {font-size: 1.5rem;}
#content h5.title {font-size: 1.4rem;}
#content h4.small {font-size: 1.3rem}

/**
 content
**/
.notice-content  {margin: 15px 0;}
.indent20 {padding-left: 14px;text-indent: -14px}

/**
 list
**/
ul.list-type-dot>li,
p.list-type-dot,
ul.list-type1>li,
ol.list-type-decimal>li,
ul.list-type-dash>li {font-size: 1.3rem;}
p.type1 {font-size: 1.3rem;}
p.type2 {font-size: 1.5rem}
ul.list-type1>li, ul.list-type-dash>li, p.list-type-dash, ol.list-type-ol>li {font-size: 1.3rem}

/**
 tabs
**/
.list-tabs>ul>li>a {margin-bottom: 10px;font-size: 1.4rem}
.list-tabs>ul>li {margin-right: 5px;}


/**
 table
**/
table th, table td, .table th, .table td {font-size: 1.3rem;}

/**
 상단 검색
**/
.dl-table dt {width: 10%;font-size: 1.3rem;} /* width: 20%; */
.dl-table dt label {font-size: 1.3rem}
.dl-table dt em {display: block}
.dl-table dd {width: 80%;padding: 3px 5px;vertical-align: middle;}
.dl-table .dd-organ, .dl-table .dd-brm {padding: 3px 5px}
.dl-table .dd-open button.btn {width: calc(25% - 4px);margin-left: 0;margin-bottom: 5px;padding: 8px 0 7px;font-size: 1.3rem}
.dl-table .dd-open.dd-open-auto button.btn {padding: 8px 10px 7px} /* 건설사업정보 */
.dl-table dd select {width: calc(30% - 5px);min-width: 20%;font-size: 1.3rem}
.dl-table dd select + input[type="text"],
.dl-table dd.dd-keyword select + input[type="text"] {width: 70%;margin-left: 5px}
.dl-table .dd-date select {width: 100%;float: none;}
.dl-table .dd-date select + select {margin-top: 5px;}


.dl-table dd .date-box {width: 100%;margin-top: 5px;margin-left: 0;float: none;}
.dl-table .dd-date .date-box input {width: 45%;font-size: 1.3rem}
.dl-table .dd-date .date-box .bul-date {width: 10%}
.dl-table .dd-organ {padding-right: 80px}
.top-search-filter-sanction .dl-table .dd-organ,
.top-search-filter-search .dl-table .dd-organ {padding-right: 10px}
.dl-table .dd-organ.wide {padding-right: 10px;}
.dl-table .dd-organ .organ-keyWord span {padding: 8px 10px;font-size: 1.3rem;}
.btn-groups-search .btn {padding: 0 10px;height: 32px;line-height: 32px;font-size: 1.4rem}
.btn-groups-search.third .btn {min-width: 80px;}
.top-search-filter .btn-search-more {bottom: -27px;font-size: 1.3rem;border-radius: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
.top-search-filter .btn-search-more.clicked {bottom: -28px;border-top: 0;border-bottom: 2px solid #783c54}
.top-search-filter.top-search-filter-sanction .dl-table-wrap + .btn-groups,
.top-search-filter.top-search-filter-search .dl-table-wrap + .btn-groups {margin-top: 35px;}
em.sanction-date-notice {font-size: 1.3rem}
/* 결재문서 */
.top-search-filter-sanction .dl-table-wrap + .btn-groups {margin-top: 35px}
/* 업무추진비 */
.dl-table dd.dd-select select {width: calc(33.3333% - 5px);margin: 0 0 5px 5px;}
/* 건설사업정보 */
.dl-table.col2 {width: 50%;float: left;}
.dl-table.col2 dt {width: 40%}
.dl-table.col2 dd {width: 60%}
.dl-table.col1 dd select,
.dl-table.col2 dd select {width: 100%}

/**
 검색 필터
**/
.search-filter {position: relative;padding-bottom: 30px;border-top: 1px solid #c3c3c3;}
.search-filter h3 {display: none}
.search-filter .filter-wrap {display: none;padding: 0 0 20px;background: #fff;text-align: center;}
.search-filter.show {margin-bottom: 30px;padding: 20px 20px;background: #f9f9f9;border-top: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;}

.search-filter.show .filter-wrap {display: block}
.search-filter .btn-show-filter {position: absolute;bottom: 0;left: 50%;background: #fff;border: 1px solid #a78191;border-radius: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;color: #773d55;font-weight: 700;transform: translateX(-50%)}
.search-filter .tab-filters {display: table !important;width: 100%;}
.search-filter.show .btn-show-filter {bottom: -32px;}

.search-filter .tab-filters li {display: table-cell;width: 25%;}
.search-filter .tab-filters li a {display: block;width: 100%;padding: 10px 0;background: #fff;color: #000;text-align: center;border-left: 1px dotted #b5b5b5;border-bottom: 1px dotted #b5b5b5;font-size: 1.4rem;font-weight: 700;}
.search-filter .tab-filters li:first-child a {border-top-left-radius: 5px}
.search-filter .tab-filters li:first-child a {border-left: 0;border-top-left-radius: 5px}
.search-filter .tab-filters li:last-child a {border-top-right-radius: 5px}
.search-filter .tab-filters li a.select {background: #f8eff3;border-bottom: 1px dashed transparent;color: #c72868;}

.search-filter .article-filter {display: none;}
.view-content .tab-filters + article.article-filter {display: block}
.filters-content {padding: 0;}
.filters-content label {font-size: 1.3rem;font-weight: 700}
.filters-selected {text-align: left}
.filters-selected .btn-select {font-size: 1.3rem}
.filters-selected-dept { border-bottom: 1px solid #b5b5b5; }
.search-filter .article-filter .filters-wrap {background: #fff;border: 0;border-radius: 0;}
.filters-wrap.filters-checkbox {margin-bottom: 5px;}

.filters-wrap .filters-header {height: 51px;border-radius: 0;}
.filters-wrap.open .filters-header {border-bottom: 0;}
.filters-wrap .filters-header .filters-value-wrap {background: #f8eff3;border-radius: 0;padding: 15px 0;}
.filters-wrap.filters-checkbox-document .filters-header {background: #fff;}
.filters-wrap.filters-checkbox-document .filters-header .filters-value-wrap {background: #f8eff3}
.filters-wrap.open .filters-header .filters-value-wrap .filters-value {font-size: 1.4rem}
.filters-wrap .filters-header .filters-value-wrap .filters-value-txt {margin-top: 0;padding-right: 35px;font-size: 1.4rem;}
.filters-wrap .filters-header .filters-value-wrap .filters-value {font-size: 1.3rem}
.filters-wrap .filters-header .btn-transparent {border-bottom: 0;}
/* 폐지부서 */
.tit-sorting span {font-weight: 700;font-size: 1.4rem}
.filters-dept-dismissed label {font-size: 1.3rem}
.btn-filters-list {font-size: 1.3rem}
.btn-filters-list span, .btn-filters-list em {font-size: 1.3rem}
.icon-search {top: 17px}
.filter-wrap .btn-reset-mobile, .search-filter .btn-reset-mobile {display: inline-block;background: #fff;border: 1px solid #d0d0d0;}

.filter-wrap .btn-reset, .search-filter .btn-reset {display: none}
.filter-wrap .btn-input, .search-filter .btn-input, .filter-wrap .btn-reset-mobile, .search-filter .btn-reset-mobile {display: inline-block}


/**
 결재문서 LIST
**/
.btn-sort, .listing {font-size: 1.3rem}
.group-notice-list .al-left {font-size: 1.3rem}
.group-notice-list .al-left strong {font-size: 1.3rem;}
.group-notice-list .al-left {width: auto}
.group-notice-list .al-right {width: auto;}

/* 위원회 회의정보 */

.group-notice .al-left.al-title {float: none;width: 100%;margin-bottom: 10px;}
.group-notice .al-left.al-title h3 {display: inline;margin-right: 5px;}

.table-list-wrap ul li .title-area a {font-size: 1.4rem}
.table-list-wrap ul li .title-category {margin-top: 5px;padding-right: 80px;}
.table-list-wrap ul li .title-category span {color: #773d55;font-size: 1.3rem;}
.table-list-wrap ul li .title-info {font-size: 1.3rem;}
.table-list-wrap ul li .title-info .date {position: absolute;bottom: 0;right: 0;}
.table-list-wrap ul li .title-info .dept {display: none}

/**
 paging
**/
.item-list li {width: 24px;height: 24px;font-size: 1.3rem}
.item-list li a {font-size: 1.3rem}
.item-list li.pager-first a, .item-list li.pager-previous a, .item-list li.pager-next a, .item-list li.pager-last a {width: 25px;height: 24px;background-size: 500px auto;}
.item-list li.pager-first a {background-position: 0 -17px;}
.item-list li.pager-previous a {background-position: -25px -17px;}
.item-list li.pager-next a {background-position: -50px -17px;}
.item-list li.pager-last a {background-position: -75px -17px;}

/**
 통합검색
**/
.view-content-search h3.tit-search-result {padding: 0 20px}
.view-content-search .search-tab-wrap {margin: 0 20px;}
.view-content-search .search-tab>li>a {font-size: 1.3rem}
.view-content-search .search-tab-result {padding: 5px;}
.view-content-search .btn-search-more {position: relative;display: block;padding-bottom: 10px;top :0;text-align: right;font-size: 1.3rem}
.view-content-search .search-tab-result a {font-size: 1.3rem }
/**
 modal
**/
.modal-window .modal-container {overflow-y: auto;width: 90% !important;min-width: 90%;height: 80% !important;top: 10% !important;left: 5% !important;margin: 0 !important;}
.modal-window .modal-container .modal-header {width: 100%;}
.modal-window .modal-container .modal-header h3 {padding-right: 40px;font-size: 1.8rem;}
.modal-window .modal-container .btn-modal-close {top: 12px;right: 15px;}
.modal-window .modal-container .modal-content {padding: 10px;}
.modal-window .filters-wrap .modal-filters-selected .btn-select {font-size: 1.3rem}
/* brm */
.brm-content, .brm-content label, .brm-cell-select select,  .brm-cell-select option {font-size: 1.3rem;}
.modal-window .filters-wrap .filters-content button {font-size: 1.3rem}

}

@media (min-width: 768px) and (max-width: 1023px) {
/**
 상단검색
**/
/* 업무추진비 */
.dl-table dd.dd-select select:nth-child(3n+1) {margin-left: 0}
}

@media (max-width: 767px) {

/**
  통합검색
**/
.search-tab-wrap {position: relative;background: #fff}
.view-content-search .search-tab {width: 50%;}
.view-content-search .search-tab .tablet-block {display: inline-block;}
.view-content-search .search-tab>li>a {border-left: 0;background: #f8eff3}
.view-content-search .search-tab>li>a.select {background: #fff;border-bottom: 1px dashed #b5b5b5;}
.view-content-search .search-tab>li:last-child>a {border-bottom: 0;border-bottom-left-radius: 5px;}
.view-content-search .search-tab-result {position: absolute;top: 0;left: 50%;width: 50%;border-top-left-radius: 0;background: #fff}
.view-content-search .search-tab-result a {display: block;margin-bottom: 10px;}
.view-content-search .search-tab-result a strong {font-weight: inherit;}
.view-content-search .search-tab-result a:before {display: none}

/**
 상단검색
**/
.dl-table dt {width: 15%;}
/* 업무추진비 */
.dl-table dd.dd-select select {width: 49.5%;margin: 0 0 5px 1%;}
.dl-table dd.dd-select select:nth-child(2n+1) {margin-left: 0}
/* 건설사업정보 */
.dl-table.col2 {display: block;width: 100%;overflow: hidden;background: #f8eff3}
.dl-table.col2 dt {display: block;float: left;clear: both;width: 20%;}
.dl-table.col2 dd {display: block;float: left;width: 80%;background: #fff}

/**
 table
**/
table th, table td {font-size: 1.3rem}
.table-wrap.table-scroll {overflow-x: auto;}
/*.table-wrap.table-scroll table {width: 1000px}*/
.table-wrap.table-scroll table {width: 790px} /* width:1000px */
table .hide-mobile-table {display: none !important;width: 0 !important;}
.table-response {border-collapse:inherit;background: #f8eff3;}
.table-response colgroup {display:none}
.table-response tr {clear:both;overflow:hidden}
.table-response th, .table-response td {position:relative;overflow:hidden;float:left;display:inline-block;border: 1px dashed #b5b5b5;border-left: 0;border-right: 0;border-bottom: 0;text-align:left}
.table-response th {width:33%;padding:7px 0 0 10px;line-height:1.1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align: left;}
.table-response td {width:67%;min-height:40px;padding:5px 10px 8px 10px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.table-response tr th, .table-response tr td {padding: 0 10px;min-height: 55px;display: flex;flex-direction: column;align-items:  stretch;justify-content: center;}
.table-response tr td {flex-direction: row;align-items: center;justify-content: flex-start; flex-wrap: wrap;} /* 2021-12-16 */
.table-response tr td a.btn {display: block;width :100%;margin: 5px 0;text-align: center;}
/* .table-response tbody {display: block;}
.table-response tr {display: flex;flex-wrap: wrap;align-items: center;}
.table-response tr th {width: 30%;flex-shrink: 1;}
.table-response tr td {width: 70%} */

.table-response .response-wid100 {width:100%}
.table-response tr:first-child th, .table-response tr:first-child td {border-top:0px solid #bbb !important}
.table-response tr th.tline, .table-response tr td.tline {border-top: 1px dashed #b5b5b5 !important}
.table-response td.tooltips {overflow: visible;}
table .hide-mobile {display: none}
table.views-table-committee {table-layout: auto}
table.views-table-committee2 {table-layout: fixed}
/* table.views-table-committee th, table.views-table-committee td {width: 100%;display: table-cell;} */

/* 리스트 테이블 모바일 */
/* mobile header cell 하나일때 */
table.views-table.views-table-type2 thead tr th.cell1,
table.views-table.views-table-committee thead tr th.cell1 {width: 100% !important;border: 1px solid #b5b5b5;border-radius: 5px}
table.views-table.views-table-type2 tbody tr td.cell1 {width: 100% !important;}

table.views-table.views-table-committee2 tbody tr:first-child td {border-top: 1px dashed #b5b5b5}
table.views-table.views-table-committee2 .col-wid55 {width: 100%;}

/* mobile header cell 두개일때 */
table.views-table.views-table-type2 thead tr th.cell2-1 {border-left: 1px solid #b5b5b5;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
table.views-table.views-table-type2 head tr th.cell2-2 {border-right: 1px solid #b5b5b5;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
/* mobile header  cell 세개일때 */
table.views-table.views-table-type2 thead tr th.cell3-1,
table.views-table.views-table-committee thead tr th.cell3-1 {border-left: 1px solid #b5b5b5;border-top-left-radius: 5px;border-bottom-left-radius: 5px;width: 20% !important}
table.views-table.views-table-type2 thead tr th.cell3-3,
table.views-table.views-table-committee thead tr th.cell3-3 {border-right: 1px solid #b5b5b5;border-top-right-radius: 5px;border-bottom-right-radius: 5px;width: 20% !important}
/* mobile header  cell 네개일때 */
table.views-table.views-table-type2 thead tr th.cell4-1 {border-left: 1px solid #b5b5b5;border-top-left-radius: 5px;border-bottom-left-radius: 5px;width: 20% !important}
table.views-table.views-table-type2 thead tr th.cell4-3 {width: 20% !important;}
table.views-table.views-table-type2 thead tr th.cell4-4 {border-right: 1px solid #b5b5b5;border-top-right-radius: 5px;border-bottom-right-radius: 5px; width: 20% !important}

/* 리스트 테이블 모바일 */
table.views-table.views-table-type1 {width: 100%;border: 0;border-collapse: separate;}
table.views-table.views-table-type1 col {display: block;width: 100% !important;}
table.views-table.views-table-type1 thead {display: none}
table.views-table.views-table-type1 tbody tr {display: block;position: relative;overflow: hidden;width: 100%;margin-bottom: 20px;padding: 2px 10px;border: 1px solid #b5b5b5;border-radius: 5px;}
table.views-table.views-table-type1 tbody tr td {display: block;width: 100%;padding: 5px;border-top: 0;}
table.views-table.views-table-type1 tbody tr td.hide-mobile-table {display: none;padding: 0;}
table.views-table.views-table-type1 tbody tr td.data-title {width: 100%;border-bottom: 1px dashed #b5b5b5;padding-left: 0;}
table.views-table.views-table-type1 tbody tr td.data-title a {display: block;width: 100%;padding-bottom: 5px;color: #000;font-size: 1.4rem;font-weight: 700;}
table.views-table.views-table-type1 tbody tr td.data-dept {float: left;width: calc(100% - 160px) !important;padding-left: 0; text-align: left;}
table.views-table.views-table-type1 tbody tr td.data-date {float: left;width: auto !important;padding: 5px 0;}
table.views-table.views-table-type1 tbody tr td.data-hit {position: relative;float: right;width: auto !important;padding: 5px 0 5px 55px;}
table.views-table.views-table-type1 tbody tr td.data-hit:before {content: '조회수 :';position: absolute;width: 50px;left: 0;}
/* 정보공개청구목록 */
table.views-table.views-table-anspruch tbody tr td.data-date {padding-left: 10px;}
/* 결재문서 목록 */
table.views-table.views-table-info tbody tr {padding-bottom: 40px;}
table.views-table.views-table-info tbody tr td.data-title {text-align:left;font-weight: 700;font-size: 1.5rem}
table.views-table.views-table-info tbody tr td.data-createdate {position: absolute;bottom: 10px;right: 10px;width: 50%;text-align: right}
table.views-table.views-table-info tbody tr td.data-docunumber {position: absolute;bottom: 10px;left: 10px;width: 50%;text-align: left}
/* 2021-11-26 사업별 지출 정보 목록 */
table.views-table.views-table-budget tbody tr td.data-title {padding-right: 60px;}
table.views-table.views-table-budget tbody tr td.data-title a {padding-bottom: 0}
table.views-table.views-table-budget tbody tr td.data-year {width: 70px;position: absolute;top: 3px;right: 0;}
table.views-table.views-table-budget tbody tr td.data-hit:before {content: '집행율 : ';margin-right: 10px;}

/* mobile table */
table.table-mobile thead{display:none;}
table.table-mobile th, table.table-mobile td{box-sizing:border-box;font-size: 1.3rem}
table.table-mobile, table.table-mobile tbody tr, table.table-mobile tbody th, table.table-mobile tbody td {display:block;}
table.table-mobile tbody{display:block;}
table.table-mobile tbody tr{position:relative;}
table.table-mobile tbody td{margin-left:68px;display:block;border-left:1px solid #b5b5b5;}
table.table-mobile tbody tr:first-child td {border-top: 1px dotted #b5b5b5;}
table.table-mobile tbody tr:first-child td:first-child {border-top: 0}
table.table-mobile tbody th[scope="row"] {position:absolute;left:0;top:0;bottom:0;width:70px;background:#f4f6f7;z-index:2;}
table.table-mobile tbody th[scope="rowgroup"] {display:block;background:#f4f6f7;border-right:0;}
table.table-mobile tbody th[scope="row"] + th[scope="rowgroup"] {margin-left:70px;}
table.table-mobile tbody th+th[scope="row"]{top:34px;background:#f4f6f7;}
table.table-mobile tbody td:before {content:attr(data-tit) " : ";font-weight:bold;display:inline-block;margin-right:10px;}
table.table-mobile tbody td.aCenter {text-align: left !important}

/**
 tab
**/
.common-tabs {margin: 15px 0;}
.common-tabs>ul>li>a {padding: 5px 10px;}

.list-tabs-tab5>ul>li {width: 32%;}
.list-tabs-tab5>ul>li>a {margin-bottom: 10px;font-size: 1.3rem}

/**
 content
**/
.notice-content {margin: 15px 0;padding: 10px;}
}

@media (max-width: 540px) {
/**
 상단검색
**/
/* 서울시의회 자료 */
.dl-table dt {width: 20%;}
.dl-table dd {width: 80%;}
.dl-table .dd-open.dd-open-btns5 button.btn {width: calc(50% - 4px);margin: 3px 0;padding: 6px 0;font-size: 1.3rem}
/* 건설사업정보 */
.dl-table.col2 dt {width: 30%;}
.dl-table.col2 dd {width: 70%;}

/* label group */
.label-group3 label,
.label-group4 label {width: 48%;margin-right: 2% !important;}
.label-group3 label:nth-child(2n+1),
.label-group4 label:nth-child(2n+1) {margin-right: 0 !important;}
}

@media (max-width: 460px) {
/**
 상단검색
**/
.dl-table dt {width: 22%;}
.dl-table .dd-open button.btn,
.dl-table .dd-open.dd-open-auto button.btn {width: calc(50% - 4px);margin: 3px 0;padding: 6px 0;font-size: 1.3rem}
.btn-groups-search .btn {min-width: 80px;}
.dl-table .dd-date .date-box input {width: 80%;margin-bottom: 5px;}

/**
 결재문서 LIST
**/
/*
.group-notice-list .al-left {float: none;width: 100%;height: auto;line-height: auto;}
.group-notice-list .al-right {float: none;margin-top: 10px;text-align: right}
*/
.group-notice-list {padding: 10px 0 15px}
.group-notice-list .al-left, .group-notice-list .al-right {margin: 5px 0}

/**
 tabs
**/
.list-tabs>ul>li {width: 49%;margin-right: 0;margin-left: 2%}
.list-tabs>ul>li:nth-child(2n+1) {margin-left: 0;}
.common-tabs-tab4>ul>li {margin-right: 5px}
.common-tabs-tab4>ul>li>a {padding: 5px;}
}
@media (max-width: 400px) {
/**
 상단검색
**/
.dl-table dt {width: 24%;padding-left: 5px;}
/**
 tabs
**/
.list-tabs>ul>li>a {padding: 6px 10px}
}
@media (max-width: 460px) {
/**
 tabs
**/
.list-tabs>ul>li {width: 49%;margin-right: 0;margin-left: 2%}
.list-tabs>ul>li:nth-child(2n+1) {margin-left: 0;}
.common-tabs>ul>li {margin-right: 5px}
.common-tabs>ul>li>a {padding: 5px;}
}
@media (max-width: 380px) {
 /**
 tabs
**/
.common-tabs-tab4>ul>li {width: calc(25% - 3px);margin-right: 3px;}
.common-tabs-tab4>ul>li>a {padding: 5px;text-align: center;}
.common-tabs-tab4>ul>li>a>span>em {display: block;}

/**
 상단 검색
**/
.dl-table dd select {width: calc(45% - 5px);padding-left: 2px;}
.dl-table dd select + input[type="text"], .dl-table dd.dd-keyword select + input[type="text"] {width: 55%}
}

@media (max-width: 340px) {
/**
 상단검색
**/
.dl-table dt {width: 26%;}
/**
 결재문서 LIST
**/
/* 공통 */
 .btn-sort, .listing {margin: 0}

}

@media (min-width: 768px) {
.view-content-search .search-tab {position: relative;display: table;width: 100%;}
.view-content-search .search-tab>li {display: table-cell;width: 16.6666%;}
/* 2022-11-111 추가 */
.flex-between {display: flex;justify-content: space-between;align-items: center;width: 100%}
.flex-between .btn-classification {flex-shrink: 0;margin-left: 8px}
}

@media (min-width: 1024px) {

/**
 상단 검색
**/
.dl-table .dd-outKeyword input[type="text"] {width: 80.4%; margin-left: .6%}
.dl-table dd.dd-keyword select + input[type="text"] {}
.top-search-filter-result .inner {padding: 10px 0;}
.top-search-filter-result {display: block;}
.top-search-filter-result .inner {display: table;width: 100%;padding: 10px 0 10px 0px;table-layout: fixed;}
.top-search-filter-result .inner h3 {display: table-cell;width: 80px;letter-spacing: -0.05em;font-size:0.9375em;font-weight: 700;}
.top-search-filter-result .inner h3 em {font-weight: 400;}
.top-search-filter-result .inner dl {display: table-cell;}
.top-search-filter-result .inner dt,
.top-search-filter-result .inner dd {display: inline-block;font-size: 0.8125em;}
.top-search-filter-result .inner dt {position: relative;padding-left: 15px;}
.top-search-filter-result .inner dt:before {content: '';position: absolute;top: 3px;left: 0;width: 1px;height: 16px;background: #b5b5b5;}
.top-search-filter-result .inner dt:first-child {padding-left: 0;}
.top-search-filter-result .inner dt:first-child:before {display: none;}
.top-search-filter-result .inner dd {padding-right: 15px;font-weight: 700;}

/**
 결재문서 LIST
**/
.view-content-search .table-list-wrap ul li {padding: 5px 0 8px;}
.table-list-wrap ul li {display: table;width: 100%;padding: 15px 0;border-bottom: 1px dashed #b5b5b5; }
.table-list-wrap ul li .title-area {display: table-cell;width: 68%;padding-right: 10px;vertical-align: middle;}
.table-list-wrap ul li .title-info {position: relative;display: table-cell;width: 68%;padding-left: 10px;color: #666;font-size: 0.8125em;vertical-align: middle;}
.table-list-wrap ul li .title-info:before {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #d9d9d9;}

/**
 검색필터
**/
.article-filter {display: block !important}

/**
 tabs
**/
.list-tabs>ul>li {width: 155px;}
.list-tabs-tab4>ul, .list-tabs-tab5>ul, .list-tabs-tab6>ul {justify-content: space-between;}
.list-tabs-tab4>ul>li {width: 24%;}
.list-tabs-tab5>ul>li {width: 19%;}
}