@charset "UTF-8";


header{position:relative; z-index:10; width:100%; border-bottom:1px solid #e9e9e9; transition:all 0.2s ease-out;}
header .hide{top:0;}
header nav{margin:0 auto; width:1200px;}
header nav > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} 
header nav .oneDep .gnb_1dli{position:relative; float:left;}	  
header nav .oneDep .gnb_1da {display:block; padding:25px 58px; color:#333; font-size:1.2em; font-weight:700; }
header nav .oneDep .gnb_1dli > a.on{border-bottom:2px solid #00529c;}
header nav .oneDep .gnb_1dli:hover > a.gnb_1da{border-bottom:2px solid #00529c;}
header nav .twoDep{display:none; opacity:0; position:absolute; top:50px; width:100%;}
header nav .twoDep a{display:block; width:calc(100% - 20px); padding:8px 0; margin-left:20px; text-align:left; font-size:0.95em; color:#555; font-weight:400; }
header nav .twoDep ul li:first-child{padding-top:0;}
header nav .twoDep a.on{color:#00529c; font-weight:700;}
header nav .twoDep a:hover{color:#00529c; font-weight:700;}
header nav .twoDep .gnb_2dli:hover > a.gnb_2da{color:#00529c; font-weight:700;}
header nav .twoDep .gnb_3dli a{color:#aaa; margin-left:25px; padding:3px 0;}
header nav .twoDep .gnb_3dli a:hover{color:#333;}
header nav:after{display:block; content:""; clear:both;}
header.bgType{border-bottom:1px solid #ddd; background:#fff;}
header.bgType nav .oneDep .gnb_1da {color:#333;}
header.hover{border-bottom:1px solid #ddd; background:#fff;}
header.hover nav .oneDep .gnb_1da {color:#333;}

.headerBg{position:fixed; top:73px; z-index:9; width:100%; height:0;/*border-bottom:1px solid #e9e9e9;*/ box-shadow:0px 0px 24px 0px rgba(0,0,0,0.1); background:#fff;}

#allMenu {position:fixed; top:0; left:100%; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; background:rgba(0, 0, 0, 0.9); backface-visibility:hidden; z-index:11;}
#allMenu .allMenuLogo {position:absolute; top:46px; left:70px; width:207px; height:25px; background:url("/web/theme/bfm/img/logo_white.png") no-repeat 0 0}
#allMenu .lang {display:none;}
#allMenu .allMenuXbtn {position:absolute; top:50px; right:50px; width:30px; height:30px; background:url("/web/theme/bfm/img/allmenu_xbtn.png") no-repeat 0 0}
#allMenu .allinner {position:relative;left:50%; width:1180px; height:auto; padding:170px 0 85px 0; transform:translate(-50%,0); }
#allMenu .navigation {overflow:hidden;}
#allMenu .navigation .oneD {width:25%; float:left;}
#allMenu .navigation .oneD > a {position:relative; font-size:30px; color:#fff; font-weight:700}
#allMenu .navigation .oneD .twoD {margin-top:20px;}
#allMenu .navigation .oneD .twoD > a {display:block; font-size:20px; line-height:50px; color:#fff; font-weight:300}
#allMenu .navigation .oneD .twoD .thrD {margin:15px 0; padding-left:16px; border-left:1px solid #3375b0 }
#allMenu .navigation .oneD .twoD .thrD > a {display:block; margin-top:20px; font-size:18px; line-height:1; color:#fff; opacity:0.6; font-weight:300}
#allMenu .navigation .oneD .twoD .thrD > a:first-child {margin-top:0;}

.subBg{background:#ccc; height:300px; background:url('/www/theme/nr/img/sub_bg.png') top center no-repeat;}
.sVisualArea{position:relative;width:100%; overflow:hidden; }
.sVisualArea .inner{height:100%;}
.sVisualArea .title{font-size:5em; color:#fff; font-weight:700; margin-top:180px;letter-spacing:-3px; opacity:0;}
.sVisualArea .title span{position:relative; opacity:0;}

@media screen and (max-width:1200px) {
#allMenu .allinner {position:relative;left:50%; width:80%;  }
#allMenu .navigation .oneD {width:50%; float:left; margin:50px 0 30px;}
#allMenu .navigation .oneD .twoD {margin-top:10px;}
#allMenu .navigation .oneD .twoD > a { line-height:30px; }

.sVisualArea .title{font-size:3em;
}

@media screen and (max-width:960px) {
#allMenu .navigation .oneD > a {font-size:20px;}
#allMenu .navigation .oneD .twoD .thrD > a {font-size:12px;}
}