@charset "utf-8";
/* CSS Document */

.sub {padding-bottom:80px; box-sizing:border-box;}
	
	/* 폰트 공통 */
	.sub p {line-height:1.7; word-break:keep-all;}
	.sub h1 {font-size:2em;}
	.sub h3 {margin-bottom:15px; font-size:24px;}
	.sub h3:before {width:10px; height:10px; background:#fff; border:4px solid #7320ff; content:''; display:inline-block; border-radius:50%; margin-right:5px;}
	.sub h4 {font-size:21px;}
	.sub h5 {font-size:18px;}

	.sub i {color:#7320ff;}
	.sub .sizeUp {font-size:1.2em; color:#222; font-weight:bold;}

	/* 여백 */
	.sub .mb40 {margin-bottom:40px;}
	.sub .mb25 {margin-bottom:25px;}

	.sub .mt25 {margin-top:25px;}

	.tCalendar {margin-bottom:100px;}


	/* 이미지 */
	.sub img {max-width:100%; vertical-align:middle;}

	/* 테이블 */
	.sub table {table-layout:fixed; width:100%; border-top:2px solid #7320ff; }
	.sub table tr {border-bottom:1px solid #e3e0f1;}
	.sub table tr th {background:#f9f9f9; padding:10px 15px; color:#222; border-right:1px solid #e3e0f1; word-break:keep-all;}
		.sub table tr th:last-child {border-right:0;}
	.sub table tr td {padding:10px 15px; border-right:1px solid #e3e0f1; word-break:keep-all;}
	.sub table tr td:last-child {border-right:0;}
	.sub table tr.top th {background:#f7f4ff;}
	.sub table tr td.bdr, .sub table tr th.bdr {border-right:1px solid #e3e0f1;}

	/* 테이블 오버플로우 */
	.sub .mobile {display:none;}
	.sub .tb_wrap {width:100%; overflow:auto;}

	/* 박스 */
	.sub .flex {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.sub .bg {background:#f9f9f9; border:1px solid #eee; border-radius:10px; padding:20px 30px;}


/* 서브 */

/* 교회소개 */
.sub .introduction h3 {color:#7320ff; border-bottom:1px solid #ddd; line-height:1;}
.sub .introduction h3:before {display:none;}
.sub .introduction h3 > span {border-bottom:1px solid #7320ff; display:inline-block; margin-bottom:-1px; padding:0 10px 15px;}
.sub .introduction .flex li {width:33%; text-align:center;}
.sub .introduction .flex img {border-radius:10px;}
.sub .introduction .counting {counter-reset:item;}
.sub .introduction .counting li {position:relative; padding-left:35px;}
.sub .introduction .counting li:not(:last-child) {margin-bottom:10px;}
.sub .introduction .counting li:before {content:counters(item, "."); counter-increment:item; left:0; top:-2px; position:absolute;
			background:#f3e2e2; color:#d99d9d; text-align:center; width:25px; height:25px; border-radius:5px;}

/* 연혁 */
.sub .history {display:inline-block; width:100%; position:relative; }
.sub .history:before {display:block; content:''; width:1px; height:calc(100% - 25px); background:#ddd; position:absolute; left:50%; z-index:1; top:25px;}

.sub .history h1 {font-size:45px; font-family:'roboto'; font-weight:200; position:relative; display:inline-block;}

.sub .history > div {display:inline-block; width:100%; margin-bottom:40px;}
.sub .history > div:last-child {margin-bottom:0;}
.sub .history > div .common {width:50%;}

	/* 원 */
	.sub .history .list {position:relative;}
	.sub .history .list:after {content:''; display:block; width:20px; height:20px; border-radius:50%; position:absolute; background:#fff; 
									border:4px solid #871ed6; top:15px; z-index:5; box-sizing:border-box}
	/* 말풍선 화살표 */
	.sub .history .bg {position:relative;}
	.sub .history .bg:before {position:absolute; top:3px; border:20px solid transparent; content:'';}

	/* 짝수번째 */
		.sub .history .even .list {float:left; text-align:right; padding-right:50px;}
		.sub .history .even .list:after {right:-10px;}
		.sub .history .even .year {float:right; padding-left:50px;}
		.sub .history .even .bg:before {right:-40px; border-left-color:#f1f1f1; }
	
	/* 홀수번째 */
		.sub .history .odd .list {float:right; text-align:left; padding-left:50px;}
		.sub .history .odd .list:after {left:-10px;}
		.sub .history .odd .year {float:left; padding-right:50px; text-align:right}
		.sub .history .odd .bg:before {left:-40px; border-right-color:#f1f1f1; }

/* 섬기는분들 */
.sub .pastor .flex {justify-content:flex-start;}
.sub .pastor ul li {width:25%; text-align:center;}
.sub .pastor ul li:nth-child(n+5) {margin-top:25px;}
.sub .pastor img {border-radius:10px; margin-bottom:5px; box-shadow:5px 5px 0 #eee; border:1px solid #eee;}

/* 예배안내 */
.sub .worship table {width:50%}
.sub .worship table:last-child {border-left:1px solid #ddd;}


/* 오시는길 */
.sub .load .root_daum_roughmap {width:100% !important;}

/* 신도회 */
.sub .believer td {text-align:center;}



/* 교육사역 */
.sub .edu ul.eduSch {justify-content:flex-start}
.sub .edu ul.eduSch li {width:33.3333%; float:left;}
.sub .edu ul.eduSch li img {float:left; margin-right:10px;}
.sub .edu ul.eduSch li p {padding-top:15px;}
.sub .edu ul.eduSch li p b {display:block;}










/* 반응형 */
@media(max-width:1000px){
	body {font-size:14px;} 
	.sub h1 {font-size:24px;}
	.sub h3 {font-size:21px;}
	.sub h5 {font-size:16px;}
}


@media(max-width:768px){
	.sub .bg {padding:15px;}

	.sub .worship table {width:100%;}
	.sub .worship table:last-child {border-top:0; border-left:0;}
	.sub .worship table tr.none {display:none;}

	.sub .history:before {left:25px;}
	.sub .history h1 {font-size:27px;}
	.sub .history > div {padding-left:25px; margin-bottom:25px;}
	.sub .history > div .common {width:100%;}
	.sub .history .even .year {padding-left:25px;}
	.sub .history .odd .year {text-align:left; padding-right:0; padding-left:25px;}
	.sub .history .odd .list {padding-left:25px;}
	.sub .history .even .list {text-align:left; padding-right:0; padding-left:25px;}
	.sub .history .even .list:after {right:inherit; left:-10px;}
	.sub .history .bg:before {display:none;}
	.sub .history .list:after {top:-25px;}

	.sub .pastor ul li {width:33%;}
	.sub .pastor ul li:nth-child(n+4) {margin-top:25px;}

	.sub .edu ul.eduSch {justify-content:center;}
}

@media(max-width:560px){
	.sub .mobile {display:block;}
	.sub .tb_wrap > table {min-width:520px; margin-bottom:15px;}
	.sub .pastor .flex {justify-content:space-between;}
	.sub .pastor ul li {width:48%;}
	.sub .pastor ul li:nth-child(n+3) {margin-top:25px;}

	.sub .edu ul.eduSch li {width:50%;}
}