@charset "utf-8";

/*인사말 1 : custom_1 (원본 : 부천일신교회)*/
.cons .custom_1 {position: relative;}
.cons .custom_1 .inner {display: flex; position: relative;}
.cons .custom_1 .inner .imgbox {width: 495px; height: 370px; z-index: 3;}
.cons .custom_1 .inner .imgbox img{width: 100%;  height: inherit; object-fit: cover; z-index: 3;}
.cons .custom_1 .inner .inbox {display: flex; width:500px; align-items: center; margin-left: 7%; position: relative;}
.cons .custom_1 .inner .inbox h1 {padding-left: 30px; color: #000;font-size: 36px;font-weight: 300;line-height: 135%;font-family: "GmarketSansLight";}
.cons .custom_1 .inner .inbox h1:before {padding-left: 30px; content:"\f10d"; color: #fb5959; font-family: fontello; font-size: 30px; vertical-align: super; }
.cons .custom_1 .inner .inbox h1:after {content:"\f10e"; color: #fb5959; font-family: fontello; font-size: 30px; vertical-align: super;}
.cons .custom_1 .txtbox {position: absolute; width: 1129px; height: 124px; background-color: #486bcf; right: 0; top: 290px; z-index: -1;}
.cons .custom_1 .txtbox h1 {text-align: right; color: #fff; font-size: 36px; font-weight: 300; line-height: 124px; margin-right: 150px; font-family: "GmarketSansLight";}

@media (max-width:1200px){
	.cons .custom_1 .inner .imgbox {width: 500px;}
	.cons .custom_1 .inner .inbox {margin-left: 5%;}
	.cons .custom_1 .inner .inbox h1 {padding-top: 20px; font-size: 30px;}
	.cons .custom_1 .inner .inbox h1:before {font-size: 20px;}
	.cons .custom_1 .inner .inbox h1:after {font-size: 20px;}
	.cons .custom_1 .txtbox {position: static; width: 100%; height: 100px;}
	.cons .custom_1 .txtbox h1 {text-align: center; font-size: 30px; line-height: 100px; margin-right: 0px;}
}
@media (max-width:600px){
	.cons .custom_1 .inner {flex-direction: column;}
	.cons .custom_1 .inner .imgbox {width: 100%; height: auto;}
	.cons .custom_1 .inner .inbox {justify-content: center; margin-left: 0; width: 100%;}
	.cons .custom_1 .inner .inbox h1 {padding-left: 0px; font-size: 20px;}
	.cons .custom_1 .inner .inbox h1:before {padding-left:0; font-size: 16px;}
	.cons .custom_1 .inner .inbox h1:after {font-size: 16px;}
	.cons .custom_1 .txtbox {height: 60px;}
	.cons .custom_1 .txtbox h1 {font-size: 20px; line-height: 60px;}
}
@media (max-width:480px){
	.cons .custom_1 .inner .inbox h1 {font-size: 16px;}
	.cons .custom_1 .txtbox h1 {font-size: 16px;}
}

/*찾아오시는길1 (원본 : 부천일신교회)*/

@media screen and (max-width:1024px){
	.root_daum_roughmap {height:450px !important;}
}
@media screen and (max-width:450px){
	.root_daum_roughmap {height:360px !important;}
}

/*인사말 2 : custom_2 (원본 : 춘천석사교회)*/
.cons .custom_2 {display:table; width:100%; background:#efefef; padding:30px; margin-bottom:80px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
	.cons .custom_2 .intro_img {display:table-cell; vertical-align:middle; width:30%;}

	.cons .custom_2 .intro_txt {display:table-cell; vertical-align:middle; width:70%; padding-left:30px;}
		.cons .custom_2 .intro_txt h3 {color:#333; font-size:36px; font-weight:400; letter-spacing:-1px; margin-bottom:50px;}
		.cons .custom_2 .intro_txt h4 {font-weight:400; letter-spacing:-1px; /* margin-bottom:100px; */ line-height:130%;}
		.cons .custom_2 .intro_txt p {font-size:22px; letter-spacing:-1px; line-height:130%;}

@media screen and (max-width:1024px){
	.cons .custom_2 {margin-bottom:60px;}

	.cons .custom_2 .intro_txt h3 {font-size:32px;}
	.cons .custom_2 .intro_txt h4 {font-size:22px;}
	.cons .custom_2 .intro_txt p {font-size:20px;}
}
@media screen and (max-width:900px){
	.cons .custom_2 .intro_img {display:block; text-align:center; width:100%; margin-bottom:50px;}

	.cons .custom_2 .intro_txt {display:block; width:100%; text-align:center; padding-left:0;}
}
@media screen and (max-width:450px){
	.cons .custom_2 {margin-bottom:40px;}
}

/*섬기는사람들 : custom_3 (춘천석사교회)*/
.custom_3 .custom_3_box ul.tabs {overflow: hidden; width: 100%;}
.custom_3 .custom_3_box ul.tabs li {float: left; text-align: center; cursor: pointer; background: #fafafa; overflow: hidden; position: relative; height: 50px; line-height: 50px; width: 50%; border: 1px solid #ddd; border-right: 0 !important; font-weight: 400; font-size:18px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.custom_3 .custom_3_box ul.tabs li:last-child {border-right: 1px solid #ddd !important;}
.custom_3 .custom_3_box ul.tabs li.active {background: #fff; color: #486bcf;}
.custom_3 .custom_3_box .tab_container {margin-top: 50px;}
.custom_3 .custom_3_box .tab_content {display: none; padding: 0 20px;}

.custom_3 .custom_3_box .tab_content .custom_3_content > p {margin-bottom: 30px;}
.custom_3 .custom_3_box .tab_content .custom_3_content > p img {width: 100%;}
.custom_3 .custom_3_box .tab_content .custom_3_content h3 {font-size: 21px; line-height: 145%; color: #222; margin-bottom: 20px;}
.custom_3 .custom_3_box .tab_content .custom_3_content h3 .fas {color: #ec6161; padding-right: 5px;}

.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man {margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px;}

.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man:last-child { border-bottom: none;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man h3 {font-size: 21px; line-height: 145%; color: #222; margin-bottom: 20px;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man h3 .fas {color: #ef179b; padding-right: 10px;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic {overflow: hidden;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li {float: left; width: 50%; vertical-align: top; display: table; margin-bottom: 30px;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li:nth-child(2n) {float: right;}

.custom_3 .custom_3_box .tab_content .custom_3_content .inner_content > div > div:nth-child(3) > ul > li:nth-child(3) {clear: both;}

.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li > p,
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li > div {display: table-cell; vertical-align: middle; width:30%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li > p img {border:3px solid #ddd;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li > div {width: 70%; padding-left: 20px;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li > div p {line-height: 145%; margin-bottom:10px;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li > div p strong {font-size: 18px; color: #000;}

.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic1 {overflow: hidden;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic1 li {float: left; text-align: center; padding:10px; margin-bottom: 15px; width: 20%; box-sizing:border-box;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic1 li p {font-size: 16px; color: #222; margin-top: 10px; margin-bottom:10px;}
.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic1 li  p img {width: 140px; border:3px solid #ddd;}

@media screen and (max-width: 900px) {
	.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li {width:100%;}

	.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic1 li {width:25%;}
}

@media screen and (max-width: 730px) {
    .custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic1 li {width:33.33%;}
}

@media screen and (max-width: 540px) {
    .custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li {float: none; width: 100%;}
	.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li:nth-child(2n) {float: none;}

	.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic1 li {width: 50%;}
}

@media screen and (max-width: 480px) {
	.custom_3 .custom_3_box .tab_content .custom_3_content .man .inner_man ul.basic li > div p strong {font-size: 16px;	}

    .custom_3 .custom_3_box .custom_3 ul.tabs li:nth-child(1) {width: 30%;}
	.custom_3 .custom_3_box .custom_3 ul.tabs li:nth-child(2) {width: 30%;}
	.custom_3 .custom_3_box .custom_3 ul.tabs li:nth-child(3) {width: 40%;}

}

/*새가족등록안내 : custom_4 (춘천석사교회)*/
.custom_4_box .custom_4_inbox {width: 100%; overflow: hidden;}
.custom_4_box .custom_4_inbox_all {position: relative; display: table; float: left; width: 18%; height:300px; border-radius: 10px; margin-right: 9%;}
.custom_4_box .custom_4_inbox1 {background: #ecf4ff;}
.custom_4_box .custom_4_inbox2 {background: #fcfbea;}
.custom_4_box .custom_4_inbox3 {background: #fff2f2;}
.custom_4_box .custom_4_inbox4 {background: #edfbe8; margin-right: 0;}
.custom_4_box .custom_4_inbox_all:after {position: absolute; top: 32%; left: 120%; width: 29px; height: 88px; display: block; content: ""; background:url("/image/content/newfam/arrow2.png") no-repeat;}
.custom_4_box .custom_4_inbox4:after {display: none; margin-bottom: 70px;}

.custom_4_box .custom_4_inbox_all div {display: table-cell; vertical-align: middle; padding: 60px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.custom_4_box .custom_4_inbox_all div h4 {text-align: center; font-size: 26px; color: #405dab; margin-bottom: 20px;}
.custom_4_box .custom_4_inbox_all div p { text-align: center; margin-bottom: 0;}

.custom_4_box:first-child {padding-top:0;}

@media screen and (max-width: 1024px) {
  .custom_4_box .custom_4_inbox_all {float: none; width: 100%; height:auto; margin-bottom: 90px;}
  .custom_4_box .custom_4_inbox_all:after {top: 120%; left: 50%; margin-left: -44px; background: url("/image/content/newfam/arrow.png") no-repeat; width: 88px; height: 29px;}
  .custom_4_box .custom_4_inbox4 {margin-bottom: 0;}
  .custom_4_box .custom_4_inbox_all div {padding: 30px 20px;}
  .custom_4_box .custom_4_inbox_all div h4 {margin-bottom: 20px;}
}

/*비전과역사 : custom_5 (헤브론교회)*/
.custom_5 {width:100%;}
.custom_5 ul {width:870px; overflow:hidden; margin:40px auto;}
.custom_5 ul li {float:left; width:250px; height:250px; border-radius:50%; background:#b8daf5; text-align:center; margin:0 20px; padding-top:70px; box-sizing:border-box;}
.custom_5 ul li.bg {background:#98c6ea;}

@media screen and (max-width: 900px){
	.custom_5 ul {width:660px;}
	.custom_5 ul li {width:180px; height:180px; padding-top:45px;}
}

@media screen and (max-width: 680px){
	.custom_5 ul {width:180px;}
	.custom_5 ul li {float:none; margin:20px 0;}
}

/*교육부 : custom_6 (헤브론교회)*/
.custom_6 {width:100%; overflow:hidden; margin-top:60px;}
.custom_6 .custom_6_box {width:100%; margin-bottom:40px; display:table;}
.custom_6 .custom_6_box h1 {display:table-cell; vertical-align:middle; color:#fff; width:100px; height:100px; text-align:center;}
	.custom_6 .custom_6_box:nth-child(1) h1 {background:#6718b2;}
	.custom_6 .custom_6_box:nth-child(2) h1 {background:#1c65cc;}
	.custom_6 .custom_6_box:nth-child(3) h1 {background:#1aa8bc;}
	.custom_6 .custom_6_box:nth-child(4) h1 {background:#19bd72;}
.custom_6 .custom_6_box div {display:table-cell; vertical-align:middle; padding-left:40px; border: 1px solid #bbb;}
.custom_6 .custom_6_box div h5 {}
.custom_6 .custom_6_box div p {}

@media screen and (max-width: 600px){
	.custom_6 .custom_6_box h1 {display: block; width: 100%; height: auto; padding: 20px 0; margin-bottom: 0;}
	.custom_6 .custom_6_box div {display: block; width: 100%; padding-left: 0; text-align: center; padding: 20px 0; box-sizing: border-box;}
}