/*Content CSS*/
#header_wrap { width:100%; height:105px; z-index:57; background: #fff; left:0; top:0; position: absolute; left:0; top:0;
    -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
     box-shadow: 0 0 27px 0 rgba(0, 19, 47, 0.17);}
    /* #header_wrap.subpage {border-bottom: 1px solid rgba(255,255,255,.2); } */
    #header  {height: 100%; width: 100%; }
    #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:100px; height:64px; transition: all .3s ease; background: url('../img/logo.png') 50% 50% no-repeat ; background-size : contain}
    #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 100px;  height:100%; margin:0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10;
    align-items: center; }
    
    /* #header_wrap.wh {background-color: #fff; border-bottom-color: #ddd; }
    #header_wrap.wh  #logo a {background-image:url('../img/logo_b.png'); } */
    
    #top_nav {height: 100%; display: flex;}
    #top_nav .menu { list-style:none; height:100%; }
    #top_nav .menu > li { float:left; position:relative; display:inline-block; width:auto;  vertical-align:middle; text-align:center; margin-right:60px;}
    #top_nav .menu > li {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 .menu > li > a {display:inline-block; line-height:105px; height: 105px;  width:100%; color:#000; font-size:21px; font-weight:600; text-decoration:none; opacity: 1; transition: all .3s ease; border-bottom: 2px solid transparent; text-transform: uppercase;
    font-family: 'Gothic A1', sans-serif;}
    #top_nav .menu > li > a::after {position: absolute; top: 103px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 3px; background-color: #1f255d; -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 .menu > li.active {background-color: #b0905e} */
    #top_nav .menu > li.active > a {opacity: 1; color:#1f255d;}
    #top_nav .menu > li > a:hover::after, #top_nav .menu > li.active > a::after  {width:150px; margin-left:0;}

    /*child_menu*/
    #top_nav .menu > li:nth-child(3) .sub_menu{left: 110%;}
    #top_nav .menu .sub_menu {position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 100%; height: 75px; display: none; justify-content: center;}
    #top_nav .menu .sub_menu li a {display: flex; align-items: center; white-space: nowrap; font-size: 17px; font-weight: 600; line-height: 75px; color: #555; transition: .3s; font-family: 'Gothic A1', sans-serif;}
    #top_nav .menu .sub_menu li + li a {padding-left: 67px;}
    #top_nav .menu .sub_menu li:hover a {color: #1f255d;}
    
    .sub_menu_list-bg {position: absolute; left: 0; top: 100%; width:100%; height: 75px; background: #fff; border-top: 1px solid #ddd; z-index: -1; display: none;}
    
    /* hidden_nav */
    .menu_slider_btn {cursor: pointer; position: relative; top:0; padding-top:0; height: 100%; width: 110px; display: flex; align-items: center; transition: all .3s ease; justify-content: center; flex-direction: column; background: transparent; background: url('../img/menu.png') center no-repeat #1f255d; background-size : 25% }
    .menu_slider_btn2 { display: block; cursor: pointer; transform: translate(-50%, -50%); position: absolute; right:60px; top:80px;}
    .menu_slider_btn2 span { display: block; background: #1f255d; width: 25px; height: 2px; border-radius: 3px; transition: 0.25s margin 0.25s, 0.25s transform;}
    .menu_slider_btn2 span:nth-child(1) { margin-top: 0; margin-bottom: -0; transform: rotate(45deg);}
    .menu_slider_btn2 span:nth-child(2) { transform: rotate(45deg); display: none; }
    .menu_slider_btn2 span:nth-child(3) { margin-top: -2px; transform: rotate(135deg); }
    
    .hidden_nav_box {width :100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 9999; position: fixed; display: none;}
    .hidden_nav {text-align: center; width: 640px; height: 100vh; position: absolute; top: 0; right: -640px; background: #fbfbfb; z-index: 10000; position: fixed; text-align: left;
        padding:120px 70px 0 70px;}
    .hidden_nav .hidden_gnb  { width: 100%; }
    .h_menu_list {margin-bottom:40px; position: relative; }
    .h_menu_list > a {display: block; font-size:30px; font-weight: 500; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:240px;  position: relative; font-family: 'Gothic A1', sans-serif; text-transform: uppercase;}
    .h_menu_list > a:hover, .h_menu_list > a.active {color:rgba(0,0,0,1) !important;}
    .h_sub_menu {display: none; position: absolute; left:230px; top:7px; z-index: 2;}
    .h_sub_menu li {margin-bottom:20px;}
    .h_sub_menu li a {font-size:20px; font-weight: 500; color:#707070; transition: all .3s ease; border-bottom:2px solid transparent; padding:2px 0; white-space: nowrap; font-family: 'Gothic A1', sans-serif;}
    .h_sub_menu li a:hover {padding:2px 15px; border-bottom:2px solid #1f255d; color:#1f255d;}
    
    /* hd_right */
    #hd_right {display: flex; align-items: center; height: 100%; width: 110px; margin-left: 63px;}
    #hd_r_btn {display: flex; align-items: center; justify-content: center; width: 245px; text-align: center; height: 70px; border-radius: 50px; background: #28a5ae;
    margin-right: 50px; font-size:16px; font-weight: 500; color:#fff; transition: all .3s ease; }
    #hd_r_btn img {max-width: 100%;}
    #hd_r_btn:hover {background: #222d42;}
    
    
    
    @media screen and (max-width:1700px) {
        #header .header-inner {padding:0 0 0 20px;}
        #top_nav .menu > li {margin-right: 50px;}
        #top_nav .menu > li > a,#top_nav .direct a  {font-size:19px;}
        #top_nav .menu .sub_menu li a {font-size:16px; }
        #hd_right{margin-left: 50px; }
        #top_nav .menu > li > a:hover::after, #top_nav .menu > li.active > a::after  {width:100%;}
    
        #header_wrap{height: 100px;}
        #top_nav .menu > li,#top_nav .menu > li > a,
        #top_nav .direct, #top_nav .direct a{height: 100px; line-height: 100px;}
    
        #top_nav .menu .sub_menu, .sub_menu_list-bg {height: 70px;}
        #top_nav .menu .sub_menu li a{line-height: 70px;}
        #top_nav .menu > li > a::after{top: 98px;}
    
    
    }
    
    @media screen and (max-width:1280px) {
        #top_nav .menu > li {margin-right: 30px;}
        #top_nav .menu > li > a,#top_nav .direct a  {font-size:17px;}
        #top_nav .menu .sub_menu li a {font-size:14px; }
    
        #hd_right{margin-left: 30px; }
    
    }
    
    @media screen and (max-width:1024px) {
    
        #top_nav, .hidden_nav_box, .hidden_nav, #hd_right {display: none; }
        #header_wrap {height: 60px; position: fixed;}
        #header .header-inner{justify-content: center;}
        #header #logo a {width: 70px; height: 45px; background-size: cover;}
        #header .header-inner{padding: 0;}
    }
    
    @media screen and (max-width: 960px) {
    
    }
    @media screen and (max-width: 640px) {
    }