/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/















/*테이블*/

section .table_wrap .table {border-top: 2px solid #555;border-bottom: 1px #ddd solid;}

section .table_wrap caption {font-weight: 600;color: #000;font-size: 18px;padding-bottom: 15px}

section .table_wrap .table th {width: 120px;padding-left: 18px;}

section .table_wrap .table th, section .table_wrap .table td {padding-top: 15px;padding-bottom: 15px;line-height: 25px;}





section.sub_con {font-size:16px !important;letter-spacing:-0.04em;line-height:30px !important;}
.page-header {margin-top:60px;}
.mo_off{display:block}
.pc_on {display:none}

span.ym_h4 {font-size:23px;margin:0;padding:0;line-height:30px;display:block;margin-bottom:5px;font-weight:700;}
span.ym_h4 img {margin-right:15px;}



@media (max-width: 767px) {

.mo_off{display:none}
.pc_on {display:block}
}

/*교회규약*/
span.ym_h5{font-size:18px;color:#0072bc;margin:0;padding:0;line-height:27px;display:block;margin-bottom:5px;font-weight:700;}
ul.ym_prom_list {margin-bottom:30px;}
ul.ym_prom_list li {}
div.ym_prom_end {margin-top:50px;text-align:center;font-size:16px;line-height:30px;}

@media (max-width: 480px) {

div.ym_prom_end {font-size:14px;}

}

/*목회비전*/

div.ym_vision_img {text-align:center;}
div.ym_vision_img img {width:100%;}
.collapsible {font-size:23px;font-weight:700;background:#fff;color:#222;border-bottom:1px dashed #ccc !important;border-top:1px dashed #ccc !important;cursor: pointer;padding: 15px 10px;width: 100%;border: none;text-align: left; outline: none;letter-spacing:-0.04em;}
.collapsible img {margin-right:15px;}

.active2, .collapsible:hover {background-color: #fefefe;color:#282b39}
.collapsible:after {content: '\002B';font-weight: bold;float: right;margin-left: 5px;}
.active2:after {content: "\2212";}
.vision_con {padding: 23px 0px;max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; background-color: #fff;}
@media (max-width: 480px) {
.collapsible {font-size:18px;}
}



/*교회역사*/

ul.ym_his_btn {margin:0 auto;text-align:right;font-size:0;}
ul.ym_his_btn:after{clear:both;content:'';display:block;}
ul.ym_his_btn li {width:calc(100%/4);height:45px;line-height:45px;display:inline-block;margin:0 auto;text-align:center;margin-left:-1px;}
ul.ym_his_btn li a {font-size:18px;width:100%;display:inline-block;height:45px;color:#222;margin:0 auto;text-decoration:none;background:#fefefe;border:1px solid #ccc;}
ul.ym_his_btn li:nth-of-type(2) {}
ul.ym_his_btn li a.his_over {background:#4a6583;color:#fff;font-weight:700;border:1px solid #4a6583;}
.ym_his{font-size:18px;display:block;height:40px;line-height:40px;width:150px;background:#555;text-align:center;color:#fff;}

@media (max-width: 767px) {

ul.ym_his_btn li a {font-size:16px;}
.ym_his{font-size:16px;}
}


.ym_history_set{margin-top:70px; padding-left:5px;}

.ym_history_line{display:flex;}
.ym_history_line .year{min-width:220px;font-size:35px; font-weight:600; color:#00a2e5; position:relative;}
.ym_history_line .year_img {margin-top:30px;margin-bottom:30px;}
.ym_history_line .year_img img {width:90%;}
.ym_history_line .year:before{content:""; display:block; width:60px; height:1px; background:#00a2e5; position:absolute; top:18px; left:126px;}
.ym_history_line .year:after{content:""; display:block; width:20px; height:20px; background:#fff; border:5px solid #00a2e5; border-radius:100%; position:absolute; top:9px; right:-4px;}

.ym_history_line ul{padding-left:30px;}
.ym_history_line ul{margin-top:10px;position:relative; width:80%; padding-bottom: 30px;}
.ym_history_line ul:before{content:""; display:block; width:1px; height:100%; background:#e9e9e9; position:absolute; top:19px; left:-6px;}

/*.ym_history_set>div:last-child ul:before{display:none;}
.ym_history_line ul li{margin-bottom:30px;}*/
.ym_history_set>div:nth-child(1) ul li:nth-child(1){margin-top:0;}
.ym_history_line ul li .month{position:absolute; font-size:14px;font-weight:600;}
.ym_history_line ul li .detail{/*padding-left:80px;*/padding-left:115px; margin-bottom:12px;}


@media screen and (max-width: 767px){

.ym_history_set{padding-left:0;}
.ym_history_line{display:block;}
.ym_history_line .year{min-width:auto; font-size:30px; display:inline-block;}
.ym_history_line .year_img {display:none;}
.ym_history_line ul li .month{font-size:12px;}
.ym_history_line .year:before{display:none;}
.ym_history_line .year:after{right:-20px;top:13px;}
.ym_history_line ul{width:90%; padding-left:15px;}
.ym_history_line ul:before, .ym_history_line .year:after{display:none;}

}

@media screen and (max-width: 480px){	
.ym_history_line .year{font-size:25px;}
.ym_history_line .year:after{top:9px;}
.ym_history_line ul li .detail{margin-bottom:8px;padding-left:90px;}

}




/*조직*/
.logic-left {text-align: center; height: 500px;}
.logic-left h2 {font-size: 38px;margin-bottom: 20px;font-weight: 700;font-family: 'Open Sans', sans-serif;color: #000;margin-top: 0;}
.logic-left span {}

.logic-right {background: url("../../img/sub/dot_back.png") 30px 0% repeat-y; margin-top: 10px;}
.logic-right ul {background: url("../../img/sub/dot_e.png") 10px 2% no-repeat;margin-bottom: 35px;border-bottom: 0;}
.logic-right li {}
.logic-right li.title {font-size: 25px;font-weight: 700;color: #000;padding-bottom: 12px;}
.logic-right li span.mon {font-weight: 600;color: #000000;content: "-";font-size: 12px;}
.logic-right li span.mon:after {content: " . ";}
.logic-right li span.mon2 {font-weight: 400;color: #2B4471;content: "-";font-size: 12px;}
.logic-right li span.mon2:after {content: " ";}
.logic-right ul.list-unstyled {border-bottom: 0 !important;padding-left: 43px;}

@media (max-width: 767px) {
.logic-right li.title {font-size: 23px;}
}


@media (max-width: 480px) {
.logic-right li.title {font-size: 20px;}
}




/*교역자소개*/
div.ym_person_line{border-bottom:1px solid #ddd; padding-bottom:30px;margin-bottom:35px; overflow:hidden; position:relative}

	ul.ym_person {width:100%;}
	ul.ym_person:after {clear:both;content:'';display:block;}
	ul.ym_person > li {float:left;}
	ul.ym_person > li:nth-of-type(1) {width:30%;}
	ul.ym_person > li:nth-of-type(1) img {width:100%;}
	ul.ym_person > li:nth-of-type(1) span {display:block;text-align:right;margin-top:5px;}
	ul.ym_person > li:nth-of-type(2) {margin-left:5%;width:65%;}
		div.ym_per_list_set {margin-top:15px;}
		/*목사님갤러리*/
		div.ym_per_list {padding-bottom:5px; padding-top:5px;overflow:hidden; position:relative}
		div.ym_per_list > div {float:left;}
		div.ym_per_list > div:nth-of-type(1) {width:25%;font-size:16px;height:35px;border:1px solid #0072bc; line-height:35px; text-align:center; font-weight:500;color:#222;}
		div.ym_per_list > div:nth-of-type(2) {margin-left:2%;width:73%;}
		div.ym_per_list:after{clear:both;content:'';display:block;}

        /*학력약력박스*/
		div.ym_per_box {width:100px;font-size:16px;height:35px;border:1px solid #0072bc; line-height:35px; text-align:center; font-weight:500;color:#222;}
		span.ym_it {font-size:14px;}

	@media (max-width: 992px) {
		ul.ym_person > li:nth-of-type(1) {width:100%}
		ul.ym_person > li:nth-of-type(2)  {width:100%;margin-left:0;margin-top:20px;}

	}

	@media (max-width: 767px) {

	div.ym_per_list > div:nth-of-type(1) {width:35%;font-size:15px;}
	div.ym_per_list > div:nth-of-type(2) {width:63%;}

	}
	@media (max-width: 480px) {

	div.ym_per_list > div:nth-of-type(1) {width:45%;font-size:14px;}
	div.ym_per_list > div:nth-of-type(2) {width:53%;}

	}



/*모임안내*/
.sub-line{background:#666; width:50px; height:1px; margin:20px auto 0 auto }
div.ym_meet {font-size:28px;text-align:center;line-height:35px;}
div.ym_meet_img {text-align:center;margin-top:50px;}
div.ym_meet_img img {width:100%;}
div.ym_meet_list_set {margin-top:50px;}
div.ym_meet_list{border-bottom:1px solid #ddd; padding-bottom:25px; padding-top:35px;overflow:hidden; position:relative}
div.ym_meet_tit{ font-size:18px; width:20%; height:50px;background:#0072bc;line-height:50px; text-align:center; font-weight:500;color:#fff;}
	.meet_col{background:#003471 !important;}
	
div.ym_meet_con{font-size:20px;line-height:50px; padding-left:50px;width: 30%;}
div.ym_meet_list > div {float:left;}

@media (max-width: 850px) {


div.ym_meet_tit{ font-size:16px; }
div.ym_meet_con{font-size:18px;}
}

@media (max-width: 767px) {

div.ym_meet_con{padding-left:20px;}
}

@media (max-width: 680px) {

div.ym_meet_tit{width:50%;}
	.meet_mt5 {margin-top:5px;}
div.ym_meet_tit{ font-size:14px; }
div.ym_meet_con{font-size:15px;width: 50%;}
div.ym_meet_list_set {margin-top:20px;}
}




/* 찾아오시는 길 */
ul#sub_add_tel {}
ul#sub_add_tel:after {clear:both;content:'';display:block;}
ul#sub_add_tel li {float:left;font-size:20px;}
ul#sub_add_tel li:nth-of-type(1) {width:40%;}
ul#sub_add_tel li:nth-of-type(2){width:60%;}
ul#sub_add_tel li img {margin-right:10px;}
#sub_map {margin-top:40px;}
#daumRoughmapContainer1583735254486 {width:100% !important;}


@media (max-width: 992px) {

ul#sub_add_tel li:nth-of-type(1), ul#sub_add_tel li:nth-of-type(2) {width:100%}
ul#sub_add_tel li:nth-of-type(2) {margin-top:10px;border-left:0px}

}

@media (max-width: 767px) {

ul#sub_add_tel li {font-size:18px;}
}

@media (max-width: 480px) {

ul#sub_add_tel li img {width:35px;}
ul#sub_add_tel li {font-size:16px;letter-spacing:-0.06em;}

}

/*생명의말씀*/
div.ym_say_list_set {}
div.ym_say_list{border-bottom:1px solid #ddd; padding-bottom:25px; padding-top:35px;overflow:hidden; position:relative}
div.ym_say_tit{ font-size:18px; width:20%; height:50px;background:#0072bc;line-height:50px; text-align:center; font-weight:500;color:#fff;}
div.ym_say_tit:hover {background:#00a2e5;}
div.ym_say_tit a {color:#fff;text-decoration:none;display:block;height:50px;}
	.say_col{background:#003471 !important;}
	
div.ym_say_con{font-size:20px;line-height:50px;width: 80%;}
div.ym_say_con a {font-size:18px;color:#fff;text-decoration:none;display:inline-block;height:50px;background:#768ca2;width:25%;text-align:center; margin-left:20px;}
div.ym_say_con a:nth-of-type(4), div.ym_say_con a:nth-of-type(5), div.ym_say_con a:nth-of-type(6), div.ym_say_con a:nth-of-type(7), div.ym_say_con a:nth-of-type(8), div.ym_say_con a:nth-of-type(9), div.ym_say_con a:nth-of-type(10) {margin-top:20px;}
div.ym_say_con a:hover {background:#4a6583;}
div.ym_say_list > div {float:left;}

span.ym_say {display:block;height:50px;line-height:50px;width:200px;border:1px dashed #003471;font-size:23px;font-weight:700;}
span.ym_say img {margin:auto 10px;}
@media (max-width: 767px) {

div.ym_say_tit{ font-size:16px;width:100%}
div.ym_say_con {width:100%}
div.ym_say_con a {font-size:16px;width:calc(98%/2); margin-left:0px;margin-top:10px;}
div.ym_say_con a:nth-of-type(4), div.ym_say_con a:nth-of-type(5), div.ym_say_con a:nth-of-type(6), div.ym_say_con a:nth-of-type(7), div.ym_say_con a:nth-of-type(8), div.ym_say_con a:nth-of-type(9) {margin-top:10px;}
div.ym_say_con a:nth-of-type(2n) {margin-left:2%;}

}

@media (max-width: 480px) {
span.ym_say  {font-size:18px;}
}




ul.word_btn {margin:0 auto 20px auto;text-align:right;font-size:0;}
ul.word_btn:after{clear:both;content:'';display:block;}
ul.word_btn li {width:25%;height:50px;line-height:50px;display:inline-block;margin:0 auto;text-align:center}
ul.word_btn li a {font-size:18px;width:100%;display:inline-block;height:50px;color:#fff;margin:0 auto;text-decoration:none;background:#4a6583;}
ul.word_btn li a img {margin-right:5px;}
ul.word_btn li:first-child {margin-right:1%;}
ul.word_btn li a:hover {background:#0072bc;color:#ffffff}

@media (max-width: 992px) {
ul.word_btn li {width:35%;}
}

@media (max-width: 767px) {
ul.word_btn li a {font-size:16px;}
ul.word_btn li {width:49.5%;}
}

@media (max-width: 480px) {
ul.word_btn li:first-child {margin-bottom:1%;}
ul.word_btn li {width:100%;}
}








/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/
/*******************************************************************************************************************************************************/











/* ceo인사말 */

section.company_01 h3 {
    font-family: 'Noto Sans KR', sans-serif, Helvetica;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    padding-bottom: 20px;
}

section.company_01 p.text {
    line-height: 28px;
}

section.company_01 .ceo img {
    width: 280px;
    height: 280px;
}


/* 회사소개 */

section.company_02 .title-wrap {
    border-bottom: 1px #eee solid;
    padding-bottom: 30px;
    /*    margin-bottom: 50px;*/
}

section.company_02 .title-wrap h2 {
    font-weight: 600;
}

section.company_03 .title-wrap p {}


/* 연혁 */

section.company_03 dt {
    width: auto;
    margin-bottom: 10px;
}

section.company_03 dd {
    padding-left: 20px;
    border-left: 3px #eee solid
}

section.company_03 dt:after {
    /*    content: " / "*/
}

section.company_03 .history-left {
    text-align: center;
    /*    background: url('../../img/sub/company.jpg') 0% 20% no-repeat;*/
    height: 500px;
}

section.company_03 .history-left h2 {
    font-size: 38px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-top: 0;
}

section.company_03 .history-left span {}

section.company_03 .history-left p {
    margin-top: 50px;
}

section.company_03 .history-right {
    background: url("../../img/sub/dot_back.png") 11px 0% repeat-y;
    margin-top: 10px;
}

section.company_03 .history-right ul {
    background: url(../../img/sub/dot.png) 0 2% no-repeat;
    margin-bottom: 35px;
    border-bottom: 0;
}

section.company_03 .history-right li {}

section.company_03 .history-right li.title {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    padding-bottom: 12px;
}

section.company_03 .history-right li span.mon {
    font-weight: 600;
    color: #000000;
    content: "-";
    font-size: 12px;
}

section.company_03 .history-right li span.mon:after {
    content: " . ";
}

section.company_03 .history-right li span.mon2 {
    font-weight: 400;
    color: #2B4471;
    content: "-";
    font-size: 12px;
}

section.company_03 .history-right li span.mon2:after {
    content: " ";
}

section.company_03 .history-right ul.list-unstyled {
    border-bottom: 0 !important;
    padding-left: 40px;
}