.companybox {}
.companybox .contentwrap {max-width:1000px;width:100%;margin:50px auto;}
.companybox img {max-width:100%;}
.companybox h2 {display:block;max-width:450px;width:100%;margin:50px auto;font-weight:300;font-size:24px;line-height:1.8;word-break:keep-all;color:#666;}
.companybox h3 {display:block;max-width:500px;width:100%;margin:50px auto;font-weight:300;font-size:13px;line-height:1.8;word-break:keep-all;color:#666;}
.companybox .storylist {max-width:700px;margin:50px auto;font-size:0;}
.companybox .storylist > li {display:inline-block;vertical-align:top;width:33.3%;font-size:14px;}
.companybox .storylist > li > div {width:auto;padding:15px;}

.companybox .lastlist {max-width:500px;margin:100px auto;font-size:0;text-align:center;}
.companybox .lastlist > li {display:inline-block;vertical-align:middle;width:100%;font-size:16px;}
.companybox .lastlist > li > div {width:auto;padding:15px;}
.companybox .lastlist > li > div h3 {margin:0;}

.companybox .parallaxbox {background:url('/img/company_banner.jpg') center center / cover fixed no-repeat;height:300px;position:relative;}
.companybox .parallaxbox .textbox {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.4;}
.companybox .parallaxbox .textbox h5 {font-family:'Nanummj';font-size:50px;color:#fff;}
.companybox .parallaxbox .textbox p {font-family:'Nanummj';font-size:30px;color:#fff;}




@media all and (max-width:640px){

	.companybox h2 {text-align:center;}
	.companybox h3 {margin:20px auto;}
	.companybox .storylist {margin:0 auto;}
	.companybox .storylist > li {width:100%;}
	.companybox .storylist > li > div img {max-width:50%;text-align:center;display:block;margin:0 auto;}

	.companybox .lastlist {margin:50px auto;}
	.companybox .parallaxbox .textbox h5 {font-size:40px;color:#fff;}



}