@charset "utf-8";

/** 공통 레이아웃 (리스트/article) & 메인 **/

/** z-index
header : 90
top-banner : 90
탑버튼 : 100

**/



html, body {height: 100%;}
body {line-height: 1.5}
.inner {width: 100%;max-width: 1000px;margin: 0 auto;}
.div-scroll {overflow: scroll; position: absolute; top: -99999px; width: 60px; height: 60px;}
.pc-view, .only-pc, .only-pc-inline, .mo-tablet-view {display: none !important}
.mo-view, .only-mobile {display: block !important}
.pc-tablet-view {display: inline-block;}
.tablet-block {display: inline-block;}
.mobile-inline {display: block}


/* 상단 레이어 있을 때 */
.top-notice {display: none;position: relative;top: 0;background: #fff;border-bottom: 1px solid #ccc;z-index: 90;}
.top-notice.close {position: absolute;top: -200px;visibility: hidden;}
.top-notice .inner {position: relative;padding-bottom: 20px;text-align: center;}
.top-notice .inner h3 {padding: 15px 0 10px;color: #000;font-size: 1.125em;font-weight: 700}
.top-notice .inner .btn-top-close {position: absolute;bottom: 10px;right: 0;}

/*********
 header
*********/
#header {position: relative;width: 100%;}
.header * {font-family: "SeoulNamsan";}
.header:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;background: #d6d6d6;}
.header .header-container {position: relative;width: 100%;max-width: 1000px;margin: 0 auto;}
.header .logo-area {float: left;width: 172px;padding: 0;}
.header .logo-area h1 {position: relative;}
/* .header .logo-area h1:after {display: none;content: '';position: absolute;bottom: -4px;left: 0;width: 100%;height: 6px;background: #c72868;z-index: 1;} */
.front .header .logo-area h1:after {display: block}
/* .header .logo-area h1 .logo-slogan {width: 109px;height: 15px;background: url(../images/common/img-slogan-1.png) no-repeat 50% 0;background-size: auto 100%;text-indent: -9999em;} */
.header .logo-area h1 .logo-slogan {width: 109px;height: 22px;background: url(../images/common/img-slogan.png) no-repeat 50% 0;background-size: auto 100%;text-indent: -9999em;} /* 다시뛰는서울 슬로건으로 다시 교체 2021.11.17 */
.front .header .logo-area h1 .logo-slogan {width: 137px;height: 27px;}

.header .logo-area a {display: inline-block}
.header .logo-area .logo-text {position: relative;display: block;padding: 0px 0 10px 0px;color: #000;font-size: 22px;font-family: 'SeoulNamsan';font-weight: 400;}
.header .logo-area .logo-text strong {font-family: inherit;font-weight: 700;}

/* navigation */
.btn-mobile-menu {}
/* btn-menu */
.btn-mobile-menu {position: absolute;top: 5px;left: 12px;width: 40px;height: 40px;padding: 0 3px;background: #fff;border: 0;color: #222;font-weight: 700;text-indent: -9999em;}
/* all icon */
.ico-menu {position: relative;display: block;width: 25px;height: 20px;margin: 0 auto;transition: all .3s ease-in-out;transform: rotate(0deg)}
.ico-menu:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background-color: #333;border-radius: 3px;transition: all .3s ease-in-out;transform: rotate(0deg)}
.ico-menu:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background-color: #333;border-radius: 3px;transition: all .3s ease-in-out;transform: rotate(0deg)}
.ico-menu .ico-menu-mid {position: absolute;top: 8px;left: 0;width: 100%;height: 4px;background-color: #333;border-radius: 3px;transition: all .3s ease-in-out;transform: rotate(0deg)}

.btn-mobile-menu.open {background: #fff}
.btn-mobile-menu.open .ico-menu:before {top: 8px;left: 1px;height: 3px;transform: rotate(135deg);background-color: #333}
.btn-mobile-menu.open .ico-menu .ico-menu-mid {opacity: 0;}
.btn-mobile-menu.open .ico-menu:after {height: 3px;bottom: 8px;left: 1px;transform: rotate(-135deg);background-color: #333}

#navigation {display: none;width: 100%;}
#header.open #navigation {display: block;width: 80%;}
.menu {overflow: hidden;}

.menu>li {position: relative;}
.menu>li>a {position: relative;display: block;width: 100%;height: 100%;color: #000;font-family: "SeoulNamsan"; font-size: 22px;font-weight: 700;letter-spacing: -0.2px;letter-spacing: -0.075em;text-align: center}
.menu>li>a.on {color: #c72868}


/*
GNB 높이 문제로 기존 padding:23 -> 26 변경;
*/

.menu>li>a>span {position: relative;display: block;padding: 26px 0 26px;}
.menu>li>a.on>span:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;background: #c72868;z-index: 1;}
.sub-menu {display: none;}
.sub-menu li {width: 100%;}
.sub-menu-wrap {display: none;}
.menu li a span em {position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px 1px 1px 1px)}

/* search */
.btn-search-open {position: absolute;top: 18px;right: -10px;width: 40px;height: 40px;border: 0;z-index: 108;padding: 0;border: 0;background: transparent}
.btn-search-open span {position: relative;display: block;width: 40px;height: 40px;text-indent: -9999em;}
.btn-search-open span:before {content:'';position: absolute;top: 0;left: 0;width: 40px;height: 40px;background: url(../images/common/ico-search.png) no-repeat 0 0;background-size: 40px auto;}
.btn-search-open.open span:before {background-position: 0 -40px;}



.cont-search {width: 100%;max-width: 580px;margin: 0 auto;padding: 10px;border: 2px solid #484848;border-radius: 5px;background: #fff;}
.sub-cont-search {display: none;position: absolute;top: 82px;right: 0px;border: 2px solid #d6d6d6;border-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;z-index: 105;}
.sub-cont-search.show {display: block;}
.search {display: inline-block;width: calc(100% - 268px);}
.search .txt-input {width: 100%;height: 45px;line-height: 45px;border: 0;font-size: 20px;padding: 0;-webkit-font-smoothing: antialiased;transform: rotate(-0.03deg)}
.search .txt-input::-webkit-input-placeholder { color:#707070;font-size: 17px;font-family: "Nanum Gothic";}
.search .txt-input::-moz-placeholder { color:#707070;font-size: 17px;font-family: "Nanum Gothic";opacity: 1;} /* firefox 19+ */
.search .txt-input:-ms-input-placeholder { color:#707070;font-size: 17px;font-family: "Nanum Gothic";} /* ie */
.search .txt-inputinput:-moz-placeholder { color:#707070;font-size: 17px;font-family: "Nanum Gothic";opacity: 1;}

.cont-search .btn {min-width: 123px;height: 45px;line-height: 45px;margin-left: 5px;padding: 0 10px;font-size: 1.0625em;letter-spacing: -0.075em;font-weight: 700;border-radius: 5px;font-family: "Nanum Gothic";}
.cont-search .btn-search {background: #c72868;border: 1px solid #c72868;color: #fff;}
.cont-search .btn-search-sanction {background: #bbbbbb;color: #000;}


/*********
 container
*********/

.breadcrumb-wrap {width: 100%;max-width: 1000px;margin: 0 auto;}
.breadcrumb-container {float: right;margin-top: 25px;}
.breadcrumb-container ul li {float: left;}
.breadcrumb-container ul li a {display: inline-block;margin:0 5px;color: #333;font-size: 0.8125em;text-decoration: underline;}
.breadcrumb-container ul li span {font-size: 10px;}
.breadcrumb-container ul li:last-child {font-weight: 700;}
.breadcrumb-container ul li:last-child span {display: none}

#content #page-title {color: #ffffff; width: 100%;max-width: 1000px;margin: 0 auto;padding: 20px 0 10px;font-size: 1.375em;font-weight: 700;} /* color: #ffffff; 2021.11.05 추가 */

/**
list
**/
.view-content {overflow: hidden;width: 100%;max-width: 1000px;margin: 0 auto 60px;}
.view-content .list-wrap {width: 100%;}
.view-content .search-filter {float: left;width: 260px;margin-right: 30px;}
.view-content > .search-filter + .list-wrap {float: right;width: 710px}
.view-content h3.title-article {padding: 10px 0;font-size: 1.5em;font-weight: 700;text-align :center;}
.view-content h3.title-article span.btn-light {vertical-align: top;margin-top: 2px;;}


/**
article
**/
.comm-view-article {}
.comm-view-article h4 {margin: 30px 0 10px;font-size: 1.25em;font-weight: 700;}
.comm-view-article .table-wrap {margin-bottom: 30px}
.comm-view-article h4 > .btn {vertical-align: middle;margin-left: 5px;}
/* 문서보기 */
html.mobile #pdfview,
html.mobile .docu-copy-pc {display: none}
html.mobile .docu-copy-mobile {display: block}
.docu-copy {margin-top: 20px;}
.docu-copy .txt-warning {font-size: 0.8125em;}
.docu-copy-mobile {display: none;}
.docu-copy-pc {display: block;}
/* 첨부된 문서 */
.list-attachment {padding: 10px;border-radius: 5px;border: 1px solid #b5b5b5}
.list-attachment li {overflow: hidden;padding: 5px;border-top: 1px dashed #b5b5b5;font-size: 0.8125em;}
.list-attachment li:first-child {border-top: 0;}
.list-attachment li .title-down {float: left;margin-top: 5px}
.list-attachment li .title-down span {color: #757575;}
.list-attachment li .btn-downset {float: right;}
.list-attachment li .btn-downset .btn {padding: 0 10px}
.list-attachment .btn-downset .btn {height: 30px;line-height: 30px;}
.list-attachment li .btn-downset .txt-notopen {position: relative;display: inline-block;margin-top: 5px;padding-left: 18px;color: #c72868;}
.list-attachment li .btn-downset .txt-notopen:before {content: '';position: absolute;top: -1px;left: -1px;width: 20px;height: 20px;background: url(../images/common/ico-sub.png) no-repeat -80px 0;}
.icon-img, .icon-new {display: inline-block;width: 15px;height: 15px;margin: 0 2px 0 0;background: url(../images/common/ico-sub.png) no-repeat -60px -10px;background-size: 300px auto;text-indent: -9999em;vertical-align: middle;}
.icon-new.icon-prev {height: 16px;background-position: -75px -11px}
.icon-new.icon-list {background-position: -90px -10px}
/* 카드뉴스 */
.content-card {margin: 20px 0;padding-bottom: 15px;border-bottom: 1px solid #b5b5b5;text-align: center;}
.content-card img {margin: 0 auto 10px;}
/* 문서 설명 */
.line-all {padding: 10px;border-radius: 5px;border: 1px solid #b5b5b5;line-height: 1.5;font-size: 0.8125em;}
.line-all * {font-size: 1em !important}
.line-all h4, .line-all h5, .line-all h6 {margin: 20px 0;font-size: 1.23em !important;}
.line-all .btn {margin-left: 10px;}
.line-all .btn.link-underline {position: relative;margin-left: 30px;}
.line-all .btn.link-underline:before {content: '→';position: absolute;top: 3px;left: -20px;font-size: 1.125em !important}
/* 문서 본문 */
.line-all-content {padding: 10px 20px}
.line-all-content p {margin-bottom: 5px;}
/* 문서본문 - 건설사업정보 */
.line-all-content table {overflow: hidden;margin-bottom: 20px;border: 1px solid #b5b5b5;border-radius: 5px;}
/* 첨부파일 */
.list-type-file {position: relative; padding-left: 10px;font-size: 0.8125em;}
.list-type-file:before {content: '';position: absolute;top: 9px;left: 3px;width: 2px;height: 2px;background: #000;}
.list-type-file .file a {display: block;margin: 5px 0;padding-left: 20px;text-indent: -20px;color: #000;}
.list-type-file .file a img {margin-right: 5px;}
.list-type-file a.link {color: #000;}
.list-type-file a.link .date {margin-right: 10px;}
.list-type-file a[data-down="no"] {color: #747474;}
/* 이전페이지 */
.comm-view-article-back {margin: 20px 0;}
.comm-view-article-back:after {content: '';position: absolute;clear: both;}
.comm-view-article-back * {vertical-align: middle;}
.comm-view-article-back .aLeft {float: left;}
.comm-view-article-back .aLeft>.btn {padding: 0 10px;height: 34px;line-height: 34px;}
.comm-view-article-back .aRight {float: right;text-align: right;}
.comm-view-article-back .aRight>.btn {padding: 0 10px;padding: 0 10px;height: 34px;line-height: 34px;}

/* 공유 아이콘 */
.sns-area {display: inline-block;}
.sns-area .btn-share {display: inline-block;width: 33px;height: 33px;background: url(../images/common/ico-sub.png) no-repeat 0 -50px;border: 0;text-indent: -9999em;}
.sns-area .btn-share-scrap {background-position: 0 -50px}
.sns-area .btn-share-print {background-position: -35px -50px}
.sns-area .btn-share-sns {background-position: -70px -50px}

.sns-list-wrap {position: absolute;top: 0;left: calc(100% + 10px);min-width: 406px;width: 100%;padding: 10px 10px;background: #f8f8f8;border: 1px solid #bbbbbb;z-index: 10;display: none;}
.sns-list-wrap ul {display: flex;flex-wrap: wrap;justify-content: space-between}
.sns-list-wrap ul li {margin: 0 4px;text-align: center;}
.sns-list-wrap ul li a, .sns-list-wrap ul li button {display: block;min-width: 45px;background: transparent;border: 0;font-size: 0.8125em;color: #000;letter-spacing: -0.075em;}
.sns-list-wrap ul li .ico-sns {position: relative;padding-top: 45px;}
.sns-list-wrap ul li button.ico-sns {padding-top: 47px}
.sns-list-wrap ul li .ico-sns:before {content:'';position: absolute;top: 0;left: 50%;width: 40px;height: 40px;background: url(../images/common/ico-sub.png) no-repeat 0 -85px;transform: translateX(-50%)}
.sns-list-wrap ul li .ico-sns-facebook:before {background-position: 0 -85px}
.sns-list-wrap ul li .ico-sns-twitter:before {background-position: -40px -85px}
.sns-list-wrap ul li .ico-sns-blog:before {background-position: -80px -85px}
.sns-list-wrap ul li .ico-sns-kakao:before {background-position: -120px -85px}
.sns-list-wrap ul li .ico-sns-kakaostory:before {background-position: -160px -85px}
.sns-list-wrap ul li .ico-sns-mail:before {background-position: -200px -85px}
.btn-share-close {position: absolute;top: -1px; right: -26px;width: 26px;height: 26px;background: #333333 url(../images/common/ico-sub.png) no-repeat -105px -50px;border: 0;text-indent: -9999em;}
/* url copy */
.area-urlcopy {margin-top: 5px;}
.area-urlcopy input[type="text"] {width: calc(100% - 90px);background: #fff !important;font-size: 0.8125em;}
.area-urlcopy .btn-urlcopy {width: 90px;margin-left: -5px;border-radius: 0;height: 30px !important;line-height: 30px !important;padding: 0;}

/* send mail */
#select-mail.modal-window {top: 50%;height: 250px !important;transform: translateY(-50%)}
#select-mail label {font-size: 13px}
#select-mail input[type="text"] {width: calc(100% - 60px);}

/* btns */
.btn-downset .btn {background: #f9f9f9;border: 1px solid #e3e3e3;color: #783c54 !important;}
.btn-classification {float: right;height: 30px;line-height: 30px;padding: 0 10px;background: #f9f9f9;border: 1px solid #e3e3e3;color: #783c54 !important;}
table.table-response ol.order li {padding-left: 15px;text-indent: -15px;}



/*********
 footer
*********/
#footer {clear: both;position: relative;overflow: hidden;width: 100%;font-size: 0.8125em;}
.footer-lists {overflow: hidden;border-top: 1px solid #cccccc;border-bottom: 1px solid #ccc;}
.footer-list li {float: left;width: auto;}
.footer-list li a {position: relative;display: block;margin-right: 143px;padding: 11px 0 9px;color: #000;font-size: 1em;letter-spacing: -0.025px;text-align: left;}
.footer-list li:first-child a {margin-right: 143px;margin-left: 0;}
.footer-list li:nth-last-child(2) a {margin-right: 126px;}
.footer-list li:last-child a {margin-right: 0;}
.footer-list li a.fb-page {position: relative;padding-left: 30px;color: #305da2;font-weight: 700}
.footer-list li a.fb-page:before {content: '';position: absolute;top: 8px;left: 0;width: 24px;height: 24px;background: url(../images/common/ico-facebook.png) no-repeat 0 0}
.footer-wrap .footer-logo {float: left;padding: 16px 56px 0 0;}
.footer-wrap .footer-logo img {display: block;margin-bottom: 7px;}
.footer-wrap .footer-logo h2 a img:first-child {width: 68px !important}
.footer-wrap .footer-info {float: left;padding: 28px 0 0 0;font-size: 1em;letter-spacing: -0.075px;}
.footer-wrap .footer-info .address span {letter-spacing: -0.075em;color: #333;}
.footer-wrap .footer-right {float: right;padding: 10px 0;}

.footer-info .copyright {letter-spacing: .01em;margin-top: -4px;color: #333;}
.footer-right div {display: inline-block;}
.footer-right .wa {margin-right: 29px;}
.footer-right .wa a {display: block;}



/******************
	main
*******************/
.front #header {background-color: #fff;}
.front #header.hide {top: -200px;}
.front #main-notice.hide {position: absolute;top: -200px;}
.front.fp-responsive #main-notice.hide {position: relative; top: 0;}

/***  main common ***/
.section-cont-wrap {overflow: hidden}
.section-cont-wrap .section-cont {float: left;width: 47%;margin-left: 6%;letter-spacing: -0.075em;}
.section-cont-wrap .section-cont:first-child,
.section-cont-wrap .section-popKeyword {margin-left: 0}
.section-cont {position: relative;margin: 28px 0 20px;}
.section-cont h2,
.section-timelaps h2 {position: relative;padding: 10px 0 20px 38px;border-bottom: 2px solid #727272;font-size: 1.25em;font-weight: 700;letter-spacing: -0.075em;}
.section-cont h2:before,
.section-timelaps h2:before {content: '';position: absolute;top: 0;left: 0;width: 50px;height: 50px;background: url(../images/main/icon-main.png) no-repeat 0 -104px;}
.section-cont h2.element-invisible {position: absolute;padding: 0;}
.main-tab {display: none;}

.section-cont h2 span,
.section-timelaps h2 span {color: #c72868;font-weight: inherit;font-size: inherit;}
.section-cont a {color: #181818;font-size: 0.8125em;}
.section-cont a.btn-more,
.section-timelaps a.btn-more {position: absolute;top: 14px;right: 0px;display: inline-block;padding: 1px 18px 1px 10px;background: #fff;border: 1px solid #a3a3a3;border-radius: 12px;color: #000;font-size: 0.8125em;letter-spacing: -.075em}
.section-timelaps a.btn-more {top: 25px;right: 2px;}
.section-citizen a.btn-more {top: 16px;right: 2px;}
.section-inform a.btn-more {top: 12px}
.section-cont a.btn-more:after,
.section-timelaps a.btn-more:after  {content: '>';position: absolute;top: 1px;right: 5px;width: 10px;height: 10px;font-size: 12px}
.section-cont .main-list li a {overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: block;padding: 8px 10px 9px;border-bottom: 1px solid #d6d6d6;}
.section-cont .main-list li:last-child a {border-bottom: 1px solid #727272}
.section-cont .main-image-list {overflow: hidden;}
.section-cont .main-image-list>li {float: left;width: 28%;margin-left: 8%;}
.section-cont .main-image-list>li:first-child {margin-left: 0}
.section-cont .main-image-list li p {text-align: center;}
.section-cont .main-image-list li p.date {margin-top: 5px;}
.section-cont .main-image-list li a {display: block;overflow: hidden;}
.section-cont .main-image-list li a .imgs {width: 100%;height: 220px;overflow: hidden;margin-bottom: 20px;}
.section-cont .main-image-list li img {width: 100%;height: auto;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);}
.section-cont .main-image-list li a:hover img {transform: scale(1.2)}

.section-cont .main-image-list .item {padding: 20px;}
.section-cont .main-image-list .item p {text-align: center;}
.section-cont .main-image-list .item p.date {margin-top: 7px;color: #000;letter-spacing: -0.05em;;}
.section-cont .main-image-list .item a {display: block;overflow: hidden;}
.section-cont .main-image-list .item a .imgs {width: 100%;overflow: hidden;margin-bottom: 20px;}
.section-cont .main-image-list .item img {width: 100%;}

.section-cont ol.main-list li {position: relative;}
.section-cont ol.main-list li a {padding-left: 35px}
.section-cont ol.main-list li:last-child a {border-bottom: 1px solid #d6d6d6;}
.section-cont ol.main-list li:before {content: '';position: absolute;top: 10px;left: 10px;width: 18px;height: 18px;background: #f3d5dc;border-radius: 50%;text-align: center;font-size: 0.8125em;}
.section-cont ol.main-list li:first-child:before {content: '1'}
.section-cont ol.main-list li:nth-child(2):before {content: '2'}
.section-cont ol.main-list li:nth-child(3):before {content: '3'}
.section-cont ol.main-list li:nth-child(4):before {content: '4'}
.section-cont ol.main-list li:nth-child(5):before {content: '5'}
.section-cont ol.main-list li:nth-child(6):before {content: '6'}
.section-cont ol.main-list li:nth-child(7):before {content: '7'}
.section-cont ol.main-list li:nth-child(8):before {content: '8'}
.section-cont ol.main-list li:nth-child(9):before {content: '9'}
.section-cont ol.main-list li:nth-child(10):before {content: '10'}
.section-cont ol.main-list-half {width: 50%;}

/* fullpage */
#fp-nav ul li:last-child {display: none}

/*** section1 ***/

.section.section1 {background: #fff}
.section1 .logo-main {margin: 10px auto 92px;text-align: center;}
.fp-responsive .section1 .logo-main {margin: 22px auto 92px}
.section1 .logo-main img {margin: 0 auto;}
.section1 .logo-main img.mo-tablet-view {margin: 0 auto;width: 56%;}
.section1 .front-cont-search {margin: 0 auto 52px;}

.front-links {width: 100%;max-width: 730px;margin: 5px auto 0;}
.front-links ul {overflow: hidden}
.front-links ul li {position: relative;float: left; width: 32%;margin-left: 1%;text-align: center;}
.front-links ul li a {position: relative;display: block;padding: 140px 0 0 0;color: #000;font-size: 1.125em;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);}
.front-links ul li a:before {content: '';position: absolute;top: 50%;left: 50%;width: 104px;height: 104px;background: url(../images/main/icon-main.png) no-repeat 0 0;transform: translate(-50%, -50%)}
.front-links ul li a:hover {color: #c72868}
.front-links ul li:nth-child(2) a:before {background-position: -208px 0;}
.front-links ul li:nth-child(3) a:before {background-position: -416px 0;}

/*** section2 ***/
.section.section2 {background: #f8f8f8;}
/* section2 인기콘텐츠 */
.popular-keyword {height: 262px;border-bottom: 1px solid #727272}

.section-popKeyword h2:before {background-position: 0 -104px}
/* section2 인기 콘텐츠 */
.section-popConts h2 {padding-left: 54px;}
.section-popConts h2:before {background-position: -50px -104px}
/* section2 시민 관심정보 */
.section-citizen h2 {border-bottom: 0;padding: 14px 0 15px 44px}
.section-citizen h2:before {top: 5px;background-position: -100px -104px}

/*** section3 ***/
/* section3 사전정보공표 */
.section-inform h2:before {background-position: -150px -104px}
/* section3 행정정보 등록현황 */
.section-public h2:before {background-position: -200px -104px}
.section-public .public-info {overflow: hidden;}
.section-public .graph {float: left;position: relative;width: 50%;padding: 15px 0px;}
.section-public .graph canvas {position: relative;padding: 40px;z-index: 2;width: 100% !important;height: 100% !important}
.section-public .graph span.tit {display: flex;flex-direction: column;justify-content: center;align-items: flex-start; position: absolute;top: 50%;left: 50%;background: #fff;width: 80px;height: 80px;border-radius: 50%;font-size: 0.8125em;transform: translate(-50%, -50%);text-align: center;z-index: 1;}
.section-public .graph .graph-num {display: inline-block;position: absolute;z-index: 3; /*padding: 0 15px;*/ min-width: 50px;background: #fff;border: 1px solid #dfdfdf;border-radius: 3px;font-size: 0.8125em;text-align: center}
.section-public .graph .graph1-num1 {left: 55%;top: 10%; width: 80px;}
/* .section-public .graph .graph1-num2 {left: 75%;top: 30%;width: 80px;}  */
.section-public .graph .graph1-num2 {left: 33%;top: 83%;width: 80px;} /* 표시 위치 변경 2021.11.16 */
/* .section-public .graph .graph1-num3 {left: 50%;bottom: 0;transform: translateX(-50%); width: 80px;} */
.section-public .graph .graph1-num3 {left: 27%;top: 6%;transform: translateX(-50%); width: 80px;} /* 표시 위치 변경 2021.11.16 */

.section-public .graph .graph2-num1 {left: 65%;top: 15%; width: 80px;}
.section-public .graph .graph2-num2 {left: 50%;bottom: 0;transform: translateX(-50%); width: 80px; }
.section-public .graph .graph2-num3 {left: 5%;top: 10%;width: 80px;}

/* section3 최근 한달간 다빈도 콘텐츠 */
.section-timelaps {position: relative;margin-top: 25px}
.section-timelaps h2 em {font-weight: 400;}
.section-timelaps h2:before {background-position: -250px -104px;top: 13px;left: 3px;}
.section-timelaps .section-cont {margin-top: 20px;}
.section-timelaps .section-timelaps1 {margin-left: 0;}
.section-timelaps h3 {margin-bottom: 20px;color: #181818;font-size: 1.0625em;font-weight: 700;text-align: center;}
.section-timelaps2 {overflow: hidden;}
.section-timelaps2 ol.main-list {float: left;width: 50%;}
.section-timelaps2 ol.main-list li.on a {background: #f8eff3;border-bottom: 1px dashed #b5b5b5;font-weight: 700}
.section-timelaps2 ol.main-list li.on:before {background: #c72868;color: #fff;}
.section-timelaps2 ol.main-list-none {background: #f8eff3;}
.section-timelaps2 ol.main-list-none li:before {display: none;}
.section-timelaps2 ol.main-list-none li a {padding-left: 10px;border-bottom: 1px dashed #b5b5b5}


@media (max-width: 1023px) {

	#content #page-title {padding: 20px 20px 10px;font-size: 1.8rem;}

	/* common */
	.hide-tablet {display: none !important;}
	.hide-mobile {display: none !important;}
	table .hide-mobile {display: table-cell !important;}


	/*********
	header
	*********/
	#header {border-bottom: 2px solid #c72868;}
	.front #header {border-bottom: 0;}

	.header .logo-area {float: none;width: 100%;text-align: center;}
	.header .logo-area .logo-text {line-height: 1}
	.header .header-container {padding: 0 20px;}
	.front .header .header-container {height: 50px;line-height: 50px;}
	.front .header .logo-area h1 {display: none;text-align: right;line-height: 50px;}
	.front .header .logo-area h1:after {display: none;}
	.front .header .logo-area .logo-slogan {color: transparent;}
	.front .logo-area .logo-text {display: none;}
	.inner {padding: 0 20px;}

	/* add 2021-11-22 */
	.header .logo-area h1 .logo-slogan {display: none}
	.header .logo-area .logo-text {width: 172px;height: 48px;margin: 0 auto;text-indent: -9999em;background: url(../images/common/logo-opengov2.png) no-repeat 50% 50%;background-size: 100% auto;}
	.header .logo-area .logo-text img {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} /*pc 이미지 숨김 */

	#header:after {display: none;}
	#header #navigation {position: fixed;top: 0;left: 100%;width: 80%;height: 100%;padding-top: 40px;z-index: 110;background: #f8eff4;border-right: 1px solid #ccc6ca;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1)}
	#header.open #navigation {left: 0;}
	#header.open .btn-mobile-menu {top: -48px;left: calc(80% - 50px);background: #f8eff4;z-index: 111;}
	#header.open .btn-mobile-menu.open {position: fixed;top: 0;}
	.menu {overflow-y: auto;height: 100%}
	.menu>li {border-bottom: 1px solid #fbf6f9}
	.menu>li>a {border-bottom: 1px solid #e4d4dc;}
	.menu>li>a.on {background: #fff;}
	.menu>li>a.on+ul.sub-menu {display: block;background: #fff;margin: 0;}
	.menu li a {font-size: 1.6rem;}
	.menu>li>a>span {display: block;position: relative;padding: 8px 0 8px 20px;text-align: left}
	.menu>li>a>span:after {content: '';position: absolute;top: 3px;left: auto;right: 10px;width: 30px;height: 30px;background: url(../images/common/ico-sub-mo.png) no-repeat 0 0;background-size: 90px 90px;}
	.menu>li>a.on>span:after {content: '';position: absolute;top: 3px;left: auto;right: 10px;width: 30px;height: 30px;background: url(../images/common/ico-sub-mo.png) no-repeat -30px 0;background-size: 90px 90px;}
	.menu ul.sub-menu li a {display: block;color: #000;padding: 10px 0 8px 40px;}
	.menu ul.sub-menu li a span {font-size: 15px;-webkit-font-smoothing:antialiased;transform: rotate(-0.03deg)}
	/* search */
	.sub-cont-search {top: 61px}
	.btn-search-open {right: 10px;top: 6px}
	.cont-search .btn {height: 32px;line-height: 32px;font-size: 1.7rem}
	.search .txt-input {height: 32px;line-height: 32px;}


	/*********
	container
	*********/

	/**
	list
	**/
	.view-content .search-filter {float: none;width: 100%;padding: 0 20px 30px;margin-right: 0px;}
	.view-content .list-wrap,
	.view-content > .search-filter + .list-wrap {float: none;width: 100%;padding: 0 20px;}
	.view-content h3.title-article {font-size: 1.7rem}
	.view-content h3.title-article span.btn-light {vertical-align: middle;margin-top: 0}


	/**************** article ***************************/
	.view-content-article {padding: 0 20px;}
	/* 첨부된 문서 */
	.list-attachment {padding: 5px;}
	.list-attachment li .title-down {margin-bottom: 5px;font-size: 1.3rem;}
	.list-attachment li .btn-downset {font-size: 1.3rem}
	/* 문서 설명 */
	.line-all {padding: 10px;font-size: 1.3rem;}
	.line-all * {font-size: 1.3rem !important}
	.line-all h4 {font-size: 1.6rem;}
	.line-all h5, .line-all h6 {font-size: 1.4rem;}
	/* 문서 정보 */
	.btn-classification {margin-top: 5px;}
	.docu-copy-mobile {display: block;}
	.docu-copy-pc {display: none;}
	.docu-copy .txt-warning {display: block;margin-top: 10px;padding-left: 10px;text-indent: -10px;font-size: 1.3rem;}
	/* 위원회/기관 안내 */
	ul.category>li {float: left;width: 32%;margin-left: 2%;}
	ul.category>li:nth-child(3n+1) {clear: both;margin-left: 0;}
	ul.category>li a {padding: 5px 10px;font-size: 1.3rem}

	/* 공유 아이콘 */
	.comm-view-article-back .aLeft {position: relative;margin-bottom: 10px;}
	.sns-list-wrap {top: auto !important;bottom: 40px;left: auto;right: 0;min-width: 250px;max-width: 250px;padding: 10px 5px;}
	.sns-list-wrap ul {justify-content: flex-start;}
	.sns-list-wrap ul li .ico-sns span,
	.area-urlcopy input[type="text"] {font-size: 1.3rem}
	.sns-list-wrap ul li {width: calc(33.3333% - 10px);margin-bottom: 10px;}


	/*********
	footer
	*********/
	.footer-lists {border-bottom: 0;}
	.footer-list li {float: left;width: 33.3333%;margin-right: 0}
	.footer-list li a {margin-right: 0 !important;padding: 8px 0;font-size: 1.3rem;}
	.footer-wrap .footer-logo {padding-right: 0;width: calc(100% - 220px);}
	.footer-wrap .footer-logo img {max-width: 150px;width: 100%;}
	/*.footer-wrap .footer-info {display: none;}*/
/* 2022-11-14 모바일 푸터 변경 */
  .footer-wrap .inner {position: relative;padding-bottom: 180px;}
  /*.footer-list li a.fb-page {padding-left: 0}*/
  .footer-wrap .footer-info {position: absolute;top: 95px;left: 0;width: 100%;padding: 10px 0;border-top: 1px solid #ccc}
  .footer-wrap .footer-info .address {display: flex;flex-direction: column;align-items: center}
  .footer-wrap .footer-info .address span {font-weight: 700;}
  .footer-wrap .footer-info .address span.colon {display: none;}
  .footer-wrap .footer-info .address span.footer-span {display: block;margin: 3px 0 5px;text-align: center;font-weight: 400;}
  .footer-wrap .footer-info .copyright {text-align: center;word-break: keep-all;font-size: 12px;letter-spacing: -0.1px;}
  /* 2022-11-14 모바일 푸터 변경 끝 */
	.footer-wrap .footer-right .wa {display: none}


	/*********
	main
	*********/
	#fullpage {height: auto !important;}
	.section {padding-top: 10px;}

	.section.section1 {padding: 50px 0 50px;}
	.fp-tableCell {height: auto !important;vertical-align: top !important;}
	.fp-section.fp-table, .fp-slide.fp-table {height: auto !important;}

	/* section common */
	.section-cont a {font-size: 1.3rem;}
	.section-cont a.btn-more, .section-timelaps a.btn-more {font-size: 1.3rem;top: 10px;}
	.section-cont.section-popConts a.btn-more {top: -30px;}
	.section-cont .main-image-list .item p {font-size: 1.3rem}


	.section1 .search .txt-input {height: 30px;line-height: 30px;background: #fff;}
	.front-links ul li a {position: relative;display: block;padding: 110px 0 0 0;color: #000;font-size: 1.8rem;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);}
	.front-links ul li a:before {width: 75px;height: 75px;background: url(../images/main/icon-main.png) no-repeat 0 -77px;background-size: 450px auto;}
	.front-links ul li:nth-child(2) a:before {background-position: -75px -77px;}
	.front-links ul li:nth-child(3) a:before {background-position: -150px -77px;}

	.section-cont h2  {padding-right: 70px;font-size: 1.6rem}
	.section-timelaps h2 {padding-right: 96px}
	.section-timelaps h2:before {top: 3px;}

	/* section2 */
	.section-cont .main-image-list {overflow: visible;}
	.section-cont .main-image-list .item {padding: 0 10px;}
	.slick-arrow {position: absolute;top: 40%;border: 0;width: 30px;height: 30px;background: url(../images/main/icon-main.png) no-repeat -20px -104px;background-size: 300px auto;transform: translateY(-50%);text-indent: -9999em;z-index: 50;}
	.slick-prev {left: -10px;background-position: -50px -104px;}
	.slick-next {right: -10px;}
	.section-cont .main-image-list {text-align: center;}
	.slick-dots {display: inline-block;margin: 10px auto;text-align: center;}
	.slick-dots>li {display: inline}
	.slick-dots>li>button {width: 14px;height: 14px;margin: 0 3px;border-radius: 50%;background: #e8d9e1;border: 0;text-indent: -999em;}
	.slick-dots>li.slick-active>button {background: #b5225d;}

	/* section3 */
	.section-public .graph span.tit {width: auto;font-size: 1.3rem;}

}

@media (max-width: 890px) {

	/*********
	main
	*********/

	.section-cont-wrap .section-cont.section-inform,
	.section-cont-wrap .section-cont.section-public {float: none;width: 100%;margin-left: 0;}
}

@media (max-width: 767px) {
	/* common */
	.pc-tablet-view {display: none !important}
	.mo-tablet-view {display: block !important}
	.tablet-block {display: block;}
	table .hide-mobile {display: none !important;}
	.mobile-inline {display: inline}

	/*********
	header
	*********/
	/* logo */
	.header .logo-area .logo-text {width: 146px}
	/* .header .logo-area .logo-text img {height:22px;margin: 16px 0 6px} */

	/* search */
	body.search-open {overflow: hidden}
	.btn-search-open {background: transparent}
	.sub-cont-search {position: fixed;top: 0;left: 0;width: 100%;max-width: 100%;height: 100%;padding: 0 20px;background: rgba(0,0,0, .5);}
	.sub-cont-search form {background: #fff;width: 100%;margin: 106px auto 0;padding: 10px 15px 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;text-align: center;}
	.sub-cont-search .search  {width: 100%;margin-bottom: 5px;}
	.sub-cont-search .txt-input {font-size: 1.8rem}
	.section1 .search .txt-input {padding-left: 10px;background: #f8eff3;}
	.front .cont-search {height: 50px;line-height: 50px;background: #f8eff3;border: 0;border-radius: 25px;}
	.front .cont-search .btn-search-sanction {display: none;}
	.front .search {width: calc(100% - 60px)}
	.front .cont-search .btn-search {min-width: 30px;width: 30px;height: 30px;background: url(../images/main/icon-main.png) no-repeat 0 -153px;background-size: 450px auto;text-indent: -9999em;border: 0;}

	/*********
	container
	*********/


	/*************** article **********************************/
	.comm-view-article {}
	.comm-view-article h4 {margin: 30px 0 10px;font-size: 1.7rem;font-weight: 700;}
	/* 버튼그룹 */
	.comm-view-article-back .btn {font-size: 1.2rem;}




	/*********
	main
	*********/
	.section.section1 .inner {padding: 20px;}
	.section-cont-wrap .section-cont {float: none;width: 100%;margin-left: 0;}
	.front-links ul li a {font-size: 1.6rem}
	/* main tab */
	.section-cont h2.mo-tablet-view:before, .section-timelaps h2.mo-tablet-view:before {display: none;}
	.section-cont h2.mo-tablet-view a {content:'';position: absolute;top: 0;left: 0;width: 30%;z-index: 50;}

	.main-tab {display: block;overflow: hidden;margin-bottom: -1px;position: relative;z-index: 2;width:80%;} /* width:80% 추가 모바일 에서 더보기 버튼 가려서 클릭이 안되는 문제 수정 2021.11.25 */
	.main-tab li {float: left;width: 100px;}
	.main-tab li a {display: block;width: 100%;padding: 5px 0;background: #f8f8f8;border: 1px solid #f8f8f8;color: #000;text-align: center;text-align: center;border-top-left-radius: 5px;border-top-right-radius: 5px;}
	.main-tab li a.on {background: #fff;border: 1px solid #484848;border-bottom: 2px solid #fff;}
	.main-tab-cont {display: none;background: #fff;border: 1px solid #484848;}
	.section-cont.main-tab-cont {margin: 0;position: relative;z-index: 1;}

	.public-info  .main-tab {display: none}
	.public-info  .main-tab-cont {display: block;border: 0;}
	/* section2 */
	.section-cont.section-popKeyword .btn-more {top: -30px;}
	.section2 .section-cont-wrap h2 {position: relative;padding: 10px 0 15px 40px;font-size: 1.6rem;font-weight: 700;}
	.section2 .section-cont-wrap h2 span {color: #c72868}
	.section2 .section-cont-wrap h2:before {content: '';position: absolute;top: 0;left: 0;width: 50px;height: 50px;background: url(../images/main/icon-main.png) no-repeat 0 -104px;}

	/* section3 */
	.section-timelaps2 ol.main-list-keyword {width: 40%}
	.section-timelaps2 ol.main-list-none {width: 60%}
	.section-public .graph .graph-num {font-size: 1.3rem}
	.section-public .graph .graph1-num2 {left: 40%} /* 74% -> 40% 2021.11.17 */

}

@media (max-width: 704px) {
	/*********
	main
	*********/
	.section-cont .main-image-list .item {padding: 5px 1.8% 0;}
	.section-cont .main-image-list .slick-next {right:0}
	.section-cont .main-image-list .slick-prev {left:0}
}

@media (max-width: 440px) {

	/*********
	header
	*********/

	/* search */
	.cont-search form {overflow: hidden}
	.sub .cont-search .btn {float: left;width: calc(50% - 5px);min-width: calc(50% - 5px);margin: 0;}
	.sub .cont-search .btn.btn-search-sanction {float: right;}

	/*********
	main
	*********/
	/* section 3*/
	.section3 .section-cont-wrap {overflow: visible}
	.section-cont-wrap .section-cont.section-public {width: calc(100% + 40px);margin-left: -20px ;padding: 20px;background: #f8f8f8;}
	.section-public .public-info {margin-top: 10px;}
	.public-info  .main-tab {display: block}
	.public-info  .main-tab-cont {display: none;border: 1px solid #898989;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	.section-public .graph {width: 100%;}
	.section-public .graph canvas {width: 60% !important;height: 60% !important;margin: 0 auto;padding: 20px;}
	.section-public .graph .graph1-num2 {left:60%;top:78%;} /* 2021.11.17  */
	/* .section-public .graph .graph1-num3, => bottom: 5% 필요없읍 2021.11.17  */
	.section-public .graph .graph2-num2 {bottom: 5%}
	/* 2021-11-22 메인 여백 조정 */
	.section.section1 {padding: 0}
	.section.section1 .inner {padding: 20px 20px 40px;}
	.fp-responsive .section1 .logo-main {margin:10px auto 45px;}
	.front .cont-search {margin:0 auto 10px}


	/*********
	footer
	*********/

	.footer-list li a {font-size: 1.2rem}
	.footer-list li {width: 30%}
	.footer-list li:nth-child(3n+1) {width: 40%}
	.footer-list li a.fb-page:before {top: 5px}

	/**
	article
	**/
	/* 이전페이지 */
	.comm-view-article-back {display: flex;flex-direction: column; /*align-items: space-between;*/}
	.comm-view-article-back .aLeft,
	.comm-view-article-back .aRight {float: none;width: 100%;margin: 3px -2px;display: flex;flex-wrap: wrap;flex-direction: row; /*align-items: space-between;*/}
	.comm-view-article-back .aLeft .btn,
	.comm-view-article-back .aRight .btn {flex: 1; text-align: center !important;margin: 0 2px;}
	/* 공유 */
	.comm-view-article-back .aLeft .btn.btn-urlcopy {margin: 0 0 0 -4px}
}

@media (max-width: 380px) {



}

@media (max-width: 360px) {
	/*********
	footer
	*********/
	.footer-list li,
	.footer-list li:nth-child(3n+1) {width: 50%;}
	.footer-wrap .footer-logo img {max-width: 100%}
	.footer-wrap .footer-logo {width: calc(100% - 60%)}
	.footer-wrap .footer-right {width: 56%;padding: 15px 0 10px;}
	.footer-wrap .footer-right .seoul-banner {width: 100%;}
	.footer-wrap .footer-right .seoul-banner a {display: block;width: 100%;}
	.footer-wrap .footer-right .seoul-banner a img {width: 100%;height: auto;}

  /* 2022-11-14 모바일 푸터 변경 */
  .footer-wrap .inner {padding-bottom: calc(23vw + 100px);}
  .footer-wrap .footer-info {top: 23vw;}
  .footer-wrap .footer-info .copyright span {display: block;}

}


@media (min-width: 768px) {


	/*********
	main
	*********/


	.section.section1 {background: url(../images/main/bg-main_spring.jpg) no-repeat 50% 50%;background-size: cover;}
	/*.section.section1 {background: url(../images/main/bg-main_summer.jpg) no-repeat 50% 50%;background-size: cover;}*/
	/* .section.section1 {background: url(../images/main/bg-main_fall.jpg) no-repeat 50% 50%;background-size: cover;} */
	/*.section.section1 {background: url(../images/main/bg-main_winter.jpg) no-repeat 50% 50%;background-size: cover;}*/

	.main-tab {display: none;overflow: hidden;}
	.section-cont-wrap .main-tab-cont {display: block !important;}
	.section-cont-wrap h2.pc-tablet-view {display: block !important;}

	/* 공유아이콘 */
	.sns-area {position: relative;}


}
@media (min-width: 891px) {
	/*********
	main
	*********/
	.section-public .public-info {height: 240px;}
}
@media (min-width: 1024px) {
	/* common */
	.pc-view, .only-pc {display: block !important}
	.only-pc-inline {display: inline-block !important;}
	.mo-view, .only-mobile {display: none !important}


	/******************
		header
	*******************/
	/* navigation */

	.header #gnb {position: absolute;top: 0;left: 200px;width: 780px;z-index: 90}
	.front .header #gnb {width: 810px}
	/* .header .logo-area h1 .logo-slogan {width: 109px;height: 22px;margin-top: 10px;background: url(../images/common/img-slogan-pc-3.png) no-repeat 0 0;} */
	.header .logo-area h1 .logo-slogan {width: 137px;height: 27px;margin-top: 10px;background: url(../images/common/img-slogan-pc.png) no-repeat 0 0;} /* 다시뛰는서울 슬로건으로 다시 교체 2021.11.17 */
	.front .header .logo-area h1 .logo-slogan {width: 137px;height: 27px}
	.header .logo-area .logo-text {margin: -5px 0 10px;}

	.btn-mobile-menu {display: none;}
	#navigation {display: block;}
	.menu {width: 100%;display: table;}
	.menu>li {width: 16.666667%;display: table-cell}
	.menu>li>a:hover {color: #c72868}
	.menu>li>a>span:after {content: '';position: absolute;left: 0;bottom: 0;width: 0px;height: 6px;background: transparent;z-index: 1;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1)}
	.menu>li>a:hover>span:after {width: 100%;background: #c72868;}

	/* menu over  */
	#header.hover .sub-menu {display: block;}
	#header.hover .sub-menu-wrap {opacity: 1;height: 208px;border: 1px solid #d6d6d6;background:#fff url(../images/common/bg-sub-menu.png) repeat-y  0 0;border-top: 0;}
	.front #header.hover .sub-menu-wrap {background:#f9f9f9 url(../images/common/bg-front-menu.png?ver) repeat-y  0 0;border-top: 0;}
	#gnb.hover .menu .sub-menu {display: block;}

	.sub-menu li {display: flex;}
	.sub-menu li a {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;padding: 6px 0;color: #000;font-size: 17px;letter-spacing: -0.07em;font-weight: 700;vertical-align: middle;}
	.sub-menu li a span {display: flex;flex-direction: column;justify-content: center;position: relative;width: auto;padding: 0 0 0 10px;}
	.sub-menu li:first-child a {padding-top: 10px}

/*
GNB 높이 문제로 기존 top:82px -> 85px 변경;
*/
	.sub-menu-wrap {display: block;opacity: 0;position: absolute;top: 85px;left: 0 ;width: 100%;height: 0;background: #f9f9f9;transition: all .1s ease-out}
	.sub-menu>li>a>span {word-break: keep-all;}
	.sub-menu>li>a:hover>span,
	.sub-menu>li>a.on>span {color: #c72868;}
	.sub-menu>li>a:hover>span:before,
	.sub-menu>li>a.on>span:before {content: '';position: absolute;bottom: -2px;left: 	12px;width: calc(100% - 12px);height: 2px;background: #c72868;}

	/* 2줄 예외처리
	.sub-menu li a.dline span,
	.menu li:first-child .sub-menu li:nth-child(2) a span  {width: 50%;word-break: keep-all;}
	.sub-menu li a.dline span:before,
	.menu li:first-child .sub-menu li:nth-child(2) a span:before {min-width: 70px}
	*/

	/* search */
	.btn-search-open span:before {top: 10px;left: 8px;width: 20px;height: 20px;background: url(../images/common/ico-search-pc.png) no-repeat 0 0;}
	.btn-search-open.open span:before {content:'';position: absolute;top: 5px;left: 3px;width: 30px;height: 30px;background: url(../images/common/ico-search.png) no-repeat 0 -30px !important;background-size: 30px auto !important;}

	/*********
	container
	*********/




	/******************
		main
	*******************/
	.front #header {position: fixed;z-index: 10;}
	.front.fp-responsive #header {position: relative;top: 0;}
	/* main common */
	/* .fp-enabled .section2 .inner {padding: 75px 0 0;}
	.fp-enabled .section3 .inner {padding: 55px 0 0;} */

	.fp-enabled .fp-tableCell .inner {padding-top: 13.8vh;} /* padding-top: 8% padding-top: 10vh */
	/* .fp-enabled .section2 .fp-tableCell .inner {padding-top: 8.5vw;} */
	.fp-enabled .section4 .fp-tableCell .inner {padding-top: 0}

	.fp-responsive .fp-tableCell .inner {padding: 40px 0 !important;}
	.fp-responsive .section1 .fp-tableCell .inner {padding: 220px 0 120px !important}
	.fp-responsive .section4 .fp-tableCell .inner {padding-top: 0 !important}
	.fp-responsive .fp-section.fp-table,
	.fp-responsive .fp-section.fp-table .fp-tableCell {height: auto !important;}
	.section-cont .main-image-list li p {word-break: keep-all;}
	.section-cont .main-image-list {overflow: hidden;}
	.section-cont .main-image-list .item {float: left;width: 28%;margin-left: 8%;margin-top: 5px;padding: 0;}
	.section-cont .main-image-list .item:first-child {margin-left: 0}
	.section-cont .main-image-list .item a {display: block;overflow: hidden;}
	.section-cont .main-image-list .item a .imgs {position: relative;width: 100%;height: 220px;overflow: hidden;margin-bottom: 15px;}
	.section-cont .main-image-list .item img {position: absolute;top: 50%;transform: translateY(-50%) scale(1);width: 100%;height: auto;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);}
	.section-cont .main-image-list .item a:hover img {transform: translateY(-50%) scale(1.2)}

	/* common */
	.fp-enabled .fp-tableCell .inner {padding-top: 130px;}
	/* .fp-enabled .section1 .fp-tableCell .inner {padding-top: 0} */
	.fp-enabled .section2 .fp-tableCell, .fp-enabled .section3 .fp-tableCell {display: flex;flex-direction: column;align-items: center;justify-content: stretch}
	.fp-enabled .section2 .fp-tableCell .inner,
	.fp-enabled .section3 .fp-tableCell .inner {position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-between}
	.fp-enabled .section .fp-tableCell .inner:before,
	.fp-enabled .section .fp-tableCell .inner:after {content: '';display: block;} /* psudo space-evenly */
	.fp-enabled .section .fp-tableCell>.section-cont {margin: 0 auto;}
	/* footer */
	.fp-enabled .section .fp-tableCell #footer .inner {display: block}

	.fp-responsive .section .fp-tableCell .section-cont {margin-top:28px;margin-bottom: 20px}
	.fp-responsive .section1 .logo-main {margin: 22px auto 92px}


	/* section1 */
	/* .fp-enabled  .section1 .logo-main {margin: 0 auto}
	.fp-enabled .section1 .front-cont-search {margin-bottom: 0;line-height: 1;} */
	/* .fp-enabled .section1 .fp-tableCell {padding-top: 150px;} */
	.fp-enabled .notice .section1 .fp-tableCell .inner {padding-top: 0px}
	.fp-enabled .section1 .fp-tableCell .inner {padding-top: 130px}

	.fp-enabled .section1 .front-cont-search .btn {margin-left: 6px;}
	.fp-responsive .section1 .front-cont-search {margin: 0 auto 52px}

	.front-links ul li:nth-child(1) a:hover:before {background-position: -104px 0;}
	.front-links ul li:nth-child(2) a:hover:before {background-position: -312px 0;}
	.front-links ul li:nth-child(3) a:hover:before {background-position: -520px 0;}

	/* section 2 */
	.fp-enabled .section2 .section-cont-wrap .section-cont,
	.fp-enabled .section3 .section-cont-wrap .section-cont {margin-top: 0;margin-bottom: 0}
	.fp-enabled .section2 .section-cont,
	.fp-enabled .section3 .section-cont {margin-top: 0;margin-bottom : 0;}

	/* section 3 */
	.section3 .section-cont {margin-top: 0;margin-bottom: 0}
	.section3 .section-cont h2 {padding: 8px 0 15px 43px;}
	.section3 .section-inform h2 {padding-left: 39px}
	.section3 .section-timelaps h2 {padding: 18px 0 15px 43px}

	.section3 .section-cont h2:before {top: 1px;}
	.section3 .section-timelaps {margin-top: 0px;padding-bottom: 5px;}

	.section-timelaps h3 {margin-bottom: 0;padding: 15px 0;}
	.section-public .graph {padding: 0}


}