/*==공통==*/
@media screen and (max-width: 1024px) {
	#wrap{padding-top:143px;  min-width:100%;}

	header {min-width:100%;}
	header .inner{width:100%;}
	header .inner h1{float: none; line-height: 1; text-align: center; padding: 17px 0 10px 0;}
	header .inner h1 img{height:44px; }
	header .inner .topsec{position: static; text-align: center; padding-bottom: 12px;}
	header .inner .topsec li{margin: 0 5px;}

	footer .in_footer{width:90%; margin: 0 auto; text-align: center;}
	footer .in_footer address br{display: none;}
}

@media screen and (max-width:480px) {
	#wrap{padding-top:115px;}

	header .inner{height: 80px;}
	header .inner h1{padding:10px 0 8px 0;}
	header .inner h1 img{height:40px;}
	header .inner .topsec li a{font-size: 12px;}

	footer{padding: 25px 0;}
	footer .in_footer address{font-size: 13px;}
}

/*main_section1*/
@media screen and (max-width:1024px) {
	.main_section1{width: 94%; margin: 5% auto;}
	.main_section1 .sermon_video{width: 52%; box-sizing: border-box;}

	.main_section1 .sermon_txt{width: 42%; margin-right: 0;}
	.main_section1 .sermon_txt h2{font-size:28px; margin-bottom: 12px;}
	.main_section1 .sermon_txt h3{font-size: 18px; margin-bottom: 25px;}
}

@media screen and (min-width:641px) and (max-width:1024px) {
	.main_section1 .sermon_txt ul{display: none;}
	.main_section1 .sermon_txt a.more{margin:30px 0 0 0;}
}

@media screen and (max-width:640px) {
	.main_section1 .sermon_video{float: none; width: 100%;}
	.main_section1 .sermon_txt{float: none; width: 92%; margin: 30px 4%;}
}

@media screen and (max-width:480px) {
	.main_section1{margin:24px auto 0;}
	.main_section1 .sermon_txt h2{font-size: 22px; margin-bottom: 8px;}
	.main_section1 .sermon_txt ul li > p span{width: 90px;  height: 30px;  line-height: 30px; font-size: 15px;}
	.main_section1 .sermon_txt ul li > div{font-size: 15px; line-height: 20px;}
	.main_section1 .sermon_txt a.more{width: 164px; height: 36px; line-height: 36px; font-size: 15px;}
}

/*main_section2*/
@media screen and (max-width:1024px) {
	.main_section2 .inner a > div{top:25%;}
	.main_section2 .inner a > div h2{font-size: 30px;}
	.main_section2 .inner a > div span.line{height: 2px; margin: 20px 3px;}
	.main_section2 .inner a > div p{font-size: 20px;}

	.main_section2 .inner a > img{min-width:600px;}
}

@media screen and (max-width:640px) {
	.main_section2 .inner{float: none; width: 100%;}
	.main_section2 .inner a > div{max-width: 100%;}
	.main_section2 .inner a > img{min-width: 400px;}
	.main_section2 .inner.box2 a > div{text-align: left;}
}

@media screen and (max-width:480px) {
	.main_section2 .inner a > div h2{font-size:22px;}
	.main_section2 .inner a > div p{font-size: 17px;}
}

/*main_section3*/
@media screen and (max-width:1024px) {
	.main_section3{padding: 7% 0;}
	.main_section3 > h2{font-size:30px;}
	.main_section3 > p{padding: 0 30px;}

	.main_section3 .inner{width: 93%; height: auto;  padding-bottom: 30px;}
	.main_section3 .inner .tab_wrap{padding: 0 30px;}
	.main_section3 .inner .tab_wrap .tabmenu{margin-bottom: 35px;}
	.main_section3 .inner .tab_wrap .tabmenu li{width: 21%; margin: 15px 2%;}
	.main_section3 .inner .tab_wrap .tabmenu li span{padding: 0; width: 100%; font-size: 18px;}
	.main_section3 .inner .tab_wrap .tbox .imgbox{width: 50%;}
	.main_section3 .inner .tab_wrap .tbox .txtbox{width: 43%;  margin: 3% 0 0 7%;}
}

@media screen and (max-width:800px) {
	.main_section3 .inner .tab_wrap .tbox .imgbox{float: none; width: 100%; text-align: center;}
	.main_section3 .inner .tab_wrap .tbox .txtbox{float: none; width: 100%; max-width: 500px;  padding: 0 20px; margin: 30px auto; box-sizing: border-box;}
}

@media screen and (max-width:540px) {
	.main_section3 .inner .tab_wrap .tabmenu{padding: 20px 0 10px 0;}
	.main_section3 .inner .tab_wrap .tabmenu li{width: 46%; margin:0 2% 10px 2%;}
}

@media screen and (max-width:480px) {
	.main_section3{padding: 40px 0;}
	.main_section3 > h2{font-size:22px;}
	.main_section3 > p{font-size: 17px; margin: 12px 0 35px 0;}

	.main_section3 .inner{width: 90%;}
	.main_section3 .inner .tab_wrap .tabmenu li span{width: 80%; font-size: 15px; height: 32px;  line-height: 32px;}
	.main_section3 .inner .tab_wrap .tbox .txtbox h3{font-size: 24px;}
	.main_section3 .inner .tab_wrap .tbox .txtbox p{font-size: 17px;}
	.main_section3 .inner .tab_wrap .tbox .txtbox p span{font-size: 15px;}
	.main_section3 .inner .tab_wrap .tbox .txtbox .btnwrap a{width: 100px;  height: 32px;  line-height: 32px; font-size: 14px;}
	.main_section3 .inner .tab_wrap .tbox .txtbox .btnwrap a + a{line-height: 28px;}
}

/*main_section4*/
@media screen and (max-width:1024px) {
	.main_section4{margin: 7% auto 100px;}
	.main_section4 > h2{font-size: 30px;}
	.main_section4 > p{margin: 20px 0 45px 0; padding:0 30px;}
}

@media screen and (max-width:480px) {
	.main_section4{margin: 40px 0 100px 0;}
	.main_section4 > h2{font-size:22px;}
	.main_section4 > p{font-size: 17px; margin: 12px 0 35px 0;}

	.main_section4 .photo_slider div.photobox div p{padding: 14px 0;}
	.main_section4 .photo_slider div.photobox div p span{font-size: 15px;}
	.main_section4 .photo_slider div.photobox div p strong{font-size: 17px;}
}