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

@media all and ( max-width: 1024px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section:not(#mainVisual) .fp-tableCell{padding-top:0; height:0 !important;}
}

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1220px){
	/* 메인 비주얼 :: 카운터 */
	.main-visual-conuter{text-align: center;}
	.main-visual-next{margin-right: 0;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:12px; margin-bottom:30px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:40px;}
	/* 메인 비주얼 :: 카운터 */
	.main-visual-conuter{bottom: 8.5%;}
	#mainIdeologyCon.effect-start .main-ideology-item.item03 .dot > span{transition-delay: 2.5s; animation-delay:2.5s;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 컨텐츠1(business) -------- */
@media all and (max-width:1024px){
	.main-business-con{height: auto;}
	.main-business-item{width: 100%;}
	.main-business-item a{width: 100%; height: 0; padding-top: 61.25%;}
}
@media all and (max-width:800px){
	.main-business-txt .en-tit{font-size: 12px;}
	.main-business-txt .kr-tit{margin-top: 10px; font-size: 35px;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(IDEOLOGY) -------- */
@media all and (max-width:1024px){
	.main-ideology-con{padding-top: 0; height: 800px;}
	.main-ideology-txt .tit{font-size: 45px;}
	.main-ideology-txt .txt{font-size: 19px;}
}
@media all and (max-width:800px){
	.main-ideology-txt .tit{font-size: 35px;}
	.main-ideology-txt .txt{margin-top: 20px; font-size: 16px;}

	.main-ideology-btn{margin-top: 30px; width:170px; height:50px; line-height:49px;}
	.main-ideology-btn:before{display: none;}
	.main-ideology-btn strong{text-indent: 35px; font-size:12px;}
	.main-ideology-btn i{top: 0; right:30px; line-height:49px; font-size:16px;}

	.main-ideology-wrapper{margin: 55px auto 0;}
	.main-ideology-item .txt-group{margin-top: 25px;}
	.main-ideology-item .txt-group p{font-size: 13px;}
	.main-ideology-item .txt-group h5{margin-top: 5px; font-size: 21px;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3(KPM TECH) -------- */
@media all and (max-width:1024px){
	.main-tech-con{padding-top: 0; height: 800px;}
	.main-tech-txt .tit{font-size: 64px;}
	.main-tech-txt .txt{font-size: 18px;}
}
@media all and (max-width:800px){
	.main-tech-txt .tit{font-size: 53px;}
	.main-tech-txt .txt{margin-top: 20px; font-size: 15px;}
	.main-tech-txt .btn{margin-top: 35px;}
	.main-tech-txt .btn a{width: 66px; height: 66px; font-size: 12px; line-height: 66px;}
}


/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1660px){
	.main-scroll-con{left: 5%;}
	#fp-nav{right:5%;}
}
@media all and (max-width:1220px){
	.main-scroll-con,
	#fp-nav{display:none !important;}
}