@charset "utf-8";

/* ******************************************************  서브공통 ****************************************************** */
/* ****************** SUB VIAUAL ****************** */
#subVisual{position:relative; overflow:hidden; width:100%; height:200px; margin-top:60px;background-color:#000;}
#subVisual .visualVideo{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:100%;
}
#subVisual .visualVideo > video{min-width:100%; min-height:100%; object-fit: cover;}
#subVisual .visualVideo > iframe{min-width:100%; min-height:100%;}
#subVisual .visualImg{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:100%;
	background-size:cover !important;
	-webkit-transition:transform 1500ms  cubic-bezier(0, 0.41, 0.58, 1) ;
	-moz-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;
	-o-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;
	-ms-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;
  transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1) ;	
}
#subVisual .visualTxt{position:relative; z-index:9; width:100%; height:100%; text-align:center; letter-spacing:0.5px; line-height:1.2;color:#fff;}
#subVisual .visualTxtBox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0px 30px;}
#subVisual .visual-tit,
#subVisual .visual-txt{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(30px); 
  -o-transform: translateY(30px); 
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px); 
  transform: translateY(30px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
#subVisual .visual-tit{
	font-weight:600; 
	font-size:30px; 
	margin-bottom:15px;
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
#subVisual .visual-tit + .visual-txt{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}
#subVisual .visual-txt{
	font-size:1rem; 
	font-weight:400; 
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
/* SubVisual :: active */
#subVisual.active .visualImg{
	-ms-transform: scale(1.1,1.1) rotate(0.002deg);
  -o-transform: scale(1.1,1.1) rotate(0.002deg);
  -moz-transform: scale(1.1,1.1) rotate(0.002deg);
  -webkit-transform: scale(1.1,1.1) rotate(0.002deg);
  transform: scale(1.1,1.1) rotate(0.002deg);
}
#subVisual.active .visual-tit,
#subVisual.active .visual-txt{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
  -o-transform: translateY(0px); 
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px); 
  transform: translateY(0px);
}


#subVisual .tit{ text-align: left; display: flex; flex-direction: column; position: relative; }
#subVisual .tit .wrap{ position: relative; height: 120px; width: 100%; }
#subVisual .tit strong{ 
font-size: 70px; color:#FFFFFF; font-weight: 500; letter-spacing: -0.025em; line-height: 1.2em; 
position: absolute; left: 50%; top: 0; 
transform: translate(-50%,0); transition: transform 1.5s, left 1.5s;
white-space: nowrap;
overflow: hidden;
}
#subVisual .tit strong div:nth-child(1) { transition-delay: 0s; }
#subVisual .tit strong div:nth-child(2) { transition-delay: 0.05s; }
#subVisual .tit strong div:nth-child(3) { transition-delay: 0.1s; }
#subVisual .tit strong div:nth-child(4) { transition-delay: 0.15s; }
#subVisual .tit strong div:nth-child(5) { transition-delay: 0.2s; }
#subVisual .tit strong div:nth-child(6) { transition-delay: 0.25s; }
#subVisual .tit strong div:nth-child(7) { transition-delay: 0.3s; }
#subVisual .tit strong div:nth-child(8) { transition-delay: 0.35s; }
#subVisual .tit strong div:nth-child(9) { transition-delay: 0.4s; }
#subVisual .tit strong div:nth-child(10) { transition-delay: 0.45s; }
#subVisual .tit strong div:nth-child(11) { transition-delay: 0.5s; }
#subVisual .tit strong div:nth-child(12) { transition-delay: 0.55s; }
#subVisual .tit strong div:nth-child(13) { transition-delay: 0.6s; }
#subVisual .tit strong div:nth-child(14) { transition-delay: 0.65s; }
#subVisual .tit strong div:nth-child(15) { transition-delay: 0.7s; }
#subVisual .tit strong div:nth-child(16) { transition-delay: 0.75s; }
#subVisual .tit strong div:nth-child(17) { transition-delay: 0.8s; }
#subVisual .tit strong div:nth-child(18) { transition-delay: 0.85s; }
#subVisual .tit strong div:nth-child(19) { transition-delay: 0.9s; }
#subVisual .tit strong div:nth-child(20) { transition-delay: 0.95s; }
#subVisual .tit strong div:nth-child(21) { transition-delay: 1s; }
#subVisual .tit strong div:nth-child(22) { transition-delay: 1.05s; }
#subVisual .tit strong div:nth-child(23) { transition-delay: 1.1s; }
#subVisual .tit strong div:nth-child(24) { transition-delay: 1.15s; }
#subVisual .tit strong div:nth-child(25) { transition-delay: 1.2s; }
#subVisual .tit strong div:nth-child(26) { transition-delay: 1.25s; }
#subVisual .tit strong div:nth-child(27) { transition-delay: 1.3s; }
#subVisual .tit strong div:nth-child(28) { transition-delay: 1.35s; }
#subVisual .tit strong div:nth-child(29) { transition-delay: 1.4s; }
#subVisual .tit strong div:nth-child(30) { transition-delay: 1.45s; }
#subVisual .tit strong div:nth-child(31) { transition-delay: 1.5s; }
#subVisual .tit strong div:nth-child(32) { transition-delay: 1.55s; }
#subVisual .tit strong div:nth-child(33) { transition-delay: 1.6s; }
#subVisual .tit strong div:nth-child(34) { transition-delay: 1.65s; }
#subVisual .tit strong div:nth-child(35) { transition-delay: 1.7s; }
#subVisual .tit strong div:nth-child(36) { transition-delay: 1.75s; }
#subVisual .tit strong div:nth-child(37) { transition-delay: 1.8s; }
#subVisual .tit strong div:nth-child(38) { transition-delay: 1.85s; }
#subVisual .tit strong div:nth-child(39) { transition-delay: 1.9s; }
#subVisual .tit strong div:nth-child(40) { transition-delay: 1.95s; }
#subVisual .tit strong div:nth-child(41) { transition-delay: 2s; }
#subVisual .tit strong div:nth-child(42) { transition-delay: 2.05s; }
#subVisual .tit strong div:nth-child(43) { transition-delay: 2.1s; }
#subVisual .tit strong div:nth-child(44) { transition-delay: 2.15s; }
#subVisual .tit strong div:nth-child(45) { transition-delay: 2.2s; }
#subVisual .tit strong div:nth-child(46) { transition-delay: 2.25s; }
#subVisual .tit strong div:nth-child(47) { transition-delay: 2.3s; }
#subVisual .tit strong div:nth-child(48) { transition-delay: 2.35s; }
#subVisual .tit strong div:nth-child(49) { transition-delay: 2.4s; }
#subVisual .tit strong div:nth-child(50) { transition-delay: 2.45s; }

#subVisual.ac .tit strong div{ filter: blur(0); opacity: 1; }

@media (min-width: 567px) {
  #subVisual{height:230px;}
	#subVisual .visual-tit{font-size:35px;}
	#subVisual .visual-txt{font-size:1.2rem;}
}
@media (min-width: 768px) {
  #subVisual{height:280px; margin-top:80px;}
	#subVisual .visual-tit{font-size:45px;margin-bottom:20px;}
}
@media (min-width: 992px) {

}
@media (min-width: 1025px) {
  #subVisual{height:360px; margin-top:100px;}
	#subVisual .visual-tit{font-size:55px;margin-bottom:30px;}
}












/* ****************** SUB PATH (breadcrumb) ****************** */
#subPath{position:relative;width:100%;height:auto;background:#fff;border-bottom:1px solid var(--table-border-color);padding:10px 0;font-size:0.9rem;color:#000;}


/* ****************** CONTENT  :: 컨텐츠 레이아웃 ****************** */
#content{padding:50px 0px 80px;}
.subTitWrap{width:100%; text-align:center; margin-bottom:10%;padding:0 15px;}
.subTitWrap.owens{background:#fff url(/imgs/contact/txtOwens.png) no-repeat 50% 50%;background-size:auto;}
.subTitle{font-size:1.8rem;font-weight:700;line-height:1.2em;letter-spacing:-0.02em;}
.subDescription{font-size:1.3rem;font-weight:600;line-height:1.5em;margin-top:30px;}
.subtitDetail{font-size:1rem;font-weight:400;line-height:1.5em;margin-top:20px;}

@media (min-width: 576px) {
	#content{padding:10% 0 15%}	
}
@media (min-width: 768px) {	
  .subTitWrap{margin-bottom:8%;}
	.subTitle{font-size:2.7rem;}
	.subDescription{margin-top:20px;}
	.subtitDetail{margin-top:10px;}
}
@media (min-width: 992px) {	
  .subTitWrap{margin-bottom:6%;}
	.subTitle{font-size:3.2rem;}
	.subDescription{font-size:1.6rem;margin-top:40px;}
	.subtitDetail{font-size:1.2rem;margin-top:30px;}
}
@media (min-width: 1025px) {	
	#content{padding:7% 0 12%}
}


/* ****************** TAB 스타일  ****************** */
.tabWrap{width:100%;padding:0;margin:-20px 0 0 0;}
.tabBtn{display:flex; flex-wrap: wrap; justify-content:center;padding-bottom:8%;}
.tabBtn li{flex:100%;margin-left:0px;margin-bottom:5px;border:1px solid var(--table-border-color);background-color:#fff;list-style:none;}
.tabBtn li:first-child {margin-left:0 !important;}
.tabBtn li a {
  display:table; 
	position:relative;
	width:100%;
	height:40px;line-height:1.2;
	text-align:center;
	color:#000; 
	font-size:110%; 
	font-weight:500;
	word-break:keep-all;
}
.tabBtn li a > span{display:table-cell; vertical-align:middle;}
.tabBtn li:hover{background-color:#f1f1f1;}
.tabBtn li a.active {background-color:#303030;color:#fff;}
.tabBtn:after {content:""; display:block !important; clear:both;}
.tabContent article{display:none; background:#fff; height:auto; overflow:hidden; }
.tabContent ul li{list-style-type: disc;}
.tabContent ol li{list-style-type: decimal;}

/* -------- TAB 스타일 :: 반응형 -------- */
@media (min-width: 576px) {
  /*.tabBtn li{flex:49%;margin-left:7px;margin-bottom:7px;}
  .tabBtn li:nth-child(2n+1){margin-left:0px;}*/
  .tabBtn li{flex:30%;margin-left:5px;margin-bottom:5px;}
  .tabBtn li:nth-child(3n+1){margin-left:0px;}
  .tabBtn li:nth-child(2n+1){margin-left:5px;}
  .tabBtn li > a{height:52px;}
}
@media (min-width: 768px) {
  .tabBtn li{flex:30%;margin-left:10px;margin-bottom:10px;}
  .tabBtn li:nth-child(3n+1){margin-left:0px;}
  .tabBtn li:nth-child(2n+1){margin-left:10px;}
}
@media (min-width: 1025px) {
  .tabBtn li{flex:23%;margin-left:10px;margin-bottom:10px;}
  .tabBtn li:nth-child(4n+1){margin-left:0px}
  .tabBtn li:nth-child(3n+1){margin-left:10px;}
  .tabBtn li > a{font-size:120%;height:60px;}
}





/* ****************** 버튼 스타일 ********************* */
.btnInquiry{
	position:relative; overflow:hidden; display:block; 
	width:270px; height:66px; line-height:66px;
	border:1px solid #303030;background-color:#303030;
	margin:50px auto 0; text-align:center;
}
.btnInquiry:hover{
	background-color:#3a8deb; border:1px solid var(--table-border-color);
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.btnInquiry.gold:hover{background-color:#b67f29;}
.btnInquiry.orange:hover{background-color:#dd4e00;}
.btnInquiry a{color:#fff;}
.btnInquiry a{font-size:1.1rem;font-weight:500;}
.btnInquiry a > i{font-size:1.5rem;vertical-align:middle;}
/*출원번호*/
.btn01{display:inline-block;padding:5px 10px;margin-top:0px;margin-bottom:30px;border-radius:15px;background-color:var(--color-newzen);font-size:0.95rem;color:#fff;}
/*다운로드*/
.btnDownload{display:inline-block;padding:15px 25px;margin-top:20px;margin-bottom:20px;border-radius:30px;background-color:var(--color-newzen);}
.btnDownload.purple{background-color:#96a4cd;border:1px solid #fff;border-radius:0px;}
.btnDownload a{font-size:110%;font-weight:500;color:#fff;}
.btnDownload:hover{background-color:#00aeef; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.btnDownload.purple:hover{background-color:#7888b9;}

@media (min-width: 576px) {
	.btnInquiry{width:300px; height:70px; line-height:70px; margin:70px auto 0;}
	.btnInquiry a{font-size:1.2rem;}
	.btnInquiry a > i{font-size:1.8rem;}
}
@media (min-width: 768px) {	
  .btnInquiry{width:350px; height:80px; line-height:80px; margin:100px auto 0;}
	.btnInquiry a{font-size:1.3rem;}
	.btnInquiry a > i{font-size:2rem;}
	.btn01{padding:5px 15px;margin-top:10px;font-size:1rem;}
}



/* ******************************************************  서브페이지 ********************************************************** */
/* ******************  ABOUT US  ****************** */
.overviewTbl{display:table;width:100%;border:1px solid var(--table-border-color);padding:0px 0px;}
.overviewTblimg{display:table;width:100%;}
.overviewTbltxt{display:table;width:100%;padding:30px 30px;vertical-align:top;}
.businessArea li{border:1px solid var(--table-border-color);padding:8px 15px;margin-bottom:5px;text-align:center;}
.businessArea li:last-child{margin-bottom:0px;}
.businessAreaTxt{font-size:1.1rem;font-weight:500;margin-bottom:10px;}
.ci_download a{display:inline-block;background:#fff;padding:8px 10px;line-height:1em;border:1px solid var(--table-border-color);margin:20px 0 0 5px;}
.ci_download a > img{margin-right:5px;}
.ci_download a:hover{background:#f1f1f1;}
.ciTit{font-size:1.3rem;font-weight:600;margin-top:20px;margin-bottom:20px;}
.borderGray{border:1px solid var(--table-border-color);padding:15px 15px;text-align:center;margin-top:10px;}
.missionTxt{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:30px;}

.timeline {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}
/* The vertical ruler */
.timeline::after {
  content: '';
  position: absolute;
  width:1px;
  background-color: var(--table-border-color);
  top: 0;
  bottom: 0;
  left: 7px;
  margin-left:0px;
}
.containerTimeline {
  padding: 0px 15px 50px 30px;
  position: relative;
  background-color: inherit;  
	width: 100%;
}
/* The circles on the timeline */
.containerTimeline::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  right: -7px; /* Fix the circle for containers on the left side */
  background-color: white;
  border: 2px solid var(--table-border-color);
  top:0px;
  border-radius: 50%;
  z-index: 1;
}
.left::after {left: 0px;}
.right::after {left: 0px;}/* Fix the circle for containers on the right side */
.left {left: 0; text-align:left;}
.right {left: 0;}
.content {
  padding: 0px 0px;
  background-color:#fff;
  position: relative;
}
.hYear{font-size:2rem;font-weight:600;margin-bottom:15px;line-height:1.0;}
.content p{display:table; width:100%; margin-bottom:7px;}
.hMonth{display:table-cell; width:50px; font-family:'Noto Sans KR';font-size:1.1rem;font-weight:600;}
.left .hMonth{display:table-cell; width:50px; font-family:'Noto Sans KR';font-size:1.1rem;font-weight:600;}
.hTxt{display:table-cell; width:auto;}
.content img{display:block; max-width:100%; height:auto; margin-top:15px;}
.left .content img{float:left;}

@media (min-width: 576px) {
	.businessAreaTxt{font-size:1.15rem;}
	.ciTit{font-size:1.5rem;}
	.borderGray{margin-top:20px;}
	.missionTxt{font-size:1.7rem;margin-bottom:50px;}	
  .content img{margin-top:20px;}	
  .hYear{margin-bottom:20px;}
}
@media (min-width: 768px) {
	.ciTit{margin-top:0px;}
	.borderGray{padding:30px 15px;margin-top:30px;}		
  .timeline::after { left:50%; margin-left:-1px; }  
	.containerTimeline {width:50%; padding: 0px 30px 60px;} 
	.left {left: 0; text-align:right;}	
	.left::after {left: calc(100% - 8px);}
	.right::after {left: -8px;}
	.right {left: 50%;}
	.left .hMonth{display:inline-block; text-align:left; font-family:'Noto Sans KR';font-size:1.1rem;font-weight:600;}
	.left .content img{float:right;}		
}
@media (min-width: 992px) {
	.overviewTblimg{display:table-cell;width:50%;}
	.overviewTbltxt{display:table-cell;width:50%;padding:40px 20px 20px 40px;}
	.businessAreaTxt{font-size:1.25rem;margin-bottom:15px;}
	.ciTit{font-size:1.8rem;}
	.missionTxt{font-size:2rem;margin-bottom:70px;}		
  .content img{margin-top:30px;}		
}
@media (min-width: 1200px) {
	.overviewTblimg{display:table-cell;width:50%;}
	.overviewTbltxt{display:table-cell;width:50%;padding:50px 50px;}	
	.containerTimeline {padding: 0px 40px 100px;} 
}



/* ******************  BUSINESS  ****************** */

@media (min-width: 576px) {

}
@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}



/* ******************  SOLUTION  ****************** */
.sub-block{margin-bottom:30px;}
.sub-block1{margin-bottom:50px;}
.sub-block01{margin-bottom:50px;}
.sub-block2{margin-bottom:30px;}

/* -------------------- HANDY -------------------- */
.ListLine{width:100%;margin:0 auto;list-style-image: url('/imgs/common/dot_orange.jpg');}
.ListLine li{padding:7px 0 0px 0px;}
.subBigTxt{font-size:1.05rem;font-weight:400;margin-top:20px;text-align:center;}
.bigNumber{font-family:'Noto Sans KR';font-size:4.5rem;font-weight:700;}

/* -------------------- DOUZONE -------------------- */
.boxWrapGray{position:relative;width:100%;height:auto;border:0px;padding:30px 0px;text-align:center;}

/* -------------------- NEWZEN -------------------- */
.boxWrapBlue{
	position:relative;width:100%;height:auto;
	border:1px solid #f5f5f5; background-color:#f0f5f9; padding:25px 20px ; text-align:center;
}
.boxWrapBlue p{font-size:1.05rem; color:var(--color-newzen);}

.subDetailTit{font-size:1.3rem;font-weight:600;margin-bottom:20px;letter-spacing:-1px;}
.subDetailBig{font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:10px;word-break:break-all;}
.subDetailNum{font-size:1.1rem;font-weight:500;margin-bottom:10px;}

.subDetail{font-size:1rem;font-weight:400;margin-bottom:10px;}
.subDetail strong{font-size:1.05rem;}
.badgeNum {
  display: inline-block;
  background-color:#000;
  color: white;
  font-size: 13px;
  font-weight:normal;
  width:22px; height:22px;
  line-height:22px;
  text-align: center;
  border-radius: 50%;
}
.listTxt{padding-left:25px;margin-bottom:20px;}
.listTxt li{font-family:'Noto Sans KR';font-size:1rem;line-height:1.5rem;}

.tableGray{position:relative;width:100%;height:auto;border:1px solid var(--table-border-color);}
.tableGray, .tableGray th, .tableGray td {
  border:1px solid var(--table-border-color);
  border-collapse: collapse;
}
.tableGray th, .tableGray td{padding:20px 20px;}
.tableGray th{font-size:1rem;}
.tableGray td{font-size:1rem;}
.tableGray p{margin-bottom:10px;}

.tableIcon{position:relative;width:100%;height:auto;border-top:1px solid #000;}
.tableIcon tr{border-bottom:1px solid var(--table-border-color);}
.tableIcon th, .tableIcon td{padding:15px 10px;}
.tableIcon th{width:30%;}
.tableIcon td{width:70%;}

.tableIcon4{position:relative;width:100%;height:auto;border-top:1px solid #000;}
.tableIcon4 tr{border-bottom:1px solid var(--table-border-color);}
.tableIcon4 th, .tableIcon4 td{padding:15px 10px;}
.tableIcon4 th{width:30%;}
.tableIcon4 td{width:70%;}
/*.tableIcon4 td:nth-child(odd){width:35%;}
.tableIcon4 td:nth-child(even){width:65%;}*/
.roundWrapBlue{position:relative;width:100%;height:auto;background-color:#1482f3;border-radius:15px;padding:30px 30px;color:#fff;}
.roundWrapNavy{position:relative;width:100%;height:auto;background-color:#011d44;border-radius:15px;padding:30px 30px 0;color:#fff;}

.gridContainer {
  display: grid; width:100%;
  grid-template-columns: auto;
  grid-gap: 15px;
  padding: 15px;
}
.gridBox {
  box-shadow: 3px 3px 10px var(--table-border-color);
  border:1px solid var(--table-border-color);
  padding:20px 15px;
}

.k365-Download{border-right:0px;border-bottom:1px solid #526ba1;}

@media (min-width: 576px) {
	.sub-block{margin-bottom:50px;}
  .subDetailTit{font-size:1.3rem; margin-bottom:30px;}
  .subDetailBig{font-size:1.2rem; margin-bottom:20px;}
  .subDetailNum{margin-bottom:15px;}
  .subBigTxt{font-size:1.15rem;margin-top:30px;}
  .k365-Download{border-right:1px solid #526ba1;border-bottom:0px;}	
}
@media (min-width: 768px) {
	.sub-block{margin-bottom:70px;}
	.sub-block1{margin-bottom:120px;}
	.sub-block01{margin-bottom:150px;}
	.sub-block2{margin-bottom:40px;}	
	.boxWrapBlue{border:1px solid var(--color-newzen); background-color:#fff; padding:30px 30px;}
  .boxWrapBlue p{font-size:1.2rem;}
  .boxWrapGray{border:1px solid var(--table-border-color);padding:50px 15px;}
  .gridContainer{grid-template-columns: auto auto;} 
  .listTxt li{line-height:1.6rem;}	
	.tableGray th{font-size:1.1rem;}	
	.tableIcon th, .tableIcon td{padding:20px 20px;}
	.tableIcon th{width:25%;}
	.tableIcon td{width:75%;}
  .tableIcon4 th{width:15%;}
  .tableIcon4 td{width:35%;}	
	.roundWrapBlue{border-radius:20px;padding:50px 50px;}
  .roundWrapNavy{border-radius:20px;padding:50px 50px 0;}
}
@media (min-width: 992px) {
  .subDetailTit{font-size:1.6rem;}
  .subDetailBig{font-size:1.4rem;}
  .subDetailNum{font-size:1.2rem;}  
  .subBigTxt{font-size:1.3rem;margin-top:50px;}	  
  .boxWrapGray{padding:70px 15px;}  
	.tableIcon th{width:15%;}
	.tableIcon td{width:85%;}
  .tableIcon4 th, .tableIcon4 td{padding:20px 20px;}
  .tableIcon4 th{width:15%;}
  .tableIcon4 td{width:35%;}
/*.tableIcon4 td:nth-child(odd){width:15%;}
.tableIcon4 td:nth-child(even){width:35%;}*/
}
@media (min-width: 1025px) {
  .gridContainer{grid-template-columns: auto auto auto; grid-gap: 30px;}
  .gridBox {padding:25px 25px;}
}




/* ******************  OWEN'S CUBE  ****************** */
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}


/* ******************  CLIENTS  ****************** */
/* ******************  PARTNERS  ****************** */


/* ******************  Contact Us  ****************** */
.phoneNumber{font-size:2.5rem;font-weight:600;}

.form_container {
	border:1px solid var(--table-border-color);
	background-color:#f9f9f9;
	box-shadow:none;  
	padding: 30px 30px 0px;  
	font-size:1rem;
}
.rowF{margin-bottom:10px;}
.rowF:after {
  content: "";
  display: table;
  clear: both;
}
.col-20 {
  float: left;
  width: 100%;
  margin-top:0px;
}
.col-80 {
  float: left;
  width: 100%;
  margin-top:0px;
}
input[type=text], textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid var(--table-border-color);
  resize: vertical;	
	font-size:1rem;
	line-height:1.3;
}
::placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;} /* Edge */
:-ms-input-placeholder {color:#aaa;} /* Internet Explorer 10-11 */
label {
  display: inline-block;
	padding: 7px 0px 5px;
	font-size:1rem;
	font-weight:500; 
}
input[class=submit] {
  width: 100%;
	background:#303030;border:1px solid #303030;
  color: #fff;
  cursor: pointer;
	padding:7px 0;
	margin-top:0px;
	font-size:1rem;font-weight:500;  
  border-radius:0;
}
input[class=submit]:hover {background:var(--color-owens);border:1px solid var(--color-owens);}
input[type=reset] {
  width: 100%;
	background-color: #fff;
  color: #1a1a1a;
  border: 1px solid #ddd;
  cursor: pointer;
	padding:7px 0;
	margin-top:10px;
	margin-left:0px;
	font-size:1rem;font-weight:500;
  border-radius:0;
}
input[type=reset]:hover {color:#303030;border:1px solid #303030;}
input[type=radio]{margin-top:9px;}
.formBtn{text-align:center;margin-top:30px;}
.checkWrap {
  display: inline-block;
  position: relative;
	padding-top:0px;padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:1rem;
  font-weight:400;
}
.checkWrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 10;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border:1px solid var(--table-border-color);
}
.checkWrap:hover input ~ .checkmark {
  background-color: #fff;
}
.checkWrap input:checked ~ .checkmark {
  background-color:#303030;
  border:1px solid #303030;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkWrap input:checked ~ .checkmark:after {
  display: block;
}
.checkWrap .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media (min-width: 576px) {
.phoneNumber{font-size:2.8rem;}
}
@media (min-width: 768px) {
	.form_container {padding: 70px 50px 0px;}
	.col-20 {float:left; width:20%; margin-top:8px;margin-bottom:8px;}
	.col-80 {float:left; width:80%; margin-top:8px;margin-bottom:8px;}	
	.formBtn{margin-top:50px;}
	input[type=text], textarea {padding:8px;}	
	input[class=submit]{width:200px; padding:7px 0;}
	input[type=reset] {width:200px; padding:7px 0;  margin-top:0px; margin-left:10px;}
}
@media (min-width: 992px) {
	.phoneNumber{font-size:3.5rem;}
	.form_container {padding:90px 90px 10px;}
	label {font-size:1.1rem;}	
	.checkWrap {padding-top:10px;}
	.formBtn{text-align:right;}
}







/* ******************  WHO WE ARE  ****************** */
/* -------- History -------- */
.halfContainer{display:table;width:100%;max-width:1200px; margin:0px auto;}
.halfContainer .halfBox{display:table-cell; width:50%; vertical-align:top;}
.halfContainer .halfBox:nth-child(1){padding-right:20px;}
.halfContainer .halfBox:nth-child(2){padding-left:20px;}
.historyBox{position:relative;width:100%;margin-bottom:10%;}
.historyYear{position:absolute;top:0;left:0;z-index:99;}
.historyYear span{font-size:180%;line-height:1.3;font-weight:900;}
.historyDetail{position:relative;width:100%;padding-left:20%;}
.historyDetail li{position:relative;padding:5px 15px 5px 45px;text-indent:-55px;margin-left:55px;}
.historyDetail li label{position:absolute;left:0;font-weight:500;}
.historyDetail li img{height:auto;width:auto;margin-right:10px;}
@media all and (max-width:1220px){
	.halfContainer{padding:0 30px;}
}
@media screen and (max-width:1024px) {
    .halfContainer .halfBox:nth-child(1){padding-right:10px;}
    .halfContainer .halfBox:nth-child(2){padding-left:10px;}
    .historyYear span{font-size:170%;}
	.historyDetail li{padding:5px 25px 5px 45px;}
}
@media all and ( max-width: 800px ){
	.halfContainer{padding:0 15px;}
    .halfContainer .halfBox{display:block;width:100%;}
    .halfContainer .halfBox:nth-child(1){padding-right:0px;}
    .halfContainer .halfBox:nth-child(2){padding-left:0px;}	
    .historyYear span{font-size:180%;}
	.historyDetail{padding-left:0;padding-top:7%;}
	.historyDetail li{padding:5px 15px 5px 60px;text-indent:-60px;margin-left:60px;}
	.historyDetail li img{margin-right:15px;}
}
@media screen and (max-width: 480px) {
	.historyDetail{padding-top:10%;}
	.historyDetail li{padding:5px 15px 5px 35px;text-indent:-55px;margin-left:55px;}
	.historyDetail li img{margin-right:10px;}
}
@media screen and (max-width: 400px) {
    .historyYear span{font-size:160%;}
	.historyDetail li{padding:5px 15px 5px 35px;}
}






/* ANIMATION */
.animate {
  -webkit-animation-duration: 1s;
          animation-duration:1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animationTxt{
animation: fadeIn;
-webkit-animation-duration: 1s;
          animation-duration:1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
animation-delay:0.3s;
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}