/* style s */

#header { height: 40px; }
.page-actions.btn-group { position:absolute; bottom:0px; right:0px; }
.slider .slider-wrapper .slide img {     max-width: 100%;
    height: 515px;
    width: 100%;
}
/* style e */

/* main-section1 s */

#main-section1 { position:relative; background:#ececec; margin-bottom: -5px;}
.slider .move-btn {background:none!important;}

/* main-section1 e */

/* main-section2 s */

#main-section2 { padding-top: 30px }
#main-section2 .row .col-xs-12 .ms2-box { height:100%; position:relative; cursor:pointer;}
#main-section2 .row .col-xs-12 .ms2-box:hover {opacity: 0.7; transition:0.3s;}
.ms2bc-title, .ms2bc-subtitle, .ms2bc-desc { text-align:center;}
.ms2-box-contnent { position: absolute; text-align:center; width:100%; height:100%; top:0px; padding-top: 25%;}
.ms2bc-title { color: #fff; font-size: 27px; font-weight: 500;}
.ms2bc-subtitle { color: #fff; font-size: 20px; font-weight: 500; margin-top:-10px;}
.ms2bc-desc { color: #fff; font-size: 13px; font-weight: 500; margin-top: -5px;}
.ms2-box-contnent hr { width:25px; opacity: 0.4; margin-top: 10px;}

/* main-section2 e */

/* main-section1-inner s */

.ms1l-content { position: absolute; left: 320px; top: 60px; width:250px; height: 100%;}
.ms1l-content li2 { color: #fff; font-size: 18px; display:inline-block;}
.ms1l-content .title { color: #fff; font-size: 30px; display:inline-block; margin-top:15px; margin-bottom: 15px;}
.ms1l-content li3 { color: #fff; font-size: 18px; display:inline-block;}
#ms1l-icon { margin-top: 20px;}
#main-section1-inner {padding-top: 30px;}
.ms1r-1 {margin-bottom: 30px;}
.ms1r-content {position: absolute; top:30px; left:40px;}
.ms1r-content2 {position: absolute; top:20px; left: 40px;}
.ms1r-title { color: #fff; font-size: 22px;}
.ms1r-desc { color: #fff; font-size: 16px; margin-bottom:5px;}
.ms1r-desc2 { padding-top: 10px;}
.ms1r-content2 hr { width:25px; margin: 0px;float:left;}
.ms1r-title2 { color: #fff; font-size: 18px;}
.freetitle, .freedate { text-align: center; padding-top: 0px; width: 100%;  font-size: 18px; color: #fff;}
.nav-tabs {border-bottom: none; position:absolute; top:0px; left: 130px; width: 100%;}
.nav-tabs>li>a:hover { border-color: transparent;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#fff; cursor: pointer; background-color: transparent; border: none; border-bottom-color: transparent; } 
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent;}
#jubo-icon {position:absolute; top: 35px; left: 130px;}
#ms1r2-2-content { padding-top: 30px; margin-left: 15px; text-align:center;}
#ms1r2-1-content { padding-top: 30px; }
.nav-tabs>li>a { border: none; }

/* main-section1-inner e */

@media(max-width:1600px)
{
    #main-section1-inner { position:relative; }
}

@media(max-width:991px){
    .sermon-table img {
        display:none;
    }
}

@media(max-width:768px) {
    .ms1r-desc2 {display: none;}
    .ms1r-content {position: absolute; top:15px; left:40px;}
    .ms1r-content2 {position: absolute; top:10px; left: 40px;}
    .ms2-box-contnent { padding-top: 33%; }
    .ms2bc-title { color: #fff; font-size: 19px; font-weight: 500;}
    .ms2bc-subtitle { color: #fff; font-size: 14px; font-weight: 500; margin-top:-10px;}
    .ms2bc-desc {display: none;}
    .visionimg {display: none;}
    .header-mobile-gnb {padding-top: 35px;}
    #main-section2 {padding-top: 30px;}
    #ms1l-img {height: 257px;}
    #w2_1 {height: 60%;}
    #w2_2 {height: 60%;}
    .w1 .wtitle {font-size: 20px;}
    .ms1l-content {position: absolute;
    bottom: 55px;
    left: 150px;
    width: 450px;}
    #main-sermon-play {display: none;}
    .ms1l-content > ul > li > a > span {
        color: #fff;
        font-size: 31px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal !important;
        width: 200px;
        display: inline-block;
    }

    #footer {margin-top: 15px;}
    #gnb > li > a {font-size:14px;}
    #gnb > li {padding:0;}
    .container { overflow-x: hidden; overflow-y: hidden; }

 
}

@media(max-width:767px)
{
	.ms1r-content { top:30px; left:45px; }
		.ms1r-content2 { top:30px; left:45px; }
	#footer .foot_content { margin-left:0px; margin-top:10px;}
	#gnb-wrap img { margin-top: 5px; margin-bottom:5px;}
    .header-mobile-gnb {padding-top: 15px;}
    #main-section1-inner { position:relative; margin: 0px; padding: 0px;}
    .swiper-pagination { bottom:10px !important; }
    #ms1l-img { height:100%; padding-bottom: 15px;}
    .col-xs-12.col-sm-6 img { width:100%; }
    #sitemap-wrap { display:none; }
    #footer p { font-size:12px; }
    .ms1r-1 { margin-bottom:0px; }
    .r1 { display:inherit; }
    #main-section2 { padding:20px 0px 0px; }
    .ms1l-content > ul > li { font-size:15px; }
    #main-sermon-play { width:60px; }
    .col-xs-6.col-sm-3:nth-child(odd) { padding-right:10px;}
    .col-xs-6.col-sm-3:nth-child(even) { padding-left:10px;}
    .ms2-box { margin-bottom:15px; background-size: cover; }
    .ms2-box img { width: 100%; }
    .ms2bc-title { font-size:32px; margin-top:5px; margin-bottom:5px; }
    .sermon-table table td { text-align:center; }
    .sermon-table table td a { font-size:12px;}
    #main-section1 > .container { padding:0px; }
    .ms1r-1 > div, .r1 >div { height:100%; overflow:hidden; margin-bottom: 15px;}
    .ms1r-2 > div, .r2 >div { height:100%; overflow:hidden; margin-bottom: 15px;}
    .w1_sub table td a { font-size:20px; }
    .visionimg {display: none;}
    #r3 {margin: 0; padding-top: 15px; padding-left:0px;}
    #main-section1-left {padding: 0 0 0 0; height: 300px;}
    #r4 {padding-top: 15px;}
    #r5 {padding-top: 15px;}
    .ms1l-content { position: absolute; top:0px; left: 140px; width: 450px;}
    .ms1l-content2 { display: none;}
    .ms1l-content .title { font-size: 22px;}
     #w2_1 {height: 100%}
     #w2_2 {height: 100%}
    .ms2-box-contnent { padding-top: 33%;   }
    .ms1l-content > ul > li > a > span {
        color: #fff;
        font-size: 31px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal !important;
        width: 200px;
        display: inline-block;
    }
    .ms2-box-contnent > div > p{
        width:100%!important;
        left:0px!important;
        border-bottom: none;
    }
    .ms1l-content > ul > li3 {
    color: #fff;
    font-size: 15px;
    padding-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:200px;
    word-wrap: normal !important;
    }

    .ms1l-content > ul > li2 {
    color: #fff;
    font-size: 15px;
    padding-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width:200px;
    word-wrap: normal !important;
    }
 
    #footer {margin-top: 0px;}
    .w1 { top:50px; }
    #jubo img { display:none;}
    #jubo .title { font-size: 20px; padding-top: 0px; }
    #ms1r2-2-content { margin-left: 30px; margin-top: 30px;}
    .nav-tabs { left: 50px; top: 15px;}
}

@media(max-width:450px) {

}

@media(max-width:320px) {

}