.dimode-widget.popup .popup-content .each-content {max-width:100%!important;}

.slider .slider-wrapper .slide img{width:100%;}
/* ms1 l */
#main-section1 hr {width: 85px;margin: 15px auto;border: 0.5px solid;margin-bottom: 20px;}
.ms-1-left-bottom1 hr{border-color:#000;}
.ms1-box { padding:0px;}
.ms-1-left>a:nth-child(3):hover>div>.ms-1-left-bottom2>.ms-1-left-bottom2_btn>.cont_btn{text-decoration: none;
transition: 0.2s all;color: #fff;background-color: rgba(255, 255, 255, 0.5);}
.ms-1-left-top { width:100%; /*height:666px; background: url(../Images/introduction.png); background-position:center; background-size: 100% 100%;*/ }
.main_indroduce { position:relative; top:13%; text-align:center; color:white; }
.main_indroduce span:first-child { font-size:42px; font-weight:bold; letter-spacing:3px; }
.main_indroduce span:nth-child(3) { font-size:19px; }
.main_indroduce div { margin-top:24px; }
.main_indroduce div span:first-child { font-size: 15px; font-weight: bold; border:1px solid white; padding:10px 75px; }
.main_indroduce div a { text-decoration:none; color:white; }
.main_indroduce div span:hover { background-color:white; color:black; transition:0.3s;}
.ms-1-left-bottom1 { background: url(../Images/6.worship.jpg); background-position:center; background-size: 100% 100%; padding: 45px 10px; height:340px; color:#fff; position:relative;}
.ms-1-left-bottom1 img{position: absolute;top: 65%;text-align: center;border: none;display: block;transform: translate(90%,-50%);}
.ms-1-left-bottom1 h4 { text-align:center; margin:0px; font-size:22px; letter-spacing:0px;}
.ms-1-left-bottom1 ul { text-align:center;}
.ms-1-left-bottom1 ul li {font-size:22px; letter-spacing: 0;}
.ms-1-left-bottom1 ul li span { text-align:left; position:absolute; left:55%; }
.ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-1{WIDTH: 50%;display: inline-block;float: left;border-right: 1px solid rgba(255,255,255,.5);padding-right: 10px;}
.ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-2{WIDTH: 50%;display: inline-block;float: right;padding-left: 10px;}
.ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-1 ul li {font-size:16px; letter-spacing: 0; text-align:right;line-height: 1.6;}
.ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-2 ul li {font-size:16px; letter-spacing: 0; text-align:left;line-height: 1.6;}
.ms-1-left-bottom1 .more-btn:hover {color: #fff;transition: 0.5s all ease;background-color: rgba(255, 255, 255, 0.5);}
.ms-1-left-bottom1 .more-btn{text-decoration: none; color: white; padding: 5px 60px; display: inline-block; text-align: center;
 font-size: 18px; font-weight: bold; left: 20%; border: 1px solid #fff; position: absolute; bottom: 7%;}
.ms-1-left-bottom2 { background: url(../Images/7.location.jpg); background-position:center; background-size: 100% 100%; padding: 45px 10px; text-align:center; color:#fff; text-decoration:none; height:340px;}
.ms-1-left-bottom2:hover { opacity:0.8; transition:0.3s;}
.ms-1-left-bottom2 h4 {text-align: center;margin: 0px;font-size: 19px;letter-spacing: 1px; }
.ms-1-left-bottom2 h5 { margin:0px; font-weight:bold; font-size:20px;}
.ms-1-left-bottom2 h6 {margin-top: 10px;font-size: 19px;letter-spacing: 1px;line-height: 1.5;}
.ms-1-left-bottom2 .ms-1-left-bottom2_btn{margin-top: 25px;}
.ms-1-left-bottom2 .ms-1-left-bottom2_btn .cont_btn{padding: 10px 65px;font-size: 16px;font-weight: bold;color: #fff;border: solid 1px #fff;}
.ms-1-right-bottom ul li img { margin-right:10px; position:relative;bottom:3px;}

/* ms1 r */
.ms-1-right-top2 {background: url(../Images/4.ministry_bg.jpg); background-position:center; background-size: 100% 100%; padding: 45px 10px; height:340px; color:#fff; position:relative; text-align:center;}
.ms-1-right-top1 {background: url(../Images/3.school_2024.png); background-position:center; background-size: 100% 100%; padding: 45px 10px; height:340px; color:#fff; position:relative;}
.ms-1-right-top2:hover { opacity:0.8; transition:0.3s;}
.ms-1-right-top1:hover { opacity:0.8; transition:0.3s;}
.ms-1-right-top1 h6{text-align: center;color: #fff;margin: 0px;font-size: 17px;letter-spacing: 0px; line-height:1.4;}
.ms-1-right-top1 h6 span{font-size:19px;}
.ms-1-right-bottom { background: url(../Images/sermon.png); background-position:center; background-size: 100% 100%; padding: 100px 40px; text-align:center;text-decoration:none; height:692px; clear:both; background-repeat:no-repeat;}
.ms-1-right-top2 h6{text-align: center;color: #fff;margin: 0px;font-size: 17px;letter-spacing: 0px; line-height:1.4;}
.ms-1-right-top2 h6 span{font-size:19px;}
.ms-1-right-top1 h4 { text-align: center;margin: 0px;font-size: 20px;letter-spacing: 0px;  }
.ms-1-right-top1 hr{border-color:#000;}
.ms-1-right-top1 p {margin-top: 10px;font-size: 17px;letter-spacing: 0;text-align:center;}
.ms-1-right-top2 h4 { text-align: center;margin: 0px;font-size: 20px;letter-spacing: 0px;  }
.ms-1-right-top2 hr{border-color:#000;}
.ms-1-right-top2 p {margin-top: 10px;font-size: 17px;letter-spacing: 0;text-align:center;}
.ms-1-right-top2 img{margin-top: 30px;}
.ms-1-right-bottom { background: url('../Images/5.sermon(2).jpg'); background-position:center; background-size: 100% 100%; padding: 40px; text-align:center;text-decoration:none; height:692px; clear:both; background-repeat:no-repeat; position:relative;}
.ms-1-right-bottom .ms-1-right-bottom1 .sermon-title{font-size: 40px;padding-bottom: 5px;font-weight: bold;color: #fff;display: inline-block;letter-spacing: 3px;border-bottom: 1px solid #fff;}
.ms-1-right-bottom .ms-1-right-bottom1 hr{width: 25px!important;color: #fff;margin: 15px auto!important;}
.ms-1-right-bottom h2 { font-size: 45px; font-weight:bold; margin-top:10px; margin-bottom:2px; }
.ms-1-right-bottom .sermon-box { padding: 10px 40px; border:1px solid #fff; display:inline-block; font-size:16px; margin-top:15px;margin-bottom: 30px;}
.ms-1-right-bottom .sermon-box:hover { background-color:#fff; transition:0.2s; color:#000;}
.ms-1-right-bottom ul li {text-align: left;font-size: 15px;margin-bottom: 10px;width: 55%;margin-left: 130px;text-overflow: ellipsis;
    white-space: nowrap; overflow: hidden;}
.ms-1-right-bottom ul li:nth-child(1){font-size: 24px;white-space: normal;
line-height: 1.4;height: 4em;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;
-webkit-box-orient: vertical;overflow: hidden;}
.ms-1-right-bottom ul li:nth-child(2){font-size: 16px;}
.ms-1-right-bottom ul li:nth-child(3){font-size: 20px;}
.ms-1-right-bottom ul li:nth-child(4){font-size: 20px;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents{position: absolute;color: #fff;float: right;width: 50%;right: 10%;top: 25%;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents a{text-decoration:none; color:#fff;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents a:hover p strong{font-weight:bold;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents p:nth-child(1) string{font-size: 36px;width: 100%;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-align:center;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents p{font-size: 20px;margin-bottom: 5px; text-align:left; margin:0;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents p strong{font-size: 28px;font-weight: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 3em;overflow: hidden;word-break:keep-all;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-Pastor-day{font-size: 19px;margin-bottom:20px;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-Pastor-day span:nth-child(1){margin-right: 15px;letter-spacing: 1px;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-btn{margin-top: 15px;position: absolute;display: inline-block;opacity: 0.7;right: 0;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-btn:hover,
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-btn:focus{opacity:1; transition: 0.2s all;}


/* ms 2 */
#main-section2 { background-color:#eee; padding:40px 0px; }
#main-section2 .container { text-align:center; }
.main-title {padding: 5px 35px;border: 1px solid #000;display: inline-block;font-size: 27px;margin: 0px 0px 40px;font-weight: bold;text-align: center;letter-spacing: 1px;width: 20%;}
#main-section2 a { color: #4e4e4f; text-decoration:none;}
#main-section2 a:hover {  }
#main-section2 .ms2-box { padding: 0px 30px;}
#main-section2 .ms2-box h4 { float:left; font-size:22px; font-weight:bold; }
#main-section2 .ms2-box h5 { float:right; font-size:15px; font-weight:bold; margin:15px 0;}
#main-section2 ul { clear:both; margin-top:50px;}
#main-section2 li { font-size: 15px; padding:9px 0px 0px; border-bottom:1px solid #d4d4d4; text-align:left;}
#main-section2 li p { display:inline-block; margin:0; width:70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#main-section2 li span{ float:right;margin-right: 10px;}
#main-section2 li:hover { background-color:rgba(255,255,255,0.5); transition:0.3s; border-radius:1px; }
.ms2-quick > a > li { padding: 13px!important;margin-bottom: 10px; border: 1px solid #d4d4d4;}
.ms2-quick li:hover { background:white; transition:0.3s; }

/* ms 3 */
#main-section3 { padding:40px 0px;}
#main-section3 a { color: #000; text-decoration:none;}
#main-section3 li { display:inline-block; width:22%; margin:10px 15px 30px;}
#main-section3 li img { width:100%; max-height:270px; }
#main-section3 li img:hover { opacity:0.7; transition:0.3s;}
#main-section3 .galley-main{width: 100%; display: inline-block;}
#main-section3 .galley-main .gallery-div{width: 25%;display: inline-block;padding: 10px;float: left;}
#main-section3 .galley-main .gallery-div a{display:inline-block; position:relative;}
#main-section3 .galley-main .gallery-div a .gallery-img{width: 274px;height: 174px;position: relative;overflow: hidden;margin: 0 auto;}
#main-section3 .galley-main .gallery-div a .gallery-img img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#main-section3 .galley-main .gallery-div a .gallery-title{text-align: center;margin: 0;position: absolute;bottom: 0;
width: 100%;padding: 10px;background-color: rgba(255,255,255,.5);}
#main-section3 .galley-main .gallery-div a:hover .gallery-title,
#main-section3 .galley-main .gallery-div a:focus .gallery-title{background-color: rgba(255,255,255,.7); transition:0.3s;}
#main-section3 .galley-main .gallery-div a .gallery-title p{font-size: 18px;font-weight: bold;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0;}
.slider .move-btn{
	background:rgba(0, 0, 0, 0.0)!important;
}
/*메인팝업*/
.slider .slider-wrapper .slide{position:relative;}
.slider .slider-wrapper .slide .box1{position: absolute; top: 110px; left: 50%; transform: translateX(-50%);width:100%;}
.slider .slider-wrapper .slide .box1 .cont_title1 p{font-size: 42px; font-weight: bold; font-family: sans-serif;}
.slider .slider-wrapper .slide .box2{position: absolute; top: 190px; left: 50%; transform: translateX(-50%);}
.slider .slider-wrapper .slide .box2 .cont_title2 p{font-size: 18px; width: 395px; font-family: -webkit-body;}
.slider .slider-wrapper .slide .box3{position: absolute; top: 315px; left: 50%; transform: translateX(-50%); border: solid 1px #1E5673;text-align: center;}
.slider .slider-wrapper .slide .box3:hover{transition: 0.5s all ease; background-color: rgba(255, 255, 255, 0.5);}
.slider .slider-wrapper .slide .box3 .cont_btn a{text-decoration: none;color: #fff;padding: 8px 70px;display: inline-block;
position: relative;text-align: center;font-size: 18px;font-weight: bold;left: 5px;}
.slider .slider-wrapper .slide .box3 a .cont_btn {font-size: 16px; font-family: sans-serif; font-weight: bold;position: relative; left: 8px; padding: 8px 70px; }
.slider .slider-wrapper .slide .box3 a .cont_btn .cont_bar{bottom: 5px; border: 1px solid black; width: 10px; display: inline-block; position: relative; margin-left: 10px;}
#main-section3>div>div>ul{text-align: center;}
@media (min-width:1200px) and (max-width:1499px) {
    .ms-1-right-bottom ul li{width: 55%; margin-left: 110px;}
    .ms-1-right-bottom{height: 666px;}
}
@media (min-width:992px) and (max-width:1199px) {
	#main-section2 li p { width: 64%; }
    .ms-1-left-bottom2 .ms-1-left-bottom2_btn .cont_btn{padding: 10px 30px;}
    .ms-1-right-bottom{height: 552px;}
    .ms-1-left-bottom1{padding: 45px 0px;}
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-1{padding-right: 5px;}
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-1 ul li{font-size: 15px; letter-spacing: -1px;}
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-2{padding-left: 5px;}
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-2 ul li{font-size: 15px; letter-spacing: -1px;}
    .ms-1-right-bottom ul li{width: 75%; margin-left: 80px;}
    #main-section3 .galley-main .gallery-div a .gallery-img{width: 220px; height: 160px;}
    
}

@media (min-width:768px) and (max-width:991px) {
	#main-section2 li { font-size: 11px; }
	#main-section2 li p { width: 63%; }
	.ms2-quick li { padding: 11px!important; }
    .ms-1-right-bottom{height: 545px;background-size: 100%;}
    .ms-1-right-top1{height: 320px;}
    .ms-1-right-top2{height: 320px;}
    .ms-1-right-top2 img{margin-top: 15px;}
    #main-section2 .ms2-box{padding: 10px; width:100%;}
    .ms-1-right-bottom ul li{margin-left: 185px;}
    .main-title{width:30%;}
    #main-section3 .galley-main .gallery-div{width:50%; text-align:center;}
    #main-section3 .galley-main .gallery-div a .gallery-img{width: 340px; height: 230px;}
    .slider .slider-wrapper .slide .box3{top:340px!important;}
}

@media (max-width:767px) {
	.ms2-quick li { padding: 5px!important; font-size:15px;}
    .ms-1-right-bottom{height: 405px;background-size: 115%; background-position: -25px -30px;padding: 25px;}
    .ms-1-right-top1{background-size: 100%;padding: 25px 10px;height: 210px;}
    .ms-1-right-top1 h4{font-size:17px;}
    .ms-1-right-top1 h6 span{font-size:16px;}
    .ms-1-right-top2{background-size: 100%;padding: 25px 10px;height: 210px;}
    .ms-1-right-top2 img{margin-top: 10px; max-width: 100px;}
    .ms-1-right-top2 h4{font-size:17px;}
    .ms-1-right-top2 h6{font-size:16px;}
    .ms-1-right-top2 h6 span{font-size:16px;}
    #main-section2{padding: 25px 0px;}
    #main-section2 .ms2-box{padding: 0px 10px;}
    .ms-1-right-bottom ul li{margin-left: 185px;}
    .ms-1-left-bottom1{background-size: 100%;padding: 25px 10px;height: 210px;}
    .ms-1-left-bottom1 .more-btn{left: 25%;padding: 5px 25px;bottom: 5%;font-size: 16px;}
    .ms-1-left-bottom1 h4{font-size: 17px;}
    #main-section1 hr{width:55px;margin-bottom: 15px;}
    .ms-1-left-bottom2{background-size: 100%;background-position: 0px 0px;height: 210px;padding: 25px 10px;}
    .ms-1-left-bottom2 h4{font-size: 17px;}
    .ms-1-left-bottom2 h6{font-size: 16px;}
    .main-title{width:55%;margin:0;font-size: 20px;}
    #main-section2 .ms2-box h4{font-size: 18px;}
    #main-section3 .galley-main .gallery-div{width:100%; text-align:center;}
    #main-section3 .galley-main .gallery-div a .gallery-img{width: 340px; height: 230px;}
    .ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-Pastor-day span:nth-child(1){ margin:0;}
    .ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-Pastor-day{text-align:right;}
    .ms-1-right-bottom .ms-1-right-bottom1 .sermon-title{font-size: 30px;margin-top: 10px;}
    .ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents{top: 30%;}
    .ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents p:nth-child(1) string{font-size: 24px;float: right;margin-bottom: 10px;}
    .ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents p{font-size:18px;}
    .ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-btn{right: 40px; bottom: -105px;}
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-1{padding:0; text-align:center; width:100%; border:none;}
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-1 ul li{font-size: 14px;text-align:center;} 
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-2{padding:0; text-align:center; width:100%; border:none;}
    .ms-1-left-bottom1 .ms-1-left-bottom1-main .ms-1-left-bottom1-2 ul li{font-size: 14px;text-align:center;} 
    .ms-1-left-bottom1 img{transform: translate(125%,-50%);}
    #main-section1{padding:0;padding-top:30px;}
    #main-section2 li span{margin-right: 0px;}
    .slider .slider-wrapper .slide .box3{top: 170px!important;}
    .slider .slider-wrapper .slide .box3 .cont_btn a{padding: 3px 35px;}
}