@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1025px ) and (max-height: 750px) {
	#fullpage .section{min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:1000px;  position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-wrap,
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .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;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-img-con {position:absolute; top:50%; right:0; width:54.479vw; max-width:1045px; transform:translateY(-50%);}
.main-visual-img-con .inner-box {position:relative;}
.main-visual-img-con .inner-box .bg img {width:100%;}
.main-visual-img-con .inner-box .bg.m {display:none;}
.main-visual-img-con .icon-box {position:absolute; width:100%; height:100%; right: -129px;}
.main-visual-img-con .icon-box .inner {position:relative; width:100%; height:100%;}
/* 메인비주얼 :: 아이콘 */
.main-visual-img-con .icon-box .icon {position:absolute; top:50%; left:50%; }
.main-visual-img-con .icon-box .icon:not(.ai) {opacity:0;filter:Alpha(opacity=0);  transition:all 1s; /*transition-delay:1.2s; */}
.main-visual-item.first .main-visual-img-con .icon-box .icon:not(.ai) {/* transition-delay:0.5s; */}
.main-visual-img-con .icon-box .icon img {width:100%;}
/* 메인비주얼01-1 */
.main-visual-item01 .icon-box.visual01 .icon01 {margin-top: -4.46vw;left:0; width:16.64vw; z-index:2; }
.main-visual-item01 .icon-box.visual01 .icon02 {margin-top:-9.57vw; margin-left:-21.43vw; z-index:1;width:  7.94vw; }
.main-visual-item01 .icon-box.visual01 .icon03 {margin-top:0.94vw; margin-left:-16.41vw; width:13.5vw; z-index:1;}
.main-visual-item01 .icon-box.visual01 .icon04 {margin-top:-20.84vw; margin-left:-13.6vw; width:8.84vw; z-index:3;}
.main-visual-item01 .icon-box.visual01 .icon05 {margin-top:8.17vw; margin-left:-7.39vw; width:9.14vw; z-index:1;}
.main-visual-item01 .icon-box.visual01 .icon06 {margin-top:3.03vw; margin-left:-22.23vw; width:17.07vw; z-indeX:0;}
.main-visual-item01 .icon-box.visual01 .icon07 {margin-top:7.25vw; margin-left:-22.56vw; width: 7.775vw; z-index:1;}
.main-visual-item01 .icon-box.visual01 .icon08 {margin-top:-0.99vw; margin-left:-3.7vw; width:6.65vw; z-index:1;}
.main-visual-item01 .icon-box.visual01 .icon09 {margin-top:6.01vw; margin-left:-18.3vw; width:15.85vw; z-index:0;}
.main-visual-item01 .icon-box.visual01 .ai {top:0;  left:0; z-index:0; width:100%; height:100%; background:url("/resources/image/common/main_1/ai_main.svg"); background-size:cover; }
/* 메인비주얼01-2 */
.main-visual-item01 .icon-box.visual02 .icon01 {margin-top:-1.15vw; margin-left:-23.61vw; width:16.76vw; }
.main-visual-item01 .icon-box.visual02 .icon02 {margin-top:6.56vw; margin-left:-20.73vw; width:6.78vw; }
.main-visual-item01 .icon-box.visual02 .icon03 {margin-top:-11.6vw; margin-left:-13.97vw; width:19.38vw; }
.main-visual-item01 .icon-box.visual02 .icon04 {margin-top:-8.79vw; margin-left:-8.49vw; width:12.51vw}
.main-visual-item01 .icon-box.visual02 .icon05 {margin-top:-14.93vw; margin-left:-7.20vw; width:15.72vw;}
.main-visual-item01 .icon-box.visual02 .icon06 {margin-top:3.53vw; margin-left:-27.15vw; width:16.54vw;}
.main-visual-item .icon.move {animation: imgupDown 3s ease-in-out 1.1s infinite;}
.main-visual-item .main-visual-img-con .icon-box.active-item .icon {opacity:1;filter:Alpha(opacity=100);}
.ie-browser .main-visual-item .icon.move {animation:none;}


.main-visual-item .main-visual-img-con .icon-box .left { transform:translateX(2vw);  opacity:0; transition: all ease-in-out 1.2s;}
.main-visual-item .main-visual-img-con .icon-box .right { transform:translate(-2vw,2vw);  opacity:0; transition: all ease-in-out 1.2s;}
.main-visual-item .main-visual-img-con .icon-box .down {transform:translateY(-1vw); transition: all ease-in-out 0.8s;}
.main-visual-item .main-visual-img-con .icon-box .up {transform:translateY(1vw); transition: all ease-in-out 0.8s;}
.main-visual-item .main-visual-img-con .icon-box .scaleup {transform:scale(0); transition: all ease-in-out 0.8s;}
.main-visual-item .main-visual-img-con .icon-box .wobble  {transform-origin: 0 80%;}
.main-visual-item .main-visual-img-con .icon-box .drop  {transform-origin: 0 80%;}
.main-visual-item .main-visual-img-con .icon-box.active-item .wobble {-webkit-animation: wobble 1.5s ; animation: wobble 1.5s}
.main-visual-item .main-visual-img-con .icon-box.active-item .drop {-webkit-animation: drop 1.3s ; animation: drop 1.3s}
.main-visual-item .main-visual-img-con .icon-box.active-item .left {transform:translateX(0); opacity:1;}
.main-visual-item .main-visual-img-con .icon-box.active-item .right {transform:translate(0,0); opacity:1;}
.main-visual-item .main-visual-img-con .icon-box.active-item .up {transform:translateY(0); }
.main-visual-item .main-visual-img-con .icon-box.active-item .down {transform:translateY(0); }
.main-visual-item .main-visual-img-con .icon-box.active-item .scaleup {transform:scale(1); }
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay300 {transition-delay: 0.3s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay800 {transition-delay: 0.8s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay1100 {transition-delay: 1.1s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay1800 {transition-delay: 1.8s !important;}
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay2200 {transition-delay: 2.2s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay2900 {transition-delay: 2.9s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay3000 {transition-delay: 3.0s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay2600 {transition-delay: 2.6s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay3700 {transition-delay: 3.7s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay3800 {transition-delay: 3.8s !important;} 
.main-visual-item .main-visual-img-con .icon-box.active-item  .icon.delay3300 {transition-delay: 3.3s !important;} 
.main-visual-item .main-visual-img-con .icon-box .icon {transition-delay: 0.3s !important;} 

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; top:6.29vw;
	width:100%; 
}
.main-visual-item .main-visual-txt-con .main-visual-txt-inner {width: 65.16%;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{display:block; font-size:80px; font-weight:400; letter-spacing:-1px; color:#3d3939; margin-bottom:1.25vw; line-height:1.25; }
.main-visual-item .main-visual-txt-con .main-visual-txt2 em{font-weight:700;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:30px; letter-spacing:-0.25px; color:#00BF8F; margin-bottom:1vw; margin-top:2vw; font-weight:600; }
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:18px; color:#3E3E3E; line-height:1.9; margin-bottom:35px; }
.main-visual-item .main-visual-txt-con .main-visual-txt3 .margin {margin-top:20px;}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
/* .main-visual-item .main-visual-txt1.splitting .char{ */
/* 	-webkit-animation: text-fade-out 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-fade-out 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */
/* .main-visual-item.active-item .main-visual-txt1.splitting .char{ */
/* 	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */

.main-visual-item .main-visual-txt-con .txt-wrap {display:block; overflow:hidden; }
.main-visual-item .txt-wrap em {display:inline-block; }
/* .main-visual-item.active-item .txt-wrap em { */
/* 	-webkit-animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */


/* ******************  제품 비주얼 ********************** */
#productVisual1, #productVisual2{overflow:hidden; width:100%; height:1000px;  position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#productVisual1 .area{max-width: 1207px;} 
#productVisual2 .area{max-width: 1207px; margin-left:50%;} 

.product-visual-con .slick-track,
.product-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.product-visual-wrap,
.product-visual-con, 
.product-visual-con .slick-list,  
.product-visual-con .slick-track, 
.product-visual-item{
	height:100%; 
}
.product-visual-con{z-index:1;}
/* 제품 비주얼 :: 이미지 */
.product-visual-item{position:relative;}
.product-visual-item .product-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.product-visual-item .product-visual-m-img{display:none;}
.product-visual-img-con {position:absolute; top:42%; right:0; width:56.655vw; max-width:1088px; transform:translateY(-50%);}
#productVisual2 .product-visual-img-con {position:absolute; top:50%; left:3%; width:54.479vw; max-width:1045px; transform:translateY(-50%);}

.product-visual-img-con .inner-box {position:relative;}
.product-visual-img-con .inner-box .bg img {width:100%;}
.product-visual-img-con .inner-box .bg.m {display:none;}
.product-visual-img-con .icon-box {position:absolute; width:100%; height:100%; right: -114px;}
.product-visual-img-con .icon-box .inner {position:relative; width:100%; height:100%;}
/* 제품비주얼 :: 아이콘 */
.product-visual-img-con .icon-box .icon {position:absolute; top:50%; left:50%; }
.product-visual-item.first .product-visual-img-con .icon-box .icon:not(.ai) {/* transition-delay:0.5s; */}
.product-visual-img-con .icon-box .icon img {width:100%;}
/* 제품비주얼01-1 */
.product-visual-item01 .icon-box.visual01 .icon01 {margin-top: -10.46vw;left:0; width:45.89vw;}
.product-visual-item01 .icon-box.visual01 .icon02 {margin-top:-12.37vw; margin-left:-18.33vw;width: 16.64vw; }
.product-visual-item01 .icon-box.visual01 .icon03 {margin-top:-11.06vw; margin-left:-4.11vw; width:22.5vw;}
.product-visual-item01 .icon-box.visual01 .icon04 {margin-top:-7.94vw; margin-left:-1.7vw; width:17.14vw; }
.product-visual-item01 .icon-box.visual01 .icon05 {margin-top:3.57vw; margin-left:2.61vw; width:8.84vw; }
/* 제품비주얼01-2 */
.product-visual-item01 .icon-box.visual02 .icon01 {margin-top:-1.15vw; margin-left:-23.61vw; width:16.76vw; }
.product-visual-item01 .icon-box.visual02 .icon02 {margin-top:6.56vw; margin-left:-20.73vw; width:6.78vw; }
.product-visual-item01 .icon-box.visual02 .icon03 {margin-top:-11.6vw; margin-left:-13.97vw; width:19.38vw; }
.product-visual-item01 .icon-box.visual02 .icon04 {margin-top:-8.79vw; margin-left:-8.49vw; width:12.51vw}
.product-visual-item01 .icon-box.visual02 .icon05 {margin-top:-14.93vw; margin-left:-7.20vw; width:15.72vw;}
.product-visual-item01 .icon-box.visual02 .icon06 {margin-top:3.53vw; margin-left:-27.15vw; width:16.54vw;}

.product-visual-item .icon.move {animation: imgupDown 3s ease-in-out 1.1s infinite;}
.product-visual-item .main-visual-img-con .icon-box.active-item .icon {opacity:1;filter:Alpha(opacity=100);}
.ie-browser .product-visual-item .icon.move {animation:none;}

/* 제품 비주얼 :: 텍스트 */
.product-visual-item .product-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; top:6.29vw;
	width:100%; 
}
.product-visual-item .product-visual-txt-con .product-visual-txt-inner {width: 65.16%;}
#productVisual2 .product-visual-item .product-visual-txt-con .product-visual-txt-inner {width: 83.16%;}
.product-visual-item .product-visual-txt-con .product-visual-txt2{display:block; font-size:56px; font-weight:400; letter-spacing:-1px; color:#3d3939; margin-bottom:1.25vw; line-height:1.25; }
.product-visual-item .product-visual-txt-con .product-visual-txt2 em{font-weight:700;}
.product-visual-item .product-visual-txt-con .product-visual-txt1{font-size:18px; letter-spacing:-0.25px; color:#00BF8F; margin-bottom:1vw; margin-top:2vw; font-weight:600; }
.product-visual-item .product-visual-txt-con .product-visual-txt3{font-size:18px; color:#333333; font-weight:bold; margin-bottom: 19px; margin-top: 48px;}
.product-visual-item .product-visual-txt-con .product-visual-txt3 em{font-weight:bold;}
.product-visual-item .product-visual-txt-con .product-visual-txt4{font-size:16px; color:#646464; line-height:1.9; margin-bottom:52px; }
.product-visual-item .product-visual-txt-con .product-visual-txt4 .margin {margin-top:20px;}

/* 제품 비주얼 :: active효과 */
.product-visual-item.active-item .product-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
/* .main-visual-item .main-visual-txt1.splitting .char{ */
/* 	-webkit-animation: text-fade-out 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-fade-out 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */
/* .main-visual-item.active-item .main-visual-txt1.splitting .char{ */
/* 	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */

.product-visual-item .product-visual-txt-con .txt-wrap {display:block; overflow:hidden; }
.product-visual-item .txt-wrap em {display:inline-block; }
/* .main-visual-item.active-item .txt-wrap em { */
/* 	-webkit-animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */

/* ******************  뉴스 비주얼 ********************** */
#newsVisual {overflow:hidden; width:100%; height:1000px;  position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#newsVisual .area{max-width: 1440px;} 

.news-visual-con .slick-track,
.news-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.news-visual-con .slick-list{
	padding-top:16px;
}
.news-visual-wrap,
.news-visual-con, 
.news-visual-con .slick-list,  
.news-visual-con .slick-track, 
.news-visual-item{
	height:100%; 
}
.news-visual-con{z-index:1;}
/* 뉴스 비주얼 :: 이미지 */
.news-visual-item{position:relative;}
.news-visual-item .product-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}

/* 뉴스 비주얼 :: 텍스트 */
.news-visual-item .news-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; top:0.79vw;
	width:100%; 
}
.news-visual-item .news-visual-txt-con .news-visual-txt-inner {width: 100%;}
.news-visual-item .news-visual-txt-con .news-visual-txt1{display:block; font-size:60px; font-weight:400; letter-spacing:-1px; color:#3d3939; margin-bottom:1.25vw; line-height:1.25; }
.news-visual-item .news-visual-txt-con .news-visual-txt1 em{font-weight:700;}
.news-visual-item .news-visual-txt-con .news-visual-txt2{font-size:24px; color:#000000;}
.news-visual-item .news-visual-txt-con .news-visual-txt3{width:231px;font-size:24px; color:#333333;margin-top: 59px;height: 120px; overflow:auto;}

.news-visual-item .news-visual-txt-con .news-visual-txt3::-webkit-scrollbar {  width: 10px;  /* 스크롤바의 너비 */}
.news-visual-item .news-visual-txt-con .news-visual-txt3::-webkit-scrollbar-thumb {  height: 30%; /* 스크롤바의 길이 */  background: #999999; /* 스크롤바의 색상 */  border-radius: 10px;} 
.news-visual-item .news-visual-txt-con .news-visual-txt3::-webkit-scrollbar-track {  background: #F2F2F2;  /*스크롤바 뒷 배경 색상*/}

.news-visual-item .news-visual-txt-con .news-visual-txt3 em{font-weight:bold;}
.news-visual-item .news-visual-txt-con .news-visual-txt4{font-size:20px; color:#646464;position: absolute;bottom:20px;}
.news-post-txt-wrap{padding-left: 53px;}
/* 제품 비주얼 :: active효과 */
.news-visual-item.active-item .news-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
/* .main-visual-item .main-visual-txt1.splitting .char{ */
/* 	-webkit-animation: text-fade-out 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-fade-out 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */
/* .main-visual-item.active-item .main-visual-txt1.splitting .char{ */
/* 	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */

.news-visual-item .news-visual-txt-con .txt-wrap {display:block; overflow:hidden; }
.news-visual-item .txt-wrap em {display:inline-block; }
/* .main-visual-item.active-item .txt-wrap em { */
/* 	-webkit-animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* 	animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; */
/* } */

.news-visual-item-wrap{width:1440px; height:508px;}
.news-visual-item-wrap .news-post-wrap{padding-right:20px; padding-left:20px;}
.news-visual-item-wrap .news-post{position:relative;width:330px; height:450px; -webkit-box-shadow: 3px 7px 7px #00000038; border-radius:18px; border: 1px solid #00000038;}
.news-visual-item-wrap .news-post .news-post-image{width:100%; height:220px;    display: flex;
    align-items: center;
    justify-content: center;}

	/* 원혁 추가 */
.main-news-img {
	object-fit: cover;
	width : 100%;
	height : 100%;
	border-top-left-radius: 18px;
  	border-top-right-radius: 18px;
}

.news-visual-item-wrap .news-post .news-post-image img{max-width:330px; max-height:220px;}

@media all and (max-width:1710px){
	.main-nav-list .main-nav-btn span {display:none;}
}
@media all and (max-width:1410px){
	#mainNav {display:none !important;}
}

.area {
    max-width: 1110px;
    margin: 0px auto;
}

#mainContainer{
/* 	margin-top: 100px; */
    height: calc(100vh - 100px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition-duration: 0.2s;
    overflow-x: hidden;
    margin-right: 7px;
}

#mainContainer::-webkit-scrollbar{
	width:9px;
}

#mainContainer::-webkit-scrollbar-thumb{
	background-color:#00BF8F;
	height:53px;
	border-radius : 10px;
}

#mainContainer::-webkit-scrollbar-track{
	background-color:#d8d8d8;
}

body{
	overflow-y:hidden;
}

#news-visual-item-list{
	width:100%;
	height:100%;
}

.button-wrap{
	position: relative;
	height: 74px;
}