@charset "utf-8";

@media only screen and (max-width:999px) {
	#Header {height:60px;}
	#Header .headIn .logo {float:none; padding-top:10px; text-align:center;}
	#Header .headIn .logo img {width:200px;}
	#Util {position:static; overflow:hidden; width:100%; height:0; padding-top:30px; background:#f3f3f3 url('../images/btn_util_d.png') no-repeat 50% 10px; border-bottom:1px solid #ddd; text-align:center; z-index:70; cursor:pointer;}
	#Util.on {background:#f3f3f3 url('../images/btn_util_u.png') no-repeat 50% 10px;}
	#Util .utilBox {position:static; height:35px;}
	#Util .utilBox a {margin:0 4px 0 0; padding:10px 0 10px 9px;}
	#Util .solution {display:block; height:35px; background:#656565;}
	#Util .solution a {width:32%; height:25px; padding-top:11px; border-left:1px solid #fff; color:#fff; font-weight:bold;}
	#Util .solution a:first-child {border-left:0;}
	#Gnb {display:none;}
	.mGnb {position:absolute; top:60px; left:-1000px; width:100%; padding:0; background:#fff; border-bottom:1px solid #fff; z-index:603;}
	.mGnb > ul {text-align:left;}
	.mGnb > ul > li {display:block; width:100%; border-top:1px solid #fff; background:#6a9225; font-weight:bold;}
	.mGnb > ul > li > a {display:block; padding:10px 0 10px 10px; background:url('../images/bg_mgnbList.png') no-repeat 90% 50%; color:#fff; font-size:22px;}
	.mGnb > ul > li > a.on {background:#ddebc5; color:#333;}
	.mGnb > ul > li > ul {display:none; padding:10px 0 10px 30px; background:#fff;}
	.mGnb ul li .sub2 > li {padding-left:14px; background:url('../images/bar_sublist.gif') no-repeat 0 12px;}
	.mGnb ul li .sub2 > li > a {display:block; padding:5px 0; font-size:18px; font-weight:bold;}
	.mGnb ul li .sub3 > li {padding-left:30px; background:url('../images/dot_green3.gif') no-repeat 15px 50%;}
	.mGnb ul li .sub3 > li > a {display:block; padding:5px 0; font-size:15px; font-weight:bold;}
	.utilBox {top:6px;}
	#Quick {top:0;}
	.footIn address {padding-left:10px;}
	.footIn .sns {right:10px;}
	.goTop {right:10px;}
	.mobile {display:block;}
	.desktop {display:none !important;}
	.mainCont .btnAll {display:none;}
	.mainWrap {background:none;}
	.subWrap {background:none;}

	/* 전체메뉴 */
	.sitemap {display:none;}

	/* main */
	.vArea {display:none;}
	.mVisual img {width:100%;}
	

	.mainCont {padding:50px 10px;}
	.cont1 > div {width:48%;}
	.cont1 > div.section2 {float:right;}
	.cont1 > div.section3 {width:100%; margin-left:0; margin-top:26px;}
	/* .section3 .family {max-width:1000px; height: 200px;} */
	.cont1 > div.section3 {min-height:auto;}
	.section3 .family ul {flex-direction:row; min-height:auto;}
	.section4 {width:100%; background:url('../images/bg_gallery.png') no-repeat 100% 100%;}
	.section4 .gallery .txt {float:none; width:100%; padding-bottom:25px;}
	.section4 .gallery .txt p span {display:inline-block;}
	.section4 .gallery ul {float:none; width:100%;}
	.section4 .gallery ul li:first-child {margin-left:0;}
	.section5 {width:100%; margin-left:0;}
	.section5 .key {min-height:0;}
	

		
	.bannerList {max-width:654px;}
	.bannerList .bx-prev {left:-40px;}
	.bannerList .bx-next {right:-40px;}

	/* sub */
	.contents {background:none;}
	.subCont {padding-top:0;}
	.location {padding-right:10px;}
	.subCont .lnb {float:none; width:100%; padding-bottom:0;}
	.subCont .lnb h3 {padding:10px 0; background:#d8e4b3; text-align:center;}
	.subCont .lnb ul, .subCont .lnb p {display:none;}
	.subCont .contIn {float:none; width:100%; padding:20px 0 40px 0;}
	.title {margin:0 10px 10px 10px;}
	.subIn {padding:0 10px;}
	.footIn address {width:100%;}
	.footIn .link {margin-right:10px; padding-top:0;}
	
	
	.section3 .family img.img1{display: none;}
	.section3 .family img.img2{display: block;}
	
}

@media only screen and (max-width:767px) {
	
	.section4 .gallery ul {max-width:480px; margin:0 auto;}
	.section4 .gallery ul li:nth-child(3) {margin-left:0;}
	.bannerList {max-width:432px;}

	

	/* 전체과정안내 */
	.step ul {background-size:100px 161px; padding-left:0;}
	.step ul li:first-child {padding-left:120px;}

	/* 섬기는이들 */
	.imgP li .img {float:none; width:100%; margin:0 auto;}
	.imgP li .txt {width:100%; margin-left:0; text-align:center;}
	.imgP li.wide .txt {width:100%;}
	.imgP li .txt strong {padding:10px 0 0;}
	
	/* 목장사역 */
	.mBox .img {float:none; width:100%;}
	.mBox .txt {float:none; width:100%; padding-top:20px;}
	
	/* 열린금요일 */
	.join_fri h1 span {font-size:18px; line-height:120%;}
	

	
}

@media only screen and (max-width:600px) {
	
	.section1 {margin-bottom:40px;}
	.cont1 > div {width:100%;}
	
	
	/* .section3 .family {height: 150px;} */
	.section3 .family ul {flex-direction:column;}
	.section3 .family ul li:first-child {margin-bottom:10px;}
}

@media only screen and (max-width:560px) {
	.bannerList {max-width:210px;}

	
	

}

@media only screen and (max-width:480px) {
	
	.visual .bx-prev , .visual .bx-next {width:24px; height:58px; top:31%; background-size:24px auto;}
	.visual .bx-pager {left:0;}

	

	/* 교회발자취 */	
	.hisCont dl dt {float:none; width:100%;}
	.hisCont dl dd {float:none; width:100%;}

	/* 섬기는이들 */
	.imgP li {width:100%;}
	
	/* 교육과 사역 */
	.school .imgBox p {float:none; width:100%;}
	.school .imgBox p img {width:100%;}

	/* 열린금요일 */
	.fList2 li {float:none; width:90%;}
	.join_fri .sign p {float:none; width:100%;}

	.defaultWrite table tbody tr td .sermonCont iframe {width:100%;}
	/* .section3 .family {height: 100px;} */
}

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

	

	/* 전체과정안내 */
	.step ul {background-size:100px 161px; padding-left:0; padding-top:170px;}
	.step ul li:first-child {padding-left:5px;}
	
	

}