@charset "utf-8";

/* common */
html,body{background-color:#000;}
#header{opacity:0; top:-200rem; transition:top 1.1s ease-out 0.3s, opacity 0.5s ease-out 0.3s; will-change:top;}
#header.is-motion{opacity:1; top:0;}
[data-main]{position:relative; height:100%;}
[data-main] h2{position:absolute; top:90rem; font-family:var(--font-eng); font-size:15rem; font-weight:600; color:var(--color-white); letter-spacing:1.5rem;}
[data-main] h2 i{margin-right:30rem; font-weight:700;}
#fullpage{overflow-x:hidden; opacity:0; transition:opacity 0.5s;}
#fullpage.is-motion{opacity:1;}
.fullpage-anchor{display:none;}
.fp-section:not(#section5){min-height:850rem;}
@media screen and (max-width:1300px){
	[data-main] h2{position:static; text-align:left;}
	.fp-section:not(#section1){height:auto !important;}
	.fp-section#section4{min-height:inherit;}
	.fp-tableCell{display:block; height:100% !important;}
}
@media screen and (max-width:620px){
	.fp-section#section1{min-height:inherit;}
	.fp-section#section2{min-height:inherit;}
}
@media screen and (max-width:480px){
	.fp-section#section3,
	.fp-section#section4{min-height:inherit;}
}

/* cursor */
#cursor{position:fixed; z-index:1000; width:90rem; height:90rem; text-align:center; pointer-events:none; mix-blend-mode:exclusion; transform-origin:50% 50%; transition:opacity 0.3s ease;}
#cursor span{opacity:0; display:block; position:absolute; top:50%; left:50%; z-index:1; font-family:var(--font-eng); font-weight:700; font-size:12rem; transform:translate(-50%, -50%); transition:opacity 0.3s ease-in-out 0s;}
#cursor i{opacity:1; overflow:hidden; display:block; width:100%; height:100%; border-radius:100%; background:#fff; mix-blend-mode:exclusion; backface-visibility:hidden; transform:scale(0); transition:all 0.3s ease-in-out 0s;}
#cursor.big span{opacity:1; transition-delay:0.2s;}
#cursor.big i{transform:scale(1);}

/* button */
.round-btn{overflow:hidden; display:inline-flex; justify-content:center; align-items:center; position:relative; min-width:350rem; height:95rem; box-sizing:border-box; border:2rem solid rgba(255,255,255,0.8); border-radius:50rem; font-family:var(--font-combine); font-size:35rem; font-weight:500;}
.round-btn:before{content:''; display:block; position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,0.1); transition:0.3s;}
.round-btn span{position:relative; z-index:2;}
.round-btn:after{content:''; display:block; position:absolute; right:35rem; top:50%; z-index:2; width:21rem; height:21rem; margin-top:-10.5rem; background:url(../images/common/arrow_white.svg) no-repeat 50% 50%; background-size:100% auto; transform:rotate(45deg); transition:transform 0.3s;}
.round-btn:hover:before{backdrop-filter:blur(5px);}
.round-btn:hover:after{transform:rotate(0deg);}
@media screen and (max-width:768px){
	.round-btn{min-width:300rem; height:80rem; font-size:30rem;}
	.round-btn:after{width:16rem; height:16rem; margin-top:-8rem;}
}
@media screen and (max-width:480px){
	.round-btn{min-width:280rem; height:70rem; font-size:25rem;}
}

/* slide */
.bottom{--sizeWid:90rem; display:flex; align-items:center; gap:10rem;}
.bottom button[class*="swiper_"]{display:inline-flex; justify-content:center; align-items:center; position:relative; width:var(--sizeWid); height:var(--sizeWid); box-sizing:border-box; background-color:transparent; border:1rem solid var(--color-white); border-radius:100%; font-size:0; transition:border 0.4s;}
.bottom button[class*="swiper_"]:before{content:''; display:block; position:relative; z-index:3; width:12rem; height:19rem; background:url(../images/main/slide_arrow.svg) no-repeat 50% 50%; background-size:100% auto;}
.bottom button[class*="swiper_"]:after{content:''; opacity:0; display:block; position:absolute; width:100%; height:100%; border-radius:100%; background-color:var(--color-point); transform:scale(0); transition:0.3s; transition-property:opacity, transform;}
.bottom button[class*="swiper_"]:hover{border-color:transparent;}
.bottom button[class*="swiper_"]:hover:after{opacity:1; transform:scale(1);}
.bottom button.swiper_prev:before{transform:rotate(180deg); transform-origin:50% 50%;}
@media screen and (max-width:620px){
	.bottom{--sizeWid:70rem;}
}
@media screen and (max-width:480px){
	.bottom{--sizeWid:60rem;}
	.bottom button[class*="swiper_"]:before{width:9rem; height:16rem;}
}


/* main visual */
.visual-list{overflow:hidden; position:relative; height:100%;}
.visual-list .obj{position:absolute; top:50%; z-index:3; width:100%; transform:translateY(-110%);}
.visual-list .obj > div{display:flex; justify-content:center; align-items:center; gap:0 90rem; font-family:var(--font-eng); font-size:150rem; font-weight:600; color:rgba(255,255,255,0.15);}
[data-visual="video"]{position:absolute; top:50%; left:50%; z-index:1; width:100%; height:100%; transform:translate(-50%, -50%);}
[data-visual="video"]:before{content:''; opacity:1; display:block; position:absolute; top:0px; left:0px; z-index:2; width:100%; height:100%; background:#000; transition:opacity 2s ease 0s;}
[data-visual="video"] video{width:auto; height:auto; min-width:105%; min-height:105%; margin-top:-5%; border:0px;}
[data-visual="text"]{max-width:1600rem; margin:0 auto; padding:0 var(--pagd-pad);}
[data-visual="text"] .inr{display:flex; flex-direction:column; justify-content:center; position:absolute; top:50%; z-index:10; height:100%; transform:translateY(-50%); color:var(--color-white);}
[data-visual="text"] em{display:block; font-size:70rem; font-weight:500;}
[data-visual="text"] p{opacity:0.6; margin-top:50rem; font-size:24rem; font-weight:300; word-break:keep-all;}
.video-control{display:flex; align-items:center; gap:10rem; position:absolute; bottom:105rem; z-index:20;}
.video-control button,
.video-control a{display:inline-flex; justify-content:center; align-items:center; position:relative; width:60rem; height:60rem; background-color:rgba(255,255,255,0.1); border-radius:100%; font-family:var(--font-eng);}
.video-control button:before,
.video-control a:before{content:''; display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-color:var(--color-point); border-radius:100%; transform:scale(0); transition:transform 0.3s ease-in-out;}
.video-control button:hover:before,
.video-control a:hover:before{transform:scale(1);}
.video-control button{font-size:0;}
.video-control button:after{content:''; display:block; position:relative; z-index:5; width:10rem; height:11rem; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto;}
.video-control button.video-btn:after{background-image:url(../images/main/video_btn_stop.svg);}
.video-control button.video-btn.pause:after{background-image:url(../images/main/video_btn_play.svg);}
.video-control a{justify-content:flex-start; white-space:nowrap; position:relative; color:var(--color-white); font-size:15rem; text-transform:uppercase; letter-spacing:1rem;}
.video-control a span{position:relative; z-index:5; margin-left:30rem; transition:transform 0.3s ease-in-out;}
.video-control a:hover span{transform:translateX(40rem);}
	/* main visual - active */
[data-main="visual"] .visual-list .obj span{opacity:0; transition:1.5s ease-out; transition-property:opacity, transform;}
[data-main="visual"] .visual-list .obj span:nth-of-type(1){transform:translateX(-50%);}
[data-main="visual"] .visual-list .obj span:nth-of-type(2){transform:translateY(-50%);}
[data-main="visual"] .visual-list .obj span:nth-of-type(3){transform:translateX(50%);}
[data-main="visual"].is-motion .visual-list .obj span:nth-of-type(1){opacity:1; transform:translateX(0);}
[data-main="visual"].is-motion .visual-list .obj span:nth-of-type(2){opacity:1; transform:translateY(0);}
[data-main="visual"].is-motion .visual-list .obj span:nth-of-type(3){opacity:1; transform:translateX(0);}
[data-main="visual"] [data-visual="text"] em,
[data-main="visual"] [data-visual="text"] p{opacity:0; transform:translateY(20rem); transition:1s ease; transition-property:opacity, transform;}
[data-main="visual"].is-motion [data-visual="text"] em,
[data-main="visual"].is-motion [data-visual="text"] p{transform:translateY(0);}
[data-main="visual"].is-motion [data-visual="text"] em{opacity:1; transition-delay:0.7s;}
[data-main="visual"].is-motion [data-visual="text"] p{opacity:0.6; transition-delay:0.85s;}
[data-main="visual"].is-motion [data-visual="video"]:before{opacity:0.15;}
@media screen and (max-width:1024px){
	[data-visual="text"] em{font-size:55rem; word-break:keep-all;}
	[data-visual="text"] em br{display:none;}
	.visual-list{min-height:800rem;}
	.visual-list .obj{display:none;}
}
@media screen and (max-width:768px){
	[data-visual="text"] .inr{box-sizing:border-box; padding:0 20rem;}
	[data-visual="text"] em{font-size:45rem;}
}
@media screen and (max-width:620px){
	[data-visual="text"] em{font-size:35rem;}
	[data-visual="text"] p{font-size:20rem;}
}
@media screen and (max-width:480px){
	.visual-list{min-height:750rem;}
	[data-visual="text"] em{font-size:30rem; line-height:1.4;}
	[data-visual="text"] p{font-size:18rem;}
	[data-visual="text"] .inr{padding-left:0;}
	.video-control button,
	.video-control a{width:50rem; height:50rem;}
	.video-control a{font-size:13rem;}
}

/* 비즈니스 */
[data-main="business"]{display:flex; align-items:center; background:url(../images/main/bg_business.jpg) no-repeat 50% 50%; background-size:cover;}
[data-main="business"] .inr{flex:auto; max-width:1600rem; margin:0 auto; padding:70rem var(--pagd-pad) 0;}
[data-main="business"] .obj{font-family:var(--font-eng); font-size:150rem; font-weight:600; color:rgba(255,255,255,0.10); mix-blend-mode:overlay;}
[data-main="business"] .obj span{position:absolute; left:50%; line-height:1cap;}
[data-main="business"] .obj span[data-obj="human"]{top:14%; transform:translateX(-100%);}
[data-main="business"] .obj span[data-obj="nature"]{bottom:14%;}
[data-biz] .cls-1,
[data-biz] .cls-2{fill:none;}
[data-biz] .cls-2{stroke:#fff; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px;}
[data-biz="03"] .cls-3{fill:#fff;}
[data-biz] a{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40rem; position:relative; z-index:3; color:var(--color-white); text-align:center;}
[data-biz] a i{opacity:0; display:block; width:120rem; transition:opacity 0.3s ease;}
[data-biz] a em{font-family:var(--font-eng); font-size:30rem; font-weight:600;}
[data-biz] a p{font-size:30rem; font-weight:600; line-height:1.5;}
.biz-list{display:flex; align-items:stretch; gap:0 100rem; max-width:1400rem; margin:0 auto;}
.biz-list .box{--sizeWid:600rem;position:relative; width:calc(100% / 3);}
.biz-list .box .round{display:block; position:absolute; top:50%; left:50%; width:var(--sizeWid); height:var(--sizeWid); transform:translate(-50%, -50%);}
.biz-list .box .round svg{transform:rotate(90deg) scaleX(-1); transition:opacity 0.3s ease-out;}
.biz-list .box .round{opacity:0; transition:opacity 0.5s;}
.biz-list .box .round .hover-bg{opacity:0; overflow:hidden; display:block; position:absolute; z-index:1; width:100%; height:100%; border-radius:100%; transition:opacity 0.3s ease-out;}
.biz-list .box .round .hover-bg img{object-fit:cover; width:100%; height:100%;}
	/* 비즈니스 - active */
[data-main="business"] .obj span[data-obj="human"],
[data-main="business"] .obj span[data-obj="nature"]{opacity:0; transition:transform 2s ease-out 0.8s, opacity 0.7s ease 0.8s;}
[data-main="business"] .obj span[data-obj="human"]{transform:translateX(-90%);}
[data-main="business"] .obj span[data-obj="nature"]{transform:translateX(-10%);}
body:is(.fp-viewing-main02, .fp-viewing-main03) [data-main="business"] .obj span[data-obj="human"],
body:is(.fp-viewing-main02, .fp-viewing-main03) [data-main="business"] .obj span[data-obj="nature"]{opacity:1;}
body:is(.fp-viewing-main02, .fp-viewing-main03) [data-main="business"] .obj span[data-obj="human"]{transform:translateX(-100%);}
body:is(.fp-viewing-main02, .fp-viewing-main03) [data-main="business"] .obj span[data-obj="nature"]{transform:translateX(0);}
.biz-list .box.active{z-index:10;}
.biz-list .box.active .round .hover-bg{opacity:1;}
.biz-list .box.active .round svg{opacity:0;}
.biz-list .box.active a i{opacity:0;}
@keyframes showDash{
  to {
    stroke-dashoffset:0;
  }
}
@media screen and (min-width:481px){
	body:is(.fp-viewing-main02, .fp-viewing-main03) [data-biz] a i{opacity:1;}
	body:is(.fp-viewing-main02, .fp-viewing-main03) .biz-list .box .round{opacity:1;}
	body:is(.fp-viewing-main02, .fp-viewing-main03) .round-svg{stroke-dasharray:2000; stroke-dashoffset:2000; animation:showDash 1.5s linear forwards 0.5s;}
	body:is(.fp-viewing-main02, .fp-viewing-main03) [data-biz] .cls-2{stroke-dasharray:2000; stroke-dashoffset:2000; animation:showDash 10s linear forwards 0.5s;}
}
@media screen and (max-width:1660px){
	.biz-list{max-width:1300rem;}
	.biz-list .box{--sizeWid:500rem;}
}
@media screen and (max-width:1300px){
	.fp-section#section2:after{content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:2880rem; background:url(../images/main/bg_main_mob.jpg) no-repeat 0 100%; background-size:cover;}
	[data-main="business"]{background-image:none;}
	[data-main="business"] .inr{min-height:850rem; padding-top:100rem; padding-bottom:100rem;}
	.biz-list{flex-wrap:wrap; gap:50rem 0; margin-top:100rem;}
	.biz-list .box{width:calc(100% / 2);}
	.biz-list .box[data-biz="03"]{margin:0 auto;}
	[data-biz] a{width:var(--sizeWid); margin:0 auto;}
	[data-biz] a em,
	[data-biz] a p{font-size:25rem;}
}
@media screen and (max-width:1024px){
	.biz-list{gap:120rem 0;}
}
@media screen and (max-width:768px){
	.fp-section#section2:after{width:100%; height:2400rem; background-image:url(../images/main/bg_main_mob02.jpg);}
	[data-main="business"] .inr{min-height:inherit;}
	.biz-list{gap:100rem 0;}
	.biz-list .box{--sizeWid:350rem;}
	[data-biz] a{gap:20rem;}
	[data-biz] a em,
	[data-biz] a p{font-size:20rem;}
	[data-biz] a i{width:100rem;}
	[data-main="business"] .obj{color:rgba(255,255,255,0.07); font-size:120rem;}
	body:is(.fp-viewing-main02) [data-main="business"] .obj span[data-obj="human"]{top:15%; transform:translateX(-50%);}
	body:is(.fp-viewing-main02) [data-main="business"] .obj span[data-obj="nature"]{transform:translateX(-20%);}
}
@media screen and (max-width:620px){
	.biz-list{gap:40rem 0;}
	.biz-list .box{--sizeWid:300rem;}
	[data-biz] a p{font-size:18rem;}
	[data-main="business"] .obj{font-size:100rem;}
	[data-main="business"] .obj span[data-obj="nature"]{bottom:5%;}
}
@media screen and (max-width:480px){
	.biz-list{flex-direction:column; align-items:center; gap:80rem 0;}
	.biz-list .box{width:100%;}	
	[data-biz] a p{font-size:16rem;}
	[data-main="business"] .obj{font-size:70rem;}
	[data-main="business"] .obj span[data-obj="nature"]{bottom:40%;}
	
	.biz-list .box.motion_in .round{opacity:1;}
	.biz-list .box.motion_in .round-svg{stroke-dasharray:2000; stroke-dashoffset:2000; animation:showDash 1.5s linear forwards 0.5s;}
	.biz-list .box.motion_in a i{opacity:1;}
	.biz-list .box.motion_in .cls-2{stroke-dasharray:2000; stroke-dashoffset:2000; animation:showDash 10s linear forwards 0.5s;}
}


/* 프로젝트 */
[data-main="project"]{display:flex; flex-wrap:wrap; align-items:center; align-content:center; background:url(../images/main/bg_project.jpg) no-repeat 50% 50%; background-size:cover;}
[data-main="project"] .inr{flex:0 1 100%; max-width:1600rem; margin:0 auto; padding:0 var(--pagd-pad);}
[data-main="project"] .title-sub{position:absolute; top:260rem; font-size:35rem; font-weight:600; color:var(--color-white);}
.project-area{position:relative; width:50%; margin-left:auto;}
.project-list{overflow:hidden; padding:80rem 0;}
.project-area .bottom{flex-direction:column; position:absolute; left:-20rem; top:80rem; margin-left:calc(var(--sizeWid) * -1);}
.project-slide .swiper-slide{width:500rem; height:600rem; margin-left:40rem; transition:opacity 0.3s;}
.project-slide .swiper-slide a{overflow:hidden; display:block; position:relative; height:100%; box-sizing:border-box; padding:45rem 20rem; background:var(--color-white); border-radius:20rem; transition:box-shadow 0.3s;}
.project-slide .swiper-slide em{display:flex; gap:15rem; align-items:center; height:40rem; margin:10rem 0 20rem 25rem; text-transform:uppercase; font-family:var(--font-combine); font-size:15rem; font-weight:600; color:var(--color-blue);}
.project-slide .swiper-slide em:before{content:''; display:block; width:14rem; height:14rem; background-color:var(--color-blue); border-radius:100%;}
.project-slide .swiper-slide .img{overflow:hidden; display:block; aspect-ratio:92/57;}
.project-slide .swiper-slide .img img{object-fit:cover; width:100%; height:100%; transform:scale(1); transition:transform 0.3s ease-in-out;}
.project-slide .swiper-slide div{margin:25rem 25rem 0 25rem;}
.project-slide .swiper-slide div strong{display:block; font-size:16rem; font-weight:700; color:var(--color-blue);}
.project-slide .swiper-slide div p{margin-top:10rem; font-size:25rem; font-weight:500; word-break:keep-all;}
.project-slide .swiper-slide div:after{content:''; opacity:0.3; display:block; position:absolute; bottom:45rem; right:40rem; width:19rem; height:20rem; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.177 24.917'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23222;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.806,0l1.371,1.372V21.533H18.954V9.421L3.917,24.917,0,20.88l15.036-15.5H3.284V0Z'/%3E%3C/svg%3E"); transform:rotate(45deg); transition:0.3s ease-in-out; transition-property:opacity, transform;}
	/* 프로젝트-color */
.project-slide .swiper-slide.green em,
.project-slide .swiper-slide.green div strong{color:var(--color-point);}
.project-slide .swiper-slide.green em:before{background-color:var(--color-point);}
.project-slide .swiper-slide.orange em,
.project-slide .swiper-slide.orange div strong{color:var(--color-orange);}
.project-slide .swiper-slide.orange em:before{background-color:var(--color-orange);}
	/* 프로젝트-hover */
.project-slide .swiper-slide a:hover{box-shadow:0 40rem 40rem rgba(0,0,0,0.3);}
.project-slide .swiper-slide a:hover div:after{opacity:1; transform:rotate(0);}
.project-slide .swiper-slide a:hover .img img{transform:scale(1.04);}
	/* 프로젝트 - active */
[data-main="project"] .title-sub{opacity:0; transform:translateX(10%); transition:transform 2s ease-out 0.8s, opacity 0.7s ease 0.8s;}
body:is(.fp-viewing-main03, .fp-viewing-main04) [data-main="project"] .title-sub{opacity:1; transform:translateX(0);}

@media screen and (max-width:1300px){
	[data-main="project"]{background-image:none;}
	[data-main="project"] .inr{padding-top:100rem; padding-bottom:30rem;}
	[data-main="project"] .title-sub{position:static; margin-top:30rem;}
	.project-area{width:100%; box-sizing:border-box; margin-left:0;}
	.project-area .bottom{flex-direction:row; top:-100rem; left:auto; right:var(--pagd-pad);}
	.project-list{padding-top:30rem;}
	.project-slide .swiper-slide{margin-left:30rem;}
}
@media screen and (max-width:1024px){
	.project-slide .swiper-slide{width:400rem; height:500rem;}
	.project-slide .swiper-slide a{padding-top:20rem;}
	.project-slide .swiper-slide div p{font-size:22rem;}
	.project-slide .swiper-slide em,
	.project-slide .swiper-slide div{margin-left:0;}
}
@media screen and (max-width:620px){
	[data-main="project"] .title-sub{font-size:25rem;}
	.project-slide .swiper-slide{width:300rem; height:420rem;}
	.project-slide .swiper-slide div p{font-size:20rem;}
	.project-slide .swiper-slide div:after{right:30rem; width:14rem; height:15rem;}
	.project-slide .swiper-slide div strong{font-size:14rem;}
	.project-slide .swiper-slide em{font-size:13rem;}
	.project-slide .swiper-slide em:before{width:10rem; height:10rem;}
}
@media screen and (max-width:480px){
	[data-main="project"] .inr{padding-top:50rem;}
	.project-area .bottom{bottom:0; top:auto; left:50%;}
	.project-slide .swiper-slide{width:300rem; height:400rem; margin-left:20rem;}	
}


/* 채용 */
[data-main="recruit"]{overflow:hidden; display:flex; align-items:center; background:url(../images/main/bg_recruit.jpg) no-repeat 50% 50%; background-size:cover;}
[data-main="recruit"] .inr{flex:auto; z-index:5; max-width:1600rem; margin:0 auto; padding:0 var(--pagd-pad); color:var(--color-white); text-align:center;}
[data-main="recruit"] em{display:block; font-size:70rem; font-weight:500;}
[data-main="recruit"] p{margin-top:70rem; margin-bottom:90rem; font-size:35rem; font-weight:300; word-break:keep-all;}
[data-main="recruit"]:after{content:''; display:block; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:360rem; background:linear-gradient(0deg, rgba(31,127,87,1) 10%, rgba(31,127,87,0.8) 30%, rgba(31,127,87,0) 70%, rgba(31,127,87,0) 100%);}
	/* 채용 - active */
[data-main="recruit"] em,
[data-main="recruit"] p,
[data-main="recruit"] .round-btn{opacity:0; transform:translateY(20rem); transition:0.7s ease; transition-property:opacity, transform;}
body:is(.fp-viewing-main04) [data-main="recruit"] em,
body:is(.fp-viewing-main04) [data-main="recruit"] p,
body:is(.fp-viewing-main04) [data-main="recruit"] .round-btn{opacity:1; transform:translateY(0);}
body:is(.fp-viewing-main04) [data-main="recruit"] em{transition-delay:0.7s;}
body:is(.fp-viewing-main04) [data-main="recruit"] p{transition-delay:0.9s;}
body:is(.fp-viewing-main04) [data-main="recruit"] .round-btn{transition-delay:1.1s;}

@media screen and (max-width:1300px){
	[data-main="recruit"]{background-image:none;}
	[data-main="recruit"] .inr{padding-top:100rem; padding-bottom:100rem;}
	[data-main="recruit"] h2{margin-bottom:100rem;}
	[data-main="recruit"] em{font-size:55rem; word-break:keep-all;}
	[data-main="recruit"] em br{display:none;}
	[data-main="recruit"] p{font-size:30rem;}
}
@media screen and (max-width:768px){
	[data-main="recruit"] em{font-size:40rem;}
	[data-main="recruit"] p{margin-top:40rem; font-size:25rem;}
}
@media screen and (max-width:620px){
	[data-main="recruit"] em{font-size:35rem;}
	[data-main="recruit"] p{font-size:22rem;}
}
@media screen and (max-width:480px){
	[data-main="recruit"] em{font-size:30rem; line-height:1.4;}
	[data-main="recruit"] p{margin-top:20rem; margin-bottom:50rem; font-size:20rem;}
	[data-main="recruit"]:after{height:500rem;}
	
	body:is(.fp-viewing-main05) [data-main="recruit"] em,
	body:is(.fp-viewing-main05) [data-main="recruit"] p,
	body:is(.fp-viewing-main05) [data-main="recruit"] .round-btn{opacity:1; transform:translateY(0);}
	body:is(.fp-viewing-main05) [data-main="recruit"] em{transition-delay:0.7s;}
	body:is(.fp-viewing-main05) [data-main="recruit"] p{transition-delay:0.9s;}
	body:is(.fp-viewing-main05) [data-main="recruit"] .round-btn{transition-delay:1.1s;}
}