﻿.dimode-widget.popup .popup-content .each-content {max-width:100%!important;}

.slider .slider-wrapper .slide img{width:100%;}
/* ms1 l */
#main-section1 { padding:60px 0px;}
#main-section1 hr {width: 105px;margin: 10px auto;border: 0.5px solid;}
.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/worship_time.png); background-position:center; background-size: 100% 100%; padding: 30px 10px; height:340px; color:#000; 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; color:white;}
.ms-1-left-bottom1 ul { text-align:center;}
    .ms-1-left-bottom1 hr {
        color: white;
        margin-top: 15px;
        margin-bottom: 15px;
    }
.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:hover { opacity:0.8; transition:0.3s;}
.ms-1-left-bottom1 h6{text-align: center;font-size: 16px;line-height: 1.6; color:white;}
.ms-1-left-bottom1 h6 strong{font-size: 20px;}
.ms-1-left-bottom2 { background: url(../Images/bible_study.png); background-position:center; background-size: 100% 100%; padding: 30px 10px; text-align:center; color:#000; text-decoration:none; height:340px;}
.ms-1-left-bottom2:hover { opacity:0.8; transition:0.3s;}
    .ms-1-left-bottom2 hr {
        color: white;
        margin-top: 15px;
        margin-bottom: 15px;
    }
.ms-1-left-bottom2 h4 {text-align: center;margin: 0px;font-size: 22px;letter-spacing: 1px; color:white;}
.ms-1-left-bottom2 h5 { margin:0px; font-weight:bold; font-size:20px; color:white;}
.ms-1-left-bottom2 h6 {text-align: center; font-size: 16px; line-height: 1.6; color:white;}
.ms-1-left-bottom2 h6 strong{font-size: 20px;}
.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-position:center; background-size: 100% 100%; /* padding: 30px 10px; */ height:340px; color:#fff; position:relative; text-align:center;}
.ms-1-right-top1 {background-position:center; background-size: 100% 100%; /* padding: 30px 10px; */ height:340px; color:#fff; position:relative; text-align:center;}
.ms-1-right-top2 a:nth-child(1):hover div{ opacity:0.8; transition:0.3s;}
.ms-1-right-top2 a:nth-child(2):hover div{ opacity:0.8; transition:0.3s;}
.ms-1-right-top1 a:nth-child(1):hover div{ opacity:0.8; transition:0.3s;}
.ms-1-right-top1 a:nth-child(2):hover div{ opacity:0.8; transition:0.3s;}
.ms-1-right-top1 .ms-1-right-top1-1{padding: 30px 10px;height: 340px;float: left;width: 100%; background-position:center; background-size: 100% 100%; background-repeat: no-repeat; background: url(../Images/newfamily.png);}
.ms-1-right-top1 .live-on-img{background-image: url(../Images/5_education_bg_2_on.png);}
.ms-1-right-top1 .live-off-img{background-image: url(../Images/5_education_bg_2_off.png);}
.ms-1-right-top1 .ms-1-right-top1-2{padding: 30px 10px;height: 170px;float: right;width: 100%; background: url(../Images/youtube_bg.png); background-position:center; background-size: 100% 100%; position:relative;}
.ms-1-right-top1 .ms-1-right-top1-1 h4,.ms-1-right-top1 .ms-1-right-top1-2 h4 { text-align: center;color: #000;margin: 0px;font-size: 22px;letter-spacing: 0px;  }
.ms-1-right-top1 h6{word-break: keep-all;text-align: center;color: #000;margin: 0px;font-size: 16px;letter-spacing: 0px;line-height: 1.4;}
.ms-1-right-bottom { background: url(../Images/sermon.png); background-position:center; background-size: 100% 100%; padding: 40px 90px; text-align:center;text-decoration:none; height:692px; clear:both; background-repeat:no-repeat;}
.ms-1-right-top2 .ms-1-right-top2-1{padding: 30px;height: 340px;float: left;width: 100%;background: url(../Images/location.png); background-position:center; background-size: 100% 100%;}
.ms-1-right-top2 .ms-1-right-top2-2{padding: 30px;height: 170px;float: right;width: 100%; background: url(../Images/notice_bg.png); background-position:center; background-size: 100% 100%;}
.ms-1-right-top2 .ms-1-right-top2-2 a{display: inline-block; width: 100%;color:#fff;line-height: 1.5;}
.ms-1-right-top2 .ms-1-right-top2-2 a:hover{font-weight:bold;}
.ms-1-right-top2 .ms-1-right-top2-2 h4{margin-bottom: 20px;}
.ms-1-right-top2 .ms-1-right-top2-2 a li p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 75%;margin: 0;float: left;}
.ms-1-right-top2 .ms-1-right-top2-1 h4,.ms-1-right-top2 .ms-1-right-top2-2 h4 { text-align: center;color: #000;font-size: 22px;letter-spacing: 0px;  }
.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-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 .ms-1-right-top1-1 p {}
.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-top1 .ms-1-right-top1-1 p,
.ms-1-right-top2 .ms-1-right-top2-1 p,.ms-1-right-top2 .ms-1-right-top2-2 p {margin-top: 20px;
font-size: 16px;color: #000;letter-spacing: 1px;text-align: center;}
.ms-1-right-top1 .ms-1-right-top1-2 .youtube-icon{position: absolute;left: 10%;top: 25%;}
.ms-1-right-top1 .ms-1-right-top1-2 .youtube-icon p{font-size: 17px;color: #fff;letter-spacing: 1px;}
.ms-1-right-top1 .ms-1-right-top1-2 .youtube-icon img{padding-bottom: 10px;}
.ms-1-right-top1 .ms-1-right-top1-1 hr,.ms-1-right-top1 .ms-1-right-top1-2 hr,
.ms-1-right-top2 .ms-1-right-top2-1 hr,.ms-1-right-top2 .ms-1-right-top2-2 hr{color:#000;}
.ms-1-right-top1 > a > .ms-1-right-top1-1:hover,.ms-1-right-top1 > a > .ms-1-right-top1-2:hover,
.ms-1-right-top2 > a > .ms-1-right-top2-1:hover,.ms-1-right-top2 > a > .ms-1-right-top2-2:hover,.ms-1-right-top1 > ms-1-right-top1-1:hover
{ opacity:0.8; transition:0.3s;}
.ms-1-right-bottom .ms-1-right-bottom1 .sermon-title{font-size: 50px;font-weight: bold;color: #fff;letter-spacing: 5px;padding:25px; padding-bottom:20px}
.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 {
    width: 100%;
    position: relative;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 30px;
}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents a{text-decoration:none;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents a:hover .sermon-Pastor{opacity: 1;transition: 0.3s;background-color: rgba(255,255,255,.3);font-weight: bold;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents p:nth-child(1) string{font-size: 28px;width: 100%;font-weight:bold;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-align:left;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents p{font-size: 20px;text-align: left;margin-bottom: 5px; color:#fff;}
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-Pastor{width: 120px;margin: 24px 5px 0 auto;padding: 4px 20px;border: 1px solid #fff; font-size:20px;letter-spacing: 1px;}
    /*
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-Pastor-day span:nth-child(1){margin-right: 15px;}
    */
.ms-1-right-bottom .ms-1-right-bottom1 .ms-1-right-bottom1-contents .sermon-btn{margin-top:15px; position:relative; display:inline-block; opacity:0.7;}
.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:#F3F6F4; 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 li{font-weight:bold;transition: 0.3s;}
#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:18px; 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;background-color: transparent;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%);width:100%;}
.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 #000;text-align: center;}
.slider .slider-wrapper .slide .box3:hover{color:#fff; transition: 0.5s all ease; background-color: rgba(0, 0, 0, 0.1);}
.slider .slider-wrapper .slide .box3 .cont_btn a{text-decoration: none;color: #fff;padding: 8px 60px;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;}

/*천안광성*/
.ms-1-left-bottom1 .ms-1-table{margin: 0 auto; border:none;}
.ms-1-left-bottom1 .ms-1-table tbody tr td{padding:2px;font-size:16px;; 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-bottom1{padding: 30px 2px;}
    .ms-1-left-bottom1 .ms-1-table tbody tr td{font-size: 15px;}
    .ms-1-left-bottom2 .ms-1-left-bottom2_btn .cont_btn{padding: 10px 30px;}
    .ms-1-right-top1 h6,
    .ms-1-right-top2 h6{font-size:16px;}
	.ms-1-right-top2 .ms-1-right-top2-2 a li p{width: 67%;font-size:16px;}
    .ms-1-right-bottom{height: 552px;}
    .ms-1-right-bottom ul li{width: 75%; margin-left: 80px;}
    .ms-1-left-bottom2{padding: 30px 7px;}
    .ms-1-left-bottom2 h6{font-size:16px;}
	.main-title{padding: 5px 25px;}
    #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{background-position: bottom; background-size: 100% 120%;}
    .ms-1-right-top1{height: 340px;}
    .ms-1-right-top2{height: 340px;}
    #main-section2 .ms2-box{padding: 0px 10px;}
    .ms-1-right-bottom ul li{margin-left: 185px;}
    .main-title{width:30%;}
    .ms-1-left-bottom2{background-position: bottom; background-size: 100% 130%;}
    #main-section3 .galley-main .gallery-div{width:50%; text-align:center;}
    #main-section3 .galley-main .gallery-div a .gallery-img{width: 340px; height: 230px;}
}

@media (max-width:767px) {
    #main-section2 li { font-size: 11px; }
	#main-section2 li p { width: 63%; font-size:15px;}
	.ms2-quick li { padding: 11px!important; }
    .ms-1-right-bottom {
        height: 405px;
        padding: 40px 35px;
    }
    .ms-1-right-top1{height: 320px;}
    .ms-1-right-top2{height: 320px;}
    #main-section2 .ms2-box{padding: 0px 10px; padding-top: 20px;}
    .ms-1-right-bottom ul li{margin-left: 185px;}
    .main-title{width:55%;}
    #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 p:nth-child(1) string{font-size:30px; float:left;}
    .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{margin-top: 85px;}
    .ms-1-left-bottom1 img{transform: translate(125%,-50%);}
    #main-section1{padding:0;padding-top:30px;}
    #main-section2 li span{margin-right: 0px;}
}
@media(max-width:500px) {
    .ms-1-right-bottom .ms-1-right-bottom1 .sermon-title {
            font-size:8vw;
            padding-top:0;
        }
}

