@charset "utf-8";


@media all  and (max-width:1120px) { 
body[data-group="no"] {padding-top:50px;}

.swr-header:after {position:fixed;content:"";z-index:-2;left:0;top:0;width:100%;height:80px;;background:#0e3576;opacity:0.5;transition:0.5s;transition-delay:0.2s;}

/* */ .swr-header:after {opacity:0;}

.swr-header.header-fixed:after {height:58px;}

.swr-header.open:after {height:100%;opacity:0.7;}


.swr-header .tnb {display:none;}


.swr-header .logo {z-index:9999;transition:0.5s;}
.swr-header .logo > a {width:199px;height:36px;}

.swr-header .logo:before {background-image:url(../images/seoul-water-logo-w.png);transition:0.5s;}
/* */ .swr-header .logo:before {background-image:url(../images/seoul-water-logo-w.png);}
body[data-group="index"] .swr-header .logo:before {background-image:url(../images/seoul-water-logo.png);}
body[data-group="no"] .swr-header .logo:before {background-image:url(../images/seoul-water-logo.png);}

.swr-header.open .logo {left:100%;margin-left:-310px;}
.swr-header.header-fixed .logo:before {background-image:url(../images/seoul-water-logo.png) !important;}
.swr-header.open .logo:before {background-image:url(../images/seoul-water-logo.png) !important;}



.swr-header .gnb:after {background-color:transparent;}
.swr-header .gnb:hover:after {background-color:transparent;}
.swr-header.header-fixed .gnb:after {background-color:#fff !important;}
.swr-header.header-fixed.open .gnb:after {background-color:transparent !important;border:0;}


.swr-header .gnb .swr-inner {height:80px;transition:0.5s;}
.swr-header.header-fixed .gnb .swr-inner {height:58px;}




.swr-header .gnb-util  {z-index:999;gap:10px;}


.swr-header .gnb-util .item.search {transition:0.5s;background-image:url(../images/icon-ui/search-w.png);}
.swr-header .gnb-util .item.search.close {background-image:url(../images/icon-ui/close-w.png);}
/* */ .swr-header .gnb-util .item.search {background-image:url(../images/icon-ui/search-w.png?v=1);}
body[data-group="index"] .swr-header .gnb-util .item.search {background-image:url(../images/icon-ui/search.png);}
body[data-group="index"] .swr-header .gnb-util .item.search.close {background-image:url(../images/icon-ui/close.png);}
body[data-group="no"] .swr-header .gnb-util .item.search {background-image:url(../images/icon-ui/search.png);}
body[data-group="no"] .swr-header .gnb-util .item.search.close {background-image:url(../images/icon-ui/close.png);}

.swr-header.header-fixed .gnb-util .item.search {background-image:url(../images/icon-ui/search.png) !important;}
.swr-header.header-fixed .gnb-util .item.search.close {background-image:url(../images/icon-ui/close.png) !important;}
.swr-header.open .gnb-util .item.search {margin-right:-10px;background-image:url(../images/icon-ui/search.png) !important;}
.swr-header.open .gnb-util .item.search.close {background-image:url(../images/icon-ui/close.png) !important;}


.swr-header .gnb-util .item.lang {background-color:transparent;border:1px solid #fff;background-image:url(../images/icon-ui/lang-en-w.png);transition:0.5s;}
body[data-group="index"] .swr-header .gnb-util .item.lang {background-color:transparent;border:1px solid #002f7b;background-image:url(../images/icon-ui/lang-en.png);}
.swr-header.header-fixed .gnb-util .item.lang {border:1px solid #002f7b !important;background-image:url(../images/icon-ui/lang-en.png) !important;}

.swr-header.open .gnb-util .item.lang {margin-left:-60px;z-index:-1;opacity:0;}
.swr-header.header-fixed.open .gnb-util .item.lang {margin-left:-50px;z-index:-1;opacity:0;}


.swr-header .gnb-util .item.menu {background-image:none;padding:19px 9px;transition:0.5s;border-color:#fff;}
/* */ .swr-header .gnb-util .item.menu {border-color:#fff;}
body[data-group="index"] .swr-header .gnb-util .item.menu {border-color:#0b3279;}
body[data-group="no"] .swr-header .gnb-util .item.menu {border-color:#0b3279;}

.swr-header.header-fixed .gnb-util .item.menu {border-color:#0b3279 !important;}
.swr-header.open .gnb-util .item.menu {border-color:transparent !important;}



.swr-header .gnb-util .item.menu > i {display:block;margin:0 auto;position:relative;transition: .5s ease-in-out;}

.swr-header .gnb-util .item.menu > i:before, .swr-header .gnb-util .item.menu > i:after {
	position: absolute;z-index:2;
	content: '';
}
.swr-header .gnb-util .item.menu > i, .swr-header .gnb-util .item.menu > i:before, .swr-header .gnb-util .item.menu > i:after {
	width: 100%;
	height: 2px;
	display: block;border-radius:5px;
}

.swr-header .gnb-util .item.menu > i:before {
	margin-top: -8px;
}
.swr-header .gnb-util .item.menu > i:after {
	margin-top: 8px;
}


.swr-header .gnb-util .item.menu > i {
	-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.swr-header .gnb-util .item.menu > i:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.swr-header .gnb-util .item.menu > i:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}

.swr-header .gnb-util .item.menu > i:before, 
.swr-header .gnb-util .item.menu > i:after {background-color:#fff;transition:0.5s;}
.swr-header .gnb-util .item.menu > i {background-color:#fff;transition:0.5s;}


/* */ .swr-header .gnb-util .item.menu > i:before, 
/* */ .swr-header .gnb-util .item.menu > i:after {background-color:#fff;}
/* */ .swr-header .gnb-util .item.menu > i {background-color:#fff;}

body[data-group="index"] .swr-header .gnb-util .item.menu > i:before, 
body[data-group="index"] .swr-header .gnb-util .item.menu > i:after {background-color:#0b3279;}
body[data-group="index"] .swr-header .gnb-util .item.menu > i {background-color:#0b3279;}

body[data-group="no"] .swr-header .gnb-util .item.menu > i:before, 
body[data-group="no"] .swr-header .gnb-util .item.menu > i:after {background-color:#0b3279;}
body[data-group="no"] .swr-header .gnb-util .item.menu > i {background-color:#0b3279;}



.swr-header.header-fixed .gnb-util .item.menu > i:before, 
.swr-header.header-fixed .gnb-util .item.menu > i:after {background-color:#0b3279 !important;}
.swr-header.header-fixed .gnb-util .item.menu > i {background-color:#0b3279 !important;}


.swr-header.open .gnb-util .item.menu > i:before, 
.swr-header.open .gnb-util .item.menu > i:after {background-color:#0b3279 !important;}
.swr-header.open .gnb-util .item.menu > i {background-color:#0b3279 !important;}


.swr-header.open .gnb-util .item.menu {width:48px;height:48px;margin-top:-2px;}
.swr-header.header-fixed.open .gnb-util .item.menu {width:44px;height:44px;margin-top:-2px;}


.swr-header.open .gnb-util .item.menu > i {background-color:transparent !important;/*transform:rotate(180deg);margin-top:2px;*/}

.swr-header.open .gnb-util .item.menu > i:before {
	margin-top: 1px !important;background-color:#000 !important;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;
}

.swr-header.open .gnb-util .item.menu > i:after {
	margin-top: 1px !important;background-color:#000 !important;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;
}





.swr-header.header-fixed .gnb-util .item {width:38px;height:38px;}
.swr-header.header-fixed .gnb-util .item.menu {padding:10px 9px;}
.swr-header.header-fixed .gnb-util .item.menu > i:before {
	margin-top: -6px;
}
.swr-header.header-fixed .gnb-util .item.menu > i:after {
	margin-top: 6px;
}


.swr-header .gnb .nav {position:fixed;z-index:99;margin:0;margin-right:-390px;border-left:1px solid #ddd;transition:0.5s;display:block;top:0;right:0;width:350px;height:100%;background-color:#fff;transition: .5s ease-in-out;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;font-family: 'S-CoreDream-3Light';}


.swr-header.open .gnb .nav {margin-right:0;}


.swr-header .gnb .nav .level1 {max-width:none;display:block;position:absolute;left:0;right:0;top:80px;bottom:0;transition:0.5s;overflow:hidden;overflow-y:auto;border-top:1px solid #ddd;}
.swr-header.header-fixed .gnb .nav .level1 {top:58px;}

.swr-header .gnb .nav .level1 .lv1-item {position:relative;text-align:left;border-bottom:1px solid #ddd;}
.swr-header .gnb .nav .level1 .lv1-item > a {display:block;font-size:1.6em;padding:20px 39px;white-space:nowrap;font-family:'S-CoreDream', sans-serif;font-weight:600;letter-spacing:-0.05em;}

.swr-header .gnb .nav .level1 .lv1-item > a:after {content:none;}


.swr-header .gnb .nav .level1 .lv1-item > i {display:block;position:absolute;right:20px;top:16px;/*background-color:#3d3f45;*/width:44px;height:44px;transition:0.5s;border:0 solid #ddd;}
.swr-header .gnb .nav .level1 .lv1-item > i:before {display:block;position:absolute;content:"";left:0;top:0;width:100%;height:100%;transition:0.5s;background-repeat:no-repeat;background-position:center center;background-size:40% auto;background-image:url(../images/icon-ui/chevron-down.png);opacity:0.5;}

.swr-header .gnb .nav .level1 .lv1-item.active > i:before {transform: rotateX(180deg);}



.swr-header .gnb .nav .lv1-item .level2 { display:none;opacity: 1; transform: translateY(0); transition: opacity 0.2s ease, transform 0.2s ease; visibility: visible; z-index: 9; }

.swr-header .gnb .nav .lv1-item.active .level2 { display:block;}

.swr-header .gnb .nav .level2 {position:relative;right:auto;display:block;padding:0 29px;margin-top:-1px;}
.swr-header .gnb .nav .level2:after {content:none;}
.swr-header .gnb .nav .level2 .lv2-item {transition:0.5s;padding-bottom:10px;}


.swr-header .gnb .nav .lv1-item:nth-child(2) .level3 .lv3-item {max-width:none;}



.swr-header .search-box {padding:30px 0;}
.swr-header.open .search-box {z-index:-999;}
.swr-header.open .gnb-util .item.search.close {display:none;}

} /* @media end */


@media all  and (max-width:348px) { 
.swr-header .logo > a {width:150px;height:27px;}
}





@media all  and (max-width:1070px) { 
.swr-footer .fnb {flex-wrap:wrap;gap:30px;justify-content:center;}

.swr-footer .fnb .menu {width:100%}

.swr-footer .fnb .menu > ul {justify-content:center;flex-wrap:wrap;gap:0 26px;}
.swr-footer .fnb .menu .line {padding:0;border:0;}

}


@media all  and (max-width:450px) { 
.swr-footer .fnb .link {width:100%;}
.swr-footer .fnb .link .title {width:100%;}
}









@media all  and (max-width:1200px) { 
.swr-footer .info-wrap {text-align:center;}

.swr-footer .footer-info {text-align:left;flex-wrap:wrap;}
.swr-footer .footer-info > *:first-child {width:100%;}
.swr-footer .footer-info > *:last-child {width:100%;}

.swr-footer .info {justify-content:center;}

.swr-footer .info .copy {text-align:center;}

.swr-footer .mark {gap:5px 5%;align-items:center;justify-content:center;}

}