/* common */
#main-slider{position:relative;}
.nav-tabs {border-bottom:none;}
.plus { position:absolute; top:0; right:0;}
.plus:hover { opacity:0.8; transition:0.3s all ease;}

.slider .move-btn{top:50%!important;}
.slider .slider-wrapper .slide p{display: flex;}
.slider .slider-wrapper .slide img{width: 100%;}
.box{display:inline-block; position:relative; opacity:0; top:50px; }

/* main1 */
#main-1{background-image: url(../Images/2_worship_bg.jpg);background-repeat:no-repeat;background-size: 50% 100%;background-position: right top;}
#main-1 .main1R{}
 .main1RM{ text-align:left;}
 .main1RM h2{margin: 0;font-size: 30px;color: #fff;display: inline-block;width: 100%; font-weight: bold; }
 .main1RM h3{margin: 0;font-size: 40px;color: #fff;display: inline-block;width: 100%;line-height: 2;letter-spacing: 0px;}
 .main1RM h6{margin: 20px 0;font-size: 16px;color: rgba(255,255,255,.5);line-height: 1.5;}
 .main1RM h5{margin: 0;font-size: 16px;color: #fff;line-height: 1.5; padding-top: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
 .main1RM h5 span{margin: 0 10px;}
 .main1HREF{display: inline-flex;gap: 15px;padding: 20px 0 0;}
 .main1HREF a{text-decoration: none;padding: 37px;border-radius: 50%;border: 1px solid #fff;position: relative;}
 .main1HREF a:hover{background-color:#1B8056;border-color:#1B8056;transition: 0.3s all ease;}
 .main1HREF .main1BOX{text-align: center;position: absolute;width: 100%;transform: translate(-50%, -50%);top: 50%;}
 .main1HREF .main1BOX p{margin: 0;font-size: 17px;color: #fff;letter-spacing: .5px;line-height:1.3;}
#main-1 .main1L{height: 390px;width: 50%;float: right;padding: 115px 0 0 90px;position:relative;}
#main-1 .main1L a{text-decoration:none;position:relative;}
#main-1 .main1LM {display: flex; align-items: flex-end; justify-content:space-between; }
#main-1 .main1L .play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#main-1 .main1LP {display: inline-block;}
#main-1 .main1LP a .main1LPLAY{padding: 17.5px 62.5px;display: inline-block;position: relative;}
#main-1 .main1LP a .main1LPLAY div{position: absolute;background-repeat: no-repeat;background-size: contain;background-position: center;width: 100%;height: 100%;right: 0;top: 0;}
#main-1 .main1LP a .main1LPLAY .on{opacity:0;}
#main-1 .main1LP a .main1LPLAY .off{opacity:1;}
#main-1 .main1LP:hover a .main1LPLAY .on{transition:0.3s all ease;opacity:1;}
#main-1 .main1LP:hover a .main1LPLAY .off{transition:0.3s all ease;opacity:0;}

.section1_l{background-image:url(../Images/sermon_a.png); background-color: #3ea651; min-height: 390px; aspect-ratio:960/393; -webkit-background-size: ; background-size: cover ; background-position: center left; color:#fff; text-align: right; display: flex; justify-content: flex-end;}
.section1_r{background-image:url(../Images/sermon_b.png); background-color: #003010; min-height: 390px; aspect-ratio:960/393; -webkit-background-size: ; background-size: cover ; background-position: center right;}
.section1_r_t{border: 0px solid #000; margin: 20px 20px; width: 600px; padding-bottom: 20px; }
.section1_l_t{text-align: right; border: 0px solid #000; margin: 20px 20px; width: 500px; padding-bottom: 20px; }
.section1_l_t td, .section1_r_t td:nth-child(1) {border: none;}
.section1_l_t td, .section1_r_t td:nth-child(1):hover a{text-decoration: none;}
.section1_r_t td:nth-child(2)  {border: none;}
.section1_r_t td:nth-child(2):hover a{ text-decoration: none;}
.section1_l_t th, .section1_r_t th {border: 0px solid #000; letter-spacing: 4; color: #fff; font-weight:normal !important;}
.section1_l_t td, .section1_r_t td:nth-child(1) { width: 20%;}
.section1_l_t td, .section1_r_t td:nth-child(1) a {border: 0px solid #000 !important; color:#fdffcd; padding: 5px; } 
.section1_r_t td:nth-child(2) a{border: 0px solid #000; color:#fff; padding: 3px; word-break: keep-all;} 
.bit{font-size:40px; color: #fff; letter-spacing: 4; }
#main-2{background-color: #F7F8FA;}
#main-2 .main2R{padding-top:50px; width: 50%;float: right;display: inline-flex;
align-items: center;justify-content: center;}
#main-2 .main2R .main2RBG{height: 550px;background-repeat: no-repeat;background-position: left;background-size: cover;width: 100%;}
#main-2 .main2L{height: 660px;width: 50%;float: left;padding: 105px 70px 0 0;}
#main-2 .main2L h2{line-height: 1.5;color: #3EA64F;margin: 0;font-size: 24px;}
#main-2 .main2L h1{margin: 0;font-size: 40px;line-height: 1.5;color:#54514C;padding-bottom: 20px;}
#main-2 .main2L h7{font-size: 15px;line-height: 1.5;color: #B8BAB9;padding: 0 0 35px;display: inline-block;font-family: 'Noto Sans Korean'; word-break: keep-all;}
#main-2 .main2L ul{}
#main-2 .main2L ul a{text-decoration:none; color:inherit;}
#main-2 .main2L ul li{display: inline-flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;align-items: center;justify-content: space-between;
margin: 0 0 15px;background-color: #fff;border-radius: 5px;padding: 7px;padding-left: 30px; grid-gap: 10px;}
#main-2 .main2L ul a:hover{font-weight:bold; transition:0.3s all ease;}
#main-2 .main2L ul a:last-child li{margin:0;}
#main-2 .main2L ul li .m2caret{display: inline-block;margin: 18px 10px;width: 14px;
height: 14px;background-repeat: no-repeat;background-position: left;background-size: contain;flex-grow: 1;float: right;}
#main-2 .main2L ul li p{display: inline-block;font-size: 20px;float: left;margin: 0;flex-grow: 90;}
#main-2 .main2L ul li .plusBTN{float: right;text-align: right;flex-grow: 5;position:relative;height: 28px;width:74px;}
#main-2 .main2L ul li .plusBTN div{width: 100%;background-position: center;background-repeat: no-repeat;height: 28px;position: absolute;}
#main-2 .main2L ul li .plusBTN .on{opacity:0;}
#main-2 .main2L ul li .plusBTN .off{opacity:1;}
#main-2 .main2L ul li:hover .plusBTN .on{opacity:1; transition:0.3s all ease;}
#main-2 .main2L ul li:hover .plusBTN .off{opacity:0; transition:0.3s all ease;}

#main-3 .main3G{position:relative;}
#main-3 .main3G .main3S{overflow:hidden;margin:0 0 70px;}
#main-3 .main3G .main3S .galleryIMG{display: block;position: relative;height: 200px;
overflow: hidden;background-color: #000;margin: 0 auto;background-size: cover;background-position: 50% 50%;
background-origin: border-box;background-repeat: no-repeat;}
#main-3 .main3G .main3S .galleryT{position: absolute;height: 100%;width: 100%;
background: rgba(0,0,0,0.7);z-index: 3;top: 0;left: 0;opacity: 0;transition: 0.3s all ease;}
#main-3 .main3G .main3S a:hover .galleryT{opacity: 1;transition: 0.3s all ease;}
#main-3 .main3G .main3S .galleryT h2{font-size: 20px;margin: 0;color: #fff;position: absolute;
top: 40%;text-align: left;left: 5%;width: 95%;border: none;display: block;transform: translate(0,-50%);}
#main-3 .main3G .main3S .galleryT h5{font-size: 17px;color: #fff;margin: 0;position: absolute;
top: 55%;text-align: left;left: 5%;width: 95%;border: none;display: block;transform: translate(0,-50%);}
#main-3 .main3G .galleryP{position: absolute;z-index: 2;top: 50%;text-align: center;left: 15%;
border: none;display: block;transform: translate(0,-50%);}
#main-3 .main3G .galleryN{position: absolute;z-index: 999;top: 50%;text-align: center;right: 15%;
border: none;display: block;transform: translate(0,-50%);}

#main-4{text-align:center;border-bottom:1px solid #C4C4C4;}
#main-4 .main4T{text-align: center;display: inline-block;padding: 24px 8%;margin: 0;position: relative;border: 1px solid #000;margin:0 0 40px;}
#main-4 .main4T p{position:absolute;font-size:27px; font-weight:bold; letter-spacing:1px;top: 50%;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);left:0;margin:0;}
#main-4 .main4M{display: inline-flex;width: 100%;justify-content: space-between;flex-wrap: wrap;flex-direction: row;margin:0 0 50px;}
#main-4 .main4M .main4-1,
#main-4 .main4M .main4-2,
#main-4 .main4M .main4-3{width: calc(100% / 3 - 50px);display: inline-block;float: left;}
#main-4 .main4M .main4-1 > a,
#main-4 .main4M .main4-2 > a{margin:0 0 15px;}
#main-4 .main4M .main4-1 a,
#main-4 .main4M .main4-2 a{display: inline-flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-between;align-items: center;text-decoration:none;color:inherit;}
#main-4 .main4M .main4-1 ul a,
#main-4 .main4M .main4-2 ul a{line-height: 2;border-bottom: 1px solid #000;margin: 0 0 10px;}
#main-4 .main4M .main4-1 ul a:last-child{margin:0;}
#main-4 .main4M .main4-1 a li,
#main-4 .main4M .main4-2 a li{width: 100%;display: inline-flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;font-size: 17px;align-items: center;}
#main-4 .main4M .main4-1 a li span,
#main-4 .main4M .main4-2 a li span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#main-4 .main4M .main4-1 a li span:nth-child(1),
#main-4 .main4M .main4-2 a li span:nth-child(1){width: 65%;text-align: left;}
#main-4 .main4M .main4-1 a li span:nth-child(2),
#main-4 .main4M .main4-2 a li span:nth-child(2){width: 35%;text-align: right;}
#main-4 .main4M .main4-3 h1{width: 100%;text-decoration: none;color: inherit;margin: 0 0 15px;font-size: 17px;text-align:left;font-weight:bold;}

#main-4 .main4M .main4-1 a h1,
#main-4 .main4M .main4-2 a h1{margin: 0; font-size: 17px;font-weight:bold;}

#main-4 .main4M .main4-1 a h5,
#main-4 .main4M .main4-2 a h5{margin: 0; font-size: 13px;font-weight:bold;}

#main-4 .main4M .main4-3 .quick a{text-decoration:none;color:inherit;}
#main-4 .main4M .main4-3 .quick li{display: inline-flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-content: center;
justify-content: space-between;align-items: center;text-decoration: none;color: inherit;color:#000;
padding: 10px;font-size: 17px;border: 1px solid rgba(0,0,0,.2);}
#main-4 .main4M .main4-3 .quick li{margin:0 0 5px;} 

#main-5 .main5M{text-align:center;margin:0 0 50px; display: flex; flex-direction: column; align-items: center;}
#main-5 .main5M h2{margin: 40px 0 0;font-size: 17px;line-height: 1.5;color: #8A8989;}
#main-5 .main5M h1{margin: 0;line-height: 1.5;font-size: 34px;
color: #000;letter-spacing: 1px;font-weight: bold;}
#main-5 .main5M .bookM{display: flex; align-items: center;position:relative;margin:0 0 10px;}
#main-5 .main5M .bookM::before{ content: ""; background-color: #8E8E8E; height: 1px; font-size: 0px; position: absolute; width: 300px; line-height: 0px; right: 100px;}
#main-5 .main5M .bookM::after{ content: ""; background-color: #8E8E8E; height: 1px; font-size: 0px; position: absolute; width: 300px; line-height: 0px; left: 100px;}
#main-5 .main5M .bookM .book{width:84px;height:95px;margin:10px;}
#main-5 .main5M span{font-size: 20px; color: #000; line-height:1!important; word-break: keep-all;}
#main-5 .main5M .newBTN { width: 170px; height: 50px; display: inline-block; position: relative; margin-top: 20px;}
#main-5 .main5M .newBTN div {position: absolute; background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 100%; right: 0; top: 0;}
#main-5 .main5M .off{ opacity: 1; }
#main-5 .main5M .on{ opacity: 0; }
#main-5 .newBTN:hover .on {transition: 0.3s all ease; opacity: 1;}
#main-6{background-color:#3EA651;}
#main-6 .main6M{display: inline-flex; width: 100%;}
#main-6 .main6M .main6plus{width: calc(100% / 4); text-align: center;height:100px;}
#main-6 .main6M .main6plus a{width: 100%;display: inline-flex;height: 100%;flex-direction: row;border-left: 1px solid rgba(255,255,255,.5);
text-decoration: none;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;gap: 15px;}
#main-6 .main6M .main6plus:last-child a{border-right: 1px solid rgba(255,255,255,.5);}
#main-6 .main6M .main6plus a .m6icon{padding:27px;display: inline-block;}
#main-6 .main6M .main6plus a p{margin: 0;display: inline-block;font-size: 20px;color: #fff;}

@media(min-width:1130px) {
 .container {width:1130px;}
}
@media(min-width:1500px) and (max-width:1880px) {
}

@media (min-width:1200px) and (max-width:1499px) {


 #main-1 .main1L .play {
 width: 100px;
 }
 #main-2 .main2L h1 {font-size: 25px;}
}

@media (min-width:992px) and (max-width:1199px) {
 #main-6 .main6M .main6plus a p {font-size: 18px;}
 #main-2 .main2L h1 {font-size: 25px;}

 #main-4 .main4T p {font-size: 20px;}
 #main-1 .main1R .main1RM h2 {font-size: 20px;}
 #main-1 .main1R .main1RM .main1HREF .main1BOX p {font-size: 15px;}
 #main-1 .main1L .play {
 width: 80px;
 }
	#main-1 .main1R{padding: 26px 0px;}
	#main-2 .main2L{padding: 75px 15px 75px 0;}
}

@media (min-width:768px) and (max-width:991px) {
 #main-1 .main1L .play { width: 70px;}
 #main-2 .main2L h1 {font-size: 25px;}
 #main-6 .main6M .main6plus a p {font-size: 18px;}
 #main-4 .main4T p {font-size: 20px;}
 #main-1 .main1R .main1RM h2 {font-size: 20px;}
	#main-1 .container{padding: 0;margin: 0;box-sizing: content-box;width: 100%;}
	#main-1 .container .row{margin:0;}
	#main-1 .main1R{width: 100%; background-color: #3EA651; padding: 30px; height: inherit;}
 #main-1 .main1L { width: 100%; background-image: url(../images/2_sermon_pic.jpg); padding: 50px; height: 250px;}
	#main-2 .main2R{width:100%;}
	#main-2 .main2R .main2RBG{background-position:center;}
	#main-2 .main2L{width:100%;padding: 70px;height:inherit;}
	#main-3 .main3G .main3S{margin: 0 0 30px;}
	#main-4 .main4M{margin: 0 0 30px;padding:0 20px;}
	#main-4 .main4M .main4-1, 
	#main-4 .main4M .main4-2, 
	#main-4 .main4M .main4-3{width:100%;padding: 0 0 20px;}
	#main-6 .main6M .main6plus{height:120px;}
	#main-6 .main6M .main6plus a{flex-direction: column;}
}

@media (max-width:767px) {
  #directPopup .video-wrap iframe {height: 100% !important;}
 .section1_r {background-size: contain; background-repeat: no-repeat; background-position: top;}
 .section1_r_t td:nth-child(2) {padding: 5px;}
 .section1_l_t td, .section1_r_t td:nth-child(1) a {font-size: 15px; word-break: keep-all;}
 .section1_l_t td, .section1_r_t td:nth-child(1) {width: 35%; padding: 5px;}
 #main-4 .main4M .main4-1 a li, #main-4 .main4M .main4-2 a li {font-size: 15px ;}
 #main-5 .main5M span {line-height: 2 !important; font-size: 18px; }
 #main-1 .main1LM {display: inline-block;}
 #main-1 .main1R .main1RM h2 {margin-top: 10px;}
 #main-1 .main1R .main1RM .main1HREF a { padding: 30px;}
 #main-1 .main1R .main1RM .main1HREF { flex-wrap: wrap; gap: 5px;}
 #main-1 .main1RM {padding: 0px;}
 #main-1 .main1R .main1RM h3 {font-size: 25px;}
 #main-1 .main1L .play { width: 50px;}
 #main-5 .main5M .bookM::before {width: 100%;}
 #main-5 .main5M .bookM::after {width: 100%;}
 #main-6 .main6M .main6plus a p {font-size: 18px;}
 #main-2 .main2L h1 {font-size: 25px;}
 #main-4 .main4T p {font-size: 20px;}
 #main-1 .main1R .main1RM h2 {font-size: 20px;}
	#main-1{background-image:none;background-color: transparent;}
	#main-1 .container{padding: 0;margin: 0;box-sizing: content-box;width: 100%;}
	#main-1 .container .row{margin:0;}
	#main-1 .container .row .main1M{display: flex;flex-direction: column;}
	#main-1 .main1R .main1RM h2{font-size:20px;}
	#main-1 .main1R .main1RM h6{word-break:keep-all;text-align: left;font-size:15px;}
	#main-1 .main1R .main1RM .main1HREF{flex-direction: row;
 flex-wrap: wrap;justify-content: flex-start;width:100%;}
	#main-1 .main1R .main1RM .main1HREF .main1BOX{}
	#main-1 .main1R .main1RM .main1HREF .main1BOX p{font-size:15px;}
	#main-1 .main1R{width: 100%; background-color: #3EA651; padding: 15px; height: inherit;}
 #main-1 .main1L { width: 100%; background-image: url(../images/2_sermon_pic.jpg); padding: 10px; height: 230px; }
	#main-1 .main1L a{position:initial;}
	#main-1 .main1L a .main1LM h2{font-size:17px;}
	#main-1 .main1L a .main1LM h1{font-size:20px;}
	#main-1 .main1L a .main1LM h5{font-size:15px;}
	#main-1 .main1L a .main1LPLAY{top:65%;left:80%;}
	#main-1 .main1L a .main1LPLAY div{width:50px;height:50px;background-size:contain;}
	.section1_l{aspect-ratio:unset;min-height: unset;background-image:unset; }
.section1_r{aspect-ratio:unset; min-height: unset; }
.section1_r_t, .section1_l_t{width: 100%; margin: 0px;}
.main1HREF {gap:5px;}
.main1HREF a {padding: 30px; }
.main1HREF .main1BOX p{font-size: 15px;}
.bit{font-size: 30px;}
	#main-2 .main2R{width:100%;height:inherit;padding: 20px;}
	#main-2 .main2R .main2RBG{background-size:cover;height:300px}
	#main-2 .main2L{width:100%;padding: 20px;height:inherit;}
	#main-2 .main2L h2{font-size:17px;}
	#main-2 .main2L h1{font-size:20px;}
	#main-2 .main2L h7{font-size:15px;}
	#main-2 .main2L ul li p{font-size:17px;}
	#main-3 .main3G .main3S{margin: 0 0 15px;}
	#main-4 .main4T{padding: 20px 20%;}
	#main-4 .main4T p{font-size:20px;}
	#main-4 .main4M{margin: 0 0 30px;padding:0 20px;}
	#main-4 .main4M .main4-1 a h1, 
	#main-4 .main4M .main4-2 a h1{font-size:17px;}
	#main-4 .main4M .main4-1, 
	#main-4 .main4M .main4-2, 
	#main-4 .main4M .main4-3{width:100%;padding: 0 0 20px;}
	#main-4 .main4M .main4-3 h1{font-size:17px;}
	#main-5 .main5M h1{font-size:20px;}
	#main-5 .main5M span{padding:20px;}
	#main-6 .main6M{flex-wrap: wrap;}
	#main-6 .main6M .main6plus{height:90px;width: calc(100% / 2);}
	#main-6 .main6M .main6plus a{flex-direction: column; }
	#main-6 .main6M .main6plus:first-child a{border-left:none;}
	#main-6 .main6M .main6plus:nth-child(3) a{border-left:none;}
	#main-6 .main6M .main6plus:last-child a{border-right:none;}
	#main-6 .main6M .main6plus a p{font-size:17px;}
 #main-6 .main6M .main6plus:nth-child(1) a, #main-6 .main6M .main6plus:nth-child(2) a {
 border-bottom: 1px solid rgba(255, 255, 255, .5);
 }
}

@media (max-width:440px) {
 .main1HREF a {padding: 25px;}
 #main-1 .main1L { width: 100%; background-image: url(../images/2_sermon_pic.jpg); padding: 10px; height: 197px; background-size: contain; background-repeat: no-repeat; }

}