﻿/* style s */
/* style e */

#sitemap > li { float:left; padding:0px 22px; }
.page-actions.btn-group { position:absolute; bottom:0px; right:0px; }


#main-section1 { position:relative; background:#ececec; }
#main-section1-inner { margin-top:30px; }


.w2 {  display:none; cursor:pointer; }
#ms1i-third .w2:first-child, #ms1i-forth .w2:first-child { display:block; }

#main-section2 { padding:30px 0px; }
#main-section2 .row {  }
#main-section2 .row .col-xs-12 .ms2-box { height:100%; border:10px solid #E1E6E9; position:relative; cursor:pointer; transition:all ease 0.3s; }

/*#main-section2 .row .col-xs-12 .ms2-box:hover { border-color:#09A4C3; }*/

.circle { text-align:center; position:absolute; bottom:-20px; width:100%; }
.circle span { color:#fff; font-size:22px; font-weight:600; font-family:NanumBarunGothic; background:#4C8BB7; padding:35px 30px; border-radius:50%; transition:all ease 0.3s;  }

/*#main-section2 .row .col-xs-12 .ms2-box:hover .circle span { background:#09A4C3; }*/

#widget-sermon-img { height:100%; }

.r0 { margin-bottom:30px; }
.r1 { display:flex; }

.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%;}

.main-board-wiget td a { color:#fff; text-decoration:none; }

.w1_sub { width:70%; margin:0 auto; top:20px; left:15%; display:none; }
.w1_sub table { width:100%; border:0px; }
.w1_sub table td { text-align:center; padding:5px 0px; transition:all ease 0.2s; }
.w1_sub table td:hover { background:RGBA(2,55,67,0.3); }
.w1_sub table td a { color:#fff; text-decoration:none; font-size:20px; font-family:NanumBarunGothic; font-weight:400; }


.btitle { 
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    -moz-binding: url(ellipsis.xml#ellipsis);
    max-width : 290px;
}

.sermon-table {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:0 15px;
}
.sermon-table table {
    width:100%;
    border:0;
}
.sermon-table table td {
    background:#525252;
    width:25%;
}

.sermon-table table td:hover{
    background:#333;
}

.sermon-table table td.active {
    background:#000;
}

.sermon-table table td a {
    display:inline-block;
    text-decoration:none;
    color:#fff;
    width:100%;
    padding:12px 0;
    text-align:center;
}

.sermon-table table td a span {
    vertical-align:middle;
    margin-left:10px;
}

#main-sermon-play { max-width: 100%; position: relative; margin: 0px auto; margin-top:24px; display: block; }

@media(max-width:1600px)
{
    #main-section1-inner { position:relative; margin-top:50px; }
}

@media(max-width:991px){
    .sermon-table img {
        display:none;
    }
}

@media(max-width:768px)
{
    #main-section1-inner { position:relative; margin-top:15px; }
    #gnb-wrap .container a img { margin:5px 0px; height:45px; }
    .swiper-pagination { bottom:10px !important; }
    #widget-sermon-img { height:inherit; }
    .col-xs-12.col-sm-6 { margin-bottom:15px; }
    .col-xs-12.col-sm-6 img { width:100%; }
    #sitemap-wrap { display:none; }
    #footer p { font-size:12px; }
    .r0 { margin-bottom:0px; }
    .r1 { display:inherit; }
    #main-section2 { padding:0px 0px 15px; }
    .col-xs-12.col-sm-3 { margin-bottom: 50px; }
    #widget-sermon { top:30px; right:35px; }
    #widget-sermon p.bdate { font-size:12px; }
    #widget-sermon p.btitle { font-size:18px; width:100%; }
    #widget-sermon p.bbible { font-size:14px; }
    #widget-sermon button { font-size:12px; padding:3px 20px;}
    #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:30px;      background-size: cover; }
    .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; }
    .r0 > div, .r1 >div { height:150px; overflow:hidden; }
    .w1_sub table td a { font-size:20px; }
}
