@charset "utf-8";

@media (max-width:1024px){
	.mob_block { display:block; width:1px; height:0; }

	.baseWidth { width:100%; margin:0 auto; }


	#section0,
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6,
	#section7,
	#section8,
	#section9,
	footer {
		overflow-x: hidden;
		overflow: hidden;
		
	}

	/* body, html { overflow-x: hidden; } */

	/* section0  */
	.mvWrap { height:100vh; position:relative; width:100%; }
	.header { top:-120px;}
	.header > article { display: flex; justify-content: space-between; align-items: center; width:100%; margin:0 auto; padding:0 30px;}

	.logo a { width: 200px; height: 61px; }
	.logo a img { width: 100%; width: 180px; height: 50px;}
	
	.navMenu { display: none; }

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

	.bmm {
		position: fixed;
		right:10px; top:10px;
		z-index:9999;
		display: block;
		width:34px;
		height:34px;
	}
	.btnMobileMenu { 
		width:100%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border:1px solid rgba(102,132,255,1);
		border-radius:5px;
		background-color:transparent;
		flex-direction: column;
	}
	.btnMobileMenu i { width:60%; height:2px; background-color:rgba(102,132,255,1); }
	.btnMobileMenu i:nth-child(2) { margin:4px 0;}

	.mmLayer {
		position: fixed;
		left:0; top:0;
		width: 100vw;
		height:100vh;
		background:#0125b7;
		z-index:99999;
		display: none;
	}
	.mmLayer section {
		width:100%; height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mmLayer section .mobMenu li a {
		display:block;
		font-size:24px; font-weight:700;
		color:#fff;
		text-align: center;
		padding:20px 0;
	}

	.mmLayer .logo { 
		position: absolute;
		left: 20px; top:20px;
	}
	.mmLayer .mmClose {
		position: absolute;
		right:10px;
		top:10px;
		width:34px;
		height:34px;
		display: flex;
		justify-content: center;
		align-items: center;
		border:1px solid rgba(255,255,255,0.3);
		border-radius:5px;
	}
	.mmLayer .mmClose i {
		width:100%;
		height:100%;
		display: block;
		position: relative;
		top:10px;
	}
	.mmLayer .mmClose i::before,
	.mmLayer .mmClose i::after { 
		content:"";
		width:60%;
		height:2px;
		display: block;
		background:rgba(255,255,255,0.7);
		transform: rotate(45deg);
		position:absolute;
		left:20%; 
		top:15%;
	}
	.mmLayer .mmClose i::after {
		transform: rotate(-45deg);
	}



	.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; padding:0 30px 0 30px; opacity: 0; 	transition: all 1s ease-out 1s;}
	.mainText p:nth-child(1) span { font-size:30px; display: inline; word-break: keep-all;}
	.mainText p:nth-child(1) span strong { font-size:30px; display: inline; word-break: keep-all;}
	.mainText p:nth-child(2) { margin-top:30px}
	.mainText p:nth-child(2) span { font-size:16px; display: inline; word-break: keep-all;}
	.mainText p:nth-child(2) span strong { font-size:18px; display: inline; word-break: keep-all;}

	.scroll_q { bottom:20px; width: 25px; height: 60px; border:2px solid rgba(255,255,255,0.5); margin-left:-12.5px;}
	.scroll_q i { width: 12.5px; height: 12.5px; border:2px solid rgba(255,255,255,0.5); }
	.scroll_q i:nth-child(1) { top:5px;}

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


	.contact_wrap { right:-200px; top:70%; transform: translateY(-50%); }
	/* .contact_wrap:hover { right:0; pointer-events: none !important;} */

	.contact_wrap > .con_ov { width: 30px; }
	.contact_wrap > .contact_list { border-radius:0 10px 10px 10px; padding:20px; width:160px;	}

	.contact_list h2 { width: 120px; }
	.contact_list .cl_p { padding:12px 5px;}
	.contact_list .cl_p span { font-size:14px;}
	.contact_list .cl_p span strong { font-size:14px; }

	.cl_qk li:nth-child(1) a { height:48px; padding:0 20px 0 14px}
	.cl_qk li:nth-child(1) a strong { font-size:14px; }
	.cl_qk li:nth-child(1) a i { width: 20px; }

	.cl_qk li:nth-child(2) { margin-top:5px;}
	.cl_qk li:nth-child(2) a { 
		padding:0 14px 0 14px;
	}
	.cl_qk li:nth-child(2) a span strong { font-size:16px; }
	.cl_qk li:nth-child(2) a span i { width: 20px; }

	.cl_qk li:nth-child(2) a span:nth-child(1) { padding:12px 0 10px 0; }
	.cl_qk li:nth-child(2) a span:nth-child(2) { padding:12px 0 14px 0; }
	.cl_qk li:nth-child(2) a span:nth-child(2) em { font-size:14px; }

	

	.pgBox { display: none;}

	.pgBox.active { display: none;}
	.contact_wrap.active { right:-160px; }
	.header.active { top:30px; }
	.contact_wrap.on { right:0.1px; }


	
	/* section1 , section3  */
	.box p { padding-top:40px; width:250px; margin:0 auto;  }
	.box p span { font-size:18px; word-break: keep-all;}
	.box p span strong { font-size:18px; }
	.box p::before { width: 20px; height: 20px; }

	.box_dark p { padding-bottom:40px; width: 250px; margin: 0 auto; }
	.box_dark p span { font-size:18px; word-break: keep-all;}
	.box_dark p span strong { font-size:18px; }
	.box_dark p::before { width: 20px; height: 20px; }

	.firstHeaderText { height:25vh;}
	.firstHeaderText p span { font-size:14px; }
	.firstHeaderText p span strong { font-size:18px; }

	.cirBoxFirstInner { bottom:-1200px; }
	.cirBoxSecond { bottom:400px; height:15vh;	}

	.box1 { 
		margin-top:-190px;
		margin-left:200px;
	} 
	.box2 { 
		margin-top:960px;
		margin-left:-540px;
	} 
	.box3 { 
		margin-left:-470px;
		margin-top:-440px;
	} 

	.boxD1 { 
		margin-top:135px;
		margin-left:960px;
	} 
	.boxD2 { 
		margin-top:1460px;
		margin-left:197px;
	} 
	.boxD3 { 
		margin-top:-565px;
		margin-left:-560px;
	} 



	/* section2 */
	.logo-s1 { bottom:10%; width:61px; height:51px; margin-left:-30px; }
	.logo-first .logo_i2 { width:96.8px; height:81.6px; }
	.logo-first .logo_undertxt { width:166px; height:40px; margin-top:20px;	}
	.text-t1 {top:-35px;padding:0 50px;	}
	.text-t1 span {	font-size:22px;	display: inline; word-break: keep-all;}
	.text-t1 strong { font-size:22px; display: inline; word-break: keep-all; }
	.text-t2 { transform: translateY(-60%); padding:0 50px;	}
	.tp1 span { font-size:22px; display: inline; word-break: keep-all; }
	.tp1 span strong { font-size:22px; display: inline;	word-break: keep-all;}
	.tp2 { margin-top:25px;}
	.tp2 span {	font-size:14px;	display: inline; word-break: keep-all;}
	.tp2 span strong {font-size:14px;display: inline;word-break: keep-all; }
	.whoPer_txt { width:100%; top:40px;	padding:0 30px;	}
	.whoPer_txt span { font-size:14px; }
	.whoPer_txt strong { font-size:24px; }
	.logo-s3 { 
		top:-100px; 
		width:61px; height:51px; margin-left:-30px;  
	}
	.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 50%; height:33.33333vh; list-style:none; display:flex; justify-content:center; align-items:center; position: relative;}
	.list-box li span.lb_e1 { width:132px; height:90px;	}
	.list-box li span.lb_e2 { width:170px; height:87px;	}
	.list-box li span.lb_e3 { width:87.5px; height:90px; }
	.list-box li span.lb_e4 { width:170px; height:90px;	}
	.list-box li span.lb_e5 { width:117px; height:90px;	}
	.list-box li span.lb_e6 { width:100px; height:90px;	}
	.list-box li span em { font-size:16px; }

 	/* section4  */
	.scroll-trigger-area4 { padding:40px 30px 40px; height:auto;}
	.whyTitleArea { flex-wrap:wrap; padding:100px 0 0; }
	.whyTitleArea .whySubTitle { flex:0 0 100%; padding-top:10px; display: flex;}
	.whyTitleArea .whySubTitle span { color:#828792; margin-right:10px; font-size:14px; }
	.whyTitleArea .whySubTitle strong {font-size:22px;	}
	.whyTitleArea .whyMainTitle { flex:0 0 100%; margin-top:30px;}
	.whyTitleArea .whyMainTitle p:nth-child(1) span { font-size:30px; display: inline; word-break: keep-all;}
	.whyTitleArea .whyMainTitle p:nth-child(2) { margin-top:20px; }
	.whyTitleArea .whyMainTitle p:nth-child(2) span { font-size:16px; display: inline; word-break: keep-all;}
	.whyPerList {flex-wrap:wrap; margin-top:40px; }
	.whyPerList article { position: relative; width:49%; height: 250px; margin-bottom:10px; }
	.whyPerList article div p { position: absolute; z-index:10; left:0; bottom:0; width:100%; padding:20px 15px 20px 15px; } 
	.whyPerList article div p span { font-size:14px; display: inline; word-break:break-all; display:block; word-break:keep-all; } 
	.whyPerList article.whypa4 div p { padding-right:20px; }
	.whyPerList article.whypa4 div p span { display: inline; word-break:keep-all;  }
	.whyPerList article:hover div p span { font-size:14px; font-weight:900; top:0; }

	.whyPerList article:hover div { top:0; }

	/* section5  */
	.scroll-trigger-area5 { 
		padding:0 30px; 
		height:auto;
		height: 100vh;
	}
	.interviewTitleArea { 
		margin-bottom:0;
		padding:50px 0 100px;
		flex-wrap:wrap;
	}
	.interviewTitleArea .interviewSubTitle { flex:0 0 100%; display: flex; align-items: flex-end; padding-top:10px;}
	.interviewTitleArea .interviewSubTitle span {font-size:14px; display: inline; word-break: keep-all;}
	.interviewTitleArea .interviewSubTitle strong {	font-size:22px;	word-break: keep-all;}
	.interviewTitleArea .whyMainTitle { flex:0 0 100%; margin-top:30px;	}
	.interviewTitleArea .whyMainTitle p:nth-child(1) span { font-size:30px;	word-break: keep-all;display: inline;}

	.logoFull { 
		transform: translateX(-50%);
		top:50%;
	}
	.logoFull i { width:366px; height: 97px;}

	.interviewDarkBg {
		width:70%;
		height:300px;
	}


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

	.cmDiv .odImg { flex:0 0 calc(100%); position: relative; margin:20px 0 0; }
	.cmDiv .odCon { flex:0 0 100%; padding-left:0; margin-top:30px;}
	.cmDiv .odCon em span { font-size: 12px; padding:7px 15px; }
	.cmDiv .odCon p { margin:10px 0 20px;}
	.cmDiv .odCon p span { display: block; font-size:22px; display: inline; word-break: keep-all;}
	.cmDiv .odCon div { display: flex; }
	.cmDiv .odCon div span { color:#84848E; font-size:14px; margin-right:10px; padding-left:9px; }
	
	.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: left; }
	.cmDiv.twoDiv .odCon p { text-align: left;}
	.cmDiv.twoDiv .odCon div { justify-content: flex-start; }
	.cmDiv.twoDiv .odCon div span:nth-child(2) { margin-right:10px; padding-left:9px; }
	.cmDiv.twoDiv .odCon { padding-left:0; padding-right:0;}
	.twoDiv .odImg { order:0}
	.twoDiv .odCon { order:1}

	.odImg { perspective: auto; }

	video#videobcg1,
	video#videobcg2,
	video#videobcg3 { width:100%; height: 100%;	}
	.mvp1 { margin-left:0;}
	.mvp2 { margin-left:0;}
	.mvp3 { margin-left:0;}

	.oneDiv { 
		position: absolute;
		left:0; top:100px; 
		opacity: 0;
	}

	.twoDiv { 
		position: absolute;
		left:0; top:200px;
		opacity: 0;
	}
	.threeDiv { 
		position: absolute;
		left:0; top:300px;
		opacity: 0;
	}
	.mvPlay { width:70px; height: 70px; top:30%; }




	/* section6 */
	.scroll-trigger-area6 { 
		padding:60px 20px; 
		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;
		flex-wrap:wrap;
		padding:0 20px;
	}
	.howTitleArea .howSubTitle { flex:0 0 100%; display: flex; align-items: flex-end; padding-top:0; margin-bottom:40px;}
	.howTitleArea .howSubTitle span {
		font-size:14px;
		margin-right:10px;
	}
	.howTitleArea .howSubTitle strong {
		font-size:20px;
	}

	.howTitleArea .whyMainTitle { 
		flex:0 0 100%;
	}
	.howTitleArea .whyMainTitle p:nth-child(1) span { 
		font-size:30px;
	}

	.howTitleArea .whyMainTitle p:nth-child(2) { margin-top:20px; }
	.howTitleArea .whyMainTitle p:nth-child(2) span { 
		font-size:16px; word-break: keep-all; display: inline;
	}

	.howWrap { position: relative; width: 100%; height: 60vh; padding:20px 10px 30px;  }

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


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

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

	.howDiv .howCon { display: flex; height: 100%; width:100%; position: relative; align-items: center;}
	.howDiv .howCon article { 
		position: absolute; left:0; top:0; transform: translateY(0); height:100%; 
		padding-top:30px;
	}
	.howDiv .howCon article strong { font-size:22px; font-weight:900; color:#fff; line-height: 1; display: block;}
	.howDiv .howCon article p { opacity: 1; padding-top:20px; padding-right:20px; transition: all 0.5s ease-out;}
	.howDiv .howCon article p span { font-size:14px; 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.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 {
		width:60px; height: 64px;
	}
	.img_how2 {
		width:52.8px; height: 60.8px;
	}
	.img_how3 {
		width:53.6px; height: 63.2px;
	}
	.img_how4 {
		width:52.8px; height: 52.8px;
	}

	.lineSouthEast { 
		width:80%; height: 100%;
		position: absolute;
		left:50%; top:40px;
		transform: translateX(-50%);
		/* border:1px solid #fff; */
		z-index:1;
		opacity: 0;
		display: none;
	}
	.lineSouthEast em { 
		font-size:16px; 
		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%;
	}




	/* marketing, section7 */
	.marketingWrap { padding:60px 20px; overflow-x: none;}
	.market_text { padding-bottom:70px;}
	.market_text h3 em { display: flex; align-items: center;}
	.market_text h3 em span {font-size:20px; margin-right:30px;	}
	.market_text h3 em i { width: 150px;}
	.market_text .feat_lp1 strong:nth-child(2) { word-break: keep-all; display: inline; }
	.market_list { position: relative; padding:0 0;}
	.market_list p { font-size:14px; padding:20px 0 0; }
	.mark_tab li { margin-bottom:10px; flex:0 0 49%;  }
	.mark_tab li a { font-size:16px; padding:10px 0; }
	.mark_img { position: absolute; right:0; top:-140px; }
	.mark_img article { width:140px; height: 140px; }
	.mark_img article::after { width:180px; height: 100px; top:20px;}

	/* feature, section8  */
	.featureWrap {height: auto;	padding:0 0;}
	.featureWrap section { display: flex; flex-wrap:wrap;}
	.feat_left {padding:60px 20px 50px; flex:0 0 100%;}
	.feat_left h3 em { display: flex; align-items: center;}
	.feat_left h3 em span {	font-size:18px; margin-right:30px;}
	.feat_left h3 em i {width: 150px; }
	.feat_lp1 { padding:30px 0 40px;}
	.feat_lp1 strong { font-size:30px; word-break: keep-all; display: inline;}
	.feat_lp2 span {font-size:18px; display: inline; word-break: keep-all;}
	.feat_right {flex:0 0 100%;	position: relative;	display: flex; flex-wrap: wrap; right:auto; top:auto; width:100%;height:100vh;	}
	.feat_r h4 { text-align: center; padding:5px 20px 5px;}
	.feat_r h4 em { font-size:18px; word-break: keep-all; line-height: 1.3;}
	.feat_r p span {font-size:14px; }
	.feat_r5 { flex:0 0 100%;}
	.feat_r i {	width: 40px;height: 40px; }
	.feat_ap { 	opacity: 0; height:0; text-align: center; transition: all 0.3s ease 0.2s; margin-top:0;	}
	.feat_ap span { font-size:13px; display: inline; word-break: keep-all;}
	.feat_num { opacity: 0; left:30px; top:30px;font-size:20px; }
	.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:90px; height: 90px;}
	.feat_right > article.on h4 {padding:70px 0 15px; }
	.feat_right > article.on h4 em {font-size:30px;	}
	.feat_right > article.on p span {font-size:20px;}
	.feat_right > article.on .feat_ap.on { opacity: 1; height: auto; margin-top:30px; padding-left:20px; padding-right:20px;}

	.feat_r { border-radius:20px;}
	.feat_r.on { border-radius:0;}

	a.closeLayer { 
		right:0px; top:20px;
		width:100px;
		height: 40px;
		font-size:16px;
		opacity: 0;
	}

	a.openLayer { 
		display: block;
		text-align: center;
		margin-top:15px;
	}
	a.openLayer span {
		font-size:12px; 
		 padding:7px 15px; 
	}

	.feat_right > article:hover a.openLayer span { 
		padding:7px 15px;
		background:rgba(0,0,0,0.1);
		color:rgba(255,255,255,0.4);
	}


	/* contact us , section9  */
	.contactWrap { padding:60px 20px; }
	.contact_top { margin:0 0 30px; }
	.contact_top h2 { left:0;}
	.contact_top h2 span { font-size:60px; }
	.contact_top h2 span i { font-size:60px;}
	.i_contact_letter {
		width:130px; height: 76px;
		position: absolute;
		left:50%;
		top:80px;
		margin-left:-90px;
		display: none;
	}
	.i_contact_letter img { width: 53px; height: 40px;}
	.i_contact_arrow { position: absolute; left:50%; top:80px; margin-left:50px; display: none; } 
	.i_contact_arrow img { width: 179px; height: 37px;}
	.contact_mid_text { padding:0 0; margin:0 auto 30px;}
	.contact_mid_text p em { font-size:24px; line-height:1.3; }
	.contact_mid_text p span { font-size:24px; line-height:1.3; word-break: keep-all;}
	.contact_form { padding:0 0 50px; flex-wrap:wrap;}
	.contact_form article { flex:0 0 100%; margin-top:30px;}
	.contact_form article:nth-child(1) { margin-top:0;}
	.contact_form article h4 { font-size:18px; margin-bottom:15px; line-height: 1.3;}
	.contact_form article ul { padding:10px 0 0;}
	.contact_form article ul li { margin-bottom:15px;}
	.contact_form article:nth-child(2) { margin:30px 0 0;}
	.contact_form article ul li label.title_label { font-size:16px; margin-bottom:10px;	}
	.contact_form article ul li .inBox { margin-bottom:10px; }
	.inp { font-size:14px; height: 42px; }
	.comFormChk label input[type="checkbox"] + i { width:25px; height: 25px; }
	.comFormChk label span { margin-left:15px; font-size:16px; }
	.submitBtnArea { display: flex; justify-content: center; }
	.btnSubmit { width: 160px;height: 50px;	}
	.btnSubmit strong { font-size:20px; }

 	/* footer  */
	.footer {  padding:70px 20px 50px; }
	.footer_top { display: flex; position: relative; padding-bottom:60px; flex-wrap:wrap;}
	.footer_top article { flex:1 1 100%; }
	.footer_top article h1 { width:200px; height: 45px; margin:0 auto 40px;	}
	.footer_top article p {	font-size:14px; margin-bottom:15px; text-align: center; line-height:1.3; }
	.footer_top ul { flex:1 1 100%; margin-top:25px; margin-bottom:25px; text-align: center;}
	.footer_top ul li a { font-size:18px;padding:8px 0; text-align: center; }
	a.btnContactUs { width:160px;height: 54px;font-size:18px;right:auto; top:auto;position: relative;margin:0 auto;	}
	.footer_bottom { flex-wrap:wrap;  justify-content:center; flex-wrap:wrap; }
	.footer_bottom p { font-size:14px; color:#9D9D9D; padding-top:5px; text-align: center; order:1; flex:0 0 100%;}
	.footer_bottom div {  justify-content: center; margin-bottom:20px; order: 0; flex:0 0 100%; }
	.footer_bottom div a { margin-left:7.5px; margin-right:7.5px; }
	


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


/*
	#section1,
	#section2,
	#section3,
	#section4,
	#section5 { 
	  height:900px;
	}
*/

	#section1 { height:800px; }
	#section2 { height:900px; }
	#section4 { height:900px; }
	#section5 { height:900px; }


	#section1 { display:none !important; }

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


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

	/* 애니메이션 대상 박스 */
	.circle_m { 
		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;
		
	}

	


	.gray-bg_m { 
		position:relative;
		z-index:10;
		width:100%;
		height:100vh;
	}

	.firstHeaderText_m { 
		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_m { 
		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_m p { 
		position: relative;
		top:0; 
		opacity: 1;
		text-align: center;
		/* transform: scale(1.5); */
	}
	.firstHeaderText_m p span { display: block; line-height:1.5; color:#fff; font-size:15px; }
	.firstHeaderText_m p span strong { display: block; line-height:1.5; color:#fff; font-size:18px; font-weight:700;}

	.cirBoxFirst_m { 
		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_m { 
		position:absolute; left:50%; 
		bottom:-1200px; 
		transform:translateX(-50%); 
		transition: all 0.5s ease-out;
	}


	.firstBox_m { 
		position:absolute; 
		height:250px;
		display:flex;
		width:300vw;
		overflow:hidden;
		left:0; top:17vh;
	}


	.box_m {
		width: 100%;
		height:100%;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100vw;
	}
	.box1_m { } 
	.box2_m { } 
	.box3_m { }

	.box_m p { text-align: center; position: relative; padding-top:40px; width:250px; margin:0 auto;}
	.box_m p span { font-size:18px; font-weight:400; color:#fff; line-height:1.6; display: block; word-break: keep-all;}
	.box_m p span strong { font-size:18px; font-weight:700; color:#fff; line-height:1.6; }

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

}