#header
{position:relative; height:75px;}
#header .header-inner
{max-width:1200px; margin:0 auto;}
#header .header-wrap
{display:flex; justify-content:space-between; align-items:center;}
/* TEL */
.header-wrap #tel_but
{display:none; position: fixed; top: 15px; right: 60px; z-index: 10;}
#header .tlogo img
{display:block;}
/* MAIN NAVIGATION */
.header-wrap .main-nav #gnb
{display:flex;}
.main-nav #gnb > li
{position:relative; text-align:center; transition:all 0.3s ease;}
.main-nav #gnb > li > a
{display:block; font-size:19px; color:#333; font-weight:600; height:75px; line-height:75px; padding:0 30px; min-width: 145px;}
.main-nav #gnb li .submenuul
{position:absolute; display:none;  top:75px; width:100%; padding: 0px; z-index:999; background:#fff; min-width:145px; left:50%; transform:translateX(-50%); transition:top 0.5s ease;}
.main-nav #gnb li .submenuul > li
{border-top:1px solid #ddd}
.main-nav #gnb li .submenuul > li:first-child
{border-top:1px solid #ddd;}
.main-nav #gnb li .submenuul > li > a
{font-size:16px; padding:8px 30px; display:block;}
.main-nav #gnb > li:after
{content:''; position:absolute; left:50%; width:0%; height:2px; background:#233091; transition:all 0.3s ease;}
/* MOUSEOVER ACTION */
.main-nav #gnb > li.active > a
{color: #233091;}
.main-nav #gnb > li.active:after
{width:100%; left:0%;}
.main-nav #gnb li .submenuul.on
{height:auto;}
.main-nav #gnb li .submenuul > li:hover > a
{background:#233091; color:#fff;}
/* SCROLL DOWN ACTION */
#header.header_scroll
{position:fixed; z-index:9999; top:0; left:0; width:100%; box-shadow: 0px 5px 30px rgba(0,0,0,0.2); background:#fff; height:60px;}
#header.header_scroll .main-nav #gnb > li > a
{height:60px; line-height:60px;}
#header.header_scroll .main-nav #gnb li .submenuul
{top:60px; box-shadow:1px 2px 4px #878787;}
#header.header_scroll .tlogo img
{max-width:90%;}
/*Language*/
.lang {display: flex; justify-content: right;}
.lang li{display: inline-block; margin-left: 10px;}
.lang li a{font-size: 20px; font-weight: 600; color: #666; padding: 0 5px; line-height: 1.2;}
.lang li.color{border-bottom: 3px solid #111;}
.lang li.color a{color: #111;}

@media screen and (max-width:1023px){
    .header
    {height:75px;}
    #header .header-inner
    {height:100%; padding:0 10px;}
    #header .header-wrap
    {height:100%;}
    .mob-btn
    {display:block;}
    .header-wrap #tel_but
    {display:block;}

    .header-wrap .main-nav
    {display:none;}
    .lang {display: none;}
}