@charset "utf-8";

 
/**풀페이지 백그라운드**/
.fp-viewing-0 .wrap-top #_globalNavi #_globalUl li a{color:#fff;}
.fp-viewing-0 .wrap-top .top-util .top-lan .btn-lan{color:#fff;}
.fp-viewing-0 .wrap-header .head-util li.head-sitemap{background:url(../../images/common/menu_w.png) no-repeat right center;}
.fp-viewing-0 .wrap-header .head-logo span{color:#fff;}
.fp-viewing-0 .wrap-header .head-navi .a_1{color:#fff;}
.fp-viewing-0 .wrap-header .head-logo img.f-page{display: inline-block;}
.fp-viewing-0 .wrap-header .head-logo img.an-page{display: none;}
.fp-viewing-0 .wrap-top{background: rgba(238,238,238,0.2);}
.fp-viewing-0 .wrap-header{background: rgba(255,255,255,0);}
.fNav.wrap-header .head-logo img.f-page,
.wrap-header .head-logo img.f-page{display: none;}
.fNav.wrap-header .head-logo img.an-page,
.wrap-header .head-logo img.an-page{display: inline-block;}
.fp-viewing-4 .wrap-header{background: #fff;}
@media all and (max-width:1024px) {
  .fp-viewing-0 .wrap-header{background: #fff;}
  .fp-viewing-0 .wrap-header .head-logo span{color:#000;}
  .fp-viewing-0 .wrap-header .head-logo img.f-page{display: none;}
  .fp-viewing-0 .wrap-header .head-logo img.an-page{display: inline-block;}
}

.wrap-top{background:rgba(238,238,238);border-bottom:1px solid rgba(255,255,255,0.4);position: absolute;top: 0;left: 0;z-index: 500;width: 100%;transition: all ease 0.6s;}
.wrap-top .top-link li:nth-child(1) a{background:#005e59;}
.wrap-top .top-link li:nth-child(2) a{background:#8b7774;}
.wrap-header{background:rgba(255,255,255);z-index: 1003;}
.wrap-header.fNav{background:rgba(255,255,255,1);border-color:#e5e5e5;}
.sub .wrap-header .head-logo span{color:#000;}
.fp-viewing-0 .wrap-header .head-logo span{color:#fff;}
.fNav.wrap-header .head-logo span{color:#000;}
.wrap-header .head-util li.head-sitemap{background:url(../../images/common/menu.png) no-repeat right center;}
.wrap-header .container > div .btn-mgnb{background-color:rgba(0,94,89,0.75);}
.wrap-header .head-navi .a_1,
.fNav.wrap-header .head-navi .a_1{color:#000;}
.wrap-header .head-navi .a_1:hover{color: #004f4b;}
.wrap-header .head-navi .a_1.on span:after{background:#c42605;}
.wrap-header .head-navi .a_1.on span:before {background: #004f4b;}
.wrap-header .head-navi .div_2{background:rgba(0,94,89,0.95);}
.wrap-header .head-navi .a_2.on{color:#005e59;}
@media all and (max-width:1024px) {
  .wrap-header .head-navi {background: #005e59;height: 100%;}
  .wrap-header .head-navi .a_1 {color:#FFF;}  
  .wrap-header .head-navi .a_1.on {color: #dffcfa;}
  .wrap-header .head-navi .a_2 {border-color:#00c6bb;}
    
    .wrap-sub-visual .slogan {    margin: 100px 0 0 0;}
}