._topImg:before{background-image: url(../../img/company/company_topImg.jpg);}
section.introduce .logo{background-image: url(../../img/common/header_logo_gb.png);width:340px;height: 100px;background-size: 100%;font-size: 0;}
section.introduce ul{padding-left: 70px;}
section.introduce ul li{float: left;width: 50%;margin-top: 80px;}
section.introduce.act ul li .tit{animation-name:leftMV;animation-duration:0.5s;animation-fill-mode: forwards;}
section.introduce ul li .tit{font-size: 22px;margin-bottom: 20px;padding-left: 20px;color: #174c5c;position: relative;font-weight: 700;line-height: 20px;transform: translateX(-10%);}
section.introduce ul li .tit:after{content: "";width: 6px;height: 20px;background-color: #174c5c;display: block;position: absolute;left: -0;top: 0;}
section.introduce ul li .txt{font-size: 18px;line-height: 30px;opacity: 0;}
section.introduce.act ul li .txt{animation-name:leftM;animation-duration:0.5s;animation-fill-mode: forwards;}
section.introduce.act ul li:nth-child(1) .txt{animation-delay: 0.1s;}
section.introduce.act ul li:nth-child(2) .txt{animation-delay: 0.2s;}
section.introduce.act ul li:nth-child(3) .txt{animation-delay: 0.3s;}
section.introduce.act ul li:nth-child(4) .txt{animation-delay: 0.4s;}

section.coreValue{height: 600px;background-color: #114c5c;background-image: url(../../img/company/corevalue_bg.png);background-position: -100% center;}
section.coreValue.act .wrap > .tit{animation-name:downM;animation-duration:0.5s;animation-fill-mode: forwards;animation-delay: 0.5s;}
section.coreValue .wrap > .tit{position: relative;font-size: 30px; transform: translateY(-100%);font-family: 'Poppins';color: #f9f1e9;opacity: 0;font-weight: 600;}
section.coreValue .wrap {padding-top: 120px;}
section.coreValue .wrap > .tit:after{content: '';display: block;width: 37px;height: 7px;background-color: #f9f1e9;position: absolute;top: -10px;left: 0;}
section.coreValue ul{margin-top: 50px;}section.coreValue ul li{float: left;width: calc((100% - 42px)/4);margin-right: 14px;background-color: #083947;height: 260px;padding: 60px 20px 0 40px;transform: rotateY(0deg) translateY(50px) scale(0.2);opacity:0;color: #f9f1e9;opacity: -0;}
section.coreValue.act ul li{animation-name:rotateYM;animation-duration:1s;animation-fill-mode: forwards;}
section.coreValue.act ul li:nth-child(1){animation-delay: 0.1s;}section.coreValue.act ul li:nth-child(2){animation-delay: 0.2s;}section.coreValue.act ul li:nth-child(3){animation-delay: 0.3s;}section.coreValue.act ul li:nth-child(4){animation-delay: 0.4s;}
section.coreValue ul li:last-child{margin-right: 0;}
section.coreValue ul li .tit{font-size: 24px;font-weight: 600;font-family: 'Poppins';margin-bottom: 40px;line-height: 24px;}
section.coreValue ul li .txt{font-size: 17px;line-height: 30px;font-weight: 400;}
section.ceo{background-color: #fafafa;position: relative;}
section.ceo:after{content: "";display: block;position: absolute;width: 45%;height: 100%;background-image: url(../../img/company/ceo.jpg);right: 0;top: 0;background-size: cover;background-position: center;}
section.ceo .tit{font-size: 24px;position: relative;letter-spacing: -0.5px;font-weight: 600;margin-bottom: 60px;}
section.ceo .tit:after{content: "";display: block;width: 40px;height: 4px;background-color: #000;position: absolute;left: 0;top: -10px;}
section.ceo .sub{font-size: 18px;margin-bottom: 40px;}
section.ceo .txt p{margin-bottom: 36px;line-height: 28px;letter-spacing: -0.5px;}

section.philosophy{position: relative;padding: 40px 0;}
section.philosophy .wrap:after{content: "";display: block;position: absolute;width: 38.8%;height: 100%;background-image: url(../../img/company/philosophy_bg.jpg);left: 0;top: 0;background-size: cover;background-position: center;}
section.philosophy .wrap{position: relative;}
section.philosophy .wrap > .txtWrap{margin-left:50%;width: 50%;}
section.philosophy .wrap > .txtWrap .tit{font-size: 24px;font-weight: 600;margin-bottom: 40px;}
section.philosophy .wrap > .txtWrap .txt{line-height: 32px;font-size: 16px;}
section.philosophy .wrap > .txtWrap .lay{margin-top: 350px;}
section.philosophy .wrap > .txtWrap .lay .sub span{width: 46px;height: 40px;display: block;float: left;font-size: 0;background-size: 36px;background-position: left;}
section.philosophy .wrap > .txtWrap .lay .sub span:nth-child(1){background-image: url(../../img/company/philosophy_01.png);}
section.philosophy .wrap > .txtWrap .lay .sub span:nth-child(2){background-image: url(../../img/company/philosophy_02.png);}
section.philosophy .wrap > .txtWrap .lay .sub span:nth-child(3){background-image: url(../../img/company/philosophy_03.png);}
section.philosophy .wrap > .txtWrap .lay .sub span:nth-child(4){background-image: url(../../img/company/philosophy_04.png);}
section.philosophy .wrap > .txtWrap .lay .txt{font-size: 16px;line-height: 28px;margin-top: 30px;}

section.ceo .txt p{transform: translateX(-10%);opacity: 0;}
section.ceo.act .txt p{animation-name:leftM;-webkit-animation-duration:0.5s;-webkit-animation-fill-mode: forwards;}
section.ceo .txt p:nth-child(1){animation-delay: 0.2s;}
section.ceo .txt p:nth-child(2){animation-delay: 0.3s;}
section.ceo .txt p:nth-child(3){animation-delay: 0.4s;}
section.ceo:after{width: 0%;opacity: 0;}
section.ceo.act:after{animation-name:ceo;-webkit-animation-duration:1s;-webkit-animation-fill-mode: forwards;}
@keyframes ceo{0%{width: 0%;opacity: 0;}100%{width: 45%;opacity: 1;}}

section.philosophy.act .wrap > .txtWrap > div{animation-name:leftM;-webkit-animation-duration:1s;-webkit-animation-fill-mode: forwards;}
section.philosophy.act .wrap > .txtWrap > .tit{animation-delay: 0.5s;}
section.philosophy.act .wrap > .txtWrap > .txt{animation-delay: 0.8s;}
section.philosophy.act .wrap > .txtWrap > .lay{animation-delay: 1s;}
section.philosophy.act .wrap:after{animation-name:philosophyBg;-webkit-animation-duration:1s;-webkit-animation-fill-mode: forwards;}
section.philosophy .wrap:after{width: 0%;opacity: 0;}
section.philosophy .wrap > .txtWrap > div{transform: translateX(-10%);opacity:0;}
@keyframes philosophyBg{0%{width: 0%;opacity: 0;}100%{width: 38.8%;opacity: 1;}}


@media screen and (max-width: 1024px){
	section > .wrap{padding: 12vw 5vw;}
	section.introduce .logo{width: 38.88vw;height: 13.88vw;}
	section.introduce > .wrap{padding: 12vw 6.94vw;}
	section.introduce ul{padding-left: 4vw;}
	section.introduce ul li{float: initial;width:100%;margin-top: 13vw;}
	section.introduce ul li .tit{font-size: 4.44vw;margin-bottom: 5vw;padding-left: 3.33vw;line-height:4.166vw;}
	section.introduce ul li .tit:after{width: 0.9722vw;height: 4.166vw;}
	section.introduce ul li .txt{font-size: 3.61vw;line-height: 6vw;}

	section.coreValue{height: initial;}
	section.coreValue .wrap > .tit{font-size: 6.666vw; }
	section.coreValue .wrap {padding: 14vw 8.33vw;}
	section.coreValue .wrap > .tit:after{width: 8.33vw;height: 1.2vw;top: -2vw;}
	section.coreValue ul{margin-top: 9.166vw;}
	section.coreValue ul li{float: initial;width: 100%;margin-right: 0;margin-bottom: 5vw;height: initial;padding:8.5vw 8.33vw;padding-bottom: 8.5vw;}
	section.coreValue ul li .tit{font-size: 5vw;margin-bottom: 5.55vw;line-height: 6vw;}
	section.coreValue ul li .txt{font-size: 3.611vw;line-height: 6vw;}

	section.ceo:after{width: 100%;height: 88.88vw;right: initial;top: 0;left: 0;background-image: url(../../img/company/ceo_mo.jpg);}
	@keyframes ceo{0%{width: 0%;opacity: 0;}100%{width: 100%;opacity: 1;}}
	section.ceo .tit{font-size: 5vw;margin-bottom: 4.166vw;z-index: 1;color: #fff;}
	section.ceo .tit:after{width: 8.333vw;height: 1.11vw;background-color: #fff;top: -2vw;}
	section.ceo > .wrap{padding:14vw 8.33vw; padding-bottom: 0vw}
	section.ceo .sub{font-size: 3.88vw;color: #fff;margin-bottom: 67vw;z-index: 1;position: relative;}
	section.ceo .txt p{margin-bottom: 10vw;line-height: 7vw;letter-spacing: -0.5px;font-size: 3.33vw;}

	section.philosophy{position: relative;padding: 0;}
	section > .wrap{padding: 0}
	section.philosophy .wrap:after{width: 0%;height: 58.33vw}
	section.philosophy .wrap > .txtWrap{margin-left:0%;width: 100%;padding: 0 8.3vw;padding-top: 70vw;}
	section.philosophy .wrap > .txtWrap .tit{font-size: 5vw;margin-bottom: 5vw;}
	section.philosophy .wrap > .txtWrap .txt{line-height: 6vw;font-size: 3.33vw;}
	section.philosophy .wrap > .txtWrap .lay{margin-top: 20vw;padding-bottom: 13vw;}
	section.philosophy .wrap > .txtWrap .lay .sub span{width: 8vw;height: 8vw;background-size: 85%;}
	section.philosophy .wrap > .txtWrap .lay .txt{font-size: 3.33vw;line-height: 6vw;margin-top: 6vw;}
	@keyframes philosophyBg{0%{width: 0%;opacity: 0;}100%{width: 100%;opacity: 1;}}


}/*1024px*/