@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2022-08-08
******************************************************** */


/* ******************  메인 레이아웃(swiper Fullpage) ********************** */
@media all and (min-width:1281px){
	html:not(.no-js) [data-scroll]{pointer-events: auto !important;}

	.fullpage-inner-scroll{overflow-y: auto; overflow-x: hidden; height:100vh; width:100%;}
	.fullpage-inner-scroll-con{position: relative;}
		
	.main-slide-con{opacity:1 !important; pointer-events:auto !important}
}
@media all and (max-width:1280px){
	#mainSection,
	.swiper-container{overflow:visible !important;}
	.swiper-wrapper{display: block !important;}
	.main-slide-wrap{overflow:visible !important;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box.area-wide{padding-bottom:14rem;}
	.main-visual-txt-box .main-visual-txt1{font-size:6.4rem}
}


@media all and (min-width:1281px){
	.value-tit-box .txt{transition:none !important}
}
@media all and (min-width:801px){
	/* ****************** 메인 하단 링크 ********************** */
	.main-bottom-link-wrap .link-item.full-item{width:100%;}
	.main-bottom-link-wrap .link-item.full-item .txt-box{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding-bottom: 5rem; box-sizing: border-box;}
	.main-bottom-link-wrap .link-item.full-item .txt-box .tit{font-size:8rem}
}
@media all and (max-width:1280px){
	/* ****************** 메인 인트로배너 ********************** */
	.main-about-slide{margin-top:15rem;}
	#mainIntro{padding:0rem 0 15rem;}
	.intro-banner{border-radius:2rem;}
	.intro-banner .txt{right:3rem;}
	.intro-txt-box{padding:0;}
	
	.animated.cm-tit-JS .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
	
	/* ****************** 메인 협력사 ********************** */
	.main-customer-list .list-item{opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
	.animated.main-customer-list .list-item{opacity:1; transform:translateY(0px);}
	.animated.main-customer-list .list-item:nth-child(1){transition-delay:0.2s;}
	.animated.main-customer-list .list-item:nth-child(2){transition-delay:0.3s;}
	.animated.main-customer-list .list-item:nth-child(3){transition-delay:0.4s;}
	.animated.main-customer-list .list-item:nth-child(4){transition-delay:0.5s;}
	
	/* ****************** 메인 기업가치 ********************** */
	.value-list li{opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
	.animated.value-list li{opacity:1; transform:translateY(0px);}
	.animated.value-list li:nth-child(1){transition-delay:0.2s;}
	.animated.value-list li:nth-child(2){transition-delay:0.3s;}
	.animated.value-list li:nth-child(3){transition-delay:0.4s;}
	
	/* ****************** 메인 Location ********************** */
	#mainLocation{min-height:auto; padding:10rem 0;}
	.location-tit-box{margin-bottom:6rem; text-align:center;}
	.location-tit-box .tit{font-size:4.8rem;}
	.location-tit-box .txt{font-size:2.2rem; margin-top:1rem;}
	
	.location-list li {padding: 3rem 0;}
	.loca-info-box {display:block;}
	.loca-img-box {width: 100%; margin-right: 0rem; margin-bottom:3rem;}
	.loca-txt-box {width: 100%;}
	.loca-title {margin-bottom: 1.5rem;}
	.loca-title strong {font-size:3.2rem;}
	.loca-title strong em{margin-left:0;}
	.loca-btn {width: 4rem; height: 4rem;}
	.loca-info-list {display:flex; flex-wrap:wrap;}
	.loca-info-list dl {display: block;}
	.loca-info-list dt {width: 100%; font-size:1.4rem;}
	.loca-info-list dd {width: 100%; font-size:1.4rem;}
	
	/* ****************** 메인 하단 링크 ********************** */
	/* animated */
	.main-bottom-link-wrap .link-item.animated .txt-box .tit.cm-word-split-JS.splitting .char{animation: text-active-animation 0.7s cubic-bezier(0.4, 0, 0.2, 1) both;}
	.main-bottom-link-wrap .link-item.animated .txt-box .txt{opacity:1; transform:translateY(0);}
	.main-bottom-link-wrap .link-item.animated .txt-box .cm-link-btn{opacity:1; transform:translateY(0);}
}
@media all and (max-width:800px){
	/* ****************** 메인 인트로배너 ********************** */
	.main-about-slide{margin-top:8rem;}
	#mainIntro{padding:0rem 0 8rem;}
	.intro-banner{height:30rem;}
	.intro-banner .txt{font-size:3rem;}
	.intro-txt-box{display: block; margin-top:3rem;}
	.intro-txt-box .left-box{width:100%; margin-bottom:1.5rem;}
	.intro-txt-box .left-box .txt{font-size:2.4rem;}
	.intro-txt-box .right-box{width:100%;}
	.intro-txt-box .right-box .txt{font-size:1.6rem; margin-bottom:1rem;}
	
	/* ****************** 메인 텍스트 컨텐츠 ********************** */
	.main-info-box{padding:6rem var(--area-padding); border-radius:2rem;}
	.main-info-box .info-tit{font-size:4rem; margin-bottom:3rem;}
	.main-info-box .info-txt-box{margin-bottom:6rem;}
	.main-info-box .info-txt-box .tit{font-size:2rem; margin-bottom:2rem;}
	.main-info-box .info-txt-box .txt{font-size:1.4rem;}

	.main-info-box .info-img-box{margin:-0.7rem -0.7rem 6rem;}
	
	/* ****************** 메인 협력사 ********************** */
	#mainCustomer{padding:8rem 0;}
	.main-customer-tit{font-size:3rem;}
	.main-customer-list{margin-top:3rem;}
	.main-customer-list .list-item{width:23%; margin:0 1%;}
	
	/* ****************** 메인 기업가치 ********************** */
	#mainValue{padding: 8rem 0;}
	.value-tit-box{margin-bottom:4rem;}
	.value-tit-box .tit{font-size:4rem;}
	.value-tit-box .txt{font-size:1.6rem; margin-top:1rem;}

	.value-list {flex-direction:column; align-items: center;}
	.value-list li {width: 30rem; height: 30rem;padding: 0 3rem;}
	.value-list .arrow-box {right: auto; bottom:-1rem; width: 4rem; height: 4rem; transform:rotate(90deg);}
	.value-list .arrow-box i {font-size:2rem;}

	.value-list .tit {font-size:2rem;}
	.value-list .txt {font-size:1.4rem; margin-top: 1rem;}
	.value-list .txt span{display: inline-block;}
	.value-list .tit-box {margin-top: 1rem;}
	.value-list .ico-box {width: 8rem;}
	.value-list .ico-box:before {width: 3rem; height: 3rem;}

	.value-list li:nth-of-type(1) {left: auto; top:0;}
	.value-list li:nth-of-type(2) {top:-2.5rem;}
	.value-list li:nth-of-type(3) {right:auto; top:-5rem;}

	.value-list li:nth-of-type(1) .ico-box:before {top: 4.2rem; left: 0.7rem;}
	.value-list li:nth-of-type(2) .ico-box:before {top: 1.5rem; right: 1.5rem;}
	.value-list li:nth-of-type(3) .ico-box:before {top: 1rem; left: 0.5rem;}
	
	/* ****************** 메인 하단 링크 ********************** */
	.main-bottom-link-wrap .link-item .txt-box .tit{font-size:3.6rem; margin-bottom:2rem;}
	.main-bottom-link-wrap .link-item .txt-box .txt{line-height:1.5; margin-bottom:2rem;}
}
@media all and (max-width:480px){
	/* ****************** 메인 인트로배너 ********************** */
	.intro-banner .txt{font-size:2.4rem; right:2rem;}

	/* ****************** 메인 텍스트 컨텐츠 ********************** */
	.main-info-box .info-img-box span{width:calc(100% - 1.4rem);}
	
	/* ****************** 메인 협력사 ********************** */
	.main-customer-list .list-item{width:48%;}
}

/* 푸터 */
@media all and (max-width:1280px){
	.main-bottom-link-wrap .link-item{padding:10rem var(--area-padding);}
	.main-page #footer{position: relative; transform:translateY(0%);}
}
@media all and (max-width:800px){
	.main-bottom-link-wrap{display: block; height:auto;}
	.main-bottom-link-wrap .link-item{position: relative; width:100%; padding:7rem var(--area-padding); height:64rem;}
}


/* ****************** 메인 하단 링크 ********************** */
@media all and (max-width:1280px){
}
@media all and (max-width:800px){
	
}