@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */
/* ****************** 풀페이지 레이아웃 ********************** */
@media all and ( max-height: 650px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section{height:auto !important;}
	#fullpage .fp-section .fp-tableCell{padding-top:0; height:0 !important;}
	#mainPartners,
	#mainNotice{padding:80px 0}
}
@media all and ( max-height: 650px) and ( max-width: 480px){	
	#mainPartners,
	#mainNotice{padding:60px 0}
}

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1845px ){	
	/* 메인 비주얼 :: 컨트롤러 */
	.main-visual-control > div{padding-right:110px; box-sizing:border-box}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{right:20px}
}
@media all and ( max-width: 1024px ){	
	/* 메인 비주얼 :: 컨트롤러 */
	.main-visual-control{bottom:80px}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{bottom:2px}
	.scroll-icon span{padding-bottom:9px}
}
@media all and ( max-width: 800px ){	
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-con{text-align:center}
	.main-visual-txt-con .main-visual-txt1{font-size:40px}
	.main-visual-txt-con .main-visual-txt2{font-size:15px; margin:20px 0 40px}
	.main-visual-txt-con .main-visual-more-btn a{font-size:11px; width:175px; height:47px; line-height:47px}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
	/* 메인 비주얼 :: 컨트롤러 */
	.main-visual-control{text-align:center}
	.main-visual-control > div{padding-right:0}
	.main-visual-control .pause-btn,
	.main-visual-control .main-visual-loading-bar{display:none}
	/* 재생버튼 */

}
@media all and ( max-width: 480px ){	
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-con .main-visual-txt2{display:none}
	.main-visual-txt-con .main-visual-more-btn{margin-top:40px}
	/* 메인 비주얼 :: 컨트롤러 */
	.main-visual-control{bottom:60px}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){	
	/* 공통 :: 레이아웃 */
	.main-cm-wrap > div{display:block;}
	.main-cm-wrap .main-tit-box{width:100%; text-align:center}
	.main-cm-wrap .main-cm-slide{width:100%; margin-top:30px}
	.main-cm-wrap .cm-slide-arrow li{width:50px; height:50px}
	.main-cm-wrap .cm-slide-arrow li a i{font-size:20px; line-height:50px}
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit{font-size:40px}
	.main-tit-box .main-sub-tit{font-size:14px; max-width:405px; margin:15px auto 0; display:none}

}

/* -------- 메인 컨텐츠 :: 컨텐츠1(Partners) -------- */
@media all and ( max-width: 800px ){	
	#mainPartners .main-cm-wrap .main-tit-box{padding:0}
	.partners-slide-arrow{margin-top:20px}
	.main-partners-slide .partners-slide{margin:0 -15px 0 -120px}
	.main-partners-slide .partners-slide li{padding-top:19%}
	.main-partners-slide .partners-slide li a .partners-img img{object-position: 0 0; object-fit:cover}
	.main-partners-slide .partners-slide li a .partners-tit{font-size:16px; bottom:10px; left:10px}
	/* 스크롤다운 */
	.partners-scroll{display:none}
}
@media all and ( max-height: 750px ) and ( max-width: 800px ){	
	.main-partners-slide .partners-slide li{padding-top:13%}
}
@media all and ( max-width: 480px ){	
	.main-partners-slide .partners-slide{margin-left:-130px}
	.main-partners-slide .partners-slide li{padding-top:20%}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2(Notice) -------- */
@media all and ( max-width: 1366px ){	
	#mainNotice .main-cm-wrap .main-tit-box{padding-left:5%}
}
@media all and ( max-width: 1220px ){	
	.main-notice-slide .notice-slide li .notice-slide-inner{height:400px}
}
@media all and ( max-width: 800px ){	
	#mainNotice:after{width:800px; left:50%; margin-left:-450px;}
	#mainNotice .main-cm-wrap{display:flex; flex-direction:column-reverse}
	#mainNotice .main-cm-wrap .main-tit-box{overflow:hidden; padding:0}
	.notice-slide-arrow{margin-top:20px}
	.main-notice-slide .notice-slide{margin:0 -15px 0 -120px}
	.main-notice-slide .notice-slide li .notice-slide-inner{height:330px}
	.main-notice-slide .notice-slide li a{padding:25px 20px}
	.main-notice-slide .notice-slide li a .tit{font-size:18px}
	.main-notice-slide .notice-slide li a .txt{font-size:13px; margin-top:15px}
	.main-notice-slide .notice-slide li a .date{font-size:11px; bottom:7%}
	.main-cm-wrap .cm-slide-arrow{display:none}
}
@media all and ( max-width: 480px ){	
	#mainNotice:after{margin-left:-485px}
	.main-notice-slide .notice-slide{margin-left:-130px}
}


/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and ( max-width: 1845px ){	
	#fp-nav{right:40px}
}
@media all and (max-width:1366px){
	#fp-nav{right:30px;}
}
@media all and (max-width:1024px){
	#fp-nav{display:none;}
}