@charset "utf-8";
/* 메인: 섹션 단위 스크롤 · 히어로 · 회사 소개 · 사업 · 뉴스 · 채용 · 바닥글 */

/* ****************** 섹션 단위 스크롤 ****************** */
.fullpage-html,.fullpage-html body{overflow:hidden; height:100%;}
.fullpage-html #wrap{position:static;}
.fp-responsive.fullpage-html,.fp-responsive.fullpage-html body{overflow:visible; height:auto;}
html.fp-responsive{overflow-y:scroll;}
#fullpage{position:relative;}
.fp-enabled #fullpage{transition:transform 800ms ease; will-change:transform;}
.fp-enabled #fullpage > .section{height:100vh;}
.fp-enabled #fullpage > .section.fp-auto-height{height:auto;}
#fullpage > .section{position:relative;}
.fp-table{display:table; table-layout:fixed; width:100%;}
.fp-tableCell{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.fp-enabled .fp-auto-height .fp-tableCell{height:auto;}
#mainVisual{height:100vh;}
@media all and (min-width:1281px) and (max-height:750px){
	#fullpage .section:not(#mainFooter){min-height:750px;}
}
@media all and (min-width:1281px){
	#fullpage .section:after{content:""; width:25%; max-width:480px; height:100%; background:#f4f4f4; position:absolute; right:0; top:0; z-index:-1;}
}
#fullpage{z-index:0;}

/* 오른쪽 섹션 점 (1537 이상) */
#fp-nav{position:fixed; z-index:100; margin-top:-32px; top:50%; right:0; opacity:0; transition:all 0.8s;}
body.active #fp-nav{opacity:1; right:45px;}
#fp-nav ul li{position:relative; width:15px; margin:10px 0;}
#fp-nav ul li:last-child{display:none;}
#fp-nav ul li a{display:block; position:relative; width:100%; height:15px;}
#fp-nav ul li a span{display:block; width:100%; height:100%; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpolygon%20points%3D%270.5%2C14.5%2014.5%2C0.5%2014.5%2C14.5%27%20fill%3D%27none%27%20stroke%3D%27rgba%28245%2C249%2C255%2C0.2%29%27%20stroke-width%3D%271%27/%3E%3C/svg%3E") no-repeat;}
#fp-nav ul li a.active span{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpolygon%20points%3D%270.5%2C14.5%2014.5%2C0.5%2014.5%2C14.5%27%20fill%3D%27%23f5f9ff%27%20stroke%3D%27%23f5f9ff%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");}
#fp-nav.black ul li a span{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpolygon%20points%3D%270.5%2C14.5%2014.5%2C0.5%2014.5%2C14.5%27%20fill%3D%27none%27%20stroke%3D%27rgba%280%2C0%2C0%2C0.2%29%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");}
#fp-nav.black ul li a.active span,#fp-nav.color ul li a.active span{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpolygon%20points%3D%270.5%2C14.5%2014.5%2C0.5%2014.5%2C14.5%27%20fill%3D%27%231c75bc%27%20stroke%3D%27%231c75bc%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");}
@media all and (max-width:1536px){#fp-nav{display:none !important;}}

/* ****************** 히어로 ****************** */
#mainVisual{overflow:hidden; width:100%; position:relative; background-color:#000;}
.main-visual-con{position:relative; z-index:1; height:100%;}
.main-visual-item{position:absolute; inset:0; opacity:0; transition:opacity 1500ms ease; z-index:0;}
.main-visual-item.is-current{opacity:1; z-index:1;}
.main-visual-item .main-visual-img{width:100%; height:100%; background-size:cover !important; transform:scale(1.08,1.08);}
.main-visual-item.active-item .main-visual-img{animation:image-zoom-out 8s 0s forwards;}
.background-video-wrapper{position:relative; overflow:hidden; height:100vh; width:100%; background-color:#000;}
.background-video{position:absolute; inset:0;}
.background-video .video-ph{position:absolute; inset:0; background:url("../img/hero-1.svg") no-repeat center / cover; opacity:0; transition:opacity 3s 0.2s;}
.background-video.start .video-ph{opacity:0.8;}
.main-visual-txt-con{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.main-visual-txt-box{display:flex; justify-content:center; align-items:center; text-align:center; height:100%;}
.main-visual-txt-inner{display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.main-visual-txt-inner .main-visiual-logo{margin-right:5rem;}
.main-visual-txt-box .main-visiual-logo-wrap{overflow:hidden;}
.main-visual-item:first-child .main-visual-txt-inner{text-align:left;}
.main-visual-txt-box .main-visual-txt1.cm-word-split-JS.splitting .word{overflow:visible;}
.main-visual-txt-box .main-visual-txt1{display:block; font-size:7rem; font-weight:700; letter-spacing:0; color:#fff; margin-bottom:0.257em; text-align:left; line-height:1.55;}
.main-visual-item:first-child .main-visual-txt-box .main-visual-txt1{margin-bottom:0; font-size:70px; margin-top:-1px;}
.main-visual-txt-box .main-visual-txt2{font-size:1.6rem; line-height:1.625; color:rgba(255,255,255,0.5); font-weight:500; width:100%;}
.active-item .main-visiual-logo,.main-visual-txt-box .main-visual-txt1,.main-visual-txt-box .main-visual-txt2{opacity:0;}
.active-item .main-visiual-logo,.active-item .main-visual-txt1,.active-item .main-visual-txt2{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.5s;}
.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;}
@keyframes image-zoom-out{from{transform:scale(1.08,1.08);} to{transform:scale(1,1);}}
@keyframes text-active-animation{from{opacity:0; transform:translateY(50px);} to{opacity:1; transform:translateY(0);}}
@keyframes text-fade-out{from{opacity:1;} to{opacity:0;}}
.main-visual-counter{position:absolute; bottom:5rem; left:0; width:100%; z-index:11; font-size:13px; color:#fff; font-weight:600; opacity:0; transform:translateY(100%); transition:all 1.1s ease-in-out;}
body.active .main-visual-counter{transform:translateY(0); opacity:1;}
.main-visual-counter .inner-box{display:flex; justify-content:center; align-items:center;}
.main-visual-counter .count-box{margin:0 18px;}
.main-visual-counter span,.main-visual-counter .middle{display:inline-block; vertical-align:middle;}
.main-visual-counter .middle{margin:0 10px; width:1px; height:5px; background-color:rgba(255,255,255,0.5);}
.main-visual-counter .slick-arrow{border:0; cursor:pointer; z-index:9; font-size:24px; color:#fff;}

/* ****************** 공통: 제목 · 효과 · 슬라이드 조작부 ****************** */
.main-tit-box .main-sub-tit{display:block; color:var(--main-color); font-size:1.8rem; font-weight:600; line-height:1.3;}
.main-tit-box .main-tit{color:#111; font-size:5rem; line-height:1.4; letter-spacing:-0.05em; font-weight:700; margin-top:3.8rem;}
.main-tit-box .main-btn{display:flex; align-items:center; justify-content:center; width:20rem; height:6rem; font-size:1.5rem; letter-spacing:-0.065em; color:#000; font-weight:600; border:1px solid #999; box-sizing:border-box; margin-top:4.2rem; background-color:#fff; transition:all 0.4s;}
.section.active-effect .main-txt-effect{animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both 0.3s;}
.main-txt-effect.splitting .char,.main-txt-effect .effect-inner{animation:text-fade-out 1.5s cubic-bezier(0.4,0,0.2,1) both;}
.section.active-effect .main-txt-effect.splitting .char,.section.active-effect .main-txt-effect .effect-inner{animation:text-active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;}
.main-img-effect-wrap{overflow:hidden; display:block; opacity:0; transition:var(--transition-custom2); transition-delay:0.3s;}
.main-img-effect{transform:scale(1.08,1.08); transition:all 2s linear 0.3s;}
.section.active-effect .main-img-effect-wrap{opacity:1; transform:none;}
.section.active-effect .main-img-effect{transform:scale(1,1);}
.main-slide-controls-box{margin-top:5.8rem;}
.main-slide-controls-box .inner-box{display:flex; align-items:center;}
.main-slide-controls-box .slick-arrow{font-size:2.4rem; color:#000;}
.main-slide-controls-box .count-box{display:flex; align-items:center; font-size:1.6rem; font-weight:600; color:#000; margin:0 15px;}
.main-slide-controls-box .line{display:block; position:relative; width:110px; height:1px; background-color:rgba(0,0,0,0.1); margin:0 15px;}
.main-slide-controls-box .line .bar{position:absolute; top:0; left:0; width:0; height:100%; background-color:#000;}
.main-slide-controls-box .line .bar.run{width:100%; transition:width 4s cubic-bezier(0.25,0.46,0.45,0.94);}
@media all and (min-width:801px){.main-tit-box .main-btn:hover{background-color:var(--main-color); border-color:var(--main-color); color:#fff;}}

/* ****************** 회사 소개 ****************** */
.main-company-con{display:flex; align-items:center;}
#mainCompanyCon .img-box{position:absolute; top:0; left:0; width:50%; box-sizing:border-box; height:100vh;}
#mainCompanyCon .img-box .img{display:inline-block; position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden;}
#mainCompanyCon .img-box .img .main-img-effect-wrap{width:100%; height:100%;}
#mainCompanyCon .img-box .img img{position:absolute; width:100%; height:100%; top:0; left:0; object-fit:cover;}
.main-company-con .txt-box{width:50%; padding-left:5.42%; box-sizing:border-box; margin-left:50%;}

/* ****************** 사업 분야 ****************** */
.main-business-con{display:flex; align-items:center; position:relative;}
.main-business-con .txt-box{width:50%; padding-right:6.02%; box-sizing:border-box;}
#mainBusinessCon .slide-box{position:absolute; width:50%; box-sizing:border-box; top:50%; right:0; transform:translateY(-50%); height:100vh;}
.main-business-slide-wrap{position:relative;}
.main-business-slide{position:relative;}
.main-business-slide > li{position:absolute; top:0; left:0; width:100%; opacity:0; z-index:0; transition:opacity 800ms ease;}
.main-business-slide > li:first-child{position:relative;}
.main-business-slide > li.slick-active{opacity:1; z-index:1;}
.main-business-slide .slide-item{display:block;}
.main-business-slide .slide-item .inner-box{position:relative; padding-top:100vh;}
.main-business-slide .slide-item .img{position:absolute; inset:0;}
.main-business-slide .slide-item .more-btn{display:inline-block; position:absolute; left:0; top:50%; transform:translate(-50%,-50%); width:20.105%; z-index:9;}
.main-business-slide .slide-item .more-btn .inner{position:relative; display:block; width:100%; padding-top:100%;}
.main-business-slide .slide-item .more-btn .inner .ring{position:absolute; top:8.03%; left:8.03%; width:83.94%; height:83.94%; animation:rotate_image 10s linear infinite; transform-origin:50% 50%; z-index:2; overflow:visible;}
.main-business-slide .slide-item .more-btn .inner:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; border-radius:50%; z-index:1; transition:transform 0.5s ease-in-out;}
.main-business-slide .slide-item .more-btn .inner i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:3.2rem; color:var(--main-color); z-index:2;}
@keyframes rotate_image{100%{transform:rotate(360deg);}}
.main-business-slide .slide-item .info-box{position:absolute; bottom:7.46%; left:10.85%; right:10.85%; z-index:9; opacity:0; transition:opacity 0.4s 0.5s;}
.main-business-slide .slide-item .info-box .tit{font-size:6rem; letter-spacing:-0.025em; color:#fff;}
.main-business-slide .slide-item .info-box .sub-tit{display:block; font-size:2rem; letter-spacing:-0.025em; color:rgba(255,255,255,0.3); font-weight:500; margin-top:2rem;}
.main-business-slide .slide-item .info-box .txt{font-size:1.6rem; letter-spacing:-0.025em; color:rgba(255,255,255,0.5); line-height:1.625; margin-top:2.5rem;}
.main-business-slide li:not(.slick-active) .main-img-effect-wrap{opacity:0;}
.main-business-slide li:not(.slick-active) .main-img-effect{transform:scale(1.08,1.08);}
.main-business-slide li.slick-active .slide-item .info-box{opacity:1;}
.main-business-slide li.slick-active .main-img-effect-wrap{opacity:1; transform:none;}
.main-business-slide li.slick-active .main-img-effect{transform:scale(1,1);}
.section:not(.active-effect) .main-business-slide li .main-img-effect-wrap{opacity:0;}
.section:not(.active-effect) .main-business-slide li .main-img-effect{transform:scale(1.08,1.08);}
.main-business-slide .main-img-effect-wrap{position:absolute; inset:0;}
@media all and (min-width:801px){.main-business-slide .slide-item .more-btn:hover .inner:after{transform:scale(1.1);}}

/* ****************** 뉴스 ****************** */
.main-news-con{display:flex; align-items:center;}
.main-news-con .txt-box{width:50%; padding-right:6.02%; box-sizing:border-box;}
.main-news-con .slide-box{width:50%; padding-left:3.975%; box-sizing:border-box;}
.main-news-slide{margin:0 -10px;}
.main-news-slide .slick-list{overflow:hidden; position:relative;}
.main-news-slide .slick-track{display:flex; align-items:flex-start;}
.main-news-slide li{flex:0 0 auto; margin:0 10px; list-style:none;}
.main-news-slide li a{display:block; position:relative; padding:2rem 2rem 0; border:1px solid rgba(0,0,0,0.14); background-color:#fff;}
.main-news-slide li a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:var(--main-color); box-shadow:10px 10px 3.8rem rgba(0,0,0,0.21); opacity:0; transition:all 0.4s; z-index:1;}
.main-news-slide li dt{position:relative; padding-top:77.14%; transition:all 0.4s;}
.main-news-slide li dt .img{position:absolute; inset:0;}
.main-news-slide li dd{padding:40px 10px; transition:all 0.4s;}
.main-news-slide li .category{font-size:1.6rem; letter-spacing:-0.05em; color:rgba(34,34,34,0.3); font-weight:700;}
.main-news-slide li .tit{display:-webkit-box; font-size:2.8rem; line-height:1.42; height:2.84em; letter-spacing:-0.05em; color:#222; font-weight:600; margin-top:2rem;}
.main-news-slide li .txt{font-size:1.6rem; line-height:1.625; height:6.5em; letter-spacing:-0.025em; color:#fff; margin-top:3.5rem;}
.main-news-slide li .date{display:block; font-size:1.4rem; letter-spacing:-0.025em; color:#888; font-weight:600;}
.main-news-slide li .thumb-box{position:relative; transition:all 0.4s; z-index:0;}
.main-news-slide li .thumb-box .date{margin-top:3.5rem;}
.main-news-slide li .over-box{position:absolute; top:20%; left:12.38%; right:12.38%; bottom:12.44%; opacity:0; transition:all 0.4s; z-index:2;}
.main-news-slide li .over-box .inner-box{position:relative; height:100%;}
.main-news-slide li .over-box .category{color:rgba(255,255,255,0.3);}
.main-news-slide li .over-box .tit{color:#fff;}
.main-news-slide li .over-box .date{color:#fff; position:absolute; left:0; bottom:0;}
.main-news-con .slick-arrow.slick-disabled{cursor:default; opacity:0.2;}
@keyframes active-animation{from{opacity:0; transform:translateY(30%);} to{opacity:1; transform:translateY(0);}}
@keyframes active-animation-reverse{from{opacity:0; transform:translateY(-30%);} to{opacity:1; transform:translateY(0);}}
@media all and (min-width:801px){
	.main-news-slide li a:hover:before{opacity:1;}
	.main-news-slide li a:hover .thumb-box{opacity:0;}
	.main-news-slide li a:hover .over-box{opacity:1; top:50px;}
	.main-news-slide .slick-list{padding-right:8rem; padding-left:20px; box-sizing:border-box;}
	.main-news-slide .slick-track{padding:50px 0;}
	.main-news-slide li{opacity:0; visibility:hidden; padding-top:13.6rem;}
	.main-news-slide li.slick-active{opacity:1; visibility:visible;}
	.main-news-slide li.slick-current{padding-bottom:13.6rem; padding-top:0;}
	.section.active-effect .main-news-slide li.slick-active{animation:active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both;}
	.section.active-effect .main-news-slide li.slick-current{animation:active-animation-reverse 1.5s cubic-bezier(0.4,0,0.2,1) both;}
}

/* ****************** 채용 ****************** */
#mainRecruitCon:after{display:none;}
#mainRecruitCon .fp-tableCell,#mainRecruitCon .area-box{height:100%;}
.main-section-bg{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.main-section-bg .main-section-bg-inner{width:100%; height:100%; transform:scale(1.08,1.08); transition:all 2s linear;}
.main-section-bg.animated .main-section-bg-inner{transform:scale(1,1);}
.main-recruit-con{display:flex; height:100%;}
.main-recruit-con .left-box{display:flex; width:50%; border-right:1px solid rgba(255,255,255,0.1);}
.main-recruit-con .left-box .con-box{width:50%; padding-top:21.68%; padding-left:25px; border-left:1px solid rgba(255,255,255,0.1); box-sizing:border-box;}
.main-recruit-con .left-box .icon{display:inline-block; position:relative;}
.main-recruit-con .left-box .icon:before{content:""; width:3px; height:27px; background-color:#fff; position:absolute; left:-25px; top:50%; margin-top:-13.5px;}
.main-recruit-con .left-box .tit{display:block; font-size:3.6rem; letter-spacing:-0.05em; color:#fff; font-weight:700; margin-top:6rem;}
.main-recruit-con .left-box .txt{font-size:2rem; line-height:1.65; letter-spacing:-0.075em; color:rgba(255,255,255,0.6); margin-top:3rem;}
.main-recruit-con .left-box .more-btn{display:flex; align-items:center; justify-content:center; width:18.4rem; height:6rem; font-size:1.6rem; letter-spacing:-0.075em; color:#fff; border:1px solid #fff; box-sizing:border-box; margin-top:70px; transition:all 0.4s;}
.main-recruit-con .right-box{display:flex; align-items:flex-end; width:50%; padding:0 0 7.22% 6.98%; box-sizing:border-box;}
.main-recruit-con .main-tit-box .main-sub-tit{font-size:1.8rem; font-weight:600; color:#fff;}
.main-recruit-con .main-tit-box .main-tit{font-size:5rem; line-height:1.4; color:#fff; font-weight:600; margin-top:17px;}
.main-recruit-con .main-tit-box .main-tit .point{color:var(--main-color);}
@media all and (min-width:801px){.main-recruit-con .left-box .more-btn:hover{background-color:var(--main-color); border-color:var(--main-color);}}
#mainFooter:after{display:none;}
#fullpage .to-top-btn{display:none;}
.to-top-btn.main-btn{display:block;}

/* ****************** 반응형 ****************** */
@media all and (max-width:1280px){
	#fullpage .section:not(#mainVisual){height:auto !important;}
	.main-visual-txt-inner .main-visiual-logo img{height:115px;}
	.main-visual-item:first-child .main-visual-txt-box .main-visual-txt1{font-size:50px;}
}
@media all and (max-width:800px){
	.main-visual-txt-box{height:100%; align-items:center;}
	.main-visual-txt-box .main-visual-txt1{font-size:4rem; text-align:center;}
	.main-visual-item:first-child .main-visual-txt-box .main-visual-txt1{text-align:left; width:65%; font-size:30px;}
	.main-visual-txt-box .main-visiual-logo-wrap{width:35%;}
	.main-visual-txt-inner .main-visiual-logo{margin-right:0; text-align:center;}
	.main-visual-txt-inner .main-visiual-logo img{display:inline-block; width:70%; height:auto;}
	.main-visual-counter{margin-top:13.34%;}
	.main-tit-box .main-sub-tit{font-size:1.6rem;}
	.main-tit-box .main-tit{font-size:2.8rem; margin-top:2rem;}
	.main-tit-box .main-btn{margin-top:3rem;}
}
@media all and (max-width:380px){.main-visual-item:first-child .main-visual-txt-box .main-visual-txt1{font-size:25px;}}

@media (max-width:1280px) and (min-width:801px){
	#mainCompanyCon .fp-tableCell{display:flex;}
	#mainCompanyCon .img-box{position:relative; top:auto; left:auto;}
	#mainCompanyCon .area-box{width:50%; box-sizing:border-box;}
	.main-company-con{height:100%;}
	.main-company-con .txt-box{width:100%; margin-left:0;}
}
@media all and (max-width:1280px){
	#mainCompanyCon .img-box{height:auto;}
	#mainCompanyCon .img-box .img{position:relative; top:auto; left:auto;}
	#mainCompanyCon .img-box .img img{position:relative; height:auto; top:auto; left:auto;}
	#mainCompanyCon .img-box .img .main-img-effect-wrap{height:auto;}
}
@media all and (max-width:800px){
	#mainCompanyCon{padding:7rem 0 7rem;}
	#mainCompanyCon .fp-tableCell{display:block;}
	.main-company-con{display:block;}
	.main-company-con .txt-box{width:100%; padding-left:0; margin-top:4rem; margin-left:0;}
	#mainCompanyCon .img-box{position:relative; width:100%; margin:auto;}
}
@media (max-width:1280px) and (min-width:801px){
	#mainBusinessCon .fp-tableCell{display:flex;}
	#mainBusinessCon .area-box{width:50%; margin-left:0;}
	.main-business-con{height:100%;}
	.main-business-con .txt-box{width:100%;}
	#mainBusinessCon .slide-box{position:relative; width:50%; top:auto; right:auto; transform:none;}
}
@media all and (max-width:1280px){
	#mainBusinessCon .slide-box{height:auto;}
	.main-business-slide .slide-item .inner-box{padding-top:97.96%;}
}
@media all and (max-width:800px){
	#mainBusinessCon{padding:0 0 7rem;}
	.main-business-con{flex-wrap:wrap; flex-direction:column-reverse;}
	.main-business-con .txt-box{width:100%; padding-right:0; margin-top:6rem;}
	.main-business-con .main-slide-controls-box{margin-top:5rem;}
	.main-business-slide .slide-item .info-box{bottom:3.5rem; left:3.5rem;}
	.main-business-slide .slide-item .info-box .txt{display:none;}
	.main-business-slide .slide-item .info-box .sub-tit{font-size:1.6rem;}
	.main-business-slide .slide-item .more-btn{display:none;}
	#mainBusinessCon .fp-tableCell{display:flex; flex-direction:column-reverse;}
	#mainBusinessCon .slide-box{position:relative; width:100%; margin:auto; top:auto; right:auto; transform:none;}
}
@media all and (max-width:1280px){
	#mainNewsCon{padding:7rem 0;}
	.main-news-con .slide-box{padding:0;}
	.main-news-slide .slick-list{padding-right:4rem;}
}
@media all and (max-width:800px){
	.main-news-con{display:block;}
	.main-news-con .txt-box{width:100%; padding-right:0;}
	.main-news-con .slide-box{width:100%; margin-top:5.5rem;}
	.main-news-slide{margin:0;}
	.main-news-slide .slick-list{overflow:visible; padding-right:0;}
	.main-news-slide li dt{padding-top:66.66%;}
	.main-news-slide li{width:280px;}
	.main-news-slide li dd{padding:20px 10px;}
	.main-news-slide li .tit{font-size:2.2rem; margin-top:1rem;}
	.main-news-slide li .thumb-box .date{margin-top:2rem;}
	.main-news-slide-wrap{opacity:0;}
	.section.active-effect .main-news-slide-wrap{animation:active-animation 1.5s cubic-bezier(0.4,0,0.2,1) both 0.3s;}
}
@media all and (max-width:1280px){
	#mainRecruitCon{padding:6rem 0 8.5rem;}
	#mainRecruitCon .area-box{padding:0;}
	.main-recruit-con{display:block; text-align:center;}
	.main-recruit-con .left-box{display:block; width:100%; border-right:0;}
	.main-recruit-con .left-box .con-box{position:relative; width:100%; padding-top:0; padding-left:0; border-left:0; border-top:1px solid rgba(255,255,255,0.1);}
	.main-recruit-con .left-box .con-box:before{content:""; position:absolute; left:50%; top:0; margin-left:-13.5px; width:27px; height:3px; background-color:#fff;}
	.main-recruit-con .left-box .icon{padding-top:3rem;}
	.main-recruit-con .left-box .icon:before{display:none;}
	.main-recruit-con .left-box .tit{font-size:2.5rem; margin-top:2rem;}
	.main-recruit-con .left-box .txt{font-size:1.6rem; margin-top:2rem;}
	.main-recruit-con .left-box .more-btn{margin:3.5rem auto 7.5rem;}
	.main-recruit-con .right-box{display:block; width:100%; padding:3rem 0 0;}
	.main-recruit-con .main-tit-box .main-sub-tit{font-size:1.6rem;}
	.main-recruit-con .main-tit-box .main-tit{font-size:2.8rem;}
	.main-recruit-con .main-tit-box .main-tit .point{display:block;}
}

/* ****************** 에너플로: 히어로 로고 영상 · 회사 소개 문단 · 파트너 ****************** */
.background-video .hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; opacity:0; transition:opacity 1.5s 0.2s;}
.background-video.start .hero-video{opacity:1;}
/* 첫 장은 로고가 오른쪽에 맺히므로 글을 왼쪽에 둔다 */
.main-visual-item:first-child .main-visual-txt-box{justify-content:flex-start;}
.main-visual-item:first-child .main-visual-txt-inner{display:block;}
.main-visual-item:first-child .main-visual-txt-box .main-visual-txt1{line-height:1.3;}
.main-visual-item:first-child .main-visual-txt-box .main-visual-txt2{margin-top:3.2rem; font-size:1.8rem; text-align:left; color:rgba(255,255,255,0.6);}
.main-company-txt{max-width:56rem; margin-top:3.2rem; font-size:1.8rem; line-height:1.75; letter-spacing:-0.025em; color:#666;}
.main-company-txt .effect-inner{display:block;}
@media all and (max-width:1280px){
	#mainPartnerCon{padding:10rem 0;}
	.main-visual-item:first-child .main-visual-txt-box .main-visual-txt2{font-size:16px;}
}
@media all and (max-width:800px){
	#mainPartnerCon{padding:7rem 0;}
	.main-company-txt{font-size:1.6rem; margin-top:2.4rem;}
	/* 세로 화면: 로고가 화면 가운데 위쪽에 오도록 영상을 옮기고, 글은 아래쪽에 둔다 */
	.background-video-wrapper{background-color:#071629;}
	.background-video .hero-video{height:68%; object-position:84% 50%; -webkit-mask-image:linear-gradient(#000 72%,transparent); mask-image:linear-gradient(#000 72%,transparent);}
	.main-visual-item:first-child .main-visual-txt-box{align-items:flex-end; padding-bottom:22vh; box-sizing:border-box;}
	.main-visual-item:first-child .main-visual-txt-box .main-visual-txt1{width:100%;}
	.main-visual-item:first-child .main-visual-txt-box .main-visual-txt2{margin-top:2rem; font-size:14px;}
}
/* 채용 자리(화주사 · 차주) 배경 사진 위 흰 글자가 읽히도록 어둡게 덮는다 */
#mainRecruitCon .main-section-bg:after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(6,14,28,0.78) 0%, rgba(6,14,28,0.55) 55%, rgba(6,14,28,0.35) 100%);}
@media all and (max-width:800px){.main-recruit-con .main-tit-box .main-tit .point{display:inline;}}