@charset "utf-8";

/***
    위원회 회의정보
***/
/* 위원회 회의정보 list 상단*/
.group-notice-list .al-left h3, .group-notice-list .al-left h4 {display: inline-block;font-size: 1.24em;font-weight: 700;}
.group-notice-list .al-left .btn-light {margin: 0 10px;}
/* 위원회 회의정보 테이블 */
table.views-table tbody tr.even td {padding: 0;border-top: 0;}
table.views-table tbody tr.even.open td {border-top: 1px dotted #b5b5b5;}
table.views-table tbody tr td  a.open-committee {display: block;color: #000;font-size: 1.076em;font-weight: 700;}
table.views-table tbody tr td .open-committee-content {display: none}
table.views-table tbody tr.open td .open-committee-content {display: table;width: 100%}
table.views-table tbody tr.open a.open-committee {color: #c72868;}
table.views-table tbody span.btn {padding-top: 0;padding-bottom: 0;height: 22px;line-height: 22px;}
.open-committee-content ul li {margin: 5px 0;font-size: 1em}
.open-committee-content ul li p {padding-left: 34px;text-indent: -34px;}
.open-committee-content {position: relative;overflow: hidden;display: table;width: 100%;table-layout: fixed;}
.open-committee-content dl {display: table-cell;width: 70%;vertical-align: middle;padding-bottom: 10px;}
.open-committee-content dt {display: block;margin: 15px 0 10px;color: #783c54;font-weight: 700;font-size: 1.0769em}
.open-committee-content .btns {display: table-cell;width: 30%;text-align: center;vertical-align: middle;}
.open-committee-content .list-type-file {font-size: 1em}
.open-committee-content .list-type-file a,
.open-committee-content table.views-table .aLeft a {font-weight: 400 !important;font-size: 1em;}
.open-committee-content .list-type-file a {margin: 4px 0; display: inline-block;} /*{margin: 8px 0} 2021.11.27 수정 */
.open-committee-content .list-type-file .file a {display: inline;padding-left: 0;text-indent: 0;} /* 2021-12-16 */


/* 위원회 회의정보 카테고리 */
.committee-category-list {overflow: hidden;margin-top: 15px;}
.committee-category-list li {display: table;float: left;width: 19.2%;min-height: 56px;margin-left: 1%;margin-bottom: 10px;}
.committee-category-list li a {display: table-cell;width: 100%;height: 100%;background: #f9f9f9;padding: 5px 10px;border-radius: 15px;border: 1px solid #f9f9f9;color: #000;font-size: 0.9375em;text-align: center;vertical-align: middle;}
.committee-category-list li a:hover {background: #f8eff3;border: 1px solid #b5b5b5;color: #783c54;font-weight: 700;}
@media (max-width: 1023px) {
	.committee-category-list li a {font-size: 1.3rem}
}
@media (max-width: 900px) {
	.committee-category-list li {float: left;width: 48%;margin-left: 4%}
	.committee-category-list li:nth-child(2n+1) {clear: both;margin-left: 0;}
}
@media (max-width: 460px) {
	/* 위원회 회의정보 리스트 */
	.group-notice-list .al-left h3, .group-notice-list .al-left h4 {display: block;}
	.group-notice-list .al-left .btn-light {margin-left: 0;}
	table.views-table tbody tr.open td .open-committee-content {display: block;}
	table.views-table tbody tr.open td .open-committee-content dl,
	table.views-table tbody tr.open td .open-committee-content .btns {display: block;width: 100%;margin: 10px 0;}

}
@media (min-width: 901px) {
	.committee-category-list>li:nth-child(5n+1) {clear: both;margin-left: 0;}
}


/***
  카드뉴스
***/

.list-card-wrap {overflow: hidden}
.list-card-wrap .list-card {float: left;overflow: hidden;margin-bottom: 20px;}
.list-card-wrap .list-card a {position: relative;display: block;width: 100%;height: 100%;color: #000;transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);}
.list-card-wrap .list-card a:before {content: '';position: absolute;top: 0;left: 0;width: calc(100% - 4px);height: calc(100% - 4px);border: 2px solid #c72868;background: transparent;border-radius: 3px;opacity: 0;transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);z-index: 2;}

.list-card-wrap .list-card a .img-wrap .tag {position: absolute;bottom: 0;width: 50%;padding: 2px 10px;z-index: 1;background: rgba(0,0,0,.5);color: #fff;font-size: 0.8125em;}
.list-card-wrap .list-card a .img-wrap .tag-left {left: 0;}
.list-card-wrap .list-card a .img-wrap .tag-right {right: 0;text-align: right}
.list-card-wrap .list-card a .img-wrap .tag-hit {width: 30%;padding-left: 30px;}
.list-card-wrap .list-card a .img-wrap .tag-hit + .tag-right {width: 70%}
.list-card-wrap .list-card a .img-wrap .tag-hit:before {content: '';position: absolute;top: 8px;left: 10px;width: 16px;height: 9px;background: url(../images/common/ico-sub.png) no-repeat -185px 0;}
.list-card-wrap .list-card a .img-wrap .tag-title {width: 70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-card-wrap .list-card a .img-wrap .tag-title + .tag-count {width: 30%;}
.list-card-wrap .list-card a .img-wrap .tag-count .count {position: relative;display: inline-block;padding-left: 20px;}
.list-card-wrap .list-card a .img-wrap .tag-count .count:before {content: '';position: absolute;top: 3px;left: 0;width: 17px;height: 14px;background: url(../images/common/ico-sub.png) no-repeat -205px 0;}
.list-card-wrap .list-card a .info-wrap {padding: 15px 0;text-align: center}
.list-card-wrap .list-card a .info-wrap h4 {word-break: keep-all;}
.list-card-wrap .list-card a .info-wrap h4,
.list-card-wrap .list-card a .info-wrap span.date {padding: 0 10px;font-size: 0.875em}
.list-card-wrap .list-card a .info-wrap span.date  {display: block;margin-top: 10px;}

.list-card-wrap .list-card a .img-wrap {position: relative;width: 100%;height: 220px;overflow: hidden;border: 1px solid #b5b5b5;border-radius: 3px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

/* 기본 가로 */
.list-card-wrap .list-card a .img-wrap img {position: absolute;top: 50%;left: 50%;max-width: none;transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);transform: translate(-50%, -50%)}
#content .list-card-wrap .list-card a .img-wrap img {min-width: 100%;height: 100% !important}
#content .list-card-wrap .list-card.portrait a .img-wrap img {width: 100% !important;height: auto !important}
/* 기본 세로 */
#content .list-card-wrap.long-portrait .list-card a .img-wrap {padding-top: 130%;height: auto}
#content .list-card-wrap.long-portrait .list-card a .img-wrap img {width: 100% !important;height: auto !important}
#content .list-card-wrap.long-portrait .list-card.landscape a .img-wrap img {width: auto !important;height: 100% !important;}

/* 사진 아카이브 */
.list-card-wrap.list-card-archives a {background: #f8f8f8;border: 1px solid #cbcbcb;border-radius: 3px;}
.list-card-wrap.list-card-archives a .img-wrap {border: 0}
.list-card-wrap .list-card a .info-wrap h4 {overflow: hidden;word-break: break-all;height: 42px;text-align: left;line-height: 1.6}

/* 오버시 */
.pc .list-card-wrap .list-card a:hover:before {opacity: 1}
.pc .list-card-wrap .list-card a:hover h4 {font-weight: 700}
.pc .list-card-wrap .list-card a:hover .img-wrap,
.pc .list-card-wrap.list-card-archives .list-card a:hover .img-wrap {border: 0;}
.pc .list-card-wrap .list-card a:hover .img-wrap img {transform: translate(-50%, -50%) scale(1.2)}

/* 이슈모아보기 뷰 */
.spot-header-img {position: relative;border-radius: 3px;}
.spot-header-img .hot {position: absolute;top: 0;left: 0;padding: 5px 10px;background: #c72868;color: #fff;font-size: 0.875em;font-weight: 700}
.spot-header h3 {margin: 30px 0;font-size: 1.375em;font-weight: 700;text-align: center;}

@media (max-width: 1023px) {
	#content .list-card-wrap .list-card a .img-wrap {height: auto;padding-bottom: 71.5%;}
	#content .list-card-wrap.long-portrait .list-card a .img-wrap {padding-top: 0;padding-bottom: 121.5%}
	.list-card-wrap .list-card a .img-wrap .tag {font-size: 1.2rem}
	.list-card-wrap .list-card a .info-wrap h4  {padding: 0 10px;font-size: 1.3rem}
	/* 이슈모아보기 뷰 */
	.spot-header-img .hot {font-size: 1.3rem;}
	.spot-header h3 {font-size: 1.6rem;}
}
@media (max-width: 767px) {
	#content .list-card-wrap .list-card {width: 48%;margin-left: 4%}
	#content .list-card-wrap .list-card:nth-child(2n+1) {clear: both;margin-left: 0}
}
@media (max-width: 339px) {
	#content .list-card-wrap .list-card {float: none;width: 100%;margin-left: 0}
}
@media (min-width: 768px) {
	#content .list-card-wrap .list-card {width: 28%;margin-left: 8%;}
	#content .list-card-wrap .list-card:nth-child(3n+1) {clear: both;margin-left: 0;}
}

/***
  일정공개
***/
.notice-content-schedule {padding: 30px 20px;background: #f9f9f9 url(../images/sub/bg_schedule.png) no-repeat 100% 100%}
.notice-content-schedule p {margin: 3px 0;}
.schedule-info {position: relative;}
.today-wrap {position: relative;overflow: hidden;padding: 10px 0 20px;text-align: center}
.today-wrap * {display: inline-block;vertical-align: middle;}
.today-wrap h3 {font-size: 1.5em;font-weight: 700;}
.today-wrap>button {width: 30px;height: 30px;margin: 0 15px;border: 0;background: transparent url(../images/common/ico-sub.png) no-repeat -240px -20px;text-indent: -9999em;}
.today-wrap>button.today-next {background-position: -270px -20px}
.today-wrap .today .btn-calendar {margin-left: 10px;border: 0;background: #fff;}
.schedule-info a.btn-organ {position: absolute;top: 50%;right: 0;transform: translateY(-50%)}

.table-schedule tbody tr th {background: #f9f9f9}
.table-schedule th,
.table-schedule td {font-size: 0.875em;}
.table-schedule thead + tbody tr:first-child th,
.table-schedule thead + tbody tr:first-child td {border-top: 0 !important;;}
.table-schedule tbody tr th, .table-schedule tbody tr td {border-top: 1px dashed #b5b5b5 !important}
.table-schedule tbody tr td.aCenter {background: #f9f9f9;border-left: 1px dashed #b5b5b5}

@media (max-width: 1023px) {
	.today-wrap h3 {font-size: 1.8rem;}
	.notice-content-schedule {padding: 15px 10px;background-size: 50% auto}
	table.table-schedule tbody td:first-child {border-left: 1px dashed #b5b5b5;}
	table.table-schedule th, table.table-schedule td {font-size: 1.3rem}
	table.table-schedule td span.time {position: relative;padding-right: 10px;}
	table.table-schedule td span.time:after {content: '';position: absolute;top: -9px;right: 1px;width: 1px;height: 33px;border-left: 1px dashed #b5b5b5 !important}
}
@media (max-width: 767px) {
		.today-wrap a.btn-organ {position: relative;float: right;}
}
@media (max-width: 600px) {
	.notice-content-schedule {padding-right: 30px;background-size: 40% auto}
	.schedule-info {padding-bottom: 36px}
	.schedule-info a.btn-organ {top: auto;bottom: 0;}
}
@media (max-width: 600px) {
	.today-wrap h3 {font-size: 1.6rem}
	.today-wrap>button {margin: 0}
}

/***
  오늘의 광장
***/
.today-cont {margin: 0px 0 50px;}
.today-cont h3 span {font-size: 0.7em;font-weight: 400}
.keyword-wrap {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.today-cont-popular h4 {padding: 10px;background: #f8eff3;font-size: 0.8125em;}
.today-cont-popular .main-list li a {border-bottom: 0;border-top: 1px solid #d6d6d6}
.today-cont-popular .main-list li:last-child a {border-bottom: 0}
.group-notice-timelaps {padding: 12px; background: #f9f9f9;border-top: 1px solid #d6d6d6;}
.group-notice-timelaps span {font-size: 0.8125em;}
/* 기간별 인기분야 , 연령별 인기 정보 2023.07.06 */
.today-cont-period .period-area {padding: 8px;border-top: 1px solid gray;border-bottom: 1px solid lightgray;background: #f9f9f9;}
.today-cont-period .period-desc {font-size: 12px;padding-left: 4px;}
.today-cont-age .period-area {padding: 8px;border-top: 1px solid gray;border-bottom: 1px solid lightgray;background: #f9f9f9;}
.today-cont-age .period-desc {font-size: 12px;padding-left: 4px;}


/* 최근 한달간 다빈도 콘텐츠 */
.section-today-timelaps1 h3,
.section-today-timelaps2 h3 {text-align: center}
.section-today-timelaps2 ol.main-list li.on a {background: #fff;border-bottom: 0;font-weight: 700}
.section-today-timelaps2 ol.main-list li.on:before {background: #c72868;color: #fff;}
.section-today-timelaps2 ol.main-list li ol.timelaps-list {display: none}
.section-today-timelaps2 ol.main-list li.on ol.timelaps-list {display: block;border-top: 1px dashed #b5b5b5;background: #f8eff3;}
.section-today-timelaps2 ol.main-list li ol.timelaps-list li a {background: #f8eff3;border-bottom: 1px dashed #b5b5b5;font-weight: 400}
.section-today-timelaps2 ol.main-list li ol.timelaps-list li:before {display: none;}
@media (max-width: 1023px) {
	.today-cont-popular h4 {font-size: 1.4rem}
	.group-notice-timelaps span {color: #333;font-size: 1.3rem}
	.section-cont ol.main-list li:before {font-size: 1.3rem}
}
@media (max-width: 767px) {
	.today-cont h3 span {display: block;margin-top: 5px;font-size: 1.3rem;}
	.today-cont .keyword-wrap .today-cont-keyword{height: 180px;}
}
@media (min-width: 767px) {
	.keyword-wrap {display: table;width: 100%;table-layout: fixed;}
	.keyword-wrap .section-cont {float: none;display: table-cell;width: 50%;}
	.today-cont-keyword {vertical-align: middle;}
}
/**
통계로본 서울
**/
/* 서울의 통계 **/
.stat-list {overflow: hidden;margin-top: 20px;}
.stat-list li {position: relative;float: left;width: 50%;min-height: 130px;margin-bottom: 20px;padding: 30px 0 0 150px;}
.stat-list li h4 {font-size: 1em;}
.stat-list li p.txt {width: 100%;}
.stat-list li p.txt button {font-size: 1em;padding-right: 20px;border:0;color: #c72868;background: none;text-align: left;font-weight: 700;vertical-align: middle;}
.stat-list li p.txt button span {font-size: inherit;color: #000;}
.stat-list li p.img {position: absolute; top:0; left: 0;width: 125px;height: 125px;border: 1px solid #dedede;line-height: 125px;text-align: center;}
.stat-list li p.img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
@media (max-width: 1023px) {
	.stat-list li h4,
	.stat-list li p.txt button {font-size: 1.4rem;}
}
@media (max-width: 767px) {
	.stat-list li {display: flex;flex-direction: column;justify-content: center;float: none;width: 100%;min-height: 100px;padding: 0 0 0 120px}
	.stat-list li p.img {width: 100px;height: 100px;line-height: 100px;}
}
/**
 사이트맵
**/
.sitemap  {overflow: hidden;margin-top: 20px;}
.sitemap a {display: block;padding: 10px 0;color: #000;}
.sitemap>ul>li {float: left;width: 30%;margin-left: 5%;margin-bottom: 30px;}
.sitemap>ul>li>a {width: 100%;background: #f8eff3;border-bottom: 2px solid #b5b5b5;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #000;font-size: 1em;font-weight: 700;text-align: center;}
.sitemap ul {margin-top: 0 !important;margin-bottom: 0 !important}
.sitemap>ul>li>ul>li>a {padding-left: 10px;font-size: 0.875em;font-weight: 700}
.sitemap>ul>li>ul>li {border-bottom: 1px solid #b5b5b5;}
.sitemap>ul>li>ul>li>ul>li>a {padding-left: 40px;border-top: 1px dashed #b5b5b5;font-size: 0.875em;}
.sitemap>ul>li>ul>li>ul>li>ul>li>a {position: relative;padding: 5px 0 5px 55px;background: #f8f8f8;border-top: 1px dashed #b5b5b5;color: #555;font-size: 0.875em;}
.sitemap>ul>li>ul>li>ul>li>ul>li>a:before {content: '';position: absolute;top: 15px;left: 45px;width: 5px;height: 1px;background: #555;}
@media (max-width: 1023px) {
	.sitemap a {font-size: 1.4rem !important}
	.sitemap>ul>li {width: 49%;margin-left: 2%;}
	.sitemap>ul>li:nth-child(2n+1) {clear: both;margin-left: 0;}
}
@media (max-width: 650px) {
	.sitemap>ul>li {width: 100%;margin-left: 0}
}
@media (min-width: 1024px) {
	.sitemap>ul>li:nth-child(3n+1) {clear: both;margin-left: 0;}

}

/***
  공개청구
***/
/* 정보공개 청구 안내 */
.notice-content .notice-cont-progress ul li {margin-bottom: 0;font-size: 1em}
.notice-content .notice-cont-progress ul li:first-child {margin-bottom: 20px}
.cont-process {padding: 20px 15px;border: 1px solid #e3e3e3;border-radius: 5px;}
.cont-process-gray {background: #f9f9f9}
.cont-process ul, .cont-process ol {margin-top: 15px;}
.cont-process ul li {margin: 10px 0;font-size: 0.875em;}
.cont-process ul li ol li {font-size: 0.928em}

/*.group-links {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:10px;padding: 0 50px;}*/
.group-links {display: flex;flex-wrap: wrap;justify-content: space-between;margin:0 auto;padding: 0 50px;}

.group-links a {flex-grow: 1;margin: 0 5px 0 0;text-align: center;background-color: #fff;}

/* 정보공개관련 규정 */
h3.title + .notice-content {margin-top: 10px}
/* 정보목록 > 접수문서 목록 */
.pop-filter-wrap {overflow: hidden;}
.pop-filter-wrap .pop-filter {float: left;width: 32%;min-width: 200px;min-height: 330px;margin-left: 2%;margin-bottom: 20px;border: 1px solid #b5b5b5;border-radius: 5px;}
.pop-filter-wrap .pop-filter button.btn {width: 100%;padding: 5px 0 5px 10px;background: #fff;border-bottom: 1px dashed #b5b5b5;text-align :left;border-radius: 0;}
.pop-filter-wrap .pop-filter button.btn:first-child {border-top-left-radius: 5px;border-top-right-radius: 5px;}
.pop-filter-wrap .pop-filter button.btn.pressed {border-bottom: 2px solid #c72868;color: #c72868;}
.pop-filter-wrap .pop-filter-step1 {margin-left: 0;}
.pop-filter-wrap .pop-filter.pop-filter-result {clear: both;float:none;width: 100%;min-height: 100px;margin: 40px 0 0;}
.pop-filter-wrap .pop-filter.pop-filter-result h4 {background: #f3f3f3;padding: 5px 0 5px 10px;font-size: 1.0625em;font-weight: 700;color: #000}
.pop-filter-wrap .pop-filter.pop-filter-result .modal-filters-selected {overflow-y: auto;height: 89px;}
.pop-filter-wrap .pop-filter.pop-filter-result p {font-size: 0.8125em;font-weight: 700;padding: 5px 0 5px 10px;border-bottom: 1px dashed #b5b5b5;}
.pop-filter-wrap .pop-filter.pop-filter-result p span {font-size: inherit;font-weight: inherit;}
.pop-filter-wrap .pop-filter.pop-filter-result button.btn-close {width: 18px;height: 18px;margin-left: 5px;background: #fff;border: 1px solid #000;border-radius: 50%;color: #000;font-weight: 700;text-align: center;}
@media (max-width: 1023px) {
	.cont-process ul li {font-size: 1.4rem}
	.cont-process ul li ol li {font-size: 1.3rem}
}
@media (max-width: 767px) {
	.group-links {padding: 0}
	.group-links a {margin-bottom: 3px;}
	.cont-process {padding: 10px 8px;}
}
@media (min-width: 1024px) {
	.cont-process ol.list-type-decimal {margin-left: 40px}
	.notice-content .notice-cont-progress ul li:first-child:before {top: 12px}
	.group-links {max-width: 900px}
	.group-links a {max-width: 190px;min-width: 190px;padding: 8px 0 7px}
	.group-links a:first-child {margin-left: 0}
	.group-links a:last-child {margin-right: 0;}
}

/* 건설사업 정보 */
.mediahub-link {display: table;width: 100%;overflow: hidden;margin: 10px 0;padding: 10px 0;background: #000;}
.mediahub-link>span {display: table-cell;	width: calc(100% - 140px);padding: 0 0 0 10px;color: #fff;vertical-align: middle;}
.mediahub-link>a {display: table-cell;width: 136px;height: 42px;background: url(../images/sub/bg_mediahub_link.png) left top no-repeat;vertical-align: middle;text-align: right;}
.mediahub-link.cis-link a {width: 136px;height: 42px;background: url(../images/sub/bg_cis_link.png) no-repeat 0 0;}
.seoullove-link a{width: 90px;height: 25px;background: url(../images/sub/bg_seoullove_link.png) 0 0 no-repeat;}
.mfseoul-link a{width: 112px;height: 25px;background: url(../images/sub/bg_mfseoul_link.png) 0 0 no-repeat;}
.cis-link a {background: url(../.images/sub/bg_cis_link.png) left top no-repeat;}
.seoullove-link a:focus {outline: 0;border: 1px dotted #fff;}

/***
  통계정보
***/
/* 사업별 지출 정보 */
.budget-graph {clear: both;}
.budget-graph #openRatioWrap {position: relative;float: left;width: 30%;}
.budget-graph #openRatioWrap #openRatioChart {width: 100% !important}
.label-chart {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;font-size: 0.8125em;}
.label-chart dt {font-weight: 700;}
.budget-graph #openRatioTable {float: left;width: 65%;margin-left: 5%;}
/* 재정정보 */
.seoul-budget {display: flex;flex-direction: column;}
.seoul-budget dl {display: flex;align-items: stretch;margin-bottom: 10px;}
.seoul-budget dl dt {display: flex;width: 150px;font-size: 0.9125em;align-items: center;}
.seoul-budget .select-group {display: inline-block;margin-left: 10px;}
.chart-box-wrap {overflow: hidden}
.chart-box-wrap .chart-box {float: left;width: 49%}
.chart-box-wrap .chart-box + .chart-box {margin-left: 2%}
.chart-box-wrap .chart-box canvas {width: 100% !important}
/*재정정보  채무현황 차트 위 오버레이 */
.cleanChartWrap {position: relative;margin-top: 35px;}
.chartTxt {position: absolute;top: 8px;right: 5px;z-index: 10;min-width: 260px;min-height: 30px;padding-left: 23px;}
.chartTxt dl {overflow: hidden;background: url(../images/sub/bg_deptChartNew.png) no-repeat 100% 0;font-size: 0.8125em;}
.chartTxt dl dt {clear: both;float: left;height: 40px;line-height: 40px;color: #fff;letter-spacing: -.03em;padding-left: 13px;}
.chartTxt dl dd {float: right;height: 40px;line-height: 40px;padding-right: 20px;color:#ffa80f}
.chartTxt dl dd.second {color: #fcf000}
.chartTxt dl dd.last {color: #24ed00}
@media (max-width: 1023px) {
	.table-scroll {width: 100%;overflow-x: auto;}
	.table-scroll .chartWrap {width: 1000px}
	.seoul-budget dl dt {font-size: 1.3rem;}
}
@media (max-width: 767px) {
	.chart-box-wrap .chart-box {float: none;width: 100%;margin-left: 0;}
	.seoul-budget .select-group {display: block;margin: 5px 0 0;}
	.table-wrap.table-scroll .table-budget {width: 100%}
}
@media (max-width: 520px) {
	.seoul-budget dl {flex-direction: column;}
	.seoul-budget dl dt {margin-bottom: 10px;}
	.seoul-budget dl dd .btn {padding: 8px 5px 9px}
	.budget-graph #openRatioWrap {float: none;width: 100%}
	.budget-graph #openRatioTable {float: none;width: 100%;margin: 20px 0 0;}
	.table-wrap.table-scroll .table-budget {width: 600px}
}
/* 조직운영지표 */
.search-organization {padding-bottom: 15px;border-bottom: 1px dashed #b5b5b5;text-align: center;}
.search-organization  * {vertical-align: middle;}
.search-organization label {margin-right: 10px;font-weight: 700;}
/* 정보공개현황 - 결재문서 공개율(서울시) */
.chart-wrap {overflow: hidden;}
.chart-wrap #openRatioWrap {position: relative;float: left;width: 28%;}
.chart-wrap #openRatioTable {float: right;width: 60%;}
#openRatioWrap .label {position: absolute;font-size: 12px;font-weight: normal; text-align:center;}
#openRatioWrap .label span{position: relative;display: block;}
#openRatioWrap .label span:after {content: "%";}
/*#openRatioWrap #s1open{right: 17%;bottom: 17%;}
#openRatioWrap #s2close{left: 17%;top: 17%;}*/
#openRatioWrap #s1open {right: 17%;bottom: 26%;}
#openRatioWrap #s2close {left: 27%;top: 12%;}
/*#openRatioWrap #openRatioChartTitle {font-size: 1.077em;font-weight: 600;left: 30%;top: 43%;margin:0;}*/
/*c*/
/*#openRatioWrap #openRatioChartTitle {font-size: 12px !important;font-weight: 600;left: 50%;top: 50%;margin-top:-5px;transform: translate(-50%, -50%)}*/


#openRatioWrap #openRatioChartTitle {font-size: 12px !important;font-weight: 600;left: 50%;top: 50%;/* margin-left: -40px; */ margin-top: -21px;transform: translateX(-50%);}

@media (max-width: 420px) {
	.chart-wrap #openRatioWrap  {width: 100%;margin: 0 auto;} /* 2021-11-26 */
	/* 2021-11-26 추가 */
	#openRatioWrap #s1open{right: 13%;bottom: 26%;}
  #openRatioWrap #s2close{left: 23%;top: 9%;}
	/*#openRatioWrap #openRatioChartTitle {width:46px;text-align: center}	*/
	#openRatioWrap #openRatioChartTitle {width:46px;text-align: center; margin-top: -30px;}
}

@media (max-width: 1023px) {
	.chart-wrap #openRatioTable {width: 70%;}
}
@media (max-width: 767px) {
	.chart-wrap #openRatioWrap,
	.chart-wrap #openRatioTable {float: none;width: 100%}
	.chart-wrap #openRatioWrap  {width: 50%;margin: 0 auto;}
}
/* 내 손안에 서울 */
.news_detail_cont .img {margin: 15px 0;text-align: center;}
.news_detail_cont img {margin: 0 auto;max-width: 100%;}
.news_detail_cont table thead th,
.news_detail_cont table tbody td {border-right: 1px dashed #b5b5b5}
.news_detail_cont table thead th:last-child,
.news_detail_cont table tr td:last-child {border-right: 0}
/* 서울사랑 */
.content-love-v2 .img {margin: 15px 0;text-align: center;}
.content-love-v2 img {margin: 0 auto;max-width: 100%;}
/* 사진 아카이브 */
.archiving-list-wrap {position: relative;width: 100%;max-width: 800px;margin: 20px auto 40px;}
.archiving-list h4 {margin: 20px 0 10px;}
.archiving-list .slick-slide {position: relative;}
.archiving-list .slick-slide>a {display: block;color: #000;}
.archiving-list .slick-slide>a .title span.archiving-count {display: inline-block;padding: 0 8px;background: #f9f9f9;border: 1px solid #ddd;font-size: 0.8725em;border-radius: 5px;}
.archiving-list .slick-slide>a .title h4 {display: inline-block;font-size: 1em;padding-right: 100px;}
.archiving-list .slick-slide>a .text {padding-bottom: 10px;font-size: 0.8125em}
.archiving-list .slick-slide .archiving-tag {position: absolute;top: 550px ;right: 0;}
.archiving-list-wrap .slick-arrow {position: absolute;top: 45%;border: 0;width: 30px;height: 30px;background: url(../images/main/icon-main.png) no-repeat -20px -102px;background-size: 300px auto;transform: translateY(-50%);text-indent: -9999em;z-index: 50;}
.archiving-list-wrap .slick-prev {left: -30px;background-position: -50px -102px;}
.archiving-list-wrap .slick-next {right: -30px;}
@media (max-width: 890px) {
	.archiving-list-wrap .slick-prev {left: 0px;}
	.archiving-list-wrap .slick-next {right: 0px;}
	.archiving-list .slick-slide>a .title span.archiving-count,
	.archiving-list .slick-slide>a .text {font-size: 1.3rem;line-height: 1.3}
	.archiving-list .slick-slide>a .title span.archiving-count {margin-top: 20px}
	.archiving-list .slick-slide>a .title h4 {display: block;padding-right: 0;font-size: 1.4rem;}
	.archiving-list .slick-slide .archiving-tag {top: 63vw;}
}
/* 시정연구지원 */
#content .content-txt h4.title {font-size: 0.9375em;}
/* 서비스안내 */
.research-process {overflow: hidden;}
.research-process li {float: left;width: 24.25%;margin-left: 1%;min-height: 165px;padding: 0px;background: #f1f1f1;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.research-process li:first-child {margin-left: 0;}
.research-process li strong {display: block;width: 100%;min-height: 40px;line-height: 40px;margin-bottom: 10px;text-align: center;color: #fff;font-weight: 600;font-size: 0.9375em;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.research-process li.proc1 strong {background: #e9317b}
.research-process li.proc2 strong {background: #d92e73}
.research-process li.proc3 strong {background: #cc2c6c}
.research-process li.proc4 strong {background: #c72868}
.research-process li p {padding: 0 10px 10px;}
/* 이용약관 동의 */
.terms-agree-wrap {overflow: auto;width: 100%;height: 150px;margin: 0 0 15px;padding: 15px;border: 1px solid #c7c7c7}
.terms-agree-wrap h4 {margin: 10px 0;font-size: 0.9125em;font-weight: 700;}
.terms-agree-wrap p, .terms-agree-wrap li {margin: 1px 0;font-size: 0.8125em;}
.terms-agree-wrap p {margin: 3px 0;}
/* 연구지원 내용 상세 */
.table-apply-research .content-support {display:none;}
.research-img {margin-bottom: 5px;}
.research-img img {margin-right: 20px;vertical-align: middle}
.views-table-research td {text-align: center}
@media (max-width: 1023px) {
/* 신청결과 레이어 */
.modal-content-center {display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc(100% - 66px) !important}
}
@media (max-width: 980px) {
/* 시정연구지원 서비스 신청 */
table.table-apply .col-wid15 {width: 30%}
table.table-apply .col-wid85 {width: 70%}
}
@media (max-width: 767px) {
.research-process li {width: 49%;margin-left: 2%;margin-bottom: 10px;}
.research-process li.odd {clear: both;margin-left: 0;}

.terms-agree-wrap h4 {font-size: 1.6rem}
.terms-agree-wrap p, .terms-agree-wrap li {font-size: 1.3rem}
}
@media (max-width: 420px) {
.table-apply-research	.label-group4 label {width: 100%;margin: 0 0 5px !important;}
}
@media (max-width: 380px) {
.research-process li {min-height: 186px;}
}
/* 개인정보처리방침 */
.pop-window { z-index: 111;position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; }
.pop-window .pop-container { z-index: 100; display: inline-block; position: absolute; top: 0; left: 0; width: 100%;height: auto;min-height: 100%;background-color: #fff;border: 4px solid #c72868;border-top: 0 ;}
.pop-window .pop-container .btn-close { display: block;position: absolute; top: 20px; right: 20px; width: 40px;height: 40px;z-index: 9999 ;background: transparent;border: 0;}
.pop-window .btn-close .ico-menu:before {top: 8px;left: -2px;width: 30px;height: 3px;transform: rotate(135deg);background-color: #fff}
.pop-window .btn-close .ico-menu:after {width: 30px;height: 3px;bottom: 8px;left: -3px;transform: rotate(-135deg);background-color: #fff}
.pop-window .pop-container .pop-header {width: calc(100% + 2px);padding: 20px;background: #c72868;vertical-align: top;;}
.pop-window .pop-container .pop-header h1 {color: #fff;font-size: 1.5625em;}
.pop-window .pop-container .pop-content {padding: 10px;}
.pop-window .pop-container .pop-content h2 {margin: 10px 0;font-size: 1.25em;font-weight: 700;}
.pop-window .pop-container .pop-content h3 {margin: 15px 0 5px;font-size: 1.125em;font-weight: 700;}
#pop-result {background: rgba(0,0,0, .5)}
#pop-result .modal-container {top: 50% !important;left: 50% !important;min-width: 320px !important;max-width: 325px !important;height: 200px !important;margin: 0 !important;transform: translate(-50%, -50%);border-top: 4px solid #c72868}
#pop-result .modal-container {display: flex;flex-direction: column;align-items: stretch;justify-content: center;}
.modal-window .modal-container .modal-content {text-align: center;}
.ico-register {display: inline-block;width: 14px;height: 15px;margin-right: 5px;background: url('../images/common/ico_pencil.png') no-repeat 0 0;vertical-align: middle;}
/* 관련사이트 */
.relateSite {position: relative;display: flex;flex-wrap:wrap;overflow:hidden;margin-bottom:20px;border-top:1px solid #d8d8d8}
.relateSite:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #d8d8d8;}
.relateSite>li {display: flex;justify-content: space-between;align-items: center; overflow:hidden;width: 50%;padding:7px 0;border-bottom:1px solid #d8d8d8}
.relateSite>li:nth-child(2n+1) {clear: both;}
.relateSite li .rs-left {padding-left: 10px}
.relateSite li .rs-left h6 {display: inline-block;}
.relateSite li .rs-right {padding-right: 10px;}
@media (max-width: 767px) {
	.relateSite {flex-direction: column;}
	.relateSite>li {width: 100%;}
	.relateSite li .rs-left {padding-left: 0;}
	.relateSite li .rs-right {min-width: 70px;padding-right: 0;}
	.relateSite li .rs-left h6 {font-size: 1.3rem}
	#content .relateSite img {width: auto;height: 26px !important;}
	.line-all  .relateSite .btn {margin-left: 0;}
}
/* 저작권정책 */
ol.list-type-copyright>li {margin-bottom: 20px}
ol.list-type-copyright>li img {margin: 5px 0}

/* 404 error 페이지 */
.error-wrap {width: 100%;max-width: 520px;margin: 0 auto;padding: 90px 0;}
.error-wrap h3 {color: #000;font-size: 1.375em;font-weight: 700;text-align: center;}
.error-wrap .error-type {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 220px;height: 200px;margin: 40px auto;background: url(../images/sub/img_error.png) no-repeat 50% 18px;text-align: center;}
.error-wrap .error-type strong {display: block;margin: -10px 0 -10px;color: #c72868;font-size: 1.875em;}
.error-wrap .error-type span {color: #333;font-size: 1.625em;font-weight: 700;}
.error-wrap p {color: #000;font-size: 0.875em;text-align: center;}
.error-wrap .btn-groups {margin: 45px 0 10px 20px;}
@media (max-width: 1023px) {
	.error-wrap {padding: 70px 0;}
	.error-wrap .error-type {margin: 20px auto;}
	.error-wrap p {font-size: 1.3rem}
}
@media (max-width: 380px) {
	.error-wrap h3 span {display: block;}
}

/***
  부시장 이상 결재문서
***/
.notice-content-mayor {padding: 30px 20px 30px 340px;background: #f9f9f9 url(../images/sub/bg_mayor.png) no-repeat 20px 20%}
.notice-content-mayor p {margin: 3px 0;}
@media (max-width: 850px) {
	.notice-content-mayor {padding: 20px 30% 20px 20px;background-position: 110% 0%;background-size: 40% auto;}
}
@media (max-width: 420px) {
	.notice-content-mayor {background-position: 100% 120%;background-size: 30% auto;}
}

/***
  카드뉴스 뷰
***/
.card-slide-list {position: relative;margin: 20px auto 40px;}
.card-slide-list .rtecenter {display: inline-block;margin: 0 auto;}
.card-slide-list .slick-slide {position: relative;}
.card-slide-list .slick-slide>a {display: block;color: #000;}
.card-slide {position: relative;max-width: 600px;width: 100%;margin: 0 auto;}
.card-slide .slick-arrow {position: absolute;top: 45%;border: 0;width: 30px;height: 30px;background: url(../images/main/icon-main.png) no-repeat -20px -102px;background-size: 300px auto;transform: translateY(-50%);text-indent: -9999em;z-index: 50;}
.card-slide .slick-prev {left: -30px;background-position: -50px -102px;}
.card-slide .slick-next {right: -30px;}
@media (max-width: 890px) {
	.card-slide .slick-prev {left: 0px;}
	.card-slide .slick-next {right: 0px;}
}

/***
  사업별 지출 정보
***/
.table-list-budget ul li {display: flex;justify-content: space-between}
.table-list-budget ul li .title-area {display: block;width: auto}
.table-list-budget ul li .title-info {display: block;width: auto;padding-left: 20px;padding-right: 20px;}
@media (max-width: 1024px) {
	.table-list-budget ul li .title-info .dept {display: block}
}
@media (max-width: 420px) {
	.table-list-budget ul li {flex-direction: column;}
	.table-list-budget ul li .title-info {text-align: left !important;padding-left: 0;}
}


    /***
  재정정보
   ***/
    .group-notice .al-right a.link {font-size: 1em;line-height: 35px}
    @media (max-width: 1024px) {
       .group-notice .al-right a.link {font-size: 1.3rem}
     }