html,body{word-break: keep-all !important;}

/*modal*/
#modal_Black{display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.7); z-index:9999999;}
#modal_con{position:fixed; top:50%; left:50%; z-index:999999999; background:#fff; width:40%; padding:30px; overflow-y:auto; box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.6);}
.modal_close {position:absolute; top:10px; right:10px; display:block; width:20px; height:20px; line-height:20px;
	cursor:pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color:#95979c;
}
.modal_close:hover,
.modal_close:focus{color:#2b2e38;}
.modal_close:before {content: "\00d7"; display:block; font-size:20px;}


/*인사말*/
.about1 > p{float:left; width:30%;}
.about1 .inner_about{float:right; width:65%; padding-left:20px; box-sizing:border-box;}

.about1 .inner_about .txt0{margin-bottom:20px;}
.about1 .inner_about .txt0 p{margin-bottom:20px; line-height:145%;}

.about1 .inner_about .mov{margin-bottom:20px;}

.about1 .inner_about .txt1 p{margin-bottom:20px; line-height:145%;}
.about1 .inner_about .txt1 p:last-child{text-align:center;}

@media screen and (max-width:800px) {
	.about1 > p{width:40%;}
	.about1 .inner_about{width:60%;}
}
@media screen and (max-width:580px) {
	.about1 > p,
	.about1 .inner_about{width:90%; margin:0 auto; float:none; padding:0;}
	.about1 > p{width:90%; margin:0 auto 50px; text-align:center;}
}

/*담임*/
.about2 > p{margin-bottom:20px; color:#3b7ac8; font-weight:400}
.about2 h3{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px;}
.about2 h3:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}
.about2 > div{margin-bottom:40px;}
.about2 > div p{margin-bottom:15px;}
.about2 > div ul{margin-bottom:20px; padding:0 20px;}
.about2 > div ul li{margin-bottom:5px;}

/*담임목사님소개 20.05.21수정*/
.about3 h3{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px;}
.about3 h3:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}

.about3 .inner_about1,
.about3 .inner_about2,
.about3 .inner_about3,
.about3 .inner_about4,
.about3 .inner_about5{margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #ddd;}

/*.about3 .inner_about1{overflow:hidden;}
.about3 .inner_about1 > p{float:left; width:35%}
.about3 .inner_about1 > div{float:right; width:65%; padding-left:20px; box-sizing:border-box;}
.about3 .inner_about1 > div p{margin-bottom:15px;}*/

.about3 .inner_about1{overflow:hidden; background:#42444c; padding:30px; border:0; }
.about3 .inner_about1 > p{float:left; width:35%}
.about3 .inner_about1 > div{float:right; width:65%; padding:25px 20px 0 50px; box-sizing:border-box; font-size:18px; color:#ececec; }
.about3 .inner_about1 > div h2{font-size:26px; color:#fff !important; margin-bottom:25px; }
.about3 .inner_about1 > div p{margin-bottom:25px; line-height:160%; }
.about3 .inner_about1 > div p span{color:#a5cdff; }

.about3 .inner_about2 p{text-align:center; margin-bottom:20px;}
.about3 .inner_about2 ul{font-size:0; text-align:center;}
.about3 .inner_about2 ul li{display:inline-block; margin:1%;}
.about3 .inner_about2 p a{background:#3963b8; border-radius:50px; padding:10px 30px; display:inline-block; color:#fff;}
.about3 .inner_about2 p a:hover{background:#222}

.about3 .inner_about3 .mov{margin:0 auto 50px; width:70%; box-sizing:border-box; border:2px solid #333}

.about3 .inner_about4 > div{background:#f5f5f5; border:1px solid #ededed; padding:30px; margin-bottom:30px;}
.about3 .inner_about4 > div p{margin-bottom:14px; font-size:16px;}
.about3 .inner_about4 > div p img{width:100%;}
.about3 .inner_about4 > div p strong{color:#3963b8; font-weight:400; display:block; font-size:18px;}

.about3 .inner_about5 h4{width:76px; background:#6383ca; height:26px; line-height:26px; border-radius:26px; text-align: center; color:#fff !important; margin-bottom:20px; }
.about3 .inner_about5 > div{background:#f5f5f5; border:1px solid #ededed; padding:30px; margin-top:30px;}
.about3 .inner_about5 > div li{position:relative; padding-left:10px; margin:10px 0; line-height: 140%; font-size:16px; }
.about3 .inner_about5 > div li:before{content:"\00b7"; position: absolute; left:0;}

@media screen and (max-width:800px) {
  .about3 .inner_about2 ul li{width:31%}
	.about3 .inner_about3 .mov{width:100%;}

	.about3 .inner_about1 > p{width:40%; }
	.about3 .inner_about1 > div{width:60%; padding:10px 0 0 30px; font-size:17px; }
}
@media screen and (max-width:680px) {
	.about3 .inner_about1{padding:20px; }
  .about3 .inner_about1 > p,
  .about3 .inner_about1 > div{float:none; width:100%; padding-left:0px;}
	.about3 .inner_about1 > p{text-align:center; margin-bottom:30px;}

	.about3 .inner_about4 > div{padding:20px;}

	.about3 .inner_about5 > div{padding:20px;}
}

/*매스컴*/
.about5 .inner_about{display:table; margin-bottom:50px;}
.about5 .inner_about > p,
.about5 .inner_about > div{display:table-cell; box-sizing:border-box;}
.about5 .inner_about > p{width:50%;}
.about5 .inner_about > div{width:50%; padding-left:30px; padding-top:15px;}

.about5 h3{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px;}
.about5 h3:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}

.about5 .inner_about > p{box-shadow:2px 5px 5px rgba(0,0,0,.5)}
.about5 .inner_about > div p{margin-bottom:10px; padding:0 25px; color:#212121}
.about5 .inner_about > div p span{font-size:14px; display:block; color:#555}
.about5 .inner_about > div a{background:#3963b8; border-radius:50px; padding:5px 30px; display:inline-block; color:#fff; margin-left:25px;}

.about5 .about5_inner1 ul{text-align:center; font-size:0}
.about5 .about5_inner1 ul li{display:inline-block; width:31.3%;}
.about5 .about5_inner1 ul li:nth-child(2){margin:0 3%;}
.about5 .about5_inner1 ul li p{font-size:16px; font-weight:400; padding:5px 0}

.about5 .about5_inner2{margin-top:50px;}
.about5 .about5_inner2 h3 span{color:#4c72c5; }
.about5 .about5_inner2 ul{text-align:center; font-size:0; background:#a0cdca; padding:0 0 20px 0}
.about5 .about5_inner2 ul li{display:inline-block; width:25%;}
.about5 .about5_inner2 ul li p{font-size:16px; margin-bottom:10px; padding:0 25px; color:#212121; font-weight:400}
.about5 .about5_inner2 ul li p span{font-size:14px; display:block; color:#555}

.about5 #modal_con{width:auto; border-radius:20px; }


@media screen and (max-width:580px) {
    .about5 .inner_about > p,
    .about5 .inner_about > div{display:block; width:100%; padding-left:0px; }

    .about5 .about5_inner2 ul li{width:50%;}

		.about5 #modal_con{width:80%; margin-left: -40% !important; box-sizing:border-box; }
		.about5 #modal_con audio{width:100%; }
}
@media screen and (max-width:420px) {
    .about5 .inner_about > div p{padding:0}
	.about5 .inner_about > div a{margin-left:0px;}
    .about5 .about5_inner1 ul li:nth-child(2){margin:0%;}
	.about5 .about5_inner1 ul li{width:100%;}


}
@media screen and (max-width:320px) {
     .about5 .about5_inner2 ul li{width:100%;}
}

/*예배*/
.about6 h2{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px;}
.about6 h2:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}
.about6 table{border-top:2px solid #222; width:100%; margin-bottom:40px;}
.about6 td{font-family:'Noto Sans KR'; font-size:15px; border-bottom:1px solid #ddd; padding:15px 10px; color:#454545; line-height:145%; text-align:center; }
.about6 th{font-family:'Noto Sans KR'; font-size:15px; border-bottom:1px solid #ddd; padding:15px 10px; text-align:center; color:#454545; background:#f5f5f5;}
.about6 td,
.about6 th{vertical-align:middle; word-break:break-all;}
@media screen and (max-width:580px) {
	.about6 td,
	.about6 th{padding:10px 6px; }
}

/*새가족*/
.about7 > p{color:#222 !important; margin-bottom:15px;}
.about7 h3{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px; margin-top:30px;}
.about7 h3:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}
.about7 > div{padding:20px; background:#f5f5f5; border:1px solid  #ededed;}
.about7 > div span{color:#2b5aaf; font-weight:400}

@media screen and (max-width:800px) {
	.about7{width:95%; margin:0 auto; }
}
@media screen and (max-width:480px) {
	.about7{width:90%; margin:0 auto; }
}

/*찾아오시는길*/
.about8 h3{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px;}
.about8 h3:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}
.about8 h4{width:76px; background:#6383ca; height:26px; line-height:26px; border-radius:26px; text-align: center; color:#fff !important; margin-bottom:20px; margin-top:30px; }

.about8 .map{border:1px solid  #ededed; margin-bottom:30px;}

.about8 .map_img{border:1px solid #ddd; padding:40px; text-align:center; margin-bottom:30px; }

.about8 .map_box1{padding:30px 20px; border-bottom:1px dashed #ddd;}
.about8 .map_box1 ul li span{color:#212121; font-weight:400}
.about8 .map_box1 strong{font-weight:500; color:#222; }
.about8 .map_box1 > p{margin-top:15px; }

@media screen and (max-width:480px) {
	.about8 .map_img{padding:30px 20px; }
}

/*haral*/
.haral > p{margin-bottom:15px;}
.haral h3{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px; margin-top:30px;}
.haral h3:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}
.haral ul{padding:20px; background:#f5f5f5; border:1px solid  #ededed; margin-bottom:20px;}
.haral ul li{padding:5px 0px;}

@media screen and (max-width:800px) {
	.haral{width:95%; margin:0 auto; }
}
@media screen and (max-width:480px) {
	.haral{width:90%; margin:0 auto; }
}

/*art*/
.art h3{position:relative;font-size:24px; color:#000 !important; line-height:135%; font-weight:400; padding-left:25px; margin-bottom:15px;}
.art h3:after{position:absolute; content:""; background:url(/image/content/bullet1.png) no-repeat; width:20px; height:20px; left:0; top:25%;}

.art .inner_art1{margin-bottom:30px;}
.art .inner_art1 > p{text-align:center;}
.art table{border-top:2px solid #222; width:100%; margin-bottom:40px;}
.art td{font-family:'Noto Sans KR'; font-size:15px; border-bottom:1px solid #ddd; padding:15px 10px; color:#454545; line-height:145%;}
.art th{font-family:'Noto Sans KR'; font-size:15px; border-bottom:1px solid #ddd; padding:15px 10px; text-align:center; color:#454545; background:#f5f5f5;}
.art td,
.art th{vertical-align:middle;}

.art .inner_art2{background:#f5f5f5; border:1px solid #ededed; padding:30px; margin-top:30px;}
.art .inner_art2 a:hover{color:#3e82bd; }

@media screen and (max-width:680px) {
	.art .inner_art2{padding:20px; }
}