#mainMobile { position:relative; }

#mainSlider { position:relative; background:#000; }
#mainSlider h1 { margin:0; color:#fff; width:100%; position:absolute; top:55%; left:0; font-size:70px; z-index:5; text-align:center; font-weight:bold; }
#slideBottom { position:absolute; bottom:0; left:0; width:100%; color:#fff; padding:60px 0; font-size:30px; background:#32373e; }
#slideBottom strong { font-size:35px; display:inline-block; margin-top:15px; }
#slideBottom img { display: inline-block; vertical-align: middle; }

#mainMobile { background:url(../../../Layouts/bsjw2021/Images/bsjw_live_bg.jpg) no-repeat; padding:40px 0 0; background-position:center; text-align:right; background-size:100% 100%; }
#mainLive { background:url(../../../Layouts/bsjw2021/Images/bsjw_live_bg.jpg) no-repeat; height:1080px; padding:140px 0 0; background-position:center; background-size:100% 100%; position:relative; }
#mainLive > img { position:absolute; right:0; bottom:0; }
#mainLive h2 { font-size:38px; display:inline-block; border-bottom:3px solid #4F392C; color:#4F392C;  padding-bottom:25px; margin:0; font-weight:bold; }
#mainLive h3 { margin:25px 0 0; font-size:38px; font-weight:bold; color:#4F392C;}
#mainLive h1 { font-size:70px; font-weight:bold; color:#4F392C; margin:40px 0 0; line-height:130%; }

#mainLive2 { padding:80px 0; text-align:center; background:#f2f2f2; }
#mainLive2 #sermonWrap a { text-decoration:none; }
#mainLive2 #sermonWrap #sermonWrap a:hover { text-decoration:none; }
#mainLive2 #sermonWrap .sermon-box { position:relative; display:inline-block; margin-top:50px; width:900px; }
#mainLive2 #sermonWrap .sermon-box .title-image { width:100%; }
#mainLive2 #sermonWrap #liveOff2 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
#mainLive2 #sermonWrap #liveOff { position:absolute; top:20px; right:30px; }
#mainLive2 #sermonWrap p { position:absolute; top:20px; left:30px; font-size:19px; color:#fff; margin:0; font-weight:bold; line-height:160%; }
#mainLive2 #sermonWrap h6 { position:absolute; text-align:center; margin:0; padding:30px 0; font-size:20px; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.8); color:#fff; }
#sermonWrap2 { max-width:900px; margin:50px auto 0; }
#mainLive2 h1 { border-bottom:3px solid #C04931; display:inline-block; padding-bottom:15px; margin: 0; font-weight:bold; }

#mainNotice { padding:150px 150px; text-align:center; position:relative; }
#mainNotice #noticeWrapper { overflow:hidden; position:relative; }
#mainNotice .swiper-pagination { bottom:10%; left:0; width:100%; }
#mainNotice .swiper-pagination-bullet { width:14px; height:14px; margin:0 5px; border-radius: 50%; }
#mainNotice .swiper-pagination-bullet-active { background:#252525; }
#notice-next,#notice-prev { position:absolute; top:50%; transform:translateY(-50%);}
#notice-prev{ left:50px;}
#notice-next{ right:50px;}

#mainTimeTable1 { padding:90px 0 50px; background:#F9F9F9; }
#mainTimeTable1 .container-fluid { padding:0 80px; }
#mainTimeTable1 .table-padding { padding-left:50px; padding-right:50px; }
#mainTimeTable1 h1 { margin:100px 0 40px; font-size:35px; font-weight:bold; }
#mainTimeTable1 table { font-size:19px; color:#656565; width:100%; font-weight:bold; border-top:none; }
#mainTimeTable1 table tr { border-top:1px solid #ddd; }
#mainTimeTable1 table td { padding:15px 15px; line-height:170%; }
#mainTimeTable1 table tr > td:nth-child(1) { width:25%; }
#mainTimeTable1 table tr > td:nth-child(2) { width:55%; }
#mainTimeTable1 table tr > td:nth-child(3) { width:20%; }

#mainTimeTable2 { background:url(../../../Layouts/bsjw2021/Images/main_2021.jpg) no-repeat; padding:150px 0; height:600px; background-position:center; }
#mainTimeTable2 h1 { margin:0 0 70px; font-size:35px; font-weight:bold; color:#fff; }
#mainTimeTable2 table { font-size:19px; color:#fff; font-weight:normal; border-top:none; text-align:center; border-bottom:none; width:800px; margin:0 auto; }
#mainTimeTable2 table tr { border-top:1px solid rgba(255,255,255,0.5); }
#mainTimeTable2 table td { padding:15px 15px; line-height:170%; }
#mainTimeTable2 table tr > td:nth-child(1) { width:25%; }
#mainTimeTable2 table tr > td:nth-child(2) { width:50%; }
#mainTimeTable2 table tr > td:nth-child(3) { width:25%; }
#mainTimeTable2 table tbody > tr:nth-child(4) { border-bottom:1px solid rgba(255,255,255,0.5); }

#mainTimeTable3 { padding: 50px 0 90px; }
#mainTimeTable3 .container-fluid { padding:0 80px; }
#mainTimeTable3 .table-padding { padding-left:50px; padding-right:50px; }
#mainTimeTable3 h1 { margin:100px 0 40px; font-size:35px; font-weight:bold; }
#mainTimeTable3 table { font-size:19px; color:#656565; width:100%; font-weight:bold; border-top:none; }
#mainTimeTable3 table tr { border-top:1px solid #ddd; }
#mainTimeTable3 table td { padding:15px 15px; line-height:170%; }
#mainTimeTable3 table tr > td:nth-child(1) { width:25%; }
#mainTimeTable3 table tr > td:nth-child(2) { width:55%; }
#mainTimeTable3 table tr > td:nth-child(3) { width:20%; }

#mainGallery { padding:60px 0 40px; background:url(../../../Layouts/bsjw2021/Images/5.gallery_bg.png) no-repeat; position:relative; background-size:100% 100%; }
#mainGallery .container { overflow:hidden; }
#mainGallery h1 { color:#fff; font-size:50px; letter-spacing:6px; font-weight:normal; margin:0 0 40px; }
#mainGallery hr { border-top: 2px solid #C14A2C; width:50px; margin:0 auto; }
#mainGallery #galleryWrapper { margin-top:70px; position:relative; }
#mainGallery #galleryWrapper .contentSlideWrapper img { width:100%; height:300px; margin-bottom:30px; }
#mainGallery #galleryWrapper .contentSlideWrapper .contentSlide > div > a { display:inline-block; height:360px; width:100%; }
#galleryWrapper .contentSlide > div { background-position:center!important; background-size: auto 100%!important; margin-bottom:40px; }
#mainGallery .gallery-arrow { position:absolute; top:55%; transform:translate(0, -50%); }
#mainGallery #gallery-prev { left:10%; }
#mainGallery #gallery-next { right:10%; }

#mainMap { padding:150px 0; background:#FBFAF8; height:1152px; position:relative; }
#mapBG { position:absolute; top:150px; right:0; }
#mainMap h1 { margin:20px 0 60px; font-size:45px; letter-spacing:4px; font-weight:normal; }
#mainMap h3 { font-size:19px; margin:35px 0 0; font-weight:bold; line-height:210%; }

@media (min-width:1200px) and (max-width:1499px) {
	#slideBottom {padding:30px 0;}
	#slideBottom strong{ margin-top:0;}
	#mainLive #sermonWrap .sermon-box { max-width:490px; }
	#mainSlider h1 { font-size:40px; }
	#mapBG { max-width:500px; }
	#mainTimeTable3 .table-padding { padding:0; }
	#mainTimeTable3 .container-fluid { padding:0 30px; }
	#mainTimeTable3 h1 { margin: 20px 0 40px; }
	#mainNotice { padding:150px 100px; }
	#mainTimeTable1 .table-padding { padding-right:0; }
	#mainTimeTable1 .container-fluid { padding:0 30px; }
	#mainTimeTable1 h1 { margin: 20px 0 40px; }
	#mainLive h2 { font-size:30px; }	
	#mainLive h3 { font-size:30px; }
	#mainLive h1 { font-size:50px; }
	#mainLive { background-position:right; }
	#galleryWrapper .contentSlide > div { background-position: center!important; background-size: auto 70%!important; margin-bottom: 40px; }
	.root_daum_roughmap { width: 600px!important; height:400px!important; }
	#sermonWrap2 { width:900px; }	
	#notice-prev{ left:20px;}
	#notice-next{ right:20px;}
}

@media (min-width:993px) and (max-width:1199px) {
	#sermonWrap2 { width:100%; }
	#sermonWrap2 { max-width:100%; }
	#slideBottom { position:relative; }
	#mapBG { position: relative; top: 0; margin: 0 auto; max-width: 700px; display: block; }
	#mainMap { height:auto; }
	.root_daum_roughmap { width:100%!important; }
	#mainMap { padding:50px 0; }
	#mainMap h3 { text-align:center; margin:20px 0; }
	#mainMap h1 { text-align:center; }
	#mainTimeTable3 .container-fluid { padding:0 30px; }
	#mainTimeTable3 .table-padding { padding:0; }
	#mainTimeTable3 h1 { font-size:20px; margin:20px 0 20px; }
	#mainTimeTable3 table { font-size:16px; }
	#mainTimeTable2 h1 { font-size:20px; }
	#mainTimeTable2 table { font-size:16px; }
	#mainTimeTable1 .container-fluid { padding:0 30px; }
	#mainTimeTable1 .table-padding { padding-right:0; }
	#mainTimeTable1 .table-padding { padding-left:10px; }
	#mainTimeTable1 h1 { font-size:20px; margin:20px 0 20px; }
	#mainTimeTable1 table { font-size:16px; }	
	#mainNotice { padding:50px 15px; }
	#slideBottom { font-size:20px; padding:30px 0; }
	#slideBottom strong { font-size:25px; margin-top:5px; }
	#mainGallery h1 { font-size:30px; }
	#mainMap h1 { font-size:30px; }
	#mainLive #sermonWrap .sermon-box { margin:50px auto 0; display:block; }
	#mainLive h2 { font-size:30px; }
	#mainLive h3 { font-size:30px; }
	#mainLive h1 { font-size:40px; }
	#mainSlider h1 { font-size:20px; top:60%; }
	#galleryWrapper .contentSlide > div { background-position: center!important; background-size: auto 70%!important; margin-bottom: 40px; }	
  #mainLive > img { max-width:500px; }
  #mainLive { height:760px; }
}

@media (min-width:768px) and (max-width:992px) {
	#mainLive2 #sermonWrap .sermon-box { width:100%; }
  #mainLive > img { display:none; }
	#sermonWrap2 { width:100%; }
	#sermonWrap2 { max-width:100%; }
	#mainGallery .gallery-arrow { display:none; }
	#mainGallery #galleryWrapper .contentSlideWrapper .contentSlide > div > a { height:250px; }
	#slideBottom { position:relative; }
	#galleryWrapper .contentSlide > div { background-position: center!important; background-size: auto 70%!important; margin-bottom: 40px; }
	#mapBG { position: relative; top: 0; margin: 0 auto; max-width: 700px; display: block; }
	#mainMap { height:auto; }
	.root_daum_roughmap { width:100%!important; }
	#mainMap { padding:50px 0; }
	#mainMap h3 { text-align:center; margin:20px 0; }
	#mainMap h1 { text-align:center; }
	#mainTimeTable3 .container-fluid { padding:0 30px; }
	#mainTimeTable3 .table-padding { padding:0; }
	#mainTimeTable3 h1 { font-size:20px; margin:20px 0 20px; }
	#mainTimeTable3 table { font-size:16px; }
	#mainTimeTable2 h1 { font-size:20px; }
	#mainTimeTable2 table { font-size:16px; }
	#mainTimeTable1 .container-fluid { padding:0 30px; }
	#mainTimeTable1 .table-padding { padding-right:0; }
	#mainTimeTable1 .table-padding { padding-left:10px; }
	#mainTimeTable1 h1 { font-size:20px; margin:20px 0 20px; }
	#mainTimeTable1 table { font-size:16px; }	
	#mainNotice { padding:50px 15px; }
	#slideBottom { font-size:20px; padding:30px 0; }
	#slideBottom strong { font-size:25px; margin-top:5px; }
	#mainMobile { padding:50px 0 0; background:url(../../../Layouts/bsjw2021/Images/2.vision_bg.jpg) no-repeat; background-position: left;     text-align: right; }
	#mainMobile img { max-width:500px; }
	#mainLive { padding:50px 0; text-align:center; height:auto; background-position: left; }
	#mainGallery h1 { font-size:30px; }
	#mainMap h1 { font-size:30px; }
	#mainLive #sermonWrap .sermon-box { margin:50px auto 0; display:block; width:100%; }
	#mainLive h2 { font-size:30px; }
	#mainLive h3 { font-size:30px; }
	#mainLive h1 { font-size:40px; }
	#mainTimeTable2 table { width:100%; }
	#mainTimeTable3 img { margin-top:30px; }
	#mainTimeTable1 { padding:40px 0; }
	#mainTimeTable1 img { margin-bottom:30px; }
	#mainSlider { margin-top:122px; }
	#mainSlider h1 { font-size:30px; }
}

@media (max-width: 767px) {
    #mainLive2 h1 { font-size:20px; }
    #mainLive2 { padding:30px 0; }
    #mainLive > img { display:none; }
    #mainLive2 #sermonWrap .sermon-box { width:100%; margin-top:25px; }
	#sermonWrap2 { width:100%; }
	#sermonWrap2 { max-width:100%; margin:25px auto 0; }	
	#mainGallery #galleryWrapper .contentSlideWrapper .contentSlide > div > a { height:200px; }
	#mainSlider h1 { font-size:17px; top:60%; }
	#slideBottom { position:relative; }
	#sermonWrap { padding:0 15px; }
	#mapBG { position: relative; top: 0; margin: 0 auto; max-width: 100%; display: block; padding:0 15px; }
	#mainMap { height:auto; }
	.root_daum_roughmap { width:100%!important; padding:0 15px!important; height:400px!important;}
	#mainMap { padding:30px 0; }
	#mainMap h3 { text-align:center; margin:20px 0; font-size: 15px; line-height: 175%; }
	#mainMap h1 { text-align:center; }
	#mainTimeTable3 .container-fluid { padding:0 30px; }
	#mainTimeTable3 .table-padding { padding:0; }
	#mainTimeTable3 h1 { font-size:17px; margin:0 0 20px; }
	#mainTimeTable3 table { font-size:14px; }
	#mainTimeTable2 h1 { font-size:25px; margin-bottom:20px; }
	#mainTimeTable2 table { font-size:15px; }
	#mainTimeTable1 .container-fluid { padding:0 30px; }
	#mainTimeTable1 .table-padding { padding:0; }
	#mainTimeTable1 h1 { font-size:20px; margin:30px 0 20px; }
	#mainTimeTable1 table { font-size:14px; }	
	#mainNotice { padding:30px 60px; }
	#slideBottom { font-size:14px; padding:15px 0;  }
	#slideBottom img { display: inline-block; width:20px; }
	#slideBottom strong { font-size:14px; margin-top:5px; }
	#mainMobile { padding:30px 0 0; background:url(../../../Layouts/bsjw2021/Images/2.vision_bg.jpg) no-repeat; background-size: auto 200%; background-position: left;  text-align: right; }
	#mainMobile img { max-width:200px; }
	#mainLive { padding:30px 0; text-align:center; height:auto; background-size: auto 150%; background-position: left; }
	#mainGallery h1 { font-size:25px; margin:0 0 10px; }
	#mainMap h1 { font-size:25px; margin:0 0 30px; }
	#mainLive #sermonWrap .sermon-box { margin:20px auto 0; display:block; width:100%; }
	#mainLive h2 { font-size:18px; padding-bottom:10px; }
	#mainLive h3 { font-size:18px; margin-top:10px; line-height: 150%; }
	#mainLive h1 { font-size:20px; margin-top:10px; }
	#mainTimeTable2 table { width:100%; }
	#mainTimeTable3 img { margin-top:30px; }
	#mainTimeTable1 { padding:30px 0; }
	#mainTimeTable1 img { margin-bottom:0; }
	#mainGallery { padding:30px 0; }
	#mainGallery #mGalleryWrapper { margin: 30px 20px 10px; overflow: hidden;}
	#mGalleryWrapper .contentSlide { height:250px; background-size:cover;}
    #mGalleryWrapper .swiper-pagination-bullet-active { background:#fff;    }
    #mGalleryWrapper .swiper-pagination-bullet { background: #d7d7d7; border-color:#d7d7d7; width:14px; height:14px; }
    /* .contentSlideWrapper > .contentSlide:nth-child(2) { display:none; }  */
    /* .contentSlideWrapper > .contentSlide:nth-child(3) { display:none; }  */
    #mainTimeTable3 table td {
        padding: 10px 0px;
    }
	#mainTimeTable3 { padding:30px 0; }
	#mainTimeTable2 { padding:30px 15px; height:auto; background-position:center; }
	#mainTimeTable2 table td { padding: 10px 0px; line-height: 170%;}
	#mainLive #sermonWrap h6 { font-size:17px; padding:10px 0; }
	#mainLive #sermonWrap p { position: absolute; top: 15px; left: 15px; font-size: 16px; color: #fff; margin: 0; font-weight: bold; line-height: 160%; } 
	#mainLive #sermonWrap #liveOff { position: absolute; top: 15px; right: 15px; max-width: 70px;}
	#mainLive #sermonWrap #liveOff2 { display:none; }
	#mainTimeTable1 table td { padding:10px 0px; }
	#mainNotice .swiper-pagination-bullet { width:10px; height:10px; }
	#mainSlider { margin-top:122px; }
	#mainGallery .gallery-arrow { display:none; }
	#mainTimeTable1 table tr > td:nth-child(1) { width:35%; }
    #mainLive2 #sermonWrap h6 { font-size:17px; padding:10px 0; }
    #mainLive2 #sermonWrap #liveOff2 { max-width:40px; }
    #mainLive2 #sermonWrap p  { top:15px; left:15px; font-size:15px; }
    #mainLive2 #sermonWrap #liveOff { top:15px; right:15px; max-width:70px; } 
	
	#notice-prev,#notice-next { max-width:40px;}
	#notice-prev{ left:10px;}
	#notice-next{ right:10px;}
}