@charset "utf-8";
@import url('https://www.seoul.go.kr/gov/futurelab/wp-content/themes/seoul_futurelab/css/base.css');
#view_ct{padding:10px 0 30px;}
button {cursor:pointer;}
/* layout */
#seoul-common-header {box-sizing:border-box;}
header {position:relative;z-index:4;;}
.gnb_wrap {position:absolute;z-index:3;width:100%;height:110px;background-color:rgba(0,0,0,.5);}
.logo-wrap {display:flex;flex-direction:row;flex-wrap:nowrap;width:1000px;margin:0 auto;}
.logo-wrap h1 a.logo {display:block;width:124px;height:110px;background:url(../images/common/img-header-logo.png) center 21px no-repeat;background-size:contain;}
nav {position:relative;z-index:2;display:flex;overflow:visible;flex-grow:1;justify-content:flex-end;}
nav.open {z-index:4;}
nav > ul {display:flex;flex-wrap:nowrap;width:800px;}
nav > ul > li {position:relative;flex-grow:1;box-sizing:border-box;width:100%;}
nav > ul > li > a {display:flex;align-items:center;justify-content:center;width:100%;height:110px;font-family:'Cafe24Ohsquare';font-size:1.5rem;letter-spacing:0;color:#fff;}
nav > ul > li > a:hover, nav > ul > li > a.menuhover {background-color:#0063b7;}
nav > ul > li > a span {position:relative;}
nav > ul > li > ul.gnb-2depth {position:absolute;left:0;display:flex;visibility:hidden;flex-direction:column;flex-wrap:wrap;width:100%;padding:28px 0 30px;padding-left:48px;opacity:0;background:#fff;gap:25px 0;}
nav > ul > li > ul.gnb-2depth.open {box-shadow:5px 21px 22px rgba(0,0,0,.13);}
nav > ul > li > ul.gnb-2depth > li {line-height:1;}
nav > ul > li > ul.gnb-2depth > li.menu-item-has-children ~ li.menu-item-has-children {margin-top:12px;}
nav > ul > li > ul.gnb-2depth > li > a {position:relative;font-size:1.25rem;color:#555;}
nav > ul > li > ul.gnb-2depth > li > a::before {position:absolute;top:13px;left:-18px;width:8px;height:6px;content:'';border-radius:3px;background-color:#0063b7;}
nav > ul > li > ul.open, nav > ul > li > ul.open .gnb-3depth {visibility:visible !important;opacity:1  !important;}
nav .gnb-2depth li ul.gnb-3depth {display:flex;flex-direction:column;margin-top:27px;gap:20px 0;}
nav .gnb-2depth li ul.gnb-3depth a span {position:relative;margin-left:9px;font-size:20px;color:#777;}
nav .gnb-2depth li ul.gnb-3depth a span:before {margin-right:3px;margin-left:-9px;content:'-';color:inherit;}
nav .gnb-2depth li ul.gnb-3depth a span:hover {font-weight:bold;color:#0063b7;border-bottom:1px solid #0063b7;}
nav .gnb-2depth ul.gnb-3depth li {margin-bottom:2px;}
nav > ul > li  a[target='_blank'] span {display:inline-flex;align-items:center;gap:8px;}
nav > ul > li  a[target='_blank'] span:after {display:inline-block;width:18px;height:18px;content:'';;background:url(../images/common/ico-gnb-blank.png) center no-repeat;}


/* footer */
.footer {padding:40px 0;font-size:.75rem;color:#fff;background-color:#2e2d33;}
.footer * {font-size:inherit;color:inherit;}
.footer .inner {display:flex;justify-content:space-between;width:1000px;margin:0 auto;}
.footer-logo {align-self:center;width:81px;height:33px;margin-right:33px;background:url(../images/common/img-footer-logo.png) center no-repeat;}
.footer .d-flex.col {gap:3px 0;}
.footer .footer-link {display:flex;flex-direction:row;margin-bottom:10px;font-size:.9375rem;}
.footer .footer-link li:not(:last-child) {position:relative;margin-right:21px;}
.footer .footer-link li:not(:last-child):after {position:absolute;top:7px;right:-11px;width:1px;height:.5em; content:'';background-color:#eee;;}
.footer #orgLink {margin-left:auto;color:#eee;}
.footer .address {display:contents;color:#9e9e9e;}
.footer .address span + span {position:relative;}
.footer .address span + span:before {margin:0 5px 0 6px;content:'/';}
.footer .copyright {display:block;color:#9e9e9e;}
.footer .footer-sns {display:flex;gap:15px;margin-left:auto;}
.footer .footer-sns a {width:40px;height:40px;font-size:0;color:transparent;}
.footer .footer-sns .ins {background:url(../images/common/ico-sprite_2024.png) -200px 0 no-repeat;}
.footer .footer-sns .blog {background:url(../images/common/ico-sprite_2024.png) -246px 0 no-repeat;}
.footer .footer-sns .kakao {background:url(../images/common/ico-sprite_2024.png) -291px 0 no-repeat;}
.footer .mark{margin-left:26px; width:78px; height:57px;}
.btn-top {position:fixed;right:calc(50% - 600px);bottom:-60px;overflow:hidden;width:70px;height:70px;font-size:0;transition:all 1s cubic-bezier(.075, .82, .165, 1);text-align:center;opacity:0;border-radius:100%;background:#3c338e url(../images/common/btn-top.png) center no-repeat;background-size:contain;}
.btn-top.show {z-index:10;bottom:114px;transition:all 1s cubic-bezier(.075, .82, .165, 1);opacity:1;}

@media screen and (max-width: 1349px) {.btn-top {right:5px;}}/*@media screen and (max-width: )*/
/* ico */
[class*='ico_'] {z-index:2;display:inline-block;font-style:normal;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;}
.ico_search {width:38px;height:38px;border-radius:100%;background:#347f8a url(../images/common/ico-search.png) 54% 44% no-repeat;}
.ico_search_b {width:29px;height:27px;background:url(../images/common/ico-search-b.png) center no-repeat;}


/* sub */
.sub-visual {height:360px;}
/* title */
#sub_h3 {padding:78px 0 102px;text-align:center;}
#sub_h3 h3 {position:relative;display:inline;margin:0;padding:0;font-size:2.625rem;font-weight:700;line-height:1.25;text-align:center;color:#222;background:none;}
#sub_h3 h3:after {position:absolute;bottom:-22px;left:calc(50% - 13px);width:26px;height:4px;content:'';border-radius:2px;background:#000;}
#sub_h3 h3 a {color:#222;}
#sub_h3 h3 span {display:inline-block;}


/* breadcrumb */
.breadcrumb {z-index:3;width:100%;height:50px;line-height:50px;background-color:#1e1e1e;}
.breadcrumb__inner {display:flex;justify-content:flex-end;width:1000px;margin:0 auto;}
.breadcrumb__list {display:flex;flex-direction:row;}
.breadcrumb__item {position:relative;}
.breadcrumb__list > li:first-child > a {width:112px;min-width:unset;padding:0 22px 0 47px;font-weight:300;border-left:1px solid #505050;}
.breadcrumb__item > a, .breadcrumb__item > button {position:relative;display:block;width:100%;min-width:145px;height:50px;padding:0 30px 0 20px;font-size:.9375rem;font-weight:300;line-height:50px;text-align:left;color:#fff;border-right:1px solid #505050;}
.breadcrumb__list > li:last-child button {font-weight:bold;}
.breadcrumb__item > a:before {position:absolute;top:calc(50% - 8px);left:20px;width:17px;height:14px;content:'';background:url(../images/common/ico-sprite_2024.png) 0 0 no-repeat;}
.breadcrumb__item + .breadcrumb__item a:before {display:none;}
.breadcrumb__item > button:after {position:absolute;top:calc(50% - 3px);right:12px;width:11px;height:6px;content:'';transition:all .3s cubic-bezier(.075, .82, .165, 1);background:url(../images/common/ico-sprite_2024.png) -23px -4px no-repeat;}
.breadcrumb__item > button.on:after {transform:rotate(-180deg);}
.breadcrumb__item > button + div {z-index:1;display:none;width:100%;font-size:.9375rem;border:1px solid #1e1e1e;border-top:0;background:#fff;}
.breadcrumb__item > button + div.active {display:block;margin-left:-1px;}
.breadcrumb__list > li:nth-child(2) button + div.active {margin-left:0;}
.breadcrumb__list > li:nth-child(4) button + div.active {width:calc(100% + 2px);margin-left:-2px;}
.breadcrumb__list > li:nth-child(4) {display: none !important;}
.breadcrumb__item > button + div.active ul {margin:0 0 0 -4px;padding:5px 0 12px;}
.breadcrumb__item > button + div a {display:block;padding:9px 9px 9px 19px;line-height:1;color:#555;}
.breadcrumb__item span {cursor:inherit;pointer-events:none;}
/* .breadcrumb__item > button + div .current-submenu-item  a {color:#347f8a;background-color:#fff;} */

/* category view-tab */
.view-box {position:relative;margin-bottom:40px;}
.view-box > button {display:none;}
.view-box .view-tab {display:flex;align-content:stretch;align-items:center;width:100%;margin-bottom:40px;border:1px solid #ddd;}
.view-box .view-tab li {flex:1 1 auto;box-sizing:border-box;margin:0 !important;list-style:none !important;text-align:center;border-right:1px solid #ddd;}
.view-box .view-tab li:last-child {border-right:0;}
.view-box .view-tab li a {display:block;padding:12px 0 11px;font-size:1.125rem;color:#777;}
.view-box .view-tab li.active {background-color:#d8f2f6;}
.view-box .view-tab li.active a {font-weight:bold;color:#222;}


/* sub-layout */
#sub-content, #wrap main:not(#container) {display:flex;flex-grow:1;width:100%;max-width:1000px;margin:0 auto;}
#sub-content.layout {display:flex;flex-direction:column;flex-grow:1;width:100%;max-width:none !important;margin:0 auto;}
#sub-content.layout #sub_centent {display:flex;flex-direction:column;flex-grow:1;width:1000px;margin:0 auto;padding-bottom:40px;}

h4 {font-size:1.5rem;}




/* 통합게시판 */
#seoul-integrated-board .sib-viw-type-basic .sib-viw-type-basic-content table th {width:100% !important;background:#f8f8fa;}
#seoul-integrated-board .sib-viw-type-basic .sib-viw-type-basic-content table th, #seoul-integrated-board .sib-viw-type-basic .sib-viw-type-basic-content table td {border:1px solid #e2e2e2;}
#seoul-integrated-board {width:100% !important;}
#seoul-integrated-board .sib-viw-type-basic table {border-color:#84a7cb !important;}
#seoul-integrated-board .sib-viw-type-basic th {border-bottom:1px solid #84a7cb !important;background:#eff6fe !important;}
#seoul-integrated-board .sib-viw-type-basic td {border-bottom:1px solid #c3c3c3 !important;}
#board-wrapper #seoul-integrated-board .sib-popup-layer-share-sns {margin-left:0;}
#board-wrapper #seoul-integrated-board .sib-popup-inner-2021 .sib-popup-layer-share-sns li {list-style:none !important;background:none;;}
#board-wrapper #seoul-integrated-board .sib-popup-inner-2021 .txt-sns {font-size:13px;text-align:center;}
#board-wrapper #seoul-integrated-board .sib-viw-type-basic-button-right-2021 {padding:15px 0;}
#board-wrapper .openCcl {top:-71px;}

/* 목록형 검색 */
div#sub_h3.n1-search-tit {padding-bottom:0 !important;}
.n1-search-input-box-wrap {display:flex;justify-content:space-between;width:100%;max-width:700px;height:44px;margin:0 auto 60px !important;}
.n1-search-input-box-wrap .n1-search-input-box {display:flex;flex-grow:1;}
.n1-search-input-box-wrap input[type=text] {box-sizing:border-box;width:100%;min-width:60px;height:100%;margin:0 !important;padding:0;line-height:100%;vertical-align:middle;text-indent:5px;border:#347f8a 1px solid;box-shadow:none;}
.n1-search-input-box-wrap select {position:relative;min-width:105px;height:100%;margin-right:5px;line-height:100%;text-indent:20px;color:#347f8a;border:1px solid #347f8a;background:url(../images/common/blt-select.png) calc(100% - 10px) center no-repeat;appearance:none;}
.n1-search-input-box-wrap input[type=button] {float:right;box-sizing:border-box;width:10%;min-width:60px;min-width:64px;height:100%;margin-left:1%;padding:0;font-size:1rem;line-height:100%;vertical-align:middle;color:#222;border:#222 1px solid;background-color:#fff;box-shadow:none;}
.n1-search-input-box-wrap .bt-sch {box-sizing:border-box;min-width:60px;height:100%;padding:0 20px;padding:0;font-size:1rem;line-height:100%;vertical-align:middle;color:#fff;border:#347f8a 1px solid;background-color:#347f8a;box-shadow:none;}

/*---------- UI 공통개선 ----------*/
/* UI 공통개선 2019.09.11 수정 */
.movie-wrap a.title_more {position:absolute;top:11px;right:0;display:block;padding:0 18px 0 0;font-size:14px;line-height:24px;color:#747474;background:transparent url('/wp-content/themes/seoul_futurelab/images/common/bg_more_new.png') no-repeat top 6px right 0;;}
.view_top_ch {position:relative;overflow:hidden;box-sizing:border-box;width:100%;margin-bottom:20px;padding:25px 15px;padding-top:56px;border-top:1px solid #767676;border-bottom:1px solid #767676;background-color:#f4f6f7;}
.view_top_ch h3 {font-size:22px;font-weight:bold;line-height:1.2;color:#222;}
.view_top_ch .time {margin-top:20px;font-size:14px;text-align:right;color:#555;}
/* UI 공통개선 2019.09.16 수정 */
#content_manager_info {margin-top:10px;padding:20px;}
/* 20201126 main seoul banner */
.movie-wrap-new ul:after {display:block;clear:both;content:'';}
.movie-wrap-new ul li .img {margin-bottom:1px;}
.movie-wrap-new ul li a .img img {width:184px;height:156px;}
.main-seoul-banner {margin-top:10px;}
.main-seoul-banner a img {max-width:100%;height:auto;}
/* 통합/분야/비분야 게시판 스타일 공통 2021-05-17 */
#view_top.view_top_sb {box-sizing:border-box;padding:25px 15px;border-top:1px solid #767676;border-bottom:1px solid #767676;background-color:#f4f6f7 !important;}
#view_top.view_top_sb h3 {margin:0;padding:0;font-size:22px;font-weight:bold;line-height:1.2;color:#222;}
#view_top.view_top_sb .time {display:block;float:none;height:auto;margin-top:20px;padding:0;font-size:14px;text-align:right;color:#555;}
/* 상단 */
#view_top.view_top_sb.view_top_new {padding:10px 0 0;}
#view_top.view_top_sb.view_top_new * {box-sizing:border-box;}
#view_top.view_top_sb.view_top_new h3 {padding:0 100px 0 20px;text-align:left;}
#view_top.view_top_sb.view_top_new #sns_elem_top {top:5px;}
.view_top_new dl {display:block;overflow:hidden;color:#222;}
.view_top_new dl dt {float:left;padding:10px 20px;font-size:16px;color:inherit;}
.view_top_new dl.row1 dt.invisible {padding:0;}
.view_top_new dl dd {float:left;width:50%;padding:10px 20px;font-size:16px;color:inherit;}
.view_top_new dl.row1 dt, .view_top_new dl.row1 dd {padding:16px 20px 10px;}
.view_top_new dl.row2 {display:flex;align-items:stretch;border-top:1px solid #e2e2e2;}
.view_top_new dl.row2 dt {width:20%;}
.view_top_new dl.row2 dd {display:inline-flex;align-items:center;width:82%;background:#fff;}
.view_top_new dl dd.date {padding:36px 20px 10px;font-size:16px;}
.view_top_new dl dd.dept {font-size:16px;text-align:right;}
.view_top_new dl dd.dept span {display:block;font-size:16px;text-align:right;}

/* 하단 */
#sns_elem {padding:16px 0;border-top:1px solid #747474;border-bottom:1px solid #747474;}
#content_manager_info.content_manager_info_new > a {top:-61px;}
#content_manager_info.content_manager_info_new {display:none;height:20px;margin-bottom:0;padding:0;border-top:0;}
#content_manager_info.content_manager_info_new ul {display:none;}

/* 하단 CCL */
#content_manager_info.content_manager_info_2023 {position:static;display:flex;height:auto;margin-top:60px;padding:13px 0 14px;}
#content_manager_info.content_manager_info_2023 > a {position:static !important;margin:0 10px 0 5px;}
#content_manager_info.content_manager_info_2023 > span {display:flex;align-items:center;flex-wrap:wrap;width:100%;max-width:610px;font-size:14px;font-weight:400;letter-spacing:-.1em;color:#636363;}
div#new_scrap_area {display:none;}