@charset "utf-8";
/* header */
#header a:hover{}
#header {position:relative;z-index:50;}
#header .gnbWrap {height:40px;line-height:35px;background: #363754;color: #fff;}
#header .gnbWrap a:hover{color:#fff1a8;}
#header .gnb {float:left;}
#header .gnb li {display:inline-block;}
#header .gnb li a {padding:0 4px;font-size:.8rem;position:relative;}
#header .gnb li a:before {content:'';position:absolute;top:6px;right:-2px;width:1px;height:10px;background:#ccc;}
#header .gnb li:last-child a:before {display:none;}
#header .util {float:right;}

#header .loginWrap {position: relative;display: inline-block;top: -1px;}
#header .loginWrap a{font-size: .8rem;color: #f3ebc4;font-weight: 600;/* background: #fff; */text-align: center;display: inline-block;width: 86px;}


#header .langSite{display:inline-block;position:relative;}
#header .langSite a {line-height:40px;display:inline-block;font-size:.75rem;}
#header .langSite .title {padding:0 5px;width:86px;background: #5a5b72;}
#header .langSite .title i {padding-left:6px;}
#header .langSite .con{visibility:hidden;height:0;position:absolute;right:0;top:40px;z-index:9999;background-color:#363754;padding:0 15px;text-align:center;}
#header .langSite .con a{opacity:.6;color:#fff;}
#header .langSite .con a:hover{opacity:1;}
#header .langSite:hover .con{height:auto;visibility:visible;opacity:1;}

#header .searchWrap {position:relative;}
#header .searchWrap button {width:41px;height:41px;}
#header .searchWrap button i {color:#fff;font-size:.9rem;}
#header .searchWrap .search_box {padding:13px;position:absolute;top:39px;right:0;width:350px;height:70px;z-index:10000;background: #363754;}
#header .searchWrap {display:inline-block;position:relative;}
#header .search {overflow:hidden;}
#header .search #searchType {display:inline-block;}
#header .search .form {width:75%;padding-right:5px;float:left;overflow:hidden;}
#header .search select {width:25%;float:left;padding:0 15px 0 5px;height:45px;line-height:36px;border:1px solid #d7d7d7;border-width:1px 0 1px 1px;font-size:.75rem;background:#ffff url('/images/sites/main/water/common/select_ic.gif') 93% 50% no-repeat;}
#header .search input[type='text'] {width:75%;float:left;padding:0 5px;height:45px;line-height:36px;background:#fff;border:1px solid #d7d7d7;font-size:.75rem;}
#header .search input[type='submit']  {width:25%;height:45px;float:left;font-size:.9rem;color:#fff;background: #f7991d;cursor:pointer;display:inline-block;}


#header .lnbWrap {height:100px;background:#fff;}
#header .lnbWrap .logo {margin-top:23px;float:left;}
#header .lnbWrap > .wFix {position:relative;}
#header .menu {margin-top:35px;float:right;width: 78%;}
#header .menu > li {width: 11.8%;text-align: center;position: relative;float: left;}
#header .menu > li:first-child {margin-left:0;}
#header .menu > li > a {color:#000;font-size: 1rem;width: 100%;display: block; padding-bottom:44px;}
#header .menu a:hover{color:#000;font-weight:bold;}
#header .menu > li > a > i {font-size:.8rem;padding-left:3px;color:#555;}

#header .lnbWrap {width:100%; z-index:1000;position:relative;}
#header .lnbWrapFixed { position:fixed !important; top:0px; z-index:1000; height:80px !important;border-bottom:2px solid #26655a;}
#header .lnbWrapFixed .fullMenu {margin-top:0px;border-top:0 !important;} 
#header .lnbWrapFixed #menu_dimm{top:80px;}
#header .lnbWrapFixed .logo {margin-top:18px;}
#header .lnbWrapFixed .logo img {width:110px;transition:all 0.3s;}
#header .lnbWrapFixed .menu {margin-top:26px;}
#header .lnbWrapFixed .menu > li > a{padding-bottom:33px;}
#header .lnbWrapFixed .on:before{top:80px;box-shadow:0px 7px 10px rgba(0,0,0,0.2);}

#header .site_map {position:absolute;top:23px;right:0;cursor:pointer;width:50px;height:50px;border:1px solid #ccc;text-align:center;line-height:40px;}
#header .lnbWrapFixed .site_map {top:13px;}
#header .site_map:hover {border:1px solid #000;}

/* pc fullMenu */
#drop_dimm {display:none; position: fixed; background: rgba(35, 35, 35, 0.45); z-index:10; left: 0; top: 0; right: 0; bottom: 0;width: 100%;height: 100%; }
#menu_dimm{display:none; content:'';background:#fff;width:100%;height: 230px;position: fixed;left: 0;top: 140px;border-top: 1px solid #dadada;opacity:.95;z-index:11;}

#header .on:before{content:'';background:#fff;width:100%;height: 230px;position: absolute;left: 0;top: 100px;border-top: 1px solid #dadada;opacity:.95;}
.menu > li > .has-depth1{position:absolute; background: #fff;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s;-o-transition:all .3s ease .15s;-ms-transition:all .3s ease .15s;transition:all .3s ease .15s;z-index:555; opacity: .8;height: 229px;width: 100%;border-left:1px solid #dadada;}
.menu > li:last-child > .has-depth1{border-right:1px solid #dadada;}
.menu > li > .has-depth1.active {background:#ebeef1;}

.menu .has-depth1 .wFix {overflow:hidden;background: url('/images/sites/main/water/common/fullMenu_bg_logo.png') 50px 85% no-repeat;}
.menu .has-depth1Wrap {padding:20px 0 10px 0;width: 12.5%;float: left;overflow:hidden;background:#fff;}
.menu .has-depth1 {text-align: left;padding: 10px 0 0 0;}
.menu .has-depth1 h3 i {float:right;line-height:40px;color:#888;}
.menu .has-depth1 h3 i.fa-files-o {font-size:.8rem;}
.menu .has-depth1 h3 {margin-bottom:10px;font-weight:500;}
.menu .has-depth1 h3 a {padding:0 15px;width:100%;height:42px;line-height:40px;border:1px solid #dadada;display:block;font-size:.95rem !important;}
.menu .has-depth1 li {padding-left:8px;margin-bottom:6px;display:block;position:relative;}
.menu .has-depth1 li a {display:inline-block;font-size:.78rem;color:#000; }
.menu .has-depth1 li a i {display:inline-block;padding-left:5px;}
.menu .navColumn li a i {display:inline-block;padding-left:5px;}



@media screen and (min-width: 1025px) {
	#mToggle, .mloginWrap, .close-sb, .mMenuLogo, .language {display:none;}
}
@media screen and (max-width: 1024px) {
/*	#mToggle, .gnbWrap, .mloginWrap, .close-sb, .mMenuLogo, .language  {display:none;}
	
	#header .lnbWrap{height:115px;}
	#header .lnbWrap .logo {float:inherit;margin-top:0px;padding-top:15px;text-align:center;width:100%;}
	#header .lnbWrap .logo img {width:100px;}
	#header .menu {float:inherit;margin-top: 25px;text-align:center;width: 100%;}
	#header .menu > li {}
	#header .menu > li > a {font-size: .95rem;padding-bottom: 19px;}
	#header .lnbWrapFixed > li > a {font-size: .95rem;padding-bottom: 35px;}
	#header .lnbWrapFixed .menu{margin-top:20px;}
	#header .lnbWrapFixed .menu > li > a{padding-bottom:20px;}
	#header .lnbWrapFixed {height:60px !important;}
	#header .lnbWrapFixed .logo {display:none;}
	#header .lnbWrapFixed #menu_dimm{top:60px;}

	#menu_dimm{top:115px;}
	.menu .fullMenu .fullMenuHead {padding:0 10px;}
	.menu .fullMenu .fullMenuHead h2 {font-size:1.2rem;}
	.menu .fullMenu .fullMenuHead p {margin-top:0;font-size:.75rem;}
	.menu > li > .fullMenu .wFix {width:100%;}
	.menu .fullMenu .navColumnWrap {padding:10px 10px 0 0;}
	.menu .fullMenu .navColumn {text-align:left;padding:6px 0 0 0;}
	.menu .fullMenu .navColumn h3 a {font-size:.85rem !important;}
	.menu .fullMenu .navColumn li a {font-size:.75rem;}
*/

	.gnbWrap, .menu {display:none;}
	#mToggle, .close-sb, .mMenuLogo, .language {display:block;}

	#header .lnbWrap {height:60px;}
	#header .lnbWrap .logo {padding-left:15px;text-align:left;margin-top:8px;}
	#header .lnbWrap .logo img {width: 100px;}
	#mToggle {position:absolute;right:20px;top:16px;cursor:pointer;}
	#header .lnbWrapFixed {height:60px !important;}
	#header .lnbWrapFixed .logo {display:block;}

	.mlnb {
		position: fixed;
		left: -400px;
		overflow: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		right: 0;
		height: 100%;
		max-width: 300px;
		z-index: 10002;
		bottom: 0;
		top: 0;
		background-color: #fff;
	}
	.mlnb.active {left:0%;}
	.mlnb .close-sb {position:absolute;top:17px;right:15px;cursor:pointer;}
	.mlnb .close-sb img {width:18px;}
	.mlnb  .mloginWrap {position: absolute;right: 50px;top: 16px;}
	.mlnb  .mloginWrap img {width: 22px;}
	.mlnb .mMenuLogo {padding:10px;}
	.mlnb .mMenuLogo img {width:100px;}
	.mlnb .mMenu > li.language {background:#2caaf3;color:#fff;border-bottom:0;}
	.mlnb .mMenu > li.language.active {background:#2caaf3;}
	.mlnb .mMenu > li.language.active > a {border-bottom:1px  solid #4fbeff;}
	.mlnb .mMenu > li.language > a:hover {color:#fff;}
	.mlnb .mMenu > li.language > .has-depth1 > li > a {background:#2caaf3;color:#fff;border-bottom:0;}
	.mlnb .mMenu > li.language > .has-depth1 > li {padding-left:0;text-align:center;}
	.mlnb .mMenu > li.language > .has-depth1 > li:after {display:none;}
	.mlnb .mMenu > li {color:#333;border-bottom:1px solid #ddd;}
	.mlnb .mMenu > li.active {width:100%;display:block;background:#313131 url('../images/common/lnbmenu_bg.jpg') 0 50px no-repeat;background-size:100%;color:#fff;transition:none;}
	.mlnb .mMenu > li > a {padding:0 20px;height:55px;line-height:53px;width:100%;display:block;font-size:.95rem;position:relative;}
	.mlnb .mMenu > li > a i {position:absolute;right:20px;top:18px;transition:transform 0.3s;}
	.mlnb .mMenu > li.active > a i {transform:translateX(-50%) translateY(10%) rotate(90deg);}
	.mlnb .mMenu > li.active > a:hover, .mlnb .mMenu > li.active > a:focus, .mlnb .mMenu > li.active > a:active {color:#fff;}

	.mlnb .has-depth1 {/* padding:15px 20px; background:#e6e6e6;*/}
	.mlnb .has-depth1 > li > a {padding:13px;border-bottom:1px solid #ddd;background:#f5f5f5;position:relative;}
	.mlnb .has-depth1 > li:last-child > a {border-bottom:0;}
	.mlnb .has-depth1 > li > a {display:block;width:100%;height:100%;color:#333;font-size:.85rem;}
	.mlnb .has-depth1 > li > a:after{display:none;}
	.mlnb .has-depth1 > li > a.has-ch:after{content:'+';width:15px;height:15px;background:none;position:absolute;right: 10px;top: 12px;transform:none;display:inline-block;color:#888;font-size:.95rem;}
	.mlnb .has-depth1 > li.active > a.has-ch:after{content:'-';width:15px;height:15px;background:none;position:absolute;right: 10px;top: 12px;}

	.mlnb .has-depth2 {padding:15px;background:#e6e6e6;}
	.mlnb .has-depth2 > li {margin-bottom:8px;}
	.mlnb .has-depth2 > li > a {padding-left:10px;display:block;width:100%;height:100%;font-size:.8rem;position:relative;color:#333;}
	.mlnb .has-depth2 > li > a:after {content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background:#333;border-radius:10px;} 
	
	.mlnb i.fa-files-o {padding-left:5px;}


	.mMenuBg {
		display:none;
		background-color: #000;
		position: fixed;
		opacity: .5;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0; 
		width:100%;
		height:100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 10001;
		cursor:pointer;
	}
	#header .site_map {display:none;}
}
@media screen and (max-width: 740px) {
.searchWrap{float:left; display:block !important;}
#header .searchWrap .search_box {top:0; left:0; width:300px;}
#header .search .form {padding-right:0;}
.mlnb .mMenu {margin-top:70px;}
}



/* 푸터 배너존 */
.bannerZone {padding:10px 0;background:#f2f2f2;overflow:hidden;}
.bannerZone .wFix{position:relative;}
.bannerZone li {display:inline-block;width:100%;}
.bannerZone li img {width:155px;height:50px;border:1px solid #dadada;}
.bannerZone .headWrap {padding-top:8px;float:left;width:150px;position:absolute;top:0;left:0;}
.bannerZone .headWrap strong {padding:5px 13px 0 0;vertical-align:middle;display:inline-block;color:#333;font-weight:500;font-size:1rem;}
.bannerZone .headWrap > div {width:30px;height:30px;line-height:25px;display:inline-block;background:#fff;border:1px solid #dadada;text-align:center;vertical-align:middle;font-size:1.1rem;position:absolute;z-index:2;top:9px;}
.bannerZone .headWrap > div a {display:block;width:100%;height:100%;}

.banner_owl {padding-left:190px;width:100%;float:right;position:relative;}
.bannerZone .owl-theme .owl-nav {position:absolute;top:7px;left:-84px;margin-top:0;}
.bannerZone .owl-theme .owl-nav button {width:30px;height:30px;line-height:22px;background:#fff;border:1px solid #dadada;border-radius:0;margin:2px;}
.bannerZone .owl-theme .owl-nav button span {font-size:1.7rem;}
  
.footer_top {height:46px;margin-bottom:20px;}
.footer_top .tab_box{position:relative; float:left; margin-left:1%; width:19.2%;}
.footer_top .tab_box:first-child{margin-left:0;}
.footer_top .tab_box > a{display:block; border:1px solid #c0c0c0; height:46px; line-height:46px; color:#474747; padding:0 18px;}
.footer_top .tab_box > a:hover,.footer_top .tab_box.close > a{border-color:#474747;}
.footer_top .tab_box > a span{text-indent:-99999px; background:url('/images/sites/main/water/common/siteList_ic.png') no-repeat; width:8px; height:5px; float:right; margin:22px 0 0 0}
.footer_top .tab_box > a span.close{background-position:-30px 0;}
.footer_top .tab_box .linkbox{position:absolute; bottom:53px; border:1px solid #474747; box-sizing:border-box; z-index:10; background-color:#fff; display:none; padding:15px 20px;width:100%;}
.footer_top .tab_box .linkbox ul li a{display:block; padding:5px 0;font-size:.85rem;}
.footer_top .siteList1 .linkbox {width:377px;}
.footer_top .siteList1  li {float:left;width:50%;}

#footer {padding:30px 0;color:#555;}
#footer .footerCont {width:85%;display:inline-block;}
#footer .footerLink {display:block;margin-bottom:13px;}
#footer .footerLink li {margin-right:15px;display:inline-block;}
#footer .footerLink .privacy {color:#ab2100;font-weight:500;}
#footer .addressBox address {margin-bottom:3px;}
#footer .footerLogo {width:13%;display:inline-block;vertical-align:top;}
.goTop {position:fixed; bottom:15px; right:1%;display:none;z-index:1;}
.goTop span {width:55px; height:54px; display:block; transition: 1s; background:#105649;text-align:center;border-radius:100px;font-size:.7rem;color:#fff;position:relative;line-height:71px;cursor:pointer;}

.goTop span:after{
	opacity:0; content:""; display:block; position:absolute; left:50%; top:20px; width:9px; height:16px; margin-left:-4.5px; background:url('/images/sites/main/water/common/go_top_ic.png') no-repeat center center;
	animation-name:quick_box_top;
	animation-iteration-count:infinite;
	animation-duration:2s;
}
@keyframes quick_box_top{
	0%{opacity:0; top:20px;}
	50%{opacity:1; top:12px;}
	99%{opacity:0; top:6px;}
	100%{opacity:0; top:12px;}
}
@-webkit-keyframes quick_box_top{
	0%{opacity:0; top:20px;}
	50%{opacity:1; top:12px;}
	99%{opacity:0; top:6px;}
	100%{opacity:0; top:12px;}
}
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 1024px) {

	#footer .footerLogo {display:none;}
	#footer .footerCont {width:100%;}
	.footer_top {margin-bottom:30px;}
	.footer_top .tab_box {width:25%;margin-left:0;padding:5px;}
}
@media screen and (max-width: 740px) {
	#footer {padding:10px 10px 30px 10px;}
	.footer_top {margin-bottom:15px;height:110px;}
	.bannerZone {padding:10px 10px;}
	.footer_top .tab_box {width:50%;}
	#footer .footerLink li {font-size:.8rem;margin-right:7px;}
	#footer .addressBox {font-size:.8rem;}

.footer_top .siteList1 .linkbox {width:340px;}
}