#loginForm { margin-top:50px!important; }


.ms-1-left-top .slider .move-btn {display:none;}
.ms-1-left-top .slider .slider-dots .each-dot.active{ background: #ffffff; border-color: #ffffff; width:25px; border-radius:10px; opacity:1; transition:all ease-in-out .35s;}
.ms-1-left-top .slider .slider-dots .each-dot { background:#cecece; border-color:#cecece; opacity:0.7;}
/* common */

.main-title { padding: 5px 80px; border:2px solid #000; display:inline-block; font-size:27px; margin:0px 0px 55px; font-weight:bold; text-align:center; }
#main-section1 { padding:30px 0 40px; }
/*.ms-1-right-top2 hr { width:100px; margin-bottom:15px; margin-top:15px; border-top:2px solid #000;}*/
#main-section1 hr { width:100px; margin-bottom:15px; margin-top:15px; border-top:2px solid #000;}
#main-section1 .ms-1-right-top1 hr { border-top:2px solid #fff;}
#main-section1 .ms-1-left-bottom1 hr { width:100px; margin-bottom:15px; margin-top:15px; border-top:2px solid #000; }
#main-section1 .ms-1-right-top2 hr { margin-bottom:19px; border-top:2px solid #000; }
.ms-1-right-top2 hr { width:100px; margin-bottom:15px; margin-top:15px; border-top:2px solid #fff!important;}

.ms-1-left-top { width:100%; height:691px; background: url(../Images/1_intro_bg.png); background-position:center; background-size: 100% 100%; }
.main_indroduce { position:relative; top:15%; text-align:center; color:white; }
.main_indroduce h1 { color:#000; font-size:45px; font-weight:bold; margin:0 0 5px;}
.main_indroduce p { font-size:17px; color:#fff; margin:20px 0 0; text-align:left; padding:0 94px; }
.main_indroduce a { display:inline-block; color:#fff; font-size:17px; font-weight:bold; padding:8px 60px; margin-top:30px; text-decoration:none; background:#414A71; }
.main_indroduce a:hover { background:#fff; transition:0.2s all; color: #414A71; }
.main_indroduce a span { font-weight:bold; position:relative; margin-left:10px; top:-3px;}


#bg2 .sermon-desc { position:absolute; width:275px; top:49%; left:25px; text-align:left; background:rgba(0,0,0,0.5); padding:20px 30px;}
.sermon-desc { right: 20%;bottom:3%; position: absolute; text-align: left; padding: 25px 25px; width: 350px; background: #fff;}
.sermon-desc h4 { color:#000; font-size:17px;}
.sermon-desc a:first-child { font-size:21px; color:#000; display:inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width:100%; text-decoration:none; }
.sermon-desc .more{ text-align:center; width: 120px; display: inline-block; color: #000; font-size: 16px; font-weight: bold; padding: 7px 0px; border: 1px solid #000; margin-top: 10px; text-decoration: none; position:absolute; right:10px; bottom:20px;}
.more:hover { background:#000; color:#fff; transition:0.2s all; }
.sermon-desc p {
    font-size: 26px;
    color: #000;
    margin: 10px 0 20px;
    font-weight: normal;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sermon-desc p img { margin-right:20px; margin-bottom:5px; }

.ms1-box { padding:0px;}
.ms-1-left-bottom1 {
    background: url(../Images/worship_bg_2023.jpg);
    background-position: center;
    background-size: 100% 100%;
    padding: 30px 0px;
    height: 344px;
}
/*.ms-1-left-bottom1 {
    background: url(../Images/worship_bg.jpg);
    background-position: center;
    background-size: 100% 100%;
    padding: 30px 0px;
    height: 344px;
}*/


.ms-1-left-bottom1 h4 { text-align:center; color:#000; margin:0px; font-weight:bold; font-size:17px; }

.ms-1-left-bottom1:hover { opacity:0.8; transition:0.3s;}
.ms-1-left-bottom2 {
    background: url(../Images/next_bg.jpg);
    background-position: center;
    background-size: 100% 100%;
    padding: 30px 0px;
    text-align: center;
    color: #000;
    text-decoration: none;
    height: 344px;
}
/*.ms-1-left-bottom2 { background: url(../Images/book_bg.png); background-position:center; background-size: 100% 100%; padding: 30px 0px; text-align:center; color:#000; text-decoration:none; height:320px;}*/
.ms-1-left-bottom2 ul { border:2px solid #000; padding:10px 15px; font-size:15px; text-align:left; width: 235px;margin: 15px auto; transform: skew(-0.05deg);}
.ms-1-left-bottom2 ul li span { float:right; }
.ms-1-left-bottom2 ul li { overflow:hidden; padding:1px 0;}
.ms-1-left-bottom2:hover { opacity:0.8; transition:0.3s;}
.ms-1-left-bottom2 h4 { text-align:center; color:#000; margin:0px; font-weight:bold; font-size:19px; }
.ms-1-left-bottom2 h5 { margin:0px; font-weight:normal; font-size:17px; line-height:25px;}
.ms-1-left-bottom2 h6 { margin-top:10px; font-weight:600; font-size:16px;}
.ms-1-right-bottom ul li img { float:left; margin-right:20px; }
.ms-1-left-bottom1 h4 { text-align:center; color:#000; margin:0px; font-weight:bold; font-size:19px; letter-spacing:1px;}
.ms-1-left-bottom1 h5 { color:#000; font-size:21px; font-weight:normal; margin:0; text-align:center; line-height:25px; }
.ms-1-left-bottom1:hover { opacity:0.8; transition:0.3s;}
/*.ms-1-right-top1 { background: url(../Images/guide_bg.png); background-position:center; background-size: 100% 100%; padding: 30px 0px; text-align:center; color:#fff; text-decoration:none; height:327px;}*/
.ms-1-right-top1 {
    background: url(../Images/praise_bg.jpg);
    background-position: center;
    background-size: 100% 100%;
    padding: 30px 0px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 344px;
    position: relative;
}
.ms-1-right-top1:hover, .ms-1-right-top2:hover { opacity:0.8; transition:0.3s;}
.ms-1-right-top1 h5 { color:#000; font-size:20px; font-weight:normal; margin:0 0 0; font-weight:bold;}
.ms-1-right-top1 h4 { text-align:center; color:#FFF; margin:0px; font-weight:bold; font-size:19px; }



.ms-1-right-top1 .praise-desc{
	position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 10px 10px;
    background: #ffffffb0;
    width: 80%;
}
.ms-1-right-top1 .praise-desc h5{
	margin-top:0;
}
.ms-1-right-top1 .praise-desc p{
	color:#000;
	font-size:22px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
.ms-1-right-top1 .praise-desc h4{
	font-weight:normal;
	font-size:18px;
	color:#000;
}
.ms-1-right-top1 .praise-desc2{
	position:absolute;
	top:75%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:10px 10px;
	background:#ffffffb0;
	width:80%;
}
.ms-1-right-top1 .praise-desc2 h5{
	margin-top:0;
}
.ms-1-right-top1 .praise-desc2 p{
	color:#000;
	font-size:22px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
.ms-1-right-top1 .praise-desc2 h4{
	font-weight:normal;
	font-size:18px;
	color:#000;
}
.ms-1-right-top1 .praise-box h3 { font-size:19px; color:#333; margin:0; font-weight:bold; }
.ms-1-right-top1 .praise-box h1 { margin:20px 0; font-size:30px; color:#333; font-weight:bold; }
.ms-1-right-top1 p { font-size:15px; margin:0px 0px 3px; }
.ms-1-right-top2 {
    background: url(../Images/location_bg.jpg);
    background-position: center;
    background-size: 100% 100%;
    padding: 30px 0px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 344px;

}
/*.ms-1-right-top2 { background: url(../Images/worship_bg.png); background-position:center; background-size: 100% 100%; padding: 30px 0px; text-align:center; color:#fff; text-decoration:none; height:327px;}*/
.ms-1-right-top2 > div { padding:30px 40px;}
.ms-1-right-top2 > div > ul { padding:10px 20px; background:rgba(255,255,255,.7); border:1px solid #000; }
.ms-1-right-top2 > div > ul > li { color:#000; font-size:14px; margin:5px 0; text-align:left;}
.ms-1-right-top2 > div > ul > li > span { float:right;}
.ms-1-right-top2 h4 { text-align:center; color:#000; margin:0px; font-weight:bold; font-size:19px; }
.ms-1-right-top2 h5 { color:#000; font-size:17px; font-weight:normal; margin:20px 0 0; line-height:25px; }
.ms-1-right-top2 p { font-size:12px; margin:0px 0px 3px; }
.ms-1-right-top1 h4 { text-align:center; color:#fff; margin:0px; font-weight:bold; font-size:21px; letter-spacing:1px; }
.ms-1-right-top2 h4 { text-align:center; color:#fff; margin:0px; font-weight:bold; font-size:21px; letter-spacing:1px; }
.ms-1-right-top1 h5 { color:#000; font-size:17px; font-weight:normal; margin:20px 0 0; line-height:25px; }
.ms-1-right-top2 h5 { color: #fff; font-size: 21px; font-weight: 500; margin: 0; line-height: 30px; margin-bottom:20px; }
.ms-1-right-top1 p { display:inline-block; font-size:15px; color:#fff; margin:0; clear:both;} 
.ms-1-right-top2 p { font-size:12px; margin:0px 0px 3px; }
.ms-1-right-top1:hover,
.ms-1-right-top2:hover { opacity:0.8; transition:0.3s;}
.ms-1-right-bottom h2 { font-size: 45px; font-weight:bold; margin-top:10px; margin-bottom:2px; }
.ms-1-right-top1 ul {padding:0 20px; }
.ms-1-right-top1 li { width:100%; line-height:30px;}
.ms-1-right-top1 li span { text-align:right; color:#000; font-size:15px; float:right;}


.ms-1-right-bottom {
    background: url(../Images/sermon_bg2025.jpg);
    background-position: center top;
    background-size: cover;
    padding: 35px 20px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    height: 691px;
    clear: both;
}
/*.ms-1-right-bottom { background: url(../Images/sermon_bg.png); background-position:center; background-size: 100% 100%; padding: 50px 0; text-align:center; color:#fff; text-decoration:none; height:659px; clear:both;}*/
.ms-1-right-bottom a { text-decoration:none; }
.sermon-box { width:435px; background:rgba(255,255,255,0.7); margin:60px auto 0;  padding:35px 25px; text-align:left; position:relative; }
.sermon-box ul { margin-top:30px; }
.sermon-box li { font-size:17px; color:#333; padding:3px 0; }
.sermon-box h5 { font-size:26px; color:#000; font-weight:bold; margin:0; }
.sermon-box #sermonMore { 
	  position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 16px;
    padding: 0;
    }

#main-section3_0 { background-color:#F3F4F6; padding:50px 0px; }
#main-section3_0 .container { text-align:center; }
#main-section3_0 a { color: #4e4e4f; text-decoration:none;}
#main-section3_0 .ms2-box { padding: 0px 30px;}
#main-section3_0 .ms2-box h4 { float:left; font-size:20px; font-weight:bold; }
#main-section3_0 .ms2-box h5 { float:right; font-size:17px; font-weight:bold; }
#main-section3_0 ul { clear:both; margin-top:40px;}
#main-section3_0 li { font-size: 15px; padding:10px 0px 0px; border-bottom:1px solid #d4d4d4; text-align:left;}
#main-section3_0 li:hover p { color:#81c6ff; transition:0.2s all; }
#main-section3_0 li p { font-family:NanumBarunGothic; display:inline-block; margin:0; width:74%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#main-section3_0 li span{ float:right;}
.ms2-quick li { border:1px solid #000 !important; padding:14px!important; margin-bottom:10px;}
.ms2-quick li:hover { background:white; transition:0.3s; }
.ms2-quick { margin-top:45px!important; }

#main-section3 { padding:40px 0px 70px; text-align:center; }
#main-section3 li { display:inline-block; margin:0 13px; width:275px; }
    #main-section3 li img {
        width: 100%;
        max-height: 270px;
        min-height: 270px;
    }
    #main-section3 .quick-link li img {
        width: 75% !important;
        max-height: 270px !important;
        min-height:unset !important;
    }
#main-section3 li img:hover { opacity:0.7; transition:0.3s;}

@media (min-width:1200px) and (max-width:1499px) {
	.main_indroduce p { padding:0 80px; }

}

@media (min-width:993px) and (max-width:1199px) {
	.main_indroduce p { padding:0 30px; }
    #main-section3 li { width:21%;}
    #main-section2 li p { width:65%; }
    .main_indroduce h1 { font-size:35px; }
    .ms-1-right-bottom h1 { font-size:35px; }
}


@media (min-width:768px) and (max-width:992px) {
	.ms-1-right-top1 .praise-box{width:325px;}
	#main-section3 li { width:48%; margin: 0 5px 15px; }
	#main-section2 li p { width:50%; }
	.main_indroduce h1 { font-size:35px; }
	.ms-1-right-bottom h1 { font-size:35px; }
	.main_indroduce p { padding:0 100px; font-size:22px; }
}

@media (max-width:767px) {
	.ms-1-right-top1 .praise-box h1 { font-size:20px; }
    .sermon-desc {
        display: none !important;
    }
	.main_indroduce img { max-width:210px; }
	.ms-1-right-top1 .praise-box { height:auto;}
	.ms-1-right-top1 h5 { font-size:17px; }
	.ms-1-right-top1 .praise-box h3 { font-size:17px; }
	
	.ms-1-left-bottom1 hr { width: 100px; margin-bottom: 15px;  margin-top: 15px;  }
	.ms-1-right-top1 hr, .ms-1-left-bottom2 hr { width: 100px; margin-bottom: 15px; margin-top: 15px; border-top: 2px solid #000;}
	#main-section2 .ms2-box { padding:0 20px; }
	.ms-1-left { margin-bottom:15px!important; }
	.ms-1-rigth { margin:0!important; }
	#main-mobile > div > div { margin:0; }
	#main-section1 { padding:0px 15px;}
	.main-title { font-size:17px; margin-bottom:30px; }
	#main-section3 li { margin: 0 0 15px;}
	.ms-1-left-top .main_indroduce{ top:5%;}
	.main_indroduce h1 { font-size:25px;}
	.main_indroduce p { font-size:15px; padding:0 15px;}
	.main_indroduce a { font-size:15px; margin-top:15px; }
	.ms-1-right-bottom h1 { font-size:25px;}
	.ms-1-right-bottom p { font-size:14px; }
	.ms-1-right-bottom a { font-size:15px; }
	/*.ms1-box { margin-top:15px; }*/
	.ms-1-right-top2 { margin-bottom:15px; }
	.ms-1-left-top { height: auto; }
	.ms-1-right-bottom { height:390px; }
	#main-section2 li { font-size:13px; }
	#main-section2 ul { margin-bottom:25px;}
	#main-section2 .ms2-box h4 { font-size:17px; }
	#main-section2 { padding:30px 0; }
	#main-section3 { padding:30px 0; }
	.ms-1-right-bottom { padding:30px 15px; }
	.ms-1-right-bottom > img { max-width:120px; }
	.sermon-box { width:100%; margin:20px auto 0; }
	.sermon-box h5 { font-size:18px; }
	.sermon-box ul { margin-top:15px; text-align:right;}
	.sermon-box #sermonMore { display:none; }
	.sermon-box li { font-size:15px; padding:1px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	/*.ms-1-right-bottom { height:auto!important; }*/
	.ms-1-right-top2 > div{ padding:30px 25px;}
	
}