@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;}
}

.area-main{max-width:1520px; margin:auto;}
@media all and (max-width:1580px){	/* max-width : (area-box width) + 60px */
	.area-main{padding:0 var(--area-padding); max-width:none;}
}
/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh; height:calc(100vh - var(--header-height)); position:relative; background-color:#f5f5f5 }

#mainIntroBg{position: absolute; top:50%; transform:translateY(-50%); left:-30%; height:100%; transition:all 1.5s cubic-bezier(0.4, 0, 0.2, 1); opacity:0;}
#mainIntroBg svg{width:100%; height:100%;}
#mainIntroBg svg *{fill:#fff;}

.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;}
/* 메인 비주얼 :: 이미지 */
.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-con{
	position:absolute; 
	left:50%; top:0;
	width:100%; 
	height:100%;
	z-index:1;
	max-width: var(--area-box-width);
    transform: translateX(-50%);
}
.main-visual-txt-box:nth-child(2){margin-left:60px;}
.main-visual-txt-con .slick-list{overflow:visible !important; top:50vh; transform:translateY(-50%);}
.main-visual-txt-box{
	display:flex;
	align-items:center;
	height:100%;
}


.main-visual-txt-box .main-visual-txt-inner{opacity:0; max-width:1200px; margin:0 auto 5rem;}
.main-visual-txt-box .main-visual-txt1{font-size:1.7rem; font-weight:400; color:#222; margin-bottom:1.5rem; transition:all 1s;}
.main-visual-txt-box .main-visual-txt2{font-size:5.4rem; line-height:1.28; letter-spacing:-0.021em; color:#222; font-weight:300; transition:all 1s;}
.main-visual-txt-box .main-visual-txt3{display: inline-block; position: relative; font-size:7rem; line-height:1.28; letter-spacing:-0.021em; color:#fff; font-weight:400; height:10rem; line-height:10rem; padding-left:2rem; padding-right:3rem; overflow:hidden;}
.main-visual-txt-box .main-visual-txt3{margin-top:2.5rem;}
.main-visual-txt-box .main-visual-txt3 svg{width:90%;}
.main-visual-txt-box .main-visual-txt3 .svg01{position: absolute; top:0; left:0; fill:var(--main-color); /* width:100%; */ height:100%; transform:translateX(-100%); transition:all 1s 0.5s; opacity:1;}
.main-visual-txt-box .main-visual-txt3 .svg02{position: absolute; top:0; left:0; /* width:100%; */ height:100%; transform:translateX(-100%); transition:all 1s; opacity:1;}
.main-visual-txt-box .main-visual-txt3 span{position: relative;}

.active .main-visual-txt-box .main-visual-txt3 .svg01{transform:translateX(0%); transition-delay:0s;}
.active .visual-active .main-visual-txt-box .main-visual-txt1,
.active .visual-active .main-visual-txt-box .main-visual-txt2{color:#fff;}
.active .visual-active .main-visual-txt-box .main-visual-txt3 .svg01{opacity:0;}
.active .visual-active .main-visual-txt-box .main-visual-txt3 .svg02{transform:translateX(0%);}
/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt-inner{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both 0.3s;
}
/* .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;} */

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

.main-visual-con .slick-dots li.slick-active button{background-color:#000; opacity:1.0; }

/* 메인 비주얼 :: 화살표 */
.main-arrows-wrap{position:absolute; width:100%; z-index:9; bottom:-200px; transition:all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.main-arrows-wrap > div{position: relative;}
.main-arrows-wrap .slick-arrow{position: absolute; width:6rem; height:6rem; border:0; cursor:pointer; z-index:99; font-size:2.4rem; color:#fff; border-radius:50%; backdrop-filter: blur(10px); bottom:7rem; background:rgba(0,0,0,0.13)}
.main-arrows-wrap .slick-arrow.slick-prev{left:0px;}
.main-arrows-wrap .slick-arrow.slick-next{left:10px; transform:translateX(100%);}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:-100px; left:50%; margin-left:-40px; text-align:center; z-index:9; animation: upDown 1.5s ease-in-out infinite; transition:all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

.project-view-top-cover{position: absolute; top:50%; left:135%; transform:translate(-50%, -50%) scale(3); transition:all 1.5s cubic-bezier(0.4, 0, 0.2, 1);}


.main-page #header{transform:translateY(calc(-1 * (var(--header-height) + var(--header-top)))); transition:all 1s cubic-bezier(0.4, 0, 0.2, 1);}


/* 메인비주얼 1차 효과 */
.active #mainIntroBg{left:0; opacity:1;}
.active .project-view-top-cover{left:75%; transform:translate(-50%, -50%) scale(1);}
.active .main-arrows-wrap{bottom:0px;}

.main-page #header.header-active{transform:translateY(0);}
.main-page #header.header-active .logo svg *{fill:var(--main-color);}
.main-page #header.header-active .header-lang-list li a:after{background-color:var(--main-color);}
/* 메인비주얼 2차 효과 */
.active .visual-active .symbol-svg{width:100vw; height:100vh; transition:all 1.5s cubic-bezier(0.4, 0, 0.2, 1);}
.active .visual-active #mainIntroBg{transform:scale(3);}
.active .visual-active .main-scroll-icon{bottom:55px;}


/* 메인 헤더 효과 */
.main-page #header:before{position: absolute; content:''; width:100%; height:calc(var(--header-height) + var(--header-top)); top:calc(-1 * var(--header-top)); left:0; transform:translateY(-100%); transition:all 1.5s cubic-bezier(0.4, 0, 0.2, 1);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.main-page #header.white-ver:before{transform:translateY(0%);}

@media all and (max-width:800px){
	#mainIntroBg{top:0; height:670px; width:1024px; left:-150%; transform:none;}
	.active #mainIntroBg{left:-80%; /* opacity:1; */}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
#mainContainer{position:relative; }
#mainContainer:before{position: absolute; content:'';  width:100%; height:100%; top:0; left:0; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #00000080 46%, #000000 100%) 0% 0% no-repeat padding-box; opacity:0.1;}
/* 공통 :: 타이틀 */
.co-main{color:var(--main-color);}
.main-tit-box{}
.main-tit-box .main-tit-en{color:#222; font-size:2rem; letter-spacing:-0.04em; line-height:1.5; font-weight:600;}
.main-tit-box .main-tit{color:#222; font-size:6rem; letter-spacing:-0.018em; line-height:1.33; margin-bottom:3rem; font-weight:400;}
.main-tit-box .main-txt{color:#aaa; font-size:1.8rem; letter-spacing:-0.036em; line-height:1.77; font-weight:500;}
.main-tit-box .main-link-btn{position: relative; display: flex; align-items:center; justify-content:space-between; padding:0 2rem; font-size:1.5rem; font-weight:600; box-sizing:border-box;}
.main-tit-box .main-link-btn i{font-size:2.4rem;}
.main-tit-box .main-link-btn svg{position: absolute; top:0; left:0; width: 20rem; height: 5rem;}
.main-tit-box .main-link-btn span,
.main-tit-box .main-link-btn i{position: relative;}
.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);
}


.main-txt-effect{opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.animated .main-txt-effect{opacity:1; transform:translateY(0px);}
.main-txt-effect.delay01{transition-delay:0.25s;}
.main-txt-effect.delay02{transition-delay:0.5s;}
.main-txt-effect.delay03{transition-delay:0.75s;}
.main-txt-effect.delay04{transition-delay:1s;}


/* -------- 메인 컨텐츠 :: 컨텐츠1(인트로) -------- */
#mainContent1{position: relative; /* background:#f5f5f5; */ display: flex;}
#mainContent1:before{position: absolute; content:''; width:100%; height:calc(100% - 20rem); background:var(--main-color); top:0rem; left:0;}
#mainContent1:after{position: absolute; content:''; width:100%; height:10rem; top:0rem; left:0; z-index:9;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f04137+0,f04137+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(240,65,55,1) 0%, rgba(240,65,55,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(240,65,55,1) 0%,rgba(240,65,55,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(240,65,55,1) 0%,rgba(240,65,55,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04137', endColorstr='#00f04137',GradientType=0 ); /* IE6-9 */
}
#mainContent1 .area-main{position: relative; z-index:2; width:100%; box-sizing:border-box;}

.intro-bg-wrap{position: absolute; margin-right:0; width:calc(100% - 10rem); min-width:182rem; height:calc(100vh - 20rem); top:10rem; right:0; z-index:1;}
.intro-bg-wrap .intro-bg{position: relative; background:#000; border-radius:4rem 0 0 4rem; width:100%; height:100%; overflow:hidden;}
.intro-bg-wrap .intro-bg .intro-bg-effect{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

.main-intro-con{display: flex; position: relative;}
.main-intro-con .left-box{width:80%; text-align:left; height:100vh; display: flex; flex-direction: column; justify-content:center;}
.main-intro-con .left-box .intro-tit-box{margin-bottom:8rem;}
.main-intro-con .left-box .intro-tit-box .tit-en{font-size:2rem; line-height:1.5; letter-spacing:-0.04em; color:#fff; font-weight:600; margin-bottom:3rem;}
.main-intro-con .left-box .intro-tit-box .txt{font-size:4rem; line-height:1.5; letter-spacing:-0.1em; color:#fff; margin-bottom:3rem;}
.main-intro-con .left-box .intro-tit-box .txt02{font-size:1.8rem; line-height:1.88; letter-spacing:-0.036em; color:#fff; opacity:0.75;}


.main-intro-con .left-box .intro-counter-box{position: relative; display: flex; align-items:flex-start;}
.main-intro-con .left-box .intro-counter-box .counter-item{margin-right:5.5rem;}
.main-intro-con .left-box .intro-counter-box .counter-item:last-child{margin-right:0rem;}
.main-intro-con .left-box .intro-counter-box .counter-item .num-box{display: flex; align-items: flex-end; margin-bottom:2rem; font-size:4.5rem;}
.main-intro-con .left-box .intro-counter-box .counter-item .num-box .nun-plus{font-size:3rem; color:#fff; line-height:1.4; font-size:0.5em;}
.main-intro-con .left-box .intro-counter-box .counter-item .num-box .nun-plus i{position: relative; top:0.5rem; font-size:4.8rem;}
.main-intro-con .left-box .intro-counter-box .counter-item .txt{font-size:1.6rem; line-height:2.11; letter-spacing:-0.036em; color:#fff; font-weight:300; opacity:0.75;}

.main-intro-con .left-box .intro-counter-box .date-txt{position: absolute; font-size: 1.8rem; line-height: 1.88; letter-spacing: -0.036em; color: #fff; opacity: 0.7; top:-0.5rem; left:0; transform:translateY(-100%); font-weight:400; font-family: var(--font-family1);}

.main-intro-con .right-box{position: relative; width:20%; z-index:1;}
.main-intro-con .right-box .intro-img-list{margin:20rem 0 -2rem;}
.main-intro-con .right-box .intro-img-list .list-item{margin:2rem 0;}
.main-intro-con .right-box .intro-img-list .list-item span img{width:100%;}

.main-intro-con .right-txt{position: absolute; width:8.8rem; height:100vh; top:10rem; right:2rem; transform:translate(100%, 0%); opacity:0.1;}
.main-intro-con .right-txt svg{position: absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}

/* 카운트 */
.count-num-box{display:flex; align-items:center; font-size:6rem;}
.count-num-item-wrap{height:1em; line-height:1em; overflow:hidden; color:#fff;}
.count-num-item-wrap .count-num-item-box{height:10em; }
.count-num-item-wrap .count-num-item-box .count-num-item {height:1em; line-height: 1em; color:#fff; font-weight:500;}

/* 카운트02 */
.num-box .count-num{font-size:5rem; color:#fff; font-weight:500;}
.main-intro-con .left-box .intro-counter-box .counter-item .num-box .count-num + .nun-plus{font-size:2rem;}

/* ios */
/* .ios-os .count-num-item-box:not(.down){height:10.05em;} */
 
/* active */
.animated .count-num-item-box{animation:count-up-ani 3s forwards;}
.animated .count-num-item-box.down {animation:count-down-ani 3s forwards;}
@keyframes count-up-ani {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -90%, 0);
    }
}
@keyframes count-down-ani {
    0% {
        transform: translate3d(0, -90%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(Rental) -------- */
#mainContent2{position: relative; display: flex; align-items:center; /* background-color:#f5f5f5; */ min-height:100vh; width:100%;}
#mainContent2:before{position: absolute; content:''; width:calc(100% - 10rem); min-width:182rem; height:calc(100vh - 10rem); top:50%; transform:translateY(-50%); left:0; border-radius:0 4rem 4rem 0; background:#fff;}
.main-rental-img{position: absolute; left:0; top:63%; transform:translateY(-50%); width:56.2%;}
.main-rental-img img{max-width:100%;}

#mainContent2 .area-box{position: relative; z-index:1; width:100%; height:100%;}
.main-rental-con{width:50%; margin-left:50%; }
.rental-txt-box{display: flex; margin-top:3rem;}
.rental-txt-box .txt-item{margin-right:13rem;}
.rental-txt-box .txt-item:last-child{margin-right:0rem;}
.rental-txt-box .txt-item .txt{font-size:2.5rem; line-height:1.44; letter-spacing:-0.05em; font-weight:600; color:#222;}

.rental-item-list{display: flex; margin-top:6rem;}
.rental-item-list .list-item{position: relative; display: flex; flex-direction: column; justify-content: space-between; width:33.33%; max-width:20rem; height:26rem; margin-right:4rem; padding:4rem 3rem 3rem; box-sizing:border-box; border-radius:2rem; box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.05); backdrop-filter:blur(10px); overflow:hidden;}
.rental-item-list .list-item:last-child{margin-right:0;}
.rental-item-list .list-item .tit{position: relative; font-size:2rem; line-height:1.5; letter-spacing:-0.04em; color:#222; font-weight:600; z-index:1;}
.rental-item-list .list-item .txt{font-size:1.5rem; line-height:1.66; color:#aaa;}
.rental-item-list .list-item .icon-box{position: absolute; right:-7.2rem; top:4rem;}
.rental-item-list .list-item .icon-box span{display: block; color:#FEEBEA}
.rental-item-list .list-item .icon-box span.small-icon{font-size:3.6rem; }
.rental-item-list .list-item .icon-box span.big-icon{font-size:14.4rem;}

/* 수정02 */
.rental-txt-box-02{}
.rental-txt-box-02 .txt{font-size:1.8rem; line-height:1.77; letter-spacing:-0.036em; color:#aaa; font-weight:500;}
.rental-txt-box-02 .txt.txt02{color:#222; font-weight:700;}

.rental-item-list-02{margin-top:4rem;}
.rental-item-list-02 .list-tit-box{display: flex;}
.rental-item-list-02 .list-tit-box dt{font-size:2.5rem; line-height:1.44; letter-spacing:-0.05em; color:#222; font-weight:600; width:16rem;}
.rental-item-list-02 .list-tit-box dd{font-size:1.6rem; line-height:2.5; letter-spacing:-0.032em; color:#aaa; font-weight:500; width:calc(100% - 16rem);}

.rental-item-list-02 .rental-item-inner{display: flex; flex-wrap:wrap; border:1px solid #eee; border-radius:3rem; overflow:hidden; box-sizing:border-box; box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.05); backdrop-filter:blur(10px); max-width:72rem; margin-top:2rem;}
.rental-item-list-02 .rental-item-inner .list-item{position: relative; width:33.33%; border-right:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box;}
.rental-item-list-02 .rental-item-inner .list-item:nth-child(3n){border-right:0;}
.rental-item-list-02 .rental-item-inner .list-item:nth-child(n+4){border-bottom:0;}
.rental-item-list-02 .rental-item-inner .list-item a{display: block; padding-top:3rem; box-sizing:border-box; height:100%;}
.rental-item-list-02 .rental-item-inner .list-item .tit-box{display: flex; padding:0 3rem; height:5rem; box-sizing:border-box;}
.rental-item-list-02 .rental-item-inner .list-item .tit-box dt{font-size:1.5rem; line-height:1.64; letter-spacing:-0.03em; color:var(--main-color); font-weight:700; width:2.3rem;}
.rental-item-list-02 .rental-item-inner .list-item .tit-box dd{font-size:1.8rem; letter-spacing:-0.036em; line-height:1.44; color:#222; font-weight:500; width:calc(100% - 2.3rem);}
.rental-item-list-02 .rental-item-inner .list-item .img-box{}
.rental-item-list-02 .rental-item-inner .list-item .img-box span{display: block; position: relative; width:100%; height:0; padding-top:45.08%;}
.rental-item-list-02 .rental-item-inner .list-item .img-box span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}

.rental-item-list-02 .rental-item-inner .list-item.last-item{background:var(--main-color);}
.rental-item-list-02 .rental-item-inner .list-item.last-item a{display: flex; justify-content: flex-end; align-items: flex-end; height: 100%; padding-right:3rem; padding-bottom:3rem; text-align:right; font-size:2rem; line-height:1.5; letter-spacing:-0.04em; color:#fff; font-weight:500;}

.rental-item-list-02 .rental-item-inner .list-item:nth-child(1) .img-box span img{margin-top:-1.5em; margin-right:0;}
.rental-item-list-02 .rental-item-inner .list-item:nth-child(2) .img-box span img{margin-bottom:0;}
.rental-item-list-02 .rental-item-inner .list-item:nth-child(3) .img-box span img{margin-bottom:0; margin-right:2rem;}
.rental-item-list-02 .rental-item-inner .list-item:nth-child(4) .img-box span img{margin-top:-1rem; margin-right:0;}
.rental-item-list-02 .rental-item-inner .list-item:nth-child(5) .img-box span img{}

.rental-item-list-02 .rental-item-inner .list-item:before{position: absolute; content:'\e914'; font-family:'xeicon'; width:3rem; height:3rem; text-align:center; line-height:3rem; color:#fff; background:var(--main-color); border-radius:50%; font-size:1.8rem; border:1px solid #eee; box-sizing:border-box; bottom: 0; right: 0; transform: translate(50%, 50%); z-index: 1; display: none;}
.rental-item-list-02 .rental-item-inner .list-item:nth-child(1):before,
.rental-item-list-02 .rental-item-inner .list-item:nth-child(2):before{display: block;}

/* 수정03 */
.rental-item-list-03{margin-top:2rem;}
.rental-item-list-03 .list-tit-box{display: flex; align-items:center; margin-bottom:1rem;}
.rental-item-list-03 .list-tit-box dt{width:8rem; padding-right:1rem; box-sizing:border-box;}
.rental-item-list-03 .list-tit-box dt img{max-width:100%;}
.rental-item-list-03 .list-tit-box dd{font-size:3rem; line-height:1.5; letter-spacing:-0.032em; color:#222; width:calc(100% - 8rem); font-weight:700;}
.rental-item-list-03 .list-tit-box dd span{font-size:0.66em; line-height:2.25;}

.rental-item-list-03 .rental-item-inner{display: flex; flex-wrap:wrap;}
.rental-item-list-03 .rental-item-inner .list-item{position: relative; width:calc(33.33% - 3rem); max-width:20rem; margin-bottom:2rem; margin-right:3rem;}
.rental-item-list-03 .rental-item-inner .list-item:before{position: absolute; content:'\e914'; font-family:'xeicon'; font-size:2.4rem; color:#000; top: 50%; right: -2.7rem; transform: translateY(-50%);}
.rental-item-list-03 .rental-item-inner .list-item a{display: flex; align-items: flex-end; position: relative; height:13rem; background:#eee; border-radius:2rem; overflow:hidden;}
.rental-item-list-03 .rental-item-inner .list-item a:before{position: absolute; content:''; width:100%; height:100%; border-radius:2rem; border:2px solid var(--main-color); top:0; left:0; box-sizing:border-box; opacity:0; transition:var(--transition-custom);}
.rental-item-list-03 .rental-item-inner .list-item a .tit-box{position: absolute; top:2rem; width:100%; padding:0 1rem; box-sizing:border-box; font-size:1.6rem; font-weight:600; text-align:center; color:#222;}
.rental-item-list-03 .rental-item-inner .list-item a .img-box img{width:100%;}


.rental-item-list-03 .rental-item-inner .list-item:nth-child(3n){margin-right:0;}
.rental-item-list-03 .rental-item-inner .list-item:nth-child(3n):before{display: none;}
.rental-item-list-03 .rental-item-inner .list-item a:hover:before{opacity:1;}

.main-rental-m-img{display: none;}


/* -------- 메인 컨텐츠 :: 컨텐츠3(System) -------- */
#mainContent3{position: relative; padding:10rem 0 0; z-index:1; /* background:#f5f5f5; */}
.main-system-con{display: flex; height:100vh}
.main-system-con .left-box{width:48.68%; padding-left:10rem; box-sizing:border-box;}
.main-system-con .left-box .main-tit-box .main-link-btn{width:20rem; height:5rem; color:#fff; margin-top:6rem;}

.main-system-con .service-txt-box{position: relative; width:20rem; height:45rem; overflow:hidden;}
.main-system-con .service-txt-svg{position: absolute; width:100%; top:0; left:0; transform:translateY(9.5rem);}

.main-system-con .right-box{position: relative; width:51.32%;}
.main-system-con .right-box .system-link-list{display: flex; flex-wrap:wrap; margin:0 -3rem; width:calc(100% + 6rem);}
.main-system-con .right-box .system-link-list .list-item{position: relative; width:calc(50% - 6rem); margin:0 3rem; height:0; padding-top:59.52%; border-radius:3rem; margin-bottom:6rem; overflow:hidden;}
.main-system-con .right-box .system-link-list .list-item:before{position: absolute; content:''; width:100%; height:100%; background:no-repeat center; background-size:cover; top:0; left:0;}
.main-system-con .right-box .system-link-list .list-item a{position: absolute; top:0; left:0; display: flex; flex-direction: column; justify-content: space-between; width:100%; height: 100%; padding:4.5rem; box-sizing:border-box; background: transparent linear-gradient(180deg, #0000001A 0%, #00000042 44%, #00000080 75%, #000000CC 100%) 0% 0% no-repeat padding-box;}

.main-system-con .right-box .system-link-list .list-item:nth-child(1):before{background-image:url('/web-static-images/main/main_service_item01.png');}
.main-system-con .right-box .system-link-list .list-item:nth-child(2):before{background-image:url('/web-static-images/main/main_service_item02.png');}
.main-system-con .right-box .system-link-list .list-item:nth-child(3):before{background-image:url('/web-static-images/main/main_service_item03.png');}
.main-system-con .right-box .system-link-list .list-item:nth-child(4):before{background-image:url('/web-static-images/main/main_service_item04.png');}
.main-system-con .right-box .system-link-list .list-item:nth-child(5):before{background-image:url('/web-static-images/main/main_service_item05.png');}
.main-system-con .right-box .system-link-list .list-item:nth-child(6):before{background-image:url('/web-static-images/main/main_service_item06.png');}

.main-system-con .right-box .system-link-list .list-item:nth-child(odd){transform:translateY(14rem);}
.main-system-con .right-box .system-link-list .list-item:nth-last-child(-n+2){margin-bottom:0;}
.main-system-con .right-box .system-link-list .list-item .tit-box{display: flex; justify-content:space-between; align-items:Center;}
.main-system-con .right-box .system-link-list .list-item .tit-box .tit{font-size:3rem; line-height:1.4; color:#fff; font-weight:700;}
.main-system-con .right-box .system-link-list .list-item .tit-box .icon{position: relative; width:8rem; text-align:center; font-size:3.6rem; color:#fff;}
.main-system-con .right-box .system-link-list .list-item .tit-box .icon:before{position: absolute; content:''; width:100%; height:0; padding-top:100%; border-radius:50%; backdrop-filter:blur(10px); top:50%; left:50%; transform:translate(-50%, -50%);}
.main-system-con .right-box .system-link-list .list-item .tit-box .icon i{position: relative;}
.main-system-con .right-box .system-link-list .list-item .txt-box{}
/* .main-system-con .right-box .system-link-list .list-item .txt-box .tit-en{font-size:3.4rem; line-height:1.23; letter-spacing:-0.068em; color:#fff; font-weight:400; margin-bottom:2rem;}
.main-system-con .right-box .system-link-list .list-item .txt-box .txt{font-size:1.5rem; line-height:1.66; color:#fff; opacity:0.5;} */
.main-system-con .right-box .system-link-list .list-item .txt-box .txt{font-size:2.4rem; line-height:1.66; color:#fff; font-weight:600;}

.main-system-con .right-box .system-link-list .list-item a:after{position: absolute; content:''; width:calc(100% + 2px); height:calc(100% + 2px); border:6px solid var(--main-color); box-sizing:border-box; opacity:0; transition:var(--transition-custom); top:-1px; left:-1px; border-radius:3rem;}
.main-system-con .right-box .system-link-list .list-item a:hover:after{opacity:1;}


@media (min-width:801px) and (max-width:1280px){
	.ios-os #mainContent2 + div.pin-spacer{padding:0 !important; height: 1200px !important;}
	.ios-os #mainContent3{height:100vh; overflow:hidden;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠4(Partner) -------- */
@media all and (min-width:801px){
	#mainContent4{max-height: 150vh;}
}
#mainContent4{position: relative; z-index:1; padding:10rem 0; overflow:hidden;}
#mainContent4:before{position: absolute; content:''; width:calc(100% - 10rem); min-width:182rem; height:100%; top:0%; right:0; border-radius:4rem 0 0 4rem; background:#fff;}
.partner-bg-img-wrap{position: absolute; width:100%; height:100%;}
.partner-bg-img-wrap .partner-img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.partner-bg-img-wrap .partner-img img{width:100%;}
.partner-bg-img-wrap .partner-img01{width:42.7vw; height:43vw; margin-top:-22%; margin-left:29%; opacity:0.4;}
.partner-bg-img-wrap .partner-img01 .layer{display: block; transform: translateX(40px) translateY(190px);}
.partner-bg-img-wrap .partner-img02{width:21.82vw; height:21.875vw; margin-top:24%; margin-left:-19%;}
.partner-bg-img-wrap .partner-img02 .layer{display: block; transform: translateX(-18px) translateY(-282px);}
.partner-bg-img-wrap .partner-img03{width:11.718vw; height:11.718vw; margin-top:-50%; margin-left:-13%;}
.partner-bg-img-wrap .partner-img03 .layer{display: block; transform: translateX(86px) translateY(534px);}

.main-tit-box-type{position: relative; display: flex; justify-content:space-between; align-items: flex-end;}
.main-tit-box-type .left-box .inner-box{display: flex; align-items: flex-end;}
.main-tit-box-type .left-box .inner-box .main-tit{margin-right:3rem; margin-bottom:0;}
.main-tit-box-type .right-box .main-link-btn{width:24rem; height:6rem; color:#222;}
.main-tit-box-type .right-box .main-link-btn svg{width:24rem; height:6rem;}
.main-tit-box-type .right-box .main-link-btn svg *{fill:rgba(255,255,255,0.5); backdrop-filter:blur(10px);}

.main-partner-con{display: flex; align-items: center; margin-top:4rem;}
.main-partner-con .left-box{position: relative; width:calc(20% - 5px); height:36rem; overflow-y:scroll; padding:1rem 0; margin-left:-1rem; padding-left:1rem;}
.main-partner-con .left-box:before{position: fixed; content:''; top:0; width:100%; max-width:180px; height:100%; box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.05); border-radius:2rem;}
.main-partner-con .left-box .partner-nav-list{position: relative; width:100%; padding-right:3rem; max-width:180px; border-radius:2rem; backdrop-filter: blur(15px); /* box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.05); */ padding:1rem 0; box-sizing:border-box;}
.main-partner-con .left-box .partner-nav-list .slick-dots{}
.main-partner-con .left-box .partner-nav-list .slick-dots li{position: relative; margin:1rem 0; z-index:9;}
.main-partner-con .left-box .partner-nav-list .slick-dots li button,
.main-partner-con .left-box .partner-nav-list .slick-dots li a{display: block; width:100%; text-align:left; font-size:1.6rem; height:5rem; line-height:5rem; letter-spacing:-0.05em; color:#222; font-weight:500; padding:0 0rem 0 2rem; box-sizing:border-box;  transition:var(--transition-custom); background-image:url('../svg/main_partner_btn.php');}
.main-partner-con .left-box .partner-nav-list .slick-dots li button span,
.main-partner-con .left-box .partner-nav-list .slick-dots li a span{position: relative; z-index:1;}
.main-partner-con .left-box .partner-nav-list .slick-dots li button svg,
.main-partner-con .left-box .partner-nav-list .slick-dots li a svg{position: absolute; width:calc(100% + 4rem); height:100%; left:-1rem; top:0; opacity:0; transition:var(--transition-custom);}
.main-partner-con .left-box .partner-nav-list .slick-dots li:hover button,
.main-partner-con .left-box .partner-nav-list .slick-dots li:hover a{color:#fff !important;}
.main-partner-con .left-box .partner-nav-list .slick-dots li.slick-active button,
.main-partner-con .left-box .partner-nav-list .slick-dots li.selected a{color:#fff;}
.main-partner-con .left-box .partner-nav-list .slick-dots li.slick-active button svg,
.main-partner-con .left-box .partner-nav-list .slick-dots li.selected a svg{opacity:1;}

.main-partner-con .right-box{width:calc(80% + 5px); background: #f5f5f5; border-radius: 3rem;}
.main-partner-con .right-box .partner-item-list{}
.main-partner-inner{display: flex; flex-wrap:wrap; align-content: flex-start; width:calc(100% + 2rem); margin:0 -2rem; overflow-y:scroll; height:36rem; padding-right:10px; box-sizing:border-box;}
.main-partner-inner .inner-item{display: flex; align-items:center; width:calc(16.66% - 4rem); margin:4rem 2rem; height:4rem;}
.main-partner-inner .inner-item span{display: block; margin:auto;}
.main-partner-inner .inner-item span img{margin:auto; max-width:100%; /* filter: grayscale(1); */ transition:var(--transition-custom);}
.main-partner-inner .inner-item span:hover img{filter: grayscale(0);}


.main-partner-con .right-box .partner-item-list .main-partner-inner::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	display: none;
}
.main-partner-con .right-box .partner-item-list .main-partner-inner::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius:5px;
	display: none;
}
.main-partner-con .right-box .partner-item-list .main-partner-inner::-webkit-scrollbar-thumb {
	background-color: var(--main-color);
	border-radius:5px;
	display: none;
} 
.main-partner-con .left-box::-webkit-scrollbar,
.main-partner-con .left-box::-webkit-scrollbar-track,
.main-partner-con .left-box::-webkit-scrollbar-thumb{display: block;} 
/* .main-partner-con .right-box .partner-item-list .list-item:first-child .main-partner-inner::-webkit-scrollbar,
.main-partner-con .right-box .partner-item-list .list-item:first-child .main-partner-inner::-webkit-scrollbar-track,
.main-partner-con .right-box .partner-item-list .list-item:first-child .main-partner-inner::-webkit-scrollbar-thumb{display: block;} */ 


/* -------- 메인 컨텐츠 :: 컨텐츠5(Inquiry) -------- */
#mainContent5{position: relative; z-index:1; padding-top:20rem; min-height:105rem; margin-top:10rem; background:#000;}
#mainContent5:before{position: absolute; content:''; width:100%; height:100%; background:no-repeat center; background-size:cover; background-image:url('/web-static-images/main/main_inquiry_bg.png'); bottom:0; left:0; opacity:0.6;}
#mainContent5 .main-tit-box .main-tit-en,
#mainContent5 .main-tit-box .main-tit,
#mainContent5 .main-tit-box-type .right-box .main-link-btn{color:#fff;}
#mainContent5 .main-tit-box .main-txt{color:#fff; opacity:0.5}
#mainContent5 .main-tit-box-type .right-box .main-link-btn svg *{fill:var(--main-color);}

.main-inquiry-con{position: relative; margin-top:5rem;}
.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dt{color:#fff;}
.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd{background:rgba(255,255,255,0.13); backdrop-filter:blur(10px);}
.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con .write-input,
.main-inquiry-con .inquiry-tbl-style07 .write-textarea{background:transparent;}

.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd i{transition:var(--transition-custom); color:#fff; top:-3px;}

.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.select-box::before,
.main-inquiry-con .inquiry-tbl-style07 .write-input::placeholder,
.main-inquiry-con  .inquiry-tbl-style07 .write-select,
.main-inquiry-con  .inquiry-tbl-style07 .write-textarea::placeholder,
.main-inquiry-con  .bbs-inquiry-agree-con .agree-txt{color:#fff;}
.main-inquiry-con .inquiry-tbl-style07 .write-input:focus::placeholder,
.main-inquiry-con  .inquiry-tbl-style07 .write-select:focus::placeholder,
.main-inquiry-con  .inquiry-tbl-style07 .write-textarea:focus::placeholder {color:rgba(34,34,34,0.35)}

.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.shadow{background:#fff;}
.main-inquiry-con .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.shadow i{color:var(--main-color);}

.main-inquiry-con .bbs-inquiry-agree-con .agree-pop-btn{background: rgba(255,255,255,0.2); color:#fff;}
.main-inquiry-con .bbs-inquiry-agree-con .agree-pop-btn:hover{background-color: var(--main-color);}
.main-inquiry-con .bbs-inquiry-agree-con .agree-txt input:checked + label i{color:var(--main-color);}
.shadow.bbs-inquiry-agree-con .agree-txt{color:#000;}
.main-inquiry-con .shadow.bbs-inquiry-agree-con .agree-pop-btn{background: rgba(0,0,0,0.05); color:var(--main-color);}

/* 커스텀셀렉트 */
.bbs-inquiry-style07 .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con.custom-select-style .select-box:before{display: none;}
.bbs-inquiry-style07 .custom-select-wrapper,
.bbs-inquiry-style07 .custom-select-wrapper .custom-select{position: inherit;}
.bbs-inquiry-style07 .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con.custom-select-style{position: relative; z-index:1;}
.bbs-inquiry-style07 .board-custom-select-box .custom-select-trigger{height:60px; line-height:60px; color:#fff; font-size:14px;}

.bbs-inquiry-style07 .custom-option-drop-list{border-radius:10px; border:0; }
.bbs-inquiry-style07 .board-custom-select-box .custom-option-item{font-size:1em; color:#000; font-weight:500;}

.bbs-inquiry-style07 .shadow .board-custom-select-box .custom-select-trigger{color:#000;}



/* ******************  메인 왼쪽 메뉴 ********************** */
.main-left-tab-style{position: fixed; top:50%; left:-10rem; /* left:4.5rem; */ transform:translateY(-50%); z-index:99; transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.main-left-tab-list-style{}
.main-left-tab-list-style li{width:6px; height:6px; border:1px solid #fff; border-radius:50%; margin:30px 0; box-sizing:border-box;}
.main-left-tab-list-style li.selected{border-color:var(--main-color); background:var(--main-color);}
.main-left-tab-list-style li a{position: relative; display: block; width:100%; height:100%;}
.main-left-tab-list-style li a:before{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); content: ''; width: 1.7rem; height: 1.7rem; border:1px solid var(--main-color); border-radius: 100%; /* transition:var(--transition-custom); */ transition-property:opacity; opacity:0;}
.main-left-tab-list-style li.selected a:before{opacity:0.75;}

.main-left-tab-list-style.ver-white li.selected{border-color:#fff; background:#fff;}
.main-left-tab-list-style.ver-white li.selected a:before{border-color:#fff;}

.main-left-tab-list-style.ver-black li{border:1px solid rgba(0,0,0,0.2); }
.main-left-tab-list-style.ver-black li.selected{border-color:var(--main-color); background:var(--main-color);}

.visual-active .main-left-tab-style{left:4.7rem;}



/* ******************  메인 오른쪽 퀵메뉴 ********************** */
.footer-quick-menu{position: fixed; bottom:-6rem; right:9rem; z-index:99; transition:var(--transition-custom);}
.footer-quick-menu .menu-list{position: relative; width:6rem; height:6rem;}
.footer-quick-menu .menu-list .list-item{position: absolute; bottom:0; right:0; transition:var(--transition-custom); /* transition-delay:0.2s; */}
.footer-quick-menu .menu-list .list-item a{position: relative; display: flex; align-items:center; width:6rem; height:6rem; border-radius:3rem; backdrop-filter:blur(10px); margin:auto; margin-right:0; transition:var(--transition-custom); background:rgba(0,0,0,0.2); overflow:hidden;}
/* .footer-quick-menu .menu-list .list-item a:before{position: absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.1); border-radius:6rem; opacity:1; transition:var(--transition-custom);} */
.footer-quick-menu .menu-list .list-item a i{position: relative; width:6rem; font-size:2.4rem; color:#fff; text-align:center; z-index:1;}
.footer-quick-menu .menu-list .list-item a .img{position: relative; display: block; width:6rem; text-align:center; z-index:1;}
.footer-quick-menu .menu-list .list-item a .img img{}
.footer-quick-menu .menu-list .list-item a .txt{position: absolute; font-size:1.5rem; letter-spacing:-0.045em; color:#fff; font-weight:700; opacity:0; transition:all 0.2s; transition-delay:0s; left:6rem; pointer-events: none;}

.footer-quick-menu .menu-list .list-item a:not(.to-top-btn):hover{width:16rem; background:var(--main-color);}
.footer-quick-menu .menu-list .list-item a:not(.to-top-btn):hover .txt{opacity:1; transition:var(--transition-custom); transition-delay:0.2s;}
.footer-quick-menu .menu-list .list-item a:not(.to-top-btn):hover:before{opacity:0;}

.active.footer-quick-menu{bottom:7rem; }
.active.footer-quick-menu .list-item:nth-child(4) a{background:var(--main-color); animation:footerQuick 2.4s; animation-delay:0.6s}
.active.footer-quick-menu .list-item:nth-child(4) a .txt{animation:footerQuickTxt 2.4s; animation-delay:0.6s}
/* .active.footer-quick-menu .list-item:nth-child(3){top:-7rem}
.active.footer-quick-menu .list-item:nth-child(2){top:-14rem;}
.active.footer-quick-menu .list-item:nth-child(1){top:-21rem;} */
.active.footer-quick-menu .list-item:nth-child(1) a{background:var(--main-color);}

.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(4){top:-19rem}
.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(3){top:-26rem}
.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(2){top:-33rem;}
.active.footer-quick-menu:not(.bottom-fixed) .list-item:nth-child(1){top:-40rem;}

.active.footer-quick-menu .list-item:nth-child(4){top:-7rem}
.active.footer-quick-menu .list-item:nth-child(3){top:-14rem}
.active.footer-quick-menu .list-item:nth-child(2){top:-21rem;}
.active.footer-quick-menu .list-item:nth-child(1){top:-28rem;}

.active.footer-quick-menu.bottom-fixed{bottom:14rem;}

@keyframes footerQuick {
	0% {
		width:6rem;
	}
	25% {
		width:16rem;
	}
	75% {
		width:16rem;
	}
	100%{
		width:6rem;
	}
}
@keyframes footerQuickTxt {
	0% {
		opacity:0;
	}
	25% {
		opacity:1;
	}
	75% {
		opacity:1;
	}
	100%{
		opacity:0;
	}
}


/* 230817 수정내용(서비스) */
.main-system-con .right-box .system-link-list .list-item.item01:before{background-image:url('/web-static-images/main/main_service_item01_new.png');}
.main-system-con .right-box .system-link-list .list-item.item02:before{background-image:url('/web-static-images/main/main_service_item02_new.png');}
.main-system-con .right-box .system-link-list .list-item.item03:before{background-image:url('/web-static-images/main/main_service_item07_new.png');}
.main-system-con .right-box .system-link-list .list-item.item04:before{background-image:url('/web-static-images/main/main_service_item08_new.png');}
.main-system-con .right-box .system-link-list .list-item.item05:before{background-image:url('/web-static-images/main/main_service_item03_new.png');}
.main-system-con .right-box .system-link-list .list-item.item06:before{background-image:url('/web-static-images/main/main_service_item04_new.png');}
.main-system-con .right-box .system-link-list .list-item.item07:before{background-image:url('/web-static-images/main/main_service_item05_new.png');}
.main-system-con .right-box .system-link-list .list-item.item08:before{background-image:url('/web-static-images/main/main_service_item06_new.png');}

.main-system-con .right-box .system-link-list{
	transition-timing-function: linear;
}

/* 2025-07-14 수정 :: 퀵메뉴 영상 추가 */
.footer-quick-menu .menu-list .list-item.video-item a .video-play-btn{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:9; transition:var(--transition-custom);}
.footer-quick-menu .menu-list .list-item.video-item a .video-play-btn .video-img{position: relative; display: block; width:100%; height:0; padding-top:66.66%;}
.footer-quick-menu .menu-list .list-item.video-item a .video-play-btn .video-img img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; object-fit:cover; width:100%;}
.background-video-wrapper{position:absolute; top:0; left:0; overflow:hidden; height:100%; width:100%; background-color:#000;}
.background-video{position:absolute; top:0; left:0px; width:100%; height:100%; transform:scale(1.01)}
.background-video iframe{
	width: 100%;
	height: 66.66%; 
	min-height: calc(100% + 340px);
	min-width: 120%; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:0;filter:Alpha(opacity=0); 
	transition: opacity 3s 0.2s;
}
.background-video.start iframe{opacity:0.8;filter:Alpha(opacity=80); }
.background-video-alternative{display:none; position:absolute; top:0; left:0px; width:100%; height:100%; background-size:cover !important;}


.footer-quick-menu .menu-list .list-item.video-item a .video-play-btn .video-play{position: absolute; width:8rem; height:6rem; border-radius:0.8rem; background:rgba(0,0,0,0.6); top:50%; left:50%; transform:translate(-50%, -50%); display: flex; align-items:center; justify-content:center; transition:var(--transition-custom);}
.footer-quick-menu .menu-list .list-item.video-item a:hover .video-play-btn .video-play{background:var(--main-color);}


/* bottom-fixed */
.active .footer-quick-menu:not(.bottom-fixed) .menu-list .list-item.video-item a{width:27rem; height:18rem; border-radius:1.5rem;}
.active .footer-quick-menu.bottom-fixed .menu-list .list-item.video-item a .video-play-btn{opacity:0;}