#mainVisual{overflow:hidden; width:100%; height:500px; position:relative;}	
#mainVisual.full-height{height:517px}
.slick-track,
.slick-list {	
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}

.main-visual-item{position:relative;}

.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	
	background-size:cover !important;
	-ms-transform: scale(1,1);
    -o-transform: scale(1,1); 
    -moz-transform: scale(,1); 
    -webkit-transform: scale(1,1); 
     transform: scale(1,1);
	-webkit-transition:transform 9000ms  ease-out ;
	-moz-transition:transform 9000ms ease-out ;
	-o-transition:transform 9000ms ease-out ;
	-ms-transition:transform 9000ms ease-out ;
    transition:transform 9000ms ease-out ;	
}



.main-visual-item .main-visual-m-img{display:none;}


.main-visual-item .main-visual-txt-con{position:absolute; bottom:0; left:0px; width:100%;} 

.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3{

	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translatey(-50px); 
    -o-transform: translateY(-50px); 
    -moz-transform: translatey(-50px);
    -webkit-transform: translatey(-50px); 
     transform: translatey(-50px);
	-webkit-transition:opacity 1.0s, transform 2.0s;
	-moz-transition:opacity 1.0s, transform 2.0s;
	-o-transition:opacity 1.0s, transform 2.0s;
	-ms-transition:opacity 1.0s, transform 2.0s;
	transition:opacity 1.0s, transform 2.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{
	display: block;
	color: #fff;
	background: url(../images/iico_03.png) no-repeat center center;
    background-color: #06a3e0;
    height: 70px;
    width: 250px;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1 img{
	max-width: 100%;
}

.main-visual-item .main-visual-txt-con .main-visual-txt3 .off{display:none;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:50px; letter-spacing:-2px; color:#fff; font-weight: 300; margin-bottom:20px; 
	line-height: 65px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b{font-weight: 600; color: #fff;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:20px; white-space: pre-line;letter-spacing:1px; color:#fff; font-weight: 400;margin-bottom: 60px; 
	line-height:160%; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 b{font-weight: 600;}
.main-visual-item02 .main-visual-txt-con .main-visual-txt2{color:#fff;}
.main-visual-item02 .main-visual-txt-con .main-visual-txt3{color: #fff;}




.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.1,1.1) rotate(0.0001deg);
    -o-transform: scale(1.1,1.1) rotate(0.0001deg);
    -moz-transform: scale(1.1,1.1) rotate(0.0001deg);
    -webkit-transform: scale(1.1,1.1) rotate(0.0001deg);
     transform: scale(1.1,1.1) rotate(0.0001deg);
}


.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3{
	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);
}

.main-visual-item.active-item .main-visual-txt3{opacity:0.9;filter:Alpha(opacity=90);}
.main-visual-item02.active-item .main-visual-txt3{}




.slick-dots
{
    position: absolute;
    bottom: 30px;
    display: block;
    right: 5%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 65px;
    height: 7px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 65px;
    height: 7px;
	background: #fff;
    cursor: pointer;
    color: transparent;
    border: 0;
	outline: none;
	opacity: .5;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    opacity: 1;
}

.slick-dots li.slick-active button
{
    opacity: 1;
}


.main-visual-current-next-tit-con{position:absolute; bottom: 40px; left:0px; right:0; font-size: 15px; font-weight: 300;  color: #fff;}
.main-visual-current-next-tit-con .current-con{float: left; }
.main-visual-current-next-tit-con .next-con{float: right;}
.main-visual-current-next-tit-con .current-con span, .main-visual-current-next-tit-con .next-con span{display: inline-block; width: 32px; height: 32px; background-color: #fff; color: rgba(0,0,0,0.3); -webkit-border-radius: 20px;
-moz-border-radius: 20px; border-radius: 20px; font-size: 16px; font-weight: 600; letter-spacing: -0.75px; line-height: 32px; text-align: center;}
.main-visual-current-next-tit-con .current-con span{margin-right: 10px;}
.main-visual-current-next-tit-con .next-con span{margin-left: 10px;}

.main-visual-prev-next-btn-con{position:absolute; bottom:67px; left:0px; right:0;}
.main-visual-prev-next-btn-con .btn{font-size: 15px; font-weight: 300;  font-family: 'Poppins', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; color: #fff; display: block; cursor: pointer;}
.main-visual-prev-next-btn-con .prev-btn{float: left;}
.main-visual-prev-next-btn-con .next-btn{float: right;}
.main-visual-prev-next-btn-con .btn span{display: inline-block; vertical-align: middle;}
.main-visual-prev-next-btn-con .btn i{display: inline-block; vertical-align: middle;}







.main-ovio-con{width: 100%; overflow: hidden; position: relative;}
.main-ovio-con .fl{width: 50%; height: 575px; float: left; text-align: center;}
.main-ovio-con .pd-img{display: inline-block;}
.main-ovio-con .pd-img img{}
.main-ovio-con .fr{width: 50%; height: 575px; float: right; text-align: center;}
.main-ovio-con .txt-con{position: relative; display: inline-block; padding: 0 120px; margin-top: 101px;}
.main-ovio-con .txt-con .tit-up{font-size: 22px; font-weight: 300; letter-spacing: -0.75px; color: #868f9a;}
.main-ovio-con .txt-con .tit-up span{font-weight: 500;}
.main-ovio-con .txt-con .tit-down{margin-top: 10px; font-size: 55px; font-weight: 600; letter-spacing: -0.75px; line-height: 1.11em; color: #286abd;}

.main-ovio-con .txt-con .txt{margin-top: 22px; font-size: 16.5px; font-weight: 300; line-height: 1.81em;  color: #6f6f6f; -ms-word-break: keep-all;
word-break: keep-all;}
.main-ovio-con .txt-con .txt span{display:block;}
.main-ovio-con .txt-con .btn-more{position: absolute; width: 95px;   bottom: -117px; display: block; padding: 9px; border-bottom: 3px solid #ccc; font-size: 16px; font-weight: 500;  line-height: 2.06em; color: #626262; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.ovio-con01.main-ovio-con .txt-con .btn-more{left:120px}
.ovio-con02.main-ovio-con .txt-con .btn-more{right:120px;}


.main-ovio-con .txt-con .btn-more:after{display: block; content:""; width: 0; height: 3px; background-color: #333; position: absolute; bottom: -3px; left: 0; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}


.main-ovio-con .cir-con{display: block; width: 78px; height: 78px; border: 10px solid #fff; text-align: center; line-height: 78px; position: absolute; margin: auto; right: 0; left: 0; top: 0; bottom: 0; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.main-ovio-con .cir-con i{color: #fff; font-size: 32px;}


/*.main-ovio-con.ovio-con01 .fl{background: url("https://www.geatsink.cn/tpl/web/static/images/main_bg01.jpg") no-repeat 0 0;}*/
.main-ovio-con.ovio-con01 .fr{text-align: left; background-color: #fff;}
.main-ovio-con.ovio-con01 .fr a{display: block; height: 100%;}
.main-ovio-con.ovio-con02 .fl{text-align: right; background: url("../images/grad_bg.png") no-repeat 0 0;}
.main-ovio-con.ovio-con02 .fl a{display: block; height: 100%;}
/*.main-ovio-con.ovio-con02 .fr{background: url("https://www.geatsink.cn/tpl/web/static/images/main_bg02.jpg") no-repeat 0 0;}*/
.main-ovio-con.ovio-con01 .txt-con{width: 500px;  text-align: left;}
.main-ovio-con.ovio-con02 .txt-con{width: 500px;  text-align: right;}
.main-ovio-con.ovio-con01 .cir-con{background-color: #e0ddd8;}
.main-ovio-con.ovio-con02 .cir-con{background-color: #b0c3d7;}


 @media all and (min-width:1220px){
	
	.fade-in{
		opacity:0;filter:Alpha(opacity=0); 
		margin-top: 300px;
		-webkit-transition: all .8s ease;
		transition: all 1s ease;
	}
	.fade-in.fade-in-02{-webkit-transition-delay:0.2s; transition-delay:0.2s; }
	.fade-in.fade-in-03{-webkit-transition-delay:0.4s; transition-delay:0.4s; }
	.fade-in.fade-in-04{-webkit-transition-delay:0.5s; transition-delay:0.5s; }
	.fade-in.fade-in-05{-webkit-transition-delay:0.7s; transition-delay:0.7s; }
	.scroll-active-animate .fade-in{
		opacity:1.0;filter:Alpha(opacity=100);
		margin-top: 120px;
	}
	.move-down{
		opacity:0;filter:Alpha(opacity=0); 
		margin-top: -50px;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
	}
	.move-down.move-down-02{-webkit-transition-delay:0.4s; transition-delay:0.4s; }
	.move-down.move-down-03{-webkit-transition-delay:0.7s; transition-delay:0.7s; }
	.scroll-active-animate .move-down{
		opacity:1.0;filter:Alpha(opacity=100);
		margin-top: 0;
	}
	.main-ovio-con .txt-con .btn-more{
		opacity:0;filter:Alpha(opacity=0); 
		bottom: -80px;
		-webkit-transition: all 1.2s ease;
		transition: all 1.2s ease;
	}
	.scroll-active-animate .txt-con .btn-more{
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transition-delay:1s; transition-delay:1s; 
		bottom: -117px;
	}
 }




#mainContent2{padding: 93px 0;}
.main-con-tit{text-align: center; font-weight: 300; font-size: 42px; line-height: 1.34em; color: #333; letter-spacing: -0.75px;}
.main-con-tit span{font-weight: 400;}
.main-con-txt{margin-top: 10px; text-align: center; font-size: 16px; font-weight: 300; line-height: 1.83em; letter-spacing: -0.75px;}
.main-product-con{
	margin-top: 23px;
}
.main-product-con .slide-btn{text-align: center;}
.main-product-con .slide-btn .btn{display: inline-block; cursor: pointer;}
.main-product-con .slide-btn .btn i{font-size: 50px; color: #7f7f7f;}
.main-product-con .slide-btn .prev-btn{}
.main-product-con .slide-btn .next-btn{}
.main-product-con .slide-btn .center-img{display: inline-block; margin: 0 66px; position: relative;}
.main-product-con .slide-btn .center-img i{position: absolute; top: 50%; right: 0; left: 0; margin-top: -15px; color: #000; font-size: 30px;}
.product-con-group{margin-top: 30px;}
.product-con-group-inner{float: left; width: 15.6%;border:solid 1px #ccc;margin:0.5%;
animation:mymove 5s infinite;
animation-delay:2s;
 
/*Safari and Chrome*/
-webkit-animation:mymove 5s infinite;
-webkit-animation-delay:2s;
}
.product-con-group-inner a{display: block; margin: 0 6.2%;}
.product-con-group-inner .product-img{position: relative; padding-top: 100%;}
.product-con-group-inner .product-img span{position: absolute; top: 0;bottom: 0;right: 0;left: 0; overflow: hidden;}
.product-con-group-inner .product-img span img{width: 100%;  display: block; margin: 0 auto;transition:all .5s}
.product-con-group-inner .product-name{width:100%; text-align: center; position: relative; bottom: 0;}
.product-con-group-inner .product-name h5{font-size: 15px; font-weight: 400;  color: #444; padding: 0 10px; height:24px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-con-group-inner .product-name p{margin-top: 13px; font-size: 16.5px; font-weight: 400;  color: #848484; padding: 0 10px;   overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

.product-con-group-inner2 img{transition:all .5s}
.product-con-group-inner2 img:hover{transform:scale(1.2)}

.team .product-con-group.list-ver .product-con-group-inner .product-img{
	padding-top: 120%;
}
.team .product-con-group.list-ver .product-con-group-inner a{
	padding: 10px 0;
}
.team .product-con-group.list-ver .product-con-group-inner .product-name{
	margin-top: 30px;
}

.team-content .product_view{
	padding: 3rem;
}
.team-content .product_view img{
	max-width: 100%;
	margin-bottom: 2rem;
}
.team-content .product_view p{
	
}
.team-content .product_view .txt,.team-content .product_view .info-tit{
	padding-left: 1rem;
}
.team-content .product_view .info-tit h5{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.8;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	color: #06a3e0;
}
.team-content .product_view .info-tit h5 span{
	font-weight: 400;
	font-size: 20px;
	color: #666;
}

#mainContent2 .slick-list a:hover img{
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-transition: -webkit-transform 0.6s ease 0;
	transition: transform 0.6s ease 0;
}

#mainContent2 .qiehuan {
	
}
#mainContent2 .qiehuan .main-con-txt{
	padding: 20px 0 30px;
	display: flex;
    justify-content: center;
}
#mainContent2 .qiehuan .main-con-txt a{
    border: 1px solid #ddd;
    padding: 10px;margin:2px;border-radius:5px;
}
#mainContent2 .qiehuan .main-con-txt a:nth-child(2){
	
}
#mainContent2 .qiehuan .main-con-txt a:nth-child(1){
	
}

#mainContent2 .qiehuan .main-con-txt a

#mainContent2 .qiehuan .main-con-txt a:hover{
	background: #eee;
}


 
 .pop-back {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 400;
	display: none;
}
.pop-video {
	width: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	top: -500%;
	position: fixed;
	margin: auto;
	z-index: 500;
	height: 50%;
}
.pop-video iframe{
	width: 100%;
	height: 100%;
}


#mainContent2 .slick-list {overflow: visible;}
#mainContent2 .slick-slide{opacity: 0.3;}
#mainContent2 .slick-active{opacity: 1;}

#mainContent2 .no-rolling-pc .slick-slide{opacity:1.0;filter:Alpha(opacity=100);}
#mainContent2 .no-rolling-m .slick-slide{opacity:1.0;filter:Alpha(opacity=100);}




#mainContent3{width: 100%;   position: relative;}
.main-info-con{position: absolute; top: 68px; text-align: center; margin: auto; right: 0; left: 0; z-index: 1;}
.main-info-con .info-top-tit{font-size: 18px; font-weight: 400; letter-spacing: 2.55px; color: #868f9a;}
.main-info-con .info-down-tit{margin-top: 23px; font-size: 56px; font-weight: 300; letter-spacing: -0.75px; line-height: 1.14em; color: #286abd;}
.main-info-con .info-down-tit span{font-weight: 500;}
.main-info-con .info-txt{margin-top: 21px; font-size: 18px; font-weight: 300; line-height: 1.83em; letter-spacing: -0.75px; color: #9c9c9c;}
.main-info-con .center-img{display: inline-block; margin-top: 47px; position: relative;}
.main-info-con .center-img i{position: absolute; top: 50%; right: 0; left: 0; margin-top: -15px; color: #000; font-size: 30px;}
.bottom-img{width: 100%; position: absolute; bottom: 0; left: 0;}
.bottom-img img{width: 100%; height: auto;}


.main-full-banner-box{width:100%; overflow:hidden;}
.main-full-banner-box > div{width: 50%; position:relative; overflow: hidden;}
.main-full-banner-box > div img{width: 100%; height: auto; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.main-full-banner-box > div a:hover img {-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);}
.main-full-banner-box .main-full-banner-left{float: left;}
.main-full-banner-box .main-full-banner-right{float: right;}
.main-full-banner-box .full-banner-inner{position: absolute;top: 50%; margin-top: -76px; left: 10%; color: #fff;}
.main-full-banner-box .full-banner-inner strong{display:block; font-weight:600; font-size:24px; padding-bottom:0px; opacity:0.6;filter:Alpha(opacity=60);}
.main-full-banner-box .full-banner-inner .tit{font-size:40px; font-weight: 300; line-height:1.97em; letter-spacing:-0.45px;}
.main-full-banner-box .full-banner-inner .tit span{font-weight: 600;}
.main-full-banner-box .full-banner-inner .txt{font-weight: 300; font-size:18px; line-height:1.44em; letter-spacing:-0.75px; opacity: 0.6;}

.protype{width:40%;float:left}
.protype-yy{width:60%;float:right}

 @media all and (max-width:800px){
 .protype{width:100%;}
.protype-yy{display:none;}
 }