/*================================
   타이틀
================================*/
@media (min-width: 768px){
	.main_title1{
		font-weight: 700;
		font-size: 34px;
		color: #000000;
		line-height: 34px;
		text-align: center;
	}
}
@media (min-width: 992px){
	.main_title1{
		font-weight: 700;
		font-size: 38px;
		color: #000000;
		line-height: 38px;
		text-align: center;
	}
}

/*================================
   텍스트
================================*/
.main_text1{
	font-size: 19px;
	color: #686868;
	line-height: 19px;
	text-align: center;
}

/*================================
   메인이미지
================================*/
.main_img .slider1 .li_1{
	background: url('../images/main/main_img01.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_img .slider1 .li_2{
	background: url('../images/main/main_img02.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_img .slider1 .li_3{
	background: url('../images/main/main_img03.jpg') no-repeat 50% 50%;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_img .slider1 .li_4{
	background: url('../images/main/main_img04.jpg') no-repeat 50% 50%;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

.main_img .slider1 li a{
	width: 100%;
	height: 100%;
	display: block;
}
.main_img .slider1 .main_img_title b{
	font-weight: 700;
}

.main_img .slider1 .li_2{
	text-align: center;
}
.main_img .slider1 .li_2 .main_img_logo img{
	width: 270px;
	margin: 0 auto;
}
.main_img .slider1 .li_2 .main_img_title{
	color: #574016;
	padding-top: 50px;
}
.main_img .slider1 .li_2 .main_img_text{
	color: #574016;
}

.main_img .jd-slider .controller{
	display: none;
}
.main_img .jd-slider .next,
.main_img .jd-slider .prev{
	color: #FFFFFF;
}
.main_img .jd-slider .prev{
	left: 30px;
}
.main_img .jd-slider .next{
	right: 30px;
}

@media (min-width: 768px){
	.main_img{
		width: 100%;
		overflow: hidden;
		padding: 80px 0 0 0;
	}
	.main_img .slider1 li{
		height: 500px;		
	}
	.main_img .slider1 li a{
		padding: 0 0 0 100px;
	}
	.main_img .slider1 .li_1{
		background-position: -550px 0;
	}
	.main_img .slider1 .main_img_title{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 300;
		font-size: 40px;
		color: #FFFFFF;
		line-height: 50px;
		padding: 130px 0 20px 0;
	}
	.main_img .slider1 .main_img_text{
		font-size: 19px;
		color: #ffffff;
		line-height: 28px;
	}
	.main_img .slider1 .li_2 .main_img_logo{
		padding: 120px 0 0 0;
		text-align: center;
	}
}
@media (min-width: 992px){
	.main_img{
		width: 100%;
		overflow: hidden;
		padding: 90px 0 0 0;
	}
	.main_img .slider1 li{
		height: 550px;		
	}
	.main_img .slider1 li a{
		padding: 0 0 0 100px;
	}
	.main_img .slider1 .li_1{
		background-position: -500px 0;
	}
	.main_img .slider1 .main_img_title{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 300;
		font-size: 50px;
		color: #FFFFFF;
		line-height: 60px;
		padding: 130px 0 20px 0;
	}
	.main_img .slider1 .main_img_text{
		font-size: 21px;
		color: #ffffff;
		line-height: 31px;
	}
	.main_img .slider1 .li_2 .main_img_logo{
		padding: 160px 0 0 0;
		text-align: center;
	}
}

/*================================
   목사소개-기본
================================*/
.main_pastor{
	width: 100%;
	overflow: hidden;
}

@media (min-width: 768px){
	.main_pastor .main_pastor_info{
		width: 100%;
		float: left;
	}
	.main_pastor .main_pastor_book{
		width: 100%;
		float: left;
	}
}
@media (min-width: 992px){
	.main_pastor .main_pastor_info{
		width: 50%;
		float: left;
	}
	.main_pastor .main_pastor_book{
		width: 50%;
		float: left;
	}
}

/*================================
   목사소개-담임목사소개
================================*/
.main_pastor .main_pastor_info a{
	width: 100%;
	height: 100%;
	display: block;
}

@media (min-width: 768px){
	.main_pastor .main_pastor_info{
		height: 400px;
		background: url('../images/main/main_pastor.jpg') no-repeat;
		background-position: 0 0;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;		
	}
	.main_pastor .main_pastor_info a{
		padding: 0 0 0 20px;
	}
	.main_pastor .main_pastor_info .mpi_title{
		font-size: 22px;
		color: #ffffff;
		line-height: 22px;
		padding: 40px 0 20px 0;
	}
	.main_pastor .main_pastor_info .mpi_name{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 44px;
		color: #ffffff;
		line-height: 44px;
	}
	.main_pastor .main_pastor_info .mpi_eng{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #ffffff;
		line-height: 20px;
		padding: 5px 0 0 0;
	}
}
@media (min-width: 992px){
	.main_pastor .main_pastor_info{
		height: 520px;
		background: url('../images/main/main_pastor.jpg') no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	}
	.main_pastor .main_pastor_info a{
		padding: 0 0 0 20px;
	}
	.main_pastor .main_pastor_info .mpi_title{
		font-size: 22px;
		color: #ffffff;
		line-height: 22px;
		padding: 40px 0 20px 0;
	}
	.main_pastor .main_pastor_info .mpi_name{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 44px;
		color: #ffffff;
		line-height: 44px;
	}
	.main_pastor .main_pastor_info .mpi_eng{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #ffffff;
		line-height: 20px;
		padding: 5px 0 0 0;
	}
}

/*================================
   목사소개-저서소개
================================*/
.main_pastor_book .mpb_list ul{
	width: 100%;
	overflow: hidden;
	padding: 70px 0 0 0;
}
.main_pastor_book .mpb_list ul li .mpb_list_img{
	width: 100%;
	background: #f6f6f6;
	padding: 10px 10px;
}
.main_pastor_book .mpb_list ul li .mpb_list_img img{
	width: 100%;
}
.main_pastor_book .fa-xs{
	font-size: 24px !important;
}
.main_pastor_book  .jd-slider a{
	font-size: 15px !important;
}
.main_pastor_book .jd-slider .controller{
	width: auto !important;
}


@media (min-width: 768px){
	.main_pastor_book{
		padding: 40px 0 40px 40px;
	}
	.main_pastor_book .mpb_title{
		position: absolute;
		font-weight: 700;
		font-size: 28px;
		color: #000000;
		line-height: 28px;
	}
	.main_pastor_book .mpb_list ul li{
		width: 33.33333333333333%;
		padding: 0 30px 0 0;
		float: left;
		display: inline-block;
	}
	.main_pastor_book .mpb_list ul li .mpb_list_title{
		font-weight: 500;
		font-size: 19px;
		color: #000000;
		line-height: 19px;
		padding: 30px 0 10px 0; 
	}
	.main_pastor_book .mpb_list ul li .mpb_list_text{
		font-size: 15px;
		color: #686868;
		line-height: 20px;
	}
	.main_pastor_book .jd-slider .next,
	.main_pastor_book .jd-slider .prev{
		top: 30px !important;
		right: 40px !important;
	}
	.main_pastor_book .jd-slider .prev{
		left: auto !important;
		right: 80px !important;
	}
	.main_pastor_book .jd-slider .controller .auto{
		position: absolute;
		top: 28px !important;
		right: 62px;
	}
}
@media (min-width: 992px){
	.main_pastor_book{
		padding: 40px 0 0 40px;
	}
	.main_pastor_book .mpb_title{
		position: absolute;
		font-weight: 700;
		font-size: 28px;
		color: #000000;
		line-height: 28px;
	}
	.main_pastor_book .mpb_list ul li{
		width: 33.33333333333333%;
		padding: 0 10px 0 0;
		float: left;
		display: inline-block;
	}
	.main_pastor_book .mpb_list ul li .mpb_list_title{
		font-weight: 500;
		font-size: 19px;
		color: #000000;
		line-height: 19px;
		padding: 30px 0 10px 0; 
	}
	.main_pastor_book .mpb_list ul li .mpb_list_text{
		font-size: 15px;
		color: #686868;
		line-height: 20px;
	}
	.main_pastor_book .jd-slider .next,
	.main_pastor_book .jd-slider .prev{
		top: 30px !important;
		right: 60px !important;
	}
	.main_pastor_book .jd-slider .prev{
		left: auto !important;
		right: 110px !important;
	}
	.main_pastor_book .jd-slider .controller .auto{
		position: absolute;
		top: 28px !important;
		right: 88px;
	}
}

/*================================
   동영상-기본
================================*/
.main_movice{
	width: 100%;
	overflow: hidden;
	background: #f2f8f2 url(../images/main/main_movice.jpg) no-repeat 100% 100%;
	padding: 50px 0 50px 0;
}

@media (min-width: 768px){
	.main_movice .mainMovice dl{
		width: 60%;
		margin: 0 auto;
	}
	.main_movice .mainMovice dt{
		width: 100%;
		float: left;
		padding: 0 0 30px 0;
	}
	.main_movice .mainMovice dd{
		width: 100%;
		float: left;
	}
}
@media (min-width: 992px){
	.main_movice .mainMovice dl{
		width: 60%;
		margin: 0 auto;
	}
	.main_movice .mainMovice dt{
		width: 100%;
		float: left;
		padding: 0 0 30px 0;
	}
	.main_movice .mainMovice dd{
		width: 100%;
		float: left;
	}
}

/*================================
   동영상-이미지
================================*/
@media (min-width: 768px){
	.main_movice .mainMovice dt img{
		width: 100%;
		max-width: 600px;
		border-radius: 15px 15px;
	}
}
@media (min-width: 992px){
	.main_movice .mainMovice dt img{
		width: 100%;
		max-width: 600px;
		border-radius: 15px 15px;
	}
}

/*================================
   동영상-내용
================================*/
.main_movice .mainMovice .main_more01{
	margin: 0;
	border: 1px solid #000000;
	color: #000000;
	text-align: center;
}

@media (min-width: 768px){
	.main_movice .swiper-button-prev{
		background: url('../images/main/icon_pre01.png') no-repeat;
		width: 40px;
		height: 40px;
		left: 20px;
		background-size: 40px 40px;
	}
	.main_movice .swiper-button-next{	
		background: url('../images/main/icon_next01.png') no-repeat;
		width: 40px;
		height: 40px;
		right: 20px;
		background-size: 40px 40px;
	}
	.main_movice .mainMovice .main_movice_stitle{
		font-family: 'NanumBarunGothic', sans-serif;
		font-size: 20px;
		color: #29b51a;
	}
	.main_movice .mainMovice .main_movice_title{
		font-weight: 700;
		font-size: 38px;
		color: #000000;
		line-height: 42px;
		padding: 10px 0 0 0;
	}
	.main_movice .mainMovice .main_movice_text{
		font-size: 17px;
		color: #686868;
		line-height: 27px;
		padding: 10px 0 30px 0;
	}
}
@media (min-width: 992px){
	.main_movice .swiper-button-prev{
		background: url('../images/main/icon_pre01.png') no-repeat;
		width: 40px;
		height: 40px;
		left: 20px;
		background-size: 40px 40px;
	}
	.main_movice .swiper-button-next{	
		background: url('../images/main/icon_next01.png') no-repeat;
		width: 40px;
		height: 40px;
		right: 20px;
		background-size: 40px 40px;
	}
	.main_movice .mainMovice .main_movice_stitle{
		font-family: 'NanumBarunGothic', sans-serif;
		font-size: 22px;
		color: #29b51a;
	}
	.main_movice .mainMovice .main_movice_title{
		font-weight: 700;
		font-size: 42px;
		color: #000000;
		line-height: 48px;
		padding: 10px 0 0 0;
	}
	.main_movice .mainMovice .main_movice_text{
		font-size: 17px;
		color: #686868;
		line-height: 27px;
		padding: 10px 0 30px 0;
	}
}

/*================================
   통독교회 소개
================================*/
.main_info{
	width: 100%;
	overflow: hidden;
	background: url('../images/main/main_info.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	text-align: center;	
}

@media (min-width: 768px){
	.main_info a{
		height: 100%;
		display: block;
		padding: 70px 0 70px 0;
	}
	.main_info .main_info_title{
		font-weight: 700;
		font-size: 48px;
		color: #ffffff;
		line-height: 48px;
	}
	.main_info .main_info_text{
		font-size: 17px;
		color: #ffffff;
		line-height: 24px;
		padding: 34px 0 50px 0;
	}
}
@media (min-width: 992px){
	.main_info a{
		height: 100%;
		display: block;
		padding: 70px 0 90px 0;
	}
	.main_info .main_info_title{
		font-weight: 700;
		font-size: 50px;
		color: #ffffff;
		line-height: 50px;
	}
	.main_info .main_info_text{
		font-size: 18px;
		color: #ffffff;
		line-height: 28px;
		padding: 34px 0 50px 0;
	}
}

/*================================
   배너
================================*/
.main_banner{
	width: 100%;
	overflow: hidden;
}
.main_banner li a{
	height: 100%;
	display: block;
}

@media (min-width: 768px){
	.main_banner li{
		width: 100%;
		height: 270px;
		float: left;
		text-align: center;
	}
	.main_banner li .main_banner_title{
		font-weight: 700;
		font-size: 42px;
		color: #ffffff;
		line-height: 42px;
		padding: 40px 0 26px 0;
	}
	.main_banner li .main_banner_text{
		font-size: 19px;
		color: #ffffff;
		line-height: 29px;
	}
	.main_banner li .main_more01{
		margin-top: 30px;
	}
}
@media (min-width: 992px){
	.main_banner li{
		width: 33.33333333333333%;
		height: 400px;
		float: left;
		text-align: center;
	}
	.main_banner li .main_banner_title{
		font-weight: 700;
		font-size: 42px;
		color: #ffffff;
		line-height: 42px;
		padding: 90px 0 26px 0;
	}
	.main_banner li .main_banner_text{
		height: 58px;
		font-size: 19px;
		color: #ffffff;
		line-height: 29px;
	}
	.main_banner li .main_more01{
		margin-top: 50px;
	}
}

.main_banner .li_1{
	background: url('../images/main/main_banner01.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_banner .li_2{
	background: url('../images/main/main_banner02.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.main_banner .li_3{
	background: url('../images/main/main_banner03.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

/*================================
   자세히보기
================================*/
.main_more01 img{
	padding: 0 0 0 30px;
}

@media (min-width: 768px){
	.main_more01{
		width: 170px;
		height: 48px;
		margin: 0 auto;
		border: 1px solid #ffffff;
		border-radius: 30px 30px;
		display: block;
		font-size: 17px;
		color: #ffffff;
		line-height: 50px;
	}
}
@media (min-width: 992px){
	.main_more01{
		width: 180px;
		height: 52px;
		margin: 0 auto;
		border: 1px solid #ffffff;
		border-radius: 30px 30px;
		display: block;
		font-size: 17px;
		color: #ffffff;
		line-height: 50px;
	}
}

/*================================
   교회소식-기본
================================*/
.main_notice{
	width: 100%;
	overflow: hidden;
	background: #f7f7f7;
}

@media (min-width: 768px){
	.main_notice .main_title1,
	.main_gallery .main_title1{
		padding: 45px 0 15px 0;
	}
}
@media (min-width: 992px){
	.main_notice .main_title1,
	.main_gallery .main_title1{
		padding: 45px 0 15px 0;
	}
}

/*================================
   교회소식-리스트
================================*/
.main_notice .main_notice_list li a{
	width: 100%;
	background: #FFFFFF;
	display: block;
	border-radius: 10px 10px;
	padding: 20px 20px;
}

@media (min-width: 768px){
	.main_notice .main_notice_list{
		width: 102%;
		overflow: hidden;
		padding: 40px 0 50px 0;
	}
	.main_notice .main_notice_list li{
		width: 50%;
		float: left;
		padding: 0 2% 2% 0;
	}
	.main_notice .main_notice_list li .mnl_title{
		font-size: 17px;
		color: #2f2f2f;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.main_notice .main_notice_list li .mnl_data{
		font-size: 14px;
		color: #969696;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 5px 0 0 0;
	}
}
@media (min-width: 992px){
	.main_notice .main_notice_list{
		width: 102%;
		overflow: hidden;
		padding: 40px 0 50px 0;
	}
	.main_notice .main_notice_list li{
		width: 25%;
		float: left;
		padding: 0 2% 0 0;
	}
	.main_notice .main_notice_list li .mnl_title{
		font-size: 17px;
		color: #2f2f2f;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.main_notice .main_notice_list li .mnl_data{
		font-size: 14px;
		color: #969696;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 5px 0 0 0;
	}
}

/*================================
   사진갤러리-기본
================================*/
.main_gallery{
	width: 100%;
	overflow: hidden;
}

/*================================
   사진갤러리-리스트
================================*/
.main_gallery_list li a{
	width: 100%;
	background: #FFFFFF;
	display: block;
	border-radius: 10px 10px;
	border: 1px solid #dddddd;
}

@media (min-width: 768px){
	.main_gallery_list{
		width: 102%;
		overflow: hidden;
		padding: 40px 0 30px 0;
	}
	.main_gallery_list li{
		width: 33.33333333333333%;
		float: left;
		padding: 0 2% 2% 0;
	}
	.main_gallery_list li .mgl_title{
		font-size: 17px;
		color: #2f2f2f;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 15px 15px 0 15px;
	}
	.main_gallery_list li .mgl_data{
		font-size: 14px;
		color: #969696;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 15px 15px 15px;
	}
	.main_gallery_list li .mgl_img img{
		width: 100%;
		height: 140px;
		border-radius: 10px 10px 0 0;
	}
}
@media (min-width: 992px){
	.main_gallery_list{
		width: 102%;
		overflow: hidden;
		padding: 40px 0 50px 0;
	}
	.main_gallery_list li{
		width: 20%;
		float: left;
		padding: 0 2% 0 0;
	}
	.main_gallery_list li .mgl_title{
		font-size: 17px;
		color: #2f2f2f;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 15px 15px 0 15px;
	}
	.main_gallery_list li .mgl_data{
		font-size: 14px;
		color: #969696;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 15px 15px 15px;
	}
	.main_gallery_list li .mgl_img img{
		width: 100%;
		height: 110px;
		border-radius: 10px 10px 0 0;
	}
}