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

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

/* ******************  메인 비주얼 ********************** */
#mainVisual{/* overflow:hidden; */ width:100%; height:100vh; height:calc(100vh - var(--header-height)); position:relative; background:#f5f5f5;}
#mainVisual:before{position: absolute; content:''; width:var(--area-wrap-width); height:100%; left:50%; top:0; transform:translateX(-50%); background:#fff; border-bottom-right-radius:5rem; border-bottom-left-radius:5rem;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{position: relative; z-index:2; /* overflow:hidden; */ border-bottom-right-radius:5rem; border-bottom-left-radius:5rem;}
.main-visual-con .slick-list{overflow:visible;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1.08,1.08);
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{animation: image-zoom-out 8s 0s forwards;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-inner{width:50%; box-sizing:border-box; margin-bottom:5rem;}
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	position: relative;
	display:flex;
	align-items:center;
	height:calc(100vh - var(--header-height));
	margin-top:var(--header-height);
}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2{
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:8rem; font-weight:700; letter-spacing:-0.02em; color:#333333; margin-bottom:0.66em;}
.main-visual-txt-box .main-visual-txt2{font-size:2rem; letter-spacing:-0.02em; color:#3abcee; margin-bottom:1.25em; font-weight:600;}


/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1,
.active-item .main-visual-txt2,
.active-item .main-visual-txt3,
.active-item .main-visual-more-btn{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .main-visual-txt2{animation-delay:0.3s;}
.active-item .main-visual-txt3{animation-delay:0.5s;}
.active-item .main-visual-more-btn{animation-delay:0.8s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 메인 비주얼 :: 이미지 */
.main-visual-img-inner{position: relative; width:50%; height:calc(100% - var(--header-height)); transform-style: preserve-3d;}
.main-visual-img-inner span{position: absolute; display: block; width:100%; max-height:100%; top:0%; left:50%;}
.main-visual-img-inner span img{max-width:100%; max-height:100%;}

.main-visual-img-inner .visual-logo{transform:translate3d(-50%, 28%, -5rem);  transition:all 1s ; opacity:0;}
.main-visual-img-inner .visual-img{transform:translate(-30%, 5%); transition:all 1s 0.5s; opacity:0}
.main-visual-img-inner:hover .visual-img{transform:translate(-38%, 5%) translateZ(30px);}
 
.active-item .main-visual-img-inner .visual-logo{transform:translate3d(-50%, 25%, -5rem); opacity:1;}
.active-item .main-visual-img-inner .visual-img{transform:translate(-38%, 5%); opacity:1;}



/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:left; z-index:11; }
.main-visual-con .slick-dots{display:flex; vertical-align:top; *display:inline;*zoom:1; flex-direction:column;}
.main-visual-con .slick-dots li{margin-bottom:2rem;}
.main-visual-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:1rem; height:1rem; background-color:#eee; font-size:0;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-visual-con .slick-dots li.slick-active button{background-color:#3abcee; opacity:1.0; }

/* 메인 비주얼 :: 화살표 */
.slick-arrow-wrapper{position: absolute; bottom:13rem;}
.main-visual-con .slick-arrow{	position:absolute;  border:0; cursor:pointer; z-index:9; top:50%; transform:translateY(-50%);}
.main-visual-con .slick-arrow span{position: relative; background:no-repeat center; background-size:contain; display: block; width:6.3rem; height:1.4rem; opacity:0.3; transition:var(--transition-custom);}
.main-visual-con .slick-arrow:before{position: absolute; content:''; width:4rem; height:4rem; border-radius:50%; background:var(--main-color2); opacity:0.3; top:50%; transition:var(--transition-custom); opacity:0;}
.main-visual-con .slick-arrow.slick-prev span{background-image:url('../images/main/main_slide_left.png');}
/* .main-visual-con .slick-arrow.slick-prev:before{transform:translate(-40%, -50%); left:0;} */
.main-visual-con .slick-arrow.slick-next{transform:translate(100%, -50%); margin-left:3rem;}
.main-visual-con .slick-arrow.slick-next span{background-image:url('../images/main/main_slide_right.png'); /* opacity:1; */}
.main-visual-con .slick-arrow.slick-prev:before{transform:translate(-40%, -50%); left:100%;}
.main-visual-con .slick-arrow.slick-next:before{transform:translate(40%, -50%); right:100%;}
.main-visual-con .slick-arrow:hover span{opacity:1;}
/* .main-visual-con .slick-arrow:hover:before{opacity:0.3; right:0;} */

.main-visual-con .slick-arrow.slick-prev:hover:before{left:0; opacity:0.3;}
.main-visual-con .slick-arrow.slick-next:hover:before{right:0; opacity:0.3;}

/* 메인 비주얼 :: 하단텍스트 */
.main-visual-fixed-txt-con{height:auto; top:auto; bottom:0rem; left:50%; transform:translateX(-50%); overflow:hidden; border-bottom-right-radius:5rem; border-bottom-left-radius:5rem;}
.main-bottom-txt{display: block; position: relative; transform:translateX(-10rem); opacity:0; transition:all 3s;}
.main-bottom-txt  svg{position: relative; top:3rem;}
.main-bottom-txt  svg .icon-1{stroke:transparents; fill:#fff;}

.page-on .main-bottom-txt{transform:translateX(0rem); opacity:1;}
.page-on .main-bottom-txt svg{
  stroke:#f5f5f5;
  stroke-dasharray: 300;
  stroke-dashoffset: 0;
  animation: ani 6s ease;}

@keyframes ani {
  0% {
    stroke-dashoffset: 300; 
  }
  100% {
    stroke-dashoffset: 0;  
  }
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{overflow:hidden;}
.main-tit-box .main-tit{font-size:4rem; line-height:1; letter-spacing:-0.02em; color:#333; font-weight:700}
.main-tit-box .main-sub-tit{font-size:10rem; line-height:1; letter-spacing:-0.02em; color:#333; font-weight:700;}
.main-tit-box .main-txt{font-size:1.5rem; line-height:1.66; letter-spacing:-0.01em; color:#999; font-weight:400; margin-top:2.2rem; transform:translateY(100%) rotate(5deg); transform-origin: 0 0; opacity:0; transition:all 1s 1s;}

/* 타이틀 효과 */
.animated .main-tit-box .main-tit.cm-word-split-JS.splitting .char,
.animated .main-tit-box .main-sub-tit.cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.animated .main-tit-box .main-txt{transform:translateY(0) rotate(0deg); opacity:1;}

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
#mainContent1{position: relative; background:#f5f5f5; padding:13rem 0;}
.main-product-wrap{position: relative; display: flex; align-items:center; border-radius:3rem; }
.main-product-wrap:before{position: absolute; content:''; width:0; height:100%; left:0; top:0; background:#fff; border-radius:3rem; transition:all 1s 0.3s;}
.animated .main-product-wrap:before{width:100%;}
/* 좌측 제품 */
.main-product-wrap .product-show-list .slick-list{overflow:visible;}
.main-product-wrap .left-box{width:50%; height:100%; padding:0 10rem; box-sizing:border-box; padding-right:0;}
.main-product-wrap .left-box .product-show-item{display: flex;}
.main-product-wrap .product-show-item{position: relative; width:100%;}
.main-product-wrap .product-show-item .txt-box{padding-right:10rem; margin:3rem 0 32rem; overflow:hidden;}
.main-product-wrap .product-show-item .txt-box .tit{font-size:4rem; line-height:1.5; letter-spacing:-0.02em; color:#333; font-weight:700;}
.main-product-wrap .product-show-item .txt-box .item-tit{display: block; font-size:10rem; line-height:1.1; letter-spacing:-0.02em; color:#333; font-weight:700; margin-bottom:1rem;}
.main-product-wrap .product-show-item .txt-box .sub-tit{font-size:2.4rem; line-height:1.25; letter-spacing:0em; color:#333; font-weight:700; margin-bottom:2.7rem;}

.main-product-wrap .product-show-item .txt-box .txt{font-size:1.5rem; line-height:1.66; letter-spacing:0em; color:#333; font-weight:400; transform:translateY(100%) rotate(5deg); transform-origin: 0 0; opacity:0; transition:all 1s 1s;}
.main-product-wrap .product-show-item .img-box{position: absolute; top:50%; right:5rem; transform:translate(20px, -50%); width:calc(50% + 10rem); text-align:right; transition:all 1s 1s; opacity:0;}
.main-product-wrap .product-show-item .img-box img{max-width:140%; margin:auto;}

#mainContent1 .main-product-wrap .product-show-item .txt-box .sub-tit{width:70%}

@media all and (min-width:1281px){
	.main-product-wrap .product-show-item .txt-box .txt {width: 55%;}
}

/* 좌측 제품 효과 */
/* 텍스트 */
.animated .main-product-wrap .slick-current .product-show-item .txt-box .tit.cm-word-split-JS.splitting .char,
.animated .main-product-wrap .slick-current .product-show-item .txt-box .item-tit.cm-word-split-JS.splitting .char,
.animated .main-product-wrap .slick-current .product-show-item .txt-box .sub-tit.cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.animated .main-product-wrap .slick-current .product-show-item .txt-box .txt{transform:translateY(0) rotate(0deg); opacity:1;}
/* 이미지 */
.animated .main-product-wrap .slick-current .product-show-item .img-box{transform:translate(0, -50%); opacity:1;}

/* 우측 제품 리스트 */
.main-product-wrap .right-box{width:50%; z-index:999;}
.main-product-wrap .product-list-wrap{/* display: flex; flex-wrap:wrap; */}
.main-product-wrap .product-list-wrap .slick-slide{margin:0 1.5rem;}
.main-product-wrap .product-list-wrap .product-item{position: relative; display: flex !important; /* width:calc(50% - 4rem); */ margin:2rem 0rem; border-radius:3rem; padding:4rem; box-sizing:border-box; background:#fff; opacity:0; transform:translateY(15px); cursor:pointer;}
.main-product-wrap .product-list-wrap .product-item .txt-box{width:60%;}
.main-product-wrap .product-list-wrap .product-item .txt-box .tit{font-size:2.6rem; line-height:1.15; letter-spacing:-0.01em; color:#333; font-weight:700; margin-bottom:1rem;}
.main-product-wrap .product-list-wrap .product-item .txt-box .txt{font-size:1.3rem; line-height:1.53; color:#888;}
.main-product-wrap .product-list-wrap .product-item .img-box{width:40%; text-align:center; margin-top:3rem;}
.main-product-wrap .product-list-wrap .product-item .img-box span{display: block; position: relative; width:100%; height:0; padding-top:197%; }
.main-product-wrap .product-list-wrap .product-item .img-box img{position: absolute; left:-5rem; right:0; bottom:0; margin:0 auto; max-width:200%; max-height:100%;}

/* 우측제품 효과 */
.main-product-wrap .product-list-wrap .product-item{transition:opacity 0.75s calc(1s + (var(--data-thumb) * 0.25s)), transform 0.5s calc(1s + (var(--data-thumb) * 0.25s)), box-shadow 0.4s ease-in-out;}
.animated .main-product-wrap .product-list-wrap .product-item{transform:translateY(0); opacity:1; }

/* 메인 컨텐츠1 :: Arrows */
.product-arrows-box{position: relative;}
.main-product-wrap .custom-btn{position:absolute;  border:0; cursor:pointer; z-index:1001; bottom:0; left:0; transform:translateY(-50%);}
.main-product-wrap .custom-btn span{position: relative; background:no-repeat center; background-size:contain; display: block; width:6.3rem; height:1.4rem; opacity:0.3; transition:var(--transition-custom);}
/* .main-product-wrap .custom-btn:before{position: absolute; content:''; width:4rem; height:4rem; border-radius:50%; background:var(--main-color2); opacity:0; top:50%; transition:var(--transition-custom);} */
.main-product-wrap .custom-btn.btn-prev span{background-image:url('../images/main/main_slide_left.png');}
/* .main-product-wrap .custom-btn.btn-prev:before{left:0; transform:translate(-40%, -50%);} */
.main-product-wrap .custom-btn.btn-next{transform:translate(100%, -50%); margin-left:3rem;}
.main-product-wrap .custom-btn.btn-next span{background-image:url('../images/main/main_slide_right.png'); /* opacity:1; */}
/* .main-product-wrap .custom-btn.btn-next:before{right:0; transform:translate(40%, -50%);} */
.main-product-wrap .custom-btn:hover span{opacity:1;}
/* .main-product-wrap .custom-btn:hover:before{opacity:0.3;} */
.main-product-wrap .custom-btn.disabled span{opacity:0.3 !important; pointer-events: none;}

/* 메인 컨텐츠1 :: Dots */
.main-product-wrap .slick-dots-wrapper{position:absolute; left:0; top:60%; transform:translateY(-50%); width:100%; text-align:left; z-index:1000; }
.main-product-wrap .slick-dots{display:flex; vertical-align:top; margin:0 -1rem;}
.main-product-wrap .slick-dots li{margin:0 1rem;}
.main-product-wrap .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:1rem; height:1rem; background-color:#eee; font-size:0;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-product-wrap .slick-dots li.slick-active button{background-color:#3abcee; opacity:1.0; }

/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
#mainContent2{position: relative; margin-top:10rem; padding-top:5rem;}
#mainContent2:before{position: absolute; content:''; width:0%; height:50%; background:#f5f5f5; border-bottom-left-radius:3rem; border-top-left-radius:3rem; bottom:0; right:0%; z-index:-1; transition:all 1s 0.5s;}
#mainContent2.animated:before{width:95.3%;}
#mainContent2 .main-tit-box .main-txt{margin-top:0;}
#mainContent2 .main-tit-box .main-txt:last-child{margin-top:1rem;}

.main-connect-wrap{display: flex; align-items:flex-start;}
.main-connect-wrap .left-box{width:41.8%; padding-left:10rem; box-sizing:Border-box;}

.main-connect-wrap .main-tit-box{margin-top:2rem;}
.main-link-box{margin-top:7.5rem;}
.main-link-box a{display: block; width:20rem; margin-bottom:1rem; overflow:hidden;}
.main-link-box a img{max-width:100%; transform:translateY(100%);}
.main-link-box a:nth-child(1) img{transition:all 1s 1.5s;}
.main-link-box a:nth-child(2) img{transition:all 1s 1.75s;}
.main-link-box a:nth-child(3) img{transition:all 1s 2s;}

.animated .main-link-box a img{transform:translateY(0%);}

.main-connect-wrap .right-box{position: relative; display: block; width:calc(58.2% + 21rem); margin-right:-21rem; overflow:hidden; padding-top:0.7rem; padding-left:6rem; padding-bottom:4rem; transform:translateY(10rem); opacity:0; transition:all 1s 0.5s;}
.main-connect-wrap .right-box:before{position: absolute; content:''; width:27.9rem; height:58.2rem; top:1.5rem; left:6.2rem; box-shadow: 1rem 3.5rem 7rem 0px rgba(0, 0, 0, 0.2); border-radius:4rem;}
.main-connect-wrap .right-box:after{position: absolute; content:''; width:28.7rem; height:58.2rem; background:no-repeat left top; top:1.5rem; left:6rem; background-image:url('./../images/main/main_connect_item_bg.png'); background-size:cover; border-radius:4rem;}

.center-active-list-con{position:relative; max-width:27rem; padding-left:0.7rem; padding-top:1.5rem; z-index:1;}
.center-active-list-con .slick-list{overflow:visible;}
.center-active-list-con .slick-slide{position:relative; height:57rem;}
.center-active-list-con .slick-slide .slide-inner-con{transform:translateX(12rem);}
.center-active-list-con .slick-slide.slick-current .slide-inner-con{transform:translateX(0);}
.center-active-list-con .slick-slide .slide-item{transition:all 0.75s; opacity:0;}
.center-active-list-con .slick-slide.slick-current .slide-item{opacity:1;}
.center-active-list-con .slick-slide .slide-item img{transition:all 0.5s;}
.center-active-list-con .slick-slide.slider-prev .slide-item img{opacity:0 !important;}
.center-active-list-con .slide-inner-con{
	position:relative; left: 0;
	transition:all 0.5s;
}
.center-active-list-con .slide-inner-con .prd-thumb-box{position:relative; padding-top:211%; }
.center-active-list-con .slide-inner-con .prd-thumb-box img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* center */
.center-active-list-con .slick-slide.slick-current .slide-inner-con{
	border-radius:3rem;
}

.center-active-list-con .slick-dots{position: relative; display: flex; align-items:center; justify-content:center; margin-top:4rem; z-index:9;}
.center-active-list-con .slick-dots li{margin:0 1rem; text-indent:-9999px; width:1rem; height:1rem; border-radius:50%; background:#fff; cursor:pointer;}
.center-active-list-con .slick-dots li.slick-active{background:#3abcee}

/* 컨텐츠 등장효과 */
.center-active-list-con .slick-slide:nth-child(3){z-index:-2;}
.center-active-list-con .slick-slide:nth-child(4){z-index:-3;}
.center-active-list-con .slick-slide:nth-child(5){z-index:-4;}
.center-active-list-con .slick-slide:nth-child(6){z-index:-5;}
.center-active-list-con .slick-slide.slick-current + .slick-slide .slide-item{transform:translateX(-150%); z-index:-2; opacity:0; transition-delay:1.25s;}
.center-active-list-con .slick-slide.slick-current + .slick-slide + .slick-slide .slide-item{transform:translateX(-250%); z-index:-3; opacity:0; transition-delay:1.5s;}
.center-active-list-con .slick-slide.slick-current + .slick-slide + .slick-slide + .slick-slide .slide-item{transform:translateX(-350%); z-index:-4; opacity:0; transition-delay:1.75s;}
.center-active-list-con .slick-slide.slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .slide-item{transform:translateX(-450%); z-index:-5; opacity:0; transition-delay:2s;}

.animated .main-connect-wrap .right-box{transform:translateX(0%); opacity:1;}
.animated .center-active-list-con .slick-slide.slick-current + .slick-slide .slide-item{transform:translateX(0%) !important; z-index:1 !important; opacity:1 !important;}
.animated .center-active-list-con .slick-slide.slick-current + .slick-slide + .slick-slide .slide-item{transform:translateX(0%) !important; z-index:1 !important; opacity:1 !important;}
.animated .center-active-list-con .slick-slide.slick-current + .slick-slide + .slick-slide + .slick-slide .slide-item{transform:translateX(0%) !important; z-index:1 !important; opacity:1 !important;}
.animated .center-active-list-con .slick-slide.slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .slide-item{transform:translateX(0%) !important; z-index:1 !important; opacity:1 !important;}

.animated .center-active-list-con .slick-slide.slider-prev .slide-inner-con{transform:translateX(-12rem);}

/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
#mainContent3{position: relative; margin-top:10rem;}
#mainContent3:before{position: absolute; content:''; width:0%; height:50%; background:#f5f5f5; border-bottom-right-radius:3rem; border-top-right-radius:3rem; bottom:0; left:0%; z-index:-1; transition:all 1s 0.5s;}
#mainContent3.animated:before{width:95.3%;}
#mainContent3 .main-tit-box .main-txt{margin-top:4.2rem;}
.main-manager-wrap{display: flex; align-items:flex-start; padding:5rem 0 0;}
.main-manager-wrap .left-box{width:35.5%; padding-left:10rem; box-sizing:Border-box;}
.main-manager-wrap .right-box{position: relative; display: block; width:calc(64.5% + 16rem); margin-right:-16rem; margin-top:10rem; padding:1.5rem 0; overflow:hidden; padding-left:6rem; padding-bottom:6rem; transform:translateY(10rem); opacity:0; transition:all 1s 0.5s;}
.main-manager-wrap .right-box:before{position: absolute; content:''; width:49.4rem; height:37.6rem; top:0.7rem; left:6.7rem; box-shadow: 1.4rem 3rem 7rem 0px rgba(0, 0, 0, 0.2); border-radius:3rem;}
.main-manager-wrap .right-box:after{position: absolute; content:''; width:50.4rem; height:38.6rem; background:no-repeat left top; top:0.7rem; left:6rem; background-image:url('./../images/main/main_manager_item_bg.png'); background-size:cover; border-radius:3rem;}

#mainContent3 .center-active-list-con{max-width:30rem; padding-left:1.2rem; padding-top:0.5rem;}
#mainContent3 .center-active-list-con .slick-slide{height:37rem; /* width:24rem !important; */ margin-right:6rem; transition:all 0.5s;}
#mainContent3 .center-active-list-con .slide-inner-con .prd-thumb-box{padding-top:75%; border-radius:1rem; overflow:hidden;}
#mainContent3 .center-active-list-con .slick-slide:not(.slick-current) .slide-inner-con{width:24rem;}

#mainContent3 .center-active-list-con .slick-track{display: flex;}
#mainContent3 .center-active-list-con .slick-slide.slick-current .slide-inner-con{width:48rem;}
#mainContent3 .center-active-list-con .slick-dots{transform: translateX(9rem); margin-top:6rem;}

.animated .main-manager-wrap .right-box{transform:translateX(0%); opacity:1;}

#mainContent3.animated .center-active-list-con .slick-slide.slider-prev .slide-inner-con{transform:translateX(-9rem);}


/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
#mainContent4{position: relative; background:#f5f5f5; padding:10rem 0 0; margin-top:10rem;}
#mainContent4 .main-product-wrap{flex-direction:row-reverse; overflow:hidden; left:auto; right:0;}
#mainContent4 .main-product-wrap:before{left:auto; right:0;}
.animated#mainContent4 .main-product-wrap:before{width:100%;}

#mainContent4 .main-product-wrap .product-show-item{/* overflow:hidden; */}
#mainContent4 .main-product-wrap .product-show-item .txt-box{margin-bottom:35rem}

#mainContent4 .main-product-wrap .product-list-wrap .product-item{flex-wrap:wrap; justify-content: flex-end;}
#mainContent4 .main-product-wrap .product-list-wrap .product-item .txt-box{width:100%; margin-bottom:2rem;}
#mainContent4 .main-product-wrap .product-show-item .img-box{top:auto; bottom:0; transform:translate(30px, 15rem); right:var(--area-padding);}
#mainContent4 .main-product-wrap .product-list-wrap .product-item .img-box{width:80%; margin-top: 1.5rem;}
#mainContent4 .main-product-wrap .product-list-wrap .product-item .img-box img {left: 0; max-width: 100%; max-height: 110%;}
#mainContent4 .main-product-wrap .product-list-wrap .product-item .img-box span{padding-top:78%;}

#mainContent4 .main-product-wrap .slick-dots-wrapper{top:65%;}

#mainContent4.animated .main-product-wrap .slick-current .product-show-item .img-box{transform:translate(0px, 6rem); transition:all 1s 1s;}
#mainContent4 .main-product-wrap .product-show-item .img-box img { max-width: 100%;}

/* -------- 메인 컨텐츠 :: 컨텐츠5 -------- */
#mainContent5{position: relative; background:#f5f5f5; padding:10rem 0;}
.main-partner-wrap{background:#fff; border-radius:3rem; padding:3rem 0rem;}
.main-partner-box{display: flex; justify-content: flex-start; padding:3rem 0; width: calc(100% + 10rem); margin-left: -5rem;}
.main-partner-box .partner-item{width:14.28%; text-align:center; padding:0 0.5rem; box-sizing:border-box;}
.main-partner-box .partner-item img{max-width:100%;}