﻿/*슬라이드 몸통 
#component3389{position: relative;z-index: 98;left: 0px;top: 0px;width: 100%;
               height: 632px;margin: 0 auto;text-align: center;display: inline-block;}
.slid{text-align:center; position:relative; width: 100%; margin: 0 auto; display: block; height:auto;}
.slid_ul{display: block;}
.slid_ul>li{position:absolute; top:0; left:0; list-style:none;z-index:-1; display: block;width:100%;}
.slid_ul>li img{}
.slid_btn{position: absolute; text-align: center; width: 100%; top: 670px;}
li{list-style: none; position: relative; display: inline-block; margin: 0 5px;}
.show{display:block;}
.slid_btn li .active{background: white !important; border-color: white !important; width: 55px !important; border-radius: 15px; transition: all 0.3s; opacity: 1 !important;}
.slid_btn li a{display: inline-block; background: #fff; cursor: pointer; margin: 0 2px; border: 1px solid #eee; border-radius: 50%; width: 18px; height: 18px; opacity: 0.8;}
*/



#component3069 {
    width: 1080px;
    margin: 50px auto;
    position: relative;
    color: #fff;
    /*text-shadow: rgba(0,0,0,0.1) 2px 2px 0px;*/
}

.churchlocation1F_slid,
.churchlocation2F_slid{
    width: 1080px;
    height: 632px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.churchlocation1F_slid .churchlocation1F_slid_ul,
.churchlocation2F_slid .churchlocation2F_slid_ul{
    width:100%;
    height:100%;
    
    position:absolute;
    top:0;
    left:0;     
}

.churchlocation1F_slid .churchlocation1F_slid_ul li,
.churchlocation2F_slid .churchlocation2F_slid_ul li{
    float:left;
    position:relative;
    width:1080px;
    height:632px;   
}

.churchlocation1F_slid .churchlocation1F_slid_ul li > div,
.churchlocation2F_slid .churchlocation2F_slid_ul li > div{
    position:absolute;
    top:20px;
    left:35px;  
}

.churchlocation1F_slid .churchlocation1F_slid_ul li > div h3,
.churchlocation2F_slid .churchlocation2F_slid_ul li > div h3{
    font-size:36px;
    text-transform:uppercase;   
}

.churchlocation1F_slid .churchlocation1F_slid_ul li > div span,
.churchlocation2F_slid .churchlocation2F_slid_ul li > div span{
    font-family: Neucha, Arial, sans serif;
    font-size:21px;
}

.churchlocation1F_slid .churchlocation1F_slid_ul li img,
.churchlocation2F_slid .churchlocation2F_slid_ul li img{
    display:block;
    width:100%;
  height: 100%;
}
.churchlocation1F_slid .churchlocation1F_slid_ul li p,
.churchlocation2F_slid .churchlocation2F_slid_ul li p{
    position:absolute;width:100%;bottom:0px;font-size:20px;text-align:center;font-weight:bold;
    background-color:rgba(0,0,0,0.6);padding:10px 0; margin:0px;color:#fff;
}


/*btns*/
.churchlocation1F_btns,
.churchlocation2F_btns{
    position:absolute;
    width:50px;
    height:60px;
    top:50%;
    margin-top:-25px;
    line-height:57px;
    text-align:center;
    cursor:pointer; 
    background:rgba(0,0,0,0.1);
    z-index:100;
    
    
    -webkit-user-select: none;  
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none;
    
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.churchlocation1F_btns:hover,
.churchlocation2F_btns:hover{
    background:rgba(0,0,0,0.3); 
}

#churchlocation1F_next,
#churchlocation2F_next{right:-50px; border-radius:7px 0px 0px 7px;}
#churchlocation1F_previous,
#churchlocation2F_previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
    top: 30px; 
    right:35px; 
    width:auto;
    position:absolute;
}

.churchlocation1F_slid.active #churchlocation1F_next,
.churchlocation2F_slid.active #churchlocation2F_next{right:0px;}
.churchlocation1F_slid.active #churchlocation1F_previous,
.churchlocation2F_slid.active #churchlocation2F_previous{left:0px;}


/*bar*/
#churchlocation1F_pagination-wrap,
#churchlocation2F_pagination-wrap{
    display:none;
    min-width:20px;
    margin-top:455px;
    margin-left: auto; 
    margin-right: auto;
    height:15px;
    position:relative;
    text-align:center;
}

#churchlocation1F_pagination-wrap ul,
#churchlocation2F_pagination-wrap ul{
    width:100%;
}

#churchlocation1F_pagination-wrap ul li,
#churchlocation2F_pagination-wrap ul li{
    margin: 0 4px;
    display: inline-block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
    opacity:0.5;
    position:relative;
  top:0;
  
  
}

#churchlocation1F_pagination-wrap ul li.active,
#churchlocation2F_pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
    opacity:1;
    box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; 
}








/*ANIMATION*/
.churchlocation1F_slid, #churchlocation1F_pagination-wrap ul li,
.churchlocation2F_slid, #churchlocation2F_pagination-wrap ul li{
    -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    transition: all 0.3s cubic-bezier(1,.01,.32,1);
}

#component3069 > div:nth-child(1){margin-bottom:30px;}
@media (min-width:1200px) and (max-width:1599px) {

    #unit1120,
    .churchlocation1F_slid,
    .churchlocation2F_slid,
    .churchlocation1F_slid .churchlocation1F_slid_ul li ,
    .churchlocation2F_slid .churchlocation2F_slid_ul li {
        width: 800px;
        height: 540px;
    }
    .mogjang-title{width:35%!important;}
    .mogjang-con{width:65%!important;}
}
@media (min-width:992px) and (max-width:1199px) {
    #component3069{width: 940px!important;}
    #unit1120,
    .churchlocation1F_slid,
    .churchlocation2F_slid,
    .churchlocation1F_slid .churchlocation1F_slid_ul li,
    .churchlocation2F_slid .churchlocation2F_slid_ul li{
        width: 720px;
        height: 400px;
    }
    .mogjang-title{width:100%!important;text-align: center;
    margin-bottom: 25px;}
    .mogjang-con{width:100%!important;}
    .mogjang-con span{font-size: 17px;
    word-break: keep-all;}

}
@media (min-width:768px) and (max-width:991px) {
    #component3069{width: 720px;}
    #unit1120,
    .churchlocation1F_slid,
    .churchlocation2F_slid,
    .churchlocation1F_slid .churchlocation1F_slid_ul li,
    .churchlocation2F_slid .churchlocation2F_slid_ul li{
        width: 640px;
        height: 360px;
    }
    .mogjang-title{width:100%!important;text-align: center;
    margin-bottom: 25px;}
    .mogjang-con{width:100%!important;}
    .mogjang-con span{font-size: 17px;
    word-break: keep-all;}
    #component8831{padding: 0px 50px!important;}
}
@media (max-width:767px) {
    .d3-menulist{width:25%!important;}
    #component4296{margin: 0px 0px 30px!important;}
    #component4296> div > div > div{padding:0!important;}
    #component4296> div > div > div >span{font-size:28px!important;}
    #component3069{width: 345px;}
    #component3069 > div:nth-child(1) > img{position:relative;bottom: 5px;}
    #unit1120,
    .churchlocation1F_slid,
    .churchlocation2F_slid,
    .churchlocation1F_slid .churchlocation1F_slid_ul li,
    .churchlocation2F_slid .churchlocation2F_slid_ul li{
        width: 315px;
        height: 164px;
    }
    .mogjang-title{width:100%!important;text-align: center;
    margin-bottom: 25px;}
    .mogjang-con{width:100%!important;}
    .mogjang-con span{font-size: 17px;
    word-break: keep-all;}
    #unit8674>div{padding: 20px!important;}
    #unit8674>div>div>div:nth-child(2){margin-top:30px!important;}
    #component8831{padding: 0px!important;}
	#content {margin-top: 0px!important;}
}