/*Content CSS*/
#header_wrap {position: absolute; top:0; width:100%; height: 90px; z-index:57; background: rgba(0,0,0,.8);}
#header {height: 90px; -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; padding: 0 110px;}
#header .header-inner {display: flex; flex-direction: row; justify-content: space-between; width: 100%;}

#header #logo {}
#header #logo a { display:block; height: 90px; line-height: 90px; transition: all 0.3s; font-size: 0;}
#header #logo img {}

#top_nav .gnb { list-style:none; height:100%; display: flex; flex-direction: row;}
#top_nav .gnb > li {display:inline-block; margin-left: 76px; vertical-align:middle; text-align:center;
-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:relative;}
#top_nav .gnb > li > a {display:inline-block; width:100%; color:#fff; font-size: 20px; letter-spacing:-1px; font-weight:400; text-decoration:none; font-family: 'NanumSquare',sans-serif; transition: all 0.3s;line-height: 90px; height: 90px;}
#top_nav .gnb > li:hover > a {color: #1c40a7}
#top_nav .gnb > li.active > a {color: #1c40a7}

#top_nav .gnb .snb {list-style:none; display:none;}
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none; width: 178px; position: absolute; left: 50%; transform: translateX(-50%); top:90px; border-top: 0; z-index:2;
background: url('../img/hd_tri.png') no-repeat 50%  0; padding-top: 10px; margin-top: -10px;}
#top_nav .gnb .snb li {  text-align:center; }
#top_nav .gnb .snb li a { color:#FFF; display:block; font-size:14px; height: 50px; line-height: 50px;transition: all 0.3s; background-color: #1c40a7;border-top:1px solid rgba(255,255,255,0.2); font-family: 'NanumBarunGothic'; font-weight: 300;}
#top_nav .gnb .snb li:first-child a { border-top:0}

@media screen and (max-width:1800px) {
#header{padding: 0 50px;}
}
@media screen and (max-width:1400px) {
    #top_nav .gnb > li{margin-left: 50px;}
    #top_nav .gnb > li > a{font-size: 18px; height: 80px; line-height: 80px;}
    #header_wrap {height: 80px;}
    #header {height: 80px;}
    #header #logo a{height: 80px; line-height: 80px;}
    #header #logo a img{height: 47px;}
}


@media screen and (max-width:1024px) {
    #header_wrap { width: 100%;height: 60px;position: fixed; }
    #header {  width :100%;position:fixed; top:0; height: 60px; padding: 0 20px;}
    #header .header-inner {display: flex; flex-direction: row; justify-content: center;}
    #header #logo a { height: 60px; line-height: 60px; text-align: center;}
    #header #logo a img {height: 34px; }
    #top_nav .gnb { display:none}
    #top_nav .gnb > li > a {line-height: 60px; height: 60px;}
}

@media screen and (max-width:640px) {

}