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

.ms-preloader { width: 100%; height: 100%; position: fixed; z-index: 9999999; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #fff; }

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

@media all and ( min-width: 1281px ){
	.main-page #headerInnerWrap #gnb,
	.main-page #headerInnerWrap .header-util-box{top:calc(-1 * (var(--header-height) + var(--header-top))); transition: opacity 0.8s ease-in-out ,top 1.2s ease;}
	.main-page #header.active #headerInnerWrap #gnb,
	.main-page #header.active #headerInnerWrap .header-util-box{top:0;}
}

/* ******************  메인 인트로 ********************** */
#mainIntroCover {position: relative; width: 100%; height: 100vh; z-index: 15; background: #fff; overflow: hidden; }
.main-intro-con {position: relative; width: 100%; height: 100%;}
.main-intro-con .bg-img {position: absolute; top: 0; left: 0; width:100%; height:100%; background-size:cover !important; transform: scale(1.2,1.2);  transition: all 1.8s ease-in-out;}
.main-intro-con .bg-video {position:absolute; overflow:hidden; height:0; padding-top: 56.25%; width:100%;}
.main-intro-con .bg-video .inner {position: absolute; top: 0; left: 0; width:100%; height:100%; transform: scale(1.2,1.2);  transition: all 1.8s ease-in-out;}
.main-intro-con .bg-video .inner iframe {position: absolute;/* min-height: calc(100% + 450px); */top: 50%;left: 50%;width: 100%; height: 100%;transform: translate(-50%, -50%);pointer-events:none;}
.main-intro-con .main-intro-txt-con {position: absolute; top: 0; left: 0; width:100%;height:100%; display: flex; align-items: center; justify-content: end; background: #fff; z-index: 1;     mix-blend-mode: lighten;}
.main-intro-con .main-intro-txt-con .txt-box {width: 50%;}
.main-intro-con .main-intro-txt-con .txt-box .txt {font-size: 18rem; font-weight: 700; letter-spacing: -0.05em; color: #000; opacity: 0; /* transform: translateX(-120px); */ transition: all 1.2s ease-in-out;}
.main-intro-con .main-intro-txt-con .txt-box .txt.txt01 {transform: translateX(-50px); }
.main-intro-con .main-intro-txt-con .txt-box .txt.txt02 {transform: translateX(-90px); }
.main-intro-con .main-intro-txt-con .txt-box .txt.txt03 {transform: translateX(-130px); }
.main-intro-con .main-intro-txt-con .txt-box .txt.txt04 {transform: translateX(-170px); }

.main-intro-con .main-intro-logo-con {position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: start; z-index: 2;}
.main-intro-con .main-intro-logo-con .logo-box {width: 50%; text-align: center;}
.main-intro-con .main-intro-logo-con .logo-box img {max-width: 100%;}
.main-intro-con .main-intro-logo-con .logo-box .logo {opacity: 0; transform: translateY(-80px); transition: all 1.6s ease-in-out}
.main-intro-con .main-intro-logo-con .logo-box .tit {position: relative; display: inline-block; opacity: 0; transform: translateY(80px); transition:  all 1.6s ease-in-out;}
.main-intro-con .main-intro-logo-con .logo-box .tit .cover-txt {font-size: 4.4rem; font-weight: 300; letter-spacing: -0.025em; color: #000000; }
.main-intro-con .main-intro-logo-con .logo-box .tit .cover-txt strong {font-weight: 500;}
.main-intro-con .main-intro-logo-con .logo-box .tit .cover-group {position: absolute; top: 0.5rem; left: -2.2rem; width: 4.2rem; height: 4.2rem;}
.main-intro-con .main-intro-logo-con .logo-box .tit .cover-group .cover1 {position: absolute; top: 0; left: 0; width: 4.2rem; height: 4.2rem; background-color: #00ffff; border-radius: 100%; display: block; z-index: -1;}
.main-intro-con .main-intro-logo-con .logo-box .tit .cover-group .cover2 {position: absolute; top: 0; left: 0; width: 4.2rem; height: 4.2rem;background-color: #ffffff; border-radius: 100%; display: block;  z-index: 1; mix-blend-mode: difference;}

.intro-active .main-intro-con .bg-img {transform: scale(1.0,1.0); transition-delay: 0.6s;}
.intro-active .main-intro-con .bg-video .inner {transform: scale(1.0,1.0); transition-delay: 0.6s;}
.intro-active .main-intro-con .main-intro-txt-con .txt-box .txt { opacity: 1; transform: translateX(0); transition-delay: 0.6s;}
.intro-active .main-intro-con .main-intro-txt-con .txt-box .txt.txt02 {transition-delay: 0.8s;}
.intro-active .main-intro-con .main-intro-txt-con .txt-box .txt.txt03 {transition-delay: 1.0s;}
.intro-active .main-intro-con .main-intro-txt-con .txt-box .txt.txt04 {transition-delay: 1.1s;}
.intro-active .main-intro-con .main-intro-logo-con .logo-box .logo {opacity: 1; transform: translateY(0);}
.intro-active .main-intro-con .main-intro-logo-con .logo-box .tit {opacity: 1; transform: translateY(0);}

@media all and ( max-width: 1760px ){
	.main-intro-con .main-intro-txt-con .txt-box .txt {font-size: 16rem;}
}
@media all and ( max-width: 1580px ){
	.main-intro-con .main-intro-txt-con .txt-box .txt {font-size: 14rem;}
}
@media all and ( max-width: 1280px ){
	.main-intro-con .main-intro-txt-con .txt-box .txt {font-size: 12rem;}
}
@media all and ( max-width: 800px ){
	.main-intro-con .main-intro-logo-con {align-items: start;}
	.main-intro-con .main-intro-logo-con .logo-box {width: 100%; height: 50%;   padding-top: calc(var(--header-height) + 50px); box-sizing: border-box;}
	.main-intro-con .main-intro-txt-con {align-items: end; justify-content: start;}
	.main-intro-con .main-intro-txt-con .txt-box {width: 100%; height: 50%; padding: 0 var(--area-padding) 5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.main-intro-con .main-intro-txt-con .txt-box .txt {font-size: 8.3rem;}
}



/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh; height:calc(100vh - var(--header-height)); 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-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1.08,1.08);
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{animation: image-zoom-out 8s 0s forwards;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	display:flex;
	align-items:center;
	height:100%;
}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2,
.main-visual-txt-box .main-visual-txt3,
.main-visual-txt-box .main-visual-more-btn{
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:6rem; font-weight:600; letter-spacing:-0.065em; color:#fff; margin-bottom:0.66em;}
.main-visual-txt-box .main-visual-txt2{font-size:2.4rem; letter-spacing:-0.065em; color:#fff; margin-bottom:1.25em; }
.main-visual-txt-box .main-visual-txt3{font-size:1.8rem; letter-spacing:-0.025em; color:rgba(255,255,255,0.7); line-height:1.5; margin-bottom:1.66em; }
.main-visual-txt-box .main-visual-more-btn{display:inline-block; font-size:1.6rem; color:#333; padding:1.5rem 3rem; border-radius:3rem; background-color:#fff;}
/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1,
.active-item .main-visual-txt2,
.active-item .main-visual-txt3,
.active-item .main-visual-more-btn{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .main-visual-txt2{animation-delay:0.3s;}
.active-item .main-visual-txt3{animation-delay:0.5s;}
.active-item .main-visual-more-btn{animation-delay:0.8s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@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);
	}
}

/* 메인 비주얼 :: 화살표 */
.main-visual-con .slick-arrow{	position:absolute; width:50px; top:50%;transform:translateY(-50%); border:0; cursor:pointer; z-index:9; font-size:50px; color:#fff; opacity:0.3;}
.main-visual-con .slick-arrow.slick-prev{left:8rem;}
.main-visual-con .slick-arrow.slick-next{right:8rem;}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{}
.main-tit-box .main-tit{color:#000; font-size:9rem; font-weight:700; line-height:1.08; letter-spacing:-0.025em; margin-bottom:1.5rem;}
.main-tit-box .main-sub-tit{font-size:2.8rem; line-height:1.5; letter-spacing:-0.05em; color:#000; font-weight:600;}
.main-tit-box .main-tit,
.main-tit-box .main-sub-tit{
	opacity:0;
	transform:translateX(-50px);
	transition:all 1.2s ease;
	transition-property:opacity, transform;
}
 /* transition일때 */ 
.animated .main-tit,
.animated .main-sub-tit{
	opacity:1.0;
	transform:translateX(0);
}
.animated .main-sub-tit{transition-delay:0.2s;}

/* 공통 :: 버튼 */
.main-cm-btn{display: flex; justify-content:space-between; align-items:center; width:23rem; height:5rem; background:var(--main-color); border-radius:5rem; padding:0 2.7rem; box-sizing:border-box; opacity:0; transform:translateX(-50px); transition:all 1.2s 0.4s;}
.main-cm-btn span{font-size:1.8rem; color:#fff; letter-spacing:-0.025em; font-weight:500;}
.main-cm-btn i{font-size:2.4rem; color:#fff;}

.animated .main-cm-btn{opacity:1; transform:translateX(0)}


/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
#mainContent1{position: relative; background:#f7f7f7;}
#mainContent1:before{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background:no-repeat center right; background-size:contain; background-image:url('/images/main/main_menu_bg.png')}
.main-menu-list{position: relative; display: flex; height:100%;}
.main-menu-list .list-item{position: relative; display: flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; box-sizing:border-box; overflow:hidden; padding-top:18rem; z-index: 1;}
.main-menu-list .list-item:before{position: absolute; content:''; top:0; right:0; width:1px; height:100%; background:rgba(0,0,0,0.05); z-index:1;}
.main-menu-list .list-item .bg{position: absolute; content:''; width:100%; height:100%; top:0; left:0; background:no-repeat center; /* background-size:cover; */ opacity: 0;  transition: all 0.6s ease-in-out;}
.main-menu-list .list-item .txt-box{position: relative; padding:4rem; box-sizing:border-box; opacity: 1; transition: all 0.6s ease-in-out; }
.main-menu-list .list-item .txt-box .num{display: block; font-size:3.385vw; letter-spacing:-0.05em; font-weight:700; margin-bottom:3.645vw; opacity:0; transform:translateY(-50px); color: transparent;}
.main-menu-list .list-item .txt-box .tit{font-size:2.5vw; line-height:1.2; letter-spacing:-0.025em; color:#000; font-weight:700; height:6.25vw; opacity:0; transform:translateY(-50px); white-space:nowrap;}
.main-menu-list .list-item .txt-box .sub-tit{font-size:1.823vw; line-height:1.7; letter-spacing:-0em; color:rgba(255,255,255,0.3); font-weight:200; white-space:nowrap; transition:var(--transition-custom); opacity:0; height:0; overflow:hidden;}
.main-menu-list .list-item .txt-box .txt{font-size:1.35vw; line-height:1.34; letter-spacing:-0.055em; color:#000; font-weight:600; margin-top:1.56vw; opacity:0; transform:translateX(-50px);}
.main-menu-list .list-item .txt-box .btn{position: relative; display: flex; align-items:center; justify-content: flex-end; width:5rem; height:5rem; border-radius:5rem; border:1px solid #dfdfdf; box-sizing:border-box; background:#fff; overflow:hidden; margin-top:9rem; opacity:0; transform:translateX(-50px);}
.main-menu-list .list-item .txt-box .btn i{position: relative; top:-1px; font-size:2.4rem; color:#000; width: 4.8rem; text-align: center;}

.main-menu-list .list-item .txt-box-thumb {position: absolute; width: 50vw; top: 50%; left: -100px; transform: translateY(-50%); padding:0 4.94vw; opacity: 0; transition: all 0.6s ease-in-out; }
.main-menu-list .list-item .txt-box-thumb .num {display: block; font-size:3.385vw; letter-spacing:-0.05em; font-weight:700; margin-bottom:3.645vw; /* color:#fff */}
.main-menu-list .list-item .txt-box-thumb .tit {font-size:5.2vw; line-height:1.2; letter-spacing:-0.025em; color:#fff; font-weight:700; }
.main-menu-list .list-item .txt-box-thumb .sub-tit {font-size:1.823vw; line-height:1.7; letter-spacing:-0em; color:rgba(255,255,255,0.3); font-weight:200;}
.main-menu-list .list-item .txt-box-thumb .txt {font-size:1.35vw; line-height:1.34; letter-spacing:-0.055em; color:#fff; font-weight:600; margin-top:1.56vw; }
.main-menu-list .list-item .txt-box-thumb .btn {position: relative; display: flex; align-items:center; justify-content: flex-end; width:5rem; height:5rem; border-radius:5rem; border:1px solid #dfdfdf; box-sizing:border-box; background:#fff; overflow:hidden; margin-top:9rem; transition:var(--transition-custom);}
.main-menu-list .list-item .txt-box-thumb .btn span{position: absolute; top:50%; left:0; transform:translate(-100%, -50%); font-size:1.8rem; color:#000; font-weight:500; transition:var(--transition-custom); white-space:nowrap;}
.main-menu-list .list-item .txt-box-thumb .btn i{position: relative; top:-1px; font-size:2.4rem; color:#000; width: 4.8rem; text-align: center;}
.main-menu-list .list-item .txt-box-thumb .btn:hover {width:23rem; padding:0 2rem;}
.main-menu-list .list-item .txt-box-thumb .btn:hover span{ transform:translate(0%, -50%); left:2rem;}
.main-menu-list .list-item .txt-box-thumb .btn:hover i {}

/* nth-child */
.main-menu-list .list-item:nth-child(1) .txt-box .num{-webkit-text-stroke: 1px var(--main-color); /* color:var(--main-color); */ }
.main-menu-list .list-item:nth-child(2) .txt-box .num{-webkit-text-stroke: 1px #00a19b; /* color:#00a19b; */}
.main-menu-list .list-item:nth-child(3) .txt-box .num{-webkit-text-stroke: 1px #f8ea08; /* color:#f8ea08; */}
.main-menu-list .list-item:nth-child(4) .txt-box .num{-webkit-text-stroke: 1px #e40013; /* color:#e40013; */}

/* active */
.main-menu-list .list-item.active{}
.main-menu-list .list-item.active .bg{opacity: 1;}
.main-menu-list .list-item.active .txt-box {opacity: 0; }
.main-menu-list .list-item.active .txt-box-thumb {opacity: 1; left: 0;}

/* .main-menu-list .list-item.active .txt-box{padding:0 4.94vw;}
.main-menu-list .list-item.active .txt-box .tit{font-size:5.2vw;}
.main-menu-list .list-item.active .txt-box .tit br{display: none;}
.main-menu-list .list-item.active .txt-box .num,
.main-menu-list .list-item.active .txt-box .tit,
.main-menu-list .list-item.active .txt-box .txt{color:#fff !important}
.main-menu-list .list-item.active .txt-box .sub-tit{height:3.125vw; opacity:1;}
.main-menu-list .list-item.active .txt-box .btn{width:23rem; padding:0 2rem;}
.main-menu-list .list-item.active .txt-box .btn span{transform:translate(0%, -50%); left:2rem;} */

/* animated */
.main-menu-list.animated .list-item .txt-box .num{opacity:1; transform:translateY(0);}
.main-menu-list.animated .list-item .txt-box .tit{opacity:1; transform:translateX(0); transition:color 0.4s ease 0s, font-size 0.4s ease 0s, height 0.4s ease 0s, transform 1.2s ease 0s, opacity 1.2s ease 0s;}
.main-menu-list.animated .list-item .txt-box .txt{opacity:1; transform:translateX(0); transition:color 0.4s ease 0s, transform 1.2s ease 0s, opacity 1.2s ease 0s;}
.main-menu-list.animated .list-item .txt-box .btn{opacity:1; transform:translateX(0); transition:color 0.4s ease 0s, transform 1.2s ease 0s, opacity 1.2s ease 0s;}

.main-menu-list.animated .list-item:nth-child(1) .txt-box .num{transition:color 0.4s ease 0s, transform 1.2s ease 0.1s, opacity 1.2s ease 0.1s;}
.main-menu-list.animated .list-item:nth-child(1) .txt-box .tit{transition:color 0.4s ease 0s, font-size 0.4s ease 0s, height 0.4s ease 0s, transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;}
.main-menu-list.animated .list-item:nth-child(1) .txt-box .txt{transition:color 0.4s ease 0s, transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;}
.main-menu-list.animated .list-item:nth-child(1) .txt-box .btn{transition:color 0.4s ease 0s, transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;}

.main-menu-list.animated .list-item:nth-child(2) .txt-box .num{transition:color 0.4s ease 0s, transform 1.2s ease 0.3s, opacity 1.2s ease 0.3s;}
.main-menu-list.animated .list-item:nth-child(2) .txt-box .tit{transition:color 0.4s ease 0s, font-size 0.4s ease 0s, height 0.4s ease 0s, transform 1.2s ease 0.4s, opacity 1.2s ease 0.4s;}
.main-menu-list.animated .list-item:nth-child(2) .txt-box .txt{transition:color 0.4s ease 0s, transform 1.2s ease 0.4s, opacity 1.2s ease 0.4s;}
.main-menu-list.animated .list-item:nth-child(2) .txt-box .btn{transition:color 0.4s ease 0s, transform 1.2s ease 0.4s, opacity 1.2s ease 0.4s;}

.main-menu-list.animated .list-item:nth-child(3) .txt-box .num{transition:color 0.4s ease 0s, transform 1.2s ease 0.5s, opacity 1.2s ease 0.5s;}
.main-menu-list.animated .list-item:nth-child(3) .txt-box .tit{transition:color 0.4s ease 0s, font-size 0.4s ease 0s, height 0.4s ease 0s, transform 1.2s ease 0.6s, opacity 1.2s ease 0.6s;}
.main-menu-list.animated .list-item:nth-child(3) .txt-box .txt{transition:color 0.4s ease 0s, transform 1.2s ease 0.6s, opacity 1.2s ease 0.6s;}
.main-menu-list.animated .list-item:nth-child(3) .txt-box .btn{transition:color 0.4s ease 0s, transform 1.2s ease 0.6s, opacity 1.2s ease 0.6s;}

.main-menu-list.animated .list-item:nth-child(4) .txt-box .num{transition:color 0.4s ease 0s, transform 1.2s ease 0.7s, opacity 1.2s ease 0.7s;}
.main-menu-list.animated .list-item:nth-child(4) .txt-box .tit{transition:color 0.4s ease 0s, font-size 0.4s ease 0s, height 0.4s ease 0s, transform 1.2s ease 0.8s, opacity 1.2s ease 0.8s;}
.main-menu-list.animated .list-item:nth-child(4) .txt-box .txt{transition:color 0.4s ease 0s, transform 1.2s ease 0.8s, opacity 1.2s ease 0.8s;}
.main-menu-list.animated .list-item:nth-child(4) .txt-box .btn{transition:color 0.4s ease 0s, transform 1.2s ease 0.8s, opacity 1.2s ease 0.8s;}



/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
#mainContent2{background:no-repeat center; background-size:cover; background-image:url('/images/main/main_worship_bg.png');}
.main-worship-wrap{display: flex; justify-content:space-between;}
.main-worship-wrap .left-box{width:41%; margin-top:-1.5rem;}
.main-worship-wrap .left-box .worship-txt-box{position: relative; /* background:#fff; */ margin-top:9.5rem;}
.main-worship-wrap .left-box .worship-txt-box:before{position: absolute; content:''; top:0rem; left:-6rem; width:calc(100% + 14rem); height:calc(100% + 4rem); background:#fff; opacity:0; transition:var(--transition-custom2);}
.main-worship-wrap .left-box .worship-txt-box .inner-txt-box{position: relative; padding-top:7.5rem; padding-right: 5rem; box-sizing:border-box; transform:translateX(-50px); opacity:0; transition:all 1.2s 0.2s;}
.main-worship-wrap .left-box .worship-txt-box .inner-txt-box .inner-tit{font-size:2.3rem; line-height:1.2; letter-spacing:-0.055em; color:#000; font-weight:700; /* margin-bottom:4rem; */ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main-worship-wrap .left-box .worship-txt-box .inner-txt-box .inner-tit + dl{margin-top:4rem;}
.main-worship-wrap .left-box .worship-txt-box .inner-txt-box dl{}
.main-worship-wrap .left-box .worship-txt-box .inner-txt-box dl dt{font-size:1.8rem; line-height:1.2; letter-spacing:-0.05em; color:#000; font-weight:700; margin-bottom:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-worship-wrap .left-box .worship-txt-box .inner-txt-box dl dd{font-size:1.6rem; line-height:1.625; letter-spacing:-0.055em; color:#5f5f5f; font-weight:500; overflow: hidden; 
word-break: break-all;
    display: block; display: -webkit-box;-webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.main-worship-wrap .left-box .worship-txt-box .main-cm-btn{position: absolute; top:0; left:0; transform:translateY(-50%); z-index:9;}
.main-worship-wrap .right-box{width:59%;}
.main-worship-wrap .video-cover-box .thumb{transform: scale(1.4) rotate(0.002deg);}

/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; max-width:880px; margin:0px auto; overflow:hidden; opacity:0; transition:var(--transition-custom2);}
.video-iframe-box{position:relative; padding-top:65.91%; height:0; background:no-repeat center; background-size:contain; background-color:#f9f9f9; background-image:url('/images/content/default.jpg');}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; /* background-color:rgba(0,0,0,0.4); */ content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%; transition:all 1.2s; transform: scale(1) rotate(0.002deg);}
.video-cover-box.no-video{pointer-events: none;}
.video-cover-box.no-video .icon{display: none;}

.video-cover-box .thumb img{width:100%; height:100%; object-fit: cover;}
.video-cover-box:hover .thumb{transform: scale(1.05) rotate(0.002deg);}
.video-cover-box .icon{position:absolute; top:50%; left:50%; display: flex; align-items:center; justify-content:center; z-index:1; transform: translate(-50%, -50%); width:10rem; height:10rem; border-radius:50%; background:#fff;}
.video-cover-box .icon i{font-size:3.5rem; color:#000;}
/* 이미지만 */
.only-img-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.only-img-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; /* background-color:rgba(0,0,0,0.4); */ content:"";}
.only-img-box .thumb{display:block; width:100%; height:100%;}
.only-img-box .thumb img{width:100%; height:100%;}

/* animated */
.animated .video-iframe-wrapper{opacity:1;}
.animated .video-cover-box .thumb{transform: scale(1) rotate(0deg);}
.animated .video-cover-box:hover .thumb{transform: scale(1.1) rotate(0.002deg);}

.animated .main-worship-wrap .left-box .worship-txt-box:before{opacity:1;}
.animated .main-worship-wrap .left-box .worship-txt-box .inner-txt-box{opacity:1; transform:translateX(0);}

/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
#mainContent3{overflow:hidden;}
.main-news-wrap{display: flex; align-items:Center; justify-content: space-between; height:100%;}
.main-news-wrap .news-txt-box{position: relative; width:47.5rem; z-index:9; padding-right:4rem; box-sizing:border-box;}
.main-news-wrap .news-txt-box:before{position: absolute; content:''; top:50%; right:0; transform:translateY(-50%); width:100vw; height:100vh; background:#fff;}
.main-news-wrap .news-txt-box .main-tit-box{position: relative;}
.main-news-wrap .news-txt-box .main-tit-box .main-cm-btn{margin-top:3.3rem;}
.main-news-wrap .news-txt-box .main-news-btn{display: flex; align-items:center; justify-content:space-between; margin-top:3.3rem;}
.main-news-wrap .news-txt-box .main-news-btn .counter{position: relative; display: flex; align-items:center; justify-content:center; width:6rem; color:#000; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.main-news-wrap .news-txt-box .main-news-btn .counter span{margin:0 0.2rem 0.2rem;}
.main-news-wrap .news-txt-box .main-news-btn .counter .cur-num{font-size:2rem; font-weight:500;}
.main-news-wrap .news-txt-box .main-news-btn .counter .total-num{position: relative; bottom:-0.8rem; font-size:1.3rem;}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow{position: relative; width:calc(50% - 3rem); height:4px; background:#f2f2f2; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow:before{position: absolute; top:0; content:''; width:2.4rem; height:4px; background:#000;}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow span{position: absolute; top:100%; font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#000; font-weight:500; padding-top:0.6rem; transition:var(--transition-custom);}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow.slick-prev:before{left:0;}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow.slick-prev span{left:-0.3rem;}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow.slick-next:before{right:0;}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow.slick-next span{right:-0.3rem;}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow.slick-prev:hover span {transform:translateX(-0.5rem);}
.main-news-wrap .news-txt-box .main-news-btn .slick-arrow.slick-next:hover span {transform:translateX(0.5rem);}

.main-news-wrap .news-slide-box{position: relative; /* width:calc(100% - 47.5rem); */ width:calc(100% - 57.5rem);}
.main-news-wrap .news-slide-box:before{position: absolute; content:''; top:50%; left:0; transform:translateY(-50%); width:100vw; height:100vh; /* background:var(--main-color); */}

.main-news-list{position: relative; /* margin-left:10rem; */ margin:-3rem;}
/* .main-news-list .slick-list{overflow:visible;} */
.main-news-list .list-item{opacity:0; transform:translateX(50px); margin:3rem;}
.main-news-list .slide-inner-con{position:relative; left: 0; transition:var(--transition-custom); /* opacity:0; */ width:100%;}
.main-news-list .slide-inner-con .img-box{position: relative; width:100%; margin-bottom:1rem;}
.main-news-list .slide-inner-con .img-box span{display: block; position: relative; width:100%; height:0; padding-top:56.25%; background:#fff; overflow:hidden; box-shadow: 1rem 0.7rem 2.5rem 1rem rgba(0,0,0,0.07);}
.main-news-list .slide-inner-con .img-box span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; min-height:100%; object-fit:cover; transition:var(--transition-custom2);}
.main-news-list .slide-inner-con .txt-box{position: relative; background:#fff; padding:2rem 3rem; box-sizing:border-box; box-shadow: 1rem 0.7rem 2.5rem 1rem rgba(0,0,0,0.07);}
.main-news-list .slide-inner-con .txt-box .tit{font-size:2.1rem; line-height:1.5; letter-spacing:-0.055em; color:#000; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:0.8rem;}
.main-news-list .slide-inner-con .txt-box .date{font-size:1.3rem; line-height:1.5; letter-spacing:-0.025em; color:rgba(0,0,0,0.6); font-weight:500;}

/* animated */
.animated .main-news-wrap .news-txt-box .main-news-btn .counter,
.animated .main-news-wrap .news-txt-box .main-news-btn .slick-arrow{opacity:1; transform:translateY(0px);}
.animated .main-news-list .list-item{opacity:1; transform:translateX(0px); transition:all 0s 1s;}
.animated .main-news-list .list-item.slick-center{transition:var(--transition-custom2); transition-delay:0.2s}
.animated .main-news-list .list-item.slick-center + .list-item{transition:var(--transition-custom2); transition-delay:0.4s}
.animated .main-news-list .list-item.slick-center + .list-item + .list-item{transition:var(--transition-custom2); transition-delay:0.6s}

/* hover */
.main-news-list .slide-inner-con a:hover .img-box span img{transform:scale(1.05);}

/* center */
/*.animated .main-news-list .list-item{position:relative; height:38rem;}
.animated .main-news-list .list-item.slick-center .slide-inner-con,
.animated .main-news-list .list-item.slick-center + .list-item .slide-inner-con{opacity:1;}
.animated .main-news-list .list-item.slick-center + .list-item + .list-item .slide-inner-con{transform:scale(0.8) translateX(-15%); opacity:1;}
.animated .main-news-list .list-item:not(.slick-center) .slide-inner-con{transform:scale(0.8);}
.animated .main-news-list .list-item.center-prev:not(.slick-center) .slide-inner-con{position:absolute; top:0px; left: calc(100% - 48rem); transform:translateX(15rem) scale(0.3); opacity:0;}*/



/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
#mainContent4{overflow:hidden;}
.main-gallery-wrap{display: flex; align-items:Center; height:100%;}
.main-gallery-wrap .gallery-txt-box{position: relative; width:36.2%; padding-left:8.66%; z-index:99;}
.main-gallery-wrap .gallery-txt-box:before{position: absolute; content:''; top:50%; left:3.4rem; transform:translateY(-50%); width:100vw; height:100vh; background:#fff;}
.main-gallery-wrap .gallery-txt-box .main-cm-btn{margin-top:4.5rem;}

.main-gallery-wrap .gallery-slide-box{position: relative; width:63.8%;}
.main-gallery-list{display: flex; width:94.8%; margin:auto; margin-right:0;}
.main-gallery-list .slick-list{overflow:visible;}
.main-gallery-list .list-item{margin-left:3.4rem; opacity:0; transform:translateX(50px);}
.main-gallery-list .list-item span{position: relative; display: block; width:100%; height:0; padding-top:129.762%; box-shadow:1.8rem 1.8rem 1.5rem 0.5rem rgba(0,0,0,0.1); overflow:hidden;}
/* .main-gallery-list .list-item span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; height:100%;} */
.main-gallery-list .list-item span img{position: absolute; top:0; left:50%; transform:translateX(-50%); /* right:0; */ bottom:0; margin:auto; height:100%;}

.main-gallery-line-wrap{position: relative; margin-top:8.5rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2); width: 63.8%;}
.main-gallery-line-wrap .slick-line{position: relative; background:rgba(0,0,0,0.1); width:100%; height:4px;}
.main-gallery-line-wrap .slick-line span{position: absolute; top:0; left:0; height:100%; background:#000; transition:var(--transition-custom);}

.main-gallery-line-wrap .slick-arrow{position: absolute; top:100%; font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#000; font-weight:500; padding-top:0.6rem;transition:var(--transition-custom);}
.main-gallery-line-wrap .slick-arrow:before{ position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); content: ''; width: 100px; height: 100px;}
.main-gallery-line-wrap .slick-arrow.slick-prev{left:-0.3rem;}
.main-gallery-line-wrap .slick-arrow.slick-next{right:-0.3rem;}
.main-gallery-line-wrap .slick-arrow.slick-prev:hover {left: -0.8rem;}
.main-gallery-line-wrap .slick-arrow.slick-next:hover {right: -0.8rem;}

/* animated */
.animated .main-gallery-list .list-item{opacity:1; transform:translateX(0px); transition:var(--transition-custom2); transition-delay:0.6s}
.animated .main-gallery-list .list-item.slick-current{transition:var(--transition-custom2); transition-delay:0.4s}
.animated .main-gallery-list .list-item.slick-current + .list-item{transition:var(--transition-custom2); transition-delay:0.2s}
.animated .main-gallery-line-wrap{opacity:1; transform:translateY(0px);}
/* non-slide */
.main-gallery-list.non-slide{width:calc(100% + 3.3rem); margin-left:-3.3rem;}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
	left:20px;
    opacity: 1;
    transform: translate3d(0,0,0);
}
#fp-nav ul li{position:relative; width:8px; margin:15px 0;}
#fp-nav ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav ul li a{display:block; position:relative; width:100%; height:15px; box-sizing:border-box;}
#fp-nav ul li a span{display:block; width:8px; height:8px; border-radius:50%; background:transparent; border:1px solid #a4a4a4; box-sizing:border-box; transition:var(--transition-custom);}
#fp-nav ul li a.active span{background-color:var(--main-color); border-color:var(--main-color); transform:scale(1.875);}

/* White Style */
#fp-nav.white-ver ul li a span{border:1px solid #fff;}
#fp-nav.white-ver ul li a.active span{background-color:#fff; border-color:#fff;}

@media all and (max-width:1480px){
	#fp-nav{left:1rem;}
	#fp-nav ul li{position:relative; width:10px; margin:10px 0;}
	#fp-nav ul li a{height:10px;}
	#fp-nav ul li a span{width:10px; height:10px;}
}




/* ******************  메인 인트로 NEW ********************** */
#introNew{position: absolute; top:0; left:0; width:100%; height:100%; background:var(--main-color); z-index:9998;}
#introNew .intro-con{position: absolute; top:0; left:0; width:100%; height:100%;}
#introNew .intro-con > div{display: flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; width:100%; height:100%; box-sizing:border-box;}

#introNew .intro-con .txt{position: relative; font-size:3.6rem; color:#000; line-height:2; letter-spacing:-0.025em; font-weight:600; opacity:0; transition:all 0.4s linear}
/* #introNew .intro-con .txt:before{position: absolute; content:''; width:100%; height:100%; top:0; left:0; background:#fff; transition:all 0.4s linear} */
#introNew .intro-con .txt span{color:#e40013;}

/* #introNew .intro-con .txt.txt-down:before{transform:translateY(100%);}
#introNew .intro-con .txt.txt-right:before{transform:translateX(100%);} */

#introNew .intro-con01 .tit{font-size:4rem; color:#fff; line-height:1.5; letter-spacing:-0.025em; font-weight:600;}
#introNew .intro-con01 .sub-tit{font-size:2.4rem; color:#fff; line-height:1.5; letter-spacing:-0.05em; margin-top:5rem;}


/* Intro logo CSS */
.main-page .header-logo-box{position: relative; z-index:100; top:-12px;}
.main-page .header-logo-box .logo .logo-svg svg *{fill:#fff}
.main-page #header .logo a{width:auto; height:auto;}
.main-page #header .logo svg g *{transition:none;}
.main-page .header-logo-inner{position:fixed; transform-origin:0 0;}
.main-page .header-logo-inner.intro-active{left:50%; top:50%; transform:translate(-50%,-50%); }

.main-page .header-logo-inner.intro-active a{pointer-events:none;}
.main-page .header-logo-box .logo .logo-svg{/* width:90vw; */ width:400px; transform-origin:0 0; opacity:0;}



/* Content01 */
#mainContent1:before{opacity:0; transition:var(--transition-custom); transition-delay:0.4s;}
.main-menu-list .list-item{transform:translateY(100%); pointer-events: none;}
.main-menu-list .list-item.pointer{pointer-events: auto;}
.main-menu-list .list-item:after{position: absolute; content:''; width:100%; height:100%; background:var(--main-color); top:0; left:0; transition:var(--transition-custom2);}

#mainContent1.after-bg:before{opacity:1;}
.main-menu-list.after-effect .list-item{transform:translateY(0);}
.main-menu-list.after-effect .list-item:after{height:0;}
.main-menu-list.after-effect .list-item:nth-child(1){transition:transform 0.8s 0.1s ease-in-out;}
.main-menu-list.after-effect .list-item:nth-child(2){transition:transform 0.8s 0.2s ease-in-out;}
.main-menu-list.after-effect .list-item:nth-child(3){transition:transform 0.8s 0.3s ease-in-out;}
.main-menu-list.after-effect .list-item:nth-child(4){transition:transform 0.8s 0.4s ease-in-out;}
.main-menu-list.after-effect .list-item:nth-child(1):after{transition-delay:0.5s;}
.main-menu-list.after-effect .list-item:nth-child(2):after{transition-delay:0.6s;}
.main-menu-list.after-effect .list-item:nth-child(3):after{transition-delay:0.7s;}
.main-menu-list.after-effect .list-item:nth-child(4):after{transition-delay:0.8s;}


@media all and (max-width:1280px){
	.main-page #header:not(.top-fixed) #headerInnerWrap{background-color:transparent; border-bottom:1px solid transparent;}
}
@media all and (max-width:800px){
	/* header */
	.header-logo-box{top:-12px;}
	.main-page .nav-open-btn{opacity:0;}
	.main-page #header.active .nav-open-btn{opacity:1;}

	#introNew .intro-con01 .tit{font-size:2rem; }
	#introNew .intro-con01 .sub-tit{font-size:1.8rem; margin-top:3rem;}
	#introNew .intro-con .txt{font-size:1.6rem;}

	
	#mainContent1{margin-top:var(--header-height);}
}