@charset 'utf-8'; @font-face {font-family:'SCDream';font-weight:400; src:url('../font/SCDream4.eot'); /* IE9 Compat Modes */src:url('../font/SCDream4.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../font/SCDream4.woff2') format('woff2'), Super Modern Browsers */ url('../font/SCDream4.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/SCDream4.ttf') format('truetype'); /* Safari, Android, iOS */ ;} @font-face {font-family:'SCDream';font-weight:500; src:url('../font/SCDream5.eot'); /* IE9 Compat Modes */src:url('../font/SCDream5.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../font/SCDream5.woff2') format('woff2'), Super Modern Browsers */ url('../font/SCDream5.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/SCDream5.ttf') format('truetype'); /* Safari, Android, iOS */ ;} @font-face {font-family:'SCDream';font-weight:700; src:url('../font/SCDream6.eot'); /* IE9 Compat Modes */src:url('../font/SCDream6.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../font/SCDream6.woff2') format('woff2'), Super Modern Browsers */ url('../font/SCDream6.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/SCDream6.ttf') format('truetype'); /* Safari, Android, iOS */ ;} @font-face {font-family:'GmarketSans';font-weight:400; src:url('../font/GmarketSansMedium.eot'); /* IE9 Compat Modes */src:url('../font/GmarketSansMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../font/GmarketSansMedium.woff2') format('woff2'), Super Modern Browsers */ url('../font/GmarketSansMedium.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/GmarketSansMedium.ttf') format('truetype'); /* Safari, Android, iOS */ ;} @font-face {font-family:'GmarketSans';font-weight:700; src:url('../font/GmarketSansBold.eot'); /* IE9 Compat Modes */src:url('../font/GmarketSansBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../font/GmarketSansBold.woff2') format('woff2'), Super Modern Browsers */ url('../font/GmarketSansBold.woff') format('woff'), /* Pretty Modern Browsers */ url('../font/GmarketSansBold.ttf') format('truetype'); /* Safari, Android, iOS */ ;} html, body {min-width:1020px;font-family:'SCDream','Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif';} /* admin */ body.admin-bar #wrap:not(.main) #header {top: 32px;} body.admin-bar #wrap:not(.main) .nav_wrap {top: 155px;} #wrap {display: flex;flex-direction: column;min-height: 100vh;} .display-none {display:none !important;} #seoul-common-header {height:48px;background-color:#fff;} #header {position:fixed;z-index:15;width:100%;height:123px;background-color:#0d8c78;} #header .holder {position:relative;display:flex;align-items:center;justify-content:space-between;width:1000px;height:75px;margin:0 auto;} #header .holder > div {overflow:hidden;height:32px;} #header iframe {position:relative;top:-3px;width:100%;height:32px;margin:0;padding:0;border:0;} #header .holder .sns li {float:left;margin-right:7px;} #header .holder .sns li:last-child {margin-right:0;} #header .holder .sns img {width:35px;height:35px;} .nav_wrap {position:fixed;z-index:7;top:123px;display:block;width:100%;background:#fff;} #navigation {position:relative;z-index:10;height:90px;} #navigation .holder {position:absolute;top:0;right:0;left:0;overflow:hidden;height:90px;background:#fff;} #navigation .holder.on {overflow:visible;} #navigation .holder:after {position:absolute;z-index:7;top:91px;right:0;left:0;height:300px;content:' ';background:#f1fffc;} #navigation .holder a {cursor:pointer;text-decoration:none;} #navigation .holder > p {position:absolute;z-index:8;top:91px;left:50%;width:1000px;margin-left:-500px;} #navigation .holder > ul {position:relative;z-index:9;display:flex;overflow:visible;width:1000px;margin:0 auto;} #navigation .holder > ul > li {position:relative;z-index:5;float:left;min-width:170px;margin-bottom:1px;} #navigation .holder > ul > li > a {display:flex;align-items:center;justify-content:flex-start;box-sizing:content-box;height:90px;font-size:20px;font-weight:700;color:#666;} #navigation .holder > ul > li > a span {line-height: 1;} #navigation .holder > ul > li.on > a span, #navigation .holder > ul > li > a:hover span{padding-left: 17px;position: relative;color:#0d8c78;font-weight: 700;} #navigation .holder > ul > li.on > a span:before, #navigation .holder > ul > li > a:hover span:before{content:" "; display:block; position:absolute; top:5px; left:0; width:10px; height:9px; background:url(../images/ico/ico-gnb.png) center no-repeat;} #navigation .holder > ul > li li a:hover{color:#0d8c78; font-weight: 700;} #navigation #menu-item-28465, #navigation #menu-item-29433 {width:244px;} #navigation #menu-item-27701 .sub-menu, #navigation #menu-item-27701.depth3:after {display: none;} /* 지난행사 3dep */ #navigation .holder > ul > li > ul{padding: 17px 0 ;} #navigation .holder > ul > li:nth-child(1) > a, #navigation .holder > ul > li:nth-child(1) > ul{padding-left:54px;} #navigation .holder > ul > li:nth-child(2) > a, #navigation .holder > ul > li:nth-child(2) > ul{padding-left:48px;} #navigation .holder > ul > li:nth-child(3) > a, #navigation .holder > ul > li:nth-child(3) > ul{padding-left:40px;} #navigation .holder > ul > li:nth-child(4) > a, #navigation .holder > ul > li:nth-child(4) > ul{padding-left:37px;} #navigation .holder > ul > li:nth-child(5) > a, #navigation .holder > ul > li:nth-child(5) > ul{padding-left:14px;} #navigation .holder > ul > li > ul > li {position:relative;z-index:3;padding:8px 0;font-size:16px;letter-spacing:-.05rem;line-height: 1;} #navigation .holder > ul > li > ul > li.depth3 {z-index:7;} /* #navigation .holder > ul > li > ul > li.depth3:after {content:" "; display:block; position:absolute; top:9px; right:30px; width:11px; height:11px; background:url(../images/ico/ico-sprite-navigation.png) -17px -56px no-repeat;} */ #navigation .holder > ul > li > ul > li > a {display:block; line-height: 1; color:#000;} #navigation #menu-item-27545 a {margin-bottom:14px;} /* #navigation .holder > ul > li > ul > li > ul {position:absolute;z-index:7;top:-3px;left: 84px;width:0;height:0;overflow:hidden;background:#fff;font-size:12px;font-size:0.857rem;white-space:nowrap;} */ #navigation .holder > ul > li > ul > li > ul {font-size:15px;white-space:nowrap;} /* #navigation .holder > ul > li > ul > li > ul:before {content:" "; position:absolute; top:11px; left:5px; width:11px; height:11px; background:url(../images/ico/ico-sprite-navigation.png) 0 -56px no-repeat;} */ #navigation .holder > ul > li > ul > li > ul > li {padding:6px 0 6px 10px; line-height: 1; position: relative;} #navigation .holder > ul > li > ul > li > ul > li a{color: #000;} #navigation .holder > ul > li > ul > li > ul > li span:before{content:"-"; display:inline-block; position:absolute; left:0; line-height: inherit; color:inherit;} #container {position:relative;z-index:5;padding-bottom:50px;border-bottom:1px solid #cacaca;margin-top:213px;} /*pagination*/ .page-control {text-align:center;} .pagination {display:inline-block;overflow:hidden;margin:20px 0 0 0;} .pagination:after {display:block;clear:both; content:'';} .pagination li {display:block;float:left;margin-left:6px !important;} .pagination li a {display:block;box-sizing:border-box;width:34px;height:34px;margin-left:6px; /*padding: 13px;*/line-height:31px;border:1px solid #ccc;} .pagination li.active a {font-weight:700;color:#fff;border-color:#333;background:#333;} /*0827*/ .pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus {color:#333;border-color:#333;background:none;} .pagination li a:hover, .pagination li a:active, .pagination li a:focus {background:none;} .pagination li[class^='btn-'] a {margin-left:0;border:1px solid #ccc;border-radius:0;background:none/* url("https://www.seoul.go.kr/res_newseoul/images/btn_pagination.png") no-repeat; background-size: 120px 30px*/ ;} .pagination li.btn-first a {margin-left:0;background-position:4px;} .pagination li.btn-prev a {margin-right:10px;background-position:-26px 4px;} .pagination li.btn-next a {margin-left:10px;background-position:-54px 4px;} .pagination li.btn-last a {background-position:-85px 4px;} #footer {display:block;width:100%;padding:0 ;background:#222;} #footer .holder {display:flex;width:1000px;margin:0 auto;padding:22px 0 24px;font-size:12px;font-size:.857rem;} #footer .holder div {display:flex;flex-direction:column;justify-content:space-around;margin-left:20px;} #footer * {font-weight:normal;color:#fff;} #footer dl {display:inline-flex;overflow:hidden;} #footer dl dd:not(:last-child) {position:relative;margin-right:21px;} #footer dl dd:not(:last-child):after {position:absolute;top:0;right:-11px;width:1px;height:1rem;content:'';background-color:#fff;} #footer dl dt + dd a {color:#07deb8;} #footer address {margin-top:5px;letter-spacing:-.3px;} /* pc */ #navigation .holder > ul > li > ul > .menu-item-16617.depth3::after, #navigation .holder > ul > li > ul > .menu-item-16605.depth3::after, #navigation .holder > ul > li > ul > .menu-item-17648.depth3::after {background:transparent;} li#menu-item-16617 ul, li#menu-item-16605 ul, li#menu-item-17648 ul {display:none;} .btn-top {position:fixed;z-index:10;bottom:-100px;left:50%;display:block;width:60px;height:60px;margin-left:600px;font-size:0;transition:1s;opacity:0;border-radius:100%;background:#554e0f url(../images/btn/btn_top.png);} .btn-top.show {bottom:75px;opacity:1;} @media screen and (max-width: 1128px) {.btn-top {right:20px;left:unset;margin-left:0;}} /* 사이트맵 새창열기 */ #navigation .holder > ul li a[target="_blank"] span, .lst-sitemap li a[target="_blank"] span{position: relative; overflow:visible;font-weight: inherit;} #navigation .holder > ul li a[target="_blank"] span:after, .lst-sitemap li a[target="_blank"] span:after {position: absolute;bottom:4px;right: -20px;width: 13px;height: 13px;background: url(../images/ico/ico-blank.png) center no-repeat;;content: '';}