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

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1660px){
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow.slick-prev{left:20rem}
	.main-visual-con .slick-arrow.slick-next{left:24rem}
}
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !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-item .main-visual-txt-con{}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:2.5rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:5rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{display:none; font-size:13px; line-height:18px; margin-bottom:20px; }
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{font-size:12px; padding:8px 15px;}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots-wrapper{text-align:center; bottom:10px;}
	/* 메인 비주얼 :: 화살표 */
	/* .main-visual-con .slick-arrow{display:none !important;} */
	.main-visual-con .slick-arrow.slick-prev{left:20rem}
	.main-visual-con .slick-arrow.slick-next{left:24rem}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box{margin-bottom:3rem;}
	.main-tit-box .main-tit{font-size:24px;}
	.main-tit-box .main-sub-tit{font-size:13px;}
	.main-tit-box .main-sub-tit span{display:block;}
	.cm-main-tit{margin-bottom:1rem;}
	.cm-main-txt{line-height:1.2;}

	/* 컨텐츠01 */
	/* .main-quick-menu{flex-wrap:wrap;}
	.main-quick-menu .quick-item{width:100%; margin-bottom:2rem; padding:0 1.5rem;}
	.main-quick-menu .quick-item:last-child{margin-bottom:0;}
	.main-quick-menu .quick-item a{padding:7.5rem 0;}
	.main-quick-menu .quick-item a .cm-main-txt{display: block; margin-bottom:1.5rem;} */

	#mainContent2 .main-tit-box{margin-bottom:5rem;}
}