html, body {position: relative; overflow-x:hidden; width:100%;-webkit-text-size-adjust:none; }
html {-webkit-overflow-scrolling:touch; margin-top: 0 !important;}

.clearfix{*zoom:1;}
.clearfix:after{display: block;clear: both; content: '';}
#wrapper {position: relative;}
#header #seoul-gnb-plugin {position: absolute; }
/* 怨듯넻 gnb */
#seoul-gnb-plugin,
#seoul-gnb-plugin .seoul-gnb-holder,
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-news,
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-news dd a,
#seoul-gnb-plugin .seoul-gnb-menu > dd > a,
#seoul-gnb-plugin .seoul-gnb-menu > dd .seoul-gnb-icon-menu4 {height: 40px !important; background-color: transparent; line-height:auto !important;}
#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-link {margin:4px 0 0 0 !important}
#header #seoul-gnb-plugin {border: 0;background: #263e84 !important;}

.mobile-menu-btn,.mobile-search-btn,
.gnb-mobile-close {display: none;}
.display-none {display: none !important}
.dimmedLayer {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1111;  display: none; background: rgba(0,0,0,.65);}

/** header **/
#header {position:relative; z-index:15;}
#header .holder {position:relative; margin:0 auto; max-width:1000px; width: 100%;}
#header .holder > div {overflow:hidden; height:32px;}
#header iframe {position:relative; top:-3px; margin:0; padding:0; width:100%; height:32px; border:0;}
/* #header h1 {position:absolute; top:84px; left:0px; width: 210px; height: 54px; background: url(/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/common/header-logo.png) no-repeat 0 0; text-indent: -99999em;background-size: contain;}
#header h1 a {display: block; width: 100%; height: 100%;} */
#header .language {position: absolute; top: 68px; right: 0; display: block; padding:8px 10px; border-radius: 20px; background: #fff;}
#header .language li {position: relative; float: left; line-height: 1;}
#header .language li a {color: #263e84; font-weight: bold; font-size: 14px; line-height: 1;}
#header .language li:first-child a {margin-right: 13px;}
#header .language li:first-child a:after { position: absolute; top:5px; right: 6px; clear: both; width: 1px; height: 7px; background: #0c82e9; content: '';}

#header .language li.active a,
#header .language li a:hover{color: #00a2ff; text-decoration: none; font-weight: bold;}
#header .language.active li:first-child:after {background: #fff;}
#header .language li:first-child a:after{background:#263e84}

#navigation {position:absolute; top: 40px; left: 0; z-index:10; width: 100%; height:110px; background:#263e84}
#navigation .holder {position:absolute; top:0; right:0; left:0; overflow:hidden; height:110px;}
#navigation .holder:after {position:absolute; top:110px; right:0; left:0; z-index:7; height:199px; background:#263e84; content:" ";}
#navigation .holder a {text-decoration:none;}
#navigation .holder > p {position:absolute; top:89px; left:50%; z-index:8; margin-left:-500px; width:1000px;}
#navigation .holder ul.mdept {position:relative;left: 50%;z-index:9;display: block;overflow:hidden;margin-top: 75px;margin-left: -500px;padding-left: 300px;width: 1000px;} /* padding-left: 508px;  2019-08-19 */
#navigation .holder ul.mdept > li {position:relative; z-index:5; float:left; margin-bottom:1px; padding: 0 21px; text-align: center;}
#navigation .holder ul.mdept > li:first-child{padding-left:0;}
#navigation .holder ul.mdept > li:last-child{padding-right:0; text-align: right;}

#navigation .holder ul.mdept > li a {letter-spacing: -.75px;}
#navigation .holder ul.mdept > li > a {display:block; margin: 0; padding:0; color:#fff; font-size:20px; line-height: 1;}
#navigation .holder ul.mdept > li > a:after { position: absolute; top:2px; right: -1px; clear: both; width: 2px; height: 15px; background: #fff; content: '';}
/*#navigation .holder > ul.mdept > li:last-child > ul > li > a{text-align: right;}*/
#navigation .holder ul.mdept > li:last-child a:after {display: none;}
#navigation .holder ul.mdept > li > a:hover, #navigation .holder > ul.mdept > li > a:focus {color: #83fff4; text-shadow: 0 0 0.65px #83fff4, 0 0 0.65px #83fff4;}
#navigation .holder ul > li > ul {margin-top:34px; padding:0; min-height: 160px;}
#navigation .holder ul > li > ul > li {position:relative; z-index:3; padding-bottom: 20px;text-align: center;line-height: 1; }
#navigation .holder ul > li > ul > li.depth3 {z-index:7;}
#navigation .holder ul > li > ul > li.depth3:after {position:absolute; top:9px; right:32px; display:block; width:11px; height:11px; background:url(../images/ico/ico-sprite-navigation.png) -17px -56px no-repeat; content:" ";}
#navigation .holder ul > li > ul > li > a {display:block; color: #fff; text-align: center !important; font-size: 14px;}
#navigation .holder ul > li > ul > li > a:hover {color: #83fff4; text-shadow: 0 0 0.65px #83fff4, 0 0 0.65px #83fff4;}
#navigation .holder ul > li > ul > li > ul {position:absolute; top:-3px; left:92px; z-index:7; overflow:hidden; width:0; height:0; background:#fff; white-space:nowrap; font-size:12px; font-size:0.857rem;}
#navigation .holder ul > li > ul > li > ul:before {position:absolute; top:11px; left:5px; width:11px; height:11px; background:url(../images/ico/ico-sprite-navigation.png) 0 -56px no-repeat; content:" ";}
#navigation .holder ul > li > ul > li > ul > li {padding:5px 21px 5px 25px; border-width:0 1px; border-style:solid; border-color:#b6b6b6;}
#navigation .holder ul > li > ul > li > ul > li:nth-child(1) {padding-top:9px; border-top:1px solid #b6b6b6;}
#navigation .holder ul > li > ul > li > ul > li:nth-last-child(1) {padding-bottom:12px; border-bottom:1px solid #b6b6b6;}

/** ENG **/
.eng #header .language {top:31px;}
.eng #header h1 {top:43px;}
.eng #navigation {top:0;}
.eng #navigation .holder > ul.mdept {padding-left: 212px }
.eng #navigation .holder > ul > li > ul > li > a {letter-spacing:-.75px}
.eng #navigation .holder > ul > li > ul > li > a:hover{letter-spacing:-.75px;}
.eng #navigation .holder > ul.mdept > li {padding: 0 15px;}
.eng #navigation .holder > ul.mdept > li:first-child{padding-left: 0;}
.eng #navigation .holder > ul.mdept > li:last-child{text-align: center;padding-right: 0;}
.eng #navigation .holder > ul.mdept > li:last-child > ul > li > a {text-align: center}
.eng #container header .location p > a:nth-child(2) {display: none;}

/** container 20220126**/
#container {position:relative; z-index:5; overflow:hidden; padding-bottom:50px; border-bottom:1px solid #cacaca;}
#container header {position: relative;}
#container header .tit-bg{height:100%; min-height: 280px;}
#container header .title-wrap{width: 100%; max-width: 1000px; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-40%);}
#container header .title-wrap h4 {font-size: 40px; color: #fff; font-weight: bold;}
#container header .location {padding:20px 0; border-bottom:1px solid #ddd;}
#container header .location p{width:1000px; margin:0 auto;}
#container header .location a {position:relative; display:inline-block; color: #999; font-size:16px; font-weight:bold;}
#container header .location a:after{content:''; position:absolute; top:3px; right:-3px; width:1px; height:10px; background:#ccc;}
#container header .location a:first-child{padding-right:30px;}
#container header .location a + a{padding:0 30px;}
#container header .location a:nth-child(2):before,
#container header .location .current-menu-page{color:#d46d66;}
/* #container header .location p {margin:0 auto; padding: 0; text-align: right; font-size:12px; font-size:1rem;}
#container header .location a {position: relative; display:inline-block; margin-left: 13px; color: #909090;}
#container header .location a:after {position: absolute; clear:both; width: 20px; color: #909090; content:' > '; text-align: center;}
#container header .location a:last-child:after {display: none;} */


/*mobile menu*/
.mobile-menu-btn {position: absolute; top: 26px; left: 14px; z-index: 10000;  display: none; box-sizing: border-box; margin-top: -15px; width: 32px; height: 34px;}
.mobile-menu-btn a {display:block; overflow: hidden; margin-top:0; width:30px; height:35px; text-indent: -9999em;}
.mobile-menu-btn a span,.mobile-menu-btn a span:after,.mobile-menu-btn a span:before {position:absolute; top: 15px; left: 0px; z-index:1; display:inline-block; width: 23px; height: 4px; border-radius:3px; background: #575757;}
.mobile-menu-btn a span:after,.mobile-menu-btn a span:before {content:"";}
.mobile-menu-btn a span:after {top: 10px;}
.mobile-menu-btn a span:before {top: -10px;}
.mask-layer {position:fixed; top:0px; left:0px; z-index:99; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}
.gnb-mobile-close {position:relative; top:0; left:0; z-index: 999999; width: 100%; height: 60px; background: #fff; border-bottom:2px solid #f4f4f4;}
.gnb-mobile-close .m-logo {position:absolute; top:8px; left:20px; width:148px; height:39px; background: url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/blockexpo_logo.png) no-repeat 0 0; text-indent:-9999em; margin-top:0;}
.gnb-mobile-close a {position: absolute; right: 20px; display:inline-block;  margin-top:15px; width:30px; height:28px;}
.gnb-mobile-close a span,.gnb-mobile-close a span:after,.gnb-mobile-close a span:before {position:absolute; top:10px; left:50%; z-index:1; display:inline-block; margin-left:-15px; width:30px; height:3px; border-radius:3px; background:#333; text-indent: -9999em}
.gnb-mobile-close span:after,.gnb-mobile-close span:before {content:"";}
.gnb-mobile-close a span {  background-color: transparent; }
.gnb-mobile-close a span:before {   -webkit-transform: translateY(-7px) translateX(1px) rotate(45deg); transform: translateY(-7px) translateX(1px) rotate(45deg);}
.gnb-mobile-close a span:after {    -webkit-transform: translateY(-7px) translateX(1px) rotate(-45deg); transform: translateY(-7px) translateX(1px) rotate(-45deg);}


.to-the-top {position: fixed; bottom: 0px; left: 50%; z-index: 9999; margin-left: 500px; opacity: 0;}
.home .to-the-top {margin-left: 575px;}
.mobile #seoul-integrated-board > .sib-viw-type-basic > .sib-viw-type-basic-button {display: none;}

/*20220114*/ /*수정*/
#wrapper{width:100%; height:100%; min-height:100vh; display:flex; flex-direction:column;}
#container{position:relative; width:100%; flex: 1 0 auto; flex-shrink: 0; margin:0 auto !important; display:flex; flex-direction: column;}
#container .column{flex:1 0 auto; display: flex; align-items: center;}
#footer{flex-shrink: 0; height:8rem;}
/* #wrapper{width:100%; height:100vh; min-height:100vh; display:flex; flex-direction: column;}
#container{position:relative; width:100%; height:calc(100vh - 8rem); flex:1 0 auto; flex-shrink: 0; margin: 0 auto !important; display:flex; flex-direction:column;}
#container .column{flex:1 0 auto; display: flex; align-items: center;}
#footer{flex-shrink: 0; height:8rem;} */
#header{height:40px;}
#header h1.logo{position:absolute; top:54px; width:148px; height:39px; }
#header h1.logo a{display:block; width:100%; height:100%; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/blockexpo_logo.png) no-repeat 0 0; text-indent:-9999em;}
#navigation{position:relative; top:0 !important; height:66px; background:#fff;}
#navigation .holder{width:100%; height:100%;}
#navigation .holder:after{content:''; display:block; position:absolute; top:66px; width:100%; z-index:-1; background:#fbf5f0; box-shadow: 1px 8px 6px rgba(0,0,0,0.34); -webkit-box-shadow: 1px 8px 6px rgba(0,0,0,0.34);}
#navigation .holder .menu-wrap{position:relative; top:0; width:100%; max-width:1000px; left: 50%; transform: translateX(-50%);}
#navigation .holder ul.mdept{margin-top:26px !important; display:inline-block; width:auto; padding-left:0; margin-left:0; position:absolute; left:auto; right:0;}
#navigation .holder ul.mdept > li:first-child{padding-left:21px !important;}
#navigation .holder ul.mdept > li:last-child {padding-right: 21px; text-align:center;}
#navigation .holder ul.mdept > li > a{font-size:18px; font-weight:bold; color:#666666; display:block;}
#navigation .holder ul.mdept > li > a:hover, #navigation .holder > ul.mdept > li > a:focus {color: #94282b; text-shadow: 0 0 0.65px #94282b, 0 0 0.65px #94282b;}
#navigation .holder ul.mdept > li:hover > a{color: #94282b; text-shadow: 0 0 0.65px #94282b, 0 0 0.65px #94282b;}
#navigation .holder ul.mdept > li > a:after{position: relative; top:19px; right:0; left:0; display:block; width: 100%; height: 2px; background: #94282b; content: ''; transform: scaleX(0); transition: transform 250ms ease-in-out;}
#navigation .holder ul.mdept > li:last-child a:after{display:block;} 
#navigation .holder ul.mdept > li:hover a:after{transform: scaleX(1);}
#navigation .holder ul > li > ul{margin-top:45px;}
#navigation .holder ul > li > ul > li > a{color:#666666;}
#navigation .holder ul > li > ul > li > a:hover{color: #94282b; text-shadow: 0 0 0.65px #94282b, 0 0 0.65px #94282b;}
#footer{position:static; background:#2c2c2c; border-top:0;}
#footer .holder {display:flex; overflow: hidden; margin:0 auto; padding:20px 0; min-height:100%; max-width: 1000px; width: 100%; font-size:0.857rem;}
#footer .holder .logo{flex-shrink: 0; width: 121px; height:32px; background:url(https://festival.seoul.go.kr/wp-content/themes/festival/page-templates/project/2021/assets/images/img/img-seoul.png) no-repeat 0 0; text-indent: -99999em;}
#footer .holder .footer-info{flex-grow: 1; padding-left:35px;}
#footer .link{display:flex; flex-direction: row;}
#footer .fr p,#footer .link li,#footer .link li a{color:#eeeeee !important;}
#footer .link li{padding:0 8px; position:relative;}
#footer .link li:first-child{padding-left:0;}
#footer .link li:nth-child(2):before{left:0;}
#footer .link li:nth-child(2):after{right:0;}
#footer .link li:nth-child(2):before,#footer .link li:nth-child(2):after{position:absolute; top:4px; content:''; width:1px; height:11px; background:#808080;}
#footer .holder .logo-sns-area .block-logo{float:right; display:inline-block; margin-bottom:10px; width:130px; height:37px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-logo.png) no-repeat 0 0; background-size: contain; text-indent: -99999em;}
#footer .link li:last-child br{display:contents;}
/* #footer .holder .logo-sns-area ul{clear:both; display:flex; justify-content: flex-end;}
#footer .holder .logo-sns-area ul li + li{margin-left:10px;}
#footer .holder .logo-sns-area ul li a{display:inline-block; width:24px; height:24px; overflow: hidden; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/sns-icons.png) no-repeat 0 0; text-indent: -9999em;}
#footer .holder .logo-sns-area ul li a:hover{background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/sns-icons_hover.png) no-repeat 0 0;}
#footer .holder .logo-sns-area ul li:nth-child(2) a{background-position-x: -34px;}
#footer .holder .logo-sns-area ul li:nth-child(3) a{background-position-x: -68px;}
#footer .holder .logo-sns-area ul li:last-child a{background-position-x: -102px;} */


@media screen and (max-width: 1001px) {
  #header{height:auto;}
  #header .holder {height: 60px; background: #FFF; border-top:2px solid #94282b;}
  #header h1.logo{top:8px; left: 50%; transform: translateX(-50%);}
  #seoul-common-header {display: none;}
  .mobile-menu-btn {display: block;}
  #navigation,.eng #navigation {position: fixed; top:0; left: -90%; z-index: 10000; overflow: auto; overflow-x: hidden; width: 90%; height: 100%; background: #fff;}
  #navigation.open {left: 0;}
  #navigation.open:before{content:''; position:fixed; width:100%; height:100%; max-height:100%; background: rgba(0,0,0,.4);}
  #navigation.open .holder {overflow: auto;height: 100% !important; background:#fff; padding:0;}
  #navigation.open .gnb-mobile-close {display: block;}
  #navigation .holder:after {display: none;}
  #navigation.open .holder ul.mdept {top:0; left: 0; margin-top:0 !important;}
  #navigation.open .holder ul.mdept > li {padding:26px 20px!important; width: 100% !important; border-bottom: 1px solid #ededed; text-align: left !important;}
  #navigation .holder ul.mdept > li > a {position:relative; display:block; color:#333;}
  #navigation.open .holder ul.mdept > li > a.on{color:#94282b;}
  #navigation .holder ul.mdept > li > a:after{transform:rotate(0deg); content:''; position:absolute; top:4px; right:0; left:auto; transform:none; width:20px; height:11px; background:url(/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/btn/mob-gnb-btn.png) no-repeat; background-size:cover;}
  #navigation.open .holder ul.mdept > li > a.on:after{transform:rotate(-180deg);}
  #navigation .holder ul.mdept > li > ul {display:none; margin-top: 0; padding-left: 0; height: auto; min-height:0; padding:24px 16px 0 16px;}
  #navigation .holder ul > li > ul > li{padding-bottom: 24px; padding-left: 0; line-height: 1.5}
  #navigation .holder ul > li > ul > li:last-child{padding-bottom:0;}
  #navigation .holder ul > li > ul > li > a {color:#333; text-align: left !important; font-size:16px;}
  #container header .tit-bg {min-height: 180px; margin-top:43px;}
  #container header .title-wrap {top: 55%;}
  #container header .location {position: absolute; top: 0; left: 0; margin: 0; padding: 10px 14px; transform: none; border-top:1px solid #ddd;}
  #container header .location a:not(:first-child) {padding-right: 35px;}
  #container header .location a + a {padding: 0 20px;}
  #container header .location a:first-child{padding-left:27px; padding-right:20px;}
  #container header .location a:first-child:before{content:''; position:absolute; top:1px; left:0; width:13px; height:13px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-icons.png) 0 0 no-repeat;}
  #container header .location a:after{top:2px; right:-2px; width:5px; height:11px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/block-icons.png) no-repeat; background-position-x:-22px;}
  #container header .location a:not(:first-child){padding-right:20px;}
  #container header .location a:last-child:after{display:none;}
  #container header .location p {text-align: left}
  #container header .location a {font-size: 0.9rem; line-height: 1;}
  #container header h3 {width: 100%; height: 200px; background-size: cover !important;}
  #container header .title-wrap {padding-left: 20px;}
  /*20220118*/
  #footer{height:auto !important;}
  #footer .holder .footer-info{padding-left:0;}
  #footer .holder .logo{display:none;}
  #footer .link,#footer .fr{margin:10px 20px 0 20px;}
  #footer .link,#footer .fr p{line-height:1.5; justify-content: center; text-align:center;}
  #footer .holder{flex-direction: column;}
  #footer .holder .logo-sns-area .block-logo{float:none; display:block; margin: 5px auto 0 auto;}
  /* #footer .holder .logo-sns-area ul{justify-content:center; margin-top:18px;} */
}


/* sitemap */
.sitemapWrap > ul > li { width: 30%; float: left; margin-right: 5%;}
.sitemapWrap > ul > li:nth-child(3n){margin-right:0}
.sitemapWrap > ul > li > h5{padding-bottom: 0 !important;}
.sitemapWrap > ul > li > h5 a {display:block;padding: 10px 17px 9px 17px;background:#263e84;font-size:20px;font-size:1.429rem;font-weight:600;color:#fff;}
.sitemapWrap > ul > li > ul {padding: 15px;}
.sitemapWrap > ul > li > ul > li {margin-bottom: 5px;}


@media screen and (max-width: 840px) {
.sitemapWrap > ul > li { width: 100%; border-left:0}
.sitemapWrap > ul > li > h5 {padding: 8px 0; border-top: 1px solid #ddd}
.sitemapWrap > ul > li:first-child > h5 {border-top: 0}
#footer .fr p,#footer .link li,#footer .link li a{font-size:0.9rem; line-height:1.5;}
}
@media screen and (max-width:640px){
  #header h1.logo{top:10px;}
  #header h1.logo a{max-width: 130px; max-height: 34px; background-size: cover;}
  #footer .link li:last-child{flex:1 1 100%;}
  footer .link{flex-wrap: wrap; align-content: stretch;}
  #footer .link li:nth-child(2):after{display:none;} 
  /* #footer .holder .logo-sns-area ul li a{width:32px; height:32px; background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/mob-sns-icons.png) no-repeat 0 0;}
  #footer .holder .logo-sns-area ul li a:hover{background:url(https://forum.seoul.go.kr/wp-content/themes/seoul_ssc/template/blockexpo/2021/assets/images/ico/mob-sns-icons.png) no-repeat 0 0;);}
  #footer .holder .logo-sns-area ul li:nth-child(2) a{background-position-x: -52px;}
  #footer .holder .logo-sns-area ul li:nth-child(3) a{background-position-x:-104px;}
  #footer .holder .logo-sns-area ul li:nth-child(4) a{background-position-x:-156px;} */
}

@media screen and (max-width:414px){  
  #container header .location a:first-child,
  #container header .location a:not(:first-child){padding-right:16px;}
  #container header .location a + a{padding:0 16px;}
  #footer .link li:last-child br {display: block;}
}