@charset "utf-8";
/* ******************  메인 비주얼 ********************** */
#mainVisual {
	overflow: hidden;
	width: 100%;
	height: 712px;
	position: relative;
}
#mainVisual .slick-track, #mainVisual .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, #mainVisual .main-visual-con, #mainVisual .slick-list, #mainVisual .slick-track, .main-visual-item {
	height: 100%;
}
#mainVisual .slick-track {
	overflow: hidden;
}
/* 메인 비주얼 :: 이미지 */
#mainVisual .main-visual-item {
	position: relative;
}
#mainVisual .main-visual-item .main-visual-pc-img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: transform 3000ms ease-in-out;
	-moz-transition: transform 3000ms ease-in-out;
	-o-transition: transform 3000ms ease-in-out;
	-ms-transition: transform 3000ms ease-in-out;
	transition: transform 3000ms ease-in-out;
}
#mainVisual .main-visual-item.active-item .img {
	overflow: hidden;
	z-index: 10;
	width: 100%;
	height: 100%;
	position: relative;
}
/* 메인 비주얼 :: 텍스트 */
#mainVisual .main-visual-item .main-visual-txt-con {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	z-index: 100;
	transform: translateY(-50%);
}
#mainVisual .main-visual-item .main-visual-txt-con h2, #mainVisual .main-visual-item .main-visual-txt-con h3, #mainVisual .main-visual-item .main-visual-txt-con p, #mainVisual .main-visual-item .main-visual-txt-con a {
	opacity: 0;
	filter: Alpha(opacity=0);
	-ms-transform: translateY(-150px);
	-o-transform: translateY(-150px);
	-moz-transform: translateY(-150px);
	-webkit-transform: translateY(-150px);
	transform: translateY(-150px);
	-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;
}
#mainVisual .main-visual-item .main-visual-txt-con .right {
	opacity: 0;
	filter: Alpha(opacity=0);
	-ms-transform: translateX(150px);
	-o-transform: translateX(150px);
	-moz-transform: translateX(150px);
	-webkit-transform: translateX(150px);
	transform: translateX(150px);
	-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;
}
/* 메인 비주얼 :: active효과 */
#mainVisual .main-visual-item.active-item .main-visual-pc-img {
	-ms-transform: scale(1.0, 1.0) rotate(0.01deg);
	-o-transform: scale(1.0, 1.0) rotate(0.01deg);
	-moz-transform: scale(1.0, 1.0) rotate(0.01deg);
	-webkit-transform: scale(1.0, 1.0) rotate(0.01deg);
	transform: scale(1.0, 1.0) rotate(0.01deg);
}
#mainVisual .main-visual-item.active-item .main-visual-txt-con h2, #mainVisual .main-visual-item.active-item .main-visual-txt-con h3, #mainVisual .main-visual-item.active-item .main-visual-txt-con p, #mainVisual .main-visual-item.active-item .main-visual-txt-con a{
	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);
}
#mainVisual .main-visual-item.active-item .main-visual-txt-con .right {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
#mainVisual .main-visual-item.active-item.item1 .main-visual-pc-img {
	background: url(../images/main_visual01.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item2 .main-visual-pc-img {
	background: url(../images/main_visual02.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item3 .main-visual-pc-img {
	background: url(../images/main_visual03.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item4 .main-visual-pc-img {
	background: url(../images/main_visual04.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item.item5 .main-visual-pc-img {
	background: url(../images/main_visual05.png) no-repeat center center;
	background-size: cover;
}
#mainVisual .main-visual-item.active-item .table-cell-layout {width:50%;height:auto;}
#mainVisual h2 {
	color: #00b4f1;
	font-size: 60px;
	font-weight: 800;
	margin-bottom: 30px;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	word-break:keep-all;
	line-height:1.4em;
}
#mainVisual h3 {
	color: #00b9f2;
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 30px;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	word-break:keep-all;
	line-height:1.4em;
}
#mainVisual h3 strong {display:block;color:#ffffff;font-size:50px;margin-top:20px;line-height:1.2em;}
#mainVisual p {
	color: #fff;
	line-height: 1.4em;
	font-size: 23px;
	font-weight: 300;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
	word-break:keep-all;
}
#mainVisual a {
	display:inline-block;
	border:1px solid #4c5862;
	padding:15px 40px;
	border-radius:30px;
	color: #9eb1c9;
	font-size: 0.9em;
	font-weight: 700;
	margin-top: 50px;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	word-break:keep-all;
	line-height:1.4em;background: #0c2e56; 
background: -moz-linear-gradient(top, #0c2e56 0%, #101e2f 100%); 
background: -webkit-linear-gradient(top, #0c2e56 0%,#101e2f 100%);
background: linear-gradient(to bottom, #0c2e56 0%,#101e2f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2e56', endColorstr='#101e2f',GradientType=0 );
}
#mainVisual a:hover {
	color: #fff;
}
#mainVisual .slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #878b93;
	z-index: 100;
	font-size: 3em;
}
#mainVisual .slide-arrow.slick-disabled {
	color: #878b93;
}
#mainVisual .prev-arrow {
	left: 0px;
}
#mainVisual .next-arrow {
	right: 0px;
}
/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0%;
	bottom: 10px;
	margin: 0;
	z-index: 10;
}
#mainVisual .slick-dots li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#mainVisual .slick-dots li button {
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	width: 50px;
	height:4px;
	background: rgba(255,255,255,1);
}
#mainVisual .slick-dots li.slick-active button {
	background: #c3a52b;
}
#mainVisual .main-scroll-icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 9;
	display:none;
}
#mainVisual .main-scroll-icon span {
	display: block;
	padding-bottom: 40px;
}
 @keyframes move {
 0% {
 left: 0%;
}
 50% {
 left: 5%;
}
 100% {
 left: 0%;
}
}


#mainSec01 {padding:120px 3%;background:#f5f5f5;position: relative;}
.mainSec01_inner {padding:0 3%}
.youtube_item {padding:0 10px;}
.youtube_item p {text-align:center;padding:15px 0 0 0;font-size:1.1em;}
.youtube_inner {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}
 
.youtube_inner iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
#mainSec01 .slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	z-index: 100;
	font-size: 2em;
}
#mainSec01 .prev-arrow {
	left: -5%;
}
#mainSec01 .next-arrow {
	right: -5%;
}

#mainSec02 {padding:120px 0;position: relative;}
#mainSec02 h2 {font-weight:800;color:#000;font-size:1.5em;margin:0 0 20px 0;text-align:center;letter-spacing: 1.5px;line-height: 1.3;}
.mainSec02_flex {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.mainsec02_item {position:relative;border:1px solid #cacaca;background:#fafafa;margin:0.5%;}
.mainsec02_item:after {position:absolute;right:20px;top:15px;display:block;content:"+";font-size:1.7em;font-weight:100;}
.mainsec02_item:hover {border:1px solid #0171bb;}
.mainsec02_item:hover:after {color:#0171bb;}
.mainsec02_item a {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.mainsec02_item.item3 {width:32.3333%;}
.mainsec02_item.item2 {width:49%;}
.mainsec02_item.item3 p.img {width:100%;padding:30px;}
.mainsec02_item p.img img {max-width:100%;}
.mainsec02_item.item3 .mainsec02_in {width:100%;padding:30px;}
.mainsec02_item.item2 p.img {width:55%;padding:30px;}
.mainsec02_item.item2 .mainsec02_in {width:45%;padding:30px;align-self: center; }
.mainsec02_item .cate {font-style:italic;color:#0171bb;}
.mainsec02_item .tit {color:#000;font-size:1.6em;font-weight:500;margin:10px 0 20px 0}
.mainsec02_item.item3 .cate {text-align:center;}
.mainsec02_item.item3 .tit {text-align:center;}

#mainSec03 {padding:80px 0;background:url(../images/mainsec03_bg.png) no-repeat center center;background-size:cover;}
.mainSec03_flex {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.mainSec03_item {width:48%;}
.mainSec03_item h3 {font-weight:800;color:#fff;font-size:1.5em;margin:0 0 10px 0;}
.mainSec03_item_inner {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

.mainSec03_item_inner p {width:31.333%;margin:1%;}
.mainSec03_item_inner p img {max-width:100%;}