@charset "utf-8";


@media only screen and (max-width:1199px) {
	#Header #Gnb > ul > li {width:130px;}
	.snbBox .snb {width:780px;}
	.snbBox .snb ul {width:130px;}
	.snbBox {background-image:none;}
	.snbBox .snb ul li a {padding:0 0 0 25px;}
	.sermonBox {padding-right:10px;}
	.sermonBox h3 {padding:12px 0 8px;}
	.sermonBox ul li {padding:5px 0;}
	.sermonBox dl dt {font-size:14px; padding:5px 0 2px;}
	.section1 {padding-left:10px;}
	.section2 {padding-right:10px;}
	
	/* 담임목사 인사말 */
	.intro .txt {width:52%;}
	.intro .txt p em {display:inline;}

	/* 교회비젼 */
	.vision1 .text {width:53%;}
	.vision2 .text {width:53%;}

	/* CI */
	.imgTxt em {display:inline;}

	/* 교육학교 */
	.school .scImg {width:38%;}
	.school .scTxt {width:58%;}

	/* 선교와 봉사 */
	.mislist > li em {display:inline;}
	.misTit2 em {display:inline;}
	.mission .misTxt em {display:inline;}
	
	/* 찾아오시는길 */
	.mapWay ul li span {width:70%;}

	/* 성가대 */
	.choir > ul > li .choirBox {width:80%;}
	.choir .choirImg {background-size:100%;}
	.choir .txt ul {padding-top:0;}
	.choir .txt ul li {float:none; margin-left:0;}
	.choir .txt ul li:first-child {margin-left:0;}

	/* 찬양대 */
	.praise .pBox {width:90%;}
	
}

@media only screen and (max-width:1000px) {
	#Header {height:60px; background:none;}
	#Header .headIn {padding-top:0;}
	#Header .headIn .logo {float:none; padding-top:8px; padding-left:0; text-align:center;}
	#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:30%; 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:59px; left:-1000px; width:100%; padding:0; background:#fff; border-bottom:1px solid #444; z-index:61;}
	.mGnb > ul {text-align:left;}
	.mGnb > ul > li {display:block; width:100%; border-top:1px solid #3F69B1; background:#5883C4; 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:#5883C4; color:#fff;}
	.mGnb > ul > li > ul {display:none; padding:10px 0 10px 20px; background:#406AA9;}
	.mGnb > ul > li > ul li a { color:#fff}
	.mGnb ul li .sub2 > li {padding-left:14px; background:url('../images/bar_sublist.gif') no-repeat 0 13px;}
	.mGnb ul li .sub2 > li > a {display:block; padding:5px 0; font-size:18px; font-weight:bold;}
	.mGnb ul li .sub3 > li {padding-left:10px; background:url('../images/bar_mList.gif') no-repeat 15px 50%;}
	.mGnb ul li .sub3 > li > a {display:block; padding:5px 0; font-size:15px; font-weight:bold; color:#C0DAF0}
	.utilBox {top:6px;}
	.snbBox {display:none;}
	#Quick {top:0;}
	.footIn address {width:100%; text-align:center;}
	.footIn .logo {display:none;}
	.footIn .link {text-align:center;}
	.comodo {display:none;}
	
	.mobile {display:block;}
	.desktop {display:none !important;}

	
	.visual {width:100%;}
	.visual ul li img {width:100%; max-width:1000px;}
	.visual .bx-prev, .visual .bx-next {display:block;}
	.visual .bx-pager {display:none;}
	.visual .bx-controls-auto {display:none;}
	.mainCont {position:relative; height:1150px;}
	.section1 {position:absolute; top:250px; left:0; width:100%; padding:20px 0 0 0;}
	.section2 {position:absolute; top:0; left:0; width:100%; height:250px;}
	.sermonBox {width:100%; padding-right:0; padding-top:10px; /*background:url('../images/bg_sermon_t.png') no-repeat 100% 0; background-size:280px 195px;*/} 
	.sermonBox h3 {padding:12px 0 8px 20px; background-position:99% 50%;}
	.sermonBox h3 a {}
	.sermonBox .img {background:#906543 url('/html/images/bg_serImg.gif') repeat-x 0 0;}
	.sermonBox .text {height:100px; padding-left:20px;}
	.sermonBox .text p {font-size:15px; line-height:140%;}
	.sermonBox .text p strong {font-size:20px;}
	.sermonBox .text .btn {margin-right:10px;}
	.sermonBox dl {padding:10px 0 10px 20px;}
	.sermonBox dl dt {font-size:20px;}
	.sermonBox ul li {font-size:15px;}
	.section1 .tab {float:none; width:100%; height:700px;}
	.section1 .tab h3 {float:none; padding:0 0 20px 20px; color:#000; border-left:0;}
	.section1 .tab h3:first-child {padding-left:17px;}
	.section1 .tab .tabBox {position:static; display:block; padding:0 10px;}
	.section1 .tabBox .bx-controls-direction a {display:none;}
	.section1 .tabBox ul {/*max-width:600px; margin:0 auto;*/}
	.section1 .tabBox ul li {width:30%; /*margin-left:20px;*/}
	.section1 .tabBox ul li:first-child {margin-left:0;}
	.section1 .news {float:none; width:100%;}
	.section1 .news h3 {padding-left:20px;}
	.section1 .news ul {width:95%; padding-left:5px;}
	.section1 .news ul li a {overflow:hidden; display:block; width:90%; text-overflow:ellipsis; white-space: nowrap; word-wrap:break-word;}


	/* sub */
	.subCont {padding:25px 10px 25px 10px;}
	
	/* 3depth Menu */
	.cate a {padding:9px 5px 8px; font-size:13px;}
	
	/* 교회 비전 */
	.vision1 .img {width:41%;}
	.vision1 .img img {width:100%; max-width:394px;}
	.vision2 .img {width:41%;}
	.vision2 .img img {width:100%; max-width:393px;}

	/* 교회연혁 */
	.history ul li span {width:75%;}
	
	/* 섬기는분들 */
	.people > ul > li .img {float:none; margin:0 auto;}
	.people > ul > li .txt {float:none; width:90%; margin:10px auto 0; text-align:center;}
	.people .people2 li {width:25%;}

	/* 예배안내 */
	.info .infoBox {float:none; width:100%; margin-left:0; margin-top:50px;}
	.info .infoBox:first-child {margin-top:0;}

	/* 찾아오시는길 */
	.mapWay ul li {float:none; width:100%; min-height:60px;}
	.mapWay ul li img {width:60px;}
	.mapWay ul li span {width:70%; padding-top:0;}

	/* 교육학교 */
	.school .scImg {width:35%;}
	
	/* 평신도훈련 */
	.edu .eduCont .eduList {width:95%; margin-top:10px;}
	.edu .eduCont .eduList > div {width:90%;}
	.edu .eduCont > ul.two li {width:90%;}
	.edu .eduCont > ul.two li .eduList {margin-top:0;}
	.edu .eduCont > ul.half li {width:90%;}
	.edu .eduCont > ul.half li .eduList {width:100%;}
	.father {background:none;}

	/* 선교와 봉사 */
	.mission .misImg {width:49%;}

	/* 찬양대 */
	.praise > ul > li {float:none; width:100%;}
	.praise > ul > li.list2 {min-height:165px;}
	.praise .pTxt2 ul li {float:none; width:100%;}
	.praise .pBox {width:100%; max-width:1000px;}

}

@media only screen and (max-width:767px) {
	
	.footIn address p em {display:block; padding:2px 0;}
	.sermonList li .serBtn {width:90px;}
	.sermonList li .serBtn a {margin-left:0;}

	/* 담임목사 인사말 */
	.intro .img {float:none; width:100%; margin:0 auto;}
	.intro .txt {float:none; width:100%; margin-top:20px;}

	/* 교회비전 */
	.vision .text strong {font-size:17px;}
	.vision1 .img {float:none; width:100%; margin-bottom:20px; text-align:center;}
	.vision1 .text {float:none; width:100%;}
	.vision1 .text div {padding:0 10px;}
	.vision2 .img {float:none; width:100%; margin-bottom:20px; text-align:center;}
	.vision2 .text {float:none; width:100%;}

	/* 교회CI */
	.imgCi {float:none; width:100%;}
	.ciTop {float:none; width:100%;}
	.imgTxt {float:none; width:100%;}

	/* 교회연혁 */
	.history ul li span {width:100%;}
	.history ul li p img {width:100%;}

	/* 섬기는분들 */
	.people .people2 li {width:33.3%;}

	/* 예배안내 */
	.infoTxt {padding-left:0; background:none;}

	/* 교육학교 */
	.school .scImg {float:none; width:100%; margin:0 auto;}
	.school .scTxt {float:none; width:100%; margin-left:0;}
	.mission .misImg {float:none; width:100%; margin:0 auto;}
	.mission .misTxt {float:none; width:100%; margin-left:0;}

	/* 평신도훈련 */
	.edu .eduCont .eduList > div.two {width:90%;}
	.edu .eduTable table {width:100%;}
	.edu .eduTable table:first-child {border-right:0;}
	.edu .eduTable table thead tr th.none {display:none;}

	/* 선교와 봉사 */
	.img_univ {padding-bottom:20px;}
	.img_univ2 {display:none;}

	/* 성가대 */
	.choir > ul > li {float:none; width:100%;}

	
}

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

	.visual .bx-prev , .visual .bx-next {width:30px; height:60px; top:31%; background-size:30px auto;}
	.sermonInfo .sermonBtn a {margin-left:10px;}
	
	
	.subVisual {display:none;}
	.location {padding:0 20px; height:auto;}
	.location .home {display:none;}
	.location > div {width:100%; margin:10px 0 0 0; padding:0; background:linear-gradient(#fefefe, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0);	
    border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 1px #f3f3f3; height:34px; padding-right: 0;}
	.location > div > span {padding:7px 10px;}
	.location .depth1 span {padding-bottom:7px; background-position:95% 14px;}
	.location .depth2 span {padding-bottom:7px; background-position:95% 14px; border-bottom:0;}
	.location .menu_s {top:35px; width:99.5%;}
	.location .depth1 .menu_s {z-index:11;}
	
	.footIn address p strong {font-size:15px;}
	.footIn address p span {padding:2px 0; display:block;}
	.footIn .link .fl {float:none;}
	.footIn .link .fr {float:none;}
	.footIn .link a {display:inline-block; margin:5px 0;}
	.goTop {top:76px;}

	/* 섬기는분들 */
	.people > ul > li {float:none; width:100%;;}
	.people .people2 li {float:left; width:50%;}
	.people .people2 li strong {padding-bottom:20px;}
		
	/* 교육학교 */
	.school .scCont .scSub li em {width:100%;}
		
	/* 평신도훈련 */
	.edu .eduCont {padding-left:0; background:none;}

	/* 예배안내 */
	.infoTxt table tbody tr th {padding:10px 5px;}
	.infoTxt table tbody tr td {padding:10px 5px;}

	/* 성가대 */
	.choir .choirTit {margin-left:0;}
	.choir > ul > li .choirBox {width:100%;}

	.praise > ul > li.list1 {height:auto;}
}

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

	
	.subTab .menuTab > a {font-size:14px;}
	/* 섬기는분들 */
	.people .people2 li {width:100%;}
	
	
}