#header
{background:transparent;position:fixed; height:75px; width:100%; top:0; left:0; z-index:9999;}
#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;}
/* LOGO */
#header .tlogo_active
{display:none;}
#header .tlogo
{padding-left: 10px;}
#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:#fff; font-weight:600; height:75px; line-height:75px; padding:0 50px;}
.main-nav #gnb li .submenuul
{position:absolute; display:none;  top:75px; width:100%; padding: 0px; z-index:999; background:#fff; min-width:160px; 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; font-weight:500;}
.main-nav #gnb > li:after
{content:''; position:absolute; left:50%; width:0%; height:2px; background:#17459b; transition:all 0.3s ease;}
/* MOUSEOVER ACTION */
 /* header over */
#header.over
{background:rgba(255,255,255,0.6);;}
#header.over .tlogo
{display:none;}
#header.over .tlogo_active
{display:block;}
#header.over .main-nav #gnb > li a
{color:#111;}
 /* menu over */
 #header.over .main-nav #gnb > li.active > a
{color:#17459b;}
#header.over .main-nav #gnb > li.active:after
{width:100%; left:0%;}
#header.over .main-nav #gnb li .submenuul.on
{height:auto;}
#header.over .main-nav #gnb li .submenuul > li:hover > a
{background:#17459b; 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:rgba(255,255,255,.9); height:60px;}
#header.header_scroll .tlogo
{display:none;}
#header.header_scroll .tlogo_active
{display:block;}
#header.header_scroll .main-nav #gnb > li > a
{height:60px; line-height:60px; color: #111;}
#header.header_scroll .main-nav #gnb li .submenuul
{top:60px; box-shadow:1px 2px 4px #878787;}
#header.header_scroll .tlogo img,
#header.header_scroll .tlogo_active img
{max-width:90%;}

/* 모바일 아이콘 색상 수정 */
.mob-btn span
{background-color:#fff;}


@media screen and (max-width: 1200px){

    .main-nav #gnb > li > a {padding:0 30px;}
    .main-nav #gnb li .submenuul {min-width:120px;}
    .main-nav #gnb li .submenuul > li > a {padding: 8px 10px;}
}
@media screen and (max-width: 1024px){
    #header .tlogo {padding-left: 0;}
}