/************************************************************************
* HEADER *
************************************************************************/
#header{height:120px;position:absolute;top:0;left:0;right:0;border-bottom:solid 1px rgba(153,153,153,1);text-align:center;word-break:keep-all;z-index:999;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#header.hover{background:rgba(0,0,0,0.6);}
#header #logo{position:absolute;left:100px; z-index: 999;transition:all 0.2s ease-in-out;}
#header #logo a{line-height:110px;display:block; }
#header #logo img{width:181px;height:auto; }


#header .ttmenu{position:absolute;right:0;top:0;}
#header .ttmenu a{padding:0 12px;color:rgba(255,255,255,0.6);line-height:100px;}


#header #fast-nav{position:absolute;right:0;top:96px;z-index:99999;}
#header #fast-nav a{width:172px;margin:0 2px;color:#fff;font-size:16px;line-height:42px;text-align:center;border:solid 1px rgba(255,255,255,0.6);background:#5f5950;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;display:block;}
#header #fast-nav a:hover{background:#fff;color:#6d5f52;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}


#gnb h2,#mb-gnb h2{display:none !important;font-size:0 !important;}


/*#header #gnb nav>ul{margin-left:10%;}*/

#header #gnb nav>ul>li:nth-child(1){width:6.5%;}
#header #gnb nav>ul>li:nth-child(2){width:6.5%;}
#header #gnb nav>ul>li:nth-child(3){width:6.5%;}
#header #gnb nav>ul>li:nth-child(4){width:6.5%;}
#header #gnb nav>ul>li:nth-child(5){width:6.5%;}
#header #gnb nav>ul>li:nth-child(6){width:7.5%;}
#header #gnb nav>ul>li:nth-child(7){width:7.5%;}
#header #gnb nav>ul>li:nth-child(8){width:6.5%;}

#header #gnb nav>ul>li{/*width:6.5%;*/ padding-top:19px;font-size:16px;line-height:100px;display:inline-block;vertical-align:top;}
#header #gnb nav>ul>li>a:after{width:0;height:4px;display:block;content:"";position:absolute;left:50%;bottom:0;background:#d61518;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#header #gnb nav>ul>li>a{color:rgba(39,39,39,1);display:block;font-weight:600;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

/*
#header #gnb nav>ul>li>a:hover{color:#004994;border-bottom:solid 3px #ecb032;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
*/

#header #gnb nav>ul>li:nth-child(3), #header #gnb nav>ul>li:nth-child(4){width:7%;}

#header #gnb nav>ul>li>div.subnav{padding:20px 0;position:absolute;left:0;right:0;top:auto;background:#004994e3;font-size:0;display:none;}
#header #gnb nav>ul>li>div.subnav ul{max-width:50%;margin:0 auto; clear:both;margin-left:31%; overflow:hidden;}
#header #gnb nav>ul>li>div.subnav>ul>li{padding:0 20px;display:block;vertical-align:top;line-height:180%;text-align:left;float:left;position:relative;}
#header #gnb nav>ul>li>div.subnav>ul>li a{color:rgba(255,255,255,1);line-height:180%;font-size:16px;font-weight:400;}
#header #gnb nav>ul>li>div.subnav>ul>li a:hover{color:rgba(255,255,255,0.6);}

#header #gnb nav>ul>li:nth-child(1)>div.subnav>ul>li{left:4%;}
#header #gnb nav>ul>li:nth-child(2)>div.subnav>ul>li{left:15%;}
#header #gnb nav>ul>li:nth-child(3)>div.subnav>ul>li{left:26%;}
#header #gnb nav>ul>li:nth-child(4)>div.subnav>ul>li{left:40%;}
#header #gnb nav>ul>li:nth-child(5)>div.subnav>ul>li{left:50%;}
#header #gnb nav>ul>li:nth-child(6)>div.subnav>ul>li{left:50%;}
#header #gnb nav>ul>li:nth-child(7)>div.subnav>ul>li{left:50%;}
#header #gnb nav>ul>li:nth-child(8)>div.subnav>ul>li{left:55%;}

#header  .intra{right:10%;padding: 10px 30px; position:absolute;top:45px;color: #fff; font-size:15px;font-weight: 400 !important; display:block;background:#d61518;border-radius: 30px;cursor: pointer;}
#header  .intra:hover{background:#000;}
#header  .intra a{color: #fff;}


#header #gnb .bar{width:6%;height:0;left:0.5%;position:absolute;bottom:0;font-size:0;background:#d61518;display:none;z-index:-1;}






@media screen and (max-width:2200px){
#header #gnb nav>ul>li>div.subnav ul{max-width:100%;margin-left:17%; }

}


@media screen and (max-width:1800px){
#header #gnb nav>ul>li:nth-child(7)>div.subnav>ul>li{left:45%;}
}


@media screen and (max-width:1700px){
#header #logo{left:30px; }
#header #gnb nav>ul>li>div.subnav ul{max-width:80%;}
#header #gnb nav>ul>li:nth-child(4)>div.subnav>ul>li{left:43%;}
#header #gnb nav>ul>li:nth-child(7)>div.subnav>ul>li{left:40%;}
#header  .intra{right:7%;padding: 10px 20px;}
#header #gnb .bar{width:8.5%;}
}
@media screen and (max-width:1600px){
#header #gnb nav>ul>li>div.subnav ul{max-width:75%;margin-left:21%; }
#header #gnb nav>ul>li{width:8%;}
#header #gnb nav>ul>li:nth-child(3), #header #gnb nav>ul>li:nth-child(4){width:9%;}
#header #gnb nav>ul>li:nth-child(4)>div.subnav>ul>li{left:46%;}
#header #gnb nav>ul>li:nth-child(7)>div.subnav>ul>li{left:45%;}
#header  .intra{right:6.5%;}
#header #gnb .bar{width:9%;}
}


@media screen and (max-width:1450px){
#header #gnb nav>ul>li>div.subnav>ul>li{padding:0 22px;}
#header #gnb nav>ul>li:nth-child(3), #header #gnb nav>ul>li:nth-child(4){width:12%;}
#header #gnb nav>ul>li:nth-child(7)>div.subnav>ul>li{left:42%;}
#gnb{display:none !important;}
#mb-nav-btn{width:64px;height:64px;display:block;position:absolute;top:9px;right:10px;background:url(/base/img/img/nav_icon.png) no-repeat 50% 50%;color:transparent;z-index:8900;font-size:0;}
#mb-nav-close{width:80px;height:80px;position:absolute;top:0;left:-80px;color:transparent;background:#254d9969 url(/base/img/img/nav_icon_close.png) no-repeat 50% 50%;}
.ov-bg{height:100%;background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;right:0;display:none;z-index:1000;}

}


@media screen and (min-width:1260px){
#mb-nav-btn{display:none;}
}


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

#logo {
    padding: 10px 0 0 !important;
}

#header{height:80px;padding:0 20px;}
#header #logo a{line-height:70px;}
#header #logo img{width:180px;}


#header .ttmenu{right:210px;}
#header .ttmenu a{padding:0 12px;line-height:80px;}
#header .ttmenu a:first-child{display:none;}


#header #fast-nav{right:46px;top:22px;}
#header #fast-nav a{width:140px;font-size:14px;line-height:38px;}


#mb-gnb #mb-fast-nav{height:80px;background:#6e6153;}
#mb-gnb #mb-fast-nav a{color:#6e6153;}


#mb-gnb{width:70%;max-width:300px;background:#fff;position:fixed;top:0;right:-100%;bottom:0;z-index:99999;}
#mb-gnb-copy{width:70%;max-width:300px;position:fixed;top:0;right:-100%;z-index:8000;}
#mb-gnb #mb-nav nav ul li{float:none;display:block;}
#mb-gnb #mb-nav nav>ul{padding:10px 0;}
#mb-gnb #mb-nav nav>ul>li{}
#mb-gnb #mb-nav nav>ul>li>a{padding:18px 10%;padding-right:0 !important;text-align:left;display:block;color:#333;font-weight:600;font-size:20px;border-bottom:1px solid #bbb;}


#mb-gnb #mb-nav nav>ul>li>div.subnav{display:none;padding:0 !important;}
#mb-gnb #mb-nav nav>ul>li>div.subnav>ul{padding:18px 0;background:#f2f2f2;}
#mb-gnb #mb-nav nav>ul>li>div.subnav>ul>li{width:auto;}
#mb-gnb #mb-nav nav>ul>li>div.subnav li a{padding-left:10%;color:#777;font-size:18px;line-height:220%;font-weight:400;display:block;}
#mb-gnb #mb-nav nav>ul>li>div.subnav li a:hover{color:#000;}


#mb-gnb #mb-fast-nav{height:80px;background:#254d99;}
#mb-gnb #mb-fast-nav a{color:#d61518;}
#header .intra{font-size:15px;padding: 10px 25px; top:22px !important;right:8%;}
}


@media screen and (max-width:960px){
#header .intra{right:10%;}
}


@media screen and (max-width:680px){
#mb-nav-btn{width:48px;height:48px;top:14px;right:0;background-size:60%;}
#mb-nav-close{width:70px;height:70px;left:-70px;background-size:60%;}


#header{height:70px;padding:0 2px;}
#header #logo a{line-height:50px;}


#header .ttmenu{right:80px;}
#header .ttmenu a{padding:0 6px;line-height:74px;font-size:12px;}
#header .ttmenu a:first-child{display:none;}


#header #fast-nav{right:40px;top:22px;overflow:hidden;}
#header #fast-nav a{width:32px;height:32px;font-size:14px;font-weight:700;line-height:32px;overflow:hidden;}
#header #fast-nav a i{display:none;}


#mb-gnb #mb-fast-nav{height:70px;}


#mb-gnb{overflow-y:scroll;}
#mb-gnb,#mb-gnb-copy{max-width:280px;}


#mb-gnb #mb-nav nav>ul>li>a{padding:16px 10%;font-size:16px;}
#mb-gnb #mb-nav nav>ul>li>div.subnav li a{font-size:14px;display:block;}
#header .intra{font-size:13px;padding: 7px 18px; top:22px !important;right:10%;padding-top: 9px;}
}


@media screen and (max-width:460px){
#header #logo img{width:160px;}
#header .intra{right:15%;}
}


@media screen and (max-width:360px){
#header #logo img{width:150px;}
}




@keyframes navani{
0%{transform:scaleX(1);}
25%{transform:scaleX(0);background-color:rgba(256,256,256,0.14);border:1px solid #7c7c7c;}
50%{transform:scaleX(1);background-color:rgba(256,256,256,0.14);border:1px solid #7c7c7c;}
75%{transform:scaleX(0);background-color:#d23145;border:1px solid #d23145;}
100%{transform:scaleX(1);background-color:#d23145;border:1px solid #d23145;}
}



/************************************************************************
* ALL MENU *
************************************************************************/
#allmenu{width:0;position:absolute;right:0;top:0;transition:width .5s ease .2s;z-index:99999999 !important;}
#allmenu .allmenu-bg{width:0;height:100%;position:absolute;right:0;top:0;background-color:rgba(0,0,0,0.9);content:'';opacity:0;transition:opacity .5s ease .2s;}


/* allmenu open btn */
#allmenu .open{width:43px;height:28px;position:absolute;top:48px;right:120px !important;transition:right .2s ease;}
#allmenu .open span{width:43px;height:28px;position:absolute;border-top:4px solid #254d9969;border-bottom:4px solid #254d9969;transition:height .2s ease .1s, top .2s ease .1s;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#allmenu .open span:before{width:100%;height:4px;margin-top:0px;position:absolute;right:0;top:40%;background-color:#254d9969;content:'';transition:width .2s ease;}
#allmenu .open:hover span:before,#allmenu .open:focus span:before,#allmenu .open:active span:before{width:70%;}


/* allmenu menu */
#allmenu .menu{width:100%;padding-top:70px;overflow:hidden;visibility:hidden;position:relative;top:90px;right:-9999%;z-index:99999;}
#allmenu .menu>ul{width:100%;max-width:1500px;margin:0 auto;clear:both;overflow:hidden;}
#allmenu .menu>ul>li{width:20%;height:350px; padding:0 2%;text-align:center;float:left;}
#allmenu .menu .depth-01>li>a{font-size:18px;line-height:45px;font-weight:500;letter-spacing:-0.04em;display:block;border:solid 1px rgba(255,255,255,0.5);color:#8bb7ff;}


/* menu-list */
.menu-list{width:100%;margin:0 auto;text-align:left;float:left;}
.menu-list li{width:100%;margin:0 !important;position:relative;float:left;}
.menu-list li:before{margin-top:-15px;position:absolute;right:15px;top:50%;z-index:1;font-size:13px;color:#d4d0cb;letter-spacing:-0.5px;}
.menu-list li a{height:44px;display:block;border-top:1px solid rgba(255,255,255,0.2);font-size:16px;color:#fff;font-weight:400;line-height:44px;letter-spacing:-0.5px;}
.menu-list li:last-child{border-bottom:1px solid rgba(255,255,255,0.2);}
.menu-list li a:before{width:0;height:100%;position:absolute;left:0;top:0;background-color:#ffffff3d;content:'';transition:width .2s ease;}


.menu-list li.sm1 a{height:40px;padding-left:10px;font-size:13px;line-height:40px;color:rgba(255,255,255,0.8);font-weight:400;border-top:none;}
.menu-list li.sm1 a:before{background-color:#fb0666;}
.menu-list li.sm1 span:before{width:0;}
.menu-list li.sm2{width:50%;}
.menu-list li.sm2 a{height:40px;padding-left:10px;font-size:13px;line-height:40px;color:rgba(255,255,255,0.6);font-weight:400;border-top:none;}
.menu-list li.sm2 a:hover{color:#fff;}
.menu-list li.sm2 a:before{background-color:rgba(255,255,255,0);}
.menu-list li.sm2 span:before{width:0;height:0}
.menu-list li.pbm{padding-bottom:10px;}
 
.menu-list span{position:relative;z-index:1;padding-left:25px;}
.menu-list span:before{width:6px;height:6px;margin-top:-3px;position:absolute;left:8px;top:50%;border-radius:9999px;border:1px solid rgba(255,255,255,0.3);content:'';transition:background .2s ease;}
.menu-list a:hover,.menu-list a:focus, .menu-list a:active{font-weight:500;}
.menu-list a:hover:before, .menu-list a:focus:before, .menu-list a:active:before{width:100%;}
.menu-list a:hover span:before, .menu-list a:focus span:before, .menu-list a:active span:before{background-color:#fff;}
.ss_list{padding-left:24px;}




/* allmenu close */
#allmenu .close{width:40px;height:40px;position:absolute;right:1%;top:0;border:1px solid #d4d0cc;text-indent:-9999px}
#allmenu .close:before{width:1px;height:20px;margin-top:-10px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(45deg);transition:transform .2s ease;}
#allmenu .close span:before{width:1px;height:20px;margin-top:-10px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(-45deg);transition:transform .2s ease;}
#allmenu .close:hover:before, #allmenu .close:focus:before, #allmenu .close:active:before{transform:rotate(225deg);}
#allmenu .close:hover span:before, #allmenu .close:focus span:before, #allmenu .close:active span:before{transform:rotate(135deg);}


/* allmenu active */
#allmenu.active{width:100%;height:100%;position:fixed;}
#allmenu.active .allmenu-bg{width:100%;opacity:1;}
#allmenu.active .open{top:-110px;}
#allmenu.active .menu{visibility:visible;right:0;}


@media screen and (max-width:1700px) {
#allmenu .open{right:50px !important;}
}


@media screen and (max-width:1580px) {
#allmenu .open{right:30px !important;}
}


@media screen and (max-width:1280px) {
#allmenu .open{right:10px !important;}
#allmenu .menu .depth-01>li>a{font-size:22px;line-height:74px;}


.menu-list li:before{font-size:12px;letter-spacing:-0.6px;}
.menu-list a{font-size:12px;letter-spacing:-0.6px;}
}


@media screen and (max-width:1259px){
#allmenu{display:none !important;}
}


/**HEADER 
header{position:fixed;width:100%;z-index:99999;height:100px; background-color:#fff; visibility:visible;transition:all 0.3s ease-in-out; border-bottom:1px solid #dfdfdf;}
header h1{position:absolute;text-align:left;padding:20px 0 0 50px;z-index:999999;}
header h1 a{display:inline-block;overflow:hidden;text-indent:-9999em;width:181px;height:56px;background:url(/base/img/img/logo.png) center center no-repeat;}
header.ov h1 a,
header.on h1 a{background-image:url(/base/img/img/logo.png) !important;}

@media screen and (max-width:767px){
header{border-bottom:0px solid #dfdfdf; height:60px;}
header h1{padding:18px 0 0 14px;}
header h1 a{width:110px;height:34px;background-size:110px 34px;background-image:url(/base/img/img/logo.png) !important;}
header.ov h1 a,
header.on h1 a{background-image:url(/img/logo_mo_blue.png) !important;}
}

header.on #navi{position:relative;z-index:2;}
header #navi #gnb{position:relative;max-width:1920px;margin:0 auto;text-align:center;}
header #navi #gnb > ul{display:inline-block;margin:0 auto;}
header #navi #gnb > ul > li{position:relative;display:inline-block;vertical-align:top;padding:0 30px;min-width:75px;height:99px;line-height:99px;transition:all 0.3s ease-in-out;}
header #navi #gnb > ul > li > a{width:160px;font-weight:600;font-size:19px;color:#004994;display:block;line-height:99px;transition:all 0.1s ease-in-out;}

header #navi #gnb > ul > li > a i{}
header #navi #gnb > ul > li > a i.off{display:block;transition:all 0.2s ease;}
header #navi #gnb > ul > li > a i.on{display:none;transition:all 0.2s ease;}
header #navi #gnb > ul > li:hover > a i.off{display:none;transition:all 0.2s ease;}
header #navi #gnb > ul > li:hover > a i.on{display:block;transition:all 0.2s ease;}

header #navi.over #gnb > ul > li.on{}
header #navi.over #gnb > ul > li.on .depth2:hover{height:270px; background-color:#f2f5ff;}
 
header #navi.over #gnb > ul > li.on > a,header #navi #gnb > ul > li > a:hover{color:#004994;}
header #navi #gnb > ul > li > ul{display:none;position:absolute;left:0;padding:25px 0 25px 0;top:100px;min-width:100%;width:100%;text-align:center;background:none;z-index:3;border:none !important;border-width:0 1px 1px;box-sizing:border-box;}
header #navi #gnb > ul > li > ul > li{margin:18px 0 0 0;opacity:0; }
header #navi #gnb > ul > li > ul > li:first-child{margin:0;}
header #navi #gnb > ul > li > ul > li a{position:relative;display:block;font-size:16px;line-height:23px;letter-spacing:-0.03em;font-weight:300;color:#202020;}
header #navi #gnb > ul > li > ul > li a:hover{color:#fff;font-weight:500; }
header #navi #gnb > ul > li > ul > li{animation:gnbSub 0.5s 0.3s;animation-fill-mode:forwards;}
header.on #navi.over #gnb > ul > li.on{}
header.on #navi.over #gnb > ul > li > a{color:#333 !important;}
header.on #navi.over #gnb > ul > li.on > a{color:#004994 !important;}
header.on #navi.over #gnb > ul > li.on > a:hover{color:#004994 !important;}
header.on #navi.over #gnb > ul > li > ul{display:block;}
header.on #navi.over #gnb > ul > li > ul > li a{color:#333 !important;}
header.on #navi.over #gnb > ul > li > ul > li a:hover{color:#004994 !important; }


header .gnb_bg{height:0;position:absolute;top:0;left:0;width:100%;background-color:rgba(255,255,255,1);transition:all 0.3s ease-in-out; border-bottom:1px solid #f7f7f7;}
header .gnb_bg.on:after{opacity:0;content:"";display:block;position:absolute;left:0;top:100px;width:100%;height:1px;background-color:#cbcbcb;animation:ani_5 0.3s 0.1s;animation-fill-mode:forwards;}
header .gnb_bg.on{height:370px;}


header.ov #navi #gnb{display:none;}
@media screen and (max-width:1600px){
header #navi #gnb > ul > li{padding:0 5px;}
}
@media screen and (max-width:1250px){
header #navi #gnb{margin-right:-10%;}
header #navi #gnb > ul > li{padding:0 24px;}
header #navi #gnb > ul > li > a{font-size:16px;}
header #navi #gnb > ul > li > ul > li a{font-size:14px;line-height:12px;}
}
@media screen and (max-width:1100px){
header #navi #gnb{display:none;}
}


.allBox{position:absolute;right:30px;top:34px;z-index:7;transition:all 0.3s ease-in-out;}
.allmenu{width:30px;height:30px;}
.allmenu a{display:block;width:30px;height:30px;}

.allmenu a > span{width:40px;height:30px;display:block;position:relative;transition:all 0.3s ease-in-out;}
.allmenu a > span:before{content:"";display:block;width:40px;height:3px;background-color:#fff;border-radius:20px;position:absolute;left:0;top:0;transition:all 0.3s ease-in-out;}
.allmenu a > span:after{content:"";display:block;width:40px; height:3px;background-color:#fff;border-radius:20px;position:absolute;right:0;top:0;transition:all 0.3s ease-in-out;}
.allmenu a > span > span:before{content:"";display:block;width:40px;height:3px;background-color:#fff;border-radius:20px;position:absolute;left:0;bottom:0;transition:all 0.3s ease-in-out;}
.allmenu a > span > span:after{content:"";display:block;width:40px;height:3px;background-color:#fff;border-radius:20px;position:absolute;right:0;bottom:13px;transition:all 0.3s ease-in-out;}
.allmenu a > span > span{font-size:0;text-indent:-9999px;}

.allmenu a:hover > span:before{transform:rotate(180deg);}
.allmenu a:hover > span:after{transform:rotate(180deg);}
.allmenu a:hover > span > span:before{transform:rotate(180deg);}
.allmenu a:hover > span > span:after{transform:rotate(180deg);}
.allmenu.on a > span:before{transform:rotate(-45deg);background-color:#000;border-radius:0;width:3px;height:60px;left:0 !important;top:0 !important;}
.allmenu.on a > span:after{transform:rotate(45deg);background-color:#000;border-radius:0;width:3px;height:60px;right:36px !important;top:0 !important;}
.allmenu.on a > span > span:before{display:none;}
.allmenu.on a > span > span:after{display:none;}
header.on .allmenu a > span:before,
header.on .allmenu a > span:after,
header.on .allmenu a > span > span:before,
header.on .allmenu a > span > span:after{background-color:#0088ff !important;}
@media screen and (max-width:767px){
.allBox{top:14px;}
}



#allmenuBox{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100vh;z-index:-22;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;}
#allmenuBox.on{z-index:5555;opacity:1;visibility:visible;}
#allmenuBox .menuBox{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#fff }
#allmenuBox .menuBox:after{content:"";display:block;visibility:hidden;clear:both;height:0;}
#allmenuBox .menuBox .box{position:relative;float:left;width:50vw;height:100%;}
#allmenuBox #gnb{position:absolute;left:32%;top:160px;}
#allmenuBox #gnb li{position:relative;text-transform:uppercase;white-space:nowrap;}
#allmenuBox #gnb > ul{animation:gnbSub 0.5s 0.3s;animation-fill-mode:forwards;}
#allmenuBox #gnb > ul > li{margin:34px 0;font-size:41px;line-height:36px;min-height:30px;color:#333;font-weight:300;transition:all 0.3s 0.3s ease-in-out;}

#allmenuBox #gnb > ul > li > a{width:auto;position:relative;color:#333;font-weight:300;transition:all 0.5s 0.0s ease-in-out;display:inline-block;padding-right:45px;background-color:#fff;z-index:3;}
#allmenuBox #gnb > ul > li > a i.on{display:none;}
#allmenuBox #gnb > ul > li > a:before{content:"";display:block;width:0;height:1px;position:absolute;left:0;top:50%;background-color:#333;}
#allmenuBox #gnb > ul > li ul{position:relative;visibility:hidden;padding:0 0 20px 550px !important;margin:0 !important;display:none;top:-34px;}
#allmenuBox #gnb > ul > li.hover ul:before{ content:"";display:block;width:0;height:1px;position:absolute;left:0;top:8px;z-index:2;background-color:#e0e0e0;animation:line_w1 0.5s 0.3s;animation-fill-mode:both;}
#allmenuBox #gnb > ul > li.hover ul{visibility:visible;display:block;}
#allmenuBox #gnb > ul > li > ul > li{position:relative;margin:30px 0 0 0;font-size:20px;line-height:16px;color:#333;font-weight:400;transition:all 0.5s 0.0s ease-in-out;opacity:0;animation:gnbSub 0.5s 0.3s;animation-fill-mode:forwards;}
#allmenuBox #gnb > ul > li > ul > li:first-child{margin:0;}
#allmenuBox #gnb > ul > li > ul > li a{position:relative;font-weight:400;display:inline-block;color:#333;z-index:5;}
#allmenuBox #gnb > ul > li > ul > li a:hover{color:#1a69b3;}
@media screen and (max-width:1600px){
#allmenuBox #gnb{top:160px;}
#allmenuBox #gnb > ul > li{margin:30px 0;font-size:35px;line-height:30px;min-height:26px;}
#allmenuBox #gnb > ul > li ul{padding:0 0 20px 400px !important;top:-26px;}
#allmenuBox #gnb > ul > li > ul > li{margin:25px 0 0 0;font-size:18px;line-height:15px;}
}
@media screen and (max-width:1250px){
#allmenuBox #gnb{top:140px;}
#allmenuBox #gnb > ul > li{margin:25px 0;font-size:30px;line-height:28px;min-height:22px;}
#allmenuBox #gnb > ul > li ul{padding:0 0 20px 340px !important;top:-22px;}
#allmenuBox #gnb > ul > li > ul > li{margin:20px 0 0 0;font-size:16px;line-height:14px;}
}
@media screen and (max-width:1100px){
#allmenuBox #gnb{left:20%;}
}
@media screen and (max-width:860px){
#allmenuBox #gnb{left:17%;}
}
@media screen and (max-width:640px){
#allmenuBox #gnb{left:0;top:100px;padding:0 20px 0 74px;}
#allmenuBox #gnb > ul > li{margin:25px 0;font-size:28px;line-height:22px;min-height:20px;}
#allmenuBox #gnb > ul > li > a{padding:0;}
#allmenuBox #gnb > ul > li ul{padding:0 0 30px 20px !important;top:25px;}
}


header h1 a{background-image:url(/base/img/img/logo.png);}
header #navi #gnb > ul > li > a{color:#000;}
header .allmenu a > span:before,
header .allmenu a > span:after,
header .allmenu a > span > span:before,
header .allmenu a > span > span:after{background-color:#004994;}

.fp-viewing-0{}
.fp-viewing-0 header h1 a{background-image:url(/img/logo.png);}
.fp-viewing-0 header #navi #gnb > ul > li > a{color:#fff;}
.fp-viewing-0 header .allmenu a > span:before,
.fp-viewing-0 header .allmenu a > span:after,
.fp-viewing-0 header .allmenu a > span > span:before,
.fp-viewing-0 header .allmenu a > span > span:after{background-color:#004994;}

.fp-viewing-1{}
.fp-viewing-1 header h1 a{background-image:url(/img/logo.png);}
.fp-viewing-1 header #navi #gnb > ul > li > a{color:#fff;}
.fp-viewing-1 header .allmenu a > span:before,
.fp-viewing-1 header .allmenu a > span:after,
.fp-viewing-1 header .allmenu a > span > span:before,
.fp-viewing-1 header .allmenu a > span > span:after{background-color:#0088ff;}

.fp-viewing-2{}
.fp-viewing-2 header h1 a{background-image:url(/img/logo.png);}
.fp-viewing-2 header #navi #gnb > ul > li > a{color:#fff;}
.fp-viewing-2 header .allmenu a > span:before,
.fp-viewing-2 header .allmenu a > span:after,
.fp-viewing-2 header .allmenu a > span > span:before,
.fp-viewing-2 header .allmenu a > span > span:after{background-color:#0088ff;}


.fp-viewing-MAIN header h1 a{background-image:url(/img/logo_mo.png) !important;}
.fp-viewing-MAIN header #navi #gnb > ul > li > a{color:#fff;}
.fp-viewing-MAIN .allmenu a > span:before,
.fp-viewing-MAIN .allmenu a > span:after,
.fp-viewing-MAIN .allmenu a > span > span:before,
.fp-viewing-MAIN .allmenu a > span > span:after{background-color:#0088ff;}

.fp-viewing-WORKS header h1 a{background-image:url(/img/logo_mo.png) !important;}
.fp-viewing-WORKS header #navi #gnb > ul > li > a{color:#fff;}
.fp-viewing-WORKS .allmenu a > span:before,
.fp-viewing-WORKS .allmenu a > span:after,
.fp-viewing-WORKS .allmenu a > span > span:before,
.fp-viewing-WORKS .allmenu a > span > span:after{background-color:#0088ff;}

.fp-viewing-BUSINESS header h1 a{background-image:url(/img/logo_mo.png) !important;}
.fp-viewing-BUSINESS header #navi #gnb > ul > li > a{color:#fff;}
.fp-viewing-BUSINESS .allmenu a > span:before,
.fp-viewing-BUSINESS .allmenu a > span:after,
.fp-viewing-BUSINESS .allmenu a > span > span:before,
.fp-viewing-BUSINESS .allmenu a > span > span:after{background-color:#0088ff;}


header.fix.ov h1 a,
header.fix.on h1 a{background-image:url(/base/img/img/logo.png) !important;}
header.fix.ov{background:none;}
header.ov .allmenu a > span:before,
header.ov .allmenu a > span:after,
header.ov .allmenu a > span > span:before,
header.ov .allmenu a > span > span:after{background-color:#004994 !important;}
header.fix.ov .allmenu a > span:before,
header.fix.ov .allmenu a > span:after,
header.fix.ov .allmenu a > span > span:before,
header.fix.ov .allmenu a > span > span:after{background-color:#004994 !important;}




@media screen and (max-width:767px){
header h1 a{background-image:url(/base/img/img/logo.png) !important;}

}

**/

/* keyframes animation */


@keyframes gnbSub {
	0%{transform:translateY(30px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}



@keyframes line_w {
	0%{width:0;}
	100% {width:100%;}
}
@keyframes line_w1 {
	0%{width:0;}
	100% {width:520px;}
}
@keyframes line_h {
	0%{height:0;}
	100% {height:100%;}
}
@media screen and (max-width:1600px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:375px;}
	}
}
@media screen and (max-width:1250px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:320px;}
	}
}
@media screen and (max-width:640px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:0;}
	}
}



@keyframes scroll {
	0%{transform:translateX(3px);}
	50%{transform:translateX(-3px);}
	100%{transform:translateX(3px);}
}


@keyframes vsImg {
	0%{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
	100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleY_bar {
	0%{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);opacity:0;}
	100%{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:1;}
}

@keyframes ani_1 {
	0%{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);opacity: 0;}
	100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity: 1;}
}

@keyframes ani_2 {
	0%{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);opacity: 0;}
	100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity: 1;}
}

@keyframes ani_3 {
	0%{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity: 0;}
	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity: 1;}
}

@keyframes ani_4 {
	0%{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);opacity: 0;}
	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity: 1;}
}
@keyframes ani_5 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


@keyframes ani_over {
	0% {opacity: 0;}
	95% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes line_over {
	0%{ opacity:0;}
	80%{ opacity:0.3;}
	99%{ opacity:0.3;}
	100%{ opacity:0;}
}

@keyframes txt_big {
	0%{ opacity:0;}
	40%{opacity:0;}
	100%{ opacity:1;}
}
@-webkit-keyframes txt_big {
	0%{ opacity:0;}
	40%{opacity:0;}
	100%{ opacity:1;}
}

@keyframes vsImg {
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
@-webkit-keyframes vsImg {
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}


@keyframes txt_op {
	0%{opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes txt_op {
	0%{opacity:0;}
	100%{opacity:1;}
}

@keyframes img_b {
	0%{transform:scale(1.2);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes img_b {
	0%{transform:scale(1.2);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}