@charset "utf-8";
/* CSS Document */
#header {border-bottom:1px solid #ddd}
#contents {width:100%; margin:0 auto}
#contents:after {display:block;content:'';clear:both}


	/* 서브 배너 */
	.visual {width:100%; height:400px; line-height:0; overflow:hidden}
	.visual img{width:1920px; position:absolute; left:50%; margin-left:-960px}

	/* 서브 2차 메뉴 */
	.sub_menu {z-index:50 !important; border-bottom:1px solid #ccc; text-align:center; background:#0d6c8b;}
	.sub_menu:after {display:block;content:'';clear:both}
	.sub_menu > li {display:inline-block}
	.sub_menu > li a {display:block; padding:15px; color:rgba(255,255,255,.4);}
	.sub_menu > li.on > a {color:#fff}
	
	.sub_con {padding:80px 0;}

	/* 페이지 타이틀 */
	#contents .sub_tt {text-align:center;}
	#contents h1 {text-align:center; margin-bottom:40px; position:relative; display:inline-block; font-weight:500; z-index:5;}
	#contents h1:after {content:''; display:block; background:#addbeb; position:absolute; height:20px; width:100%; left:0; bottom:-3px; z-index:-1;}

	/* 공통 */
	.sub_all {padding: 0 10px;}
	.sub_all p {line-height:1.6; letter-spacing:-0.025em;}
	.sub_all h5 {font-size:20px;}
	.sub_all h5:before {content:""; display:inline-block; width:8px; height:8px; background:#fff; border:4px solid #3a90ad; border-radius:50%; margin-right:5px;}
	.sub_all .cont {max-width:1200px; width:100%; margin:auto;}
	.sub_all .green {color:green; font-weight:bold;}
	.bt1 {padding-bottom:20px; border-bottom:1px solid #eee;}

	/* 테이블공통 */
	.sub_all table {table-layout:fixed;}
	.sub_all table tr {border-bottom:1px solid #eee;}
	.sub_all table tr th {border-right:1px dashed #eee; background:#f9f9f9; text-align:center; padding:10px; }
	.sub_all table tr th:last-child {border-right:none;}
	.sub_all table tr th.th_bg {background:#0d6c8b; color:#fff; padding:10px; text-align:center;}
	.sub_all table tr td {border-right:1px solid #eee; padding:15px 20px;}
	.sub_all table tr td:last-child {border-right:none;}
	
	/* 인사말 */
	.sub01 .top h4 {font-size:20px; text-align:center;}
	.sub01 .gray_bg {width:100%; margin-top:100px; padding:100px 10px; background:#f5f5f5; }
	.sub01 .gray_bg .box {max-width:1200px; width:100%; border:1px solid #eee; margin:auto; padding:25px; background: url(../images/sub/bg_mark.png)no-repeat center center, #fff}
	.sub01 .gray_bg .box p i {color:#0d6c8b; font-weight:600;}
	.sub01 .gray_bg .name {font-size:18px; font-weight:bold;}
	.sub01 .gray_bg .video {position:relative; max-width:800px; width:100%; height:auto; margin:auto;padding-top:20%;}
	.sub01 .gray_bg .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border:1px solid #eee; padding:10px;}
	.sub01 .gray_bg .intro {margin:50px 0 5px 0;text-align:center; font-size:18px; font-weight:600;}
	.sub01 .gray_bg .intro:before {content:""; display:inline-block; width:50px; height:1px; background:#ddd; margin:0 5px 5px 0;}
	.sub01 .gray_bg .intro:after {content:""; display:inline-block; width:40px; height:1px; background:#ddd; margin:0 0 5px 5px;}
	.sub01 .gray_bg .box02 {max-width:1200px; width:100%; border:1px solid #eee; margin:30px auto; padding:25px; background: url(../images/sub/bg_mark.png)no-repeat center center, #fff}

	/* 섬기는분들 */
	.sub02 .mem_wrap {max-width:1200px; width:100%; margin:auto;}
	.sub02 .mem_wrap h5 {margin-bottom:5px;}
	.sub02 .mem_wrap ul.mem {display:inline-block; padding:20px; max-width:1200px; width:100%; margin:0 auto 50px; border:1px solid #eee; border-bottom:2px solid #eee; box-sizing: border-box;}
	.sub02 .mem_wrap ul li {float:left;}
	.sub02 .mem_wrap ul li strong {color:#222;}
	.sub02 .mem_wrap ul li strong:before {content:""; display:inline-block; width:5px; height:5px; background:#fff; border:3px solid #d1e4ea; margin-right:5px; }
	.sub02 .mem_wrap ul li p {padding:2px 0;}
	.sub02 .mem_wrap ul li:first-child {width:30%; margin-right:5%;}
	.sub02 .mem_wrap ul li:first-child img {box-shadow:2px 2px 2px #eee, 4px 3px 2px #eee; max-width:173px; width:100%;}
	.sub02 .mem_wrap ul li:first-child p {margin-left:8%; box-shadow:inset 0 -5px 0 #e2f1fd;}
	.sub02 .mem_wrap ul li:last-child {width:65%;}
	.sub02 .mem_wrap ul li:last-child p {position:relative; padding-left:10px;}
	.sub02 .mem_wrap ul li:last-child p:before {content:""; position:absolute; top:11px; left:2px; display:inline-block; width:4px; height:4px; background:#0d6c8b; margin:0 5px 3px 0;}
	.sub02 .mem_wrap .jangro p {margin-bottom:20px;}
	.sub02 .mem_wrap ul.mem li:first-child {width:20%; margin-right:5%; text-align:center;}
	.sub02 .mem_wrap ul.mem li:first-child img {max-width:173px; width:100%; text-align:center;}

	.sub02 .mem_wrap ul.mem li:first-child img.elder {max-width:100%; width:100%; text-align:center;}

	.sub02 .mem_wrap ul.mem li:last-child {width:75%;}

	.sub02 .mem_wrap ul.jangro li:first-child {width:30%; margin-right:5%; text-align:center;}
	.sub02 .mem_wrap ul.jangro li:first-child img {max-width:173px; width:100%; text-align:center;}
	.sub02 .mem_wrap ul.jangro li:first-child img.elder {max-width:100%; width:100%; text-align:center;}
	.sub02 .mem_wrap ul.jangro li:last-child {width:65%;}

	.sub02 .mem_wrap ul.family li:first-child {width:30%; margin-right:5%; text-align:center;}
	.sub02 .mem_wrap ul.family li:first-child img {max-width:250px; width:100%;}
	.sub02 .mem_wrap ul.family li:last-child {width:65%;}
	/*담임목사 및 손철민 전도사 가족소개 수정요청으로 구조변경*/
	.sub02 .family_wrap {display:inline-block; padding:20px; max-width:1200px; width:100%; margin:0 auto 50px; border:1px solid #eee; border-bottom:2px solid #eee; box-sizing: border-box;}
	.sub02 .family_wrap ul li:first-child {width:30%; margin-right:5%; text-align:center;} 
	.sub02 .family_wrap ul li:first-child img {max-width:250px; width:100%;} 
	.sub02 .family_wrap ul li:last-child {width:55%;} 
	.sub02 .family_wrap02 {display:inline-block; padding:20px; max-width:1200px; width:100%; margin:0 auto 50px; border:1px solid #eee; border-bottom:2px solid #eee; box-sizing: border-box;}
	.sub02 .family_wrap02 ul li:first-child {width:20%; margin-right:5%; text-align:center;}
	.sub02 .family_wrap02 ul li:first-child img {max-width:173px; width:100%;}
	.sub02 .family_wrap02 ul li:last-child {width:75%;}
	.sub02 .line:before {content:""; display:block; width:90%; height:1px; border-top:1px dashed #eee; margin: 0 auto 25px;}

	/* 예배안내 */
	.sub03 .intro img {max-width:1200px; width:100%; margin-bottom:40px; border-radius:0 20px; }

	/* 선교사역 */
	.sub04 .intro img {max-width:1200px; width:100%; margin-bottom: 40px; border-radius:0 20px;}
	.sub04 .line00 {padding-bottom:40px; border-bottom:none !important;}
	.sub04 .cont1_wrap01 {/*border-left:10px solid #0d6c8b;*/ margin-bottom:100px;}
	.sub04 .cont1_wrap01 .cont1 h4 {font-size:20px; background:#0d6c8b; color:#fff; padding:0 15px; display:inline-block;}
	.sub04 .cont1_wrap01 .cont1 h4+p {border-top:2px solid #0d6c8b;}
	.sub04 .cont1_wrap01 .cont1 h4 i {color:#fff;}
	.sub04 .cont1_wrap02 {/*border-left:10px solid #d1e4ea;*/ margin-bottom:100px;}
	.sub04 .cont1_wrap02 .cont1 h4 {font-size:20px; background:#d1e4ea; color:#fff; padding:0 10px; display:inline-block;}
	.sub04 .cont1_wrap02 .cont1 h4+p {border-top:2px solid #d1e4ea;}
	.sub04 .cont1_wrap02 .cont1 h4+div {border-top:2px solid #d1e4ea;}
	.sub04 .cont1_wrap02 .cont1 h4 i {color:#fff;}
	.sub04 .cont1 {padding:0 0 20px 0px; border-bottom:1px solid #eee; }
	.sub04 .cont1 h4 i {font-size: 20px; font-weight:bold; color:#ddd; }
	.sub04 .cont1 p {padding-left:15px;}
	.sub04 .cont1 p strong {position:relative; color:#222; margin-top:20px; display:inline-block;}
	.sub04 .cont1 p strong:before {content:""; display:inline-block; position:absolute; top:5px; left:-15px; width:5px; height:5px; background:#fff; border:3px solid #d1e4ea; margin-right:5px; }
	.sub04 .line00 h4+p {padding-top:20px;}
	/* 교회학교 */
	.sub05 .tabs {text-align:center; margin-bottom:20px;}
	.sub05 .tabs ul {display:table; max-width:1200px; width:100%; margin:0 auto; border-left:1px solid #3a90ad;}
	.sub05 .tabs li {float:left; width:25%; padding:10px 0; background:#fff; border:1px solid #3a90ad; color:#0d6c8b; border-left:0; cursor:pointer; display:table-cell; padding:15px 0;}
	.sub05 .tabs li.on {background:#3a90ad; color:#fff;}
	.sub05 .box {width:100%; padding:20px 0; background:#f9f9f9; margin-bottom:40px; }
	.sub05 .box li {float:left; padding:15px;}
	.sub05 .box .cont li:first-child {width:20%; text-align:center;}
	.sub05 .box .cont li:first-child img {max-width:173px; width:100%; margin-bottom:10px;}
	.sub05 .box .cont li:last-child {width:77%; margin-left:3%;}
	.sub05 .box .cont li:last-child strong {color:#222;}
	.sub05 .cont1_wrap {display:flex;} 
	.sub05 .cont1_wrap {display: -webkit-flex;} 
	.sub05 .cont1 .pd20 {padding:20px 0;}
	.sub05 .tab01 .cont1 {float:left; width:49%; margin-bottom:13px; border:1px solid #eee; border-bottom:3px solid #eee; box-sizing:border-box;}
	.sub05 .tab01 .cont1 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab01 .cont1 p {position:relative; padding:2px 25px; }
	.sub05 .tab01 .cont1 p:before {content:""; display:inline-block; position:absolute; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0;}
	.sub05 .tab01 .cont1:nth-child(odd) {margin-right:0.5%; }
	.sub05 .tab01 .cont1:nth-child(even) {margin-left:0.5%; }
	.sub05 .tab01 .cont2 h5 {color:#222; margin:10px 0 5px 0;}
	.sub05 .tab01 .cont2 table .th_bg {background:#3a90ad;}

	.sub05 .tab02 .cont1 {float:left; width:49%; margin-bottom:40px; border:1px solid #eee; border-bottom:3px solid #eee; box-sizing:border-box;}
	.sub05 .tab02 .cont1 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab02 .cont1 p {position:relative; padding:2px 25px; }
	.sub05 .tab02 .cont1 p:before {content:""; display:inline-block; position:absolute; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0;}
	.sub05 .tab02 .cont1:nth-child(odd) {margin-right:0.5%; }
	.sub05 .tab02 .cont1:nth-child(even) {margin-left:0.5%; }
	.sub05 .tab02 .cont2 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab02 .cont2_inner {padding:20px 0; border-bottom:1px solid #eee;}
	.sub05 .tab02 .bt2 {border-top:2px solid #3a90ad;}
	.sub05 .tab02 .cont2_inner p strong {color:#222;}
	.sub05 .tab02 .cont2_inner p i {color:#3a90ad; font-weight:bold;}
	.sub05 .tab02 .cont2_inner div p {position:relative; padding:2px 25px; }
	.sub05 .tab02 .cont2_inner div p:before {content:""; position:absolute; display:inline-block; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0; }

	.sub05 .tab03 .cont1 {float:left; width:49%; margin-bottom:40px; border:1px solid #eee; border-bottom:3px solid #eee; box-sizing:border-box;}
	.sub05 .tab03 .cont1 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab03 .cont1 p {position:relative; padding:2px 25px; }
	.sub05 .tab03 .cont1 p:before {content:""; display:inline-block; position:absolute; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0;}
	.sub05 .tab03 .cont1:nth-child(odd) {margin-right:0.5%; }
	.sub05 .tab03 .cont1:nth-child(even) {margin-left:0.5%; }
	.sub05 .tab03 .cont2 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab03 .cont2_inner {padding:20px 0;}
	.sub05 .tab03 .bt2 {border-top:2px solid #3a90ad;}
	.sub05 .tab03 .bt2 div span strong {padding-left:12px; margin-top:5px; display:inline-block;}
	.sub05 .tab03 .cont2_inner p strong {color:#222;}
	.sub05 .tab03 .cont2_inner p i {color:#3a90ad; font-weight:bold;}
	.sub05 .tab03 .cont2_inner div p {position:relative; padding:2px 25px; }
	.sub05 .tab03 .cont2_inner div p:before {content:""; position:absolute; display:inline-block; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0; }
	
	.sub05 .tab04 .cont1 {float:left; width:49%; margin-bottom:40px; border:1px solid #eee; border-bottom:3px solid #eee; box-sizing:border-box;}
	.sub05 .tab04 .cont1 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab04 .cont1 p {position:relative; padding:2px 25px; }
	.sub05 .tab04 .cont1 p:before {content:""; display:inline-block; position:absolute; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0;}
	.sub05 .tab04 .cont1:nth-child(odd) {margin-right:0.5%; }
	.sub05 .tab04 .cont1:nth-child(even) {margin-left:0.5%; }
	.sub05 .tab04 .cont2 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab04 .cont2_inner {padding:0 0 20px 0;}
	.sub05 .tab04 .bt2 {border-top:2px solid #3a90ad;}
	.sub05 .tab04 .bt2 div span strong {padding-left:12px; margin-top:5px; display:inline-block;}
	.sub05 .tab04 .cont2_inner p strong {color:#222; margin-top:20px;}
	.sub05 .tab04 .cont2_inner p i {color:#3a90ad; font-weight:bold;}
	.sub05 .tab04 .cont2_inner div p {position:relative; padding:2px 25px; }
	.sub05 .tab04 .cont2_inner div p:before {content:""; position:absolute; display:inline-block; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0; }

	.sub05 .tab05 .cont1 {float:left; width:49%; margin-bottom:40px; border:1px solid #eee; border-bottom:3px solid #eee; box-sizing:border-box;}
	.sub05 .tab05 .cont1 h6 {font-size:20px; padding:0 10px; background:#3a90ad; color:#fff;  display:inline-block;}
	.sub05 .tab05 .cont1 p {position:relative; padding:2px 25px; }
	.sub05 .tab05 .cont1 p:before {content:""; display:inline-block; position:absolute; top:10px; left:15px; width:6px; height:6px; border-radius:0 5px; background:#0d6c8b; margin:0 5px 3px 0;}
	.sub05 .tab05 .cont1:nth-child(odd) {margin-right:0.5%; }
	.sub05 .tab05 .cont1:nth-child(even) {margin-left:0.5%; }


/* 반응형 */
	@media(max-width:1550px){
		.sub01 .gray_bg .video {padding-top:30%;}
			}
	@media(max-width:1450px){
		.sub01 .gray_bg .video {padding-top:40%;}
			}
	@media(max-width:1250px){
		.visual {height:300px;}
		.visual img {width:1440px; margin-left:-720px;}
		.sub01 .gray_bg .video {padding-top:50%;}
			}
	@media(max-width:1050px){
		.brn {display:none;}
		.sub_menu{display:none}
		.visual{display:none}
		.sub_con {padding:50px 0;}
		.sub05 .tabs li {width:24%;}
	}
	@media(max-width:800px){
		.sub02 .mem_wrap ul li {float:none;}
		.sub02 .mem_wrap ul li:first-child {text-align:center; width:100%; padding-bottom:20px;}
		.sub02 .mem_wrap ul li:last-child {text-align:center; width:100%;}
		.sub02 .mem_wrap ul li:last-child p:before {display:none;}
		.sub02 .mem_wrap ul.family li:first-child {width:100%; margin-right:5%; text-align:center;}
	.sub02 .mem_wrap ul.family li:last-child {width:100%; text-align:center;}
	.sub02 .mem_wrap ul.mem li:first-child {width:100%; margin-right:0; text-align:center;}
	.sub02 .mem_wrap ul.mem li:last-child {width:100%;}
	}
	@media(max-width:700px){
		.sub05 .tabs li {width:50%;}
		.sub05 .tabs li:nth-child(3),
		.sub05 .tabs li:nth-child(4) {border-top:0;}
		.sub05 .box .cont li {float:none;}
		.sub05 .box .cont li:first-child {width:100%;}
		.sub05 .box .cont li:last-child {width:100%; margin-left:0;}
		.sub05 .box .cont li span {width:47%; margin-right:3%; float:left; padding: 0 0 15px 0;}
		.sub05 .box .cont li span:nth-child(2) {margin-right:0;}
		.max700 {display:none;}
		.sub05 .tab01 .cont1 {float:none; width:100%; }
		.sub05 .cont1_wrap {display:block;} 
		.sub05 .tab02 .cont1 {float:none; width:100%;}
		.sub05 .tab03 .cont1 {float:none; width:100%; }
		.sub05 .tab04 .cont1 {float:none; width:100%;}
		.sub05 .tab05 .cont1 {float:none; width:100%;}

	}
	@media(max-width:500px){
}
	@media(max-width:400px){
		.sub01 .gray_bg .name {font-size:15px;}
		.sub01 .gray_bg .intro {font-size:15px;}
		.sub05 .tabs li {font-size:13px;}
}