html, body{background:#eee; overflow-x:hidden; -webkit-text-size-adjust:none;} html.open, body.open {overflow: hidden} .ui-loader{display:none; visibility:hidden;} #header a, #footer a, #menu a{display:block; color:#333;} #wrapper{position:relative; z-index:5;} /* sprite */ .sp-icon{display:inline-block; overflow:hidden; background-image:url(../images/sprite/2017/sp-nav.png); background-repeat:no-repeat; background-size:24px 214px; text-indent:-9999px;} span[class*="sp-icon-"]{display:inline-block; overflow:hidden; background-image:url(../images/sprite/2017/sp-nav.png); background-repeat:no-repeat; background-size:24px 214px; text-indent:-9999px;} .sp-icon-menu{width:22px; height:22px; background-position:0 0;} .sp-icon-menu2{width:22px; height:22px; background-position:0 -48px;} .sp-icon-search{width:22px; height:22px; background-position:0 -24px;} .sp-icon-parts{width:22px; height:22px; background-position:0 -168px;} #main-navigation .sp-icon-arrow{background-size:28px 250px; background-position:-14px -105px;} #sub-navigation .sp-icon-arrow{background-size:28px 250px; background-position:0 -105px;} .sp-icon-allmenu-close{background-position:0 -108px;} .sp-icon-allmenu-plus{background-position:0 -132px;} .sp-icon-allmenu-minus{background-position:0 -150px;} /* sprite 분야별 */ /* 사이트 상단 */ #header{position:relative; background:#fff;} #global{position:relative; padding:4px 6px 7px 6px; border-bottom:1px solid #ddd; background:#f5f5f5;} #global img{display:block; width:80px;} #global h1 a{width:93px;} #global dl{position:absolute; top:50%; right:12px; margin-top:-7px; height:20px; font-size:0.867em; line-height:20px;} #global dl dd{float:left;} #global dl dd a{color:#333;} #local{position:relative;} #local h1{position:relative; padding:0 0 0 40px; font-family:SeoulNamsan, 'SeoulNamsan'; font-size:1.2em;} #local a {height:48px; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #local a span.icon{display:inline-block; position:relative; top:-3px; overflow:hidden; margin-right:3px; vertical-align:middle; background-image:url(../images/sprite/2017/sp-part-icon.png); background-repeat:no-repeat; background-size:35px 370px;} #local a.glogo {position:absolute; top:7px; left:6px; width:30px; line-height:0;} #local a.glogo img {height:30px;} #local.parts h1 {text-align: center;margin: 0 75px 0 40px;padding: 0} #local.parts a.glogo {position: static;top: auto;left: auto;} #local.parts h1 a {display: inline-block;line-height: 55px} #local.parts a.glogo img {margin: 10px 0 0 0;} /* #local span{position:absolute; top:9px; left:6px;} #local span img{height:48px;} #local a{height:48px; text-align:center; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */ #utility{position:absolute; top:50%; margin-top:-17px; right:-4px;overflow: hidden;} #utility li{float:left; margin-left:5px;} #utility a, #utility button {display:block; position:relative; width:33px; height:30px; border:2px solid #ccc; border-radius:5px; background:#fff; text-align:center;} #utility button {width: 37px;height: 34px;} #utility a span, #utility button span {position:absolute; top:5px; left:6px;} #utility .lst-allmenu a.on, #utility .lst-allmenu button.on {position:relative; z-index:9999; width:33px; border-top-right-radius:0; border-bottom-right-radius:0; border-color:#5271ad; border-right:1px solid #758dbd; background:#5271ad;} #utility .lst-allmenu button.on .sp-icon-menu, #utility .lst-allmenu button.on .sp-icon-menu {background-position:0 -48px;} #local.parts #utility {position: static;top: auto;margin: 0;right: auto} #local.parts #utility li {position: absolute;top: 50%;margin-top: -17px;margin-left: 0;} #local.parts #utility .frm-search {right: 38px;} #local.parts #utility .lst-allmenu {left: -4px} #local.parts #utility .lst-parts {right: -4px;} /* 메뉴 */ .common-navigation{position:relative; padding:0 28px 1px 5px; margin-bottom:8px; font-weight:bold;} .common-navigation .btn-slide{display:block; position:absolute; top:0; right:0; width:20px; height:100%; overflow:hidden;} .common-navigation span.sp-icon-arrow{position:absolute; top:50%; left:0; margin-top:-7px; width:9px; height:14px;} .common-navigation div{width:100%; overflow:hidden; white-space:nowrap;} .common-navigation ul{display:inline-block;} .common-navigation li{display:inline-block; padding:0.4em 2px;} .common-navigation li:nth-last-child(1){padding-right:0;} .common-navigation li a{display:inline-block; padding:0.4em 0.6em 0.3em 0.6em; color:#333;} .common-navigation li:nth-last-child(1) a{padding-right:0;} #main-navigation{border-top:3px solid #4566a8; border-bottom:1px solid #ccc; background:#fff;} #main-navigation li a{padding:0.4em 0.4em 0.3em 0.4em;} #sub-navigation{border-top:3px solid #304775; border-bottom:2px solid #b2b2b2; background:#4566a8; -webkit-box-shadow: 0px 1px 0px 0px rgba(166, 166, 166, 1); -moz-box-shadow: 0px 1px 0px 0px rgba(166, 166, 166, 1); box-shadow: 0px 1px 0px 0px rgba(166, 166, 166, 1);} #sub-navigation li a{color:#fff;} #sub-navigation a.on{background:#304775;} /* 전체검색 */ #global-search{display:none; position:relative; z-index:2; padding:5px 10px 5px 10px; border-top:3px solid #4566a8; background:#fff;} #global-search div{padding:0 45px 0 6px; border:1px solid #ccc; border-radius:4px;} #global-search input{padding:0; margin:0; width:100%; height:35px; border:0; font-size:15px; line-height:35px; color:#333;} #global-search button{display:block; position:absolute; top:6px; right:10px; width:39px; height:35px; border-left:1px solid #ccc; text-align:center;} #global-search button span{position:absolute; top:7px; left:8px; width:22px; height:22px;} /* 전체메뉴 보기 */ #masker{position:absolute; top:0; left:0; z-index:7777; width:100%; height:100%; background:rgba(0,0,0,0.3);} #allmenu-navigation{position:fixed; z-index:8888; top:0; left:100%; width:65%; height:100%;display: none} #allmenu-navigation a{display:block; position:relative;} #allmenu-navigation a span{position:absolute; top:50%; right:14px; margin-top:-7px; width:15px; height:14px;} #allmenu-navigation a span.sp-icon-allmenu-close{right:11px; margin-top:-10px; width:20px; height:20px; background-position:0 -108px;} #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #758dbd; background:#5271ad;position: absolute;top: 0;left: 0;width: 100%;} /* 2018-10-22 접근성 수정 */ #allmenu-navigation p.btn-menuclose a{padding:11px 15px 0 15px; height:31px; color:#fff;} #allmenu-navigation #jindoscroll{position:relative; z-index:1; height:100%; overflow:hidden; background:#5271ad;} #allmenu-navigation #jindoscroll div{border:0 !important; background:transparent !important;} #allmenu-navigation #jindoscroll div > ul{padding:45px 0 20px 3px;}/* 2018-10-22 접근성 수정 */ #allmenu-navigation #jindoscroll div > ul > li{font-size:17px; border-bottom:1px solid #fff;} #allmenu-navigation #jindoscroll div > ul > li.on{border-bottom:0;} #allmenu-navigation #jindoscroll div > ul > li a{padding:8px 0 7px 12px; color:#fff;} #allmenu-navigation #jindoscroll div > ul > li > a{padding:8px 32px 7px 12px;} #allmenu-navigation #jindoscroll .lst-depth2{display:none; background:#fff; font-size:15px;} #allmenu-navigation #jindoscroll li.on.lst-depth2{display:block;} #allmenu-navigation #jindoscroll .lst-depth2 > li{border-bottom:1px solid #ccc;} #allmenu-navigation #jindoscroll .lst-depth2 > li:nth-last-child(1){border-bottom:0;} #allmenu-navigation #jindoscroll .lst-depth2 > li a{padding:7px 10px 5px 10px; color:#333;} #allmenu-navigation #jindoscroll .lst-depth3{margin:0 10px 0 10px; padding:0 0 8px 0; font-size:12px;} #allmenu-navigation #jindoscroll li.on.lst-depth3{display:block;} #allmenu-navigation #jindoscroll .lst-depth3 li{padding:2px 0;} #allmenu-navigation #jindoscroll .lst-depth3 > li a{padding:7px 10px 5px 10px; background:#ebebeb; color:#777;} #allmenu-navigation #jindoscroll li.servicemap a {display:block; padding:8px 0 7px 0 !important; text-align:center;} #allmenu-navigation #jindoscroll li.servicemap a:before {content:" "; display:inline-block; margin-right:5px; width:28px; height:23px; vertical-align:middle; background:url(../images/ico/service-logo.png) no-repeat;} /* 2017-03-20 */ #allmenu-navigation.navigation-parts p.btn-menuclose a {padding: 11px 15px 0 35px;} #allmenu-navigation.navigation-parts p.btn-menuclose a:before {content: " ";position: absolute;left: 10px;width:25px; height:21px;background-image:url(../images/sprite/2017/sp-menu-white-2017.png); background-size:25px 325px; background-repeat:no-repeat;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-27:before{background-position:0 0;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-34:before{background-position:0 -25px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-24:before{background-position:0 -50px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-22:before{background-position:0 -75px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-23:before{background-position:0 -100px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-25:before{background-position:0 -125px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-26:before{background-position:0 -150px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-15:before{background-position:0 -175px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-21:before{background-position:0 -200px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-28:before{background-position:0 -225px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-29:before{background-position:0 -250px;} #allmenu-navigation.navigation-parts p.btn-menuclose a.blog-30:before{background-position:0 -275px;} /* 3뎁스 */ #sub-aside{position:relative; margin:0 10px; overflow:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch;} #sub-aside ul{display:inline-block;} #sub-aside li{display:inline-block; padding:1px 2px 0 2px;} #sub-aside a{display:inline-block; padding:0.3em 0.6em; background:#ccc; color:#333;} #sub-aside a.on{background:#4566a8; color:#fff;text-decoration: underline;} /* 컨텐츠영역 */ #content-container{position:relative; z-index:2; padding-top:8px;} /* 분야별 메뉴 */ #menu{position:relative; z-index:2; background:#5271ad; white-space:nowrap; -webkit-box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5); -moz-box-shadow: 0px 0px 6px 1px rgba(183,183,183,0.5); box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5);} #menu ul{padding:10px 0 0 0; width:100%; text-align:center; overflow:hidden;} #menu li{float:left; width:16.3%; height:84px;} #menu li:nth-child(6n+1){margin-left:1.3%;} #menu a{position:relative; font-size:9px; color:#fff; -webkit-text-size-adjust:none;} #menu a span[class*="sp-menu-icon"]{display:block; margin:0 auto 5px auto; width:42px; height:42px; background-image:url(../images/sprite/2017/sp-menu.png); background-size:42px 585px; background-repeat:no-repeat;} #menu span.sp-menu-icon1{background-position:0 0;} #menu span.sp-menu-icon2{background-position:0 -45px;} #menu span.sp-menu-icon3{background-position:0 -90px;} #menu span.sp-menu-icon4{background-position:0 -135px;} #menu span.sp-menu-icon5{background-position:0 -180px;} #menu span.sp-menu-icon6{background-position:0 -225px;} #menu span.sp-menu-icon7{background-position:0 -270px;} #menu span.sp-menu-icon8{background-position:0 -315px;} #menu span.sp-menu-icon9{background-position:0 -360px;} #menu span.sp-menu-icon10{background-position:0 -405px;} #menu span.sp-menu-icon11{background-position:0 -450px;} #menu span.sp-menu-icon12{background-position:0 -495px;} #menu span.sp-menu-icon13{background-position:0 -540px;} #menu a span.text{display:inline-block; position:absolute; width:80px; left:50%; margin-left:-40px;} /* 분야별 메뉴 2 */ #menu.menu-parts ul{width:100%; text-align:center; overflow:hidden;} #menu.menu-parts li{float:left; width:50%; height: auto;text-align: left;border-top: 1px solid #dfdfe0;box-sizing: border-box;} #menu.menu-parts li * {vertical-align: middle} #menu.menu-parts li:nth-child(2n+1) {border-right: 1px solid #dfdfe0;} #menu.menu-parts li:nth-child(6n+1){margin-left:0;} #menu.menu-parts a{padding: 5px 0px 5px 10px ;position:relative;font-size: 15px; color: #333; -webkit-text-size-adjust:none;} #menu.menu-parts a span[class*="sp-menu-icon"]{display:inline-block; margin:0 0 5px 0; width:25px; height:21px; background-image:url(../images/sprite/2017/sp-menu-2017.png); background-size:25px 325px; background-repeat:no-repeat;} #menu.menu-parts span.sp-menu-icon1{background-position:0 0;} #menu.menu-parts span.sp-menu-icon2{background-position:0 -25px;} #menu.menu-parts span.sp-menu-icon3{background-position:0 -50px;} #menu.menu-parts span.sp-menu-icon4{background-position:0 -75px;} #menu.menu-parts span.sp-menu-icon5{background-position:0 -100px;} #menu.menu-parts span.sp-menu-icon6{background-position:0 -125px;} #menu.menu-parts span.sp-menu-icon7{background-position:0 -150px;} #menu.menu-parts span.sp-menu-icon8{background-position:0 -175px;} #menu.menu-parts span.sp-menu-icon9{background-position:0 -200px;} #menu.menu-parts span.sp-menu-icon10{background-position:0 -225px;} #menu.menu-parts span.sp-menu-icon11{background-position:0 -250px;} #menu.menu-parts span.sp-menu-icon12{background-position:0 -275px;} #menu.menu-parts span.sp-menu-icon13{background-position:0 -300px;} #menu.menu-parts {position:fixed; z-index:8888; top:0; right:100%; width:300px; height:auto;background: #fff} #menu #parts-list p a {padding: 10px 0;border-top: 3px solid #dfdfe0;text-align: center} #menu #parts-list p a * {vertical-align: middle} #parts-list dl dt {margin: 5px 0;padding: 15px 0 5px 35px;color: #5775b1;font-weight: bold;} #parts-list dl dt:before {content: " ";position: absolute;left: 10px;width: 22px;height: 22px;background: url(../images/sprite/2017/sp-nav.png) no-repeat 0 -169px;background-size: 24px 214px;} .btn-parts-close {position: absolute; top: 17px;right: 10px;width: 20px;height: 20px; background-image: url(../images/sprite/2017/sp-nav.png); background-repeat: no-repeat; background-position: -2px -192px;;background-size: 24px 214px;text-indent: -9999em;} /* 사이트 정보 */ #footer{position:relative; z-index:2; /* margin-top:18px; */ border-top:1px solid #aaa; background:#ddd; line-height:1.5; text-align:center; color:#666;} #footer address{padding:9px 72px 9px 10px; border-bottom:1px solid #c9c9c9; font-size:0.733em; text-align:left;} #footer .btn-pc{position:absolute; top:12px; right:10px; width:62px; font-size:0.867em;} #footer .btn-pc a{display:block; padding:4px 0 3px 0; border-radius:2px; background:#5271ad; color:#fff;} #footer .txt-copyright{padding:7px 0; font-size:0.733em;} /* 서비스 바로가기 */ #section-service-list {display: none} .icon-main {display: inline-block;background-image: url(../images/sprite/2017/sp-main-2017.png); background-repeat: no-repeat; background-size: 25px 80px} .icon-main-plus {width: 15px;height: 15px;background-position: 0 -1px;vertical-align: middle} .icon-main-down {width: 25px;height: 20px;background-position: 0 -15px;vertical-align: middle} .icon-main-up {width: 25px;height: 20px;background-position: 0 -35px;vertical-align: middle} .site-go {display: block;margin: 0 10px 20px 10px;padding: 10px 0;background: #fff;border: 2px solid #4566a8;color: #4566a8;font-weight: bold;text-align: center;} .section-service {position: relative;} .section-service h3 {padding: 14px 10px;background: #5776b2;color: #fff !important;} .section-service #btn-service {position: absolute; top: 0;left: 0;width: 100%;height: 50px;z-index: 1;} .section-service .icon-main {float: right;margin-right: 10px;text-indent: -9999em;} #section-service-list {padding: 10px;background: #fff} #section-service-list h4 {padding: 10px 0 7px 0;border-bottom: 1px solid #4566a8;color: #5776b2;} #section-service-list ul {overflow: hidden;margin: 5px 0;} #section-service-list ul li {float: left;margin: 5px 0;padding-right: 5px;width: 50%;color: #333;box-sizing: border-box;} #section-service-list ul li:nth-child(2n+1){clear: both;} #section-service-list ul li span {color: #333} @media (max-width:330px) { /*#local h1{font-size:1.067em; letter-spacing:-1px;}*/ /* #menu a{font-size:6px;} */ #footer address{font-size:0.600em;} } /************************************ 색상 변경 분야 : 복지 ************************************/ /* sprite */ #color-palette-orange .sp-icon, #color-palette-orange span[class*="sp-icon-"]{background-image:url(../images/sprite/2017/sp-nav-orange.png);} /* 사이트 상단 */ #color-palette-orange #utility .lst-allmenu a.on, #color-palette-orange #utility .lst-allmenu button.on{border-color:#f28433; border-right:1px solid #f59d5c; background:#f28433;} /* 메뉴 */ #color-palette-orange #main-navigation{border-top:3px solid #f17b24;} #color-palette-orange #sub-navigation{border-top:3px solid #a85619; background:#f17b24;} #color-palette-orange #sub-navigation a.on{background:#a85619;} /* 전체검색 */ #color-palette-orange #global-search{border-top:3px solid #f17b24;} /* 전체메뉴 보기 */ #color-palette-orange #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #f59d5c; background:#f28433;} #color-palette-orange #allmenu-navigation #jindoscroll{background:#f28433;} /* 3뎁스 */ #color-palette-orange #sub-aside a.on{background:#f17b24;} /* 분야별 메뉴 변경 2017 */ #color-palette-orange #menu{/* background:#f28433; */} #color-palette-orange #menu a span[class*="sp-menu-icon"] {background-image:url(../images/sprite/2017/sp-menu-orange-2017.png);} #color-palette-orange #parts-list dl dt:before, #color-palette-orange .btn-parts-close{background-image:url(../images/sprite/2017/sp-nav-orange.png);} #color-palette-orange #parts-list dl dt {color: #f28433} #color-palette-orange .site-go, #color-palette-orange #section-service-list h4{border-color: #f28433;color: #f28433} #color-palette-orange .section-service h3 {background: #f28433} /* 사이트 정보 */ #color-palette-orange #footer .btn-pc a{background:#f28433;} /************************************ 색상 변경 분야 : 여성 ************************************/ /* sprite */ #color-palette-pink .sp-icon, #color-palette-pink span[class*="sp-icon-"]{background-image:url(../images/sprite/2017/sp-nav-pink.png);} /* 사이트 상단 */ #color-palette-pink #utility .lst-allmenu a.on, #color-palette-pink #utility .lst-allmenu button.on {border-color:#ef6979; border-right:1px solid #f28794; background:#ef6979;} /* 메뉴 */ #color-palette-pink #main-navigation{border-top:3px solid #eb4458;} #color-palette-pink #sub-navigation{border-top:3px solid #a42f3d; background:#eb4458;} #color-palette-pink #sub-navigation a.on{background:#a42f3d;} /* 전체검색 */ #color-palette-pink #global-search{border-top:3px solid #eb4458;} /* 전체메뉴 보기 */ #color-palette-pink #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #f28794; background:#ef6979;} #color-palette-pink #allmenu-navigation #jindoscroll{background:#ef6979;} /* 3뎁스 */ #color-palette-pink #sub-aside a.on{background:#eb4458;} /* 분야별 메뉴 */ /* #color-palette-pink #menu{background:#ef6979;} #color-palette-pink #menu a span[class*="sp-menu-icon"]{background-image:url(../images/sprite/2017/sp-menu-pink.png);} */ #color-palette-pink #menu a span[class*="sp-menu-icon"] {background-image:url(../images/sprite/2017/sp-menu-pink-2017.png);} #color-palette-pink #parts-list dl dt:before, #color-palette-pink .btn-parts-close{background-image:url(../images/sprite/2017/sp-nav-pink.png);} #color-palette-pink #parts-list dl dt {color: #ef6979} #color-palette-pink .site-go, #color-palette-pink #section-service-list h4{border-color: #ef6979;color: #ef6979} #color-palette-pink .section-service h3 {background: #ef6979} /* 사이트 정보 */ #color-palette-pink #footer .btn-pc a{background:#ef6979;} /************************************ 색상 변경 분야 : 안전·소방 ************************************/ /* sprite */ #color-palette-red .sp-icon, #color-palette-red span[class*="sp-icon-"]{background-image:url(../images/sprite/2017/sp-nav-red.png);} /* 사이트 상단 */ #color-palette-red #utility .lst-allmenu a.on, #color-palette-red #utility .lst-allmenu button.on{border-color:#e05454; border-right:1px solid #e67676; background:#e05454;} /* 메뉴 */ #color-palette-red #main-navigation{border-top:3px solid #de4747;} #color-palette-red #sub-navigation{border-top:3px solid #9b3232; background:#de4747;} #color-palette-red #sub-navigation a.on{background:#9b3232;} /* 전체검색 */ #color-palette-red #global-search{border-top:3px solid #de4747;} /* 전체메뉴 보기 */ #color-palette-red #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #e67676; background:#e05454;} #color-palette-red #allmenu-navigation #jindoscroll{background:#e05454;} /* 3뎁스 */ #color-palette-red #sub-aside a.on{background:#de4747;} /* 분야별 메뉴 */ /* #color-palette-red #menu{background:#e05454;} #color-palette-red #menu a span[class*="sp-menu-icon"]{background-image:url(../images/sprite/2017/sp-menu-red.png);} */ #color-palette-red #menu a span[class*="sp-menu-icon"] {background-image:url(../images/sprite/2017/sp-menu-red-2017.png);} #color-palette-red #parts-list dl dt:before, #color-palette-red .btn-parts-close{background-image:url(../images/sprite/2017/sp-nav-red.png);} #color-palette-red #parts-list dl dt {color: #e05454} #color-palette-red .site-go, #color-palette-red #section-service-list h4{border-color: #e05454;color: #e05454} #color-palette-red .section-service h3 {background: #e05454} /* 사이트 정보 */ #color-palette-red #footer .btn-pc a{background:#e05454;} /************************************ 색상 변경 분야 : 문화·관광·체육·디자인 ************************************/ /* sprite */ #color-palette-purple .sp-icon, #color-palette-purple span[class*="sp-icon-"]{background-image:url(../images/sprite/2017/sp-nav-purple.png);} /* 사이트 상단 */ #color-palette-purple #utility .lst-allmenu a.on, #color-palette-purple #utility .lst-allmenu button.on {border-color:#a16ab8; border-right:1px solid #b488c6; background:#a16ab8;} /* 메뉴 */ #color-palette-purple #main-navigation{border-top:3px solid #9a5fb3;} #color-palette-purple #sub-navigation{border-top:3px solid #6b427d; background:#9a5fb3;} #color-palette-purple #sub-navigation a.on{background:#6b427d;} /* 전체검색 */ #color-palette-purple #global-search{border-top:3px solid #9a5fb3;} /* 전체메뉴 보기 */ #color-palette-purple #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #b488c6; background:#a16ab8;} #color-palette-purple #allmenu-navigation #jindoscroll{background:#a16ab8;} /* 3뎁스 */ #color-palette-purple #sub-aside a.on{background:#9a5fb3;} /* 분야별 메뉴 */ /* #color-palette-purple #menu{background:#a16ab8;} #color-palette-purple #menu a span[class*="sp-menu-icon"]{background-image:url(../images/sprite/2017/sp-menu-purple.png);} */ #color-palette-purple #menu a span[class*="sp-menu-icon"] {background-image:url(../images/sprite/2017/sp-menu-purple-2017.png);} #color-palette-purple #parts-list dl dt:before, #color-palette-purple .btn-parts-close{background-image:url(../images/sprite/2017/sp-nav-purple.png);} #color-palette-purple #parts-list dl dt {color: #a16ab8} #color-palette-purple .site-go, #color-palette-purple #section-service-list h4{border-color: #a16ab8;color: #a16ab8} #color-palette-purple .section-service h3 {background: #a16ab8} /* 사이트 정보 */ #color-palette-purple #footer .btn-pc a{background:#a16ab8;} /************************************ 색상 변경 분야 : 주택·도시계획·부동산·마곡사업, 환경·공원·상수도, 건강·식품위생 ************************************/ /* sprite */ #color-palette-green .sp-icon, #color-palette-green span[class*="sp-icon-"]{background-image:url(../images/sprite/2017/sp-nav-green.png);} /* 사이트 상단 */ #color-palette-green #utility .lst-allmenu a.on, #color-palette-green #utility .lst-allmenu button.on {border-color:#51a548; border-right:1px solid #76bd6f; background:#51a548;} /* 메뉴 */ #color-palette-green #main-navigation{border-top:3px solid #47a63d;} #color-palette-green #sub-navigation{border-top:3px solid #32742b; background:#47a63d;} #color-palette-green #sub-navigation a.on{background:#32742b;} /* 전체검색 */ #color-palette-green #global-search{border-top:3px solid #47a63d;} /* 전체메뉴 보기 */ #color-palette-green #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #76bd6f; background:#51a548;} #color-palette-green #allmenu-navigation #jindoscroll{background:#51a548;} /* 3뎁스 */ #color-palette-green #sub-aside a.on{background:#47a63d;} /* 분야별 메뉴 */ /* #color-palette-green #menu{background:#51a548;} #color-palette-green #menu a span[class*="sp-menu-icon"]{background-image:url(../images/sprite/2017/sp-menu-green.png);} */ #color-palette-green #menu a span[class*="sp-menu-icon"] {background-image:url(../images/sprite/2017/sp-menu-green-2017.png);} #color-palette-green #parts-list dl dt:before, #color-palette-green .btn-parts-close{background-image:url(../images/sprite/2017/sp-nav-green.png);} #color-palette-green #parts-list dl dt {color: #47a63d} #color-palette-green .site-go, #color-palette-green #section-service-list h4{border-color: #51a548;color: #51a548} #color-palette-green .section-service h3 {background: #51a548} /* 사이트 정보 */ #color-palette-green #footer .btn-pc a{background:#51a548;} /* 서북병원 메뉴 */ #sb-menu{position:relative; z-index:2; background:#48a3a9 !important; white-space:nowrap; -webkit-box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5); -moz-box-shadow: 0px 0px 6px 1px rgba(183,183,183,0.5); box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5);} #sb-menu ul{padding:20px 0 0 0; width:100%; text-align:center; overflow:hidden;} #sb-menu li{float:left; width:19.5%; height:78px;} #sb-menu li:nth-child(5n+1){margin-left:1.3%;} #sb-menu a{position:relative; display:inline-block;font-size:9px; color:#fff; -webkit-text-size-adjust:none;} #sb-menu a span[class*="sp-menu-icon"]{display:block; margin:0 auto 5px auto; width:45px; height:42px; background-image:url(../images/sprite/2017/sp-menu-sb.png); background-size:45px 225px; background-repeat:no-repeat;} #sb-menu span.sp-menu-icon1{background-position:0 0;} #sb-menu span.sp-menu-icon2{background-position:0 -45px;} #sb-menu span.sp-menu-icon3{background-position:0 -90px;} #sb-menu span.sp-menu-icon4{background-position:0 -135px;} #sb-menu span.sp-menu-icon5{background-position:0 -180px;} #sb-menu a span.text{display:inline-block; position:absolute;left:50%;width:42px;text-align:center; margin-left:-22px;} #sb-menu li:nth-child(4) span.text {margin-left:-28px;} /************************************ 색상 변경 서북명원 ************************************/ /* sprite */ #color-palette-sb .sp-icon, #color-palette-sb span[class*="sp-icon-"]{background-image:url(../images/sprite/2017/sp-nav-sb.png);} /* 사이트 상단 */ #color-palette-sb #utility .lst-allmenu a.on, #color-palette-sb #utility .lst-allmenu button.on {border-color:#48a3a9 !important; border-right:1px solid #76bd6f; background:#48a3a9 !important;} /* 메뉴 */ #color-palette-sb #main-navigation{border-top:3px solid #48a3a9 !important;} #color-palette-sb #sub-navigation{border-top:3px solid #48a3a9 !important; background:#48a3a9 !important;} #color-palette-sb #sub-navigation a.on{background:#48a3a9;} /* 전체검색 */ #color-palette-sb #global-search{border-top:3px solid #48a3a9 !important;} /* 전체메뉴 보기 */ #color-palette-sb #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #a4d5dd; background:#48a3a9 !important;} #color-palette-sb #allmenu-navigation #jindoscroll{background:#48a3a9 !important;} /* 3뎁스 */ #color-palette-sb #sub-aside a.on{background:#48a3a9 !important;} /* 푸터 메뉴 */ #color-palette-sb #sb-menu{background:#48a3a9 !important;} #color-palette-sb #sb-menu a span[class*="sp-menu-icon"]{background-image:url(../images/sprite/2018/sp-menu-sb.png);} /* 사이트 정보 */ #color-palette-sb #footer .btn-pc a{background:#48a3a9 !important;} #color-palette-sb ul.lst-sns li.good{height:28px;line-height:28px;margin-top:5px;border-width:1px 1px 1px 0px; border-top-left-radius:4px; border-bottom-left-radius:4px;border-left:1px solid #ddd;border-style:solid; border-color:#ccc;} /* 아동복지센터 메뉴 */ #child-menu{position:relative; z-index:2; background:#48a3a9 !important; white-space:nowrap; -webkit-box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5); -moz-box-shadow: 0px 0px 6px 1px rgba(183,183,183,0.5); box-shadow: 0px 0px 3px 1px rgba(183,183,183,0.5);} #child-menu ul{padding:20px 0 0 0; width:100%; text-align:center; overflow:hidden;} #child-menu li{float:left; width:24%; height:78px;} #child-menu li:nth-child(4n+1){margin-left:1.4%;} #child-menu a{position:relative; display:inline-block;font-size:9px; color:#fff; -webkit-text-size-adjust:none;} #child-menu a span[class*="child-menu-icon"]{display:block; margin:0 auto 5px auto; width:45px; height:42px; background-image:url(../images/sprite/2018/sp-menu-child.png); background-size:45px 225px; background-repeat:no-repeat;} #child-menu span.child-menu-icon1{background-position:0 0;} #child-menu span.child-menu-icon2{background-position:0 -45px;} #child-menu span.child-menu-icon3{background-position:0 -90px;} #child-menu span.child-menu-icon4{background-position:0 -135px;} #child-menu a span.text{display:inline-block; position:absolute;left:50%;width:42px;text-align:center; margin-left:-30px;} #child-menu li:nth-child(2) span.text {margin-left:-38px;} /************************************ 색상 변경 아동복지센터 ************************************/ /* sprite */ #color-palette-child .sp-icon, #color-palette-child span[class*="sp-icon-"]{background-image:url(../images/sprite/2017/sp-nav-child.png);} /* 사이트 상단 */ #color-palette-child #utility .lst-allmenu a.on, #color-palette-child #utility .lst-allmenu button.on {border-color:#70a9ec !important; border-right:1px solid #76bd6f; background:#70a9ec !important;} /* 메뉴 */ #color-palette-child #main-navigation{border-top:3px solid #70a9ec !important;} #color-palette-child #sub-navigation{border-top:3px solid #70a9ec !important; background:#70a9ec !important;} #color-palette-child #sub-navigation a.on{background:#70a9ec;} /* 전체검색 */ #color-palette-child #global-search{border-top:3px solid #70a9ec !important;} /* 전체메뉴 보기 */ #color-palette-child #allmenu-navigation p.btn-menuclose{border-bottom:1px solid #76bd6f; background:#70a9ec !important;} #color-palette-child #allmenu-navigation #jindoscroll{background:#70a9ec !important;} /* 3뎁스 */ #color-palette-child #sub-aside a.on{background:#70a9ec !important;} /* 푸터 메뉴 */ #color-palette-child #sb-menu{background:#70a9ec !important;} #color-palette-child #sb-menu a span[class*="sp-menu-icon"]{background-image:url(../images/sprite/2017/sp-menu-child.png);} /* 사이트 정보 */ #color-palette-child #footer .btn-pc a{background:#70a9ec !important;} #color-palette-child ul.lst-sns li.good{height:28px;line-height:28px;margin-top:5px;border-width:1px 1px 1px 0px; border-top-left-radius:4px; border-bottom-left-radius:4px;border-left:1px solid #ddd;border-style:solid; border-color:#ccc;} #header .seoul-news {position:absolute; top:0; right:64px; left:101px; height:30px; overflow:hidden;} @media only screen and (max-width: 320px) { #header .seoul-news {position:absolute; top:0; right:54px; left:79px; height:30px; overflow:hidden;} } /* mobile table scroll 2017-04-12 */ .table-mobile {width: 100%;overflow-x: auto;} .table-mobile table {width: 100%;min-width: 600px;} /* 4뎁스 2017-07-24 */ .menu-4depth-wrap {margin: 0 10px} #menu-4depth {width: 100%;height: 40px;margin: 10px 0;} /* 사이트맵 추가 2018-05-10 */ #sitemapWrap {position:relative; overflow: hidden; width:100%; background: #fff;/* background: #fff url('/wp-content/themes/seoul/images/common/sitemap_bg.gif') repeat-y 0 0px; */} .sitemap_box {position:relative; padding:0 0 50px 0; background:url('/wp-content/themes/seoul/images/common/sitemap_line.gif') repeat-x 0 0px;} .s_title {font-size:14px; font-weight:bold; color: #000; height: 40px; border-left:1px solid #ddd; line-height:44px; padding:0 0 0 10px; background-image:url('/wp-content/themes/seoul_gov/images/common/sitemap_bullect.gif');background-position: 0 14px; background-repeat: no-repeat;} .s_title a {color: #000;} .sitemapUL {width:100%; overflow: hidden; padding:15px 0 10px 0; border-top: 1px solid #ddd} .sitemapUL li {font-size:12px; font-weight:bold; color: #333; padding:0 0 0 10px;} .sitemapUL li a {color: #333;} .sitemapUL_1 {width:100%; overflow: hidden; padding:10px 0 0 0;} .sitemapUL_1 li {font-size:11px; color: #767676; font-weight:normal; padding:0 0 0 0; line-height: 16px;} .sitemapUL_1 li a {color: #767676;} /* 모바일실태조사 2018-10-26 */ .main-content-link {position: absolute;top: 0;left: 0;width: 100%;height: 20px;text-indent: -9999em;}