/*Content CSS*/
#header_wrap { width:100%; height:105px; z-index:57; left:0; top:0; position: absolute; left:0; top:0; border-bottom: solid 1px rgba(255,255,255,.3);
-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; }
#header  {height: 100%; width: 100%; }
#header_wrap.subpage{padding: 0;}
#header #logo {  padding:0 0 0 0; position: relative; z-index: 2;  display: flex; justify-content: center; align-items: center;}
#header #logo a { display:block; width:375px; height:54px; transition: all .3s ease; background: url('../img/logo.png') 50% 50% no-repeat; }
#header {left:0;top:0px; max-width: 100%; width:100%; z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin:0 auto; position: relative;}
#header .header-inner {max-width:100%; padding:0 0 0 80px;  height:100%; margin:0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10;
align-items: center; }

#top_nav {height: 100%; display: flex;}
#top_nav .gnb { list-style:none; height:100%; }
#top_nav .gnb > li {position:relative; display:inline-block; width:auto; vertical-align:middle; text-align:center; margin-right:50px; height:105px;line-height:105px;
    -webkit-transition: all .4s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#top_nav .gnb > li:last-child{margin-right: 0;}
#top_nav .gnb > li > a {display:inline-block; line-height:105px; height: 105px;  width:100%; color:#fff; font-size:21px; font-weight:400; text-decoration:none;transition: all .3s ease; }
#top_nav .gnb > li > a::after {position: absolute; top: 101px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 3px; background-color: #862633; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.4s; -ms-transition: all 0.3s; transition: all 0.3s;}
#top_nav .gnb > li:hover > a{font-weight: 700;}
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after {width:130px; margin-left:0;}


/*child_menu*/
#top_nav .gnb > li:nth-child(2) .lnb{left: 50%;}
#top_nav .gnb > li:nth-child(3) .lnb{left: -100%;}
#top_nav .gnb > li:nth-child(4) .lnb{left: -12px;}
#top_nav .gnb > li:nth-child(5) .lnb{left: -65%;}

#top_nav .gnb .lnb {position: absolute; left: calc(50% + 40px); transform: translateX(-50%); top: 100%; width: auto; height: 75px; display: none; justify-content: center;}
#top_nav .gnb .lnb li a {display: flex; align-items: center; white-space: nowrap; font-size: 17px; font-weight: 400; line-height: 75px; color: #333; padding: 0 22px; transition: .3s; }
#top_nav .gnb .lnb li:hover a {color: #862633;}
.lnb-bg {position: absolute; left: 0; top: 100%; width:100%; height: 75px; background: #fff; border-top: 1px solid #ddd; z-index: -1; display: none;}

#hd_member{display: flex; align-items: center; justify-content: center; margin-left: 55px;}
#hd_member li a{font-size: 18px; font-weight: 500; color: rgba(255,255,255,.6); transition: .3s;}
#hd_member li a i{display: inline-block; margin-right: 2px; transition: .3s;}
#hd_member li + li::before{content: ''; display: inline-block; width: 1px; height: 15px; background-color: rgba(255,255,255,.3); margin: 0 15px; transition: .3s;}
/* hd_right */
#hd_right a{display: flex; justify-content: center; align-items: center; height: calc(100% + 1px); width: 110px; margin-left: 60px; background-color: #862633; font-size: 36px; color: #fff; position: relative; z-index: 1;}

/* hover */
#header_wrap:hover{background-color: #fff; border-color: #ddd;}
#header_wrap:hover #header #logo a{background-image:  url('../img/logo_hv.png')}
#header_wrap:hover #top_nav .gnb > li > a{color: #000;}
#header_wrap:hover #top_nav .gnb > li:hover > a {color:#862633;}

#header_wrap:hover #hd_member li a{color: rgba(0,0,0,.6);}
#header_wrap:hover #hd_member li a i{color: #862633}
#header_wrap:hover #hd_member li + li::before{background-color: rgba(0,0,0,.3);}

@media screen and (max-width:1700px) {
    #header .header-inner{padding-left: 50px;}
    #hd_member{margin-left: 34px;}
    #hd_right a{margin-left: 34px;}
    #top_nav .gnb > li{margin-right: 28px}
    #top_nav .gnb > li a{font-size: 20px;}
    #hd_member li a{font-size: 17px;}
}