/*header*/
* { box-sizing: border-box }
.header{width: 100%; height: 60px; position: fixed; background:#fff; z-index:999999; font-family: 'Noto Sans KR'; 
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.header .inner .logo{ z-index:999;font-size: 2rem; position:absolute; left:10px; top:8px; padding:0;}
.header .inner .logo img { height:40px }

.header .inner nav{width: 200px; height: 100%; background: #60594b; 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:16px; right:20px; z-index:9999999; font-size:2rem; cursor:pointer; transition:.5s;}
.header .inner .toggle i{color:#000;}


.top_lnb_wrap { border-bottom:1px solid #d1d1d1; background: #f7f8f8; text-align: right; position: fixed; width: 100%; bottom:0; left:0; } 
    .top_lnb_wrap .inner { width: 100% !important; max-width: 100% !important }
    .top_lnb_wrap a { display: block; position: relative ;float:left; width:50%; padding:20px 5px 0; color:#fff; line-height: 40px; font-size: 20px; box-sizing: border-box; font-weight: bold; margin-right:-1px; text-align: center }
    .top_lnb_wrap a span { font-size: 12px;  font-weight: bold; display:block; position: absolute; top:0px; width: 100%; text-align: center }
    .top_lnb_wrap a:nth-child(1){ background: #122343 }
    .top_lnb_wrap a:nth-child(2){ background: #a38065 }

@media screen and (min-width:414px){
/*.top_lnb_wrap { border-bottom:1px solid #d1d1d1; background: #f7f8f8; text-align: right; position: fixed; width: 100%; bottom:0; left:0; } 
    .top_lnb_wrap .inner { width: 100% !important; max-width: 100% !important }
    .top_lnb_wrap a { display: block; position: relative ;float:left; width:50%; padding:20px 5px 0; color:#fff; line-height: 40px; font-size: 20px; box-sizing: border-box; font-weight: bold; margin-right:-1px; text-align: center }
    .top_lnb_wrap a span { font-size: 12px;  font-weight: bold; display:block; position: absolute; top:0px; width: 100%; text-align: center }
    .top_lnb_wrap a:nth-child(1){ background: #122343 }
    .top_lnb_wrap a:nth-child(2){ background: #a38065 }*/
}

@media screen and (min-width:1200px){
.header{ height:159px;}
.header .inner{padding:0; position:relative;}
.header .inner .logo{position:absolute; left:0; top:15px; padding:0;font-size: 3rem;}
.header .inner .logo img { height:auto }

.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:1rem;}
#gnb li{margin: 0px 1rem; text-align:left; float:left;}
#gnb li a{padding:3.2rem 1.5rem 3.2rem 1.5rem; font-weight:400; font-size:1.8rem; color: #000000;}
#gnb li a:hover{background:none; color:#000;border-bottom: 6px solid #144195;}
.header .inner .toggle{display: none;}
    
    .top_lnb_wrap { height:59px; border-bottom:1px solid #d1d1d1; background: #f7f8f8; position: relative; text-align: right } 
    .top_lnb_wrap a { display: inline-block; position: relative; float:none; width:auto; padding-left:20px; padding-right:20px;padding-top: 0;
        color:#fff; line-height: 56px; font-size: 24px; box-sizing: border-box; font-weight: bold; margin-right:-1px; 
    }
    .top_lnb_wrap a span { font-size: 18px;  font-weight: bold; display: inline-block; position: inherit; margin-right:5px;width:auto;}
    .top_lnb_wrap a:nth-child(1){ background: #122343 }
    .top_lnb_wrap a:nth-child(2){ background: #a38065 }
        
}