/* style s */

#header { height: 40px; }
.page-actions.btn-group { position:absolute; bottom:0px; right:0px; }

/* style e */

/* main-section1 s */

#main-section1 { position:relative; background:#ececec; margin-bottom: -5px;}
#main-section1 .container {padding-right:14px;}
.sfl, .sfr { font-size:80px; color:#fff; position:absolute; top:50%; z-index:10; margin-top:-40px; cursor:pointer; }
.sfl { left:5%; }
.sfr { right:5%;}
.jubonewsbox {height:156px; width:100%;}
.mainsermonimg {height: 372.969px;}

/* main-section1 e */
.topmenubox {
    padding: 12px;
}

/* main-slider */
.slider .move-btn {background:none !important;}

/* main-section2 s */
#main-section2 {
    padding-top: 15px
}
#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: background 1s; -webkit-transition: background 0.9s;}
.ms2bc-title, .ms2bc-subtitle, .ms2bc-desc { text-align:center;}
.ms2-box-contnent { position: absolute; text-align:center; width:100%; height:100%; top:0px;}
.ms2bc-title { color: #fff; font-size: 14px; font-weight: 500; padding: 0 5px; letter-spacing: -0.5px; }
.ms2bc-subtitle { color: #fff; font-size: 22px; font-weight: 600; margin-bottom: 0px; }
.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; margin-bottom: 10px; }
.ms2-box-contnent-innerbox{width:70%; height:70%; border:solid white 1px; margin-left:auto; margin-right:auto; margin-top:15%; background-color:rgba(0, 0, 0, 0.4);}
.ms2-box-contnent-innerbox-textbox {height:40%; margin-top:5%; padding-top:5%;}
.iconimg { width:50px; margin-bottom:5px; }

/* main-section2 e */
/* main-section1-inner s */
.ms1l-content {
    position: absolute;
    left: 290px;
    top: 70px;
    width: 280px;
    height: 100%;
}
.ms1l-content li2 { color: #fff; font-size: 21px; display:inline-block;}
.ms1l-content .title { color: #fff; font-size: 28px; display:inline-block; margin-top:15px; margin-bottom: 15px; padding-right:25px;}
.ms1l-content li3 { color: #fff; font-size: 18px; display:inline-block;}
#ms1l-icon { margin-top: 20px;}
#main-section1-inner {padding-top: 30px; padding-bottom:60px; margin-bottom:-1px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {#main-section1-inner{margin-bottom:-6px;}}
.ms1r-1 {margin-bottom: 30px;}
.ms1r-content {position: absolute; top:30px; left:40px;}
.ms1r-content2 {position: absolute; top:20px; left: 40px; width: 60%;}
.ms1r-title { color: #fff; font-size: 23px; border-bottom: 1px solid; padding-bottom: 5px;}
.ms1r-desc { color: #fff; font-size: 15px;}
.ms1r-desc2 { padding-top: 10px;}
.ms1r-content2 hr { width:25px; margin: 0px;float:left;}
.ms1r-title2 { color: #fff; font-size: 18px; margin: 0 0 6px;}
.dhnews{width:65%;}
.freetitle, .freedate { text-align: center; padding-top: 0px; width: 100%;  font-size: 20px; color: #fff; margin-right:5px;}
.chnewscontent {font-size:17px;}
.freeimg img {width:100px; height:120px; display:inline-block; margin-top:-11.8%;}
.juboul {list-style: none; margin: 0; padding-top:10px;}
.jubobox{}
.jubolink{}
.jubolink span {display:block; color:white; font-size:17px; left: 60px; position: relative;letter-spacing: -1px;}
.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;}
.juboslide {border-bottom: none; top:-6px;}
#jubo-icon {position:absolute; top: 30px; left: 130px;}
#ms1r2-2-content { padding-top: 13px; text-align:left; margin-right:-5px;}
#ms1r2-1-content { padding-top: 0px; margin-top:-2%; }
.nav-tabs>li>a { border: none; }
.hiview {padding-top:5px;}

/* main-section1-inner e */

.main_subtitle { color:white; position: relative; display: block; margin-top: 15px; font-size: 14px; }

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

@media(max-width:1024px){
    .each-img img {height:auto !important}
    .ms2bc-title {font-size:28px;}
    .ms1l-content {left:250px;}
    .ms1r-content {top:20px;}
    .freeimg img {width:80px; height:110px;}
    .freetitle, .freedate {font-size:15px;}
    #ms1r2-2-content {margin-left:0px;}
    .nav-tabs {left:90px;}
    #sitemap > li {padding:0px 49px;}
    .mainsermonimg {height:338px;}
}

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

@media(max-width:768px) {
    .ms1r-desc2 {display: none;}
    .hiview {display:inline-block; margin-top:0px; width:70px; padding-top:0px;}
    .ms1r-content {position: absolute; top:15px; left:30px; top:12%;}
    .ms1r-content2 {position: absolute; top:10px; left: 30px;}
    .ms2-box-contnent { padding-top: 0%; }
    .ms2bc-title { color: #fff; font-size: 19px; font-weight: 500;}
    .ms2bc-subtitle { color: #fff; font-size: 14px; font-weight: 500; margin-top:-10px; margin-right:-8px;}
    .ms2bc-desc {display: none;}
    .ms1r-title {font-size:13px;}
    .ms1r-desc {font-size:12px;}
    .ms1r-title2 {font-size:13px;}
    .freetitle, .freedate {font-size:12px; margin-right:0px;}
    .freeimg img {width:60px !important; height:85px; margin-right:-10px;}
    .juboslide {top:63px;}
    .glyphicon {width:0px;}
    #ms1r2-1-content{margin-top:-3%;}
    .ms1l-content li2 {font-size:13px;}
    .ms1l-content .title {font-size:24px;}
    .ms1l-content li3 {font-size:13px;}
    #ms1l-icon {width:25%;}
    #ms1r2-2-content {margin-left:0px; padding-top:10px;}
    .each-img img {height:auto !important;}
    .newsnavtabs {top:-10px !important; left:63px !important;}
    .jubonewsbox {}
    #main-section1-inner {padding-top:25px; padding-bottom:30px;}

    .visionimg {display: none;}
    /*#gnb-wrap img {width: 30%; height: 50%;}*/
    /*.header-mobile-gnb {padding-top: 35px;}*/
    #ms1l-img {height: 252px !important;}
    #w2_1 {height: 60%;}
    #w2_2 {height: 60%;}
    .w1 .wtitle {font-size: 20px;}
    .ms1l-content {position: absolute;
    bottom: 55px;
    left: 180px;
    width: 450px;
    top: 12%;
    }
    #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: 1px;}
    #gnb > li > a {font-size:14px;}
    #gnb > li {padding:0;}
    .container { overflow-x: hidden; overflow-y: hidden;}

 
}

@media(max-width:767px)
{
    .header-mobile-gnb {padding-top: 20px; margin-right: 10px;}
    #main-section1-inner { position:relative; margin: 0px; padding: 0px;}
    #gnb-wrap .container a img {}
    .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:16px; margin-top:5px; margin-bottom:5px; }
    .ms2bc-subtitle {color: #fff; font-size: 25px; font-weight: 500; margin-top:0px;}
    .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:5px; left: 155px; 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: 0%;   }
    .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;
    }

    .ms2-box-contnent-innerbox-textbox {
        margin-top:10%;
    }

    .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;
    }

    .ms1r-title {font-size:24px;}
    .ms1r-desc {font-size:18px;}
    .ms1r-content {left:50px; top:10%;}
    .ms1r-title2 {font-size:20px;}
    .freetitle, .freedate {font-size:21px; margin-right:10px;}
    .juboslide {left:175px; top:-4px;}
    .ms1r-content2 {top:20px; margin-left:15px;}
    .freetitleimg {width: 140px !important; height: 180px !important; margin-top: -7% !important; margin-right: -10px !important;}
    .mobilejuboli {margin-right:25px;}
    .mobilenewsbox {width:79%;}

    .iconimg { width:50px !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: -10px; margin-top: 30px; padding-right:10px;}

    .freeimg img {width:140px !important; height:170px; margin-right:-10px; margin-top:-15px;}
    

}

@media(max-width:450px) {
		.hiview {padding-top:5px; width:auto; margin-top:5px;}
}

@media(max-width:320px) {

}