@charset "utf-8";
/* reset */


#wrap{  min-width: 1250px;max-width: 100%;margin: 0 auto;}
#misc_btns{position: relative;overflow: hidden; max-width: 1250px;margin: 0 auto;padding: 40px 0 0px;z-index: 999;opacity: 1;}
#misc_btns a{position: relative;display: inline-block;font-size: 11px;color: #fff;line-height: 12px;padding: 0 0px;}
#misc_btns a:before{content: '';position: absolute;top:0;bottom:0;left:0;width: 1px;background: #fff;opacity: 0.3}
#misc_btns a:first-child:before{content: none;}
#misc_btns .left_area{float: left;font-size: 0;letter-spacing: 0;word-spacing: 0;}
#misc_btns .left_area a{font-size: 11px;letter-spacing: 0;line-height: 12px;  font-weight: bold;}
#misc_btns .right_area{float: right;font-size: 0;letter-spacing: 0;word-spacing: 0;}

#gnb{position: relative;  top: 0;text-align: center;width:100%;margin: 0 auto;z-index: 999; max-height:83px;}
#gnb .navi{min-width:1250px;position: absolute;left:0;right: 0;top:0;  width: 100%;height:83px;/* background-color: #ffffff;*/max-width: 1250px;margin: 0 auto;font-size: 0;letter-spacing: 0;word-spacing: 0;}



#gnb .navi:after{content:none;}
#gnb .navi .center{position:relative;max-width: 1250px; margin: 0 auto;display: inline-block;vertical-align: top;}
#gnb .navi .center> .center_inner>*{display: inline-block; vertical-align: top;}

#gnb .navi .btn_right{right:0;top:0;bottom:0;z-index: 1000;width: 80px;height:83px; line-height:88px;font-size: 16px;position: absolute;top: 0;right: 0;}
#gnb .navi .btn_right{display: block; background: #015198; color:#fff}


body.stop #misc_btns{opacity: 0;}

#wrap.main #gnb .navi {width:210px;min-width:210px;font-size:0;letter-spacing:0;word-spacing:0;background: none;overflow: hidden;}
#wrap.main #gnb .navi > * {width:100px;height:83px;}
#wrap.main #gnb .navi > *:hover > div.rot_box { transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg); }
#wrap.main #gnb .navi > * > div.rot_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    float:left;
    transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg);
    transition: transform 1s cubic-bezier(.217,.60,.355,1);
}
#wrap.main #gnb .navi > div.center .center_inner{  position: relative;visibility: hidden;opacity: 0;/*min-width: 1060px;*/  min-width: 1250px; padding-top:0px; overflow: hidden}
#wrap.main #gnb .navi .btn_right{background: none;position: absolute;top: 0;right: 0;}

#wrap.main #gnb .navi > div.center > div.rot_box { transition-delay:0.1s; }
#wrap.main #gnb .navi > a.right > div.rot_box { transition-delay:0.2s; }

#wrap.main #gnb .navi > * > div.rot_box:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;

    transform: rotateX(0deg) translateZ(35px);
    backface-visibility: hidden;
}

#wrap.main #gnb .navi > a.left > div.rot_box:before { box-shadow: inset 0 0 0 3px #F1732F; }
#wrap.main #gnb .navi > div.center > div.rot_box:before { box-shadow: inset 0 0 0 3px #FFFFFF;}
#wrap.main #gnb .navi > a.right > div.rot_box:before { box-shadow: inset 0 0 0 3px #E91F3E;}

#wrap.main #gnb .navi > * > div.rot_box:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform: rotateX(90deg) translateZ(35px);
    backface-visibility: hidden;
}

#wrap.main #gnb .navi > a.left > div.rot_box:after { background:#015198 url('../images/btn_business.png') no-repeat left center;}
#wrap.main #gnb .navi > div.center > div.rot_box:after {background:#FFFFFF;}
#wrap.main #gnb .navi > a.right > div.rot_box:after {background:#015198 url('../images/btn_people.png') no-repeat right center;}



/* step */
#wrap.main #gnb .navi.step1 {width:1250px;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;background: rgba(255,255,255,.8);}
#wrap.main #gnb .navi.step1 > div.center {width:1250px;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;}
#wrap.main #gnb.scroll .navi.step1 {width:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;}
#wrap.main #gnb .navi.step3 > div.center .center_inner{visibility: visible;opacity: 1; transition:all 0.5s 0.4s;-webkit-transition:all 0.5s 0.4s;-moz-transition:all 0.5s 0.4s; }
#wrap.main #gnb .navi.step3 {transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;}
#wrap.main #gnb.scroll .navi.step3 {transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;}
#wrap.main #gnb .navi.step3 .btn_right{background: #015198 ;}
#wrap.main #gnb.scroll .navi.step3{background:#fff;max-width:2000px;width:100%}




#gnb .navi ul.depth1{position: relative;font-size: 0;letter-spacing: 0;word-spacing: 0; padding-right:10px;}
#gnb .navi ul.depth1 > li{display:inline-block; vertical-align: top;font-size:17px; padding-right:30px;}
#gnb .navi ul.depth1 > li > a{position: relative;display: block;color: #000;height: 83px;line-height: 89px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#gnb .navi ul.depth1 > li > a:hover, #gnb .navi ul.depth1 > li > a.on{color: #015198;  font-weight:bold;}
#gnb .navi ul.depth1 > li:first-child > a:before{content: none;}
#gnb .navi ul.depth1 > li > a:after{content: none;}
#gnb .navi .logo{width: 251px; float:left; padding-left:10px;}
#gnb .navi .logo > a{position: relative;display: block;color: #333333;height: 80px;padding: 20px 0 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

#gnb .navi .logo img{width:251px; float:left}


#gnb.scroll{position: fixed;max-width: none;}
#gnb.scroll .navi{max-width: 2000px;width:100%;top:0 !important;}
#gnb.scroll .navi:after{content: '';position: absolute;bottom:0;left:0;right:0;height: 1px;background: #eaeaea;}




/* 下拉 */

dl,dd,dt{list-style:none; color:#fff; position:fixed;text-align:center!important;width:100px!important;}

#wenzhang{ text-align:center!important;}
#wenzhang  dd dl dt{text-align:center!important; }
#wenzhang dd dl dd dl dt{ color:#fff;text-align:center!important;  }
#wenzhang li{  z-index:999999; padding:0; margin:0; clear:both;line-height:30px;color:#FFFFFF; }
#wenzhang li a{width:100px!important;background:#015198; float:left;font-size:14px!important;margin-top:1px;}
#wenzhang li a:hover{ background:#539ee1;color:#FFFFFF;width:100px!important; line-height:30px; float:left}