/* style s */

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

/* style e */

/* main-section1 s */


.swiper-container-horizontal>.swiper-pagination { bottom: 30px!important; }
#main-section1 { position:relative; background:#ececec; z-index: 1;}
.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%;}
#ms1-date { font-size: 18px; color:#fff;}
#ms1-title { font-size: 30px; margin-top: 20px; width: 400px;     word-break: keep-all;     display: inline-block;}
#ms1-title a { color: #fff; }
#ms1-bible { font-size: 23px; margin-top: 15px; color:#fff;}
#ms1-speaker { font-size: 20px; margin-top: 5px; color:#fff;}
.ms1-l { display:inline-block; }
.ms1-r {display:inline-block; }
.ms1-r-content { position: absolute; top: 35px; right: 150px; text-align:left;}
.ms1-content {text-align:center; z-index:999; overflow: hidden; margin-left:30px; }
.ms1-content img { display: block; float:left;}
#main-section1-1 { position:relative; z-index:3; margin-top:-50px;}


/* main-section1 e */

#sermonThumb { width: 532px;
    height: 319px;
  float: left; overflow:hidden;
	background-size:100% auto !important;
	background-position:center !important;   
}


/* main-section2 s */

#mainsection-2 { margin-top: 60px; }
.ms2-title {font-size: 25px; font-weight: bold;}
.ms2-hr hr { border-top: 1px solid #161616; }
.ms2-content-title { margin-top: -5px;}
.ms2-content-title a { font-size: 14px; color:#808080; }
.ms2-content-date { font-size: 14px; color:#000;}
.ms2-content hr { border-top: 1px solid #dedede; margin-top: 15px;}
.ms2-content-hr2 hr { border-top: 1px solid #dedede; margin-top: 13px; }
.ms2-content-cate { color: #fff; display: inline-block; background-color: #009cdc; text-align: center; padding: 2px 8px; margin-right: 3px; }
.ms2-table-title { display:inline-block; font-size: 20px; color:#808080;}
.ms2-table-content { display:inline-block; font-size: 15px; color:#808080;}
.ms2table-c { margin-left: 30px; display:inline-block;}
.ms2-table-img { margin-left: 20px; display:inline-block; float:left;}
.ms2-table table {border-top: none; border-bottom: none; border-spacing: 10px; border-collapse: separate; }
.ms2-3-div { margin-top:20px; padding:10px 20px; background:#F6F6F6;}
table td { background: #ccc; }

/* 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: 23px;}
.ms1r-desc { color: #fff; font-size: 18px;}
.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: 30px; 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 */

/* mainsection 3 s */

#mainsection-3 {background-image:url(/UserData/daekwangch/Layouts/daekwangch_Layout/Images/bg.png); background-size:100% 100%; margin-top: 50px;}
.main3-top { text-align:center; font-size: 30px; color:#01ADFF; font-weight:600; margin-top: 20px; margin-bottom:30px;}
.ms3-title { font-size: 35px; color:#fff; }
.ms3-content { font-size: 18px; margin-top: 30px; color:#fff; }
.ms3-1-content {margin-bottom:110px;}
.ms3-2-content {margin-left: 30px;}
.ms3-2c {display:inline-block; padding-top: 50px; padding-left: 50px;}

/* mainsection 3 e */

/* mainsection 4 s */

#mainsection-4 { margin-top: 30px; }
#ms4-title { font-size: 20px; font-weight: bold; display:inline-block;}
#ms4-arrow { float:right; display:inline-block; color:#808080; font-size:20px; }
#ms4-gallerytitle { font-size: 17px; color: #000; text-align:center; margin-top: 20px; }
#ms4-gallerydate { font-size: 15px; color: #555; text-align:center;}
#ms4-gallery { margin-top: 25px;}



.slider .slider-dots{bottom: 60px !important;}



/* mainsection 4 e */

@media(max-width:1600px)
{
    #main-section1-inner { position:relative; }
}
@media(max-width:1200px)
{
		#sermonThumb {
			width: 345px;
    height: 319px;
  }
}
@media(max-width:991px){
    .sermon-table img {
        display:none;
    }
}

@media(max-width:768px) {
    #ms4-title { margin-left: 30px;}
    #ms4-arrow { margin-right: 30px;}
    .ms1-r-content { position: absolute; top: 380px; right: 235px; text-align: left; }
    #main-section1-1 { margin-top: 30px;}
    .ms1-content {margin:0px; text-align:center;}
    .ms2-3-div {padding-bottom:50px;}
    .ms1-content img {display:inline-block; float:none;}
    .ms3-1-content img { display: none;}
    .ms3-2-content img { display: none;}
    .ms2-table-content { display: none;}
    .ms2-table-img {margin-left: 0px;}
    .ms2-table-title {margin-bottom:0px; margin-top:20px;}
    .ms2table-c {margin-left:0px;}
    .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)
{
    .ms2-table-img {margin-left:10px;}
    #ms1-speaker { font-size: 15px; margin-top: 5px; color: #fff; }
    #ms1-bible { font-size: 15px; margin-top: 15px; color: #fff; }
    #ms1-title {font-size:25px; margin-top:10px;}
    .ms3-2c { padding:0px; text-align: center;}
    #ms4-title { margin-left: 20px;}
    #ms4-arrow { margin-right: 20px;}
    .main3-top { margin-bottom:30px;}
    .ms3-1-content {margin-bottom: 30px; text-align:center;}
    .ms3-2-content {margin-left: 0px; margin-bottom: 50px; text-align:center;}
    .ms3-1-content img { display: none;}
    .ms3-2-content img { display: none;}
    #footer .container {border-top: none;}
    .ms2table-c { margin-left: 25px; display: inline-block; }
    .ms1-r-content { position: absolute; top: 235px; right: 80px; text-align: left; }
    #main-section1-1 {margin-top: 30px;}
    .ms1-content {margin-left:0px;}
    .header-mobile-gnb {padding-top: 12px;}
    #main-section1-inner { position:relative; margin: 0px; padding: 0px;}
    #gnb-wrap .container a img { height:40px; margin-top:15px; margin-bottom:10px; }
    .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: 150px; }
    
    .mainThumb { height:90px; }
    #ms4-gallerytitle { font-size:14px; }
    #ms4-gallerydate { font-size:12px; }
    
    #sermonThumb { width:100%; height:210px; }
}

@media(max-width:450px) {

}

@media(max-width:414px) {
    .ms1-r-content { position: absolute; top: 285px; text-align: left; padding-left:20px; right:inherit; }
}

@media(max-width:375px) {
        .ms1-r-content { position: absolute; top: 235px; padding-left:20px; right:inherit; text-align: left; }
}

@media(max-width:320px) {
        .ms1-r-content { position: absolute; top: 190px; padding-left:20px; right:inherit; text-align: left; }
        
        #ms1-title { font-size:18px; }
}