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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:60px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative; z-index: 111; width:100%;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 3rem; border-radius: 30px; height:60px; line-height:60px; font-size:15px; background-color:var(--main-color); box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:3rem; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; height: auto; border:0; border-top:1px solid #eee; width:auto; max-width: none; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:1.5rem 3rem; border:0;}
	.sub-drop-menu-style ul li a em{font-size:1.4rem;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }

}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* -------- 공통 :: 타이틀 -------- */
@media all and (max-width:800px){
	.cm-sub-tit-con .cm-sub-tit  {font-size: 4.8rem;}
	.cm-sub-tit-con .cm-sub-txt {font-size: 2rem;}
}

/* -------- 공통 :: 검색박스 -------- */
/* @media all and (max-width:1024px){
	.cm-sub-search-top {display: block; height: auto; padding: 0; background: #fff;}
	.cm-sub-search-select-box .cur-location {background: #f4f4f5;}
	.cm-sub-search-select-box .cur-location span {font-size: 1.8rem;}
	.cm-sub-search-select-list li a {font-size: 1.6rem;}
	.cm-sub-search-top .bbs-top-list-box {margin-top: 1.5rem;}
	.cm-sub-search-top .search-style-radius .board-search-inner {background: #f4f4f5;}
} */
@media (min-width: 801px) and (max-width: 1024px){
	.cm-sub-search-select-box {margin-right: 3rem;}
	.bbs-top-list-box .board-search-box {width: 500px !important;}
}

@media all and (max-width:800px){
	.cm-sub-search-top {display: block; height: auto; padding: 0; background: #fff; margin-bottom: 2rem;}
	.cm-sub-search-select-box {width: 100%;}
	.cm-sub-search-select-box .cur-location {background: #f4f4f5;}
	.cm-sub-search-select-box .cur-location span {font-size: 1.8rem;}
	.cm-sub-search-select-list li a {font-size: 1.6rem;}
	.cm-sub-search-top .bbs-top-list-box {margin-top: 1.5rem;}
	.cm-sub-search-top .search-style-radius .board-search-inner {background: #f4f4f5;}
}

/* ******************  01. 교회소개 ********************** */
/* ****** ABOUT 전하리 ****** */
@media all and ( max-width: 800px ){
	.about-page {padding-bottom: 9rem;}
	.about-con01 {padding: 9.5rem 0 8rem;}
	.about-con01-tit-box .tit {font-size: 3rem;}
	.about-con01-list-wrap .about-con01-list li {height: 36rem;}
	.about-con01-list-wrap .about-con01-list-btn button.slick-prev {left: 0;}
	.about-con01-list-wrap .about-con01-list-btn button.slick-next {right: 0;}

	/* .about-con02 {margin-top: 10rem;}
	.about-con02-list {max-width: calc(100% - 10vw);}
	.about-con02-list .slick-list {margin: 0 -1rem;}
	.about-con02-list .slick-slide {margin: 0 1rem;}
	.about-con02-line-wrap {margin-top: 2rem;}
	.about-con02-line-wrap .slick-arrow.slick-prev {left: 5vw;}
	.about-con02-line-wrap .slick-arrow.slick-next {right: 5vw;}
	.about-con02-list .img-box .num {right: 2.5rem; top: 1.5rem;}
	.about-con02-list .txt-box {padding: 3.5rem 3rem;}
	.about-con02-list .txt-box .tit {font-size: 3.2rem;}
	.about-con02-list .txt-box .sub-tit {font-size: 2rem;}
	.about-con02-list .txt-box .txt {margin-top: 2rem;} */

	.about-con02-list{flex-wrap:wrap; margin:0 calc(var(--area-padding) - 1rem); width:calc(100% + 2rem - (2 * var(--area-padding)));}
	.about-con02-list .list-item{width:calc(calc(50% - 2rem)); margin:2rem 1rem;}
	.about-con02-list .txt-box .tit{font-size:2rem;}
	.about-con02-list .txt-box .sub-tit{font-size:1.4rem;}

	.about-con03 {margin-top: 15rem;}
	.about-con03 .about-con03-tit {font-size: 4.2rem;}
	.about-news-list li {height: 12rem;}
	.about-news-list li a {flex-wrap: wrap; flex-direction: column; justify-content: center; padding: 0 1.8rem;}
	.about-news-list li a .tit {width: 100%; font-size: 2rem;}
	.about-news-list li a .date {width: 100%; font-size: 1.4rem; margin-top: 1.5rem;}
	.about-news-list li a .item-image-wrapper,
	.about-news-list li a .item-image-inner {display: none !imporatant;}
}
@media all and (max-width:480px){
	.about-con02-list .list-item{width:calc(calc(100% - 2rem));}
}

/* ****** 교회 둘러보기 ****** */
@media all and ( max-width: 1280px ){
	/* 인트로 */
	.church-view-intro-list {height: 65rem;}
}
@media all and ( max-width: 800px ){
	.church-view-intro-con {padding-top: 9rem;}
	.church-view-intro-con .cm-sub-tit-con {margin-bottom: 10rem;}
	.church-view-intro-list {height: auto;}
	.church-view-intro-list a {width: 100%; height: auto; padding: 14rem 7rem;}
	.church-view-intro-list a .inner-box {height: 23rem;}
	.church-view-intro-list a .inner-box dl dt {font-size: 3.2rem;}
	/* 교회 둘러보기 */
	.church-view-page .cm-sub-tit-con {margin-bottom: 7rem;}
	.church-view-con {padding-top: 7rem;}
	.church-view-con .tit {font-size: 4rem;}
	.gallery-photo-wrap .photo-item .photo-list .big-list .list-item .photo-tit {font-size: 2.4rem;}
	.gallery-photo-wrap .photo-item .photo-list .nav-list {padding-right: calc(25% - 1rem);}
	.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap {width: calc(25% - 1.3rem); height: 19.74%;}
	.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow {font-size: 2.4rem;}
	.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-prev {margin-left: -5rem;}
	.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-next {margin-left: 5rem;}
	.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap .photo-conuter {font-size: 1.4rem;}
}
@media all and ( max-width: 480px ){
	/* 교회 둘러보기 */
	.gallery-photo-wrap .photo-item .photo-list .nav-list {padding-right: calc(33.33% - 1rem);}
	.gallery-photo-wrap .photo-item .photo-list .list-btn-wrap {width: calc(33.33% - 1.3rem); height: 24.465%;}
}

/* ****** 오시는 길 ****** */
/* @media all and ( max-width: 1280px ){
	지도영역
	.location-map-box .info-box dl {width: calc(55.92% - 20.6rem); padding: 0 2.5rem;}
	.location-map-box .info-box .tel {    width: 25.68%;}
	버스표영역
	.vehicle-tbl-box .vehicle-tbl th {padding: 4rem 2rem;}
	.vehicle-tbl-box .vehicle-tbl td {padding:4rem 0 4rem 2rem ;}
	.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li {padding: 1rem 2rem;}
} */
@media all and ( max-width: 800px ){
	/* 지도영역 */ 
	.location-map-box {margin-bottom: 4rem;}
	.location-map-box .info-box { flex-wrap: wrap; padding: 4rem 3rem;}
	.location-map-box .info-box .tit {width: 100%; text-align: left; font-size: 3rem;}
	.location-map-box .info-box dl {width: 100%; padding: 2rem 0;}
	.location-map-box .info-box dl dt {font-size: 2rem;}
	.location-map-box .info-box dl dd {font-size: 1.6rem;}
	.location-map-box .info-box .tel {width: 100%; font-size: 2rem; margin-bottom: 2rem;}
	/* 버스표영역 */
	.location-vehicle-con {padding-top: 5rem;}
	.location-vehicle-con .cm-sub-tit-con {margin-bottom: 12rem;}
	.location-vehicle-con .location-vehicle-tel {font-size: 4rem;}
	.vehicle-con .vehicle-tit .tit {font-size: 3.5rem;}
	.vehicle-con .vehicle-tit .sib-tit {font-size: 2.8rem;}
	.vehicle-tbl-box .vehicle-tbl th {padding: 3rem 2rem;}
	.vehicle-tbl-box .vehicle-tbl td {padding: 3rem 0 3rem 2rem;}
	.vehicle-tbl-box .vehicle-tbl th .vehicle-num {font-size: 3.5rem;}
	.vehicle-tbl-box .vehicle-tbl th .vehicle-name {font-size: 1.6rem;}
	.vehicle-tbl-box .vehicle-tbl th .vehicle-course {font-size: 3.5rem;}
	.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li {width: calc(50% - 0.8rem); min-height: 9.5rem;}

	.vehicle-con.dongtan4 {margin-bottom: 13rem;}
	.vehicle-con.dongtan3 .vehicle-tbl-box:before {top: -4.6rem; right: -0.7rem; width: 19.8rem; height: 5.1rem;}
	.vehicle-con.suwon .vehicle-tbl-box:before { top: -6.1rem; right: -1.2rem; width: 17.4rem; height: 6.5rem;}
	.vehicle-con.suwon .vehicle-tbl th {padding: 3rem 2rem;}
}
@media all and ( max-width: 480px ){
	.vehicle-con .vehicle-tit {padding-bottom: 5rem;}
	.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li {padding: 1rem;}
	.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li dl dt {font-size: 1.8rem;}
	.vehicle-tbl-box .vehicle-tbl td .vehicle-stop-list li dl dd {font-size: 1.5rem;}
}

/* ****** 기부 증명서 발급 ****** */
@media all and ( max-width: 1280px ){
	.dona-receipt-application-form dl:nth-child(odd) {padding-right: 2rem;}
	.dona-receipt-application-form dl:nth-child(even) {padding-left: 2rem;}
	.dona-receipt-application-form dl dd .write-input::placeholder {font-size: 1.4rem;}
}
@media all and ( max-width: 800px ){
	.donation-receipt-page {padding-top: 9rem;}
	.dona-receipt-guide-con {margin: -1rem 0;}
	.dona-receipt-guide-con .guide-box {width: 100%; margin: 1rem 0;}
	.dona-receipt-guide-con .guide-tbl thead th {font-size: 2.2rem; padding: 2.5rem 3.5rem;}
	.dona-receipt-guide-con .guide-tbl tbody td strong {font-size: 2.6rem;}
	.dona-receipt-guide-con .guide-box:first-of-type .guide-tbl tbody td {padding: 4rem 2rem;}
	.dona-receipt-guide-txt {padding-top: 5rem;}

	.application-tit-box {display: block; margin-bottom: 3rem; padding-bottom: 2rem;}
	.application-tit-box .tit {font-size: 3rem; padding-bottom: 1rem;}
	.dona-receipt-application-form dl {width: 100%; padding-bottom: 3rem;}
	.dona-receipt-application-form dl:nth-child(odd) {padding-right: 0;}
	.dona-receipt-application-form dl:nth-child(even) {padding-left: 0;}
	.dona-receipt-application-form dl dd .write-input {text-indent: 1rem;}
	.dona-receipt-application-form dl dd .custom-radio-item-box {padding: 0;}
	.dona-receipt-application-con .submit-btn {width: 100%; max-width: 36rem; height: 8rem;}
}
/* ****** 헌금안내 ****** */
@media all and ( max-width: 1280px ){
	.offering-txt-box {margin-bottom: 16rem;}
	.offering-guide-box01 .offering-guide-item {width: 50%;}
}
@media all and ( max-width: 800px ){
	.offering-guide-page {padding-top: 9rem;}
	.offering-txt-box {padding-top: 5rem; margin-bottom: 10rem;}
	.offering-txt-box .txt01 {font-size: 2.6rem;}
	.offering-guide-con {padding-bottom: 10rem;}
	.offering-guide-con .offering-guide-tit {font-size: 3rem;}
	.offering-guide-box01 .offering-guide-item .item-tit {height: 7.2rem; padding: 0 2.4rem;}
	.offering-guide-box01 .offering-guide-item .item-tit strong {font-size: 2rem;}
	.offering-guide-box01 .offering-guide-item .item-info {height: calc(100% - 7.2rem); padding: 2.5rem 2rem;}
	.offering-guide-box01 .offering-guide-item .item-info strong {font-size: 2.4rem;}
	.offering-guide-box02 .item-info {padding: 4rem;}
}
@media all and ( max-width: 640px ){
	.offering-guide-box01 .offering-guide-item {width: 100%;}
	.offering-guide-box02 .item-tit {width: 100%; text-align: left; padding: 2.4rem 2.4rem 0 2.4rem;}
	.offering-guide-box02 .item-tit strong {font-size: 2.4rem;}
	.offering-guide-box02 .item-info {width: 100%; padding: 2.4rem;}
}


/* ****************** 02. 예배 ********************** */
/* ****** 예배후기 ****** */
@media all and ( max-width: 1280px ){
	.worship-review-slide-con .worship-review-btn {    top: auto;margin-top: 0;bottom: 1.1rem;}
	.worship-review-slide-con .worship-review-btn button.slick-prev {left: 0;}
	.worship-review-slide-con .worship-review-btn button.slick-next {right: 0;}
	.worship-review-con02 {padding: 14rem var(--area-padding) 0; max-width: none;}
	.worship-review-list li a dl dd:before {top: 1px;}
}
@media all and ( max-width: 800px ){
	.worship-con02 {padding-top: 10rem}
	.worship-con01 .cm-sub-tit-con {padding-bottom: 6rem;}
	.worship-review-con01 .cm-sub-tit-con {padding-bottom: 4.5rem;}
	.worship-review-slide-con {max-width: calc(100% - 10vw);}	
	.worship-review-slide .slick-list {margin: 0 -0.8rem;}
	.worship-review-slide .slick-slide {margin: 0 0.8rem;}
	.worship-review-slide li {height: auto;}
	.worship-review-slide li .inner {background: transparent; padding: 0;}
	.worship-review-slide li:not(.slick-center) .inner {margin: 0; height: auto;}
	.worship-review-slide li:not(.slick-center) .video-iframe-wrapper {max-width:94rem;}
	.worship-review-slide li:not(.slick-center) .video-iframe-box {padding-top: 53.725%; }
	.worship-review-slide li .txt-box,
	.worship-review-slide li.slick-center .txt-box {height: 11rem; padding: 2rem 2.8rem; margin-top: 0; background: #fff; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.worship-review-page .worship-review-slide li .txt-box,
	.worship-review-page .worship-review-slide li.slick-center .txt-box {height: 10rem; padding: 1.5rem 2.8rem;}
	.worship-review-slide li .txt-box .tit ,
	.worship-review-slide li.slick-center .txt-box .tit  {font-size: 1.8rem;}
	.worship-review-slide li .txt-box .txt ,
	.worship-review-slide li.slick-center .txt-box .txt {font-size: 1.5rem; -webkit-line-clamp: 2; margin-top: 0.7rem; line-height: 1.33em;}
	.worship-review-slide-con .worship-review-btn button {width: calc(50% - 3rem);}
	.worship-review-con01 .bottom-txt-box {padding-top: 11rem;}
	.worship-review-con01 .bottom-txt-box .txt {font-size: 2rem;}
	.worship-review-con02 {padding-top: 8.5rem;}
	.worship-review-list {margin: -2.5rem -1rem;}
	.worship-review-list li { width: calc(50% - 2rem); margin: 2.5rem 1rem;}
	.worship-review-list li a dl dt {font-size: 2rem;}
	.worship-review-list li a dl dd {display: block; padding-left: 1rem; font-size: 1.5rem;}
	.worship-review-list li a dl dd:before {height: 1.6rem; top: 1px;}

	.worship-review-con03 {padding-top: 13rem;}
	.worship-review-con03-list-wrap {padding: 0;}
	.worship-review-con03-list {display: block; margin: 0;}
	.worship-review-con03-list li {width: 100%; margin: 0 auto; max-width: 38rem;}
	.worship-review-con03-list li:nth-child(2) {margin-top: 6rem;}
	.worship-review-con03-list li a .img-box {border-radius: 50%; box-shadow: 2.3rem 2.3rem 7rem rgba(0,0,0,0.23);}
	.worship-review-con03-list li a .img-box .cm-btn-style01 {opacity: 1;}
	.worship-review-con03-list li a .img-box .inner .txt {font-size: 4.2rem;}
	.worship-review-con03-list li a .txt-box {padding-top: 5.5rem;}
	.worship-review-con03-list li a .txt-box strong {padding-top: 2.5rem;}
}
@media all and ( max-width: 480px ){
	.worship-review-list li  {width: calc(100% - 2rem);}
}

/* ****** 예배후기 :: 뷰페이지 ****** */
@media all and ( max-width: 800px ){
	.share-btn-wrapper2 i {font-size: 2rem; line-height: 4rem;}
	.share-btn-wrapper2 a {width:4rem; height:4rem; line-height:4rem; }
	/* 왼쪽으로 뜨게 */
	.share-btn-wrapper2[data-row="left"] .share-sns-list{right:4rem;}
	.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:5rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(3){right:9.5rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(4){right:15rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(5){right:19.5rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(6){right:24rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(7){right:28.5rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(8){right:33rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(9){right:37.5rem;}
	.share-btn-wrapper2[data-row="left"].open .share-sns-list li:nth-child(10){right:42rem;}
}


/* ****** 공예배 ****** */
@media all and ( max-width: 800px ){
	.worship-weekend-con01 .cm-sub-tit-con {padding-bottom: 7rem;}
	.weekend-sermon-time {padding: 5rem 0; flex-direction: column; align-items: center;}
	.weekend-sermon-time li {margin: 1rem 0;}
	.weekend-sermon-time li i {width: 4rem; height: 4rem; line-height: 4rem; font-size: 2.4rem;}
	.weekend-sermon-time li .time {font-size: 2rem;}
	.worship-review-slide li .txt-box .sub-tit ,
	.worship-review-slide li.slick-center .txt-box .sub-tit  {font-size: 1.5rem;}
	.worship-weekend-con02 {padding-top: 14rem;}
	.worship-weekend-list-con .worship-review-list {margin: -2rem -1rem;}
	.worship-weekend-list-con .worship-review-list li {width: calc(50% - 2rem); margin: 2rem 1rem;}
	.worship-weekend-list-con .worship-review-list li a dl dt {font-size: 1.8rem; margin-bottom: 0; line-height: 1.4;}
}
@media all and ( max-width: 480px ){
	.worship-weekend-list-con .worship-review-list li {width: calc(100% - 2rem);}
}

/* ******************  03. 교구 ********************** */
/* ****** 복음안에서 행복한 교구 ****** */
@media all and ( max-width: 800px ){
	.parish-page .cm-sub-tit-con {margin-bottom: 7rem;}
	.parish-con01 {margin-top: 7rem;}
	.parish-con01 .parish-con01-tit {font-size: 3.7rem;}
	.parish-slide .slick-list {margin: 0 -0.8rem;}
	.parish-slide .slick-slide {margin: 0 0.8rem;}
	.parish-slide li {height: auto;}
	.parish-slide li .inner {background: transparent; padding: 0;}
	.parish-slide li.center-prev .inner, .parish-slide li.prev .inner { left: 0;}
	.parish-slide li.center-next .inner, .parish-slide li.next .inner { left: 0;}
	.parish-slide li:not(.slick-center) .inner {margin: 0; height: auto;}
	.parish-slide li:not(.slick-center) .video-iframe-wrapper {max-width:94rem;}
	.parish-slide li:not(.slick-center) .video-iframe-box {padding-top: 53.725%; }
	.parish-slide li .txt-box,
	.parish-slide li.slick-center .txt-box {height: 10rem; padding: 2rem 2.8rem; margin-top: 1rem; background: #fff; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.worship-page .parish-slide li .txt-box,
	.worship-page .parish-slide li.slick-center .txt-box  {height: 14rem;}
	.parish-slide li .txt-box .sub-tit {font-size: 1.6rem;}
	.parish-slide li .txt-box .tit ,
	.parish-slide li.slick-center .txt-box .tit  {font-size: 1.8rem;}
	.parish-slide li .txt-box .txt ,
	.parish-slide li.slick-center .txt-box .txt {font-size: 1.5rem; -webkit-line-clamp: 2; margin-top: 0.7rem; line-height: 1.33em;}
	.parish-slide .worship-review-btn button {width: calc(50% - 3rem);}
	.parish-con01 .bottom-txt-box {margin-top: 10rem;}
	.parish-con01 .bottom-txt-box .txt {font-size: 2rem;}
}



/* ******************  04. 다음세대 ********************** */
@media all and ( max-width: 800px ){
	.parish-slide-con{height:auto;}
	.generation-page .cm-sub-tit-con {margin-bottom: 4.5rem;}
	.generation-worship-tit {padding: 5rem 0 6rem; font-size: 3.2rem;}
	.generation-page .parish-slide-con {margin-top: 6rem; margin-bottom: 3rem;}
}

/* ******************  04. 다음세대 :: 예배시간 ********************** */
@media all and ( max-width: 1280px ){
	.main-gallery-wrap.time-gallery-wrap.row .gallery-txt-box {padding-left: 3%;}
}

@media all and ( max-width: 800px ){
	.time-gallery-wrap {padding: 8rem 0 4rem 0 !important;}
	.main-gallery-wrap.row {flex-direction: column;}
	.main-gallery-wrap.time-gallery-wrap .gallery-txt-box, .main-gallery-wrap.time-gallery-wrap.row .gallery-txt-box {padding-left: 0;}
	.main-gallery-wrap .gallery-slide-box {margin-top: 5rem;}

	.time-content .generation-worship-con {margin-top: 8rem;}

	.time-info-con {grid-template-columns: repeat(1, 1fr); margin-top: 8rem; padding-bottom: 7rem;}
}

@media all and ( max-width: 480px ){
	.time-info-con .inner .time-info-list-box li {display: block; padding: 2.5rem;}
	.time-info-con .inner-tit {height: 10rem; font-size: 2.6rem;}
	.time-info-con .inner .time-info-list-box li .txt-box > p {justify-content: flex-start;}
	.time-info-con .inner .time-info-list-box li .txt-box > p:first-child {padding-bottom: 0; padding-top: 1rem;}
}


/* ******************  05. 선교 ********************** */
@media all and ( max-width: 1280px ){
	/* .mission-intro-link-con .link-box a .img-box {height: 23.6rem;} */
	.mission-intro-link-con .link-box a .txt-box {padding:3rem;}
	.mission-intro-link-con .link-box a .cm-btn-style01 {width: 16rem; right: 3rem; bottom: auto; top: 3rem; padding: 0 2rem;}
}
@media all and ( max-width: 800px ){
	.mission-intro-con01 {padding-top: 10rem; margin-bottom: 0;}
	.mission-intro-link-con {margin: -1rem 0;}
	.mission-intro-link-con .link-box {width: 100%; margin: 1rem 0;}
	.mission-intro-link-con .link-box a .txt-box .tit {font-size: 3.2rem;}
	.mission-intro-link-con {padding-bottom: 10rem;}
	.mission-intro-slide li {height: 27rem;}
	.mission-intro-slide-con .txt-box02 .tit {font-size: 3.2rem;}
	.mission-intro-con02 {padding: 12rem 0 15rem;}
	.mission-intro-con02 .txt-box .txt01 {font-size: 3.5rem;}
}

/* ******************  05. 선교 수정 :: 24-11-20 ********************** */
@media all and ( max-width: 800px ){

	.mission-intro-flow-con {margin-bottom: 10rem; padding-top:10rem;}
	.mission-intro-flow-con .list-wrap:first-of-type {margin-top: 3.5rem;}
	.mission-intro-flow-con > .inner .tit {font-size: 3rem;}
	.mission-intro-link-con {padding-bottom: 6rem;}
	.mission-intro-grid-con {padding: 0 0 12rem 0}

	.global-detail-box {position: relative; top: 0; padding: 4rem 0 0rem 0;}
	.global-detail-box .area-box {right: 0;}
	.global-detail-box .global-num-con {text-align: center;}
	.global-num-box {justify-content: center; height: 15rem; font-size: 15rem;}
	.global-num-box .global-num-item-box {height: 96.5rem; font-size: 12rem;}

	.grid-wrap-container {grid-template-columns: 1fr; grid-gap: 1rem 0;}
	.mission-intro-grid-con .grid-wrap.left {grid-template-columns: calc(45.257% - 0.5rem) calc(54.745% - 0.5rem);}
	.mission-intro-grid-con .grid-wrap.right {grid-template-columns: calc(37.994% - 0.5rem) calc(62.03% - 0.5rem);}
	.mission-intro-grid-con .grid-wrap.left, .mission-intro-grid-con .grid-wrap.right {grid-gap: 1rem;}
	.mission-intro-grid-con .grid-wrap .inner {gap: 1rem 0;}
	.mission-intro-grid-con .grid-wrap figure.pt-620 {padding-top: 171.98%;}
	.mission-intro-grid-con .grid-wrap figure.pt-200 {padding-top: 51.9%;}

	.mission-intro-grid-con .grid-wrap figure p {width: calc(100% - 4rem); left: 2rem; bottom: 2rem; font-size: 1.4rem;}
}

@media all and ( max-width: 640px ){
	.mission-intro-grid-con .grid-wrap figure.pt-620 {padding-top: 169.874%;}
	.mission-intro-grid-con .grid-wrap figure.pt-200 {padding-top: 51.5%;}
}

@media all and ( max-width: 480px ){
	.mission-intro-grid-con .grid-wrap figure.pt-620 {padding-top: 171.28%;}
	.mission-intro-grid-con .grid-wrap figure.pt-200 {padding-top: 51%;}
}

/* ****************** 06. 갤러리 ********************** */
@media all and ( max-width: 800px ){
	.gallery-con {padding: 8rem 0;}	
}


/* ****************** 교회소개 :: 예배안내 ********************** */
@media all and (min-width:1281px){
	.worship-con .worship-list .list-item.item01{width:26%;}
	.worship-con .worship-list .list-item.item02{width:31.33%;}
	/* .worship-con .worship-list .list-item.item02 .inner-list .inner .left-box{width:57.8%; min-width:22rem} */
	.worship-con .worship-list .list-item.item02 .inner-list .inner .left-box span{width:100%;}
	.worship-con .worship-list .list-item.item03{width:39.6%;}
	/* .worship-con .worship-list .list-item.item03 .inner-list .inner .left-box{width:43.5%; min-width:22rem; max-width:calc(100% - 19rem)} */
	.worship-con .worship-list .list-item.item03 .inner-list .inner .left-box span{width:100%;}
	.worship-con .worship-list .list-item.item03 .inner-list .inner .right-box{min-width:19rem;}
}
@media all and (max-width:1280px){
	.worship-bg{width:1280px;}
	.worship-con .worship-tit-box{margin-bottom:6rem;}
	.worship-con .worship-txt-box{margin-bottom:10rem;}
	.worship-con .worship-list{display: block;}
	.worship-con .worship-list .list-item{width:100% !important; max-width:640px; margin:0 auto 3rem;}
	.worship-con .worship-list .list-item .inner-list .inner .left-box{width:22rem;}
}
@media all and (max-width:800px){
	.worship-con .worship-tit-box{margin-bottom:4rem;}
	.worship-con .worship-tit-box .tit{font-size:4.2rem;}
	.worship-con .worship-tit-box .txt{font-size:2rem;}
	.worship-con .worship-txt-box .txt01{font-size:2.2rem;}
	.worship-con .worship-txt-box .txt02{font-size:1.6rem; margin-top:1rem;}

	.worship-con .worship-list .list-item{max-width:480px}
	.worship-con .worship-list .list-item .tit-box{height:7rem;}
	.worship-con .worship-list .list-item .tit-box .tit{font-size:2rem;}
	.worship-con .worship-list .list-item .inner-list{padding:1rem 1.5rem;}
	.worship-con .worship-list .list-item .inner-list .inner .left-box{width:100%; max-width:18rem;}
	.worship-con .worship-list .list-item .inner-list .inner .left-box span{height:4rem; font-size:1.6rem; padding:0 1.5rem;}
	.worship-con .worship-list .list-item .inner-list .inner .right-box{min-width:auto !important;}
	.worship-con .worship-list .list-item .inner-list .inner .right-box .part{font-size:1.4rem;}
	.worship-con .worship-list .list-item .inner-list .inner .right-box .time{font-size:2rem;}
}