@charset "utf-8";

/* 부트스트랩 중복 */
.nav > li > a:focus, .nav > li > a:hover {background: none;}

/* header */
#header {position: fixed; top: 0; left: 0; right: 0; background-color: transparent; z-index: 1000; -webkit-transition: all .500s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#header.sticky {background-color: rgba(0,0,0,1); border-bottom: 1px solid rgba(0,0,0,.1);}
#header #headerInner div.logo { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); max-height: 100%;}
#header #headerInner div.logo img {max-height: 40px;}
#main_wrap #header #headerInner div.logo a:nth-of-type(2) {display: none;}


#header #headerInner .navWrap .navbar-nav > li {float: none;}
#header #headerInner .navWrap .navbar-nav > li > a {display: block; position:relative; font-weight: 400; text-transform: uppercase;}
#header #headerInner .navWrap .navbar-nav > li > a.active {border-bottom: 2px solid #000;}
.navbar-navMenuBg {display: none;}

/*  */
#wrap #header #headerInner div.logo a:nth-of-type(1) {display: none;}
#wrap #header #headerInner .navWrap .navbar-nav > li > a {color: #000;}
#wrap #header #headerInner .navWrap .navbar-nav > a {color: #000;}
#wrap #header #headerInner .navWrap .header-contact-btn a {color: #000;}
#wrap #header #headerInner .navWrap .header-contact-btn {border-color: #000;}
#wrap #header #headerInner .btn-nav > span {background: #000;}
#wrap #header.sticky #headerInner .navWrap .navbar-nav > li > a {color: #fff;}
#wrap #header.sticky #headerInner .navWrap .navbar-nav > a {color: #fff;}
#wrap #header.sticky #headerInner div.logo a:nth-of-type(1) {display: block;}
#wrap #header.sticky #headerInner div.logo a:nth-of-type(2) {display: none;}
#wrap #header.sticky #headerInner .navWrap .header-contact-btn {border-color: #fff;}
#wrap #header.sticky #headerInner .navWrap .header-contact-btn a {color: #fff;}
#wrap #header.sticky #headerInner .btn-nav > span {background: #fff;}

#wrap #header #headerInner .btn-nav.mNav_open > span {background-color: #000;}
#wrap #header.sticky #headerInner .navWrap.mNav_open .navbar-nav > li > a {color: #000;}
#wrap #header.sticky #headerInner .navWrap.mNav_open .header-contact-btn {border-color: #000;}
#wrap #header.sticky #headerInner .navWrap.mNav_open .header-contact-btn a {color: #000;}


/* footer */
#footer ul.sns-icons {}
#footer ul.sns-icons li {display: inline-block; margin: 0 12px;}
#footer ul.sns-icons li a {font-size: 25px; color:#757575;}
#footer ul.sns-icons li a:hover {color: #b7b7b7;}
#footer ul.footer-info li span {margin-right:5px; margin-left: 10px; color: #b7b7b7;}
#footer ul.footer-info li span:first-of-type {margin-left: 0;}

@media (min-width:992px) {
    /* header */
    #header #headerInner .navWrap .navbar-nav {float:none; margin: 0 auto; text-align: center;}
    #header #headerInner .navWrap .navbar-nav > li {display: inline-block; position: relative; padding: 15px 25px; text-align: center;}
    #header #headerInner .navWrap .navbar-nav > li > a {margin: 0; padding: 5px 0; border-bottom: 2px solid transparent; font-size: 12px; color: #fff; -webkit-transition: all .500s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
    #header #headerInner .navWrap .navbar-nav > a {padding: 15px 25px; border-bottom: 2px solid transparent; font-size: 12px; color: #fff; -webkit-transition: all .500s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
    #header #headerInner .navWrap .header-contact-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; padding: 4px 22px 3px; max-height: 100%; border: 1px solid #fff; border-radius: 50px;}
    #header #headerInner .navWrap .header-contact-btn a {color: #fff;}
    #header #headerInner .navWrap .header-contact-btn a i {padding-right: 5px;}

    #header #headerInner .btn-nav {display: none;}
    #header #headerInner .navWrap .header-go-to-top {display: none;}
    .go-to-top {display: none; position: fixed; right: 50px; bottom: 50px; padding: 0; width: 30px; height: 30px; line-height:30px; background-color: #000; border-radius: 2px; text-align: center; font-weight: bold; cursor:pointer; z-index: 555;}
    .go-to-top:hover {opacity: .5;}
    .go-to-top i {margin: 0 6px; font-size: 15px; color: #fff; vertical-align: middle;}


}

@media all and (min-width:1170px) {
    #header #headerInner div.logo {left: 50px;}
    #header #headerInner .navWrap .header-contact-btn {right: 50px;}
}
@media all and (max-width:991px) {
    #header #headerInner {height: 60px;}
    #header #headerInner div.header-member-link {display: none;}
    #header #headerInner .btn-nav {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; padding: 0; width: 36px; height: 36px; background: none; border: none; z-index: 999; cursor: pointer;}
    #header #headerInner .btn-nav > span {position: absolute; left: 50%; margin-left: -11px; width: 22px; height: 2px; background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    #header #headerInner .btn-nav.mNav_open > span {background: #000;}

    #header #headerInner .btn-nav > span:nth-of-type(1) {top: 9px;}
    #header #headerInner .btn-nav > span:nth-of-type(2) {top: 17px;}
    #header #headerInner .btn-nav > span:nth-of-type(3) {top: 25px;}
    #header #headerInner .btn-nav.mNav_open > span:nth-of-type(1) {top:18px; transform: rotate(-45deg);}
    #header #headerInner .btn-nav.mNav_open > span:nth-of-type(2) {opacity:0;}
    #header #headerInner .btn-nav.mNav_open > span:nth-of-type(3) {top:18px; transform: rotate(45deg);}
    .navbar-navMenuBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); opacity: 0.6; z-index: 50;}
    #header #headerInner .navWrap {position: fixed; top: 0; transform: translateY(0); right: -40%; width: 40%; height: 100%; background: rgba(255,255,255,1); z-index: 100; -webkit-transition: all .3s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
    #header #headerInner .navWrap.mNav_open {right: 0;}
    #header #headerInner .navWrap nav {overflow-y:auto; position: absolute; top:100px; bottom: 120px; left: 0; right: 0; padding: 0 20px 0; width: 100%;}
    #header #headerInner .navWrap nav > .navbar-nav {}
    #header #headerInner .navWrap .navbar-nav > li {padding: 10px 0; line-height: 40px;}
    #header #headerInner .navWrap .navbar-nav > li > a {display: inline-block; padding: 2px 0; font-size: 26px; font-weight: 700; color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    #header #headerInner .navWrap .navbar-nav > a {display: inline-block; padding: 12px 0; margin: 0 18px; font-size: 26px; font-weight: 700; color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    #wrap #header.sticky #headerInner .navWrap .navbar-nav > a {color: #000;}

    #header #headerInner .navWrap .header-contact-btn {position: absolute; left: 0; bottom: 0; width: calc(100% - 60px); height: 60px; line-height: 60px; border-top: 1px solid #232323; font-size: 18px; text-align: center;}
    #header #headerInner .navWrap .header-contact-btn a i {padding-right: 5px;}
    #header.sticky #headerInner .navWrap .header-contact-btn {border-color: #232323;}
    #header.sticky #headerInner .navWrap .header-contact-btn a {color: #232323;}
    #header #headerInner .navWrap .header-go-to-top {display: block; position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background-color: #232323; font-size: 16px; cursor: pointer;}
    #header #headerInner .navWrap .header-go-to-top i {width:100%; line-height: 60px; text-align: center; color: #fff;}
    .go-to-top {width:0; height: 0;}
    .go-to-top i {font-size: 0;}
    }
@media (max-width:767px) {
    #header #headerInner .navWrap {right: -100%; width: 100%;}
    .navbar-navMenuBg {display: none !important;}

}