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

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainIntro){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}

	.main-visual-con {height: 56vh;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow.slick-prev{left:var(--area-padding);}
	.main-visual-con .slick-arrow.slick-next{right:var(--area-padding);}
}
@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-intro-con .bg-video {padding-top: 100vh; }
	.main-intro-con .bg-video .inner {width: calc(100% + 450px); height:  calc(100% + 450px);}
	/* .main-intro-con .bg iframe {width: auto !important;} */

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box .main-visual-txt1{font-size:4rem}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots-wrapper{text-align:center; bottom:10px;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
.main-tit-box .main-tit{font-size:6.8rem; margin-bottom:1rem;}
.main-tit-box .main-sub-tit{font-size:2.4rem;	}

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
@media all and (max-width:1280px){
	.main-menu-list .list-item{padding:15rem 0;}
}
@media all and (max-width:800px){
	.main-menu-list{display: block; height:auto;}
	.main-menu-list .list-item{padding:0; border-bottom:1px solid rgba(0,0,0,0.05)}
	.main-menu-list .list-item .txt-box{padding:2.5rem var(--area-padding);}
	.main-menu-list .list-item .txt-box .num{font-size:2.4rem; margin-bottom:0.5rem;}
	.main-menu-list .list-item .txt-box .tit{font-size:4.8rem; height:auto;}
	.main-menu-list .list-item .txt-box .tit br{display: none;}
	.main-menu-list .list-item .txt-box .txt{font-size:1.8rem; margin-top:0.6rem;}
	.main-menu-list .list-item .txt-box .sub-tit,
	.main-menu-list .list-item .txt-box .btn{display: none;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
@media all and (max-width:1560px){
	.main-worship-wrap .left-box {padding-left: 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.main-worship-wrap .left-box .worship-txt-box:before {left: -3rem;}
}
@media all and (max-width:1280px){
	#mainContent2{padding:15rem 0;}
}
@media all and (max-width:800px){
	#mainContent2{padding:8rem 0;}
	.main-worship-wrap{display: block; position: relative;}
	.main-worship-wrap .left-box{width:100%; margin-top:0; padding-left: 0;}
	.main-worship-wrap .left-box .worship-txt-box{margin-top:calc(65.91% + 10rem);}
	.main-worship-wrap .left-box .worship-txt-box:before {left: -6rem;}
	.main-worship-wrap .left-box .worship-txt-box .inner-txt-box {padding-right: 0;}
	.main-worship-wrap .left-box .worship-txt-box .inner-txt-box .inner-tit{font-size:2rem;}

	.main-worship-wrap .right-box{position: absolute; top:16rem; left:0; width:100%;}
	.video-cover-box .icon{width:6rem; height:6rem;}
	.video-cover-box .icon i{font-size:2.2rem;}
}
@media all and (max-width:640px){
	.main-worship-wrap .right-box{top:23rem}
}

/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
@media all and (max-width:1280px){
	#mainContent3{padding:15rem 0;}
}
@media all and (max-width:800px){
	#mainContent3{padding:12rem 0; background:#f9f9f9;}
	.main-news-wrap{display: block; height:auto;}
	.main-news-wrap .news-txt-box{position: static; width:100%; padding-right:0;}
	.main-news-wrap .news-txt-box:before{display: none;}
	.main-news-wrap .news-txt-box .main-news-btn{position: absolute; width:calc(100% - (2 * var(--area-padding))); bottom:6rem; left:var(--area-padding); padding-bottom:0.5rem;}
	.main-news-wrap .news-slide-box{width:100%; margin-top:9rem;}
	.main-news-wrap .news-slide-box:before{display: none;}
	.main-news-list{width:100%; max-width:calc(100% - var(--area-padding)); margin-left:0;}
	.animated .main-news-list .list-item{height:auto;}
	.animated .main-news-list .list-item:not(.slick-center) .slide-inner-con{transform: scale(1) translateX(var(--area-padding));}
	.animated .main-news-list .list-item.center-prev:not(.slick-center) .slide-inner-con{transform: translateX(15rem) scale(1);}
}

/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
@media all and (max-width:1280px){
	#mainContent4{padding:12rem 0;}
}
@media all and (max-width:800px){
	#mainContent4{padding:8rem 0 5rem;}
	.main-gallery-wrap{flex-direction:column-reverse;}
	.main-gallery-wrap .gallery-slide-box{width:100%; margin-top:9rem;}
	.main-gallery-list{width:100%;}
	.main-gallery-list .list-item{margin-left:0; margin-right:var(--area-padding);}
	.main-gallery-wrap .gallery-txt-box{width:100%; padding-left:0;}
	.main-gallery-wrap .gallery-txt-box:before{display: none;}
	.main-gallery-line-wrap{margin-top:4rem; width:100%;}
}


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