@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; /* height:60px; margin-bottom:15px; */  z-index: 10; text-align:center;}
.sub-tab-list-style{position: relative; display: inline-block;}
.sub-tab-list-style ul{display:flex; max-width: 96rem; height:60px; border: 1px solid #dfdfdf; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; margin: 0 auto; background: #fff;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{position:relative; width:33.33%; height: 100%; width: 24rem; }
.sub-tab-list-style ul li a{display: flex; align-items: center; justify-content: center; height:100%; width:100%; border-radius: 30px;}
.sub-tab-list-style ul li a em{display: inline-block; font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.2em; transition:var(--transition-custom);}
/* .sub-tab-list-style ul li.selected a {z-index:1; background-color:var(--main-color); border-color:#333;} */
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}



/* -------- 공통 :: 버튼 -------- */
.cm-btn-style01{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;}
.cm-btn-style01 span{font-size:1.8rem; color:#fff; letter-spacing:-0.025em; font-weight:500;}
.cm-btn-style01 i{font-size:2.4rem; color:#fff;}
.cm-btn-style02{display: block; text-align: center; width:23rem; padding: 1.8rem 1rem 1rem; background:var(--main-color); border-radius:3.7rem; box-sizing:border-box;}
.cm-btn-style02 span{display: block; font-size:1.8rem; color:#fff; letter-spacing:-0.025em; font-weight:500;}
.cm-btn-style02 i{font-size:2.4rem; color:#fff; margin-top: 0.5rem;}

/* -------- 공통 :: 타이틀 -------- */
.cm-sub-tit-con {text-align: center;}
.cm-sub-tit-con .cm-sub-tit {font-size: 8.2rem; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.1em;}
.cm-sub-tit-con .cm-sub-tit span {color: var(--main-color);}
.cm-sub-tit-con .cm-sub-txt {font-size: 3rem; font-weight: 600; letter-spacing: -0.045em; color: #000000; line-height: 1.66em; padding-top: 1.5rem;} 

/* -------- 공통 :: 검색박스 -------- */
.cm-sub-search-top {display: flex; justify-content: space-between; padding: 10px; border-radius: 4rem; height: 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #f4f4f5; /* margin-bottom: 4.5rem; */}
.cm-sub-search-select-box {position: relative; width: 30rem; height: 60px; border-radius: 30px; z-index: 100;}
.cm-sub-search-select-box .cur-location {position: relative; display: flex; align-items: center; width: 100%; height: 100%; background: #fff; border-radius: 30px; padding: 0 6rem 0 3.4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 100;}
.cm-sub-search-select-box .cur-location span {font-size: 2.2rem; font-weight: 700; letter-spacing: -0.035em; color: #000000; }
.cm-sub-search-select-box .cur-location em {position: absolute; right: 5px; top: 5px; width: 50px; height: 50px; background: var(--main-color); border-radius: 50%;}
.cm-sub-search-select-box .cur-location em:before {position: absolute; top: 50%; left: 50%; content: '\e942'; font-family: xeicon; font-size: 2.4rem; color: #fff; margin-left: -1.2rem; margin-top: -1.2rem;} 
.cm-sub-search-select-list {position: absolute; display: none; top: 0; left: 0; width: 100%; border-radius: 3rem; background: #fff; padding: 60px 3rem 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.cm-sub-search-select-list li a {display: block; padding: 1.3rem 0; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #666666; line-height: 1.2;}
.cm-sub-search-select-list li.selected a {color: var(--main-color);}

.cm-sub-search-select-box.open .cur-location em:before {content: '\e945';}
.cm-sub-search-top .bbs-top-list-box {margin-bottom: 0;}
.cm-sub-search-top .search-style-radius .board-search-inner {background: #fff;}

.color-txt {color: var(--main-color);}

/* ******************  01. 교회소개 ********************** */
/* ****** ABOUT 전하리 ****** */
.about-page {padding-bottom: 24rem;}
.about-con01 {padding: 11.5rem 0 12rem; background: url(/images/content/about_con01_bg.jpg)no-repeat center/cover; text-align: center;}
.about-con01 .about-con01-tit-box {margin-bottom: 5.5rem;}
.about-con01-tit-box .tit {font-size: 4.8rem; font-weight: 600; letter-spacing: -0.025em; color: #000000; line-height: 1.1em;}
.about-con01-tit-box .tit span {color: var(--main-color);}
.about-con01-tit-box .txt {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.065em; color: #2b2b2b; line-height: 1.73em; padding-top: 1.8rem;}
.about-con01-tit-box strong {display: block; font-size: 2.2rem; font-weight: 600; letter-spacing: -0.025em; color: #000000; line-height: 1.5em; padding-top: 5.2rem;}
.about-con01-list-wrap {position: relative; max-width: 119.2rem; margin: 0 auto;}
.about-con01-list-wrap .about-con01-list {position: relative;}
.about-con01-list-wrap .about-con01-list li {height: 47.2rem; position: relative;}
.about-con01-list-wrap .about-con01-list li img {position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%);}
.about-con01-list-wrap .about-con01-list-btn {position: absolute; top: 50%; left: 0; width: 100%; height: 4.5rem; margin-top: -2.25rem; z-index: 1000;}
.about-con01-list-wrap .about-con01-list-btn button {position: absolute; width: 4.5rem; height: 4.5rem; line-height: 4.5rem; top: 0;}
.about-con01-list-wrap .about-con01-list-btn button i { font-size: 4.5rem; color: #fff;}
.about-con01-list-wrap .about-con01-list-btn button.slick-prev {left: 1.5rem;}
.about-con01-list-wrap .about-con01-list-btn button.slick-next {right: 1.5rem;}
.about-con01-txt-box {padding-top: 3.8rem;}
.about-con01-txt-box .txt {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; color: #2c2c2c; line-height: 1.52em; padding-top: 1.6rem;}
.about-con02 {margin-top: 16.5rem;}
.about-con02-list {/* max-width: 90rem; margin: 0 auto; */ display: flex; justify-content:space-between; width: calc(100% - 4rem); margin: auto;}
/* .about-con02-list .slick-list {overflow: visible;  margin: 0 -3.5rem;}
.about-con02-list .slick-slide {margin: 0 3.5rem;} */
.about-con02-list .list-item{width:calc(25% - 1rem);}
.about-con02-list .img-box{position: relative; overflow:hidden;}
.about-con02-list .img-box span{display: block; position: relative; width: 100%; height: 0; padding-top: 100%; background: #fff;}
.about-con02-list .img-box span img {position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); margin: auto; width: 100%; min-height: 100%;}



.about-con02-list .img-box .num {position: absolute; top: 3rem; right: 3rem; font-size: 3rem; font-weight: 700; color: #fff;}
.about-con02-list .txt-box {margin-top: 1rem; box-shadow: 2.3rem 2.3rem 7rem rgba(4,0,0,0.23); padding: 3rem; background: #fff;}
.about-con02-list .txt-box .tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.2em;}
.about-con02-list .txt-box .sub-tit {font-size: 1.6rem; font-weight: 300; line-height: 1.3em; color: #222222; margin-top: 1rem;} 
.about-con02-list .txt-box .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #797979; line-height: 1.625em; margin-top: 2.5rem;}
.about-con02-line-wrap{position: relative; margin-top:11rem;}
.about-con02-line-wrap .slick-line{position: relative; background:rgba(0,0,0,0.1); width:100%; height:4px;}
.about-con02-line-wrap .slick-line span{position: absolute; top:0; left:0; height:100%; background:#000; transition:var(--transition-custom);}
.about-con02-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;}
.about-con02-line-wrap .slick-arrow.slick-prev{left:-0.3rem;}
.about-con02-line-wrap .slick-arrow.slick-next{right:-0.3rem;}
.about-con03 {margin-top: 18rem;}
.about-con03 .about-con03-tit {text-align: center; font-size: 6rem; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.1; margin-bottom: 4.8rem;}
.about-con03 .cm-btn-style01 {margin: 0 auto;}
.about-news-list-con {margin-top: 6rem;}
.about-news-list {border-top: 4px solid #000000;}
.about-news-list li {height: 8.2rem; border-bottom: 1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.about-news-list li a { position: relative; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 7rem; box-sizing: border-box; transition:all 0.3s;}
.about-news-list li a:hover {background: #f2f2f2;}
.about-news-list li a .tit {width: calc(100% - 9rem); font-size: 2.2rem; font-weight: 500; letter-spacing: -0.025em; color: #000000; line-height: 1.2; overflow:hidden;
	display:block;display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; padding-right: 2rem; box-sizing: border-box;}
.about-news-list li a .date {display: block; width: 9rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #000000; line-height: 1.2;}
.about-news-list li a .item-image-wrapper { position: absolute; right: 15%; width: 29.3rem; height: 29.3rem; pointer-events: none;opacity: 0;z-index: 10; transition:all 0.3s;}
.about-news-list li a:hover .item-image-wrapper {opacity: 1; transition:all 0.3s;}
.about-news-list li a .item-image-inner { position: relative;width: 100%; height: 100%;overflow: hidden; border-radius: 50%; 
box-shadow: 1.4rem 1.4rem 1.6rem rgba(0,0,0,0.08);}
.about-news-list li a .item-image-inner .item-image {position: absolute;  left: 0;  top: 0; height: 100%;width: 100%; object-fit: cover; }


/* ****** 교회 둘러보기 ****** */
/* 인트로 */
.church-view-intro-con { padding-top: 14rem; background: url(/images/content/view_intro_bg.jpg)no-repeat  left 50% top -10% /cover;}
.church-view-intro-con .cm-sub-tit-con {margin-bottom: 12.5rem;}
.church-view-intro-list {display: flex; flex-wrap: wrap; width: 100%; height: 79.5rem;}
.church-view-intro-list a {display: flex; align-items: center; justify-content: center; width: 50%; height: 100%;}
.church-view-intro-list a.suwon {background: url(/images/content/view_intro_img01.jpg)no-repeat center/cover;}
.church-view-intro-list a.dongtan {background: url(/images/content/view_intro_img02.jpg)no-repeat center/cover;}
.church-view-intro-list a .inner-box {position: relative; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 26.3rem; height: 25.3rem; background: #fff; transition: all 0.3s;}
.church-view-intro-list a .inner-box dl dt {font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; color: #000000; line-height: 1.1; margin-bottom: 2rem; transition: all 0.3s;}
.church-view-intro-list a .inner-box dl dd {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; color: rgba(0,0,0,0.75); line-height: 1.43em; transition: all 0.3s;}
.church-view-intro-list a .inner-box .cm-btn-style01 {position: absolute; bottom: -2.5rem; left: 50%; margin-left: -11.5rem; background: #fff; opacity: 0; transition: all 0.3s;}
.church-view-intro-list a .inner-box .cm-btn-style01 span,
.church-view-intro-list a .inner-box .cm-btn-style01 i {color: var(--main-color);}
.church-view-intro-list a:hover .inner-box {background: var(--main-color);}
.church-view-intro-list a:hover .inner-box dl dt {color: #fff;}
.church-view-intro-list a:hover .inner-box dl dd {color: rgba(255,255,255,0.6);}
.church-view-intro-list a:hover .inner-box .cm-btn-style01 {opacity: 1;}
/* 교회 둘러보기 */
.church-view-page {margin-bottom: 14rem;}
.church-view-page.view-suwon {background: url(/images/content/view_suwon_bg.jpg?ver=240925)no-repeat 50% 0 / cover ;}
.church-view-page .cm-sub-tit-con {margin-bottom: 11rem;}
/* .church-view-page .sub-tab-list-style ul {max-width: 48.4rem;} */
/* .church-view-page .sub-tab-list-style ul li {width: 50%;} */
.church-view-con {padding-top: 9rem;}
.church-view-con .tit {text-align: center; font-size: 5rem; font-weight: 800; letter-spacing: -0.025em; color: #000000; line-height: 1.2em; margin-bottom: 7.5rem;}
.church-view-con .tit span {color: var(--main-color);}

.gallery-photo-wrap {max-width: 116rem; margin: 0 auto;}
.gallery-photo-wrap .photo-item{}
.gallery-photo-wrap .photo-item:last-child{border-bottom:0;}
.gallery-photo-wrap .photo-item .photo-list{ position: relative;}
.gallery-photo-wrap .photo-item .photo-list .big-list{width:100%; margin-bottom: 1rem;}
.gallery-photo-wrap .photo-item .photo-list .big-list .list-item{width:100%;}
.gallery-photo-wrap .photo-item .photo-list .big-list .list-item span{position: relative; display: block; width:100%; height:0; padding-top:54.311%; overflow:hidden;}
.gallery-photo-wrap .photo-item .photo-list .big-list .list-item span img{position: absolute; width:100%; /* height:100%; */ top:0; bottom:0; left:0; right:0; margin:auto;}
.gallery-photo-wrap .photo-item .photo-list .big-list .list-item .photo-tit {position: absolute; display: inline-block; left: 3rem; bottom: 3rem; font-size: 3rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.1;}
.gallery-photo-wrap .photo-item .photo-list .nav-list{width:100%; margin:0 -0.5rem; padding-right: calc(16.66% - 1rem);}
.gallery-photo-wrap .photo-item .photo-list .nav-list .list-item{position: relative; width:100%; margin:0 0.5rem; cursor:pointer;}
/* .gallery-photo-wrap .photo-item .photo-list .nav-list .list-item:before{position: absolute; content:''; width:100%; height:100%; border:4px solid var(--main-color2); border-radius:1.2rem; box-sizing:border-box; z-index:1; opacity:0; transition:var(--transition-custom);} */
.gallery-photo-wrap .photo-item .photo-list .nav-list .list-item span{position: relative; display: block; width:100%; height:0; padding-top:56.997%; overflow:hidden; background:#000;}
.gallery-photo-wrap .photo-item .photo-list .nav-list .list-item span img{position: absolute; /* width:100%; */ height:100%; top:0; bottom:0; left:0; right:0; margin:auto;  transition:var(--transition-custom);}
/* .gallery-photo-wrap .photo-item .photo-list .nav-list .list-item.slick-current:before{opacity:1;} */
.gallery-photo-wrap .photo-item .photo-list .nav-list .list-item.slick-current span img{}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap{position: absolute; display: flex; align-items:center; justify-content:center; bottom:0; right:0; width:calc(16.66% - 1.3rem); height:14.198%; background:var(--main-color);}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap{position: absolute; /* width:100%; */}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow{position: absolute; font-size:3.2rem; color:#fff; top:50%; left:50%; transform:translate(-50%, -50%);}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-prev{margin-left:-6rem;}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-next{margin-left:6rem;}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-conuter {font-size:1.5rem;font-weight: 400; letter-spacing:-0.025em; color:#fff;}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-conuter span { margin: 0 0.3rem;}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-conuter .cur-num{position: relative; top: -3px; font-size:2.4rem ; font-weight:500;}
.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-conuter .total-num {position: relative; top: 3px;} 

/* ****** 오시는 길 ****** */
/* 지도영역 */
.location-page {padding-bottom: 14rem;}
.location-con .cm-sub-tit-con {margin-bottom: 9rem;}
.location-map-box {box-shadow: 2.3rem 2.3rem 7rem rgba(0,0,0,0.23); margin-bottom: 9rem;}
.location-map-box .map-box {position: relative; height: 40rem;}
.location-map-box .map-box iframe {width: 100%; height: 100%;}
.location-map-box .info-box {display: flex; padding: 4.5rem 3.6rem 4rem 0; background: #fff;} 
.location-map-box .info-box .tit {width: 18.4%; text-align: center; font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; color: #000000; line-height: 1.1;}
.location-map-box .info-box dl {width: calc(52.92% - 20.6rem); padding: 0 2rem 0 8rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.location-map-box .info-box dl dt {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em; color: #000000; line-height: 1.37em;}
.location-map-box .info-box dl dd {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: rgba(0,0,0,0.4); line-height: 1.83em; padding-top: 0.5rem;}
.location-map-box .info-box .tel {width: 28.68%; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.025em; color: #000; line-height: 1.2em;}
.location-map-box .info-box .tel i {position: relative; top: 2px;}
.location-map-box .info-box .location-btn {width: 20.6rem; height: 5.4rem; border-radius: 2.7rem; background: var(--main-color); display: flex; align-items: center; justify-content: space-between; padding: 0 2.7rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.location-map-box .info-box .location-btn span {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; }
.location-map-box .info-box .location-btn i {font-size: 2rem; color: #fff;}

/* 250414 추가 */
@media all and (min-width: 801px) {
	.location-map-con {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 3rem; margin-bottom: 9rem;}
	.location-map-box {margin-bottom: 0; background-color: #fff;}
	.location-map-box .info-box {display: block; padding: 4.5rem 3.6rem 4rem 3.6rem;}
	.location-map-box .info-box .tit {width: 100%; margin-bottom: 2rem; text-align: left;}
	.location-map-box .info-box dl {width: 100%; padding: 0;}
	.location-map-box .info-box .tel {width: 100%; margin-top: 2rem;}
	.location-map-box .info-box .location-btn {margin-top: 3rem;}
}

/* 버스표영역 */
.location-vehicle-con {padding-top: 12rem;}
.location-vehicle-con .cm-sub-tit-con {margin-bottom: 17rem;}
.location-vehicle-con .cm-sub-tit-con .cm-sub-txt {font-size:3.3rem; font-weight: 800; line-height: 1.5em;}
.location-vehicle-con .location-vehicle-txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.045em; color: #000; line-height: 1.3em; padding-top: 1.8rem;}
.location-vehicle-con .location-vehicle-tel {display: block; font-size: 5rem; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.1em; padding-top: 1rem;} 
.vehicle-con .vehicle-tit {padding-bottom: 2.5rem; display: flex; align-items: center;}
.vehicle-con .vehicle-tit .tit {display: block; font-size: 4.5rem; font-weight: 800; letter-spacing: -0.045em; color: #222222; margin-right: 2.7rem;}
.vehicle-con .vehicle-tit .sib-tit {font-size: 3.5rem; font-weight: 700; letter-spacing: -0.045em; color: #000;}
.vehicle-con .vehicle-tit .sib-tit span {font-weight: 800; color: var(--main-color);}
.vehicle-tbl-box {position: relative; border-top: 4px solid #000;}
.vehicle-tbl-box .vehicle-tbl {width: 100%;}
.vehicle-tbl-box .vehicle-tbl th, .vehicle-tbl-box .vehicle-tbl td {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: left; border-bottom: 1px solid rgba(205,205,253,0.32); word-break: keep-all;}
.vehicle-tbl-box .vehicle-tbl th {padding: 4.5rem 2rem 2rem 4rem; vertical-align: top; background: var(--main-color);}
.vehicle-tbl-box .vehicle-tbl th .vehicle-num {display: block; font-size: 5rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; }
.vehicle-tbl-box .vehicle-tbl th .vehicle-name {display: block; font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.4em; opacity: 0.6;}
.vehicle-tbl-box .vehicle-tbl th .vehicle-course {display: block; font-size: 5rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.1em; }
.vehicle-tbl-box .vehicle-tbl td {padding: 4.5rem 0 4.5rem 3rem;}
.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list {display: flex; flex-wrap: wrap; margin: -0.4rem;}
.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li {display: flex; align-items: center; width: calc(20% - 0.8rem); margin: 0.4rem; padding: 1rem 2.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; min-height: 10.7rem;}
.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li:last-child {background: #eeeef7;}
.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li dl dt {font-size: 2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.3em; color: #222222;}
.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li dl dd {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; color: #707070; line-height: 1.5em; padding-top: 0.5rem;}

.vehicle-con.dongtan3 {margin-bottom: 7rem;}
.vehicle-con.dongtan3 .vehicle-tbl-box:before {position: absolute; top: -7.3rem; right: -1.5rem; content: ''; width: 32.8rem; height: 8.1rem; background: url(/images/content/vehicle_point_img01.png)no-repeat center/100%; z-index: -1;}
.vehicle-con.dongtan4 {margin-bottom: 18rem;}
.vehicle-con.dongtan4 .vehicle-tbl-box:before {position: absolute; top: -5.1rem; right: -1.4rem; content: ''; width: 12.5rem; height: 5.4rem; background: url(/images/content/vehicle_point_img02.png)no-repeat center/100%; z-index: -1;}
.vehicle-con.suwon .vehicle-tbl-box:before {position: absolute; top: -7.3rem; right: -1.4rem; content: ''; width: 20.4rem; height: 8.1rem; background: url(/images/content/vehicle_point_img03.png)no-repeat center/100%; z-index: -1;}
.vehicle-con.suwon .vehicle-tbl th { vertical-align: middle; text-align: center; padding: 3rem;}

/* ****** 기부 증명서 발급 ****** */
.donation-receipt-page {padding-top: 14rem; padding-bottom: 0; background: url(/images/content/donation_receipt_bg.jpg)no-repeat 50% 10% ;}
.donation-receipt-page .cm-sub-tit-con {margin-bottom: 8rem;}
.dona-receipt-guide-con {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -1rem;}
.dona-receipt-guide-con .guide-box {width: calc(50% - 2rem); margin: 0 1rem; max-width:52.9rem; border: 4px solid var(--main-color); border-radius: 4.6rem; overflow: hidden; 
box-shadow: 1rem 1rem 3rem rgba(0,0,0,0.3); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.dona-receipt-guide-con .guide-tbl {width: 100%; height: 100%;}
.dona-receipt-guide-con .guide-tbl thead th {padding: 2.5rem 5.5rem; box-sizing: border-box; background: var(--main-color); text-align: left; font-size: 2.6rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2em; color: #fff;}
.dona-receipt-guide-con .guide-tbl tbody td {background: #fff; text-align: center; padding: 2rem; box-sizing: border-box; }
.dona-receipt-guide-con .guide-tbl tbody td.bg-gray {background: #f5f5f5;}
.dona-receipt-guide-con .guide-tbl tbody td.bd-l {border-left: 1px solid #e2e2e1;}
.dona-receipt-guide-con .guide-tbl tbody td strong {display: block; font-size: 3rem; font-weight: 800; letter-spacing: -0.025em; color: #000; line-height: 1.43em;}
.dona-receipt-guide-con .guide-tbl tbody td .num {display: block; font-size: 2.8rem; font-weight: 800; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.2em;}
.dona-receipt-guide-con .guide-tbl tbody td .txt01 {font-size: 1.95rem; font-weight: 700; letter-spacing: -0.045em; color: #000; line-height: 1.3em; padding-top: 1rem;}
.dona-receipt-guide-con .guide-tbl tbody td .txt02 {font-size: 1.55rem; font-weight: 500; letter-spacing: -0.045em; color: #000; line-height: 1.1em; padding-top: 0.6rem;}
.dona-receipt-guide-con .guide-tbl tbody td .txt02 a {display: inline-block; font-size: 1.6rem; border-bottom: 1px solid #000; color: #000;}
.dona-receipt-guide-con .guide-tbl tbody td .txt03 {position: relative; display: inline-block; padding-left: 1rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.045em; color: #000; line-height: 1.62em;}
.dona-receipt-guide-con .guide-tbl tbody td .txt03:before {position: absolute; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: var(--main-color); top: 1rem; left: 0;}
.dona-receipt-guide-txt {padding-top: 6.5rem; text-align: center;}
.dona-receipt-guide-txt .error-txt {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; color: #000; line-height: 1.68em;}
.dona-receipt-guide-txt .error-txt i {margin-right: 1rem; font-size: 2.6rem; color: #ff3c00; position: relative; top: 0.5rem;}
.dona-receipt-guide-txt .txt {font-size: 1.55rem; font-weight: 500; letter-spacing: -0.05em; color: #727272; line-height: 1.67em; padding-top: 1.5rem;}
.dona-receipt-application-con {margin-top: 15rem;}
.application-tit-box {display: flex; align-items: end; justify-content: space-between; padding-bottom: 3rem; border-bottom: 3px solid #000000; margin-bottom: 6rem;}
.application-tit-box .tit {font-size: 4rem; font-weight: 800; letter-spacing: -0.05em; color: #222222; line-height: 1.2em;}
.dona-receipt-application-form {display: flex; flex-wrap: wrap; padding-bottom: 1rem;}
.dona-receipt-application-form dl {width: 50%; box-sizing: border-box; padding-bottom: 4.2rem;}
.dona-receipt-application-form dl:nth-child(odd) {padding-right: 4.5rem;}
.dona-receipt-application-form dl:nth-child(even) {padding-left: 4.5rem;}
.dona-receipt-application-form dl:nth-child(7) {padding-bottom: 2.2rem;}
.dona-receipt-application-form dl dt {font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; color: #000000; line-height: 1.18em; padding-bottom: 1.3rem;}
.dona-receipt-application-form dl dd .write-input {border: none; height: 70px; width: 100%; background: #f9f9f9; text-indent: 2rem; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; color: #000000;}
.dona-receipt-application-form dl dd .write-input::placeholder {color: rgba(0,0,0,0.25);}
.dona-receipt-application-form dl dd .write-input:focus {background: #fff; outline: 1px solid var(--main-color);}
.dona-receipt-application-form dl dd .custom-radio-item-box {width: 100%; height: 70px; display: flex; align-items: center; padding: 0 0.5rem; box-sizing: border-box; background: #f9f9f9; margin: 0;}
.dona-receipt-application-form dl dd .sub-txt {position: relative; padding-left: 2rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.045em; color: #9a9a9a; line-height: 1.42em; margin-top: 1rem;}
.dona-receipt-application-form dl dd .sub-txt:before {position: absolute; content: '\e9aa'; font-family: 'xeicon'; left: 0; top: 0; color: var(--main-color); font-size: 1.4rem;}
.dona-receipt-application-agree {text-align: center; padding: 3rem 0 3.5rem; border-top: 1px solid rgba(0,0,0,0.11); border-bottom: 1px solid rgba(0,0,0,0.39);}
.dona-receipt-application-agree .agree-txt input{display:none;}
.dona-receipt-application-agree .agree-txt label{position:relative; font-size: 1.9rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #010101; display: block;}
.dona-receipt-application-agree .agree-txt label i {position: relative; top: 0.6rem; font-size: 3rem; color: #dddddd; margin-right: 0.2rem;}
.dona-receipt-application-agree .agree-txt input:checked + label i{color:var(--main-color);}
.dona-receipt-application-agree .privacy-btn { display: block; width: 17.8rem; height: 4rem; line-height: 3.6rem; margin: 2rem auto 0; border-radius: 2rem; background: #252525; text-align: center; font-size: 1.55rem; font-weight: 600; letter-spacing: -0.05em; color: #ffffff;}

.dona-receipt-application-con .submit-btn { margin: 4.7rem auto 6.3rem; width: 100%; max-width: 42.8rem; height: 9.2rem; padding: 0 5rem 0 5.9rem; display: flex; align-items: center; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: var(--main-color); border-radius: 4.6rem;}
.dona-receipt-application-con .submit-btn span {font-size: 2.5rem; font-weight: 700; color: #fff; letter-spacing: -0.025em;}
.dona-receipt-application-con .submit-btn i {font-size: 2.8rem; color: #fff;}

/* ****** 헌금안내 ****** */
.offering-guide-page {padding-top: 14rem; background: url(/images/content/offering_guide_bg.jpg)no-repeat 50% 0}
.offering-txt-box {padding-top: 10rem; text-align: center; margin-bottom: 27rem;}
.offering-txt-box .txt01 {font-size: 3.5rem; font-weight: 700; letter-spacing: -0.055em; color: #2c2c2c; line-height: 1.37em;}
.offering-txt-box .txt02 {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; color: #2c2c2c; line-height: 1.52em; padding-top: 2rem;}

.offering-guide-con {padding-bottom: 15rem;}
.offering-guide-con .offering-guide-tit {display: block; font-size: 4rem; font-weight: 800; letter-spacing: -0.045em; color: #000000; line-height: 1.5em; padding-bottom: 3rem; }
.offering-guide-box01 {width: 100%; display: flex; flex-wrap: wrap; border-top: 3px solid #000;}
.offering-guide-box01 .offering-guide-item {width: 25%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1);}
.offering-guide-box01 .offering-guide-item:first-of-type {border-left: 0;}
.offering-guide-box01 .offering-guide-item .item-tit {display: flex; align-items: center; width: 100%; height: 8.2rem; padding: 0 3.4rem; box-sizing: border-box; background: var(--main-color);}
.offering-guide-box01 .offering-guide-item .item-tit strong {display: block;font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.2em;}
.offering-guide-box01 .offering-guide-item .item-info {display: flex; align-items: center; height: calc(100% - 8.2rem); padding: 3rem; box-sizing: border-box;}
.offering-guide-box01 .offering-guide-item:first-of-type .item-info {justify-content: center; text-align: center;}
.offering-guide-box01 .offering-guide-item .item-info strong {display: block; font-size: 3rem; font-weight: 800; letter-spacing: -0.05em; color: #000000; line-height: 1.2em; margin-top: 1rem;}
.offering-guide-box01 .offering-guide-item .item-info .point-txt {position: relative; padding-left: 1.3rem; font-size: 1.9rem; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.84em; color: #000;}
.offering-guide-box01 .offering-guide-item .item-info .point-txt.mg-top {margin-top: 2.5rem;}
.offering-guide-box01 .offering-guide-item .item-info .point-txt:before {position: absolute; top: 1.5rem; left: 0; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #cccccc;}
.offering-guide-box01 .offering-guide-item .item-info .point-txt span {color: var(--main-color);}
.offering-guide-box01 .offering-guide-item .item-info .error-txt {position: relative; padding-left: 2.3rem; font-size: 1.55rem; font-weight: 600; letter-spacing: -0.045em; color: #797979; line-height: 1.5em; margin-top: 0.5rem; }
.offering-guide-box01 .offering-guide-item .item-info .error-txt:before {position: absolute; top: 1px; left: 0; content: '\e9aa'; font-family: 'xeicon'; font-size: 1.8rem; color: #ff3c00;}
.offering-guide-box02 {width: 100%; display: flex; flex-wrap: wrap; align-items: center; border-top: 3px solid #000; border-bottom: 1px solid rgba(0,0,0,0.1); background: #f9f9f9;}
.offering-guide-box02 .item-tit {width: 22.33%; text-align: center;}
.offering-guide-box02 .item-tit strong {display: block; font-size: 3rem; font-weight: 800; letter-spacing: -0.05em; color: #000000; line-height: 1.2em; }
.offering-guide-box02 .item-info {width: calc(100% - 22.33%); padding: 4.5rem 8rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.offering-guide-box02 .item-info .txt {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.045em; color: #000000; line-height: 1.61em;}

/* ****************** 02. 예배 ********************** */
.worship-page {padding-bottom: 10rem;}
/* ****** 예배후기 ****** */
/* .worship-review-con01 {background: url(/images/content/worship_review_con01_bg.jpg)no-repeat center/cover;} */
.worship-review-con01 .cm-sub-tit-con {padding-bottom: 10rem;}
.worship-review-slide-con {position: relative; max-width: 80rem; margin: 0 auto;}
.worship-review-slide .slick-list {overflow: visible;}
.worship-review-slide li {display: flex !important; height: 56rem; align-items: end;}
.worship-review-slide li:not(.slick-current){pointer-events:none;}
.worship-review-slide li .inner {width: 100%; height: 100%; padding: 10px; transition:var(--transition-custom2); background: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 2.3rem 2.3rem 7rem rgba(4,0,0,0.23);}
.worship-review-slide li:not(.slick-center) .inner {margin: 0 19rem; height: 30rem;}
.worship-review-slide li .video-iframe-wrapper {opacity: 1; max-width:94rem; transition:var(--transition-custom2);}
.worship-review-slide li .video-iframe-box {padding-top: 53.725%;  transition:var(--transition-custom2); /* background: #fff; */}
.worship-review-slide li:not(.slick-center) .video-iframe-wrapper {max-width: 56rem;}
.worship-review-slide li:not(.slick-center) .video-iframe-box {padding-top: 50%;}
.worship-review-slide li .video-cover-box:after {display: none;}
.worship-review-slide li .video-cover-box .icon {opacity: 0; transition: all 0.3s;}
.worship-review-slide li .video-cover-box .thumb {transform: scale(1.0) rotate(0.002deg);}
.worship-review-slide li .video-cover-box:hover .thumb {transform: scale(1.0) rotate(0.002deg);}
.worship-review-slide li .video-cover-box .thumb img {transition:var(--transition-custom2);}
.worship-review-slide li:not(.slick-center) .video-cover-box .thumb img,
.worship-review-slide li:not(.slick-center) .only-img-box .thumb img{}
.worship-review-slide li.slick-center:hover .video-cover-box .icon {opacity: 1;}
.worship-review-slide li.slick-center:hover .video-cover-box .thumb {transform: scale(1.1) rotate(0.002deg);}

.worship-review-slide li.slick-center.prev-on {align-items: end;}
.worship-review-slide li.slick-center.next-on {align-items: start;}

.worship-review-slide li.center-next,
.worship-review-slide li.next {align-items: start;}
.worship-review-slide li.slick-current + li{align-items: start !important;}
.worship-review-slide li.center-prev,
.worship-review-slide li.prev {align-items: end;}


.worship-review-slide li.noshow .inner{transform:translateX(-50vw)}


.worship-review-slide li .txt-box {display: block; position: relative; padding-top: 2rem; text-align: center; }
.worship-review-slide li .txt-box .tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:var(--transition-custom2);}
.worship-review-slide li .txt-box .txt {font-size: 1.0rem; font-weight: 500; letter-spacing: -0.05em; color: #797979; line-height: 1.625em; margin-top: 1rem; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:var(--transition-custom2);}
.worship-review-page .worship-review-slide li .txt-box .txt { -webkit-line-clamp: 3;}
.worship-review-slide li.slick-center .txt-box {padding-top: 2rem;}
.worship-review-slide li.slick-center .txt-box .tit {font-size: 3.6rem;}
.worship-review-slide li.slick-center .txt-box .txt {font-size: 1.6rem; margin-top: 1.5rem;}

.worship-review-slide li .txt-box .sub-tit {display: block; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; color: #000; line-height: 1.3; padding-top: 1rem; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.worship-review-slide-con .worship-review-btn {position: absolute; top: 50%; margin-top: -1.9rem; left: 0; width: 100%; height: 5px; z-index: 100;}
.worship-review-slide-con .worship-review-btn button {position: absolute; width: 90px;height: 5px; background: rgba(0,0,0,0.1);}
.worship-review-slide-con .worship-review-btn button:before {position: absolute; content: ''; top: 0; width: 30px; height: 5px; background: #000; z-index: 1;}
.worship-review-slide-con .worship-review-btn button:after{position: absolute; content: ''; top: 0; width: 150%; height: 70px; left:0; right:0; top:50%; transform:translateY(-50%);}
.worship-review-slide-con .worship-review-btn button 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;}
.worship-review-slide-con .worship-review-btn button.slick-prev {left: -90px;}
.worship-review-slide-con .worship-review-btn button.slick-prev:before {left: 0;}
.worship-review-slide-con .worship-review-btn button.slick-prev:after{left:auto;}
.worship-review-slide-con .worship-review-btn button.slick-prev span {left: -0.3rem;}
.worship-review-slide-con .worship-review-btn button.slick-next {right: -90px;}
.worship-review-slide-con .worship-review-btn button.slick-next:before {right: 0;}
.worship-review-slide-con .worship-review-btn button.slick-next:after{right:auto;}
.worship-review-slide-con .worship-review-btn button.slick-next span {right: -0.3rem;}

.worship-review-slide-con .worship-review-btn button.slick-prev span i{left: 0rem; position: relative; transition:var(--transition-custom);}
.worship-review-slide-con .worship-review-btn button.slick-next span i{right: 0rem; position: relative; transition:var(--transition-custom);}

.worship-review-slide-con .worship-review-btn button.slick-prev:hover span i{left: -0.5rem;}
.worship-review-slide-con .worship-review-btn button.slick-next:hover span i{right: -0.5rem;}

.worship-review-slide-con .worship-review-count {padding-top: 4rem;}
.worship-review-slide-con .worship-review-count .counter {position: relative;display: flex;align-items: center;justify-content: center; color: #000;;}
.worship-review-slide-con .worship-review-count .counter span {margin: 0 0.2rem 0.2rem;}
.worship-review-slide-con .worship-review-count .counter .cur-num {font-size: 2.4rem; font-weight: 500;}
.worship-review-slide-con .worship-review-count .counter .total-num { position: relative; bottom: -0.8rem;font-size: 1.3rem; font-weight: 400; }
.worship-review-con01 .bottom-txt-box {text-align: center; padding-top: 14rem; }
.worship-review-con01 .bottom-txt-box .txt {font-size: 2.5rem; font-weight: 700; letter-spacing: -0.045em; color: #000000; line-height: 1.4em; padding-bottom: 3rem;}
.worship-review-con01 .bottom-txt-box .cm-btn-style02 {margin: 0 auto;}
.worship-review-con02 {max-width: 124rem; margin: 0 auto; padding-top: 14rem;}
.worship-review-list-con {}
.worship-review-list {display: flex; flex-wrap: wrap; margin: -3rem -1.5rem;}
.worship-review-list li {width: calc(33.33% - 3rem); margin: 3rem 1.5rem 2rem;}
.worship-review-list li a {display: block; position: relative;}
.worship-review-list li a .img-con {position: relative;}
.worship-review-list li a .img-con .img {display: block; position: relative; width: 100%; height: 0; padding-top: 60%; overflow:hidden;}
.worship-review-list li a .img-con .img img {position: absolute; width: 100%; min-height: 100%; /* height: 100%; */ left: 0; top: 0; bottom:0; right:0; object-fit: cover; margin:auto; margin-top:0; transition:var(--transition-custom);}
.worship-review-list li a .img-con .icon { position: absolute; top: 50%; left: 50%; margin-left: -4rem; margin-top: -4rem; width: 8rem; height: 8rem; border-radius: 50%; background: #fff; text-align: center; opacity: 0; z-index: 10; transition: all 0.3s;}
.worship-review-list li a .img-con .icon i {line-height: 8rem; font-size: 2.8rem; color: #000000;}
.worship-review-list li a dl {padding-top: 2rem; display: flex; flex-wrap: wrap; align-items: center;}
.worship-review-list li a dl dt {display: inline-block; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.04em; color: #000000; line-height: 1.2em; padding-right: 1.8rem; margin-bottom: 1rem; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.worship-review-list li a dl dd {position: relative; display: inline-block; font-size: 1.9rem; font-weight: 600; letter-spacing: -0.04em; color: #000; line-height: 1.1em; padding-left: 1.8rem; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:1rem;}
.worship-review-list li a dl dd:before {position: absolute; content: ''; width: 2px; height: 2.1rem; background: #d3cdcd; left: -1px; top: 2px;}
.worship-review-list li a:hover .img-con .icon {opacity: 1;}
.worship-review-list li a:hover .img-con .img img{}

.worship-review-con03 {position: relative; padding-top: 23.5rem;}
.worship-review-con03 .worship-review-con03-bg {position: absolute; top: -6rem; left: 0; width: 100%; height: 111rem; background: url(/images/content/worship_review_con03_bg.jpg)no-repeat center / cover; z-index: -1;}
.worship-review-con03-list-wrap {padding: 0 3.3rem;}
.worship-review-con03-list {display: flex; margin: 0 -6.7rem;}
.worship-review-con03-list li {width: calc(50% - 13.4rem); margin: 0 6.7rem; text-align: center;}
.worship-review-con03-list li:nth-child(2) {margin-top: 16rem;}
.worship-review-con03-list li a {display: block;}
.worship-review-con03-list li a .img-box {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 0; transition: var(--transition-custom);}
.worship-review-con03-list li a .img-box .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.worship-review-con03-list li a .img-box .inner .txt {font-size: 5.2rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 1.34em;}
.worship-review-con03-list li a .img-box .inner .txt b {font-weight: 800;}
.worship-review-con03-list li a .img-box .cm-btn-style01 {position: absolute; bottom: -2.2rem; left: 50%; margin-left: -11.5rem; opacity: 0; transition: var(--transition-custom);}
.worship-review-con03-list li a .txt-box {padding-top: 4rem;}
.worship-review-con03-list li a .txt-box .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #797979; line-height: 1.625em;}
.worship-review-con03-list li a .txt-box strong {display: block; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em; color: #000000; line-height: 1.66em; padding-top: 4rem;}
.worship-review-con03-list li a:hover .img-box {border-radius: 50%; box-shadow: 2.3rem 2.3rem 7rem rgba(0,0,0,0.23);}
.worship-review-con03-list li a:hover .cm-btn-style01 {opacity: 1;}

/* ****** 예배후기 :: 뷰페이지 ****** */
.worship-view-page .bbs-view-top {position: relative;}
.worship-view-page .bbs-view-content {border-bottom: 0;} 
.worship-view-page .bbs-view-prev-next-list {margin-top: 0;}

.share-btn-wrapper2{position: absolute; right: 0; bottom: 1.5rem; z-index:10; display:inline-block;}
.share-btn-wrapper2 .share-list-dim{position:fixed; top:0px; left:0px; width:100%; height:100%; display:none;}
.share-btn-wrapper2 i{font-size:2.4rem; line-height:4.5rem; }
.share-btn-wrapper2 a{display:block; background-color:#333; color:#fff; width:4.5rem; height:4.5rem; line-height:4.5rem; text-align:center; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.share-btn-wrapper2 .share-open-btn{position:relative; z-index:1; background-color:#888}
.share-btn-wrapper2 .share-sns-list{position:absolute; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s; opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
.share-btn-wrapper2 .share-sns-list li{position:absolute;  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.share-btn-wrapper2.open .share-list-dim{display:block;}
.share-btn-wrapper2.open .share-sns-list{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
/* 왼쪽으로 뜨게 */
.share-btn-wrapper2[data-row="left"] .share-sns-list{top:0px; right:4.5rem;}
.share-btn-wrapper2[data-row="left"] .share-sns-list li{right:0;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(1){right:0.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(2){right:5.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(3){right:10.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(4){right:15.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(5){right:20.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(6){right:25.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(7){right:30.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(8){right:35.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(9){right:40.5rem;}
.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(10){right:45.5rem;}

/* ****** 주일예배, 공예배, 외부강사설교 ****** */
.worship-page .sub-tab-list-style ul {/* max-width: 72rem; */}
.worship-weekend-con01 .parish-slide-con-wrap{position: relative;}
.worship-weekend-con01 .parish-slide-con-wrap .bg{position: absolute; top:50%; left:50%; transform:translate(-50%, -60%); width:100vw; z-index:-1;}
.worship-weekend-con01 .parish-slide-con-wrap .bg img{width:100%;}
/* .worship-con01{padding-bottom:10rem;} */
.worship-con01 .cm-sub-tit-con {padding-bottom: 12rem;}
.weekend-sermon-time {padding: 10rem 0 7rem; display: flex; justify-content: center;}
.weekend-sermon-time li {display: flex; align-items: center; margin: 0 1.5rem;}
.weekend-sermon-time li i {width: 4.95rem; height: 4.95rem; border-radius: 50%; background: var(--main-color); text-align: center; font-size: 3rem; line-height: 4.95rem; color: #fff;}
.weekend-sermon-time li .time {margin-left: 1.6rem; font-size: 2.2rem; font-weight: 600; letter-spacing: -0.025em; color: #000000;}
.parish-slide li .txt-box .sub-tit {display: block; font-size: 1.3rem; font-weight: 600; letter-spacing: -0.05em; color: #000; line-height: 1.3; padding-top: 1rem; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.parish-slide li.slick-center .txt-box .sub-tit {font-size: 1.6rem; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.worship-con02 {padding-top: 13rem;}
.worship-weekend-list-con .worship-review-list {margin: -3rem -1.5rem;}
.worship-weekend-list-con .worship-review-list li {width: calc(33.33% - 3rem); margin: 3rem 1.5rem;}
.worship-weekend-list-con .worship-review-list li a .img-con .img {padding-top: 58.34%;;}
/* .worship-weekend-list-con .worship-review-list li a .img-con .img:before {opacity: 0; position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; transition: all 0.3s;} */
.worship-weekend-list-con .worship-review-list li a:hover .img-con .img:before {opacity: 1;}
/* .sunday-evening-con01 { background: url(/images/content/sunday_evening_con01_bg.jpg)no-repeat center/cover;} */
/* .guest-speaker-con01 { background: url(/images/content/guest_speaker_con01_bg.jpg)no-repeat center/cover;} */

/* ******************  03. 교구 ********************** */
/* ****** 복음안에서 행복한 교구 ****** */
/* 공통 */
.parish-page {padding-bottom: 10rem;}
.parish-page .cm-sub-tit-con {margin-bottom: 12rem;}
.parish-page .sub-tab-list-style ul {max-width: 72rem;}
.parish-con01 {text-align: center; margin-top: 11rem; position: relative;}
.parish-con01 .parish-con01-tit {font-size: 4.7rem; font-weight: 800; letter-spacing: -0.05em; color: #000000; line-height: 1.1em; margin-bottom: 7rem;}
.parish-slide-con {position: relative; max-width: 80rem; margin: 0 auto; padding-bottom:9rem; height:70rem;}
.parish-slide-con .slick-list {overflow: visible;}
.parish-slide li {position: relative; display: flex !important; align-items: center; height: 60rem;}
.parish-slide:not(.slick-initialized) li{height:0};
.parish-slide li.slick-current{z-index:9}
.parish-slide li.slick-center {z-index: 1;}
.parish-slide li .inner {position: relative; left: 0; width: 100%; height: 100%; margin: 0; padding: 10px; transition:all 0.8s; background: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 2.3rem 2.3rem 7rem rgba(4,0,0,0.23); }
.parish-slide li:not(.slick-center) .inner { height: 36rem; pointer-events:none;}
.parish-slide li .video-iframe-wrapper {opacity: 1; max-width:78rem; transition:all 0.8s;}
.parish-slide li .video-iframe-box {padding-top: 53.725%;  transition:all 0.8s; /* background: #000; */}
.parish-slide li:not(.slick-center) .video-iframe-wrapper {max-width: 56rem;}
.parish-slide li:not(.slick-center) .video-iframe-box {padding-top: 50%;}
.parish-slide li .video-cover-box:after {display: none;}
.parish-slide li .video-cover-box .icon {opacity: 0; transition: all 0.3s;}
.parish-slide li .video-cover-box .thumb {transform: scale(1.0) rotate(0.002deg);}
.parish-slide li .video-cover-box:hover .thumb{transform: scale(1.0) rotate(0.002deg);}
.parish-slide li .video-cover-box .thumb img {transition:var(--transition-custom);}
.parish-slide li:not(.slick-center) .video-cover-box .thumb img {}
.parish-slide li.slick-center:hover .video-cover-box .icon {opacity: 1;}
.parish-slide li.slick-center:hover .video-cover-box .thumb {transform: scale(1.1) rotate(0.002deg);}

.parish-slide li.slick-cloned .video-cover-box{display: block !important;}


.parish-slide li.center-prev .inner,
.parish-slide li.prev .inner {left: 25rem; margin: 0 0 0 38rem; }
.parish-slide li.center-next .inner,
.parish-slide li.next:not(.center-prev) .inner {left: -25rem;  margin: 0 38rem 0 0;}
.parish-slide li .txt-box {display: block; position: relative; padding: 2rem; text-align: center; }
.parish-slide:not(.height-auto-style) li a.txt-box{padding-bottom:4rem;}
.parish-slide li .txt-box .tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.8s;;}
.parish-slide li .txt-box .txt {font-size: 1.0rem; font-weight: 500; letter-spacing: -0.05em; color: #797979; line-height: 1.625em; margin-top: 1rem; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:all 0.8s;}
.parish-slide li.slick-center .txt-box {padding-top: 2rem;}
.parish-slide li.slick-center .txt-box .tit {font-size: 3.6rem;}
.parish-slide li.slick-center .txt-box .txt {font-size: 1.6rem; margin-top: 1.5rem;}

.parish-slide.height-auto-style li .txt-box{max-height:11rem; overflow:hidden;}

.parish-slide li.noshow .inner{transform:translateX(-70vw)}

.parish-btn-con {display: flex;  align-items: center; justify-content: center; margin-top: 3.3rem;}
.parish-btn-con .parish-count{position: relative; display: flex; align-items:center; justify-content:center; width:9rem; color:#000;}
.parish-btn-con .parish-count span{margin:0 0.2rem 0.2rem;}
.parish-btn-con .parish-count .cur-num{font-size:2.4rem; font-weight:500;}
.parish-btn-con .parish-count .total-num{position: relative; bottom:-0.8rem; font-size:1.5rem;}
.parish-btn-con .slick-arrow{position: relative; width:calc(50% - 4.5rem); height:5px; background:rgba(0,0,0,0.12); z-index: 1;}
.parish-btn-con .slick-arrow:before{position: absolute; top:0; content:''; width:3rem; height:5px; background:#000;}
.parish-btn-con .slick-arrow:after{position: absolute; content: ''; top: 0; width: 100px; height: 100px; top:50%;}
.parish-btn-con .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);}
.parish-btn-con .slick-arrow.slick-prev:before{left:0;}
.parish-btn-con .slick-arrow.slick-prev:after{left:0; transform:translate(-50%, -50%);}
.parish-btn-con .slick-arrow.slick-prev span{left:-0.3rem;}
.parish-btn-con .slick-arrow.slick-next:before{right:0;}
.parish-btn-con .slick-arrow.slick-next:after{right:0; transform:translate(50%, -50%);}
.parish-btn-con .slick-arrow.slick-next span{right:-0.3rem;}
.parish-btn-con .slick-arrow i{position: relative;  transition:var(--transition-custom);}
.parish-btn-con .slick-arrow.slick-prev span i{left:-0rem;}
.parish-btn-con .slick-arrow.slick-next span i{right:-0rem;}
/* hover */
.parish-btn-con .slick-arrow.slick-prev:hover span i{left:-0.5rem;}
.parish-btn-con .slick-arrow.slick-next:hover span i{right:-0.5rem;}

.parish-con01 .bottom-txt-box {margin-top: 14rem;}
.parish-con01 .bottom-txt-box .txt {font-size: 2.5rem; font-weight: 700; letter-spacing: -0.045em; color: #000; line-height: 1.4em;}
.parish-con01 .bottom-txt-box .cm-btn-style02 {margin: 3rem auto 0;}

.parish-con02 {padding-top: 15rem;}

.parish-list {margin: -3rem -1.5rem;}
.parish-list li {width: calc(33.33% - 3rem); margin: 3rem 1.5rem;}
.parish-list li a {padding: 1rem; background: #fff; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; : border-box; box-shadow: 1.3rem 1.3rem 4rem rgba(4,0,0,0.23); }
.parish-list li a .img-con .img {padding-top: 62.5%;}
.parish-list li a dl {padding: 2rem 0;}
.parish-list:not(.worship-review-list) li a dl dt {display: block; padding-right: 0;}
.parish-list:not(.worship-review-list) li a dl dd {display: block; padding-left: 0;}
.parish-list:not(.worship-review-list) li a dl dd:before {display: none;}


/* 은혜나눔 */
/* .parish-grace-con01 {background: url(/images/content/parish_grace_con01_bg.jpg)no-repeat center/cover;} */
/* 새신자 새가족 나눔 */
/* .parish-new-con01 {background: url(/images/content/parish_new_con01_bg.jpg)no-repeat center/cover;} */
/* 기도응답과 간증 */
/* .parish-testimony-con01 {background: url(/images/content/parish_testimony_con01_bg.jpg)no-repeat center/cover;} */


/* ******************  04. 다음세대 ********************** */
.generation-page {padding-bottom: 10rem;}
.generation-page .parish-slide-con {margin-top: 10rem; margin-bottom: 5rem;}
.generation-page .cm-sub-tit-con {margin-bottom: 12rem;}
.generation-worship-tit {text-align: center; padding: 10rem 0 11rem; font-size: 4.7rem; font-weight: 800; letter-spacing: -0.025em; color: #000000; line-height: 1.06;}
.generation-worship-tit span {color: var(--main-color);}

/* ******************  04. 다음세대 :: 예배시간 ********************** */
.time-gallery-wrap {padding: 12rem 0 8.5rem 0;}
.time-gallery-wrap.mt-150 {margin-top:15rem}
.time-gallery-wrap .gallery-slide-box.df-width .main-gallery-list {margin-left: 0; margin-right: auto;}
.time-gallery-wrap .gallery-slide-box .main-gallery-list.animated .list-item {transform: translateX(0);}
.time-gallery-wrap .gallery-slide-box.df-width .main-gallery-list .list-item {transform: translateX(-75px);}
.animated .time-gallery-wrap .gallery-slide-box.df-width .main-gallery-list .list-item {transform: translateX(-25px);}
.animated .time-gallery-wrap .gallery-slide-box.df-width .main-gallery-list .list-item.slick-current {transition-delay: 0.2s;}
.animated .time-gallery-wrap .gallery-slide-box.df-width .main-gallery-list .list-item.slick-current + .list-item {transition-delay: 0.4s;}
.main-gallery-line-wrap.time-gallery-line-wrap {opacity: 1; margin-top: 0; transform: translateY(-35px); z-index: 3;}
.main-gallery-wrap.time-gallery-wrap .gallery-txt-box:before {height: 63.5rem;}
.main-gallery-wrap.time-gallery-wrap .gallery-txt-box {padding-left: 11.6%;}
.main-gallery-wrap.time-gallery-wrap.row .gallery-txt-box {padding-left: 10.2%;}
.main-gallery-wrap.time-gallery-wrap.row .gallery-txt-box:before {left: auto; right: -0.9rem; z-index: 1;}
.main-gallery-wrap.time-gallery-wrap.row .gallery-txt-box .main-tit-box {position: relative; z-index: 2;}
/* .main-gallery-wrap.time-gallery-wrap.row .gallery-txt-box {padding-left: 0; padding-left: 16.2%;}
.main-gallery-wrap.time-gallery-wrap.row .gallery-txt-box:before {left: auto; right: -12.9rem;}
.main-gallery-wrap.time-gallery-wrap.row.pt-190 {padding-top: 19rem;}
.main-gallery-wrap.time-gallery-wrap.row .main-gallery-list {margin-left: 0; margin-right: auto;} */
.time-gallery-wrap .main-tit-box .main-tit {font-size: 5.2rem;}

.main-gallery-list.non-slide .list-item{width:50%; max-width:420px;}
.main-gallery-list.non-slide .list-item:first-child{margin-left:0;}


.time-content .generation-worship-con {margin-top: 22.5rem;}
.time-info-con {max-width: 1077px; margin: 20rem auto 0; padding-bottom: 14.5rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 3.7rem;}
.time-info-con .inner-tit {position: relative; display: flex; align-items: center; justify-content: center; height: 15rem; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5em; color: #fff; border-radius: 2rem; margin-bottom: 0.8rem; box-shadow: 0 15px 50px 0 rgba(4, 0, 0, 0.23);}
.time-info-con .inner-tit.orange {background-color: #de6641;}
.time-info-con .inner-tit.blue {background-color: #00008e;}
.time-info-con .inner-tit:before{display: none;}
.time-info-con .inner-tit.orange::before {position: absolute; content: ""; width: 2.2rem; height: 2rem; left: 50%; bottom: -1.5rem; background: center / cover no-repeat url("/images/content/time_info_arrow01.png"); transform: translateX(-50%);}
.time-info-con .inner-tit.blue::before {position: absolute; content: ""; width: 2.2rem; height: 2rem; left: 50%; bottom: -1.5rem; background: center / cover no-repeat url("/images/content/time_info_arrow02.png"); transform: translateX(-50%);}

.time-info-con .inner .time-info-list-box {display: flex; flex-direction: column; gap: 0.4rem 0;}
.time-info-con .inner .time-info-list-box li {display: flex; justify-content: space-between; border-radius: 2rem; padding: 3.5rem 3.5rem 3rem 4rem;}
.time-info-con .inner .time-info-list-box li.align-center {align-items: center;}
.time-info-con .inner.style01 .time-info-list-box li {background-color: rgba(222, 102, 65, 0.08);}
.time-info-con .inner.style02 .time-info-list-box li {background-color: rgba(0, 0, 142, 0.08);}
.time-info-con .inner .time-info-list-box li > h5 {font-size: 2.2rem; font-weight: 800; letter-spacing: -0.05em; line-height: 1.1em; color: #000;}
.time-info-con .inner .time-info-list-box li > h5 span {font-size: 1.6rem; font-weight: 700; letter-spacing: -0.05em; color: #000;}
.time-info-con .inner .time-info-list-box li .txt-box > p {display: flex; align-items: center; justify-content: flex-end;}
.time-info-con .inner .time-info-list-box li .txt-box > p:first-child {padding-bottom: 0.5rem;}
.time-info-con .inner .time-info-list-box li .txt-box .time {min-width: 6.8rem; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.1em; color: #222;}
.time-info-con .inner .time-info-list-box li .txt-box .place {padding-right: 2rem; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.1em; color: #313131; display: none;}
.time-info-con .inner .time-info-list-box li .txt-box .part {padding-right: 1rem; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.1em; color: #313131;}
.time-info-con .inner .time-info-list-box li .txt-box .ampm {padding-right: 0.5rem; font-size: 2.2rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.1em; color: rgba(34, 34, 34, 0.5);}

/* ******************  05. 선교 ********************** */
.mission-intro-con01 {padding-top: 15rem; margin-bottom: 15rem;}
.mission-intro-con01 .cm-sub-tit-con {margin-bottom: 5rem;}
.mission-intro-con01 .cm-sub-tit-con .cm-sub-txt {font-size: 2.8rem;}
.mission-intro-link-con {display: flex; flex-wrap: wrap; margin: 0 -1.7rem; padding-bottom: 15.5rem;}
.mission-intro-link-con .link-box {width: calc(50% - 3.4rem); margin: 0 1.7rem; box-shadow: 6.7rem 6.7rem 7rem rgba(0,0,0,0.16);}
.mission-intro-link-con .link-box a {display: block;}
.mission-intro-link-con .link-box a .img-box {position: relative; height: 0; padding-top: 43.658%; width: 100%;}
.mission-intro-link-con .link-box a .img-box img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; width: 100%; height: 100%; object-fit: cover;}
.mission-intro-link-con .link-box a .txt-box {position: relative; background: #fff; padding: 3rem 28.5rem 3rem 6rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s;}
.mission-intro-link-con .link-box a .txt-box .tit {font-size: 3.8rem; font-weight: 800; letter-spacing: -0.05em; color: #222222; line-height: 1.2; transition: all 0.3s;}
.mission-intro-link-con .link-box a .txt-box .txt {font-size: 1.7rem; font-weight: 500; letter-spacing: -0.05em; color: #797979; line-height: 1.52; padding-top: 4rem; transition: all 0.3s;}
.mission-intro-link-con .link-box a .cm-btn-style01 {position: absolute; right:5.6rem; bottom: 3.4rem; opacity: 0; transition: all 0.3s; background: #fff;}
.mission-intro-link-con .link-box a .cm-btn-style01 span,
.mission-intro-link-con .link-box a .cm-btn-style01 i {color: var(--main-color);}
.mission-intro-link-con .link-box a:hover .txt-box {background: var(--main-color);}
.mission-intro-link-con .link-box a:hover .txt-box .tit {color: #fff;}
.mission-intro-link-con .link-box a:hover .txt-box .txt {color: rgba(255,255,255,0.5);}
.mission-intro-link-con .link-box a:hover .cm-btn-style01 {opacity: 1;}
.mission-intro-slide-con {text-align: center;}
.mission-intro-slide-con .txt-box01 {margin-bottom: 6rem;}
.mission-intro-slide-con .txt-box01 .txt {font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; color: #141414; line-height: 1.45em;}
.mission-intro-slide-con .txt-box01 strong {display: block; padding-top: 3rem; font-size: 1.8rem; letter-spacing: -0.05em; color: #000;}
.mission-intro-slide-con .txt-box02 {padding-top: 4.5rem; }
.mission-intro-slide-con .txt-box02 .tit {font-size: 3.8rem; font-weight: 700; letter-spacing: -0.05em; color: #222;}
.mission-intro-slide-con .txt-box02 .txt {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.52; color: #2c2c2c; padding-top: 1.5rem;}
.mission-intro-slide-con .txt-box02 strong {display: block; font-size: 1.8rem; letter-spacing: -0.05em; color: #000; padding-top: 2rem;}
.mission-intro-slide-wrap {position: relative;}
.mission-intro-slide {position: relative;}
.mission-intro-slide li {height: 48rem; position: relative;}
.mission-intro-slide li img {position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%);}
.mission-intro-slide-btn {position: absolute; top: 50%; left: 0; width: 100%; height: 4.5rem; margin-top: -2.25rem; z-index: 1000;}
.mission-intro-slide-btn button {position: absolute; width: 4.5rem; height: 4.5rem; line-height: 4.5rem; top: 0;}
.mission-intro-slide-btn button i { font-size: 4.5rem; color: #fff;}
.mission-intro-slide-btn button.slick-prev {left: 1.5rem;}
.mission-intro-slide-btn button.slick-next {right: 1.5rem;}
.mission-intro-con02 {padding: 17rem 0 21rem; text-align: center;}
.mission-intro-con02 .logo-box { text-align: center;}
.mission-intro-con02 .logo-box img {max-width: 100%;}
.mission-intro-con02 .txt-box {padding-top: 6.5rem;}
.mission-intro-con02 .txt-box .tit { display: block; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.2;}
.mission-intro-con02 .txt-box .tit span {color: var(--main-color);}
.mission-intro-con02 .txt-box .txt01 {font-size: 4.5rem; font-weight: 800; letter-spacing: -0.025em; color: #000000; line-height: 1.37em; padding-top: 5rem;}
.mission-intro-con02 .txt-box .txt02 {font-size: 2.5rem; font-weight: 700; letter-spacing: -0.045em; color: #2c2c2c; line-height: 1.4em; padding-top: 5rem;}
.mission-intro-con02 .txt-box .txt03 {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.045em; color: #2c2c2c; line-height: 1.68em; padding-top: 4rem;}



.recommendation-page {padding-bottom: 18.8rem;}
.recommendation-page .parish-grace-con01 {background: none;}
.recommendation-page .parish-con02 {padding-top: 26rem; background: center / cover no-repeat url("/images/content/testimonial_bg.png");}
.recommendation-page .parish-con03 {padding-top: 22.5rem;}
.recommendation-page .parish-con02 .cm-sub-tit-con {margin-bottom: 7.5rem;}
.recommendation-page .parish-con03 .cm-sub-tit-con {margin-bottom: 0;}
.parish-slide.height-auto-style li {height: 64rem;}
.parish-slide.height-auto-style li:not(.slick-center) .inner {height: 39rem;}
/* .parish-slide.height-auto-style li:not(.slick-center) .txt-box .tit {font-size: 1.44rem;}
.parish-slide.height-auto-style li .txt-box {display: flex; align-items: center; justify-content: center; padding: 10px 0 0 0; flex-grow: 1;}
.parish-slide.height-auto-style li .txt-box .tit {font-size: 2.4rem;}
.parish-slide.height-auto-style li .video-iframe-box {padding-top: 56.25%;}
.parish-slide.height-auto-style li .video-iframe-wrapper {margin: 0;}
.parish-slide.height-auto-style li .inner {display: flex; flex-direction: column;} */

.recommendation-page .plus-icon {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 10rem; height: 10rem; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s;}
.recommendation-page li .plus-icon i {font-size: 3.5rem; color: #000;}
.recommend-slide li > a:hover .plus-icon, .recommendation-page .parish-list li > a:hover .plus-icon {opacity: 1;}

.recommend-slide-con {position: relative; margin-top: 6rem;}
.recommend-slide-con .recommend-slide {max-width: 44.8rem; margin: 0 auto;}
.recommend-slide-con .slick-track {display: flex; align-items: center;}
.recommend-slide .slick-list {overflow: visible;}
.recommend-slide li {position: relative; display: flex !important; align-items: center; justify-content: center; transform: scale(1); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; }
.recommend-slide li:not(.slick-current){pointer-events:none;}
.recommend-slide li.center-prev > a {margin-right: 11rem;}
.recommend-slide li.slick-center + .center-prev > a {margin-right: 0rem;}
.recommend-slide li.slick-center + .center-next > a {margin-left: 11rem;}
.recommend-slide li > a {display: flex; align-items: center; width: 100%; height: 100%; min-height: 66rem; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; }
.recommend-slide li .inner .img-box figure{position: relative; width: 100%; height: 0; padding-top: 110.05%; overflow: hidden;}
.recommend-slide li .inner .img-box figure img{position: absolute; top: 50%; left: 50%; margin: auto; max-height: 100%; transform: translate(-50%, -50%);}
.recommend-slide li .inner .img-box {position: relative;}
.recommend-slide li.slick-center { z-index: 1;}
.recommend-slide li.slick-center .inner {margin: 0 !important;}
.recommend-slide li .inner {position: relative; left: 0; width: 100%; height: 100%; padding: 10px; transition:var(--transition-custom); background: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 2.3rem 2.3rem 7rem rgba(4,0,0,0.23);}
.recommend-slide li:not(.slick-center) > a {width: 33.6rem;}
.recommend-slide li:not(.slick-center) .inner { margin: 0; height: 100%;}
.recommend-slide li .video-iframe-wrapper {opacity: 1; max-width:94rem; transition:var(--transition-custom);}
.recommend-slide li .video-iframe-box {padding-top: 109.814%;  transition:var(--transition-custom);}
.recommend-slide li:not(.slick-center) .video-iframe-wrapper {max-width: 56rem;}
.recommend-slide li:not(.slick-center) .video-iframe-box {padding-top: 109.036%;}
.recommend-slide li .video-cover-box:after {display: none;}
.recommend-slide li .video-cover-box .icon {opacity: 0; transition: all 0.3s;}
.recommend-slide li .video-cover-box .thumb { transform: scale(1.0) rotate(0.002deg); -webkit-transform: scale(1.0) rotate(0.002deg); -moz-transform: scale(1.0) rotate(0.002deg); -ms-transform: scale(1.0) rotate(0.002deg); -o-transform: scale(1.0) rotate(0.002deg); }
.recommend-slide li .video-cover-box:hover .thumb{transform: scale(1.0) rotate(0.002deg);}
.recommend-slide li .video-cover-box .thumb img { transition:var(--transition-custom); -webkit-transition:var(--transition-custom); -moz-transition:var(--transition-custom); -ms-transition:var(--transition-custom); -o-transition:var(--transition-custom); }
.recommend-slide li:not(.slick-center) .video-cover-box .thumb img {}
.recommend-slide li.slick-center:hover .video-cover-box .icon {opacity: 1;}
.recommend-slide li.slick-center:hover .video-cover-box .thumb {transform: scale(1.1) rotate(0.002deg);}

.recommend-slide li .txt-box {position: relative; padding: 2.5rem 0 1.5rem 0; text-align: center; }
.recommend-slide li .txt-box .tit {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:var(--transition-custom); margin-top: 0.4rem;}
.recommend-slide li .txt-box .txt {font-size: 1.2rem; font-weight: 500; letter-spacing: -0.05em; color: #797979; line-height: 1.625em; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:var(--transition-custom);}
.recommend-slide li .txt-box .txt02 {font-size: 1.35rem; font-weight: 600; letter-spacing: -0.05em; color: #000; line-height: 1.625em; margin-top: 1.5rem; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:var(--transition-custom);}
.recommend-slide li.slick-center .txt-box {padding: 2.8rem 0 2.5rem 0;}
.recommend-slide li.slick-center .txt-box .tit {font-size: 2.8rem;}
.recommend-slide li.slick-center .txt-box .txt {font-size: 1.6rem;}
.recommend-slide li.slick-center .txt-box .txt02 {font-size: 1.8rem; margin-top: 2rem;}


.recommend-btn-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: 100%;
	max-width: 57.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.recommend-btn-con .slick-arrow {
    position: relative;
    width: 6.3rem;
    height: 5px;
    background: rgba(0,0,0,0.12);
}

.recommend-btn-con .slick-arrow:before {
    position: absolute;
    top: 0;
    content: '';
    width: 3rem;
    height: 5px;
    background: #000;
}
.recommend-btn-con .slick-arrow:after {
    position: absolute;
    top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
    content: '';
    width: 100px;
    height: 100px;
}

.recommend-btn-con .slick-arrow span {
    position: absolute;
    top: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.025em;
    color: #000;
    font-weight: 500;
    padding-top: 1rem;
	transition:var(--transition-custom);
}

.recommend-btn-con .slick-arrow.slick-prev:before { left: 0; }
.recommend-btn-con .slick-arrow.slick-prev span { left: 0; }
.recommend-btn-con .slick-arrow.slick-next:before { right: 0; }
.recommend-btn-con .slick-arrow.slick-next span { right: 0; }
/* hover */
.recommend-btn-con .slick-arrow.slick-prev:hover span{left:-0.5rem;}
.recommend-btn-con .slick-arrow.slick-next:hover span{right:-0.5rem;}

.recommendation-page .parish-con01 {padding-top: 2rem;}
.recommendation-page .parish-slide-con {margin-top: -3rem;}
.recommendation-page .worship-review-list li a .img-con::before {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.testimonial-modal-content {max-width: 1340px;}
.testimonial-modal-content .modal-close-btn {top: -35px;}
.testimonial-modal-content .modal-close-btn i {font-size: 4.7rem;}

.testimonial-modal-content .testimonial-inner-box {padding: 2rem 0.7rem 2rem 0.7rem; width: 100%; box-sizing: border-box;}
.testimonial-modal-content .tit-box {text-align: center; margin-bottom: 5.5rem;}
.testimonial-modal-content .tit-box h4 {font-size: 4.7rem; font-weight: 800; line-height: 1.4em; letter-spacing: -0.045em; color: #000;}
.testimonial-modal-content .tit-box p {font-size: 1.9rem; font-weight: 600; line-height: 1.4em; letter-spacing: -0.04em; color: #000;}
.testimonial-modal-content .video-iframe-wrapper {opacity: 1; width: 100%; max-width: none;}
.testimonial-modal-content .video-iframe-wrapper .video-cover-box .icon {transition: all 0.3s;}
.testimonial-modal-content .video-iframe-box {padding-top: 53.725%;}

.testimonial-modal-content .popup-once-con{position: relative; max-width: 940px; margin: 0 auto 6.2rem;}
.testimonial-modal-content .popup-slide {z-index: 1;}
.testimonial-modal-content .popup-slide-con {margin-top: 5.7rem; position: relative; max-width: 940px; margin: 0 auto 6.2rem;}
.testimonial-modal-content .popup-slide-con.small {display: flex; justify-content: center; overflow: hidden;}
.testimonial-modal-content .popup-slide-con.small .popup-small-slide {margin: 0 -0.6rem 0 -0.6rem;}
.testimonial-modal-content .video-cover-box .thumb {transform: scale(1)}
.testimonial-modal-content .video-cover-box .icon {opacity: 0;}

.testimonial-modal-content .video-iframe-wrapper:hover .video-cover-box .icon {opacity: 1;}
.testimonial-modal-content img {max-width: 100%;}

.testimonial-modal-content .popup-small-slide {max-width: 768px; width: 103%;}
.testimonial-modal-content .popup-small-slide li{overflow:hidden;}
.testimonial-modal-content .popup-small-slide figure {position: relative; width:100%; height:0; padding-top:56.25%; margin: 0 0.6rem; cursor:pointer;}
.testimonial-modal-content .popup-small-slide img {position: absolute; top:0; left:0; bottom:0; right:0; width:100%; margin:auto; transition: all 0.4s;}
.testimonial-modal-content .popup-small-slide li.slick-current img {}
.testimonial-modal-content .parish-btn-con .slick-arrow {width: 50%;}
.testimonial-modal-content .slide-arrow-box {display: flex; align-items: center; justify-content: space-between; position: absolute; width: calc(100% + 17rem); left: 50%; top: 50%; transform: translate(-50%, -50%);}
.testimonial-modal-content .slide-arrow-box button i {font-size: 5.2rem; color: #000; transition: all 0.3s;}
.testimonial-modal-content .slide-arrow-box button.slick-disabled i {color: rgba(0, 0, 0, 0.2);}
.testimonial-modal-content .slide-arrow-box .slide-prev {left: -9%;}
.testimonial-modal-content .slide-arrow-box .slide-next {right: -9%;}
.testimonial-modal-content li .inner .img-box .thumb {display: flex; align-items: center; justify-content: center;}

.testimonial-modal-content .inner-slide {padding: 6.5rem 4.3rem 6rem 4.3rem; width: 100%; max-width: calc(100vw - 5rem); box-sizing: border-box;}
.testimonial-modal-content .scroll-container {/* max-height: 70vh; */ max-height:calc(100vh - 15rem); overflow: hidden; width: 100%;}
.testimonial-modal-content .scroll-container .mCSB_draggerRail {background: none !important; background-color: none !important;}
.testimonial-modal-content .slide-btn-box {margin-top: 6.5rem;}
.testimonial-modal-content .slide-btn-box .name-box {display: flex; align-items: center; justify-content: space-between;}
.testimonial-modal-content .slide-btn-box .name-box span {font-size: 2rem; font-weight: 700; letter-spacing: -0.045em; color: #000;}
.testimonial-modal-content .scroll-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .testimonial-modal-content .scroll-container .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {width: 1rem; background-color: rgba(0, 0, 0, 0.2);}
.testimonial-modal-content .mCSB_inside > .mCSB_container {margin-right: 0;}

.testimonial-modal-content .editor {max-width: 940px; margin: 0 auto;}
/* .testimonial-modal-content .txt-box {margin-top: 6.2rem;} */
/* .testimonial-modal-content .txt-box p {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.87em; color: #797979; text-align: center;} */

@media all and (max-width: 1380px) {
	.testimonial-modal-content {max-width: none;}
}

@media all and (max-width: 1280px) {
    .recommend-slide-con .recommend-slide {max-width: 40.727rem;}
    .recommend-btn-con {max-width: 51rem;}
    .recommend-btn-con .slick-arrow {width: 5rem;}
    .recommend-btn-con .slick-arrow:before {width: 2rem;}
	.testimonial-modal-content .popup-slide-con {max-width: 92rem;}

	.testimonial-modal-content .slide-arrow-box {width: calc(100% + 13rem);}
}

@media all and (max-width: 800px) {
	.recommend-slide-con {margin-top: 3.6rem;}
	.recommend-slide-con .slick-track {min-height: 60rem; margin-top: -1.5rem;}

	.recommendation-page {padding-bottom: 9rem;}
    .recommendation-page .parish-con01 {padding: 0 var(--area-padding);}
    .recommendation-page .parish-con02, .recommendation-page .parish-con03 {padding-top: 10rem;}
	.recommendation-page .parish-con02 .cm-sub-tit-con {margin-bottom: 3.6rem;}
    .recommendation-page .parish-slide li {height: auto;}
	.parish-slide.height-auto-style li:not(.slick-center) .inner {height: auto;}
	.parish-slide.height-auto-style li {height: auto;}
    .parish-slide.height-auto-style li .txt-box {height: auto !important; margin-top: 0 !important; padding: 3rem 2rem !important;}

    .parish-slide li .video-iframe-box {padding-top: 55.32% !important;}
    .parish-slide .slick-list {margin: 0 calc(-5vw / 2) !important}
    .parish-slide .slick-slide {margin: 0 calc(var(--area-padding) / 2) !important}
	.parish-slide li:not(.slick-center) .txt-box .tit {font-size: 1.8rem !important;}
	.parish-slide li:not(.slick-center) .inner {height: auto; !important}
	.parish-slide li .txt-box, .parish-slide li.slick-center .txt-box {margin-top: 0 !important;}

	.testimonial-modal-content .inner-slide {padding: 3rem 2.5rem 4rem 2.5rem;}
	.testimonial-modal-content .tit-box h4 {font-size: 3rem;}
	.testimonial-modal-content .tit-box {margin-bottom: 3rem;}
	.testimonial-modal-content .popup-once-con,
	.testimonial-modal-content .popup-slide-con {margin: 0 auto 3rem;}
	.testimonial-modal-content .popup-slide-con .popup-slide {max-width: 56rem; margin: 0 auto;}
	.testimonial-modal-content .popup-slide-con.small {justify-content: initial; overflow: hidden; max-width: 56rem;}
	.testimonial-modal-content .editor {max-width: 56rem;}
	.testimonial-modal-content .slide-arrow-box button i {font-size: 3rem;}
	.testimonial-modal-content .slide-arrow-box {width: calc(100% + 2rem);}
/* 	.testimonial-modal-content .popup-small-slide {margin: 0 auto} */

	.recommend-slide li.slick-center .txt-box {padding: 2rem 0 1rem 0;}
	.recommend-slide li > a {min-height: auto;}
	.recommend-slide li .txt-box .tit, .recommend-slide li.slick-center .txt-box .tit {font-size: 2.4rem;}

	.recommendation-page .plus-icon {width: 6rem; height: 6rem;}
	.recommendation-page li .plus-icon i {font-size: 2.4rem;}

}

@media all and (max-width: 640px) {
	.testimonial-modal-content .popup-slide-con .popup-slide {max-width: 40rem;}
	.testimonial-modal-content .popup-slide-con.small {max-width: 40rem;}
	.testimonial-modal-content .editor {max-width: 40rem;}
}

@media all and (max-width: 480px) {
    .recommend-slide-con .recommend-slide {max-width: none; padding: 0 var(--area-padding);}
    .recommend-btn-con { width: calc(100% - var(--area-padding) * 2); padding: 0 var(--area-padding); max-width: none; top: auto; bottom: -20px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);}

	.testimonial-modal-content .popup-slide-con .popup-slide {max-width: 28rem;}
	.testimonial-modal-content .popup-slide-con.small {max-width: 28rem;}
	.testimonial-modal-content .editor {max-width: 28rem;}
	.testimonial-modal-content .slide-arrow-box {width: calc(100% + 3rem);}
	.testimonial-modal-content .popup-small-slide {width: 105%;}
}

/********** 선교 수정 **********/
/* ****************** Global Network :: Container ********************** */
.mission-global-map-con {position: relative;}
.global-map-container{position:relative; width:100%; /* transform-style:preserve-3d */}
.global-map-container .global-map-bg{padding-top:23.4rem; padding-bottom:18.8rem; margin-top:-23.4rem;  }
.global-map-container .global-map-img-box{position:relative; margin:0 -18.2vw 0 -5.8854vw; }
.global-map-container .global-nation-box{position:absolute; top:0rem; left:0px; width:100%; height:100%; transform-style:preserve-3d}
.global-map-bg-box{position:relative; height:695px; max-width: 1500px; margin: 0 auto;}
.global-map-bg-img{position:absolute; display: flex; align-items: center; justify-content: center; width: 100%; top:0px; left: 0;}
/* .global-map-bg-img img{width:100%;} */
/* -------- Map BG -------- */
.global-map-img{position:relative; opacity:0.2;}
.global-map-img-item{position:absolute; top:0px; left:0px; animation: twinkle 2s alternate infinite;}
.global-map-img-item.map-bg-01{position:static;}
.global-map-img-item.map-bg-02{animation-delay:0.2s}
.global-map-img-item.map-bg-03{animation-delay:0.6s}
.global-map-img-item.map-bg-04{animation-delay:0.7s}
.global-map-img-item.map-bg-05{animation-delay:1s}
.global-map-img-item.map-bg-06{animation-delay:1.6s}
.global-map-img-item.map-bg-07{animation-delay:2s}
.global-map-img-item.map-bg-08{animation-delay:2.2s}
.global-map-img-item.map-bg-09{animation-delay:2.9s}
.global-map-img-item.map-bg-10{animation-delay:0.5s}
.global-map-img-item.map-bg-11{animation-delay:1s}
.global-map-img-item.map-bg-12{animation-delay:3s}
.global-map-img-item img{width:100%; image-rendering:-webkit-optimize-contrast;}
@keyframes twinkle {
	50% {
		opacity: 0.3;
	}
}
/* -------- Head Office -------- */
.head-office-box{position:absolute; top:20.6%; left:39.9%; display:flex; align-items:center; justify-content:center; border-radius:50%;  }
.head-office-box::before {position: absolute; content: ""; width: 1px; height: 10.3rem; left: calc(50% - 0.5px); bottom: -11.5rem; background-color: rgba(21, 68, 201, 0.2);}
.head-office-box .head-office-bg{position:absolute; width:100%; height:100%; border-radius:50%; background-color:var(--theme-red-color);}
.head-office-box .head-office-bg:after{position:absolute; top:100%; left:50%; width:1px; background-color:var(--theme-red-color); content:""; }
.head-office-box .head-office-logo{position:relative; display:flex; align-items:center; justify-content:center;}
.head-office-box .head-office-logo img{margin-top:-0.5rem}
/* -------- Nation Item -------- */
.nation-mark-item .nation-info-box{/* position:absolute; top:0px; left:0; */ position:relative; background-color:#fff; box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.08); opacity:1; cursor:pointer; border-radius:2.8rem; will-change: transform; -webkit-font-smoothing: antialiased; }
.head-office-box .nation-mark-item .nation-info-box {position: absolute; bottom: -148px; right: -9.8rem; left: auto;}
.nation-mark-item .nation-info-box .nation-info-tit{display: flex; align-items: center; position:relative; line-height:1.1; }
.nation-mark-item .nation-info-box .nation-info-tit .nation-info-name{position:relative; color:rgba(0, 0, 0, 0.65); font-size:1.4rem; font-weight:600; padding-left:1.8rem; transition:var(--custom-transiton1); color:#2c2c2c; }
.nation-mark-item .nation-info-box .nation-info-tit .nation-info-name:before{position:absolute; top:0.7rem; left:0rem; margin-top:-0.6rem; font-family:"xeicon"; content: "\eb59"; font-size:1.4rem; transition:var(--custom-transiton1) }
.nation-mark-item .nation-info-box .nation-info-flag{position:absolute; top:-0.5rem; right:0; opacity:1; transition:var(--custom-transiton1); transition-delay:0s}
.nation-mark-item .nation-info-box .nation-info-flag img{width:3.3rem;}
.nation-mark-item .nation-info-box dd{margin-top:2.5rem; transition:var(--custom-transiton1); transition-delay:0.3s}
.nation-mark-item .nation-info-box .nation-info-txt{color:#555; font-size:1.3rem; line-height:1.6; margin-bottom:0.6rem; }
.nation-mark-item .nation-info-box .nation-info-txt:last-child{margin-bottom:0;}
.nation-mark-item .nation-info-box .nation-info-close-btn{position:absolute; top:0; right:0; margin:-1rem -1.4rem 0 0; width:4.1rem; height:4.1rem; background-color:var(--theme-red-color); border-radius:50%; color:#fff; font-size:2.2rem; color:#fff; opacity:0; visibility:hidden; transition:var(--custom-transiton1);}
.nation-mark-item .nation-info-box .nation-info-close-btn i{position:relative; top:0.1rem;}
/* -------- Wave Circle -------- */
@keyframes wave-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.1; 
	}
	50% {
		opacity: 0.3; 
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0; 
	}
}
@keyframes wave-circle2 {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
	}
	50% {
		opacity: 1.0; 
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0; 
	}
}
.wave-circle{position:absolute; left:100%; top:50%; width:35px; height:35px; transform:translateY(-50%); margin-left:5px; transition:var(--custom-transiton1); /* opacity:0; */}
.wave-circle.left-circle{left:auto; margin-left:0; margin-right:5px; right:100%; }
.wave-circle.bottom-circle {right: auto; top: auto; left: 50%; bottom: -3.5rem; transform: translateX(-50%);}
.wave-circle.top-circle {right: auto; top: -3.5rem; left: 50%; bottom: auto; transform: translateX(-50%);}
.wave-circle .dot{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:8px; height:8px; background-color:#1544c9; border-radius: 50%;}
.wave-circle .wave-bg > span {
	background-color:rgba(21, 68, 201, 0.2);
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 1;
	margin: 0;
	width: 100%;
	height: 100%;
}
.wave-circle .wave-bg > span{-webkit-animation: wave-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: wave-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; }
.wave-circle .wave-bg > span:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.wave-circle .wave-bg > span:nth-child(2) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.wave-circle .wave-bg > span:nth-child(3) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.wave-circle .wave-bg > span:nth-child(4) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; }
.head-office-box .wave-circle{left:50%; top:133px; transform:translate(-50%, -50%); margin-left:1px;}
.head-office-box .wave-circle .wave-bg > span{background-color:rgba(21, 68, 201, 0.2); animation: wave-circle2 4s cubic-bezier(1, 2, 0.66, 3) infinite;}
.head-office-box .wave-circle .wave-bg > span:nth-child(1) {-webkit-animation-delay: 0s; animation-delay: 0s;}
.head-office-box .wave-circle .wave-bg > span:nth-child(2) {-webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.head-office-box .wave-circle .wave-bg > span:nth-child(3) {-webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.head-office-box .wave-circle .wave-bg > span:nth-child(4) {-webkit-animation-delay: 2.1s; animation-delay: 2.1s;}
/* @media all and (min-width:801px){ */
	/* -------- Nation Item -------- */
	.global-nation-box .nation-mark-list{height: 100%; width: 100%; overflow:visible; transform:translate3d(0px, 0px, 70px); transform-style:preserve-3d}
	.global-nation-box .swiper-wrapper,	
	.global-nation-box .swiper-slide{width:auto;}
	.nation-mark-item:not(.open) .nation-info-box:hover{animation: corporMarkerAni 1.5s ease-in-out infinite}
	@keyframes corporMarkerAni {
		0% {
			transform:  translateY(0px);
		}
		50% {
			transform: translateY(-3px);
		}
		100% {
			transform:  translateY(0px);
		}
	}
	.nation-mark-item{position:absolute; will-change: transform; -webkit-font-smoothing: antialiased; transform: translateY(3rem); opacity: 0; transition: all 0.4s;}
	.mission-global-map-con.animated .nation-mark-item {transform: translateY(0); opacity: 1;}
	.nation-mark-item[data-nation="pilipinas"]{top: 54.5%; left: 43.7%; transition-delay: 0.1s;}
	.nation-mark-item[data-nation="bangladesh"]{top: 44%; left: 33%; transition-delay: 0.3s;}
	.nation-mark-item[data-nation="myanmar"]{top: 55%; left: 34.2%; transition-delay: 0.5s;}
	.nation-mark-item[data-nation="india"]{top: 50%; left: 29%; transition-delay: 0.7s;}
	.nation-mark-item[data-nation="kyrgyzstan"]{top: 37.3%; left: 26.2%; transition-delay: 0.9s;}
	.nation-mark-item[data-nation="ukraine"]{top: 28.7%; left: 17.8%; transition-delay: 1.1s;}
	.nation-mark-item[data-nation="nigeria"]{top: 57.1%; left: 14%; transition-delay: 1.3s;}
	.nation-mark-item[data-nation="uganda"]{top: 61.5%; left: 18.5%; transition-delay: 1.5s;}
	.nation-mark-item[data-nation="kenya"]{top: 62.5%; left: 26.8%; transition-delay: 1.7s;}
	.nation-mark-item[data-nation="tanzania"]{top: 67.3%; left: 26.5%; transition-delay: 1.9s;}
	.nation-mark-item[data-nation="zambia"]{top: 71%; left: 17.4%; transition-delay: 2.1s;}

	.nation-mark-item .nation-info-box > dl{display: flex; overflow:hidden; width: auto; height:3rem; padding:1.2rem 1rem; transition:var(--custom-transiton1); box-sizing:border-box;}
	
	/* .nation-mark-item[data-nation="japan"] .nation-info-box > dl{width:14rem}
	.nation-mark-item[data-nation="europe"] .nation-info-box > dl{width:24rem}
	.nation-mark-item[data-nation="china"] .nation-info-box > dl{width:22.8rem}
	.nation-mark-item[data-nation="taiwan"] .nation-info-box > dl{width:21.3rem}
	.nation-mark-item[data-nation="singapore"] .nation-info-box > dl{width:24.5rem}
	.nation-mark-item[data-nation="usa"] .nation-info-box > dl{width:16rem} */
	.nation-mark-item .nation-info-box dd{opacity:1;}
	.nation-rolling-pagination{display:none;}
	/* Nation Item :: OPEN */
	.nation-mark-item.open{z-index:1;}
	.nation-mark-item.open .wave-circle{opacity:1;}
	.nation-mark-item.open .nation-info-box{cursor:default;}
	.nation-mark-item.open .nation-info-box > dl{width:36rem; height:17.6rem; padding:3.5rem; }
	.nation-mark-item.open[data-nation="europe"] .nation-info-box > dl,
	.nation-mark-item.open[data-nation="taiwan"] .nation-info-box > dl{height:20.6rem}
	.nation-mark-item.open .nation-info-box > dl > dd{opacity:1; height:auto;}
	.nation-mark-item.open .nation-info-box .nation-info-tit .nation-info-name{color:#000; font-size:1.6rem; padding-right:4rem; }
	.nation-mark-item.open .nation-info-box .nation-info-tit .nation-info-name:before{left:-0.3rem; color:#000; font-size:1.4rem;}
	.nation-mark-item.open .nation-info-box .nation-info-flag{opacity:1.0; transition-delay:0.3s}
	.nation-mark-item.open .nation-info-box .nation-info-close-btn{opacity:1.0; visibility:visible;}
/* } */

/* -------- 카운트, 설명글 -------- */
.global-detail-box{position:absolute; top:11%; right:0; left:0; pointer-events: none;}
.global-detail-box .area-box{position:relative; max-width: none; right: 10.5%; padding: 0;}
.global-detail-box a{display:block;}
.global-detail-box .global-num-con{text-align:right;}
.global-detail-box .global-num-con .global-num{display:block; color:var(--theme-red-color); font-size:2.2rem; font-style:italic; font-weight:700;}
.global-detail-box .global-num-con .global-num b{font-size:10.1563vw; letter-spacing:-0.05em; font-style:normal; margin-right:-0.5rem}
.global-detail-box .global-num-con .global-num .num{font-weight:inherit;}
/* 카운트 */
.global-num-box {overflow: hidden; display:flex; justify-content:flex-end; height: 19.5rem; color:var(--main-color); font-size:19.5rem; font-weight:700;}
.global-num-box .global-fix-num,
.global-num-box .global-num-item-box{font-size:16rem; font-weight: 600; letter-spacing: -0.025em; }
.global-num-box .global-num-item-box{height:128rem; margin-left:-1rem}
.global-num-box .global-num-item {/* color:#000; */ }
.global-num-box .global-num-item:last-child{}
.global-num-box .country-txt{position:relative; top:-4.2rem;display:flex; align-items:flex-end; font-size:2.4rem; letter-spacing: -0.025em; font-weight:600; margin-left:2.2rem; padding-right:0.5rem; /* color:#000; */ opacity:0.8;}
.global-detail-box .global-num-con .global-detail-tit{color:#000; font-size:4.2rem; line-height:1.33; letter-spacing:-0.05em; font-weight:700; margin:-1rem 0 0 0}
.global-detail-box .global-num-con .global-detail-txt{color:#555; font-size:1.8rem; line-height:1.78; letter-spacing:-0.075em; margin-bottom:4rem;}
.global-detail-box .global-num-con .global-detail-txt .hidden-item{transition-delay:0.2s;}
.global-detail-box .global-num-con .global-detail-more-btn{display:block; transition:var(--custom-transiton1); transform:translateX(-10px); opacity:0; transition-delay:0.5s}
.global-detail-box .global-num-con .global-detail-more-btn svg{transition:var(--custom-transiton1); transition-delay:0.3s; }
.global-detail-box a:hover .global-num-con .global-detail-more-btn svg,
.global-detail-box a:focus .global-num-con .global-detail-more-btn svg{transform:translateX(5px); fill:var(--theme-red-color)}

/* active */
.mission-global-map-con.animated .global-num-item-box{animation:count-up-ani 5s forwards;}
.mission-global-map-con.animated .country-txt{animation:count-txt-ani 5s forwards;}
@keyframes count-up-ani {
	0% {
		transform: translate3d(0, 0, 0);
		color:#000;
	}
	50% {
		color:#000;
	}
	100% {
		transform: translate3d(0, -150%, 0);
		color:var(--main-color);
	}
}
@keyframes count-txt-ani {
	0% {
		color:#000;
	}
	50% {
		color:#000;
	}
	100% {
		color:var(--main-color);
	}
}
.global-detail-box .active .global-detail-more-btn{transform:translateX(0px); opacity:1;}
.global-detail-box .active .hidden-box .hidden-item{
	opacity:1.0;
	transform:translateY(0) rotate(0);
}

.mission-intro-flow-con {position: relative; margin-bottom: 19.3rem;}
.mission-intro-flow-con::before {position: absolute; content: ""; width: 100%; height: 102.6rem; left: 0; top: -35rem; background: center / cover no-repeat url("/images/content/mission_intro_flow_bg.jpg"); z-index: -1; pointer-events: none;}
.mission-intro-flow-con .list-wrap {display: flex; position: relative; white-space: nowrap; margin-top: 7.3rem;}
.mission-intro-flow-con .list-wrap:last-child {margin-top: 6.3rem;}
.mission-intro-flow-con .list-wrap .inner {display: flex; position: absolute;}
.mission-intro-flow-con .list-wrap .inner.left.clone {margin-left: 1.5rem;}
.mission-intro-flow-con .list-wrap .inner.right.clone {margin-right: 1.5rem;}
/* .mission-intro-flow-con .list-wrap .inner.left {transform: translateX(-17rem)} */
.mission-intro-flow-con > .inner .tit {text-align: center; font-size: 5.2rem; font-weight: 800; letter-spacing: -0.05em; line-height: 1.34em; color: #000;}
.mission-intro-flow-con > .inner .tit span {color: #00008e;}

.mission-intro-flow-con .list-wrap .inner ul{}

.flow-txt-list-box {position: relative; display: flex; flex-flow: row nowrap; gap: 1rem;}
.flow-txt-list-box:first-child {margin-bottom: 2rem;}
.flow-txt-list-box li {background-color: #fff; font-size: 2.2rem; font-weight: 600; letter-spacing: -0.045em; line-height: 1.5em; color: #2c2c2c; border-radius: 2.2rem; padding: 0.5rem 2rem;}
.flow-txt-list-box li span {padding-right: 0.5rem; font-weight: 500; color: rgba(44, 44, 44, 0.5);}

/* .mission-intro-grid-con {padding: 7.7rem 0 23.3rem 0; background: url("/images/content/mission_intro_con02_bg.jpg") no-repeat 50% -116% /cover;} */
.mission-intro-grid-con {padding: 7.7rem 0 0;}
.grid-wrap-container {display: grid; grid-template-columns: calc(55.467% - 1rem) calc(44.534% - 1rem); grid-gap: 0 2rem;}
.mission-intro-grid-con .grid-wrap {display: grid;}
.mission-intro-grid-con .grid-wrap figure {position: relative; overflow: hidden;}
.mission-intro-grid-con .grid-wrap figure.pt-620 {height: 0; padding-top: 171.271%;}
.mission-intro-grid-con .grid-wrap figure.pt-300 {height: 0; padding-top: 68.182%;}
.mission-intro-grid-con .grid-wrap figure.pt-300-02 {height: 0; padding-top: 125%;}
.mission-intro-grid-con .grid-wrap figure.pt-400 {height: 0; padding-top: 100%;}
.mission-intro-grid-con .grid-wrap figure.pt-200 {height: 0; padding-top: 50%;}
.mission-intro-grid-con .grid-wrap figure img {height: 100%; position: absolute; top: 50%; left: 50%; bottom: 0; right: 0; transform: translate(-50%, -50%);}
.mission-intro-grid-con .grid-wrap figure p {position: absolute; left: 3rem; bottom: 2.5rem; font-size: 2rem; width: calc(100% - 6rem); font-weight: 700; letter-spacing: -0.05em; line-height: 1.4em; color: #fff;}
.mission-intro-grid-con .grid-wrap.left {grid-template-columns: calc(45.257% - 1rem) calc(54.745% - 1rem); grid-gap: 2rem;}
.mission-intro-grid-con .grid-wrap.right {grid-template-columns: calc(37.994% - 1rem) calc(62.312% - 1rem); grid-gap: 2rem;}
.mission-intro-grid-con .grid-wrap .inner {display: flex; flex-direction: column; gap: 2rem 0;}

/* ****************** 06. 갤러리 ********************** */
.gallery-con {padding: 0rem 0 15rem;}


/* ****************** 교회소개 :: 예배안내 ********************** */
.worship-bg{position: absolute; top:-17rem; left:50%; transform:translateX(-50%); width:100%;}
.worship-bg img{width:100%;}
.worship-con{position: relative;}
.worship-con .worship-tit-box{text-align:center; margin-bottom:12rem;}
.worship-con .worship-tit-box .tit{font-size:8.2rem; line-height:1.12; letter-spacing:-0.025em; color:#000; font-weight:700;}
.worship-con .worship-tit-box .tit b{color:#00008e;}
.worship-con .worship-tit-box .txt{font-size:3rem; line-height:1.2; letter-spacing:-0.05em; color:#222; font-weight:600; margin-top:2rem;}
.worship-con .worship-txt-box{text-align:center; margin-bottom:26rem;}
.worship-con .worship-txt-box .txt01{font-size:3.5rem; line-height:1; letter-spacing:-0.065em; color:#2b2b2b; font-weight:700;}
.worship-con .worship-txt-box .txt01 .plus-txt{font-size:0.51em; letter-spacing:1.94; letter-spacing:-0.05em; margin-left:2rem;}
.worship-con .worship-txt-box .txt02{font-size:2.3rem; line-height:1.5; letter-spacing:-0.065em; color:#2b2b2b; font-weight:600; margin-top:2.6rem;}

.worship-con .worship-list{display: flex; justify-content:space-between;}
.worship-con .worship-list .list-item{border-radius:1.9rem; overflow:hidden; box-shadow: 0px 1rem 5rem 0px rgba(82,82,82,0.1);}
.worship-con .worship-list .list-item .tit-box{display: flex; align-items:center; justify-content:center; width:100%; height:9.2rem; background:var(--main-color); padding:1rem 2rem; box-sizing:border-box;}
.worship-con .worship-list .list-item .tit-box .tit{font-size:2.9rem; line-height:1.7; letter-spacing:-0.05em; color:#fff; font-weight:500;}
.worship-con .worship-list .list-item .tit-box .tit b{font-weight:700;}
.worship-con .worship-list .list-item .inner-list{background:#fff; padding:3.5rem 4.5rem 4rem; box-sizing:border-box;}
.worship-con .worship-list .list-item .inner-list .inner{display: flex; justify-content:space-between; border-bottom:1px solid rgba(0,0,0,0.08); padding:1rem 0; box-sizing:border-box;}
.worship-con .worship-list .list-item .inner-list .inner:last-child{border-bottom:0;}
.worship-con .worship-list .list-item .inner-list .inner .left-box{max-width:calc(100% - 11rem)}
.worship-con .worship-list .list-item .inner-list .inner .left-box span{display: flex; align-items:center; justify-content:center; height:6rem; background:rgba(0,0,142,0.05); border-radius:3rem; font-size:2.2rem; line-height:1.5; letter-spacing:-0.05em; color:#000; font-weight:700; padding:0 2rem; box-sizing:border-box;}
.worship-con .worship-list .list-item .inner-list .inner .left-box span em{font-size:0.75em; /* color:var(--main-color); */ font-weight:inherit; margin-left:1rem;}

.worship-con .worship-list .list-item .inner-list .inner .right-box{display: flex; align-items:center; justify-content:flex-start; min-width:11rem;}
.worship-con .worship-list .list-item .inner-list .inner .right-box .part{font-size:2.2rem; line-height:1.5; letter-spacing:-0.05em; color:rgba(34,34,34,0.5); font-weight:600; margin-right:1rem;}
.worship-con .worship-list .list-item .inner-list .inner .right-box .time{font-size:2.2rem; line-height:1.1; letter-spacing:-0.025em; color:#222; font-weight:700;}



/* 주말 예배 설교 :: 큰 슬라이드 */
.worship-weekend-con01 .parish-slide-con.big-slide-con {padding-top: 10rem;}

@media all and (max-width:800px){
	.worship-weekend-con01 .parish-slide-con.big-slide-con {padding-top: 5rem;}
}

@media all and (min-width:801px){
	.big-slide-con .parish-slide{margin:0 -5rem;}
	.big-slide-con .parish-slide li{margin:0 5rem;}
	.big-slide-con .parish-slide li:not(.slick-center) .inner{height:100%;}
	.big-slide-con .parish-slide li.center-prev .inner,
	.big-slide-con .parish-slide li.prev .inner,
	.big-slide-con .parish-slide li.center-next .inner,
	.big-slide-con .parish-slide li.next:not(.center-prev) .inner{left:auto; margin:0;}
	.big-slide-con .parish-slide li:not(.slick-center) .video-iframe-wrapper{max-width:94rem;}
	.big-slide-con .parish-slide li:not(.slick-center) .video-iframe-box{padding-top: 53.725%;}

	.big-slide-con .parish-slide li .txt-box .tit{font-size:3.6rem;}
	.big-slide-con .parish-slide li .txt-box .sub-tit{font-size: 1.6rem; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.big-slide-con .parish-slide li .txt-box .txt{font-size: 1.6rem; margin-top: 1.5rem;}
}



/* 탭 효과 추가 */
.sub-tab-wrapper-style .move-line-wrap{max-width:none;}
.sub-tab-wrapper-style .move-line-wrap .main-move-line span{height:58px;}
.sub-tab-wrapper-style .move-line-wrap.list02 .main-move-line span{width:50%;}
.sub-tab-wrapper-style .move-line-wrap.list03 .main-move-line span{width:33.33%;}
.sub-tab-wrapper-style .move-line-wrap.list04 .main-move-line span{width:25%;}
.sub-tab-wrapper-style .move-line-wrap.list05 .main-move-line span{width:20%;}


.move-line-wrap{position: absolute; max-width: var(--area-width); width: 100%; margin: 0 auto; top: 0; left: 0;}
.move-line-wrap .main-move-line{position: absolute; width: 100%; margin: 0 auto; top: 0rem; left: 0rem;}
.move-line-wrap .main-move-line span{height: 58px; position: absolute; top: 1px; left: 0; text-align: center; /* transition: left 0.2s linear; */ background:var(--main-color); border-radius:30px;}