/*=====================================================
======================================================
======================TIMELINE======================
==========================CSS====================*/
/* @import url('https://www.fontify.me/wf/a2b12d90e4645a26a074e65df6c393d4'); */
section{
	font-size: 16px;
}

.d-tbl{
	display: table;
	width: 100%;
}
.t-cell{
	display: table-cell;
}
.vam{
	vertical-align: middle;
}
.aboutUs{
	padding-top: 125px;
	padding-bottom: 125px;
}
.container1236{
	font-size: 16px;
}
.t-philosophy{
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 20px;
	margin-bottom: 80px;
}
.t-philosophy h1,
.t-company-profile h1,
.t-vision h1,
.timeline-content h1,
.aspiration-content h1,
.main-products-contents h1{
	line-height: 1;
	margin-bottom: 30px;
	color: #0c4b9c;
	font-size: 2.250em;
	font-weight: 400;
	font-family: 'Nanum Gothic', sans-serif;
}
.t-philosophy p,
.t-company-profile p,
.t-vision p,
.t-sub-contents > div p{
	color: #333;
	font-size: 1.250em;
	line-height: 1.875em;
	font-family: 'Nanum Gothic', sans-serif;
}
.t-company-profile{
	margin-bottom: 20px;
}
.t-company-info{
	border: 1px solid #c6c6c6;
	border-left: none;
	border-right: none;
	margin-bottom: 80px;
}
.t-company-info .d-tbl > div{
	padding-top: 55px;
	padding-bottom: 55px;
	font-family: 'Nanum Gothic', sans-serif;
}
.t-comp-address{
	width: 40%;
}
.t-comp-address div{
	display: inline-block;
	vertical-align: middle;
}
.t-comp-address div:first-child{
	width: 40%;
}
.t-comp-address div:last-child{
	width: 60%;
}
.t-comp-address div:last-child p{
	font-weight: 700;
	color: #333;
	font-size: 1em;
	line-height: 1.875em;
	padding: 0 30px;
}
.t-company-info .d-tbl > div:not(:last-child){
	border-right: 1px solid #c6c6c6;
	width: 30%;
}
.t-company-info .d-tbl > div img{
	margin: 0 auto;
}
.t-company-info .d-tbl > div{
	position: relative;
}
.t-company-info .d-tbl > div:before{
	font-weight: 700;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 1.125em;
	color: #333;
	position: absolute;
	left: 0;
	top: 7%;
}
.t-company-info .d-tbl > div:not(:first-child):before{
	left: 20px;
}
.t-company-info .d-tbl .t-comp-name:before{
	content: 'Company Name';
}
.t-company-info .d-tbl .t-comp-establish:before{
	content: 'Establish';
}
.t-company-info .d-tbl .t-comp-address:before{
	content: 'Address';
}
.timeline{
	background-color: #f2eeea;
	padding-top: 90px;
	padding-bottom: 110px;
}
.timeline-content ul{
	width: 100%;
	position: relative;
}
.timeline-content ul:before{
	content: '';
	width: 2px;
	background-color: #ddd7d1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.timeline-content ul li{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
	min-height: 169px;
	
}
.timeline-content ul li:not(:last-child){
	margin-bottom: 95px;
}
.t-circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	width: 169px;
	height: 169px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 2px solid #ddd7d1;
}
.t-events{
	font-family: 'Nanum Gothic', sans-serif;
}

.timeline-content ul li:nth-child(odd) .t-events{
	text-align: right;
	display: inline-block;
	width: 40%;
	float: left;
}
.timeline-content ul li:nth-child(even) .t-events{
	text-align: left;
	display: inline-block;
	width: 40%;
	float: right;
}
.t-events h2{
	/* font-family: 'font89357', sans-serif; */
	font-weight: 700;
	font-size: 2.250em;
	color: #222;
	line-height: 1;
	margin-bottom: 10px;
}
.t-events h4, 
.t-events p{
	font-family: 'Malgun Gothic', sans-serif;
	line-height: 1;
	padding-bottom: 0;
	margin-bottom: 10px;
	color: #454345;
	font-size: 1.250em;
	font-weight: 700;
}
.t-events p{
	font-weight: 400;
	font-size: 1.125em;
}

.aspiration-content{
	padding-top: 75px;
	padding-bottom: 105px;
}
.t-sub-contents {
	overflow: hidden;
	position: relative;
}
.t-sub-contents:before,
.t-sub-contents:after{
	content: '';
	background-color: #c6c6c6;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.t-sub-contents:before{
	width: 1px;
}
.t-sub-contents:after{
	height: 1px;
	top: -6%;
}
.t-sub-contents > div h2,
.t-prod-subs h2{
	font-size: 1.375em;
	color: #333;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 700;
}
.padded{
	min-height: 250px;
	width: 90%;
}
.t-sub-contents .col-xs-12 > div:last-child > div:last-child{
	float: right;
}
.t-sub-contents > div:nth-child(2) .padded{
	padding-bottom: 40px;
}
.t-sub-contents > div:last-child .padded{
	padding-top: 40px;
}
.circle-img{
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
}
.t-sub-contents > div:nth-child(2) > div:last-child .padded,
.t-sub-contents > div:nth-child(3) > div:last-child .padded{
	width: 85%;
}
.t-main-products{
	padding-top: 80px;
	padding-bottom: 125px;
	background-color: #f2eeea;
}
.t-oxy{
	display: inline-block;
	width: 30%;
	background-color: #fff;
	height: 842px;
	min-height: 842px;
	padding: 50px 30px 0;
	vertical-align: top;
}
.t-oxy:nth-child(2){
	margin: 0 5%;
}
.t-oxy-img{
	border-bottom: 1px solid #d3cac1;
}
.t-oxy-img img{
	margin: 0 auto;
	margin-bottom: 50px;
}
.t-oxy-img{
	height: 48%;
}
.t-prod-subs{
	height: 52%;
}
.t-prod-subs{
	padding-top: 30px;
}
.t-prod-subs h2{
	text-align: center;
	margin-bottom: 20px;
}
.t-prod-subs p{
	font-size: 1em;
	font-family: 'Nanum Gothic', sans-serif;
	color: #333;
	line-height: 1.875em;
}