﻿#main-section1 { background-color:#ECECEC; }

/*
    vision s
*/

#main-section2 { padding:25px 0px;}
.ms2-box { position:relative; cursor:pointer; }
.ms2-content:hover { opacity:0.7; transition:0.4s;}
.ms2-content { position: absolute; text-align: center; width: 100%; height: 100%; top: 0px; padding-top: 20%; color:#fff;}
.ms2-content h3 { font-size: 27px; margin-bottom:10px;}
.ms2-content h4 { font-size: 20px; margin-bottom:10px;}
.ms2-content hr { width: 25px; opacity: 0.4; margin-top: 10px;}
.ms2-content p {font-size:13px; margin-top:-5px;}

/*
    vision e
*/

/*
    main-right s
*/

.row2 { margin-top:25px;}
#main1-1 h4, #main1-2 h4 { color:#fff; font-size:24px; display:inline-block; margin-bottom:0px;}
#main1-3 h4, #main1-4 h4 { color:#fff; font-size:20px; padding-bottom:10px; border-bottom:1px solid #fff; display:inline-block;}
#main1_right h5 { color:#fff; font-size:17px; margin-bottom:25px;}
#main1_right .main1-view { color:#fff; font-size: 15px; border:1px solid #fff; display:inline-block; padding: 2px 30px;}
#main1-1 { background-image:url(../Images/church_bg2.jpg); background-size: 100% 100%; padding: 15px; height: 190px;}
#main1-2 { background-image:url(../Images/live_bg3.jpg); background-size: 100% 100%; padding: 15px; height: 190px;}
#main1-3 { background-color:#008dab; padding:15px; height: 190px; position:relative;}
#main1-3 p { color:#fff; font-size:14px; margin-bottom:5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width:120px;}
#main1-3 .nav-tabs { margin-top:20px;}
#main1-4 { background-color:#009fa5; padding:15px; height: 190px;}
#main1-4 > .documents {text-align:center;}
#main1-4 p { color:#fff; font-size:20px; margin-bottom:5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width:100%;}
#main1-4 ul { float:right; margin-top:5px;}
#main1-4 .tab-content { margin-top:20px;}
.nav-tabs, .nav-tabs>li>a {border:none;}
.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;}

/*
    main-right e
*/

#main-section1-inner { margin-bottom:25px;}
#main1_left { background: url(/UserData/gsjeil/Layouts/gsjeil_newLayout/Images/main_sermon.jpg); background-size: cover; background-repeat: no-repeat; width: 100%; padding: 45px 20px; height:405px;}
.sermonview { float:right; padding:40px 0px;}
.sermonview h4 { font-size:18px; color:#f1f1f1; margin-bottom:25px;}
.sermonview h5 a { color:#fff; font-size:33px; margin-bottom:5px; word-break:keep-all; display: block; width:250px; text-decoration:none;}
.sermonview h6 { font-size:20px; color:#fff; margin-top:25px;}
.sermonview img { margin-top:40px; }
.sermonview img:hover { opacity:0.6; transition:0.3s;}
.contentSlide {
    height: 110px !important;
    overflow: hidden;
}
.main_notice { width:100%; border:0px;  }
.main_notice td { text-align:left; padding:3px !important; border-bottom:1px solid #ddd;  }
.main_notice tr:last-child td { border-bottom:0px; }
.main_notice td a { color:#fff; font-size:16px; }



@media (min-width:768px) and (max-width:1023px) {
    #main-section2 { text-align:center; }
    #main-section2  .col-sm-6:nth-child(3), #main-section2  .col-sm-6:nth-child(4) { margin-top:25px;}
    #main1_right { margin-top:25px; }
    /*핵심사역 영성사역*/

}

@media (max-width:767px) {
    #main-section2 { text-align:center;}
    #main-section2 .col-xs-12 { margin-top:25px ;}
    #main1-1, #main1-2, #main1-4 { margin-top:25px;}
}
