@charset "utf-8";
@import url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy.css');


html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.mvWrap { height:100vh; position:relative; width:100%; overflow: hidden; }
.header { 
	position: absolute;
	left:0; 
	top:50px;
	top:-120px;
	width:100%;
	z-index:3;
	transition: all 1.3s ease-out;
}
.header > article { display: flex; justify-content: space-between; align-items: center; width:1470px; margin:0 auto;}
.logo a { width: 230px; height: 61px; }
.logo a img { width: 100%; }
.navMenu ul { display: flex;;}
.navMenu ul li { margin-left:50px; }
.navMenu ul li:nth-child(1) { margin-left:0; }
.navMenu ul li a { font-size:20px; font-weight:900; color:#fff; }


.baseWidth { width:1470px; margin:0 auto; }
.mvBox { 
	position: relative; width: 100%; height: 100%; display: flex; align-items: center; 
}
/*.mv { background: #000721 url(../images/main_mv.png) no-repeat center / cover;} */
.mv::after { 
	content:"";display:block; width:100%; height:100%; position: absolute; left:0; bottom: -1px;
	background: url(../images/main_mv_shadow.png) no-repeat center bottom / cover ;
}
.mv > div { position: relative; z-index:10;}

.flexStartCenter { display: flex; justify-content: flex-start;}

.mainText { position: relative; top:20px; opacity: 0; 	transition: all 1s ease-out 1s;}
.mainText p:nth-child(1) span { font-size:56px; font-weight:500; color:#fff; line-height:1.3; display: block; font-family: 'Paperozi';}
.mainText p:nth-child(1) span strong { font-size:56px; font-weight:900; color:#fff; font-family: 'Paperozi';}
.mainText p:nth-child(2) { margin-top:80px}
.mainText p:nth-child(2) span { font-size:25px; font-weight:400; color:#fff; line-height:1.5; display: block;}
.mainText p:nth-child(2) span strong { font-size:25px; font-weight:700; color:#fff; }


.scroll_q { 
	display: flex; flex-direction: column; 
	justify-content: flex-start; align-items: center; 
	position: absolute; left:50%; bottom:50px; 
	width: 50px; height: 110px;
	border-radius:25px;
	border:2px solid rgba(255,255,255,1);
	opacity: 0;
	transition: all 1s ease-out;;
}
.scroll_q i { width: 27px; height: 27px; border:2px solid rgba(255,255,255,1); display: block; border-radius:14px; position: relative;}

.scroll_q i:nth-child(1) { z-index:1; 
	top:5px;
	/* animation: opacity1 1s ease-in-out infinite; */

	animation-name: fadeMoving1;
    animation-duration: 1.5s;
    /* animation-delay: 1s; */
    animation-direction: alternate;
    animation-iteration-count: infinite;
    /* animation-play-state: paused; */
    animation-timing-function: 1s;
    animation-fill-mode: both;
}

@keyframes fadeMoving1 {
  0% { opacity:0; transform:scale(1); transform: translateY(0); }
  100% { opacity:1; transform:scale(1); transform: translateY(64px); }
}

@keyframes opa1 {
  0% { opacity:0;  }
  100% { opacity:0.2;  }
}
@keyframes opa2 {
  0% { opacity:0;  }
  100% { opacity:0.4;  }
}
@keyframes opa3 {
  0% { opacity:0;  }
  100% { opacity:0.6;  }
}
@keyframes opa4 {
  0% { opacity:0;  }
  100% { opacity:1;  }
}

.contact_wrap { 
	position: fixed; 
	right:-200px; 
	right:-300px;
	top:50%; transform: translateY(-50%); 
	display: flex;
	transition: all 1s ease;
	z-index:99999;
}

.contact_wrap:hover { right:0; }

.contact_wrap > .con_ov { width: 60px; display: block; }
.contact_wrap > .con_ov img { width:100%;}
.contact_wrap > .contact_list { 
	background:#fff; border-radius:20px; padding:20px; 
	width:200px;
}

.contact_list h2 { width: 164px; }
.contact_list h2 img { width: 100%; }
.contact_list .cl_p { padding:16px 5px;}
.contact_list .cl_p span { color:#414141; font-size:16px; font-weight:700; line-height:1.6; display: block;}
.contact_list .cl_p span strong { color:#0125B7; font-size:16px; font-weight:700; }

.cl_qk li:nth-child(1) a { display: flex; align-items: center; background:#526DFF; border-radius:9px; height:52px; justify-content: space-between; padding:0 17px 0 17px}
.cl_qk li:nth-child(1) a strong { font-size:22px; font-weight:700; color:#fff; font-family: 'Paperlogy', sans-serif;font-weight:500}
.cl_qk li:nth-child(1) a i { width: 25px; }
.cl_qk li:nth-child(1) a i img { width: 100%; }

.cl_qk li:nth-child(2) { margin-top:5px;}
.cl_qk li:nth-child(2) a { 
	border-radius:9px; 
	border:1px solid #B9B9B9; 
	padding:0 17px 0 17px;
	display: block;
}
.cl_qk li:nth-child(2) a span { display: flex; align-items: center; justify-content: space-between; } 
.cl_qk li:nth-child(2) a span strong { font-size:22px; font-weight:700; color:#414141; font-family: 'Paperlogy', sans-serif;font-weight:500}
.cl_qk li:nth-child(2) a span i { width: 25px; }
.cl_qk li:nth-child(2) a span i img { width: 100%; }

.cl_qk li:nth-child(2) a span:nth-child(1) { padding:12px 0 10px 0; border-bottom:1px solid #b9b9b9; }
.cl_qk li:nth-child(2) a span:nth-child(2) { padding:12px 0 17px 0; }
.cl_qk li:nth-child(2) a span:nth-child(2) em { color:#0125B7; font-weight:900; font-size:22px; letter-spacing: -0.5px;font-family: 'Paperlogy', sans-serif;}


.pgBox { 
	position: fixed; 
	left:100px; 
	left:-50px;
	transition: all 1s ease-out;
	top:50%; 
	transform: translateY(-50%); 
	display: flex; align-items: center; flex-direction: column; justify-content: center; 
	z-index:99999;
}
.pgBox .i-home { width:21px; height: 24px; display: block; margin-bottom:10px; }
.pgBox .i-home svg { width: 100%;}

.pgBox span { color:#fff; font-size:18px; font-weight:700; display: inline-block; transition: all 0.3s;}
.pgBox strong { color:#fff; font-size:18px; font-weight:700; display: inline-block; transition: all 0.3s;}

.pgBox div { position: relative; padding:10px 0;}
.pgBox div ul { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.pgBox div ul li { height:30px; border-left:3px solid #fff; transition: all 0.3s;}
.pgBox div ul li.on { border-left:3px solid #2564ff;}

.pgBox div em { 
	font-size:14px; text-align: center; color:#fff; transform: rotate(90deg); 
	font-weight:700;
	position: absolute;
	left:-65px; top:90px; 
	width:180px;
	/* border:1px solid #fff; */
}
.pgBox div em.on { color:#404040; }
.pgBox strong.on { color:#404040;}

.pgBox.on span { color:#404040; }
.pgBox.on strong { color:#404040; }
.pgBox.on div ul li { border-left:3px solid #404040; }
.pgBox.on div ul li.on { border-left:3px solid #2564ff;}


.pgBox.active { left:30px; }
.contact_wrap.active { right:-200px; }
.contact_wrap.active:hover { right:0 }
.header.active { top:50px; }
.scroll_q.active { opacity: 1;}
.mainText.active { top:0; opacity: 1;}


/* gsap */
 /* 스크롤 트리거 영역: 이 영역이 화면 상단에 핀(고정)됩니다. */
.scroll-trigger-area {
	position: relative;
	width: 100%;
	height: 100vh; /* 뷰포트 높이만큼 설정하여 핀 효과를 명확히 합니다. */
	display:flex; 
	justify-content:center;
	align-items:center;
	z-index:2;
	flex-direction:column;
}

/* 애니메이션 대상 박스 */
.circle { 
	position:relative; 
	width:1400px; height:1400px; 
	border-radius:700px; border:3px dashed rgba(255,255,255,0.5); transition:all 1s ease-out; 
	margin:0 auto;
	
}

/* 애니메이션 대상 박스 */
.circle_dark { 
	position:relative; 
	width:1400px; height:1400px; 
	border-radius:700px; border:3px dashed rgba(1,37,183,1); transition:all 1s ease-out; 
	margin:0 auto;
	
}


.box {
	width: 1000px;
	height: 250px;
	position:absolute;
	text-align:center;
}
.box1 { 
	left:0; top:0;
	margin-top:-230px;
	margin-left:200px;
} 
.box2 { 
	left:100%; top:0;
	transform:rotate(120deg);
	margin-top:970px;
	margin-left:-500px;
} 
.box3 { 
	left:0; top:100%;
	transform:rotate(240deg);
	margin-left:-500px;
	margin-top:-420px;
} 

.box p { text-align: center; position: relative; padding-top:55px; }
.box p span { font-size:35px; font-weight:400; color:#fff; line-height:1.6; display: block;}
.box p span strong { font-size:35px; font-weight:700; color:#fff; line-height:1.6; }

.box p::before { 
	content:"";display: block; width: 27px; height: 27px; border-radius:20px; border:3px solid #fff; 
	position: absolute;
	left:50%; top:0;
	transform: translateX(-50%);
}



.box_dark {
	width: 1000px;
	height: 250px;
	position:absolute;
	text-align:center;
}
.boxD1 { 
	left:0; top:0;
	transform:rotate(-120deg);	
	margin-top:100px;
	margin-left:970px;
} 
.boxD2 { 
	left:0; top:0;
	transform:rotate(360deg);
	margin-top:1450px;
	margin-left:210px;
} 
.boxD3 { 
	left:0; top:50%;
	transform:rotate(120deg);
	margin-left:-570px;
	margin-top:-570px;
} 

.box_dark p { text-align: center; position: relative; padding-bottom:55px; }
.box_dark p span { font-size:35px; font-weight:400; color:#000; line-height:1.6; display: block;}
.box_dark p span strong { font-size:35px; font-weight:700; color:#000; line-height:1.6; }

.box_dark p::before { 
	content:"";display: block; width: 27px; height: 27px; border-radius:20px; border:3px solid #000; 
	position: absolute;
	left:50%; bottom:0;
	transform: translateX(-50%);
}



/* 다음 스크롤 영역 */
.next-section {
	height: 100vh;
	background: #c0c0c0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	color: #333;
}
	
.gray-bg { 
	position:relative;
	z-index:10;
	width:100%;
	height:100vh;
}




.firstHeaderText { 
	height:25vh;
	display:flex; justify-content:center; align-items:center;
	width:100%;
	text-align:center;
	border-bottom:1px solid rgba(255,255,255,0.3);
	position: relative;
}
.firstUnderLine { 
	position: absolute; left:50%; transform: translateX(-50%); width:0; height:1px; background:rgba(255,255,255,0.3); transition: all 0.3s ease-out;
	bottom:-1px;
}

.firstHeaderText p { 
	position: relative;
	top:0; 
	opacity: 1;
	text-align: center;
	/* transform: scale(1.5); */
}
.firstHeaderText p span { display: block; line-height:1.5; color:#fff; font-size:20px; }
.firstHeaderText p span strong { display: block; line-height:1.5; color:#fff; font-size:25px; font-weight:700;}

.cirBoxFirst { 
	position:relative;
	height:75vh;
	width:100%;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:flex-end;
	overflow:hidden;
	transition: all 0.5s ease-out;
}
.cirBoxFirstInner { 
	position:absolute; left:50%; 
	bottom:-1100px; 
	transform:translateX(-50%); 
	transition: all 0.5s ease-out;
}


.cirBoxSecond { 
	position:absolute; left:0; bottom:400px;
	height:15vh;
	width:100%;
	z-index:1;
	transition: all 0.5s ease-out;
}


.s-wrap { 
	position:relative; 
	/* background:url(../images/bg_dark_blue.png) no-repeat center top / cover; */
}

.scroll-trigger-area {
	background:url(../images/bg_dark_blue1.jpg) no-repeat center top / cover;
}


.logo-s1 { 
	position:absolute; left:50%; 
	bottom:90px; 
	width:102px; height:86px; 
	margin-left:-51px; 
	transition:all 1s ease-out;
	z-index:111; 
	background:url(../images/i-logo-s.svg) no-repeat center / 100%;
}

.logo-first { 
	opacity:0;	
	position:absolute; 
	left:0; 
	top:-100px; 
	z-index:111; 
	width:100%; height:auto; 
	transition:all 1s ease-out; 
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.logo-first .logo_i2 {
	display: block; 
	width:242px; height:204px; 
	transition:all 1s ease-out; 
	background:url(../images/i-logo-s.svg) no-repeat center / 100%;
	position: relative;
}
.logo-first .logo_undertxt { 
	display: block; 
	width:332px; height:79px; 
	transition:all 1s ease-out; 
	margin-top:30px;
	background:url(../images/i-logo-w_undertxt.svg.png) no-repeat center / 100%;
}

.text-t1 {
	display: block;
	text-align: center;
	opacity: 0;
	transition:all 1s ease-out; 	
	position:relative;
	top:-75px;
}
.text-t1 span {
	font-size:45px;
	color:#fff;
	display: block;
	text-align: center;
	line-height:1.4;
}
.text-t1 strong {
	font-size:45px;
	display: inline-block;
	text-align: center;
	line-height:1.4;
	background: -webkit-linear-gradient(to left, #1164ff, #92e2ff);
	background: linear-gradient(to left, #1164ff, #92e2ff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-t2 {
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition:all 1s ease-out; 	
	position: absolute;
	left:0; top:50%;
	transform: translateY(-70%);
	width:100%;
	text-align:center;
	transition:all 1s ease-out;
	flex-direction: column;

}
.tp1 span {
	display: block;
	text-align: center;
	line-height:1.4;
	font-size:45px;
	color:#fff;
	font-weight:400;
	text-shadow: 0 5px 10px 30px rgba(0,0,0,0.7);
}
.tp1 span strong {
	display: block;
	text-align: center;
	line-height:1.4;
	font-size:45px;
	color:#fff;
	font-weight:700;
	text-shadow: 0 5px 10px 30px rgba(0,0,0,0.7);
}

.tp2 { margin-top:25px;}
.tp2 span {
	display: block;
	text-align: center;
	line-height:1.6;
	font-size:28px;
	color:#fff;
	font-weight:400;
	text-shadow: 0 5px 10px 30px rgba(0,0,0,0.7);
}
.tp2 span strong {
	font-size:28px;
	display: inline-block;
	text-align: center;
	line-height:1.6;
	background: -webkit-linear-gradient(to left, #1164ff, #92e2ff);
	background: linear-gradient(to left, #1164ff, #92e2ff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 5px 10px 30px rgba(0,0,0,0.7);
}

.whoPer_txt { 
	position: absolute;
	left:50%;
	top:10%;
	transform: translateX(-50%);
	width:80%;
	display: flex;
	z-index:10;
	align-items: flex-end;
}
.whoPer_txt span {
	font-size:25px; 
	color:#D3DCF2;
	font-weight:400;
	margin-right:10px;
}
.whoPer_txt strong {
	font-size:40px; 
	color:#fff;
	font-weight:900;
}


.logo-s3 { 
	position:absolute; left:50%; 
	top:-100px; z-index:111; 
	width:102px; height:86px; 
	margin-left:-51px; 
	transition:all 1s ease-out;
	z-index:111; 
	background:url(../images/i-logo-blue.svg) no-repeat center / 100%;
}

.list-wrap { display:flex; justify-content:center; }
.list-box { display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
.list-box li { flex:1 1 33.333333%; height:50vh; list-style:none; display:flex; justify-content:center; align-items:center; position: relative;}
.list-box li:nth-child(1) { background: url(../images/pff_img1.png) no-repeat center / cover; }
.list-box li:nth-child(2) { background: url(../images/pff_img2.png) no-repeat center / cover; }
.list-box li:nth-child(3) { background: url(../images/pff_img3.png) no-repeat center / cover; }
.list-box li:nth-child(4) { background: url(../images/pff_img4.png) no-repeat center / cover; }
.list-box li:nth-child(5) { background: url(../images/pff_img5.png) no-repeat center / cover; }
.list-box li:nth-child(6) { background: url(../images/pff_img6.png) no-repeat center / cover; }
.list-box li::after { content:"";display:block; width:100%; height: 100%; position: absolute; left:0; top:0; background:rgba(7,17,57,0.8)}


.list-box li span { 
	display:flex; 
	justify-content: center;
	align-items: center;
	text-align:center; position:relative; top:70px; transform:scale(0.5);font-size:50px; color:#fff; opacity:0;
	transition:all 1s ease-out;
	z-index:3;
}

.list-box li span.lb_e1 {
	width:264px;
	height:180px;
	background:url(../images/svg_Pilates.svg) no-repeat center / 100%;
}
.list-box li span.lb_e2 {
	width:341px;
	height:174px;
	background:url(../images/svg_Personal_Training.svg) no-repeat center / 100%;
}
.list-box li span.lb_e3 {
	width:175px;
	height:180px;
	background:url(../images/svg_Golf.svg) no-repeat center / 100%;
}
.list-box li span.lb_e4 {
	width:340px;
	height:180px;
	background:url(../images/svg_CrossFit.svg) no-repeat center / 100%;
}
.list-box li span.lb_e5 {
	width:235px;
	height:180px;
	background:url(../images/svg_Tennis.svg) no-repeat center / 100%;
}
.list-box li span.lb_e6 {
	width:199px;
	height:180px;
	background:url(../images/svg_Yoga.svg) no-repeat center / 100%;
}
.list-box li span em { font-size:24px; font-weight:900; color:#fff;}




.scroll-trigger-area2 { position:relative; z-index:10; height:100vh;}
.scroll-trigger-area3 { 
	height:100vh; 
	display:flex; justify-content:center; align-items:center; position:relative; z-index:1; overflow:hidden;
	background:#fff;
}
.cirBoxSecondInner { 
	position:absolute; left:50%; 
	top:-1600px; 
	top:-1300px; 
	transform:translateX(-50%); 
}



.scroll-trigger-area-next1 { height:100vh; width:100%; display:flex; justify-content:center; align-items:center; }
.colorBox { width:80%; height:80%; background:blue; display:flex; justify-content:center; align-items:center;}


.boxNew { 
	font-size:20px; color:#000;
	border:1px solid #fff;
	background:#fff;
	width:200px;
	height:200px;
	opacity:0.5;
	display:flex; justify-content:center; align-items:center;

}


.scroll-trigger-area4 { background:#fff; position: relative; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.whyTitleArea { display: flex; justify-content: space-between; align-items: flex-start; background:#fff; }
.whyTitleArea .whySubTitle { flex:0 0 40%; display: flex; align-items: flex-end; padding-top:10px;}
.whyTitleArea .whySubTitle span {
	color:#828792; 
	font-size:25px;
	font-weight:400;
	margin-right:10px;
}
.whyTitleArea .whySubTitle strong {
	color:#0125B7;
	font-size:40px;
	font-weight:900
}
.whyTitleArea .whyMainTitle { 
	flex:1;
}
.whyTitleArea .whyMainTitle p:nth-child(1) span { 
	display: block;
	font-size:45px;
	line-height:1.5;
	font-weight:900;
}

.whyTitleArea .whyMainTitle p:nth-child(2) { margin-top:30px; }
.whyTitleArea .whyMainTitle p:nth-child(2) span { 
	font-size:21px;
	line-height:1.5;
	font-weight:700;
}


#whyTitleArea1 { opacity: 0; transition: all 1s ease-out; top:-50px }
#whyTitleArea2 { opacity: 0.3; transition: all 1s ease-out; top:-50px; }


.whyPerList {
	display: flex;
	justify-content: space-between;
	margin-top:150px;
}
.whyPerList article { position: relative; width:348px; height: 504px; cursor: default; transition: all 1s ease-out; opacity: 0; top:100px;}
.whyPerList article div p { position: absolute; z-index:10; left:0; bottom:0; width:100%; padding:30px 30px 45px; } 
.whyPerList article div p span { font-size:25px; font-weight:500; color:#fff; line-height:1.5; display: block;  transition: all 0.3s ease-out; letter-spacing: -1px;} 

.whyPerList article div i {
	display:block;
	width:100%;
	height: 100%;
	position: absolute;
	left:0; top: 0;
	z-index:1;
	 transition: all 0.3s ease-out;
	background:rgba(1,6,33,0.6);
}

.whyPerList article div { position: relative; top:0; width:100%; height:100%; border-radius:15px;  transition: all 0.3s ease-out; overflow: hidden; }

.whyPerList article:nth-child(1) div { background:url(../images/why-img1.png) no-repeat center / cover;}
.whyPerList article:nth-child(2) div { background:url(../images/why-img2.png) no-repeat center / cover;}
.whyPerList article:nth-child(3) div { background:url(../images/why-img3.png) no-repeat center / cover;}
.whyPerList article:nth-child(4) div { background:url(../images/why-img4.png) no-repeat center / cover;}

.whyPerList article:hover div i { background:rgba(1,6,33,0.34); }
.whyPerList article:hover div { top:-30px; box-shadow: 0 4px 11px 4px rgba(0,0,0,0.4);}
.whyPerList article:hover div p span { font-size:30px; font-weight:900; }



.scroll-trigger-area5 { 
	padding:150px 0; 
	overflow: hidden;
	position: relative;
	height:100vh;
}


.interviewTitleArea { 
	display: flex; justify-content: space-between; align-items: flex-start; 
	position: relative; z-index:2;
	margin-bottom:150px;
	opacity: 1;
	transition: all 1s ease-out;
}
.interviewTitleArea .interviewSubTitle { flex:0 0 40%; display: flex; align-items: flex-end; padding-top:10px;}
.interviewTitleArea .interviewSubTitle span {
	color:#828792; 
	font-size:25px;
	font-weight:400;
	margin-right:10px;
	transition: all 0.3s ease-out;
}
.interviewTitleArea .interviewSubTitle strong {
	color:#0125B7;
	font-size:40px;
	font-weight:900;
	transition: all 0.3s ease-out;
}

.interviewTitleArea .whyMainTitle { 
	flex:1;
}
.interviewTitleArea .whyMainTitle p:nth-child(1) span { 
	display: block;
	font-size:45px;
	line-height:1.5;
	font-weight:900;
	color:#000;
	transition: all 0.3s ease-out;
}

.logoFull { 
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:2;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	top:540px;
	transition: all 1s ease-out;
}
.logoFull i { width:733px; height: 194px;}
.logoFull i img { width: 100%; 	transition: all 1s ease-out; opacity: 1;}

.interviewDarkBg {
	background:url(../images/intervie_bg.png) no-repeat center / cover;
	position: relative;
	width:70%;
	margin:0 auto;
	height:400px;
	transition: all 1s ease-out;
}

.interviewTitleArea.on .interviewSubTitle span {
	color:#fff; 
}
.interviewTitleArea.on .interviewSubTitle strong {
	color:#fff;
}
.interviewTitleArea.on .whyMainTitle p:nth-child(1) span { 
	display: block;
	color:#fff;
}

.cmWrap { 
	position: relative;
	top:-380px;
	z-index:100;
}
.cmDiv {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	position: relative;
}

.cmDiv .odImg { flex:0 0 660px; position: relative; }
.cmDiv .odImg img { width:100%;}
.cmDiv .odCon { flex:1; padding-left:5%}
.cmDiv .odCon em { display: block; }
.cmDiv .odCon em span { 
	display: inline-block; font-size: 14px; padding:10px 20px; 
	/* background: blue;  */
	color:#fff; font-weight:900;
	border-radius:20px;
	background: -webkit-linear-gradient(to left, #1164ff, #92e2ff);
	background: linear-gradient(to left, #1164ff, #92e2ff);
}
.cmDiv .odCon p { margin:10px 0 20px;}
.cmDiv .odCon p span { display: block; font-size:28px; font-weight:900; color:#fff; line-height:1.4;}
.cmDiv .odCon div { display: flex; }
.cmDiv .odCon div span { color:#84848E; font-size:16px; margin-right:15px; padding-left:15px; position: relative; }
.cmDiv .odCon div span::before { content: ""; position: absolute; left:0; top:50%; transform: translateY(-50%); width: 1px; height: 100%; background:rgba(255,255,255,0.5); }
.cmDiv .odCon div span:nth-child(1)::before { display: none; }
.cmDiv .odCon div span:nth-child(1) { padding-left:0;}

.cmDiv.twoDiv .odCon em { text-align: right; }
.cmDiv.twoDiv .odCon p { text-align: right;}
.cmDiv.twoDiv .odCon div { justify-content: flex-end; }
.cmDiv.twoDiv .odCon div span:nth-child(2) { margin-right:0; }

.cmDiv.twoDiv .odCon { padding-left:0; padding-right:5%;}


.oneDiv { 
	position: absolute;
	left:0; top:100px; 
	opacity: 0;
	transition: all 1s ease-out;
}

.twoDiv { 
	position: absolute;
	left:0; top:200px;
	opacity: 0;
	transition: all 1s ease-out;
}
.threeDiv { 
	position: absolute;
	left:0; top:300px;
	opacity: 0;
	transition: all 1s ease-out;
}

.twoDiv .odImg { order:1}
.twoDiv .odCon { order:0}



.odImg { perspective: 1400px; }
.card {
	--rx: 0deg; --ry: 0deg; --skx: 0deg; --sky: 0deg; --scale: 1;
	width:100%; 
	/* box-shadow: 0 20px 50px rgba(2,6,23,0.6); */
	transform-style: preserve-3d;
	transition: transform 350ms cubic-bezier(.2,.9,.3,1), box-shadow 300ms;
	transform: perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry)) skewX(var(--skx)) skewY(var(--sky)) scale(var(--scale));
	will-change: transform;
	position: relative;
	overflow: hidden;
}

/* 심도 표현용 레이어 */
.card::before, .card::after {
	content:"";
	position:absolute; inset:0; border-radius:inherit; pointer-events:none;
	mix-blend-mode:overlay; opacity:0.12;
}
.card::before { background: linear-gradient(180deg, rgba(255,255,255,0.12), transparent 40%); }
.card::after  { background: radial-gradient(circle at 10% 10%, rgba(255,255,255,0.08), transparent 25%); }

/* 리셋 애니메이션 */
.card.reset { transition: transform 600ms cubic-bezier(.18,.9,.32,1); --rx:0deg; --ry:0deg; --skx:0deg; --sky:0deg; --scale:1; box-shadow:0 20px 50px rgba(2,6,23,0.6); }
.card.active { transition: transform 60ms linear; box-shadow: 0 32px 80px rgba(2,6,23,0.7); }


.scroll-trigger-area6 { 
	background:url(../images/intervie_bg.png) no-repeat center / cover;
	padding:75px 0; 
	overflow: hidden;
	position: relative;
	height:100vh;
}

.howTitleArea { 
	display: flex; justify-content: space-between; align-items: flex-start; 
	position: relative; z-index:2;
	opacity: 1;
	transition: all 1s ease-out;
	margin-bottom:0;
}
.howTitleArea .howSubTitle { flex:0 0 40%; display: flex; align-items: flex-end; padding-top:10px;}
.howTitleArea .howSubTitle span {
	color:#fff; 
	font-size:25px;
	font-weight:400;
	margin-right:10px;
	transition: all 0.3s ease-out;
}
.howTitleArea .howSubTitle strong {
	color:#fff;
	font-size:40px;
	font-weight:900;
	transition: all 0.3s ease-out;
}

.howTitleArea .whyMainTitle { 
	flex:1;
}
.howTitleArea .whyMainTitle p:nth-child(1) span { 
	display: block;
	font-size:45px;
	line-height:1.5;
	font-weight:900;
	color:#fff;
	transition: all 0.3s ease-out;
}

.howTitleArea .whyMainTitle p:nth-child(2) { margin-top:30px; }
.howTitleArea .whyMainTitle p:nth-child(2) span { 
	font-size:21px;
	line-height:1.5;
	font-weight:700;
	display: block;
}

.howWrap { position: relative; width: 968px; height: 900px; padding:40px 0 75px;  }

.howDiv { 
	width: 100%; height: 220px; border-radius:20px; padding:0 70px; margin:0 auto; 
	position: absolute; margin-bottom:20px; transition: all 0.5s ease-out; margin-top:100px;
	z-index:10;
}


.howDiv1 { 
	background:#8C8FA2;
	z-index:5;
	top:0;
	right:0;
}
.howDiv2 { 
	background:#4AA4F7;
	z-index:6;
	top:240px;
	left:0;

}
.howDiv3 { 
	background:#4156E1;
	z-index:7;
	top:480px;
	right:0;
}
.howDiv4 { 
	background:#00C47C;
	z-index:8;
	top:720px;
	left:0;
}

.howDiv .howCon { display: flex; height: 100%; width:100%; position: relative;}
.howDiv .howCon article { position: absolute; left:0; top:50%; transform: translateY(-50%); }
.howDiv .howCon article strong { font-size:45px; font-weight:900; color:#fff; line-height: 1; display: block;}
.howDiv .howCon article p { opacity: 0; padding-top:20px; padding-right:20px; transition: all 0.5s ease-out; height:0;}
.howDiv .howCon article p span { font-size:22px; font-weight:500; color:#fff; line-height: 1.3; transition: all 0.3s ease-out; display: block;}
.howDiv .howCon i { display: block; flex:0 0 auto; position: absolute; right:0; top:50%; transform: translateY(-50%); }

/* .howDiv .howCon:hover article p { display: block; opacity: 1;}
.howDiv:hover { 
	background: -webkit-linear-gradient(to left, #1164FF, #92ABFF);
	background: linear-gradient(to left, #1164ff, #92ABFF);
} */

.howDiv.hover-active:hover article p { display: block; opacity: 1; height:auto;}

.howDiv.hover-active:hover { 
	background: -webkit-linear-gradient(to left, #1164FF, #92ABFF);
	background: linear-gradient(to left, #1164ff, #92ABFF);
	cursor: pointer;
}

.howDiv1.hover-active:hover,
.howDiv2.hover-active:hover,
.howDiv3.hover-active:hover,
.howDiv4.hover-active:hover { border:0 !important; }

.howDiv:not(.hover-active) {
    pointer-events: none; /* hover 자체 차단 */
}



.img_how1 {
	background:url(../images/i-man1.png) no-repeat center / 100%;
	width:150px; height: 160px;
}
.img_how2 {
	background:url(../images/i-man2.png) no-repeat center / 100%;
	width:132px; height: 152px;
}
.img_how3 {
	background:url(../images/i-man3.png) no-repeat center / 100%;
	width:134px; height: 158px;
}
.img_how4 {
	background:url(../images/i-man4.png) no-repeat center / 100%;
	width:132px; height: 153px;
}

.lineSouthEast { 
	width:1520px; height: 590px;
	position: absolute;
	left:50%; top:40px;
	transform: translateX(-50%);
	/* border:1px solid #fff; */
	z-index:1;
	opacity: 0;
}
.lineSouthEast em { 
	font-size:25px; 
	font-weight:900; color:#C7C7C7; 
	width:170px; 
	/* border:1px solid #fff; */
	position: absolute;
	text-align: center;
	display: block;
}

.name_top { left:50%; top:5px; margin-left:-85px; }
.name_right { transform: rotate(90deg); right:-90px; top:50%; margin-left:-85px;}
.name_left { transform: rotate(-90deg); left:0px; top:50%; margin-left:-85px;}
.name_bottom { left:50%; bottom:-15px; margin-left:-85px; }



.c_vertical { 
	width:1px; height:515px; background: rgba(255,255,255,0.5);
	display: block;
	position: absolute;
	left:50%;
	top:45px;
}

.c_horizontal { 
	width:96%; height:1px; background: rgba(255,255,255,0.5);
	display: block;
	position: absolute;
	left:2%;
	margin-top:-1px;
	top:52%;
}



video#videobcg1,
video#videobcg2,
video#videobcg3 {
	width:660px; height: 371px;
	overflow:hidden;
}
.mvp1 { margin-left:-400px;}
.mvp2 { margin-left:400px;}
.mvp3 { margin-left:-400px;}

.mvPlay {
	display: block;
	width:90px; height: 90px;
	background: url(../images/play.svg) no-repeat center / 100%;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
	z-index:1001;
	transition:all 0.5s;
	cursor: pointer;
}

/* .mvPlay.pause {
	background: url(images/i_pause.png) no-repeat center / 100%;
	opacity:0.3;
} */

#mvPlay1.pause,
#mvPlay2.pause, 
#mvPlay3.pause {
	background: url(../images/i_pause.png) no-repeat center / 100%;
	opacity:0.3;
}


.marketingWrap { background:url(../images/f_pattern_dark.svg) repeat ; padding:120px 0 120px; }
.marketingWrap section { padding:0;}

.market_text { padding-bottom:30px;}
.market_text h3 em { display: flex; align-items: center;}
.market_text h3 em span {
	font-size:24px; font-weight:500; 
	font-family: "Montserrat", sans-serif;
	display: inline-block;
	margin-right:50px;
	background: -webkit-linear-gradient(to left, #074BEB 0%, #ACF8F7 48%, #2BA3E4 100%);
	background: linear-gradient(to left, #074BEB 0%, #ACF8F7 48%, #2BA3E4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.market_text h3 em i {
	width: 218px;
	height: 1px;
	background: linear-gradient(to left, #074BEB 0%, #ACF8F7 48%, #2BA3E4 100%);
	display: inline-block;
}

.market_list { position: relative; padding:0 0;}
.market_list p { 
	font-size:24px; font-weight:500; 
	font-family: "IBM Plex Sans KR", sans-serif;
	color:#9d9d9d;
	line-height:1.4;
	padding:25px 0 0;
}
.mark_tab { display: flex; justify-content: space-between; flex-wrap:wrap;}
.mark_tab li { margin-bottom:20px; flex:0 0 19.2%;  }
.mark_tab li a { 
	display: flex; justify-content: center; align-items: center;
	font-size:30px; 
	font-family: "IBM Plex Sans KR", sans-serif;
	font-weight:700;
	border-radius:20px;
	border:1px solid #9d9d9d;
	color:#9d9d9d;
	line-height: 1.4;
	padding:40px 0;
	text-align: center;
	transition: all 0.5s ease;
}
.mark_tab li.on a,
.mark_tab li a:hover {
	background: linear-gradient(-60deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.91) 49%, rgba(255,255,255,0.3) 100%);
	border:none;
	color:#1d1d1d;
}

.mark_img {
	position: absolute; right:0; top:-430px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mark_img article {
	width:427px; height: 427px;
	opacity: 0;
	transition: all 0.5s ease;
	position: absolute;
	right:0;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size:100%;
}
.mark_img article:nth-child(1) { background-image: url(../images/i_marketing_1.png); }
.mark_img article:nth-child(2) { background-image: url(../images/i_marketing_2.png); }
.mark_img article:nth-child(3) { background-image: url(../images/i_marketing_3.png); }
.mark_img article:nth-child(4) { background-image: url(../images/i_marketing_4.png); }
.mark_img article:nth-child(5) { background-image: url(../images/i_marketing_5.png); }
.mark_img article:nth-child(6) { background-image: url(../images/i_marketing_6.png); }
.mark_img article:nth-child(7) { background-image: url(../images/i_marketing_7.png); }
.mark_img article:nth-child(8) { background-image: url(../images/i_marketing_8.png); }
.mark_img article:nth-child(9) { background-image: url(../images/i_marketing_9.png); }
.mark_img article:nth-child(10) { background-image: url(../images/i_marketing_10.png); }

.mark_img article::after {
	content:"";display:block;
	width:460px; height: 171px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:100%;	
	background-image: url(../images/i_bright_star.svg);
	position: absolute;
	left:0; top:50px;
}

.mark_img article.on { opacity: 1; }




.featureWrap {
	background:url(../images/feature_bg.png) no-repeat center / cover; 
	position: relative;
	height: 100vh;
}
.featureWrap section { display: flex; }
.feat_left {
	padding:150px 0 0 0;
	flex:1;
}
.feat_left h3 em { display: flex; align-items: center;}
.feat_left h3 em span {
	font-size:24px; font-weight:500; 
	font-family: "Montserrat", sans-serif;
	display: inline-block;
	margin-right:50px;
	color:#fff;
}
.feat_left h3 em i {
	width: 218px;
	height: 1px;
	background: #fff;
	display: inline-block;
}

.feat_lp1 { padding:80px 0 50px;}
.feat_lp1 strong {
	font-size:60px; font-weight:700; color:#fff; 
	font-family: "IBM Plex Sans KR", sans-serif;
	display: block; line-height: 1.4;
}
.feat_lp2 span {
	font-size:26px; font-weight:300; color:#fff; 
	font-family: "IBM Plex Sans KR", sans-serif;
	display: block; line-height: 1.6;
}
.feat_right {
	/* flex:0 0 45% ; */
	display: flex; flex-wrap: wrap;
	position: absolute;
	right:0; top:0;
	width:45%;
	height:100vh;
}
.feat_r { 
	flex:0 0 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; 
	border-radius:50px; overflow: hidden;
	position: absolute;
	transition: all 0.3s ease;
	cursor: pointer;
}
.feat_r h4 { text-align: center; padding:30px 0 20px;}
.feat_r h4 em {
	display: inline-block;
	background: -webkit-linear-gradient(to left, #97E42B 0%, #D9F8AC 48%, #92FA00 100%);
	background: linear-gradient(to left, #97E42B 0%, #D9F8AC 48%, #92FA00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:30px; font-weight:700;
	font-family: "IBM Plex Sans KR", sans-serif;
	transition: all 0.3s ease; 
}
.feat_r p { text-align: center;}
.feat_r p span {
	display: block;
	line-height: 1.4;
	font-size:20px; font-weight:400;
	font-family: "IBM Plex Sans KR", sans-serif;
	color: #fff;;
	transition: all 0.3s ease; 
}
.feat_r5 { flex:0 0 100%;}

.feat_r1 { background: url(../images/f_bg_feat_r1.png) no-repeat center / cover; height: 33.33333vh; }
.feat_r2 { background: url(../images/f_bg_feat_r2.png) no-repeat center / cover; height: 33.33333vh;}
.feat_r3 { background: url(../images/f_bg_feat_r3.png) no-repeat center / cover; height: 33.33333vh;}
.feat_r4 { background: url(../images/f_bg_feat_r4.png) no-repeat center / cover; height: 33.33333vh;}
.feat_r5 { background: url(../images/f_bg_feat_r5.png) no-repeat center / cover; height: 33.33333vh;}


.feat_r1 { right:50%; top:0; width:50%;}
.feat_r2 { right:0; top:0; width:50%;}
.feat_r3 { right:50%; top:33.33333vh; width:50%;}
.feat_r4 { right:0; top:33.33333vh; width:50%;}
.feat_r5 { right:0; top:66.66666vh; width:100%;}


.feat_r i {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
	background-size:100%;
	background-position: center;
	background-repeat: no-repeat;
}
.feat_r1 i {background-image: url(../images/feature_i1.svg) ;}
.feat_r2 i {background-image: url(../images/feature_i2.svg) ;}
.feat_r3 i {background-image: url(../images/feature_i3.svg) ;}
.feat_r4 i {background-image: url(../images/feature_i4.svg) ;}
.feat_r5 i {background-image: url(../images/feature_i5.svg) ;}

.feat_ap { 
	opacity: 0; 
	height:0;
	text-align: center;
	transition: all 0.3s ease;
	margin-top:0;
}
.feat_ap span { 
	display: block; 
	font-size:22px;
	font-weight:400;
	color:#DDDDDD;
	line-height:1.5;
	transition: all 0.3s ease; 
}

.feat_num { 
	opacity: 0; 
	position: absolute; left:60px; top:70px; font-size:30px; font-weight:500; color:rgba(255,255,255,0.2); 
	transition: all 0.3s ease; 
}

.feat_right > article { z-index:1;}
.feat_right > article.on { width: 100%; height:100vh; }

.feat_right > article.feat_r1.on ,
.feat_right > article.feat_r2.on ,
.feat_right > article.feat_r3.on ,
.feat_right > article.feat_r4.on ,
.feat_right > article.feat_r5.on {
	top:0; right:0;
	z-index:10;
}


.feat_right > article.on i {
	width:120px; height: 120px;
}
.feat_right > article.on h4 {
	padding:90px 0 30px;
}
.feat_right > article.on h4 em {
	font-size:42px;
}
.feat_right > article.on p span {
	font-size:30px;
}

.feat_right > article.on .feat_ap.on { opacity: 1; height: auto; margin-top:40px;}
.feat_right > article.on .feat_num.on { opacity: 1;}



.contactWrap { background:url(../images/f_pattern.svg) repeat ; padding:150px 0; }
.contact_top { margin:0 auto 50px; position: relative;}
.contact_top h2 { position: relative; left:-20px;}
.contact_top h2 span { 
	display: block; font-size:160px; 
	font-family: "IBM Plex Sans KR", sans-serif;
	font-weight:700;
	color:#0d0d0d;
}
.contact_top h2 span i { 
	font-size:160px; font-weight:700; color:#0125B7; 
	color:#0d0d0d;
	font-family: "IBM Plex Sans KR", sans-serif;
}
.i_contact_letter {
	width:260px; height: 152px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 120px;
	background:rgba(1,37,183,0.8);
	position: absolute;
	left:50%;
	top:160px;
	margin-left:-380px;
	display:none;
}
.i_contact_letter img { width: 106px; height: 81px;}

.i_contact_arrow { position: absolute; left:50%; top:200px; margin-left:200px; display: block;} 
.i_contact_arrow img { width: 358px; height: 73px;}

.contact_mid_text {
	/* margin-bottom:150px; */
	padding:0 0;
	margin:0 auto 100px;
}
.contact_mid_text p em { font-size:54px; font-weight:700; color:#0125B7; font-family: "IBM Plex Sans KR", sans-serif;}
.contact_mid_text p span { font-size:54px; font-weight:700; color:#1d1d1d; font-family: "IBM Plex Sans KR", sans-serif;}

.contact_form { display: flex; justify-content: space-between; padding:0 0 100px;}
.contact_form article { flex:1;}
.contact_form article h4 {
	font-size:26px; font-weight:600; color:#0d0d0d;
	font-family: "IBM Plex Sans KR", sans-serif;
	margin-bottom:30px;
}
.contact_form article ul { padding:10px 0 0;}
.contact_form article ul li { margin-bottom:25px;}

.contact_form article:nth-child(2) { margin:0 30px;}

.contact_form article ul li label.title_label { font-size:20px; font-weight:500; color:#1d1d1d; display: block; margin-bottom:10px;font-family: "IBM Plex Sans KR", sans-serif;}
.contact_form article ul li .inBox { margin-bottom:15px; }


.inp { 
	border:1px solid #3d3d3d;;
	border-radius:10px;
	padding-left:10px;
	font-size:20px;
	font-weight:700;
	color:#1d1d1d;
	height: 50px;
	font-family: "IBM Plex Sans KR", sans-serif;
}
.inpInq::placeholder { color:#cdcdcd; font-weight:400; }

.wd100per { width: 100%;}

.comFormChk label { height: 18px; cursor: pointer; display: inline-flex; align-items: center; }
.comFormChk label input[type="checkbox"] {display: none; }
.comFormChk label input[type="checkbox"] + i { 
    display: flex; 
    width:35px; height: 35px; 
    cursor: pointer;
	background-image: url(../images/f_check_off.svg);
	background-repeat:  no-repeat;
    background-size:100%;
}
.comFormChk label input[type="checkbox"]:checked + i { 
    background-image: url(../images/f_check_on.svg);
	background-repeat:  no-repeat;
    background-size:100%;
}
.comFormChk label span { margin-left:20px; font-size:20px; font-family: "IBM Plex Sans KR", sans-serif;}
.comFormChk label input[type="checkbox"]:checked + i + span { font-weight:700; }


.comFormChk label { height: 18px; cursor: pointer; display: inline-flex; align-items: center; }
.comFormChk label input[type="radio"] {display: none; }
.comFormChk label input[type="radio"] + i { 
    display: flex; 
    width:35px; height: 35px; 
    cursor: pointer;
	background-image: url(../images/f_check_off.svg);
	background-repeat:  no-repeat;
    background-size:100%;
}
.comFormChk label input[type="radio"]:checked + i { 
    background-image: url(../images/f_check_on.svg);
	background-repeat:  no-repeat;
    background-size:100%;
}
.comFormChk label span { margin-left:20px; font-size:20px; font-family: "IBM Plex Sans KR", sans-serif;}
.comFormChk label input[type="radio"]:checked + i + span { font-weight:700; }


.submitBtnArea { display: flex; justify-content: center; }
.btnSubmit { 
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 70px;
	border-radius:50px;
	background: #0125B7;
	transition:all 0.3s ease-out;
}
.btnSubmit strong { font-size:24px; font-weight:700; color:#fff; font-family: "IBM Plex Sans KR", sans-serif; }
.btnSubmit:hover { width:250px; }

.footer {  background:#000; padding:90px 100px 60px; position: relative;}
.footer_top { display: flex; position: relative; padding-bottom:60px; }
.footer_top article { flex:1 1 60%; }
.footer_top article h1 {
	width:300px; height: 60px;
	margin-bottom:50px;
}
.footer_top article h1 img { width: 100%; }
.footer_top article p {
	font-size:16px; font-weight:400;
	color:#9d9d9d;
	line-height: 1;
	margin-bottom:20px;
}
.footer_top ul { flex:1 1 40%; }
.footer_top ul li a { 
	font-size:22px;
	color:#cdcdcd;
	font-family: "IBM Plex Sans KR", sans-serif;
	font-weight:700;
	display: inline-block;
	padding:15px 0; 
	line-height: 1;
	margin-bottom:5px;
}
.footer_top article { flex:1 1 60%; }

a.btnContactUs {
	width:217px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:22px;
	font-family: "IBM Plex Sans KR", sans-serif;
	font-weight:700;
	color:#101010;
	border-radius:16px;
	overflow: hidden;
	background: linear-gradient(-60deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.91) 49%, rgba(255,255,255,0.3) 100%);
	background-size: 200%; /* 그라데이션 크기를 200%로 설정 */
    background-position: left; /* 초기 위치는 왼쪽 */
	position: absolute;
	right:0; top:0;
	transition: all 1s ease-out;
	transition: background-position 0.5s ease;
}
a.btnContactUs:hover { 
	background-position: right;
}

.footer_bottom { display: flex; position: relative; border-top:1px solid #525252; justify-content: space-between; padding:20px 0 0;}
.footer_bottom p { font-size:14px; color:#9D9D9D; padding-top:5px; }
.footer_bottom div { display: flex; }
.footer_bottom div a { margin-left:15px; width: 30px; height: 30px; }
.footer_bottom div a img { width: 100%;}



.mvVideo { 
	height:100%; overflow: hidden; position: absolute; left:0; top:0; width:100%;
	display: flex;
	justify-content: center; /* 가로 중앙 정렬 */
	align-items: center; /* 세로 중앙 정렬 */
	height: 100vh; /* 뷰포트 높이 100% 설정 */
	overflow: hidden; /* 컨테이너를 벗어나는 내용 숨김 */
}
video#videoMv {
	position: absolute; right: 0; bottom: 0;
	width:auto; height: auto;;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -1;
	/*  background: url(../images/main/mVisual.jpg) no-repeat; */
	background-size: cover;
	overflow:hidden;
	object-fit: cover;
}

a.closeLayer { 
	position: absolute; 
	right:40px; top:60px;
	color:#fff;
	color:rgba(255,255,255,0.5);
	width:100px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:24px;
	font-weight:700;
	opacity: 0;
	transition: all 0.5 ease 0.5s;
}

a.closeLayer.on { opacity: 1;}

a.openLayer { 
	display: block;
	text-align: center;
	margin-top:15px;
}
a.openLayer span {
	display: inline-block;
	border-radius:30px; 
	background:rgba(0,0,0,0.1);
	color:rgba(255,255,255,0.4);
	font-size:14px;  padding:10px 20px; 
	transition: all 0.2s ;
}
a.openLayer.on { display: none;}

.feat_right > article:hover a.openLayer span { 
	padding:10px 30px 10px;
	background:rgba(0,0,0,0.5);
	color:rgba(255,255,255,1);
}


.pcView { display: block;}
.mobileView {display: none;}

#goTop { 
	position: fixed; 
	right:10px; 
	bottom:10px;
	z-index:9999;
	border-radius:30px;
	width:35px;
	height:35px;
	background: rgba(255,255,255,.4);
	border:1px solid rgba(0,0,0,0.25);
	display: flex;
	justify-content: center;
	align-items: center;
}
#goTop a { display: block;}
#goTop i { 
	display: flex;
	justify-content: center;
	align-items: center;
}
#goTop i img {
	width:70%;
}

.bmm { display: none; }
.mmLayer { display: none; }

.scroll-trigger-area_m { display:none !important; }

.mob_block { display:none; }