.scon_tit {position:relative; text-align:center; margin:80px 0 55px 0; font-size:2.25em; color:#000; line-height:1.4; font-weight:600; word-break:keep-all; background:none;} 
.scon_tit:before{position:absolute; top:-25px; left:49.9%; width:1px; height:20px; background:#000; content:"";}

.slogan_box {width:100%; padding:8% 4%; text-align:center; transition: 0.5s all ease; }
.slogan_box.bg2 {background:#222 url('../mission/image/slogan_bg02.jpg')no-repeat 20% 50%; background-size:cover;}
.slogan_box.bg3 {background:#222 url('../mission/image/slogan_bg03.jpg')no-repeat 20% 50%; background-size:cover;}
.slogan_box .slogan_txts {width:100%; }
.slogan_box .slogan_txts span {display:block; font-size:1.5em; color:#fff; line-height:1.4; }
.slogan_box .slogan_txts p {display:block; margin-top:10px; font-size:4em; color:#fff; line-height:1; font-family: 'Do Hyeon', sans-serif; word-break:keep-all; transition: 0.5s all ease;}

a.btn_all {display:block; width:250px; padding:20px 20px; line-height:1.4; text-align:center; font-size:1.25em; color:#fff; background:#93725f; margin:50px auto 0; transition: 0.5s all ease; }
a.btn_all i {margin-left:5px;}
a.btn_all:hover {color:#fff; background:#2e2422; }


.mission_desc {margin-bottom:50px; }
.mission_desc p { font-size:1.15em; color:#000; line-height:1.6; word-break:keep-all;}
.mission_desc p strong {color:#000; font-weight:500;}


/* 국내선교 */
.mission1-1 {width:100%; margin-top:50px; }
.mission1-1:after{ content:""; display:block; clear:both;}
.mission1-1 ul {display:flex; flex-wrap:wrap; justify-content: space-between; gap:5px; }
.mission1-1 ul li {width:32%;}
.mission1-1 ul li .imgs {width:100%; background:#f5f5f5;}
.mission1-1 ul li .imgs img {max-width:100%;}
.mission1-1 ul li .txts {position:relative; top:-40px; margin-bottom:-70px; display:flex; flex-direction: column; justify-content: center; width:90%; padding:30px; background:#fff;}
.mission1-1 ul li .txts strong {display:block; font-size:1.5em; color:#000; line-height:1.2;}
.mission1-1 ul li .txts p {display:block; margin-top:15px; font-size:1.1em; color:#000; line-height:1.6; word-break:keep-all; }

.mission1-2 { width:100%;}
.mission1-2 dl{width:100%; font-size:0;}
.mission1-2 dl dd{ display:inline-block; vertical-align:top; width:24.25%; margin-right:1%; margin-bottom:1%; line-height:1.6; text-align:center; font-size:17px; color:#000; border:1px solid #ddd;  transition: 0.3s all ease; }
.mission1-2 dl dd a {display:block; padding:10px; }
.mission1-2 dl dd img{max-width:100%; display:block; margin-bottom:10px; margin:0 auto;}
.mission1-2 dl dd:nth-child(4n) {margin-right:0;}



/* 해외선교 */
.mission2-1 {width:100%; margin-top:50px;}
.mission2-1:after{ content:""; display:block; clear:both;}
.mission2-1 ul {width:100%; }
.mission2-1 ul li {float:left; width:100%; margin-bottom:80px;}
.mission2-1 ul li:last-child {margin-bottom:0;}
.mission2-1 ul li .mission_tit {float:left; width:20%; font-size:1.7em; color:#000; line-height:1.2; font-weight:500; word-break:keep-all;}
.mission2-1 ul li .mission_tit span { display:block; }
.mission2-1 ul li .mission_txts {float:left; width:80%; } 
.mission2-1 ul li .mission_txts p { font-size:1.15em; color:#000; line-height:1.6; word-break:keep-all;}
.mission2-1 ul li .mission_txts p span {color:#FE8B4A; font-weight:500;}
.mission2-1 ul li .mission_txts dl{display:flex; flex-wrap:wrap; justify-content: space-between; gap:15px; }
.mission2-1 ul li .mission_txts dl dd{ width:32%; padding:15px 20px; line-height:1.6; text-align:center; font-size:1.25em; font-weight:500; border-radius:50px; background:#f5f5f5;}
.mission2-1 ul li .mission_txts dl dd.on{color:#fff; background:#93725f;}


/* 해외선교부 */
table.tbl_mission2-1 { width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
table.tbl_mission2-1 tbody {text-align:center; }
table.tbl_mission2-1 tbody tr th {padding:15px 10px; font-size:1.05em; color:#000; line-height: 1.4; font-weight:500; border-bottom:1px solid #ddd;}
table.tbl_mission2-1 tbody tr td {padding:15px 20px; font-size:1.05em; color:#222; line-height: 1.4; text-align:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
table.tbl_mission2-1 tbody tr:nth-child(even) {background:#f9f9f9;}


/* 협력 및 파송선교사 */
table.tbl_mission2-2 { width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #000; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
table.tbl_mission2-2 thead {text-align:center; background:#fff; }
table.tbl_mission2-2 thead tr th{padding:15px 10px; font-size:1.05em; color:#000; line-height: 1.4; font-weight:500; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
table.tbl_mission2-2 tbody {text-align:center;}
table.tbl_mission2-2 tbody tr td {padding:15px 20px; font-size:1.05em; color:#222; line-height: 1.4; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
table.tbl_mission2-2 tbody tr:first-child  td {border-top:0;}
table.tbl_mission2-2 tbody tr td:nth-child(4) {text-align:left;}


/* 사역소개 */
.mission3_tit {width:100%; margin:0 auto; }
.mission3_tit:after{ content:""; display:block; clear:both;}
.mission3_tit .tit {font-size:1.7em; color:#000; font-weight:400; line-height:1.4; }
.mission3_tit .tit strong {display:inline-block; font-size:1em; color:#000; font-weight:700;}
.mission3_tit .tit strong p {display:inline-block; font-size:1.5em; color:#000; font-weight:700; }
.mission3_tit .desc {display:block; margin-top:15px; font-size:1.15em; line-height:1.6; }
.mission3-1 {width:100%; max-width:1400px; margin:80px auto 0; }
.mission3-1:after{ content:""; display:block; clear:both;}
.mission3-1 ul {display:flex; flex-wrap:wrap; justify-content: space-between; }
.mission3-1 ul li {display:flex; align-items: center; width:100%; text-align:center; margin-bottom:50px; transition: 0.3s all ease;}
.mission3-1 ul li:last-child {margin-bottom:0;}
.mission3-1 ul li .imgs {width:50%; border-radius:0; overflow:hidden; transition: 0.3s all ease;}
.mission3-1 ul li .imgs img {max-width:100%;transition: 0.3s all ease;}
.mission3-1 ul li .txts {display:flex; flex-direction: column; justify-content: center; align-items: flex-start; width:50%; padding:0 4%; transition: 0.3s all ease;}
.mission3-1 ul li .txts strong {width:100%; font-size:2.2em; line-height:1.2; font-weight:700; word-break:keep-all; text-align:left;}
.mission3-1 ul li .txts dl {width:100%; margin-top:30px; text-align:left; }
.mission3-1 ul li .txts dl dt {display:block; margin-bottom:15px; font-size:1.5em; color:#000; line-height:1.2; font-weight:500; position:relative; padding-left:25px;}
.mission3-1 ul li .txts dl dt:before{display:block; position:absolute; content:'\f138'; font-family: "FontAwesome"; top:2px; left:0; font-size:0.8em; color:#624A3E}
.mission3-1 ul li .txts dl dd {width:100%; margin-bottom:30px;} 
.mission3-1 ul li .txts dl dd:last-child {margin-bottom:0;}
.mission3-1 ul li .txts dl dd p {display:block; margin-bottom:10px; font-size:1.05em; color:#333; line-height:1.4; word-break:keep-all;  }
.mission3-1 ul li .txts dl dd p em {display:inline-block; vertical-align:top; width:20px; font-style:normal;}
.mission3-1 ul li .txts dl dd p span {display:inline-block; vertical-align:top; width:calc(100% - 20px); }
.mission3-1 ul li:nth-child(even) { flex-direction: row-reverse; }
.mission3-1 ul li:hover .imgs img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }




/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.mission2-1 ul li {margin-bottom:50px;}
	.mission2-1 ul li .mission_tit {width:100%; }
	.mission2-1 ul li .mission_txts { width:100%; margin-top:20px;} 

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	

	.slogan_box .slogan_txts span {font-size:1.25em;}
	.slogan_box .slogan_txts p {font-size:3em;}

	.mission2-1 ul li .mission_tit {font-size:1.5em;}
	.mission2-1 ul li .mission_txts p { font-size:1em;}

	.mission3-1 ul li {flex-direction: column; margin-bottom:0;}
	.mission3-1 ul li .imgs {width:100%; }
	.mission3-1 ul li .imgs img {width:100%; border-radius:0px;}
	.mission3-1 ul li .txts {width:100%; padding:20px 4% 40px 4%;}
	.mission3-1 ul li:nth-child(even) { flex-direction: column; }
	.mission3-1 ul li:last-child .txts {padding-bottom:0;}
	
}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
		
	.scon_tit {margin:60px 0 20px 0; font-size:1.85em;}

	.mission_desc p {font-size:1em;}


	.mission1-1 ul li {width:100%; }
	.mission1-1 ul li .txts {margin-bottom:-40px;}
	.mission1-1 ul li .imgs img {width:100%;}		

	.mission1-2 dl dd{ width:49%; margin-right:2%; margin-bottom:2%; font-size:13px;}
	.mission1-2 dl dd:nth-child(4n){margin-right:2%;}
	.mission1-2 dl dd:nth-child(2n){margin-right:0;}

	.mission3_tit .tit {font-size:1.25em;}
	.mission3_tit .desc { font-size:1em;}

	.mission3-1 { margin-top:50px;}
	.mission3-1 ul li .txts strong {text-align:center; font-size:1.5em;}
	.mission3-1 ul li .txts p { font-size:1.15em;}
	.mission3-1 ul li .txts dl {margin-top:20px;}
	.mission3-1 ul li .txts dl dt {font-size:1.25em; padding-left:20px;}

}

/* 반응형 작은기기 640px 이하 */

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

	.slogan_box .slogan_txts p {font-size:2.25em;}
	
	a.btn_all { width:60%; padding:15px; font-size:1.15em;}
	
}

/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	


	table.tbl_mission1-1 tbody tr td {padding:15px 8px; }

	table.tbl_mission2-2 tbody tr td {padding:15px 8px; }


}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}