@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;}
}
@media all and (max-width:1280px){
	.main-slide-con > div{transform:none !important;}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh; /* height:calc(100vh - var(--header-height)); */ position:relative; background-color:#fff }
.main-slide-con .slick-track,
.main-slide-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-slide-con, 
.main-slide-con .slick-list,  
.main-slide-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-slide-con{z-index:1; overflow:hidden; /* height:auto !important; */}
/* 메인 비주얼 :: 이미지 */
.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;} */

/* 메인 비주얼 유튜브 */
.video-iframe-wrapper{position:relative; overflow:hidden; height:100%; width:100%; background-color:#000;}
.video-iframe-box{position:absolute; top:0; left:0px; width:100%; height:100%}
.video-iframe-box iframe{
	width: 100vw;
	height: calc(56.25vw + 300px); /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: calc(100vh + 300px);
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:1; 
	transition: opacity 3s 0.2s;
}

/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	/* height:100%; */
	height: calc(100% - var(--header-height));
	padding-top: var(--header-height);
	z-index:1;
}
.main-visual-txt-box{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	text-align:center;
}
.main-visual-txt-inner{padding:0 10rem; box-sizing:border-box;}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2{
	opacity:0; transform:scale(0.9);
}
.main-visual-txt-box .main-visual-txt1{display: block; font-size:5rem; font-weight:700; line-height:1.4; color:#fff; margin-bottom:0.66em; text-shadow: 0.6rem 0.6rem 1.4rem rgba(0,0,0,0.26);}
.main-visual-txt-box .main-visual-txt2{font-size:2.4rem; letter-spacing:-0.048em; line-height:1.58; color:#fff; text-shadow: 0.4rem 0.4rem 0.8rem rgba(0,0,0,0.26);}
/* 메인 비주얼 :: 텍스트 :: active효과 */
.slick-current .main-visual-txt1,
.slick-current .main-visual-txt2{
	animation: text-active-animation 1s 0.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.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;}
.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;}

@media all and (min-width:801px){
	.main-visual-txt-box{display: flex; align-items: flex-end; height:75%;}
}

/* 메인 비주얼 :: 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);
		transform:scale(0.95)
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		transform:scale(1)
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

.main-page .swiper-slide.main-visual-slide{/* padding-top:var(--header-height); */ box-sizing:border-box; height:100vh !important;}
.main-visual-con{width:100%; height:100%;}
/* 메인 비주얼 :: 화살표 */
.main-visual-con .slick-arrow{	position:absolute; width:8rem; height:8rem; top:calc(50% + (var(--header-height) / 2)); transform:translateY(-50%); border:0; cursor:pointer; z-index:9; font-size:2.4rem; color:#fff; background:rgba(255,255,255,0.2); backdrop-filter:blur(15px); border-radius:50%; overflow:hidden;}
.main-visual-con .slick-arrow i{position: relative; top:2px; z-index:9; transition:var(--transition-custom);}
.main-visual-con .slick-arrow.slick-prev{left:5rem;}
.main-visual-con .slick-arrow.slick-next{right:5rem;}

.main-visual-con .slick-arrow:before{position: absolute; content:''; width:100%; height:100%; border:2px solid #fff; border-radius:50%; top:0; left:0; box-sizing:border-box;}
.main-visual-con .slick-arrow .cm-fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: #fff; transition: width 0.7s, height 0.7s;}

.main-visual-con .slick-arrow:hover{color:#5A5B5E;}
.main-visual-con .slick-arrow:hover .cm-fill{width: 20rem; height: 20rem;}


/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:50%; bottom:6rem; transform:translateX(-50%); z-index:11; }
.main-visual-con .slick-dots{display:inline-block; vertical-align:top; *display:inline;*zoom:1; }
.main-visual-con .slick-dots li{float:left; margin-left:4rem; }
.main-visual-con .slick-dots li:first-child{margin-left:0}
.main-visual-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:1rem; height:1rem; font-size:0; border:2px solid #fff; border-radius:50%;
}
.main-visual-con .slick-dots li.slick-active button{background-color:#fff;}


/* #mainVisual{overflow:hidden; width:100%; height:100vh; position:relative; background-color:#000 } */
.main-slide-container,
.main-slide-wrapper{
    width: 100%;
    height: 100%;
    position: relative
}
.main-visual-item,
.main-visual-item-inner{
    width: 100%;
    height: 100%;
    overflow: hidden
}
.main-visual-item .main-visual-img{
    display:block;
    width:100%;
    height:100%;
    background-size:cover !important;
}
.main-visual-item.img-item{padding-top:var(--header-height); box-sizing:border-box;}


/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height{height:1030px;}
.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{z-index:1;}

/* 메인 비주얼 :: iframe 비디오 */
.main-visual-item .main-iframe-con{
	position:relative;
	height:0;
	padding-top:100vh;
}
.main-visual-item iframe{
	width: 100vw;
	height: calc(56.25vw + 300px); /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: calc(100vh + 300px);
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:1; 
	transition: opacity 3s 0.2s;
}
.main-visual-item .main-iframe-con video{
	min-width: 100%;
	min-height: 100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:1; 
	transition: opacity 3s 0.2s;
}

.main-visual-item .main-iframe-con .thumb{position: absolute; display:block; width:100%; height:100%; top:0; left:0; transition:all 0.3s 1.5s;}
.main-visual-item .main-iframe-con .thumb:before{position: absolute; content:''; width:100%; height:100%; background:rgba(255,255,255,0.2); top:0; left:0; z-index:1; backdrop-filter:blur(15px);}
.main-visual-item .main-iframe-con .thumb:after{position: absolute; content:'\ec33'; font-family:'xeicon'; font-size:7rem; width:7rem; height:7rem; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; z-index:9; animation: youtube-loading 1.5s linear infinite;}
.main-visual-item .main-iframe-con img{position: absolute; display: block; width:100vw; height:calc(56.25vw + 300px); min-height: calc(100vh + 300px); min-width: 177.77vh; top:50%; left:50%; transform: translate(-50%, -50%);}
.slick-current.main-visual-item .main-iframe-con .thumb{opacity:0;}

.youtube-loading.main-visual-item .main-iframe-con .thumb{opacity:0 !important;}


/* 메인 비주얼 :: Animation */
@keyframes youtube-loading {
	from {
		transform:translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform:translate(-50%, -50%) rotate(360deg);
	}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{margin-bottom:5.5rem; letter-spacing:-0.75px; text-align:center;}
.main-tit-box .main-tit{color:#040404; font-size:40px; font-weight:300; }
.main-tit-box .main-tit strong{font-weight:600;}
.main-tit-box .main-sub-tit{display:block; margin-top:15px; color:#aaa; font-size:15px; letter-spacing:-0.75px; font-weight:300; line-height:1.5; }
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom2);
	transition-property:opacity, transform;
}
 /* animation일때 */ 
/* .aos-animate .main-tit-box .main-tit.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
} */
 /* transition일때 */ 
.active-section .main-tit.splitting .char,
.animated .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}


/* -------- 메인 컨텐츠 :: Topics -------- */
.main-topics-slide{background:#FBF4F4;}
.main-topics-con{position: relative; height:100%;}
.main-topics-con .left-box{position: absolute; top:0; left:0; /* width:42.76%; */ width:36.76%; height:100%; display: flex; flex-wrap:wrap; align-content: center; z-index:1;}
.main-topics-con .left-box:before{position: absolute; content:''; top:0; left:0; height:100%; width:100%; max-width:43rem; backdrop-filter:blur(5px);}
/* Topics :: 타이틀 */
.main-topics-con .tit-box{position: relative; margin-bottom:15rem; }
.main-topics-con .tit-box .tit{font-size:7.8rem; letter-spacing:-0.0156em; line-height:1.2; color:#000; font-weight:700;}
.main-topics-con .tit-box .txt{font-size:2rem; letter-spacing:-0.04em; line-height:1.7; color:#5A5B5E;}
/* Topics :: 컨트롤박스 */
.main-topics-con .topics-contral-box{position: absolute; top:50%; left:0; transform:translateY(-50%); display: flex; align-items:center; width:100%; max-width:43rem; margin-top:12.5rem; z-index:2;}
.main-topics-con .topics-contral-box .topics-arrows{}
.main-topics-con .topics-contral-box .topics-arrows button{position: relative; width:6rem; height:6rem; line-height:6.4rem; border-radius:50%; box-sizing:border-box; font-size:2.4rem; color:#5A5B5E; margin-right:1rem; overflow:hidden; transition:all 0.4s;}
.main-topics-con .topics-contral-box .topics-arrows button:before{position: absolute; content:''; width:100%; height:100%; border:2px solid #5A5B5E; border-radius:50%; top:0; left:0; box-sizing:border-box;}
.main-topics-con .topics-contral-box .topics-arrows button:last-child{margin-right:0;}
.main-topics-con .topics-contral-box .topics-arrows button i{position: relative; z-index:9;}
.main-topics-con .topics-contral-box .topics-arrows button .cm-fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: #5A5B5E; transition: width 0.7s, height 0.7s;}

.main-topics-con .topics-contral-box .topics-arrows button:hover{color:#fff;}
.main-topics-con .topics-contral-box .topics-arrows button:hover .cm-fill{width: 15rem; height: 15rem;}


.main-topics-con .topics-contral-box .topics-play-btn{margin:0 1.5rem; font-size:2.4rem; color:#5A5B5E; cursor:pointer;}
.main-topics-con .topics-contral-box .topics-play-btn i:before{content:'\ea3b';}
.main-topics-con .topics-contral-box .topics-play-btn.stop i:before{content:'\ea3e';}
.main-topics-con .topics-contral-box .slider-progress{width:24rem; height:6px; border-radius:3px; background:#D7D8DB}
.main-topics-con .topics-contral-box .slider-progress .progress{height:6px; border-radius:3px; background:#5A5B5E}
/* Topics :: 컨텐츠 */
.main-topics-con .right-box{display: flex; align-items:Center; width:57.24%; height:100%; /* padding-left:42.76%; */ margin-left:42.76%; box-sizing:border-box;}
.topics-slide-list{width:calc(100% + 3.2rem); margin:0 -1.6rem;}
.topics-slide-list .list-item{position: relative; border-radius:3rem; /* background:#fff; */ margin:0 1.55rem; transition:var(--transition-custom); /* transform:translateX(-9rem); */ /* opacity:0; */}
.topics-slide-list .list-item a{display: block; border-radius:3rem; overflow:hidden; transition:var(--transition-custom); /* transition:var(--transition-custom), opacity 0.4s 1s; */ background:#fff; }
.topics-slide-list .list-item .category{position: absolute; top:2rem; right:2rem; background:#AF0030; border-radius:1.5rem; height:3rem; line-height:3rem; text-align:center; padding:0 1.2rem; box-sizing:border-box; min-width:8rem; font-size:1.2rem; color:#fff; font-weight:700; z-index:9;}
.topics-slide-list .list-item .img-box{position: relative;}
.topics-slide-list .list-item .img-box span{display: block; position: relative; width:100%; height:0; padding-top:69.05%; overflow:hidden;}
.topics-slide-list .list-item .img-box span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%;}
.topics-slide-list .list-item .img-box.no-images span img{width:50%; opacity:0.6;}
.topics-slide-list .list-item .txt-box{padding:4rem; box-sizing:border-box;}
.topics-slide-list .list-item .txt-box .tit{font-size:2.8rem; line-height:1.35; letter-spacing:-0.056em; color:#222; font-weight:700; margin-bottom:2rem; transition:var(--transition-custom);}
.topics-slide-list .list-item .txt-box .txt{font-size:1.8rem; line-height:1.66; letter-spacing:-0.036em; color:#888; margin-bottom:2rem;}
.topics-slide-list .list-item .txt-box .more-btn{display: flex; align-items:center; font-size:1.3rem; color:#222; font-weight:700;}
.topics-slide-list .list-item .txt-box .more-btn i{font-size:2.4rem; color:#5A5B5E; margin-right:1rem;}
/* Topics :: 컨텐츠 위치 */
.topics-slide-list .slick-list{overflow:visible;}

.topics-slide-list .list-item.first-clone a{transform:translateX(-200%) !important;}
.topics-slide-list .list-item.first-clone.reverse a{transform:translateX(0%) !important;}
.topics-slide-list .list-item.on a{transform:translateX(-200%); /* opacity:0; */ transition:var(--transition-custom), opacity 0.4s 1s;}
/* .topics-slide-list .list-item.slick-active a{opacity:1 !important;}
.topics-slide-list .list-item.last-clone a{opacity:1 !important;} */

.topics-slide-list .list-item.slick-current + .list-item + .list-item{transform:translateX(50%);}

/* 초기상태 */
.topics-slide-list .list-item.first.slick-current + .list-item a,
.topics-slide-list .list-item.first.slick-current + .list-item + .list-item a,
.topics-slide-list .list-item.first.slick-current + .list-item + .list-item + .list-item a{transform:none; transition:var(--transition-custom);}

/* .topics-slide-list .list-item.last-clone.on a{transform:translateX(-200%) !important;} */
/* .topics-slide-list .list-item.last.on{opacity:0; transition:opacity 0.4s 0.2s} */

.topics-slide-list .list-item:last-child.on a{transform:translateX(0%);}


.main-topics-con.first-list .topics-contral-box .topics-arrows .slick-prev{pointer-events: none; opacity:0.5;}
.main-topics-con.last-list .topics-contral-box .topics-arrows .slick-next{pointer-events: none; opacity:0.5;}
.main-topics-con.last-list .topics-contral-box .slider-progress .progress{width:0 !important;}

@media all and (min-width:1921px){
	.topics-slide-list .list-item{opacity:0;}
	.topics-slide-list .list-item.slick-active{opacity:1;}
}


/* Topics :: 컨텐츠 효과 */
.topics-slide-list .list-item a:hover{box-shadow: 0px 0px 4rem #AF003033;}
.topics-slide-list .list-item a:hover .txt-box .tit{color:#5A5B5E;}


/* -------- 메인 컨텐츠 :: Product -------- */
.main-product-slide{background:no-repeat center; background-size:cover; background-image:url('/images/main/main_product_bg.jpg'); z-index:9;}
.main-product-con{display: flex; flex-direction:column; justify-content: center; align-items: center; position: relative; height:100%; margin-top:6rem;}
.main-product-con .main-tit-box{font-size:7.8rem; letter-spacing:-0.015em; color:#fff; font-weight:700;}
.product-con{width:100%;}

/* 아코디언 전체 레이아웃 */
.accordion-list-box{}
.accordion-list .accordion-item{position:relative; overflow:hidden; border-radius:3rem; background:#fff; padding:6rem 6rem 8rem; box-sizing:border-box; transition:padding 0.4s, background 0.4s; cursor:pointer;}
.accordion-list .accordion-item .accordion-inner{position: relative; display:block; width:100%; position:relative; height:100%; margin:0; transition:all 0.3s; background-size: cover !important;}
.accordion-list .accordion-item .accordion-arrow{display: block; position: absolute; bottom:6rem; left:6rem; width:4rem; height:4rem; line-height:4.4rem; border:2px solid #5A5B5E; border-radius:50%; font-size:2.4rem; color:#5A5B5E; text-align:center; transition:var(--transition-custom3);}
.accordion-list .accordion-item .accordion-arrow i{transition:var(--transition-custom3);}

.accordion-list .accordion-item .m-btn{display: none; position: absolute; top:-2.2rem; left:-3rem; width:calc(100% + 6rem); height:calc(100% + 4.2rem); z-index:2}

/* 아코디언 내용 */
/* 아코디언 타이틀 */
.accordian-tit-box{position: relative; width:26rem; z-index:1;}
.accordian-tit-box .accordian-tit{font-size:5rem; line-height:1.16; letter-spacing:-0.012em; color:#5A5B5E; font-weight:700; transition:var(--transition-custom3);}
.accordian-tit-box .accordian-tit span{color:var(--main-color);}
.accordian-tit-box .accordian-txt{font-size:1.6rem; line-height:1.625; letter-spacing:-0.032em; color:#888; margin-top:2rem; transition:var(--transition-custom3);}
/* 아코디언 이미지 */
.accordian-tit-img span{display: block; position: absolute; bottom:-8rem; left:20rem; width:48rem; height:0; padding-top:48rem; transition:var(--transition-custom3);}
.accordian-tit-img span img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:100%; height:100%; transition:var(--transtion-custom);}
/* 아코디언 내부 리스트 */
.accordian-con-box{position: absolute; width:calc(100% - 28rem); height:100%; top:1rem; left:calc(100% + 28rem); transition:var(--transition-custom3); z-index:9;}
.accordian-con-box .accordian-product-list{display: flex; justify-content:space-between; height:100%; width:78rem;}
.accordian-con-box .accordian-product-list .list-item{position: relative; width:23.077%; background:#fff; box-shadow: 1rem 1rem 2rem #00000014; border-radius:2rem; overflow:hidden;}
.accordian-con-box .accordian-product-list .list-item .basic-item{position: relative; display: flex; flex-direction:column; justify-content: space-between; height:100%; text-align:center;}
.accordian-con-box .accordian-product-list .list-item .basic-item .img{display: block; position: relative; width:100%; height:0; padding-top:100%; transition:var(--transition-custom3);}
.accordion-item01 .accordian-con-box .accordian-product-list .list-item .basic-item .img img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; max-height:100%;}
.accordion-item02 .accordian-con-box .accordian-product-list .list-item .basic-item .img img{position: absolute; top:0; left:50%; transform:translateX(-50%); margin:auto; height:100%;}

.accordian-con-box .accordian-product-list .list-item .basic-item .tit{font-size:1.8rem; line-height:1.44; letter-spacing:-0.036em; color:#000; font-weight:700; padding:3rem 0; box-sizing:border-box;}
.accordian-con-box .accordian-product-list .list-item .over-item{position: absolute; width:100%; height:100%; background:#5A5B5E; top:100%; transition:var(--transition-custom); text-align:center;}
.accordian-con-box .accordian-product-list .list-item .over-item .tit{font-size:1.8rem; line-height:1.66; letter-spacing:-0.036em; color:#fff; font-weight:700; border-bottom:1px solid #fff; padding:1.3rem 0 1rem;}
.accordian-con-box .accordian-product-list .list-item .over-item .inner-list{margin-top:1.5rem; padding-bottom:1.5rem;}
.accordian-con-box .accordian-product-list .list-item .over-item .inner-list li{}
.accordian-con-box .accordian-product-list .list-item .over-item .inner-list li a{display: block; font-size:1.5rem; letter-spacing:-0.03em; line-height:1.2; color:#fff; opacity:0.3; padding:0.8rem 0; transition:var(--transition-custom);}

.accordion-list .accordion-item.accordion-over{background:#f5f5f5;}
.accordion-list .accordion-item.accordion-over .accordian-tit-img span img{mix-blend-mode: multiply;}

@media all and ( min-width: 801px ){
	.accordion-list-box .accordion-list{ display: flex; justify-content:space-between; width:100%; height: 44rem; overflow:hidden;}
	.accordion-list .accordion-item{width:calc(50% - 2rem); height:100%;} /* 접힌 li의 width*/

	.accordion-list .accordion-item.accordion-over:not(.accordion-active){padding-left:4rem;}
	
	/**** 아코디언 오버 효과 ****/
	/* 아코디언 오버시 */
	/* 기본 */
	.accordion-list .accordion-item.accordion-over:not(.accordion-active) .accordion-arrow{left:4rem;}
	.accordion-list .accordion-item.accordion-over:not(.accordion-active) .accordian-tit-box .accordian-tit{transform:translate(-24%, -24%) scale(0.53);}
	.accordion-list .accordion-item.accordion-over:not(.accordion-active) .accordian-tit-box .accordian-txt{opacity:0;}
	.accordion-list .accordion-item.accordion-over:not(.accordion-active) .accordian-tit-img span{left:-4rem; bottom:-2rem; width:30rem; padding-top:30rem;}
	/* active */
	.accordion-list .accordion-item.accordion-active .accordion-arrow{/* transform:rotate(180deg); */}
	.accordion-list .accordion-item.accordion-active .accordion-arrow i{transform:scaleX(-1)}
	.accordion-list .accordion-item.accordion-active .accordian-con-box{left:30rem; display: block !important;}
	.accordion-list .accordion-item.accordion-active .accordian-tit-img span{opacity:0;}

	/* 아코디언 내부 리스트 오버시 */
	.accordian-con-box .accordian-product-list .list-item .over-item .inner-list li a:hover{opacity:1;}
	.accordian-con-box .accordian-product-list .list-item:hover .over-item{top:0;}
}


/* -------- 메인 컨텐츠 :: MENU -------- */
.main-menu-slide{background:#f5f5f5; /* padding:12rem 0; overflow:visible;*/ }
.main-menu-con{display: flex; justify-content:center; align-items:center; height:60%; /* padding:14rem 0 8rem; */}
.main-menu-list{display: flex; justify-content:space-between; width:100%;}
.main-menu-list .list-item{position: relative; overflow:hidden; border-radius:2rem; box-shadow: 1.5rem 1.5rem 3rem #00000014; width:calc(25% - 2rem); background:#fff;}
.main-menu-list .list-item .img-box{position: relative;}
.main-menu-list .list-item .img-box .img{display: block; position: relative; width:100%; height:0; padding-top:61.11%;}
.main-menu-list .list-item .img-box .img img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%;}
.main-menu-list .list-item .img-box .icon{position: absolute; bottom:0; right:3rem; border:2px solid #fff; border-radius:50%; background:var(--main-color); width:6rem; height:6rem; line-height:6rem; text-align:center; box-sizing:border-box; font-size:3.2rem; color:#fff; transform:translateY(50%);}
.main-menu-list .list-item .txt-box{padding:3rem 4rem 7rem; box-sizing:border-box;}
.main-menu-list .list-item .txt-box .tit{font-size:2rem; line-height:1.5; font-weight:700; color:#222; margin-bottom:2rem;}
.main-menu-list .list-item .txt-box .txt{font-size:1.6rem; line-height:1.875; letter-spacing:-0.016em; color:#888;}

.main-footer-box{position: absolute; bottom:0; left:0; width:100%;}

@media all and (min-width:801px){
	.main-menu-con{padding-top:var(--header-height) !important;}
}


/* -------- 메인 :: Footer -------- */
@media all and (min-width:801px){
	.main-page #footer #footerTop{padding:4rem 0;}
	.main-page #footer .footer-address{margin-top:4rem;}
}

@media all and ( min-width: 1281px ) and (max-height: 850px) {
	.main-menu-con{height: 58%;}
}
@media all and ( min-width: 1281px ) and (max-height: 840px) {
	.main-menu-con{height: 56%;}
	.main-menu-list .list-item .img-box .img {padding-top: 50.11%; overflow: hidden;}
	.main-menu-list .list-item .txt-box {padding-bottom: 5rem;}
}
@media all and ( min-width: 1281px ) and (max-height: 800px) {
	.main-menu-list .list-item .txt-box {padding-bottom: 3rem;}
}
@media all and ( min-width: 1281px ) and (max-height: 780px) {
	.main-menu-con {height: 52%;}
	.main-menu-list .list-item .img-box .img {padding-top: 43.11%;}
}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	.main-menu-con {height: 49%;}
	.main-menu-list .list-item .txt-box .tit{margin-bottom: 1rem;}
}
@media all and ( min-width: 1281px ) and (max-height: 700px) {
	.main-menu-list .list-item .txt-box .tit{margin-bottom: 0;}
	.main-menu-list .list-item .txt-box .txt {display: none;}
}


/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{display: none;}