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

/* 비주얼 */
	.section1{line-height:0;margin:0 auto;max-width:2000px;width:100%;position:relative;margin-bottom:1px !important}
	.section1:after{display:block;content:'';clear:both}
		.section1 .inner{width:100%;margin:0 auto}
		.section1 .inner > div{width:100%;text-align:center}
		.section1 .inner > div p{font-family:"Jeju Gothic",serif;color:#fff;font-size:45px;letter-spacing:-1px;line-height:50px;padding-bottom:20px}
		.section1 .inner > div i{line-height:23px;color:rgba(255,255,255,0.9)}
		.section1 .inner > div span a{display:block;width:240px;margin:0 auto;margin-top:40px;font-family:"Jeju Gothic",serif;font-size:20px;line-height:45px;padding:5px 0 0 0;color:#fff;background:rgba(0,0,0,0.6)}

		/* 슬라이드 버튼 위치 (자세한 설정은 camera.css) */
		#camera_wrap_1{margin-bottom:0 !important}
			.camera_caption{display:block !important;position:absolute !important;top:40% !important;width:100% !important}

/* 중간 컨텐츠 */
	.section_wrap{position:relative}
	.section_wrap:after{display:block;content:'';clear:both}

/* 주일설교 & 게시판 */
	.section2{width:50%;height:100%;float:left;background:#f9f9f9}
	.section2:after{display:block;content:'';clear:both}
		.section2 > div{width:50%;height:50%;position:absolute}
		.section2 .article1{top:0;background:url(../images/bg1.jpg) no-repeat left center;background-size:cover}
		.section2 .article2{top:50%;background:#f9f9f9}

			

				
		.section2 .article1 p span{color:#fff; background:#0f80ad; padding:3px 10px; margin-right:10px; border-radius:20px;}
		.section2 .article1 li:first-child{padding:0 10%}
		.section2 .article1 li:last-child{border-top:1px solid rgba(255, 255, 255, 0.5);width:100%;height:60px;position:absolute;bottom:0}

		.section2 .article1 li:after{display:block;content:'';clear:both}
		.section2 .article1 li i{color:#fff;font-size:18px;font-family:"Jeju Gothic",serif;display:block; float:right;line-height:65px;padding-right:50px;background:url(../images/bg6.png) no-repeat 83px 18px}
		.section2 .article1 > a {display:block; width:100%; height:100%;}
		
	.section2 .article1 li img{opacity:0.4;float:right;margin:30px -7% 15% 0; visibility:hidden}


			.section2 .article1 li{position:relative}
			.section2 .article1 li:last-child{border-top:1px solid rgba(0, 0, 0, 0.15);width:100%;height:60px;position:absolute;bottom:0}
			.section2 .article1 li .inner{width:60%;position:relative;left:50%;top:130px}
				.section2 .article1 h3{font-family:"Jeju Gothic",serif;font-weight:normal;font-size:30px;color:#0f6a97; line-height:1;}
				.section2 .article1 p{font-weight:normal; font-size:17.5px;color:#222;line-height:35px;margin:20px 0 0 5px;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
				.section2 .article1 p a {color:#222;}

				.section2 .article1 .inner li a{display:inline-block}
				.section2 .article1 li a i{float:right;line-height:65px;padding-right:50px;background:url(../images/bg7.png) no-repeat 83px 18px}





	.section3 > div{width:50%;height:450px;float:left;position:relative}
			.section3 > div li:first-child{padding:0 10%}
				

		.b_board{position:relative;width:90%;margin:100px auto}
		.b_board > ul{margin-top:-50px;width:100%;height:60px;border-bottom:1px solid #ccc}
		.b_board > ul > li{float:left;width:25%;}
		.b_board > ul > li h4{background:#fff;color:#c1693d;text-align:center;width:100%;font-weight:normal;cursor:pointer;height:60px;border:1px solid #ccc;font-family:"Jeju Gothic",serif;font-size:21px;line-height:60px;color:#888}
		.b_board > ul > li:nth-child(2) h4 {border-left:0}
		.b_board > ul > li ul{position:absolute;top:90px;left:0;width:100%}
		.b_board > ul > li li{width:100%;color:#666;line-height:37px}
		.b_board > ul > li li p{float:left;background:url(../images/bg8.png) no-repeat left 15px;padding-left:20px;font-size:17.5px;width:70%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
		.b_board > ul > li li a{font-size:16px}
		.b_board > ul > li li a:hover{text-decoration:underline}

		.b_board > ul > li li span{float:right}
		.b_board > ul > li > a{position:absolute;top:-35px;right:0;font-family:"Arial",serif;font-size:10px;text-transform:uppercase;display:block;text-align:center;width:60px;height:20px;background:#c1693d;color:#fff;line-height:20px;border-radius:50px}
		.b_board > ul > li ul, .b_board > ul > li .more{display:none}
		.b_board > ul > li:first-child ul, .b_board > ul > li:first-child .more{display:block}
		.title_on{background:#444444 !important;color:#fff !important;border:none !important;display:inline-block}

		.more{position:absolute;top:10px;right:0}
		.more a{font-size:30px;color:#fff;background:#d7d7d7;line-height:0;padding:20px 23px;border-radius:50px;display:block}

/* 생명의말씀 & 목양칼럼 & 예배안내 & 특별설교 */
	.section3{width:50%;float:right}
	.section3:after{display:block; clear:both; content:''}
		.section3 > div{width:50%;height:450px;float:left;position:relative}
		.section3 > div li:first-child{padding:0 10%}
		.section3 > div li:last-child{border-top:1px solid rgba(255, 255, 255, 0.5);width:100%;height:60px;position:absolute;bottom:0}
			.section3 > div li img{opacity:0.4;float:right;margin:30px -7% 20% 0}
			.section3 > div li h3{clear:both;font-family:"Jeju Gothic",serif;font-weight:normal;font-size:30px;color:#fff}
			.section3 > div li h3 br{display:none}
			.section3 > div li p{font-size:16px;color:rgba(255, 255, 255, 0.75);line-height:24px;margin:20px 0 0 5px; word-break:keep-all;}
			.section3 > div li i{color:#fff;font-size:18px;font-family:"Jeju Gothic",serif;display:block}
			.section3 > div li:after{display:block;content:'';clear:both}
			.section3 > div li i{float:right;line-height:65px;padding-right:50px;background:url(../images/bg6.png) no-repeat 83px 18px}
			.section3 > div > a {width:100%; height:100%; display:block;}
	.section3 .article1{background:url(../images/bg4.png) #527faf repeat}
	.section3 .article2{background:url(../images/bg2.jpg) no-repeat center right;background-size:cover}
	.section3 .article3{background:url(../images/bg3.jpg) no-repeat center right;background-size:cover}
	.section3 .article4{background:url(../images/bg14.png) #349d8c repeat;}
		
		.section3 .article1 {}
		.section3 .wed_ser ul li p {font-weight: normal; font-size: 16px; color: #fff; line-height: 35px; margin: 20px 0 0 5px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
		.section3 .wed_ser ul li span {color: #fff; background: #0a437e; border-radius:20px; padding:3px 10px; margin-right: 10px;}
		.section3 .wed_ser ul li a {color:#fff;}

		.section2 .article1 li{position:relative}
			.section2 .article1 li:last-child{border-top:1px solid rgba(0, 0, 0, 0.15);width:100%;height:60px;position:absolute;bottom:0}
			.section2 .article1 li .inner{width:60%;position:relative;left:50%;top:130px}
				.section2 .article1 h3{font-family:"Jeju Gothic",serif;font-weight:normal;font-size:30px;color:#0f6a97; line-height:1;}
				.section2 .article1 p{font-weight:normal; font-size:17px;color:#222;line-height:35px;margin:20px 0 0 5px;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
				.section2 .article1 p a {color:#222;}

				.section2 .article1 .inner li a{display:inline-block}
				.section2 .article1 li a i{color:#222; float:right;line-height:65px;padding-right:50px;background:url(../images/bg7.png) no-repeat 83px 18px}


		.section3 .article2 li img, .section3 .article3 li img{visibility:hidden}
		.section3 .article3 li h3{color:#222}
		.section3 .article3 li p{color:rgba(0, 0, 0, 0.6)}
		.section3 .article3 li a{color:#222}
		.section3 .article3 li a i{background:url(../images/bg7.png) no-repeat 83px 18px}

/* 선교활동 & 새가족앨범 & 행사갤러리 & 오시는길 */
	.section4{clear:both;max-width:1200px;margin:0 auto}
		.section4 h2{font-family:"Arial",sans-serif;color:#1d6d8a;font-size:40px;font-weight:600;text-align:center;text-transform:uppercase;line-height:42px;padding:95px 0 20px 0}
		.section4 span{font-family:"Jeju Gothic",serif;font-weight:normal;font-size:25px;color:#222}
			.section4 ul{width:90%;margin:0 auto}
			.section4 ul:after{display:block;content:'';clear:both}
				.section4 li{float:left;width:25%;text-align:center;padding:15px}
				.section4 li a{max-width:172px;line-height:0;width:100%;margin:0 auto;display:block;position:relative}
				.section4 li a:hover div.radius_black{display:block}
				.section4 li div.radius_black{display:none;background:url(../images/hover_btn.png) rgba(0,0,0,0.5) no-repeat center center;position:absolute;border-radius:300px;width:100%;height:100%}
				.section4 li img{width:100%;border-radius:300px}
				.section4 li p{font-size:25px;padding-top:7px; font-family:"Jeju Gothic",serif; color:#444; margin-top:20px;}

/* 하단버튼 */
	.section5{clear:both;width:100%; margin-top:80px;background:#333; padding:25px 0; }
		.section5 ul {display:flex; justify-content:space-between;}
		.section5 ul:after{display:block;content:'';clear:both}
			.section5 li{border-left:2px dotted #666;text-align:center; width:25%;}
			.section5 li:nth-child(1){border-left:none}
			.section5 li a{color:#fff;font-family:"Jeju Gothic",serif;font-size:18px; display:block; padding:5px 0;}
			

/* 반응형 */
	@media(max-width:1650px){
		.section3 .article2 li p br{display:none}
	}
	@media(max-width:1250px){
		.section1 > div p{font-size:40px;padding-bottom:0}
		.section1 > div i{display:none}
		.section1 > div span a{width:210px;margin-top:13px;font-size:19px;line-height:40px}
			.camera_caption{top:43% !important}
			.camera_wrap .camera_pag .camera_pag_ul{top:85% !important}
	}
	@media(max-width:1100px){
		.section2{width:100%}
		.section2 > div{width:100%;position:relative}
		.section2 .article1{height:400px}
		.section2 .article1 li .inner{top:110px}
		.section2 .article1 h3{font-size:26px}
		.section2 .article1 li img {margin:30px -7% 5% 0}
		.section2 .article2{height:380px;top:0}
		.section3{clear:both;width:100%}
		.section3 > div{width:50%;height:350px}
		.section3 > div li h3{font-size:26px}
		.section3 > div li img{margin:20px -7% 20px 0}
		.section3 > div:not(.wed_ser) li p br{display:none}
			.section3 .article1{border-right:1px solid #fff;border-bottom:1px solid #fff}
			.section3 .article2{border-bottom:1px solid #fff}
			.section3 .article3{border-right:1px solid #fff}
		
		.section4 h2{font-size:35px;line-height:35px;padding:80px 0 10px 0}
		.section4 h2 span{font-size:24px}
		.section4 li{padding-top:10px}
		.section4 li p{font-size:20px}
			/* .section5{height:70px;margin-top:60px}
			.section5 ul {line-height:35px; padding-top:0}
			.section5 li{width:24%;height:25px}
			.section5 li a{font-size:18px}
			.section5 li a i{top:15px}
			.section5 li a img{display:none} */
			.section5 {margin-top:50px; padding:15px 0;}
			.section5 li a{font-size:15px}
	}
	@media(max-width:1000px){
		.section1 .inner > div p{font-size:35px}
		.section1 .inner > div span a{width:180px;margin-top:5px;font-size:17px;line-height:35px}
	}
	@media(max-width:660px){
		.section1{position:relative;overflow:hidden;height:450px}
		.section1 .inner > div p{line-height:45px;font-size:26px}
		.section1 .inner > div span a{width:160px;margin-top:0;font-size:15px;line-height:30px}
			#pie_0{display:none !important}
				.camera_wrap{position:absolute;left:50%;margin-left:-330px !important}
				.camera_caption{top:43% !important}
				.camera_prev, .camera_next{display:none}

		.section2 .article1 {height:300px;}
		.section2 .article1 li .inner{top:60px; width:100%; left:40%;}
		.section2 .article1 li a{font-size:17px}
		.section2 .article1 li a i{padding-right:45px;background:url(../images/bg7.png) no-repeat 70px 19px}
		.section2 .article1 h3{font-size:22px}
		.section2 .article1 p{font-size:14px;margin:10px 0}
		.section2 .article2{height:300px}
				
				.more a{font-size:25px;padding:15px 17px}
		.section3 > div{height:200px;cursor:pointer;position:relative}
		.section3 > div li{}
		.section3 > div li:first-child{height:100%}
		.section3 > div li img{position:absolute;right:0;margin-right:15px}
		.section3 > div li h3{text-align:center;font-size:20px;padding-top:80px;line-height:25px}
		.section3 > div li h3 br{display:block}
		.section3 > div li p{display:none}
		.section3 > div li:last-child{border-top:none;position:static}
		.section3 > div li:last-child i{display:none}
		.section3 > div li:last-child a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#f00}
		/* .section3 .article2 li h3{;padding-top:75px} */
			.section4 h2{font-size:24px;line-height:30px;padding:60px 0 10px 0}
			.section4 h2 span{font-size:20px}
			.section4 ul{max-width:96%;}
			.section4 li{width:50%; padding:5px}
			.section4 li p{font-size:18px; padding-top:0}

			.section4 li a:hover div.radius_black{display:none}
		
		.section5 li a {font-size:16px;}
		.b_board > ul {height:50px;}
		.b_board > ul > li {width:33%;}
		.b_board > ul > li h4{font-size:16px; height:50px; line-height:50px;}
		.b_board > ul > li li {line-height:30px;}
		.b_board > ul > li li a, .b_board > ul > li li span, .section2 .article1 p a {font-size:14px;}
		.b_board > ul > li ul {top:60px;}

	}
	@media(max-width:500px){
		.section2 .article1{height:310px;  background:url(../images/bg1.jpg) no-repeat 40%; background-size:cover;}
		/* .section2 .article1 li:first-child {padding:15% 5% 0} */
		.section2 .article1 li img {display:none;}
		.section2 .article1 li .inner {left:15%; top:65px;}
		.section2 .article1 p {width:100%;}
		/* .section2 .article1 li .inner{width:65%; left:45%; top:50px;} */
	}