@charset "UTF-8";


/* ******************  메인 비주얼 ********************** */
[data-scroll]{opacity:0; transition:opacity .8s ease, transform .8s cubic-bezier(0.22,1,0.36,1); transition-delay:0s; will-change:opacity,transform;}
[data-scroll="fade-up"]{transform:translate3d(0,5rem,0);}
[data-scroll="fade-down"]{transform:translate3d(0,-5rem,0);}
[data-scroll="fade-left"]{transform:translate3d(5rem,0,0);}
[data-scroll="fade-right"]{transform:translate3d(-5rem,0,0);}
[data-scroll].animated.fade-up,
[data-scroll].animated.fade-down,
[data-scroll].animated.fade-left,
[data-scroll].animated.fade-right{opacity:1; transform:translate3d(0,0,0);}

#mainVisual{overflow:hidden; width:100%; height:89.5rem; position:relative; background-color: #000;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-link{display:block; width:100%; height:100%; color:inherit;}
.main-visual-item:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.34); z-index:1; pointer-events:none;}
.main-visual-item .main-visual-pc-img{width:100%; height:100%; background-size:cover !important;}
.main-visual-item.first .main-visual-pc-img{
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:2;
}
.main-visual-item .main-visual-txt-box{
	display:flex;
	align-items:center; justify-content: center; text-align: center;
	height:100%; padding-bottom: 23rem; box-sizing: border-box;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3{
	opacity:0; 
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:2.2rem; line-height: 1.3; color:#fff; font-weight:700; text-shadow:0 0.4rem 1.8rem rgba(0,0,0,0.45)}
.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 2.2rem; font-size:4.7rem; line-height: 1.34; letter-spacing:0; font-weight: 800; color:#fff; text-shadow:0 0.5rem 2.8rem rgba(0,0,0,0.5)}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b{color:var(--main-color);}
.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top:1.8rem; color:rgba(255,255,255,0.92); font-size:2rem; line-height:1.4; font-weight:700; text-shadow:0 0.4rem 1.8rem rgba(0,0,0,0.45);}

.main-visual-con .slick-arrow{position: absolute; top: 50%; margin-top: -3rem; width: 6rem; height: 6rem; background-color: rgba(0,0,0,0.3); z-index: 3;}
.main-visual-con .slick-arrow i{font-size: 3.2rem; color: #fff;}
.main-visual-con .slick-prev{left: 0; border-radius: 0 1rem 1rem 0;}
.main-visual-con .slick-next{right: 0; border-radius: 1rem 0 0 1rem;}

/* 메인 비주얼 :: active효과 */
.main-visual-item.first.active-start .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
    transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.5s; animation-delay:0.5s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{ -webkit-animation-delay:0.7s; animation-delay:0.7s;}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	#mainVisual{height:73rem;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-box{padding-bottom: 20rem;}
		.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:2rem; line-height: 1.3;}
		.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 2rem; font-size:3.7rem; line-height: 1.34;}
		.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:1.8rem;}

	.main-visual-con .slick-arrow{top: 60rem; left: 50%; right: auto; margin-top: -2.5rem; width: 6rem; height: 6rem;}
	.main-visual-con .slick-arrow i{font-size: 3.2rem;}
	.main-visual-con .slick-prev{margin-left: -7rem; border-radius: 1rem;}
	.main-visual-con .slick-next{border-radius: 1rem;}
	#wrap.active-start .main-visual-con .slick-arrow{
		-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
		animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
		-webkit-animation-delay:0.8s; animation-delay:0.8s;
	}
}

@media all and (max-width:480px){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:1.55rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 1.4rem; font-size:2.35rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top:1.2rem; font-size:1.45rem;}

}

/* ******************  메인 바로가기 ********************** */
#mainQuick{position:relative; z-index:5; margin-top:-8rem; margin-bottom:8rem;}
#mainQuick .area-box{width:calc(100% - (var(--area-padding) * 2)); max-width:141rem; padding:0;}
.main-quick-list{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); box-shadow:0 1.6rem 3.6rem rgba(33,62,124,0.1);}
.main-quick-list > li{min-width:0; background:#fff; border-left:1px solid #e4e8f1;}
.main-quick-list > li:first-child{border-left:0;}
.main-quick-list a{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-height:20.6rem; padding:3.4rem 2rem 3rem; color:#222; text-align:center; box-sizing:border-box; transition:background .25s ease, transform .25s ease;}
/* .main-quick-list a:hover{background:linear-gradient(180deg,rgba(33,62,124,0.08) 0%,rgba(33,62,124,0.02) 100%); transform:translateY(-0.5rem);} */
.main-quick-icon{display:flex; align-items:center; justify-content:center; /* width:6.8rem; height:6.8rem; */ margin:0 auto 1.6rem; border-radius:50%; color:var(--main-color); font-size:5.2rem; line-height:1; transform-origin:center;}
.main-quick-icon i{display:block; line-height:1;}
.main-quick-title{display:block; color:#1f1f1f; font-size:1.75rem; line-height:1.35; font-weight:800;}
.main-quick-desc{display:block; margin-top:1.7rem; color:#666; font-size:1.32rem; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere;}
@media all and (min-width:801px){
		.main-quick-list a:hover .main-quick-icon{animation:mainQuickIconAni .45s ease-in-out;}
}
@keyframes mainQuickIconAni{
	0%{transform:scaleX(1);}
	25%{transform:scaleX(0);}
	50%{transform:scaleX(1);}
	75%{transform:scaleX(0);}
	100%{transform:scaleX(1);}
}

/* ******************  메인 인트로 ********************** */
#mainIntro{position:relative; overflow:hidden; padding:11rem 0 18rem; background:#fff;}
#mainIntro:before{content:""; position:absolute; left:0; right:0; bottom:0; height:55%; background:linear-gradient(135deg,rgba(33,62,124,0.12) 0%,rgba(33,62,124,0.07) 100%);}
.main-intro-inner{position:relative; z-index:1; display:grid; grid-template-columns:minmax(42rem,54rem) minmax(0,1fr); gap:8.4rem; align-items:center; width:calc(100% - (var(--area-padding) * 2)); max-width:var(--area-box-width); padding:0; box-sizing:border-box;}
.main-intro-photo{position:relative; overflow:hidden; width:100%; border-radius:2.8rem; aspect-ratio:1.25 / 1; box-shadow:0 2.8rem 5rem rgba(33,62,124,0.14);}
.main-intro-photo-slider,
.main-intro-photo-slider .slick-list,
.main-intro-photo-slider .slick-track,
.main-intro-photo-slider .slick-slide,
.main-intro-photo-slider .slick-slide > div,
.main-intro-photo-slide{height:100%;}
.main-intro-photo-action{display:block; width:100%; height:100%; border:0; padding:0; background:none; color:inherit; cursor:pointer;}
.main-intro-photo img{display:block; width:100%; height:100%; object-fit:cover;}
.main-intro-photo .slick-arrow{position:absolute; top:50%; z-index:3; display:flex; width:4.8rem; height:4.8rem; align-items:center; justify-content:center; margin-top:-2.4rem; /* border:1px solid rgba(255,255,255,.48); */ border-radius:50%; background:rgba(0,0,0,.28); color:#fff; font-size:2.7rem; cursor:pointer; backdrop-filter:blur(.4rem); transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.main-intro-photo .slick-prev{left:2rem;}
.main-intro-photo .slick-next{right:2rem;}
.main-intro-photo .slick-arrow:hover{/* border-color:#fff; */ background:rgba(0,0,0,.52); transform:scale(1.06);}
.main-intro-photo .slick-dots{position:absolute; left:3rem; right:3rem; bottom:2.8rem; z-index:2; display:flex; gap:0.6rem;}
.main-intro-photo .slick-dots li{flex:1; height:0.3rem;}
.main-intro-photo .slick-dots button{display:block; overflow:hidden; width:100%; height:0.3rem; border:0; background:rgba(255,255,255,0.55); text-indent:-9999px;}
.main-intro-photo .slick-dots li.slick-active button{background:#fff;}
.main-intro-cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4rem;}
.main-intro-card{display:block; min-width:0; min-height:35.5rem; padding:3.4rem 3rem 3.6rem; border:1px solid rgba(33,62,124,0.22); border-radius:1.8rem; background:#fff; box-sizing:border-box; color:#111; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.main-intro-card:hover{transform:translateY(-0.6rem); border-color:var(--main-color); box-shadow:0 2.6rem 4.4rem rgba(33,62,124,0.16);}
.main-intro-icon{display:flex; align-items:center; justify-content:center; width:6.8rem; height:6.8rem; margin-bottom:2rem; border-radius:50%; background:var(--main-color); color:#fff; font-size:3.2rem;}
.main-intro-label{display:block; min-height:2.4rem; color:var(--main-color); font-size:1.65rem; line-height:1.35; font-weight:700;}
.main-intro-line{display:block; width:100%; height:1px; margin:2.4rem 0 2rem; background:rgba(33,62,124,0.22);}
.main-intro-title{display:block; color:#000; font-size:2rem; line-height:1.35; font-weight:800;}
.main-intro-desc{display:block; margin-top:1.6rem; color:#4b4b4b; font-size:1.55rem; line-height:1.75; word-break:keep-all; overflow-wrap:anywhere;}

.main-popup-modal{position:fixed; inset:0; z-index:500; display:flex; align-items:center; justify-content:center; padding:4rem var(--area-padding); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease,visibility .25s ease;}
.main-popup-modal.is-open{opacity:1; visibility:visible; pointer-events:auto;}
.main-popup-modal-dim{position:absolute; inset:0; background:rgba(0,0,0,.58);}
.main-popup-modal-panel{position:relative; z-index:1; overflow:auto; width:min(92rem,100%); max-height:calc(100vh - 8rem); padding:3rem; border-radius:2.4rem; background:#fff; box-sizing:border-box; box-shadow:0 2.5rem 6rem rgba(0,0,0,.28);}
.main-popup-modal-close{position:absolute; right:1.6rem; top:1.6rem; z-index:2; display:flex; width:4.6rem; height:4.6rem; align-items:center; justify-content:center; border:0; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; font-size:2.4rem; cursor:pointer;}
.main-popup-modal-image{background:none;}
.main-popup-modal-image img{display:block; width:100%; max-height:58vh; border-radius:1.8rem; object-fit:contain;}
.main-popup-modal-copy{padding:3rem 1rem 1rem;}
.main-popup-modal-copy h2{color:#111; font-size:2.6rem; line-height:1.35; font-weight:900; letter-spacing:-.04em;}
.main-popup-modal-copy p{margin-top:1.4rem; color:#555; font-size:1.55rem; line-height:1.75; font-weight:500; white-space:pre-line; word-break:keep-all;}
body.main-popup-lock{overflow:hidden;}

@media all and (max-width:1280px){
	#mainQuick{margin-top:-9rem; margin-bottom:8rem;}
	.main-quick-list{grid-template-columns:repeat(3,minmax(0,1fr));}
	.main-quick-list > li{border-left:1px solid #e4e8f1;}
	.main-quick-list > li:nth-child(3n+1){border-left:0;}
	.main-quick-list > li:nth-child(n+4){border-top:1px solid #e4e8f1;}
	.main-quick-list a{min-height:18.4rem; padding:2.8rem 1.8rem 2.6rem;}
	.main-quick-desc{margin-top:1.4rem;}
	#mainIntro{padding:9rem 0 16rem;}
	.main-intro-inner{grid-template-columns:42rem 1fr; gap:4rem;}
	.main-intro-cards{gap:2rem;}
	.main-intro-card{padding:3rem 2.4rem; min-height:33rem;}
}
@media all and (max-width:800px){
	#mainQuick{margin-top:-6rem; margin-bottom:6rem;}
	#mainQuick .area-box{width:calc(100% - (var(--area-padding) * 2));}
	.main-quick-list{grid-template-columns:repeat(2,minmax(0,1fr)); box-shadow:0 1.2rem 2.6rem rgba(33,62,124,0.1);}
	.main-quick-list > li{border-left:1px solid #e4e8f1; border-top:1px solid #e4e8f1;}
	.main-quick-list > li:nth-child(3n+1){border-left:1px solid #e4e8f1;}
	.main-quick-list > li:nth-child(n+4){border-top:1px solid #e4e8f1;}
	.main-quick-list > li:nth-child(odd){border-left:0;}
	.main-quick-list > li:nth-child(-n+2){border-top:0;}
	.main-quick-list a{min-height:12.8rem; padding:1.9rem 1.2rem 2rem;}
	.main-quick-icon{/* width:5.2rem; height:5.2rem;  */margin-bottom:1rem; font-size:3.5rem;}
	.main-quick-title{font-size:1.48rem;}
	.main-quick-desc{display:none;}
	#mainIntro{padding:7rem 0 12rem;}
	#mainIntro:before{height:70%;}
	.main-intro-inner{display:block;}
	.main-intro-photo{border-radius:2rem; aspect-ratio:1.24 / 1;}
	.main-intro-photo .slick-arrow{width:4rem; height:4rem; margin-top:-2rem; font-size:2.3rem;}
	.main-intro-photo .slick-prev{left:1.2rem;}
	.main-intro-photo .slick-next{right:1.2rem;}
	.main-intro-photo .slick-dots{left:2rem; right:2rem; bottom:2rem;}
	.main-intro-cards{display:grid; grid-template-columns:minmax(0,1fr); gap:1.8rem; margin-top:3rem;}
	.main-intro-card{min-height:0; padding:3rem 2.6rem; border-radius:1.6rem;}
	.main-intro-icon{width:6.2rem; height:6.2rem; margin-bottom:1.8rem; font-size:3rem;}
	.main-intro-label{font-size:1.7rem;}
	.main-intro-title{font-size:2.1rem;}
	.main-intro-desc{font-size:1.6rem; line-height:1.7;}
	.main-popup-modal{padding:2rem var(--area-padding);}
	.main-popup-modal-panel{max-height:calc(100vh - 4rem); padding:1.6rem; border-radius:1.8rem;}
	.main-popup-modal-close{right:1.2rem; top:1.2rem; width:4.2rem; height:4.2rem;}
	.main-popup-modal-image img{max-height:52vh; border-radius:1.2rem;}
	.main-popup-modal-copy{padding:2.4rem .6rem .8rem;}
	.main-popup-modal-copy h2{font-size:2.2rem;}
	.main-popup-modal-copy p{font-size:1.45rem;}
}

/* ******************  메인 주일예배 ********************** */
#mainSunday{position:relative; overflow:hidden; padding:0 0 12rem; background:#fff;}
#mainSunday:before{content:""; position:absolute; left:0; top:0; width:100%; height:62rem; background:linear-gradient(135deg,var(--main-color) 0%,#3f65a4 100%);}
#mainSunday:after{content:""; position:absolute; right:4.8%; top:5.6rem; width:34rem; height:42rem; opacity:0.18; pointer-events:none; background:rgba(255,255,255,0.9); -webkit-mask:linear-gradient(#000 0 0) center / 30% 100% no-repeat,linear-gradient(#000 0 0) center 22% / 100% 26% no-repeat; mask:linear-gradient(#000 0 0) center / 30% 100% no-repeat,linear-gradient(#000 0 0) center 22% / 100% 26% no-repeat;}
.main-sunday-inner{position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,58rem) minmax(54rem,68rem); grid-template-rows:auto auto; column-gap:13rem; align-items:start; width:calc(100% - (var(--area-padding) * 2)); max-width:135rem; min-height:78rem; padding:10rem 0 0; box-sizing:border-box;}
.main-sunday-copy{grid-column:1; grid-row:1; padding-left:4rem; color:#fff; box-sizing:border-box;}
.main-sunday-dots{display:flex; flex-direction:column; gap:0.7rem; margin-bottom:5rem;}
.main-sunday-dots i{display:block; width:0.55rem; height:0.55rem; border-radius:50%; background:rgba(255,255,255,0.78);}
.main-sunday-label{font-size:2.4rem; line-height:1.35; font-weight:800;}
.main-sunday-title{margin-top:2.4rem; font-size:4.4rem; line-height:1.22; font-weight:800; letter-spacing:0; word-break:keep-all;}
.main-sunday-sermon-info{margin-top:3.2rem; color:#fff; font-size:2rem; line-height:1.65; font-weight:700; word-break:keep-all; overflow-wrap:anywhere;}
.main-sunday-sermon-info p + p{margin-top:0.6rem;}
.main-sunday-sermon-info span{display:inline-block; margin:0 1rem; opacity:0.8;}
.main-sunday-btns{display:flex; flex-wrap:wrap; gap:1.2rem; margin-top:5.2rem;}
.main-sunday-btns a{display:inline-flex; align-items:center; justify-content:center; min-width:17.4rem; height:5rem; padding:0 2.4rem; border:0.2rem solid #fff; border-radius:0.8rem; color:#fff; font-size:1.75rem; line-height:1; font-weight:800; box-sizing:border-box; transition:background .25s ease, color .25s ease, transform .25s ease;}
.main-sunday-btns a:first-child{background:#fff; color:#111;}
.main-sunday-btns a i{margin-left:1.4rem; font-size:1.9rem;}
.main-sunday-btns a:hover{transform:translateY(-0.4rem); background:#fff; color:var(--main-color);}
.main-sunday-photo{grid-column:2; grid-row:1 / span 2; justify-self:end; overflow:hidden; width:min(68rem,100%); aspect-ratio:1 / 1; border-radius:50%; box-shadow:3.4rem 4.4rem 5.8rem rgba(13,29,64,0.28);}
.main-sunday-photo img{display:block; width:100%; height:100%; object-fit:cover; filter:brightness(1.12) contrast(1.04);}
.main-sunday-link-list{grid-column:1; grid-row:2; display:flex; align-items:flex-start; gap:7.4rem; margin-top:15rem; padding-left:4rem;}
.main-sunday-link-list li{min-width:0;}
.main-sunday-link-list a{display:block; color:#111; text-align:center; transition:color .25s ease, transform .25s ease;}
.main-sunday-link-list a i{display:block; color:var(--main-color); font-size:5.5rem; line-height:1; transition:transform .35s ease;}
.main-sunday-link-list a strong{display:block; margin-top:1.6rem; font-size:2rem; line-height:1.3; font-weight:800;}
.main-sunday-link-list a:hover{color:var(--main-color); transform:translateY(-0.4rem);}
.main-sunday-link-list a:hover i{transform:translateY(-0.3rem) rotateY(180deg);}

@media all and (max-width:1280px){
	#mainSunday:before{height:56rem;}
	#mainSunday:after{right:2.5%; top:5rem; width:28rem; height:35rem;}
	.main-sunday-inner{grid-template-columns:minmax(0,1fr) minmax(42rem,52rem); column-gap:5rem; min-height:70rem; padding-top:8rem;}
	.main-sunday-copy{padding-left:0;}
	.main-sunday-title{font-size:3.7rem;}
	.main-sunday-photo{width:min(52rem,100%);}
	.main-sunday-link-list{gap:4.2rem; margin-top:11rem; padding-left:0;}
}
@media all and (max-width:800px){
	#mainSunday{padding-bottom:5.8rem;}
	#mainSunday:before{height:64rem;}
	#mainSunday:after{right:.5rem; top:2.8rem; width:24rem; height:31rem; opacity:0.16;}
	.main-sunday-inner{display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"photo" "copy" "links"; min-height:0; padding-top:1.2rem;}
	.main-sunday-copy{grid-area:copy; width:min(27.6rem,calc(100% - 7.8rem)); margin:0 auto 0 0; padding-left:0; color:#fff; text-align:left;}
	.main-sunday-dots{flex-direction:column; gap:0.42rem; margin:0 0 1.5rem;}
	.main-sunday-dots i{width:0.42rem; height:0.42rem;}
	.main-sunday-label{font-size:1.42rem;}
	.main-sunday-title{margin-top:1.1rem; font-size:2.55rem; line-height:1.22;}
	.main-sunday-sermon-info{margin-top:1.7rem; font-size:1.22rem; line-height:1.62;}
	.main-sunday-sermon-info p + p{margin-top:0.25rem;}
	.main-sunday-sermon-info span{margin:0 0.45rem;}
	.main-sunday-btns{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.8rem; width:100%; margin-top:2.6rem;}
	.main-sunday-btns a{min-width:0; height:3.7rem; padding:0 0.5rem; border-width:0.15rem; border-radius:0.45rem; font-size:1.05rem; white-space:nowrap;}
	.main-sunday-btns a i{margin-left:0.5rem; font-size:1.25rem;}
	.main-sunday-photo{grid-area:photo; justify-self:center; width:clamp(23rem,75vw,34rem); margin:0 auto 2.2rem; box-shadow:1.2rem 1.8rem 2.8rem rgba(13,29,64,0.24);}
	.main-sunday-link-list{grid-area:links; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; width:min(31rem,calc(100% - 7.8rem)); margin:4.4rem auto 0 0; padding:4.3rem 0 0; background:#fff; box-shadow:0 0 0 100vmax #fff; clip-path:inset(0 -100vmax);}
	.main-sunday-link-list a i{font-size:3rem;}
	.main-sunday-link-list a strong{margin-top:0.8rem; font-size:1.12rem; white-space:nowrap;}
}

@media all and (max-width:480px){
	#mainSunday:after{top:2.8rem; width:14rem; height:21rem;}

}

/* ******************  메인 설교 탭 ********************** */
#mainSermon{position:relative; overflow:hidden; padding:11rem 0 12.5rem; background:#fff;}
.main-sermon-inner{width:calc(100% - (var(--area-padding) * 2)); max-width:160rem; padding:0; box-sizing:border-box;}
.main-sermon-head{margin-bottom:4.8rem;}
.main-sermon-head p{color:var(--main-color); font-size:1.65rem; line-height:1; font-weight:800; letter-spacing:0;}
.main-sermon-head h2{margin-top:1.4rem; color:#111; font-size:4.2rem; line-height:1.2; font-weight:800; letter-spacing:0;}
.main-sermon-head h2 span{color:var(--main-color);}
.main-sermon-tabs{display:flex; align-items:center; justify-content:space-between; gap:2.4rem; margin-bottom:4rem; padding:0 0 1rem; border-bottom:1px solid #e7e7e7;}
.main-sermon-tab-list{display:flex; align-items:center; min-width:0; gap:0.4rem;}
.main-sermon-tab-list button{position:relative; min-width:0; height:5.2rem; padding:0 2.6rem 0.6rem 0; border:0; border-radius:0; background:transparent; color:#666; font-size:1.75rem; line-height:1; font-weight:800; cursor:pointer; transition:color .25s ease;}
.main-sermon-tab-list button:before{content:""; position:absolute; left:0; bottom:0.7rem; width:0; height:0.4rem; background:var(--main-color); transition:width .25s ease;}
.main-sermon-tab-list button:after{content:""; position:absolute; right:1.5rem; top:1rem; width:0.7rem; height:0.7rem; border-radius:50%; background:var(--main-color); opacity:0;}
.main-sermon-tab-list button.active{color:#111;}
.main-sermon-tab-list button.active:before{width:4.4rem;}
.main-sermon-tab-list button.active:after{opacity:1;}
.main-sermon-more{display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:0.8rem; height:5.2rem; min-width:12rem; padding:0 2.2rem; border-radius:3rem; background:#222; color:#fff; font-size:1.55rem; line-height:1; font-weight:800; transition:background .25s ease, transform .25s ease;}
.main-sermon-more i{font-size:1.8rem;}
.main-sermon-more:hover{background:var(--main-color); transform:translateY(-0.3rem);}
.main-sermon-panel{display:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3.2rem;}
.main-sermon-panel.active{display:grid;}
.main-sermon-empty{grid-column:1/-1; padding:8rem 2rem; border:1px solid #ededed; border-radius:2.2rem; background:#fff; color:#777; font-size:1.7rem; line-height:1.5; font-weight:700; text-align:center;}
.main-sermon-card{position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:33rem; padding:4.6rem 4.2rem 3.8rem; border:1px solid #ededed; border-radius:2.2rem; background:#fff; color:#111; box-shadow:0 2.4rem 5rem rgba(33,62,124,0.08); box-sizing:border-box; transition:background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;}
.main-sermon-card:before{content:""; position:absolute; right:2.6rem; bottom:2.6rem; width:12.4rem; height:15.2rem; pointer-events:none; background:rgba(255,255,255,0.24); opacity:0; -webkit-mask:linear-gradient(#000 0 0) center / 28% 100% no-repeat,linear-gradient(#000 0 0) center 28% / 100% 25% no-repeat; mask:linear-gradient(#000 0 0) center / 28% 100% no-repeat,linear-gradient(#000 0 0) center 28% / 100% 25% no-repeat; transform:translate(2rem,2rem) rotate(0.001deg); transition:opacity .3s ease, transform .35s ease;}
.main-sermon-card span{position:relative; z-index:1; color:var(--main-color); font-size:1.8rem; line-height:1; font-weight:800; transition:color .3s ease;}
.main-sermon-card strong{position:relative; z-index:1; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height:7.8rem; margin-top:3rem; color:#111; font-size:2.7rem; line-height:1.45; font-weight:800; word-break:keep-all; transition:color .3s ease;}
.main-sermon-card p{position:relative; z-index:1; margin-top:2.4rem; color:#555; font-size:1.65rem; line-height:1.5; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .3s ease;}
.main-sermon-card em{position:relative; z-index:1; margin-top:auto; padding-top:3rem; color:#777; font-size:1.55rem; line-height:1.35; font-weight:700; transition:color .3s ease;}
.main-sermon-card > i{position:relative; z-index:1; display:block; width:10rem; margin-top:3rem; color:#111; font-size:3.2rem; line-height:1; transition:color .3s ease, transform .3s ease;}
.main-sermon-card:hover{background:var(--main-color); color:#fff; transform:translateY(-0.8rem); box-shadow:0 3rem 5.4rem rgba(33,62,124,0.22);}
.main-sermon-card:hover:before{opacity:1; transform:translate(0,0) rotate(0.001deg);}
.main-sermon-card:hover span,
.main-sermon-card:hover strong,
.main-sermon-card:hover p,
.main-sermon-card:hover em,
.main-sermon-card:hover > i{color:#fff;}
.main-sermon-card:hover > i{transform:translateX(1.2rem);}
.main-news-empty{display:flex; align-items:center; justify-content:center; min-height:24rem; color:#777; font-size:1.6rem; font-weight:700;}

@media all and (max-width:1280px){
	.main-sermon-panel{gap:2rem;}
	.main-sermon-card{min-height:30rem; padding:3.8rem 3rem 3.2rem;}
	.main-sermon-card strong{font-size:2.25rem;}
}
@media all and (max-width:800px){
	#mainSermon{padding:7.5rem 0 8rem;}
	.main-sermon-inner{width:calc(100% - (var(--area-padding) * 2)); margin-left:auto; margin-right:auto;}
	.main-sermon-head{margin-bottom:3.2rem;}
	.main-sermon-head p{font-size:1.35rem;}
	.main-sermon-head h2{font-size:3rem;}
	.main-sermon-tabs{align-items:center; gap:1.2rem; margin-bottom:2.6rem; padding:0 0 0.8rem; border-radius:0;}
	.main-sermon-tab-list{overflow-x:auto; gap:0.2rem; padding-bottom:0.2rem;}
	.main-sermon-tab-list button{flex:0 0 auto; height:4.2rem; padding:0 1.8rem 0.5rem 0; font-size:1.28rem;}
	.main-sermon-tab-list button:before{bottom:0.45rem; height:0.32rem;}
	.main-sermon-tab-list button.active:before{width:3.4rem;}
	.main-sermon-tab-list button:after{right:0.9rem; top:0.55rem; width:0.5rem; height:0.5rem;}
	.main-sermon-more{width:4.2rem; min-width:4.2rem; height:4.2rem; padding:0;}
	.main-sermon-more span{position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0,0,0,0);}
	.main-sermon-more i{font-size:1.7rem;}
	.main-sermon-panel.active{display:grid; grid-template-columns:minmax(0,1fr); gap:1.8rem;}
	.main-sermon-card{min-height:23rem; padding:3rem 2.6rem 2.7rem; border-radius:1.6rem;}
	.main-sermon-card span{font-size:1.42rem;}
	.main-sermon-card strong{min-height:auto; margin-top:1.8rem; font-size:2rem; line-height:1.38;}
	.main-sermon-card p{margin-top:1.6rem; font-size:1.35rem;}
	.main-sermon-card em{padding-top:2.2rem; font-size:1.25rem;}
	.main-sermon-card > i{width:auto; margin-top:2rem; font-size:2.4rem;}
}

/* ******************  메인 커뮤니티 ********************** */
#mainCommunity{position:relative; overflow:hidden; padding:10.5rem 0 12rem; background:#f7f7f7;}
.main-community-inner{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:13rem; width:calc(100% - (var(--area-padding) * 2)); max-width:160rem; padding:0; box-sizing:border-box;}
.main-section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:7rem;}
.main-section-head h2{color:#111; font-size:4.1rem; line-height:1.25; font-weight:800; letter-spacing:0; word-break:keep-all;}
.main-section-head h2 span{color:var(--main-color);}
.main-section-head a{position:relative; flex:0 0 auto; padding-bottom:0.9rem; color:var(--main-color); font-size:1.7rem; line-height:1; font-weight:800; text-transform:lowercase;}
.main-section-head a:after{content:""; position:absolute; left:0; right:0; bottom:0; height:0.4rem; background:rgba(33,62,124,0.35);}
.main-family-slider{margin:0 -1.2rem;}
.main-family-slider .slick-list{overflow:hidden;}
.main-family-slider .slick-slide{padding:0 1.2rem; box-sizing:border-box;}
.main-family-slider .slick-dots{display:flex !important; justify-content:center; gap:1.2rem; margin-top:3.2rem;}
.main-family-slider .slick-dots li{width:0.9rem; height:0.9rem;}
.main-family-slider .slick-dots button{display:block; overflow:hidden; width:0.9rem; height:0.9rem; border:0; border-radius:50%; background:#d5d5d5; text-indent:-9999px;}
.main-family-slider .slick-dots li.slick-active button{background:var(--main-color);}
.main-family-card{display:block; min-width:0; color:#333;}
.main-family-thumb{position:relative; display:block; overflow:hidden; aspect-ratio:1.5 / 1; border-radius:2rem; background:#ddd;}
.main-family-thumb img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease;}
.main-family-thumb:after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,0.5) 100%);}
.main-family-thumb em{position:absolute; left:0; right:0; bottom:1.8rem; z-index:1; color:#fff; font-size:2.2rem; line-height:1; font-weight:800; text-align:center; text-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.35);}
.main-family-card strong{display:block; overflow:hidden; margin-top:1.6rem; color:#333; font-size:2rem; line-height:1.35; font-weight:800; white-space:nowrap; text-overflow:ellipsis;}
.main-family-card p{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:1rem; color:#555; font-size:1.45rem; line-height:1.55; word-break:keep-all;}
.main-family-card:hover .main-family-thumb img{transform:scale(1.06);}
.main-news-list{border-top:1px solid #d5dae2;}
.main-news-list li{border-bottom:1px solid #d5dae2;}
.main-news-list a{display:grid; grid-template-columns:8.8rem minmax(0,1fr) 9rem; align-items:center; gap:1.6rem; min-height:6.2rem; color:#222;}
.main-news-list span{color:#888; font-size:1.45rem; line-height:1.3;}
.main-news-list strong{display:block; color:#1e1e1e; font-size:1.75rem; line-height:1.35; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-news-list em{color:#8a8a8a; font-size:1.8rem; line-height:1; font-weight:700; text-align:right;}
.main-news-list a:hover strong{color:var(--main-color);}

@media all and (max-width:1280px){
	.main-community-inner{gap:6rem;}
	.main-section-head{margin-bottom:5rem;}
	.main-section-head h2{font-size:3.4rem;}
	.main-news-list a{grid-template-columns:6.6rem minmax(0,1fr) 8rem;}
	.main-news-list strong{font-size:1.58rem;}
	.main-news-list em{font-size:1.55rem;}
}
@media all and (max-width:800px){
	#mainCommunity{padding:7rem 0 8rem;}
	.main-community-inner{display:block; width:calc(100% - (var(--area-padding) * 2)); margin-left:auto; margin-right:auto;}
	.main-news-block{margin-top:7rem;}
	.main-section-head{margin-bottom:3.2rem;}
	.main-section-head h2{font-size:2.75rem;}
	.main-section-head a{font-size:1.45rem;}
	.main-family-slider{margin:0 -0.8rem;}
	.main-family-slider .slick-slide{padding:0 0.8rem;}
	.main-family-thumb{border-radius:1.4rem;}
	.main-family-thumb em{bottom:1.4rem; font-size:1.75rem;}
	.main-family-card strong{font-size:1.7rem;}
	.main-family-card p{font-size:1.32rem;}
	.main-family-slider .slick-dots{margin-top:2.4rem;}
	.main-news-list a{grid-template-columns:5.2rem minmax(0,1fr) 6.5rem; gap:1rem; min-height:5.8rem;}
	.main-news-list span{font-size:1.25rem;}
	.main-news-list strong{font-size:1.36rem;}
	.main-news-list em{font-size:1.3rem;}
}

/* ******************  메인 갤러리 ********************** */
#mainGallery{position:relative; overflow:hidden; padding:8.5rem 0 10.5rem;}
.main-gallery-inner{width:calc(100% - (var(--area-padding) * 2)); max-width:118rem; padding:0; box-sizing:border-box;}
.main-gallery-head{text-align:center; margin-bottom:6.2rem;}
.main-gallery-head h2{color:#111; font-size:4.1rem; line-height:1.25; font-weight:800; letter-spacing:0; word-break:keep-all;}
.main-gallery-head h2 a{color:inherit;}
.main-gallery-head h2 span{color:var(--main-color);}
.main-gallery-head p{margin-top:0.7rem; color:#222; font-size:1.15rem; line-height:1.4; font-weight:700; word-break:keep-all;}
.main-gallery-list{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4.8rem 3rem;}
.main-gallery-list a{display:block; color:#111;}
.main-gallery-thumb{display:block; overflow:hidden; aspect-ratio:1.08 / 1; border-radius:0.5rem; background:#ddd;}
.main-gallery-thumb img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease, filter .45s ease;}
.main-gallery-list strong{display:block; overflow:hidden; margin-top:1.6rem; color:#111; font-size:1.7rem; line-height:1.35; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.main-gallery-list em{display:block; margin-top:1.7rem; color:#777; font-size:1.4rem; line-height:1; font-weight:500;}
.main-gallery-list a:hover .main-gallery-thumb img{transform:scale(1.06); filter:brightness(0.92);}
.main-gallery-list a:hover strong{color:var(--main-color);}

@media all and (max-width:1280px){
	.main-gallery-inner{width:calc(100% - (var(--area-padding) * 2)); max-width:118rem; margin-left:auto; margin-right:auto;}
	.main-gallery-head h2{font-size:3.4rem;}
	.main-gallery-list{grid-template-columns:repeat(4,minmax(0,1fr)); gap:4.4rem 2.4rem;}
}
@media all and (max-width:800px){
	#mainGallery{padding:6.5rem 0 7.5rem;}
	.main-gallery-inner{width:calc(100% - (var(--area-padding) * 2)); margin-left:auto; margin-right:auto;}
	.main-gallery-head{margin-bottom:3.6rem; text-align:left;}
	.main-gallery-head h2{font-size:2.75rem;}
	.main-gallery-head p{font-size:1.12rem;}
	.main-gallery-list{grid-template-columns:repeat(2,minmax(0,1fr)); gap:3.2rem;}
	.main-gallery-thumb{aspect-ratio:1.26 / 1;}
	.main-gallery-list strong{margin-top:1.3rem; font-size:1.55rem;}
	.main-gallery-list em{margin-top:1.1rem; font-size:1rem;}
}