/*메인*/

.main {width:100%; position:relative; overflow:hidden; padding-top:var(--headerH);}

.main section {width:100%; position:relative;}
.main section > .wrap {width:92%; max-width:var(--conts-w); margin:0 auto;}
.main section > .wrap.wide {width:100%; max-width:var(--max-w);}
.main section h2.sec-title {font-size:var(--font-24); font-weight:600;}


.main .key-visual {width:100%;}
.main .key-visual .key-visual-conts {width:100%; overflow:hidden;}
.main .key-visual .key-visual-conts ul.key-visual-slide {width:100%;}
.main .key-visual .key-visual-conts ul.key-visual-slide li span {display:block; width:100%; height:0; padding-bottom:calc(560 / 1460 * 100%); position:relative; transition:0.5s ease;}
.main .key-visual .key-visual-conts ul.key-visual-slide li span img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

.main .key-visual .swiper-pagination-fraction, 
.main .key-visual .swiper-pagination-custom, 
.main .key-visual .swiper-container-horizontal > .swiper-pagination-bullets {bottom:var(--gap-40); display:flex; justify-content:center; align-items:center; gap:0 12px;}
.main .key-visual .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.main .key-visual .swiper-pagination-bullet {width:12px; height:12px; background:var(--begie); opacity:1;}
.main .key-visual .swiper-pagination-bullet.swiper-pagination-bullet-active {background:var(--main-color);}

@media screen and (max-width: 768px) {
	.main .key-visual .key-visual-conts ul.key-visual-slide li span {padding-bottom:calc(230 / 360 * 100%);}

	.main .key-visual .swiper-pagination-fraction, 
	.main .key-visual .swiper-pagination-custom, 
	.main .key-visual .swiper-container-horizontal > .swiper-pagination-bullets {gap:0 10px;}
	.main .key-visual .swiper-pagination-bullet {width:10px; height:10px;}
}




.main .info {width:100%; background:var(--main-color); padding:var(--gap-32) 0;}
.main .info .info-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:0 calc(var(--gap-60) - var(--gap-32));}
.main .info .info-wrap .sunday-service {font-size:var(--font-20); color:var(--begie); font-weight:600;}
.main .info .info-wrap .tab-wrap {display:flex; align-items:center; position:relative;}
.main .info .info-wrap .tab-wrap .tab {position:relative;}
.main .info .info-wrap .tab-wrap .tab:after {content:""; width:1px; height:60%; box-sizing:border-box; border-left:1px solid var(--begie); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main .info .info-wrap .tab-wrap .tab:first-child:after {display:none;}
.main .info .info-wrap .tab-wrap .tab a {display:flex; align-items:center; padding:0 var(--gap-32); font-size:var(--font-20); color:var(--begie);}
.main .info .info-wrap .tab-wrap .tab a p {position:relative;}
.main .info .info-wrap .tab-wrap .tab a p span {background-image:linear-gradient(var(--begie), var(--begie)); background-repeat:no-repeat; background-position:left bottom; background-size:0 1px; transition:background-size 0.3s ease;}
.main .info .info-wrap .tab-wrap .tab a p:after {content:""; height:100%; position:absolute; right:0; top:0; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
.main .info .info-wrap .tab-wrap .tab a p.dir {padding-right:calc(var(--gap-24) + 20px);}
.main .info .info-wrap .tab-wrap .tab a p.dir:after {width:20px; background-image:url(/img/com/arrow_circle_right.svg);}
.main .info .info-wrap .tab-wrap .tab a p.youtube {padding-right:calc(var(--gap-24) + 26px);}
.main .info .info-wrap .tab-wrap .tab a p.youtube:after {width:26px; background-image:url(/img/com/icon_youtube.svg);}
.main .info .info-wrap .tab-wrap .tab:hover a p span {background-size:100% 1px;}

@media screen and (max-width: 684px) {
	.main .info .info-wrap {flex-wrap:wrap; gap:var(--gap-16);}
	.main .info .info-wrap .sunday-service {width:100%; text-align:center;}
	.main .info .info-wrap .sunday-service,
	.main .info .info-wrap .tab-wrap .tab a {font-size:var(--font-16); padding:0 var(--gap-24);}
	.main .info .info-wrap .tab-wrap .tab a p.dir {padding-right:calc(var(--gap-24) + 16px);}
	.main .info .info-wrap .tab-wrap .tab a p.dir:after {width:16px;}
	.main .info .info-wrap .tab-wrap .tab a p.youtube {padding-right:calc(var(--gap-24) + 22px);}
	.main .info .info-wrap .tab-wrap .tab a p.youtube:after {width:22px;}
}

@media screen and (max-width: 480px) {
	.main .info .info-wrap .tab-wrap .tab a {padding:0 10px;}
	.main .info .info-wrap .tab-wrap .tab a p {text-align:center;}
	.main .info .info-wrap .tab-wrap .tab a p.dir {padding-right:calc(var(--gap-24) + 12px);}
	.main .info .info-wrap .tab-wrap .tab a p.dir:after {width:12px;}
	.main .info .info-wrap .tab-wrap .tab a p.youtube {padding-right:calc(var(--gap-24) + 18px);}
	.main .info .info-wrap .tab-wrap .tab a p.youtube:after {width:18px;}
}




.main .sgc {width:100%; background:var(--main-color-1); padding:var(--gap-30) 0;}
.main .sgc .sgc-conts-wrap {width:100%; text-align:center;}
.main .sgc .sgc-conts-wrap .logo {width:100%; height:var(--n-60); font-size:0; background:url(/img/index/logo_sgc.svg) center no-repeat; background-size:auto 100%;}
.main .sgc .sgc-conts-wrap .conts {width:100%; margin:var(--gap-8) 0 var(--gap-16) 0; font-size:var(--font-18); color:var(--begie);}




.main .next-generation {background:var(--sub-color); padding:var(--gap-80) 0;}
.main .next-generation .next-generation-wrap {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-24);}
.main .next-generation .next-generation-wrap .slide-box {width:54%; max-width:640px; position:relative;}
.main .next-generation .next-generation-wrap .slide-box .next-generation-slide {width:100%; overflow:hidden;}
.main .next-generation .next-generation-wrap .slide-box .next-generation-slide ul.next-generation-slide-box li span {width:100%; height:0; padding-bottom:calc(380 / 640 * 100%); position:relative; display:block;}
.main .next-generation .next-generation-wrap .slide-box .next-generation-slide ul.next-generation-slide-box li span img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .next-generation .next-generation-wrap .conts-box {max-width:440px; color:var(--begie);}
.main .next-generation .next-generation-wrap .conts-box .sec-title {color:var(--begie);}
.main .next-generation .next-generation-wrap .conts-box .conts {font-size:var(--font-18); line-height:1.6; margin:var(--gap-16) 0 var(--gap-24) 0;}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap {width:100%; display:flex; align-items:center; flex-wrap:wrap; border:1px solid var(--begie);}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap .tab {width:50%; height:var(--n-70); background:var(--main-color-1); border:solid var(--begie); border-width:1px 0 0 1px; position:relative; transition:background 0.3s ease; text-align:left;}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap .tab:nth-child(-n+2) {border-top:0;}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap .tab:nth-child(2n+1) {border-left:0;}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap .tab:after {content:""; width:var(--n-20); height:var(--n-20); background:url(/img/com/arrow_right_begie.svg) center no-repeat; background-size:auto 60%; position:absolute; right:var(--gap-24); top:calc(50% + 1px); transform:translateY(-50%);}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap .tab a {width:100%; height:100%; display:flex; align-items:center; padding:0 calc(var(--gap-24) + var(--n-20)) 0 var(--gap-24); font-size:var(--font-18); color:var(--begie);}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap .tab:hover {background:var(--main-color);}
.main .next-generation .next-generation-wrap .conts-box .tab-wrap .tab:hover a {font-weight:600;}

.main .next-generation .swiper-button-prev, 
.main .next-generation .swiper-button-next {width:var(--n-40); height:var(--n-40); background:rgba(0,0,0,0.2); margin-top:0; font-size:0;}
.main .next-generation .swiper-button-prev {left:0;}
.main .next-generation .swiper-button-next {right:0;}
.main .next-generation .swiper-button-prev:after, 
.main .next-generation .swiper-button-next:after {content:""; font-size:0; width:100%; height:100%; background:url(/img/com/arrow_right_begie.svg) center no-repeat; background-size:auto 60%; position:absolute; left:0; top:0;}
.main .next-generation .swiper-button-prev:after {transform:scaleX(-1);}


@media screen and (max-width: 1024px) {
	.main .next-generation .next-generation-wrap {flex-wrap:wrap; max-width:640px; margin:0 auto;}
	.main .next-generation .next-generation-wrap .slide-box {width:100%;}
	.main .next-generation .next-generation-wrap .conts-box {max-width:100%; text-align:center;}
}

@media screen and (max-width: 480px) {
	.main .next-generation .next-generation-wrap .conts-box .conts {text-align:left;}
}


.main .gospel-community {padding:var(--gap-80) 0;}
.main .gospel-community .sec-title {color:var(--main-color); text-align:center;}
.main .gospel-community .top-conts {color:var(--font-gray); font-size:var(--font-18); line-height:1.6; text-align:center; margin:var(--gap-16) 0 var(--gap-40) 0;}
.main .gospel-community .gospel-community-wrap {width:100%; display:flex; gap:0 var(--gap-24); justify-content:space-between;}
.main .gospel-community .gospel-community-wrap .layout-box {width:calc((100% - (var(--gap-24) * 2)) / 3); max-width:360px; text-align:center;}
.main .gospel-community .gospel-community-wrap .layout-box .img-box {width:100%;}
.main .gospel-community .gospel-community-wrap .layout-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.main .gospel-community .gospel-community-wrap .layout-box .conts-wrap {width:100%; margin:var(--gap-16) 0;}
.main .gospel-community .gospel-community-wrap .layout-box .conts-wrap .tlt {font-size:var(--font-20); font-weight:600; color:var(--main-color);}
.main .gospel-community .gospel-community-wrap .layout-box .conts-wrap .conts {font-size:var(--font-16); margin-top:5px;}

@media screen and (max-width: 684px) {
	.main .gospel-community .gospel-community-wrap {max-width:360px; margin:0 auto; flex-wrap:wrap; gap:var(--gap-40);}
	.main .gospel-community .gospel-community-wrap .layout-box {width:100%;}
}




.main .about {background:var(--main-color); padding:var(--gap-80) 0;}
.main .about .about-wrap {width:100%; display:flex; justify-content:space-between; gap:var(--gap-24);}
.main .about .about-wrap .about-box {width:calc((100% - var(--gap-24)) / 2); color:var(--begie);}
.main .about .about-wrap .about-box .title-wrap {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-16); padding-bottom:var(--gap-8); border-bottom:2px solid var(--begie);}
.main .about .about-wrap .about-box .title-wrap .title-box {display:flex; align-items:center; gap:calc(var(--gap-40) - var(--gap-16));}
.main .about .about-wrap .about-box .title-wrap .title-box .tlt {font-size:var(--font-22); font-weight:600;}
.main .about .about-wrap .about-box .category-wrap {display:flex; align-items:center;}
.main .about .about-wrap .about-box .category-wrap a {font-size:var(--font-18); color:var(--begie); padding:0 var(--gap-16); position:relative;}
.main .about .about-wrap .about-box .category-wrap a:before {content:""; width:1px; height:60%; box-sizing:border-box; background:var(--begie); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main .about .about-wrap .about-box .category-wrap a:first-child:before {display:none;}
.main .about .about-wrap .information {max-width:480px;}
.main .about .about-wrap .information .information-wrap {width:100%; padding:var(--gap-16) 0;}
.main .about .about-wrap .information .information-wrap .information-conts {width:100%;}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box {width:100%; display:flex; align-items:center; gap:var(--gap-20) var(--gap-32); flex-wrap:wrap; margin-top:var(--gap-20);}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box:first-child {margin-top:0;}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box .conts-box {width:100%; display:flex; gap:var(--gap-8); font-size:var(--font-18);}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box .conts-box .head {font-weight:600;}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box .conts-box .conts {flex:1;}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box .conts-box .conts span {display:block; margin-top:var(--gap-8);}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box .conts-box .conts span:first-child {margin-top:0;}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box .conts-box .conts em {font-weight:600;}
.main .about .about-wrap .information .information-wrap .information-conts .layout-box[data-col="2"] .conts-box {width:fit-content;}
.main .about .about-wrap .information .information-wrap .sns-wrap {width:100%; margin-top:var(--gap-20); display:flex; align-items:center; gap:var(--gap-30);}
.main .about .about-wrap .information .information-wrap .sns-wrap .sns {width:var(--n-36); height:var(--n-36); display:block; font-size:0; background-repeat:no-repeat; background-position:center;}
.main .about .about-wrap .information .information-wrap .sns-wrap .sns.youtube {background-image:url(/img/com/icon_youtube.svg); background-size:100% auto;}
.main .about .about-wrap .information .information-wrap .sns-wrap .sns.instagram {background-image:url(/img/com/icon_instagram.svg); background-size:88% auto;}
.main .about .about-wrap .information .information-wrap .sns-wrap .sns.facebook {background-image:url(/img/com/icon_facebook.svg); background-size:auto 95%;}
.main .about .about-wrap .information .information-wrap .sns-wrap .sns.blog {background-image:url(/img/com/icon_blog.svg); background-size:100% auto;}
.main .about .about-wrap .news {max-width:560px;}
.main .about .about-wrap .news .category-conts-wrap {width:100%;}
.main .about .about-wrap .news .category-conts-wrap .category-conts-box {display:none;}
.main .about .about-wrap .news .category-conts-wrap .category-conts-box.active {display:block;}
.main .about .about-wrap .news ul.tb {width:100%;}
.main .about .about-wrap .news ul.tb li {width:100%; height:var(--n-60); border-bottom:1px solid var(--begie); padding:0 var(--gap-16); display:flex; align-items:center; position:relative; font-size:var(--font-16); background:transparent; transition:background 0.3s ease;}
.main .about .about-wrap .news ul.tb li:last-child {border-bottom:none;}
.main .about .about-wrap .news ul.tb li a {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.main .about .about-wrap .news ul.tb li .subject {width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .about .about-wrap .news ul.tb li .date {width:100px; text-align:right;}
.main .about .about-wrap .news ul.tb li:hover {background:rgba(255,255,255,0.12);}

@media screen and (max-width: 1200px) {
	.main .about .about-wrap {flex-wrap:wrap; gap:var(--gap-60);}
	.main .about .about-wrap .about-box {width:100%;}
	.main .about .about-wrap .information,
	.main .about .about-wrap .news {max-width:100%;}
}

@media screen and (max-width: 684px) {
	.main .about .about-wrap .about-box .title-wrap .title-box {flex-wrap:wrap; gap:var(--gap-8);}
	.main .about .about-wrap .about-box .title-wrap .title-box .tlt {width:100%;}
	.main .about .about-wrap .about-box .category-wrap a:first-child {padding-left:0;}
	.main .about .about-wrap .news .title-wrap {align-items:flex-end;}
}

@media screen and (max-width: 360px) {
	.main .about .about-wrap .about-box .category-wrap a {font-size:13px;}
}






@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 684px) {}
@media screen and (max-width: 480px) {}