/*Content CSS*/
#header_wrap { max-width:1500px; width: 100%; height:80px; position: absolute; top: 40px; left: 50%; margin-left: -750px ; z-index: 50; display: flex; justify-content: space-between;}
#header { width: 1338px;z-index:6; height:80px; margin:0 auto; position: relative; background: #fff; padding: 0 80px;}
#header .header-inner {width:100%; height:100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
/* .scrolled #header_wrap  { background-color:#000; border-bottom:none; -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 #logo { margin-left:0; padding:0; width: 137px;}
#header #logo a { display:block; line-height:80px; font-size: 0;}
#header #logo img {}

#top_nav .gnb { list-style:none; height:100%; display: flex; justify-content: flex-end;}
#top_nav .gnb > li { position:relative; margin-left:80px;height:80px;line-height:80px;}
#top_nav .gnb > li:first-child {margin-left: 0;}
#top_nav .gnb > li > a {display:block; line-height:80px; height: 80px;  width:100%; color:#333; font-size:17px; text-decoration:none; transition: all .3s ease; font-family: 'NanumSquare',sans-serif; font-weight: 700;}
#top_nav .gnb > li > a:hover {color:#224aca;}

/*child_menu*/
#top_nav .gnb .snb {list-style:none; display:none; }
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 200px; top:80px; border-top: 0; z-index:10; background: url('../img/navi_tri.png') no-repeat 50%  0;  padding-top: 10px; margin-top: -10px;}

#top_nav .gnb .snb li { font-size:14px; line-height:3.1; border-top:1px solid rgba(255,255,255,0.2);background-color: #224aca; }
#top_nav .gnb .snb li a { color:#fff; display:block; opacity: 1;  text-align: center; line-height:3.8; font-size:13px; font-weight: 300;font-family: 'paybooc-Medium',sans-serif; line-height: -0.13px;}
#top_nav .gnb .snb li a:hover {color:#fff;  display:block; text-decoration:none;  opacity: 1;}
#top_nav .gnb .snb li:hover {background-color: #0837cd;}
#top_nav .gnb .snb li:first-child { border-top:0;}

.menu_slider_btn { display: block; cursor: pointer; width: 162px; height: 80px; font-size: 0; line-height: 80px; background: url('../img/header_r_bg.png')no-repeat 50% 50%; padding-left: 34px;}
.menu_slider_btn span { display: block; background: #1d2088; width: 30px; height: 2px; border-radius: 3px; transition: 0.25s margin 0.25s, 0.25s transform; }
.menu_slider_btn span:nth-child(2) {margin: 6px 0; }
.menu_slider_btn2 { display: block; cursor: pointer; transform: translate(-50%, -50%); position: absolute; right:60px; top:80px;}
.menu_slider_btn2 span { display: block; background: #fff; 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: -3px; transform: rotate(135deg); }

.hidden_nav_box {width :100%; height: 100%; background: rgba(0,0,0,0.6); 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: #000; z-index: 10000; position: fixed; text-align: left;
    padding:200px 80px 0 80px;}
.hidden_nav .hidden_gnb  {  width: 100%; }
.h_lm {margin-bottom:50px; position: relative; }
.h_lm > a {display: block; font-size:28px; font-weight: 400; color:#fff!important; font-family: 'paybooc-Medium',sans-serif; transition: all .3s ease; max-width:200px;  position: relative;
z-index: 1;}
.h_lm > a:hover, .h_lm > a.active {color: #517af3!important;}
.h_snb {display: none; position: absolute; left:250px; top:0; z-index: 2;}
.h_snb li {margin-bottom:20px;}
.h_snb li a {font-size:16px; font-weight: 400; color:rgba(255,255,255,.5); transition: all .3s ease; border-bottom:2px solid transparent; padding:2px 0;}
.h_snb li a:hover {padding:2px 15px; border-bottom:2px solid #fff; color:#fff;}




@media screen and (max-width:1500px) {
    #header_wrap { max-width:1500px; width: 100%; height:80px; position: absolute; top: 40px; left: 0;margin-left: 0; z-index: 50; display: flex; justify-content: space-between;}
    #header { width: calc(100% - 162px); min-width: auto!important;z-index:6; height:80px; margin:0 auto; position: relative; background: #fff; padding: 0 80px;}
    #header .header-inner {width:100%; height:100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}

}

@media screen and (max-width: 960px) {
    /*#header { display:block; background-color:transparent; top:0;  position:fixed}*/
    /*#header #logo { width:120px; display:block}*/
    /*.scrolled #header_wrap { background-color:#000}*/
    /*#top_nav .gnb { display:none}*/
    /*#header_wrap {top:0px;}*/
}

@media screen and (max-width: 640px) {
    /*#header_wrap {top:0px;}*/
}