/*header*/
.header{width: 100%; height: 60px; position: fixed; top:0px; left:0px; background:#fff; z-index:99999; box-shadow: 5px 5px 10px rgba(68, 68, 68, 0.13);}
.header .inner .logo{position:absolute; left:10px; top:20px; padding:0; z-index:999}
.header .inner .logo a{cursor:pointer; height:30px;}
.header .inner .logo a img{width:auto; height:30px;}
.header .inner nav{width: 80%; height: 100%; background: #1c4a8b; position: fixed; right:0px; top:0px; z-index:99; box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, .2); display:none;}
#gnb{position: absolute; top:100px; right:0; width:100%;}
#gnb li{margin: 0px; text-align:right;}
#gnb li:nth-of-type(1)::after{display: none;}
#gnb li:nth-of-type(5){margin-right: 0;}
#gnb li a{display: block; color: #fff; padding:1rem 20px 1rem 0; font-size: 1.6rem; line-height:1.2em; transition: 0.2s; cursor:pointer; border-bottom:0;}
#gnb li a:hover{color: #fff; transition:0.2s;}
.header .inner .toggle{display:block; position:absolute; top:18px; right:20px; z-index:9999999; font-size:2rem; cursor:pointer; transition:.5s;}
.header .inner .toggle i{color:#333;}


@media screen and (min-width:1200px){
.header{width: 100%; height:90px;}
.header .inner{padding:0; position:relative;}
.header .inner .logo a{display:block; height:50px; width:auto;}
.header .inner .logo a img{width:auto; height:50px}
.header .inner nav{background:none; box-shadow:none; position:absolute; right:0; bottom:0; width: 100%; height:90px; display:block;}
#gnb{width:auto; overflow:hidden; position:absolute; right:0; top:2.6rem;}
#gnb li{margin: 0px 1rem; text-align:left; float:left;}
#gnb li a{padding:1.6rem 1rem; font-weight:bold; color: #333; font-size:1.6rem;}
#gnb li a:hover{ color:#1c4a8b;}
#gnb li a span{display:block; margin-top:5px; width:0px; }
#gnb li a:hover span{width:100%; height:3px; background-color:#1c4a8b; transition:.5s }
.header .inner .toggle{display: none;}
}