@charset "utf-8";

/*----------------------------------- GT THEME  ----------------------------------------
-- 온웹(ONWEB) GT테마에 포함된 파일입니다.
-- GT테마는 상용테마로 구매자의 허용된 사이트 외에는 사용하실 수 없습니다.
-- Theme Name: GT/ Maker: ONWEB
----------------------------------------------------------------------------------------*/

/* 최근게시물 스킨 (latest) */
    #GT_mainslide .item img{
        display: block;
        width: 100%;
        height: 100%;
        /*
        min-height:100vh;
        object-fit: cover !important;
        object-position: 50% 50% !important;
        */
    }
    
/*owl control*/
	.owl-dots { position:absolute; width:100%; bottom:50px; text-align:center;  }
	.owl-carousel button.owl-dot { background:#e5e5e5; width:15px; height:10px; border-radius:5px !important; display:inline-block; margin:0 3px; transition:all 0.3s ease-in-out; }
	.owl-dots .owl-dot { background:#e5e5e5; width:15px; height:10px; border-radius:5px !important; display:inline-block; margin:0 3px; transition:all 0.3s ease-in-out; }
	.owl-dots .owl-dot.active { background:#00B8FF; width:30px; }
	/*
	.owl-nav div { position: absolute; }
	.owl-prev { left:  calc(50% - 41px); margin-top: -20px; background-color:#EEE; border:1px solid #DDD; padding:10px 15px; text-align:center; }
	.owl-next { right: calc(50% - 41px); margin-top: -20px; background-color:#EEE; border:1px solid #DDD; padding:10px 15px; text-align:center; }
	
	.owl-prev:hover { color:#00B8FF; }
	.owl-next:hover { color:#00B8FF; }
	*/
/* dot bg */
.dot_bg{
	top:0px;
	left:0px;
	position:absolute;
	width:100%;
	height:100vh !important;
	background:url('img/dot_bg.png') !important;
	opacity:0.7 !important;
	z-index:0;
}

/* caption */
.slide-caption {
	width:100% !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
}

.slide-caption__title {
	width:100% !important;
	font-size: 60px;
	line-height:60px;
	font-family: 'NanumSquare';
	font-weight: 100;
	letter-spacing:-1px;
	margin-bottom:20px;
	text-transform: uppercase;
}
.slide-caption__bar {
	margin:0 auto; padding:0px; width:100px; height:1px; background-color:rgba(255,255,255,0.3); margin-top:30px; margin-bottom:30px;
}

.owl-item.active .slide-caption__title{
  animation: 1s .2s fadeInUp both;
}

.owl-item.active .slide-caption__bar{
  animation: 1s .4s fadeInUp both;
}

.owl-item.active .slide-caption__desc{
  animation: 1s .6s fadeInUp both;
}

.owl-item.active .owl_btn {
  animation: 1s .8s fadeInUp both;
}

.slide-caption__desc {
	width:100% !important;
	font-size: 16px;
	font-family: 'NanumBarunGothic';
	line-height:25px;
	font-weight: 500;
	margin-top: 0;
	margin:0 auto; padding:0px;
	max-width:500px; 
	word-break:normal;
	word-break:break-word;
	text-align: center;
	text-align:jusity;
}

.owl_btn {
	font-size: 15px;
	font-family: 'NanumBarunGothic';
	font-weight: 400;
	border: 1px solid #fff;
	border-radius:30px;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.3);
	padding: .6rem 2.5rem;
	display: inline-block;
	text-decoration: none;
	margin-top: 25px;
	margin-bottom: 70px;
}

.owl_btn::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.owl_btn:hover { 
	color:#000;
}

.owl_btn::before,
.owl_btn::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

.btn-0 {
  	background-color:rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-0:hover {
  background-color:rgba(255, 255, 255, 1.0);
}

.btn-2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background-color:rgba(255, 255, 255, 0); 
}

.btn-2:hover:after {
  	width: 100%;
	background-color:rgba(255, 255, 255, 1.0); 
	border-radius:30px;
}

/* BUTTON 5 */
.btn-5 {
  overflow: hidden;
}

.btn-5::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.btn-5:hover:after {
  height: 100%;
  width: 135%;
}