/* style s */
/* style e */
.slider .slider-dots .each-dot.active {
    background: #007aff !important;
    border-color: #007aff !important;
}
#main-section1 .slider .move-btn {
    background: unset;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    cursor: pointer;
    padding: unset;
}
    #main-section1 .slider .move-btn.prev-btn {left:5%;}
    #main-section1 .slider .move-btn.next-btn {right: 5%;}
    .slider .slider-dots .each-dot {
        width: 8px !important;
        height: 8px !important;
    }


#sitemap-wrap { background:#E9F4FA; margin-top:30px; }
#sitemap > li { float:left; padding:0px 20px; }
.page-actions.btn-group { position:absolute; bottom:0px; right:0px; }


#main-section1 { position:relative; background:#ececec; }
#main-section1-inner { width: 100%; overflow: hidden; margin:30px auto 50px; }
#main-section1-inner img {box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;}

#widget-sermon-img {width: 100%; height:100%; }

/* bootstrap */
.row {margin-right: -10px; margin-left: -10px;}
.col-sm-6 {padding-left: 10px; padding-right: 10px;}


.r0 { margin-bottom: 30px; }
.r1 { display:flex; }

.sfl, .sfr { font-size:80px; color:#fff; z-index:10;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 : 200px;
}

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

.box {display: block; opacity: 1; transition: all .25s ease-in-out;}
.box:hover {opacity: .7; }

/* S2 */
#s2 {
    width: 100%;
    margin: 0 auto 60px;
    overflow: hidden;
}
#s2 .container div.flex {align-items: stretch;}
#s2 .s2-r {
    padding: 25px;
    box-sizing: border-box;
    background-color: #3CA682;
    color: #fff;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
#s2 .s2-r h3 {margin-top: 0; margin-bottom: 20px; font-size: 20px;}
#s2 .s2-r ul.s2-r-box {width: 100%; overflow: hidden; flex-direction: column; align-items: baseline;}
#s2 .s2-r ul.s2-r-box li {width: 100%;  border-bottom: 1px solid #fff; margin-bottom: 5px;}
#s2 .s2-r ul.s2-r-box li a {
    display: flex;
    justify-content: space-between;
    color: white;
    font-size: 17px;
    transition: all ease-in-out .25s;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
}

#s2 .s2-r ul.s2-r-box li a:hover {
    color: #3CA682;
    background-color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#s2 .s2-r ul.s2-r-box li p {
    display: block;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#s2 .s2-r ul.s2-r-box li p:nth-of-type(1) {width: 50%;}
#s2 .s2-l {padding: 0 25px; box-sizing: border-box;}
#s2 .s2-l .s2-l-box {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 20px;
    align-items: stretch;
    justify-content: space-between;
}
#s2 .s2-l > div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#s2 .s2-l ul.s2-l-box {}
#s2 .s2-l ul.s2-l-box li {}
#s2 .s2-l ul.s2-l-box li a {color: #000; font-weight: bold; display: block;width: 100%; height: 100%; transition: all .25s ease-in-out;}
#s2 .s2-l ul.s2-l-box li p {margin: 20px 0; line-height: 1.2;}
#s2 .s2-l ul.s2-l-box li a:hover {transform: translateY(-10px);}




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

@media (max-width: 1199px) { 
    .r0 { margin-bottom: 20px; }
    #content div.container div:nth-last-child(3) { overflow-x: scroll; padding-left: 0;} 
	.notice-title a h3 {font-size: 1.6rem;}
}

@media (max-width: 992px) {
    #s2 .container div.flex {flex-direction: column;}
    #s2 .s2-l {padding: 0;}

    .w1 {left: 20px;}
    .w1 .wtitle, .w2 .wtitle {font-size: 1.8rem;}
	.notice-title li {padding-bottom: 0; line-height: 2.2;}
	.notice-title a {align-items: baseline; /*flex-direction: column;*/  }
	 .notice-title a h3  {width : 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	 
    .weng  {font-size: 16px;}
	.notice-title p {font-size: 16px; width: 30%; align-self: flex-end;}
    #main-section1-inner {margin: 25px auto;}
}

@media(max-width:768px)
{
	
	.notice-title a p {font-size: 1.4rem; align-self: flex-end; }
	
	
    #main-section1-inner { position:relative; margin:25px auto 0; }
    #gnb-wrap .container a img { margin:15px 0px; }
    .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; }

    .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: 200px; overflow:hidden; }
    .r0 > div img, .r1 > div img {object-fit: cover; height: 100%;}
    .w1_sub table td a { font-size:20px; }


    /* sbpb */
  
    .col-xs-12.col-sm-6 { margin-bottom: 15px; }
    #main-section1 .slider .move-btn {display: none;}

    #s2 {margin: 0 0 30px;}
    #s2 .s2-l ul.s2-l-box li {display: block; max-width: 15%;}
    #s2 .s2-l ul.s2-l-box li p {font-size: 14px;}


}
@media(max-width: 414px) {
	.notice-title {top: 50%;}
	

	
}