#header {
    width: 96%;
    height: 88px;
    position: fixed;
    top: 20px;
    left: 50%;
	margin-left:-48%;
    background: #ffffff;
	background: transparent;
    -webkit-transition: background 300ms, height 300ms, -webkit-box-shadow 400ms;
    transition: background 300ms, height 300ms, -webkit-box-shadow 400ms;
    -webkit-transition: background 300ms,height 300ms, -webkit-box-shadow 400ms;
    transition: background 300ms,height 300ms, -webkit-box-shadow 400ms;
    transition: background 300ms,height 300ms, box-shadow 400ms;
    transition: background 300ms,height 300ms, box-shadow 400ms,-webkit-box-shadow 400ms;
    transition: background 300ms, height 300ms, box-shadow 400ms, -webkit-box-shadow 400ms;
    z-index: 1001;
	-webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 12%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0px 0px rgb(125 139 200 / 8%);
    box-shadow: 0 0px 0px rgb(125 139 200 / 8%);
	background: #fff;
}

.header__inner {
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;margin: 0 66px;
}

/* LOGO */
#logo {
    width: auto;
    height: 50px;
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transition: top .3s;
    transition: top .3s;       
    left: 50%;
    /* top: 18rem; */
    transform: translate(-50%,-50%);
    z-index: 10;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
}

#logo a svg, #logo a img {
    display: block;
    width: 100%;
    height: 100%;
	    max-width: none;
}

/* MENU */
.menu-container {
    display: block;
    width: 100%;
    position: relative;
    font-size: 0;
    line-height: 1;
    text-align: center;
    z-index: 1;
}

#menu {
    text-align: center;

}

#menu:after {
    content: '';
    display: table;
    clear: both;
}

#menu a {
    display: block;
    line-height: 1.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* 1depth */
#menu > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#menu > li > a {
    padding: 35px 25px;
    position: relative;
    font-size: 18px;
    line-height: 1;
    color: #060f20;
    letter-spacing: -0.03em;font-family: 'Roboto', 'Lato', 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight:800;
}

#menu > li > a:before {
    opacity: 0;
    width: 5px;
    height: 5px;
    background: #060f20;
    content: '';
    display: block;
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s;
    transition: all .3s;
	border-radius:50%;

}

#menu > li > a > span {
    position: relative;
}

#menu ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

html.desktop #menu > li:hover > a, #menu > li.current-page-ancestor > a {
    color: #3f65af;
}

html.desktop #menu > li:hover > a, #menu > li.current-page-ancestor > a {
    color: #3f65af;
}



.menu-container #menu > li:nth-child(4), .menu-container #menu > li:nth-child(5)  {
 display:none;
}


#header {
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);

}

html.desktop #menu > li:hover > a:before , #menu > li.current-page-ancestor > a:before, #menu > li.current_page_item > a:before, #menu > li.current_page_parent > a:before {
    opacity: 1;
 background: #3f65af;
}

html.desktop #menu > li:hover > a:before {
    opacity: 1;
}

/* 2depth */
#menu > li:hover > ul, #menu > li.focusin > ul {
    opacity: 1;
    visibility: visible;
}

#menu > li > ul {
    padding: 28px 0 28px;
    position: absolute;
    left: 50%;
    top: 100%;
    border-radius: 6px;
    top: 90%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menu > li > ul > li {
    display: block;
}

#menu > li > ul > li:last-child {
    border-bottom: none;
}

#menu > li > ul > li > a {
    padding: 12px 40px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.03em;
   font-family: 'Roboto', 'Lato', 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight:800;
    color: #222;
    white-space: nowrap;
}

#menu > li > ul > li.current-page-ancestor > a {
    color: #fff;
}

html.desktop #menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a, #menu > li > ul > li.current-menu-ancestor > a, #menu > li.current-page-ancestor > a {
    color: #3f65af;
}

#small-menu-btn, #small-menu-close, #small-menu-overlay, #small-menu-container {
    display: none;
}
.minimize#header {
    height: 88px;top:20px;
   	background: linear-gradient(305deg, #fff 0%, #fff 100%);
 }
#menu > li.current-page-ancestor > a {
    color: #3f65af;
}

html.desktop .minimize #menu > li:hover > a {
    color: #3f65af;
}

.minimize #logo {
   /* top: 8px; */
}

.minimize #menu > li > a {
 color:#060f20;
}

.minimize #menu > li > a:before{
background: #3f65af;
}
.minimize #menu > li.current-page-ancestor > a {
    color: #3f65af;
}
.minimize #menu > li.current-page-ancestor > a:before {
    background: #3f65af;
}

.search-open {
    position: absolute;
    top: 28px;
    right: 36px;
    z-index: 2;
    -webkit-transition: top .3s;
    transition: top .3s;
}
 a.manager_btn:before {
    content: '\E929';
    top: 7px;
    font-size: 14px;
    color: #503234;
    font-family: 'kiwi-font';
    left: 4px;font-weight:500;
}
 a.manager_btn {
    border-radius: 25px;
    /* position: absolute; */
    /* right: 58px; */
    /* top: 25px; */
    width: 98px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    border: 0px solid #008557;
    background: #ffd541;
    color: #503234;
    display: block;
    text-align: center;
    padding: 6px;
    letter-spacing: -0.023em;
    -webkit-transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);
    transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);
    font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight:700;
    display: inline-block;
    margin-right: 4px;
	}
.menu-container {
    display: inline-block;
    width: auto;
    position: absolute;
    font-size: 0;
    line-height: 1;
    text-align: left;
    margin-left: -20px;
    z-index: 2;
}
.side-menu-container {
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
    right: 147px;
    font-size: 0;
    line-height: 1;
    text-align: left;
    margin-left: -20px;
    z-index: 3;
}


@media (max-width: 1023px){

    body.open-menu {/*position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;*/overflow: hidden;}
    body.open-menu #small-menu-btn {z-index:1000;}
    body.open-menu:not(.open-menu) #logo path { fill: #fff; }
    body.open-menu:not(.open-menu) #logo path.symbol-green { fill: transparent; }
    body.open-menu:not(.open-menu) #menu > li > a {color:#fff;}
    body.open-menu .small-menu-btn__line {background:#fff; will-change:transform;}
    body.open-menu .small-menu-btn__line--02 {bottom: 0;}
    /*html.ios body.open-menu .small-menu-btn__line--02 {bottom:-1.5rem}
    html.android body.open-menu .small-menu-btn__line--02 {bottom:-1.5rem}*/


    /* HEADER */
    #header {height: 70px;background:none;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: height 300ms;transition: height 300ms;background: #fff;}
    #small-menu-container:before { width:100%; height:100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #000), to(#000000)); background: -webkit-linear-gradient(top, #000 60%, #000000 100%); background: linear-gradient(180deg, #000 60%, #000000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, #000), to(rgba(0, 0, 0, 0))); background:-webkit-linear-gradient(top, #000 60%, rgba(0, 0, 0, 0) 100%); background:linear-gradient(180deg, #000 60%, rgba(0, 0, 0, 0) 100%); position:fixed; top:0; content:''; display:block; z-index:700; -webkit-transition: opacity 300ms;transition: opacity 300ms;z-index:0; display:none}




    .menu-container, .lang-container, .side-menu-container  {display: none;}

    #logo {width: auto;height: 46px;left: auto;    transform: translate(4%, -50%);}
    body.home:not(.open-menu) #header:not(.minimize) #logo path { fill: #fff; }
    body.home:not(.open-menu) #header:not(.minimize) #logo path.symbol-green { fill: transparent; }
    body.home:not(.open-menu) #header:not(.minimize) #menu > li > a, body.home:not(.open-menu) #header:not(.minimize) .search-open__btn:after, body.home:not(.open-menu) #header:not(.minimize) .lang-open__btn:after {color:#fff;}
    body.home:not(.open-menu) #header:not(.minimize) .small-menu-btn__line {background:#000;}


    body.home.open-menu .small-menu-btn__line {background:#fff;}

    .page-template-company-about:not(.open-menu) #header:not(.minimize) .small-menu-btn__line {background:#fff;}

    body.open-menu #header, body.open-search #header, body.open-menu #small-menu-container { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}

    #small-menu-btn {display: block;position: absolute;top: 19px;right: 30px;z-index: 550;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
    .small-menu-btn__inner { height: 12px; width: 24px; position: relative; margin: 10px;}
    .small-menu-btn__line {display: block;width: 24px;height: 3px;position: absolute;left: 50%;margin-left: -12px;background: #000;-webkit-transition: background 300ms;transition: background 300ms;}
    .small-menu-btn__line--01 {top: 0;}
    .small-menu-btn__line--02 {bottom: 0px;}
    html.android #header:not(.minimize) #small-menu-btn {top:34px;}

    #small-menu-container {display: none;width: 100%;height: 100%;margin: 0;overflow-y: hidden;position: fixed;top: 0px;bottom: 0;left: 0;z-index: 650;   /*  background: url(/img/2024/mobile-menu-bg2.png), linear-gradient(142.94deg, #dc1f63 7.53%, #c51655 53.72%)*/background:linear-gradient(142.94deg, #00C092 7.53%, #007A60 53.72%);
	background-position:right bottom;background-size:100% auto;-webkit-overflow-scrolling: touch;        background-repeat: no-repeat;}
    .small-menu-container__inner {width: 100%;position: relative;}

    .small-screen-menu {margin-top: 101px; margin-bottom:60px;}
    .small-screen-menu li {display: block;width: 100%;}
    .small-screen-menu a {display: block;position: relative;line-height: 1.5;color: #fff;letter-spacing: -0.03em;}
    .small-screen-menu ul.sub-menu {display: none;margin-bottom: 21px;}
    .small-screen-menu > li {}
    .small-screen-menu > li > a {padding: 11px 20px;font-size: 24px; line-height:1.32;   font-family: 'Roboto', 'Lato', 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight:800;}
    .small-screen-menu > li > a > span {position:relative; padding-left:14px;}
    .small-screen-menu > li > ul {padding: 0 36px;}
    .small-screen-menu > li > ul > li + li { margin-top:6px;}
    .small-screen-menu > li > ul > li:first-child {}
    .small-screen-menu > li > ul > li > a {padding: 3px 0;font-size: 16px;   font-family: 'Roboto', 'Lato', 'Pretendard', '맑은 고딕', 'Malgun Gothic', sans-serif;color: #fff;line-height: 1.8;font-weight:800;}
    .small-screen-menu > li > ul > li.current-menu-item > a,
    .small-screen-menu > li > ul > li.current-page-ancestor > a,
    .small-screen-menu > li > ul > li.current-menu-ancestor > a {color: #000}
    .small-screen-menu > .current-menu-item:not(.sub-menu) > a > span:before,
    .small-screen-menu > .current-menu-ancestor:not(.sub-menu) > a > span:before,
    .small-screen-menu > .current-page-ancestor:not(.sub-menu) > a > span:before {width:6px;height:6px;background:#fff; border-radius:50%; content:'';display: block;position:absolute;left: 0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
    .small-screen-menu li.current-menu-parent > a span {position:relative;}
    /*.small-screen-menu li.current-menu-parent > a span:after {display: block;width:6px;height: 6px;position: absolute;left: 0;top: 50%;margin-top: -4px;background: #fff;border-radius:50%;content:'';}*/
    .small-screen-menu li.sub-menu.active > a span:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
    html.ios .small-screen-menu > .current-page-ancestor:not(.sub-menu) > a > span:before { top:-webkit-calc(50% - 3px); top:calc(50% - 3px)}

    #small-menu-close {display: block;width: 50px;height: 50px;position: fixed;top: 0;right: -50px;z-index: 650;cursor: pointer;background: #fff;}
    #small-menu-close:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'kb-font';content: '\e946';font-size: 17px;line-height: 50px;font-weight: normal;text-align: center;color: #fff;}

    #small-menu-overlay {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000;background: rgba(0, 0, 0, .6);z-index: 600;}

.menu-container #menu > li:nth-child(4), .menu-container #menu > li:nth-child(5)  {
 display:block;
}


    .minimize#header {height: 70px;border-bottom: none;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
    .minimize #logo {}
    .minimize #small-menu-btn {top: 19px;}

.search-open {
    position: absolute;
    top: 18px;
    right: 86px;
    z-index: 2;
    -webkit-transition: top .3s;
    transition: top .3s;
}

    #logo {
        width: auto;
        height:46px;

    }
    .minimize #logo { }

#logo {

}

}


@media (max-width: 768px) {
    #logo {
          width: auto;
        height: 36px;

    }
#logo a svg, #logo a img {
        display: block;
        width: auto;
        max-width: none;
    }
    #small-menu-btn {
        display: block;
        position: absolute;
        top: 19px;
        right: 10px;
        z-index: 550;
        cursor: pointer;
        -webkit-transition: top 300ms;
        transition: top 300ms;
    }
.search-open{
display:none;
}
.header__inner {
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    margin: 0 6px;
}
    .minimize #logo {
  
    }
}


.mobile_nav_bar {
    display: none;
}





body.show_nav .mobile_nav_bar {
    bottom: 0;
	}

body.show_nav.open-menu .mobile_nav_bar {
    z-index:0;
	}


@media (max-width: 768px){

.mobile_nav_bar {
    display: block;
}
}

.mobile_nav_bar {position: fixed; display: block; bottom: -7rem;  width: 100%; /* height: 6rem; */ background: #0e1727; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms;  padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);    background: linear-gradient(305deg, #3f65af 0%, #3f65af 100%);}
.ios .mobile_nav_bar {bottom: calc(-7rem + -4rem)}
.mobile_nav_bar a { display: inline-block; vertical-align: top; width: 20%; height: 100%; text-align: center; color: #fff;  padding-top:15px; height: 75px;}
.mobile_nav_bar a i { display: block; margin-bottom: 7px; }
.mobile_nav_bar a i:after {content: '';font-family: 'nc-font';display: inline-block;vertical-align: top;font-size: 1.4rem;color: #fff;font-style: normal;}
.mobile_nav_bar a.weekly i:after {content: '\e816';}
.mobile_nav_bar a.home i:after {font-family: 'nc-home';
    content: '\E800';
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-style: normal;

}
.mobile_nav_bar a.home {
 /*
	display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 1.2rem;
    height: 75px;
	*/
}



.mobile_nav_bar a.one i:after {content: '\E929'; font-family: 'kiwi-font';font-style: normal;}
.mobile_nav_bar a.two i:after {content: '\E827'; font-style: normal;}
.mobile_nav_bar a.three i:after {content: '\E92C';font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.four i:after {content: '\E961'; font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.menu i:after {content: '\E954';font-family: 'nc-font'; font-style: normal;}
.mobile_nav_bar > a > span { font-size: 12px; letter-spacing: -0.025em; line-height: 1; font-weight:700}

body.show_nav .mobile_nav_bar {bottom: 0;}


@media (min-width: 768px){
.mobile_nav_bar {
    display: none;
}
}