.hamburger {display: flex; align-self: center; flex-direction: column; justify-content: space-between; width: 35px; height: 26px; cursor: pointer;transition:all 1.5s;}
.hamburger div { align-self: flex-end; height: 3px; width: 100%; background: white;}
/*
body.hon .hamburger div{background-color:black}
*/
.hamburger .meat { width: 75%; transition: all 200ms ease-in-out;}
.hamburger .bottom-bun { width: 50%; transition: all 400ms ease-in-out;}
.hamburger:hover div { width: 100%;}
.hamburger:hover .top-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate;         animation: burger-hover 1s infinite ease-in-out alternate;}
.hamburger:hover .meat { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;         animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;}
.hamburger:hover .bottom-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;         animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;}

@-webkit-keyframes burger-hover { 
	0% {   width: 100%; } 
	50% {   width: 50%; } 
	100% {   width: 100%; }
}

@keyframes burger-hover { 
	0% {   width: 100%; } 
	50% {   width: 50%; } 
	100% {   width: 100%; }
}

#topHead{position:fixed;top:0px;left:0px;width:100%;z-index:1000; background-color:#00000024;}
#topHead.on{    background-color: #262222;}
/*
body.hon #topHead{background-color:white;}
*/
#topHead > div{position:relative;width:100%;max-width:1450px;height:80px;padding:0px 30px;margin:12px auto;}

#topHead > div .logo{position:absolute;top:50%;left:15px;transform:translate(0px , -50%);transition:all 1s;}
body.fp-viewing-0 #topHead div .logo{}




body.fp-viewing-0 #topHead div{justify-content:space-between;}
/*
body.hon #topHead > div{height:90px;}
*/
#topHead > div .logo{}

#topHead > div .menuBar{position:absolute;top:50%;right:15px;display:block;background:transparent;border:0px;outline:none;transform:translateY(-50%);}


body.fp-responsive #topHead{background-color:white;}
body.fp-responsive #topHead .hamburger div{background-color:black;}
body.fp-viewing-0 #topHead{background-color:transparent;}
body.fp-viewing-0 #topHead .hamburger div{background-color:white;}

#indexPage{}
#fixBg{position:fixed;top:0px;left:0px;width:100%;height:100vh;z-index:-2;transition:all 1s;}
#fixImage{position:fixed;top:0px;left:0px;width:100%;height:100vh;background:url('/img_new/index/index_bg.jpg') no-repeat center center;background-size:cover;z-index:-1;transition:all 1s;}
#fixImage.on{opacity:0;}
.down_scroll{position:absolute;bottom:30px;left:50%;text-align:center;transform:translateX(-50%);}
.down_scroll .image{margin-bottom:5px;}
.down_scroll .text{color:white;text-align:center;font-size:12px;}
.down_scroll .image{animation: bounce 7s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;}


.sIntro{position:absolute;top:55%;width:100%;font-weight:350;transform:translateY(-50%);text-align:center;}
.sIntro .sTitle{margin-bottom:130px;font-size:52px;line-height:70px;color:white;letter-spacing: -0.07em;}
.sIntro .sTitle.ani_title3{font-size:52px;line-height:70px;color:white;    letter-spacing: -0.07em;}
.sIntro .sTitle .bold{font-weight:400;}
.sIntro .ssTitle{font-size:16px;color:#fafafa;line-height:29px;font-weight: 200;}

#navMenu {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
#navMenu::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}


#navMenu > div{width:450px;padding:40px 60px;background-color:transparent;}
#navMenu > div .head{text-align:right;}
#navMenu > div .head button{background-color:transparent;border:none;outline:none;}


/*menu7*/
#navMenu > div .head {margin-bottom:40px;}
#navMenu  ul.menu{margin:0px;padding:0px;}
#navMenu  ul.menu li{border-bottom:1px solid #929292;margin:0px 0px 30px 0px;padding:0px 0px 30px 0px;}
 

#navMenu  ul.menu li:last-child{border-bottom:0px}
#navMenu  ul.menu li .mTitle{margin-bottom:15px;font-size:21px;color:white;letter-spacing:-0.05em;}
#navMenu  ul.menu li .mList{display:flex;align-items:center;flex-wrap:wrap;font-size:15px;letter-spacing:-0.05em;}

#navMenu  ul.menu li .mList a{margin-bottom:7px;font-size:15px;display:inline-block;color:#929292;font-weight: 500;}
#navMenu  ul.menu li .mList a:hover{color:white;}
#navMenu  ul.menu li .mList span{margin-bottom:7px;display:inline-block;padding-left:10px;padding-right:10px;color:#929292;}
#navMenu  ul.menu li .mList span:last-child{display:none;}

#navMenu  ul.menu li.m_li2 .mList .vline3{display:none;}
#navMenu  ul.menu li.m_li3 .mList .vline3{display:none;}