﻿.main-row-5 .slider .move-btn.prev-btn,
.main-row-5 .slider .move-btn.next-btn {display: none!important;}
.main-row-5 .slider .slider-wrapper {width: 100%!important; margin-left: 0!important;}


.slider .move-btn{background:unset!important; margin-top:-72px!important;}
.slider .move-btn.next-btn{right:22px!important;}
.slider .move-btn.prev-btn{left:22px!important;}
.slider .slider-dots{display:none!important;}

.main-container { width:1500px; margin:0 auto;}
/*설교,소개*/
.main-row-1 { display:grid; grid-template-columns:repeat(2, 1fr); margin-top:40px;}
.main-row-cont-1 {position:relative;}
.main-row-cont-1 span {font-size:20px; color:#fff; position:absolute; top:50%; left:23%; }
.main-row-cont-1 span a {color:#fff;  padding: 10px 80px; border:1px solid #fff;}
.main-row-cont-1 span a:hover{ text-decoration:none; background-color:#259aDF; border:2px solid #fff; padding:9px 79px;}

.main-row-cont-2 {padding:80px 10px;}
.cont-2-title {
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: bold;
    word-break: keep-all;
}
.cont-2-content {font-size:17px; color:#cecece; line-height:38px; margin-bottom:30px;}
.main-row-cont-2 span{border-top:1px solid #0083D1; margin:30px 0;}
.cont-2-bottom1 {margin-top:30px; font-weight:bold; font-size:17px; line-height:38px;}

.cont-2-quick {display: flex; align-items: center; margin-top: 50px;}
.cont-2-quick li {display:inline-block; margin-right: 15px; width: 20%;}
.cont-2-quick li:last-child {width: 25%;}
.cont-2-quick li a {word-break: keep-all; width: 100%;color:#000; padding: 20px 0; display:inline-block; font-size: 18px; border:1px solid #000; text-align: center; vertical-align: middle;}
.cont-2-quick li a:hover{text-decoration:none; font-weight:bold; transition:all ease 0.3s; color:#fff; background-color:#000;}  

.youtube {text-align: center; padding: 0 10px 25px;}
/*주일설교*/
.main-row-2 { position:relative; margin-top: 40px;}
.cont-1-sermon {position:absolute; top:0; width:100%; height:100%; margin-bottom:40px;}
.cont-1-topleft {position:absolute; font-size:20px; top:50px; left:60px; color: #000;}
.cont-1-topright {position:absolute; top:50px; right:60px;}
.cont-1-topright li:hover{opacity:0.6;}
.cont-1-topright li{display:inline-block; margin:0 -2px;}
.cont-1-center{top:40%; position:absolute; text-align:center; width:100%;}
.cont-1-center a {font-size:60px; color:#000; display: block;}
.cont-1-center a:hover{ text-decoration:none; }
.ytBtn {
	position: absolute;
    top: 0;
    right: 0;}


/*설교s*/
.main-row-3 {margin-top:40px;}
/*Ministry*/

/*banner2*/
.main-row-5{ margin:60px 0;}
   
    /*교회소식*/
    .main-row-6 {
        margin: 80px auto;
    }
        .main-row-6 .swiper-container {
        padding:30px 0;
        margin:0 10px;
        overflow:hidden;
        }
        .main-row-6 .swiper-slide .cont-wrap {
            margin: 10px;
            padding: 20px;
            border: 1px solid #619ab5;
            box-shadow: 3px 3px 5px #619ab5;
            border-radius: 10px;
            background-color: #619ab5;
        }
            .main-row-6 .swiper-slide .cont-wrap .title {
                font-size:32px;
                margin:0 0 10px 0;
                width:100%;
                white-space:nowrap;
                text-overflow:ellipsis;
                overflow:hidden;
            }
                .main-row-6 .swiper-slide .cont-wrap .title a {
                    text-decoration:none;
                    color:#fff;
                }
            .main-row-6 .swiper-slide .cont-wrap .date {
                text-align: right;
                color: #fff;
            }
                /*Gallery*/
.main-row-7 {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
    .main-row-7 > div {
        width: 33.333%;
        margin: 25px 0;
        height: 350px;
    }
    .main-row-7 #newPeople {
        overflow: hidden;
        position: relative;
    }
                        .main-row-7 #newPeople #newPeople-pagination,
                        #ms2-gellary .swiper-pagination {
                            bottom: unset;
                            top: 20px;
                            text-align: right;
                            padding-right: 20px;
                        }
                            .main-row-7 #newPeople #newPeople-pagination span,
                            #ms2-gellary .swiper-pagination span{
                                width: 12px;
                                height: 12px;
                            }
                            .gallery-box {
                                position: relative;
                                margin: 0 auto;
                                width: 100%;
                                overflow: hidden;
                                height: 390px;
                            }
#ms2-gellary {  overflow:hidden; position:relative;}
    #ms2-gellary img:hover, #newPeople img:hover {
        transition: 0.6s all;
        opacity: 0.7;
    }
    #ms2-gellary .swiper-slide a, #newPeople .swiper-slide a {
        -webkit-box-shadow: 3px 3px 10px 0px rgb(122 122 122 / 74%);
        -moz-box-shadow: 3px 3px 10px 0px rgba(122,122,122,0.74);
        box-shadow: 3px 3px 10px 0px rgb(122 122 122 / 74%);
        max-height: 255px;
        display: block;
        margin: 0 40px;
        padding: 15px;
    }
    #newPeople h3,
    #ms2-gellary h3,
    .chNews h3{
        padding-bottom: 10px;
        border-bottom: 2px solid;
        display: inline-block;
        margin-left: 20px;
        margin-bottom:30px;
    }
        #ms2-gellary .swiper-slide img,
        #newPeople .swiper-slide img {
            max-height: 138px;
            margin: 0 auto;
            display: block;
        }
        .swiper-slide a:hover {
            text-decoration: none;
        }
.chNews #news-box {
padding:0 10px;
margin-top:10px;
}
.chNews .cont-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 8px;
}
.chNews .title {
    font-size: 22px;
}
    .chNews .title a {
        color: #000;
    }

    .gallery-desc {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(0,0,0,0.7);
        padding: 15px 30px;
    }
.gallery-desc p { margin: 0; font-size: 17px; color: #fff; text-align: left; }
.wrapper img { width: 470px; height: 250px; }
.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.ms2-cont {
    font-size: 20px;
    color: #000;
    text-align: left;
    padding: 15px 10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}
.ms2-cont2 {
    text-align:right;
    color:#000;
    padding:10px;
}

#ms2-left { position: absolute; top: 35%; left: -120px; cursor:pointer; }
#ms2-right { position: absolute; top: 35%; right: -120px; cursor: pointer;}
#ms2-left img { opacity:0.5; }
#ms2-right img { opacity: 0.5;}



.main-row-8 { background-color:#000; margin-top:80px;}
.main-row-8 ul {text-align:center;}
.main-row-8 li {display:inline-block; padding:10px 25px}
.main-row-8 li a {color:#fff; font-size:20px; padding:10px 25px; text-decoration:none;}


@media(max-width:767px) {
    .main-container { width:100%;}
    .m-r-container{width:100%;}
    .main-row-6:after {display:none;}
    .main-row-7:after {display:none;}
    .slider .move-btn {display:none!important;}
    

   
    .cont-2-title{text-align:center; word-break:keep-all; font-size: 2.2rem; margin-bottom: 20px;}
    .cont-2-content { text-align:center; line-height:25px; word-break:keep-all; font-size: 1.6rem;}
    .cont-2-bottom1 { display:none; }
    .cont-2-quick li a:hover{text-decoration:none; font-weight:normal; transition:all ease 0.3s; color:#fff; background-color:#000;}
    .cont-2-quick li:hover {text-decoration:none; font-weight:bold; transition:all ease 0.3s; color:#fff; background-color:#000;}

    .main-row-2{margin-top:10px;}
    .cont-1-topleft { font-size: 12px; top: 10px; left: 10px;}
    .cont-1-topright {display:none;}
    .cont-1-center{top:30%;}
    .cont-1-center a {font-size:25px!important;}
    .cont-1-center h2 {font-size:14px!important; margin-top:0;}
    .cont-1-sermons {
        margin: 5px;
        width: 45%;
        font-size: 16px;
        padding: 10px 15px;
        border: 1px solid #cecece;
        border-radius: 30px;
        text-align:left;
    }
    .cont-1-sermons:after{display:none;}
    .cont-1-img {display:none;}
    .cont-1-sermons h5 {font-size:14px; word-spacing: normal; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap;}
    .cont-1-sermons h5:nth-child(1){font-size:18px;}
    .cont-1-ul{border-top:none; border-bottom:none; padding:10px; text-align:center;}

    .main-row-3{margin-top:20px;}
    .main-row-4{background-position-x:right; margin:40px 0 0;}
    .main-row-4 ul {bottom:10%;}
    .m-r-t-title {
        font-size: 38px;
        position: static;
        text-align: right;
        width: 100%;
        padding-top: 30px;
        padding-right: 20px;
    }
    .m-r-t-title h1{font-size:24px;}
    .main-row-4 ul li {width:100%; float:unset; padding:5px 30px; position:relative; }
    .m-r-top {font-size:16px;}
    .m-r-topimg{ display:inline-block; float:left;}
    .m-r-title { font-size: 20px; margin-bottom: 10px;}
    .m-r-cont {font-size:12px;}
    .m-r-bottom {position: absolute; bottom: 15px; right: 30px;}

    .main-row-5{display:none;}

    .main-row-6{grid-template-columns:minmax(100px,1fr);}
    .m-r-6-box {padding:10px 20px 20px; word-break:keep-all;}
    .m-r-6-right > div {margin-top:20px;}
    .m-r-6-friendNewsli {width:100%; height:40px;}
    .m-r-6-friendNewsli h4 {float:left;}
    .m-r-6-friendNewsli > a > h4 {
        display: inline-block;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 75%;
        margin-left:10px;
    }
    #ms2-gellary{width:252px;}
    #ms2-left {left:0; top:35%; z-index:999;}
    #ms2-right{right:0; top:35%;}
    #ms2-right img{float:right;}
    #ms2-right img,#ms2-left img {width:50%;}
    .gallery-box {height:255px;}


    .main-row-8{width:100%; display:none;}


}

/* Responsive */
@media (max-width: 414px) {
    .chNews .cont-wrap {padding-bottom: 0;}
	.cont-2-quick li, .cont-2-quick li:last-child  {width: 100%!important; margin-right: 0!important;}
}

@media (max-width: 767px) {

    .cont-2-quick li, .cont-2-quick li:last-child { margin-bottom: 10px; font-size: 1.6rem; width: 45%; margin-right: 10px;}
	.cont-2-quick {flex-wrap: wrap; justify-content: unset;}


    .main-row-7 {flex-wrap: wrap; justify-content: center;}
    .main-row-7 > div, #ms2-gellary {width: 100%;}
    .main-row-7 > div {height: inherit;}
 
}


@media (max-width: 992px) {

    .main-row-1 {grid-template-columns:1fr;}
    .main-row-cont-1 {text-align:center; }
    .main-row-cont-1 span {
        left: 0;
        display: block;
        position: relative;
        text-align: center;
        bottom: 50%;
        top: unset;
    }

     .main-row-cont-2 { padding:20px 10px; text-align: center;}
    .cont-1-center a {font-size: 3.3rem; font-weight: bold;}
    .cont-1-center h2 {font-size: 2rem; margin-top: 0;}
    .main-row-7 > div {height: unset;}

    .chNews .title, .chNews .cont-wrap .date  {font-size: 1.6rem;}
    #newPeople h3, #ms2-gellary h3, .chNews h3 {margin-bottom: 15px; font-size: 2rem; padding-bottom: 5px;}
    .chNews .cont-wrap {padding-bottom: 3px;}

}

@media (max-width: 1199px) {
	.cont-2-quick {justify-content: center;}
   
}


@media (max-width: 1499px) {
    .main-container {width: 100%;}
    .main-row-cont-1 {text-align: center;}
    .main-row-cont-2 {text-align: center; padding: 40px 10px;}
    .cont-2-bottom1 {line-height: 1.6; font-size: 1.6rem;}
  
}