@charset "utf-8";

* { font-family: 'Malgun Gothic','맑은 고딕','Nanum Gothic', serif; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.main-cont {clear:both; margin-bottom:10px}
hr.divide {border:0; height:30px; margin:0}
/* Carousel base class */
.carousel {
  max-height: 434px;

}
.carousel-control {z-index:100}
.carousel-control .arrows {position:absolute; top:50%; left:50%; width:36px; height:36px; margin-top:-18px; margin-left:-18px}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  top: 50%;
  left: 0;
  width:100%;
  margin-top:-30px;
  text-align:center;
  padding:0;
}
.carousel-caption .txt {color:#fff}
.carousel-caption h1.txt {margin:0; font-size:60px}
.carousel-caption p.txt {margin:0 0 10px; font-size:20px; line-height:30px; vertical-align:top}

/* Declare heights because of positioning of img element */
.carousel .item {
	display:block;
  max-height: 400px;
  background-color: #146346;
  text-align:left;

}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;

}

.container-side{ margin:0 auto;}


/* Recent Work */
.owl-work-v1 .owl-navigation {
  top:3px;
  position:relative;
}
.owl-work-v1 .owl-navigation {
  margin-bottom:10px;
}
.owl-work-v1 .item a {
  text-align:center;
}
.owl-work-v1 .item a:hover {
  text-decoration:none;
}
.owl-work-v1 .item a:hover strong {
  color:#555;
}
.owl-work-v1 .item em.overflow-hidden {
  display:block;
}
.owl-work-v1 .item a span {
  display:block;
  padding:10px;
  border-bottom:solid 2px #eee;
}
.owl-work-v1 .item a strong {
  color:#555;
  display:block;
}
.owl-work-v1 .item a i {
  color:#777;
}
.owl-work-v1 .item a img {
  -webkit-transition:all 0.8s ease-in-out;
  -moz-transition:all 0.8s ease-in-out;
  -o-transition:all 0.8s ease-in-out;
  -ms-transition:all 0.8s ease-in-out;
  transition:all 0.8s ease-in-out;
}
.owl-work-v1 .item a:hover img {
  opacity:0.8;
  -webkit-transform:scale(1.2) rotate(3deg);
  -moz-transform:scale(1.2) rotate(3deg);
  -o-transform:scale(1.0) rotate(3deg);
  -ms-transform:scale(1.2) rotate(3deg);
  transform:scale(1.2) rotate(3deg);
}
.owl-work-v1 .item a:hover span {
  border-bottom:solid 2px #e43e04;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.owl-work-v1 .item em.overflow-hidden {
  display:block;
}
.overflow-hidden {
  overflow: hidden;
}

.owl-slider-v2 {clear:both}

/*Block Headline*/
.headline {
  display:block;
  float:left;
  width:100%;
  margin-bottom:20px;
  /*border-bottom:1px dotted #e4e9f0;*/
}
.headline h2 {
  font-size:22px;
}
.headline h2,.headline h3,.headline h4 {
	color:#222222;
  margin:0 0 -2px 0;
  padding-bottom:10px;
  display:inline-block;
  border-bottom:2px solid #146346;
}
.headline-md {
  margin-bottom:15px;
}
.headline-md h2 {
  font-size: 21px;
}

/*Owl Carousel v1*/
.owl-btn {
  color:#777;
  cursor:pointer;
  font-size:14px;
  padding:5px 9px;
  text-align:center;
  background:#f5f5f5;
}
.owl-btn:hover {
  color:#fff;
  background: #e43e04;
}
.owl-carousel-v1 .owl-navigation {
  text-align:right;
}
.owl-carousel-v1 .item {
  margin:0 5px 0 0;
}
.owl-carousel-v1 .item img {
  text-align:center;
}
.owl-carousel-v1 .owl-pagination {
  display: none;
}

.main-contents-image {position:relative; margin-bottom:20px; text-align:center; font-size:30px;color:#d72e4b}
.main-contents-image .circle-img {display:inline; cursor:pointer}
.main-contents-image p.tit {position:absolute; top:50%; width:100%; margin:0; margin-top:-10px; text-align:center; font-weight:bold; font-size:20px; color:#272727}
.main-contents-text {position:relative; width:100%; margin-bottom:20px; text-align:center}
.main-contents-text .tit {margin-bottom:5px; font-size:18px; color:#3d3f41}
.main-contents-text .info {margin-bottom:15px; padding:0 15px; font-size:13px; color:#676767; line-height:40px; vertical-align:middle}
.main-contents-text .info.two {line-height:20px}
.main-contents-text .btn-more {display: inline-block; padding: 3px 7px; margin-bottom: 0; font-size:12px; font-weight:normal; background-color:#146346; color:#fff; line-height: 1.42857143; text-align:center;  white-space:nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 5px;}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 1200px) {
	.container{ width: 1000px; }
	.container-side{ width: 1030px; }
}

@media (max-width: 767px) {
	.text-center-tablet{text-align:center;}

	.carousel-caption {
		z-index: 10;
		top:50%;
		bottom: auto;
		margin-top:-15px;
		left: 0;
		width:100%;
		text-align:center;
		padding:0
	}
	.carousel-caption h1.txt{font-size:30px;}
	.carousel-caption p.txt{padding:0 60px; font-size:16px; line-height:18px}

	.main-contents-text .info {padding:0 30px}
}

@media (min-width: 768px) {


}



@media (min-width: 992px) {

}