/*-- Use For Custom Styling --*/
h1,
h2,
h3,
h4,
h5,
p,
span,
strong {
	word-break: keep-all;
    word-wrap: break-word;
}

/* visual-txt */
.tp-caption div.visual-one-txt span {
	display: inline-block;
	margin-left:5px;
	font-size: 24px;
	font-weight:300;
	color:#0c3555;
	vertical-align: middle;
	letter-spacing:-0.01em;
}

.visual-two-txt span {
	color:#0063b0;
	font-size:72px;
	font-weight:900;
	letter-spacing:-0.01em;
}

.visual-three-txt span {
	font-size:24px;
	font-weight:300;
	color:#0c3555;
	letter-spacing:-0.01em;
}
/* visual-txt */

/* section01 */
.services-section {
    padding: 100px 0;
    background-image:url('../img/section01-bg.png');
	background-repeat:no-repeat;
	background-size: cover;
    background-position: center;
}

.main-flip-box {
	background-color: transparent;
    width: 100%;
    height: 540px;
    perspective: 1000px;
	border:none;
	border-radius:0px;
}

.main-flip-box .flip-box-front {
    background-color: #fff;
    text-align: center;
	cursor: pointer;
	border-radius:0px;
	background-image: url('../img/business-laboratory.png');
	background-size: cover;
}

.main-flip-box .flip-box-front .laboratory-txt-box {
	width:312px;
	height:180px;
	background-color:rgba(0,100,176,.9);
	text-align:left;
	position:absolute;
	left:20px;
	bottom:20px;
	padding: 22px;
}

.main-flip-box .flip-box-front .laboratory-txt-box:after {
	content:'';
	display:inline-block;
	width:81px;
	height:12px;
	background-color:rgba(89,180,251,.9);
	position:absolute;
	right: -40px;
    bottom: 0px;
}

.main-flip-box .flip-box-front .laboratory-txt-box h5 {
	color:#fff;
	font-size:39px;
	font-weight:bold;
}

.main-flip-box .flip-box-front .laboratory-txt-box p {
	color:#fff;
	font-size: 16px;
    text-align: left;
	margin-bottom: 30px;
}

.main-flip-box .flip-box-front .laboratory-txt-box a {
	color:#fff;
	font-size:18px;
}

.main-flip-box .flip-box-front .laboratory-txt-box a.more:after {
	content:'';
	display: inline-block;
	width:36px;
	height:7px;
	background-image:url('../img/view_more_array.png');
	vertical-align: middle;
    margin-left: 10px;
}

.flip-box {
    background-color: transparent;
    width: 100%;
    height: 270px;
    perspective: 1000px;
	border-top:1px solid #ddd;
	border-left:0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-radius:0px;
}

.flip-box.br-bottom {
	margin-bottom:-1px;
}

.flip-one, .flip-two {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:0;
	border-bottom:1px solid #ddd;
}

.services-section .flip-boxes {
    margin-top: 0px;
}

.flip-box .flip-box-front {
    background-color: #fff;
    text-align: center;
	cursor: pointer;
	border-radius:0px;
}

.flip-box .flip-box-front:hover {
	background-color:#0064b0;
}

.flip-box .flip-box-front:hover h5 {
	color:#fff;
}

.flip-box .flip-box-front:hover .business-img01{
	background-image:url('../img/business-icon01-on.png');
}

.flip-box .flip-box-front:hover .business-img02{
	background-image:url('../img/business-icon02-on.png');
}

.flip-box .flip-box-front:hover .business-img03{
	background-image:url('../img/business-icon03-on.png');
}

.flip-box .flip-box-front:hover .business-img04{
	background-image:url('../img/business-icon04-on.png');
}

.flip-box .business-img01 {
	width:61px;
	height:50px;
	background-image:url('../img/business-icon01.png');
	background-repeat:no-repeat;
	margin: 70px auto 20px auto;
}

.flip-box .business-img02 {
	width:64px;
	height:56px;
	background-image:url('../img/business-icon02.png');
	background-repeat:no-repeat;
	margin: 70px auto 20px auto;
}

.flip-box .business-img03 {
	width:66px;
	height:54px;
	background-image:url('../img/business-icon03.png');
	background-repeat:no-repeat;
	margin: 70px auto 20px auto;
}

.flip-box .business-img04 {
	width:65px;
	height:51px;
	background-image:url('../img/business-icon04.png');
	background-repeat:no-repeat;
	margin: 70px auto 20px auto;
}

.flip-box h5 {
    font-size: 24px;
    font-weight: 500;
    color: #0064b0;
    margin-top: 20px;
    text-align: center;
}
/* section01 */

/* section02 */
.learn-more-section {
	padding:100px 0px;
}

.learn-more-section p {
    color: #fff;
    margin-bottom: 15px;
	font-size:18px;
}

.learn-more-section h2 {
    color: #fff;
    margin-bottom: 30px;
	font-weight:300;
}

.learn-more-section h2 > strong {
    color: #fff;
    margin-bottom: 50px;
	font-weight:bold;
}
/* section02 */

/* section03 */
.blog-section {
	padding-top: 100px;
	padding-bottom: 0px;
    background-color: #fff;
}

.blog-section:after {
	content:'';
	display:block;
	max-width:1170px;
	height:2px;
	background-color:#ddd;
	margin: 100px auto 0px auto;
}

.blog-section .left-text {
    margin-bottom: 0px;
}

.blog-section img {
    display: flex;
    justify-content: center;
    max-width: 446px;
	width: 100%;
	height:auto;
    margin-left: 80px;
    margin-top: 87px;;
}

.blog-section h2 {
    text-align: left;
    margin-bottom: 30px;
	font-weight:400;
}

.blog-section h2 > strong {
    text-align: left;
    margin-bottom: 30px;
	font-weight:bold;
	color:#0064b0;
}

.blog-section p {
    font-size: 16px;
    text-align: left;
	font-weight: 300;
	margin-bottom:15px;
}

.blog-section p > strong {
	font-size:18px;
	color:#0064b0;
	font-weight: 400;
}

.blog-section h3 {
	text-align:right;
	font-size:22px;
}

.blog-section h3:before {
	content:'';
	display:inline-block;
	width:5px;
	height:24px;
	background-color:#0064b0;
	vertical-align: middle;
	margin-right:12px;
	margin-top: -4px;
}
/* section03 */

/* section04 */
.counter-section {
	padding:100px 0px;
}

.counter-section .owl-carousel button.owl-dot.active {
	opacity: 1;
    width: 38px;
    height: 12px;
    border-radius: 50px;
    background-color: #0064b0;
    transition: .8s ease;
}

.counter-section .item .team-detail {
    transition: .6s ease;
}

.counter-section .team-detail {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.counter-section .owl-nav {
	position:relative;
	top: -130px;
}

.counter-section .owl-prev span {
	width:40px;
	height:40px;
	background-image:url('../img/team-prev.png');
	background-repeat:no-repeat;
	font-size:0px;
	position:absolute;
	left:-70px;
}

.counter-section .owl-next span {
	width:40px;
	height:40px;
	background-image:url('../img/team-next.png');
	background-repeat:no-repeat;
	font-size:0px;
	position:absolute;
	right:-70px;
}

.team-slider {
	margin-top:40px;
	max-width: 1170px;
	width:100%;
}

.counter-section p {
    margin-bottom: 0px;
	font-weight:300;
	font-size:22px;
	padding: 7px 0px;
	color:#1b1b1b;
}

.counter-section .sub-title {
	color:#0064b0;
	font-weight:300;
	margin-bottom:15px;
}

.counter-section h2 {
	color:#1b1b1b;
}

.bar {
    display: block;
    width: 60px;
    height: 1px;
    background-color: #0064b0;
    margin: 30px auto;
}

.hoimyung-big {
	width:100%;
	height:123px;
	position:relative;
	text-align: center;
	margin-top:90px;
}

.hoimyung-big:before {
	content:'';
	display:block;
	width:72px;
	height:123px;
	background-image:url('../img/hoimyung-wrap-left.png');
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
}

.hoimyung-big:after {
	content:'';
	display:block;
	width:72px;
	height:123px;
	background-image:url('../img/hoimyung-wrap-right.png');
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:0;
}

.counter-section .owl-carousel button.owl-dot {
	width:12px;
}
/* section04 */

/* section05 */
.vision-section {
    padding: 100px 0;
    background-color: #f7f7f7;
	background-size: cover;
    background-image: url('../img/section-5.jpg');
}

.vision-section h2 {
	color:#1b1b1b;
}

.vision-section p {
	font-size:22px;
	font-weight:300;
	color:#1b1b1b;
	padding: 7px 0px;
}

.vision-section .vision-wrap {
    margin-top: 90px;
}

.vision-img01 {
	background-image:url('../img/vision-challenge.png');
	background-repeat:no-repeat;
	width:125px;
	height:99px;
	display: inline-block;
}

.vision-img02 {
	background-image:url('../img/vision-creation.png');
	background-repeat:no-repeat;
	width:96px;
	height:110px;
	display: inline-block;
}

.vision-img03 {
	background-image:url('../img/vision-globalization.png');
	background-repeat:no-repeat;
	width:81px;
	height:101px;
	display: inline-block;
}

.vision-section .vision-box {
    background-color: #f7f7f7;
    text-align: center;
	box-shadow:none;
}

.vision-section .vision-box.bl-line:after {
	content:'';
	display:block;
	width:1px;
	height:119px;
	background-color:#ddd;
	position: absolute;
    right: 0;
    top: 50%;
    margin-top: -64px;
}

.vision-txt h4 {
    font-size: 30px;
    padding: 30px;
    color: #0064b0;
	letter-spacing: -0.3px;
}

.vision-section .owl-carousel button.owl-dot.active {
    opacity: 1;
    width: 38px;
    height: 12px;
    border-radius: 50px;
    background-color: #0064b0;
    transition: .8s ease;
}

.vision-section .owl-carousel button.owl-dot {
	width:12px;
}
/* section05 */

/* section06 */
.certification-section {
    padding: 100px 0;
    background-size: cover;
    background-image: url('../img/section-6.jpg');
}

.certification-section p {
    font-size: 22px;
    font-weight: 300;
    color: #1b1b1b;
	padding:7px 0px;
}

.certification-slider {
	margin-top:90px;
}

.certification-section .owl-carousel .owl-item .item .certification-detail div {
	height: auto;
    padding-bottom: 141%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #ddd;
}

.certification-section .owl-carousel button.owl-dot.active {
    opacity: 1;
    width: 38px;
    height: 12px;
    border-radius: 50px;
    background-color: #0064b0;
    transition: .8s ease;
}

.certification-section .owl-carousel button.owl-dot {
	width:12px;
}
/* section06 */

/* section07 */
.question-section {
    padding: 100px 0;
    background-size: cover;
    background-image: url('../img/section-7.jpg');
}

.question-section p {
    color: #fff;
    margin-bottom: 30px;
    font-size: 18px;
	font-weight:300;
}

.question-section p:before {
	content:'';
	display:inline-block;
	width:26px;
	height:17px;
	background-image:url('../img/quick-mail.png');
	background-repeat:no-repeat;
	margin-right:8px;
}
/* section07 */

/* ===================================
    Media Queries
====================================== */}

@media (max-width: 1200px) {
  /*Services-Section*/
  .flip-box {
    width: 100%;
  }
}
@media (max-width: 992px) {
	.counter-section .owl-nav {
		display:none;
	}

	.blog-section h2 {
		font-size:38px;
	}
}

@media (max-width: 991px) {
  /* section01 */
  .flip-box {
    width: 100%;
  }
  .main-flip-box .flip-box-front .laboratory-txt-box:after {
	display:none;
  }
  .main-flip-box .flip-box-front .laboratory-txt-box {
	width: 312px;
	height: 180px;
	background-color: rgba(0,100,176,.9);
	text-align: left;
	padding: 22px;
	margin: 0 auto;
	margin-top: 345px;
  }
  .flip-box h5 {
	font-size: 18px;
  }

  /*Counter Section*/
  .counter-section {
    text-align: center;
  }
  .counter-section .media {
    display: block;
  }
  .counter-section .media i {
    margin-bottom: 20px;
  }
  .counter-section .media .media-body {
    padding-left: 0;
  }
  .counter-section .media .media-body p {
    text-align: center;
  }

  /*ceo Section*/
  .blog-section {
    text-align: center;
  }
  .blog-section img {
    width: 65%;
    margin-left: 0;
    margin: 0 auto;
  }
  .blog-section .right-text .button {
    float: none;
  }
  .blog-section h2 {
    text-align: center;
  }
  .blog-section p {
    font-size: 15px;
    text-align: center;
  }
  .right-text h2 {
    margin-top: 0;
    text-align: center;
  }
  .right-text p {
    text-align: center;
  }
  .blog-section .left-text {
    margin-bottom: 50px;
  }
  .blog-section h3 {
	text-align:center;
  }

  /* vision Section */
	.vision-txt h4 {
		font-size: 20px;
	}

  /*Contact Section*/
  .contact-section .contact-form{
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  /* visual */
  .visual-two-txt span,
  .visual-two-txt strong {
	font-size:3rem !important;
  }

  .visual-one-txt span,
  .visual-three-txt span {
	font-size:17px;
  }

  /*Section01*/
  .flip-box {
	border-left: 1px solid #ddd;
	width:50%;
	float: left;
  }
  .flip-one, .flip-two {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
   }

   .flip-one, .flip-three {
	border-right:#fff;
   }

  /* Learn-more-section*/
  .learn-more-section p {
    font-size: 17px;
  }

  /* blog-section */
  .blog-section h2 {
		font-size: 32px;
	}

  /*Counter Section*/
  .counter-section .media .media-body p {
    text-align: center;
  }
  .hoimyung-big img {
	width: 43%;
    margin-top: 17px;
  }

  /* vision-section */
  .vision-section .vision-wrap {
	margin: 30px 0px;
  }
  .vision-img01 {
    height: 64px;
    background-size: 74px;
    background-position-x: center;
    margin: 0 auto;
  }
  .vision-img02 {
    height: 64px;
    display: inline-block;
    background-size: 55px;
    background-position-x: center;
    margin: 0 auto;
  }
  .vision-img03 {
    height: 64px;
    display: inline-block;
    background-size: 50px;
    background-position-x: center;
    margin: 0 auto;
  }
  .vision-txt h4 {
	font-size: 17px;
	padding: 11px 0px;
  }
  .vision-section .vision-box.bl-line:after {
	display:none;
  }
}


@media (max-width: 575px) {
	/* visual */
	.visual-two-txt span,
	.visual-two-txt strong {
		line-height:55px !important;
	}
	.visual-two-txt span {
		margin-top:50px !important;
	}
	.visual-three-txt span {
		margin-top:90px !important;
	}
}

@media (max-width: 480px) {
	.visual-two-txt span,
	.visual-two-txt strong {
	font-weight:900 !important;
	}
	/* services-section */
	.flip-box {
		height:172px;
	}
	.main-flip-box .flip-box-front .laboratory-txt-box {
		width:290px;
	}
	.main-flip-box {
		height:380px;
	}
	.main-flip-box .flip-box-front {
		background-position-y: -59px;
	}
	.flip-box .business-img01,
	.flip-box .business-img02,
	.flip-box .business-img03,
	.flip-box .business-img04 {
		margin: 28px auto 20px auto;
	}

	/* blog-section */
   .blog-section h2 {
		font-size: 36px;
	}
	.blog-section img {
		width: 100%;
		height: auto;
	}
	.blog-section p {
		font-size:18px;
	}

	/* counter-section */
	.hoimyung-big img {
		width: 60%;
		margin-top: 35px;
	}

	/* vision-section */
	.vision-section .vision-box span {
		text-align:left;
	}
	.vision-txt {
		margin:20px 7px;
		text-align: left;
	}
	.vision-img01,
	.vision-img02,
	.vision-img03 {
		display: inline-block;
		vertical-align: middle;
		width: 125px;
	}
	.vision-txt h4 {
		display: inline-block;
		vertical-align: middle;
		font-size: 24px;
	}
	.company-img-slider .owl-carousel.owl-drag .owl-item .item {
		width: 100%;
		overflow: hidden;
	}
	.company-img-slider .owl-carousel.owl-drag .owl-item .item .team-detail {
		width: 250%;
		height: 300px;
		position: relative;
		right: 162px;
	}
	.company-img-slider .owl-carousel.owl-drag .owl-item .item .team-detail img {
		max-width: 100%;
		height: auto;
	}
}