/* COMMON */
.mob-btn
{display:none;}
.mob-btn span
{width:30px; height:4px; border-radius:15px; background-color:#000; display:block; margin:6px 0;}
.overlay
{display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:999}
#m-nav-close
{display:none; position:absolute; right:4%; top:2%; font-size:36px;}


/* MOBILE VER 1 */
/* 기본형 */
.gnb-style-default.gnb-style-default
{ background:#fff; position:fixed; width:280px; height:100%;  right:-280px; top:0; z-index:9999; transition:all 0.3s ease;}
.gnb-style-default .gnb-mobile-wrapper
{width:100%; height:100%; position:relative;}
.gnb-style-default .gnb-mobile-wrapper .gnb-mobile-inner
{padding:0px 0px;}
.gnb-style-default #mobile-nav > li
{position:relative; border-bottom:1px solid #ddd;}
.gnb-style-default #mobile-nav > li > i
{position:absolute; left:0; top:0; width:100%; height:55px; transition: 0.4s ease; font-style:normal;}
.gnb-style-default #mobile-nav > li > i:after
{position:absolute; right:10%; top:25%; content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:900;}
.gnb-style-default #mobile-nav > li > a
{position:relative; display:block; padding: 0 10px; height:55px; line-height:55px; font-size:17px;}
.gnb-style-default #mobile-nav > li > a:after
{position:absolute; content:''; left:50%; width:0; height:1px; background:#233091; bottom:0; transition:all 0.3s ease;}
.gnb-style-default #mobile-nav .submenu
{display:none;}
.gnb-style-default #mobile-nav .submenu li
{border-top:1px solid #ddd;}
.gnb-style-default #mobile-nav .submenu li a
{display:block; padding:0px 20px; font-size:15px; height:45px; line-height:45px; transition:0.4s ease;}

.gnb-style-default #mobile-language
{margin-top:20px;}
.gnb-style-default #mobile-language .mobile-lan-wrap
{text-align:center;}
.gnb-style-default #mobile-language .mobile-lan-wrap li
{display:inline-block; width:100px; border:1px solid #ddd;}
.gnb-style-default #mobile-language .mobile-lan-wrap li a 
{display:block; padding:5px;}
.gnb-style-default #mobile-language .mobile-lan-wrap li.active a
{background:#233091; color:#fff;}

.gnb-style-default#gnb-mobile.open
{right:0;}
.gnb-style-default #mobile-nav > li.open > a:after
{left:0; width:100%;}
.gnb-style-default #mobile-nav > li.open > a
{background:#f4f4f4; color:#233091; font-weight:600;}
.gnb-style-default #mobile-nav > li.open > i:after
{content:'\f077'}

/* LANGUAGE CUSTOM */
.gnb-style-default .header-wrap
{position:relative;}
.gnb-style-default #language
{position:absolute;  top:22px; right:-12%; width:100px; z-index:99;}
.gnb-style-default #language .current-lan
{text-align:center;}
.gnb-style-default #language .current-lan span
{display:block; border:1px solid #ddd; border-radius:50px; cursor:pointer; transition:all .4s}
.gnb-style-default #language .current-lan span:hover
{background:#0669bf; color:#fff;}
.gnb-style-default #language .lan-list
{display:none; text-align:center; background:#f4f4f4; border-radius:5px; margin-top:5px;}
.gnb-style-default #language .lan-list li:first-child
{border-bottom:1px solid #ddd;}
.gnb-style-default #language .lan-list li a
{font-size:15px; display:block; padding:1px 5px;}



/* MOBILE VER 2 */
/* 풀페이지 형 */

.gnb-style-full
{visibility:hidden; opacity:0;  position:fixed; width:100%; height:0; left:0; top:0; background:#fff; z-index:99999; transition:0.4s ease; }
.gnb-style-full .gnb-mobile-wrapper
{display:table; width:100%; height:100%;}
.gnb-style-full .gnb-mobile-wrapper .gnb-mobile-inner
{display:table-cell; vertical-align:middle;}
.gnb-style-full #mobile-nav > li
{position:relative; text-align:center;}
.gnb-style-full #mobile-nav > li > i
{position:absolute; left:0; top:0; width:100%; height:55px; transition: 0.4s ease; font-style:normal;}
.gnb-style-full #mobile-nav > li > i:after
{position:absolute; right:10%; top:25%; content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:900;}
.gnb-style-full #mobile-nav > li > a
{position:relative; display:block; padding: 0 10px; height:55px; line-height:55px; font-size:17px;}
.gnb-style-full #mobile-nav > li > a:after
{position:absolute; content:''; left:50%; width:0; height:1px; background:#233091; bottom:0; transition:all 0.3s ease;}
.gnb-style-full #mobile-nav .submenu
{display:none; background:#f4f4f4}
.gnb-style-full #mobile-nav .submenu > li > a
{font-size:15px; color:#666; display:block; padding:10px;}
.gnb-style-full #mobile-nav > li.open > a
{color:#233091; font-weight:600;}
.gnb-style-full #mobile-nav > li.open > i:after
{content:'\f077'}
.gnb-style-full.open
{display:block; height:100%; visibility:visible; opacity:1;}
/* LANGUAGE CUSTOM */
.gnb-style-full #m-util-box
{position:absolute; width:100%; bottom:5%; left:0; bottom:5%;}
.gnb-style-full #m-util-box #mobile-language
{position:relative;}
.gnb-style-full #mobile-language .mobile-lan-wrap
{text-align:center;}
.gnb-style-full #mobile-language .mobile-lan-wrap li
{display:inline-block;}
.gnb-style-full #mobile-language .mobile-lan-wrap li a
{padding:0 10px; font-size:15px; color:#222;}
.gnb-style-full #mobile-language .mobile-lan-wrap li.active a
{color:#233091; font-weight:600;}




@media screen and (max-width:1023px){
    /* PC 메뉴 */
    .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 !important;}
    #language
    {display:none;}
    /* 스크롤 다운 */
    #header.header_scroll,
    .header_scroll .header,
    .header_scroll .header_bg
    {height:60px;}
    .header_scroll .header-wrap #tel_but
    {top:9px;}
    .header_scroll .mob-btn span
    {background:#000;}

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

    /* only 글로벌 메뉴 */
    .util-box
    {display:none;}
    
}