﻿#main_sermon { padding:100px 0; background-color:#F9F9F9; }
.container-fluid{background-color:#fff;border-top:1px solid #F9F9F9;border-bottom:1px solid #F9F9F9;}
.main_sermon_tab  { width:900px; margin:0 auto; overflow:hidden; }
.sermon_tab { text-align:center; padding:10px; font-size:18px; color:#999; border:2px solid #ccc; border-radius:25px; margin-bottom:40px;  transition:all ease 0.3s; cursor:pointer; }
.sermon_tab.active { color:#000; border-color:#3682C0; }

#sermon_box { text-align:center; position:relative; }
#sermon_box_inner { display:inline-block; position:relative; }
#sermon_info { position:absolute; right:0px; height:80%; top:10%; width:40%; background: RGBA(142,132,123,0.9); }
#sermon_info hr { position: absolute; top: 40px; width: 60px; }
.sermon_content { padding-left:70px; padding-right:30px; }
.sermon_content p { text-align:left; color:#fff;  }
.sermon_content p a { color:#fff; text-decoration:none; }
.sermonHeader { font-size:30px; margin-top:40px; margin-bottom:70px; }
.sermonDate { font-size:26px; }
.sermonTitle { font-size:50px; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;  }
.sermonBible, .sermonPastor { font-size:28px; padding-left:10px;  }

.sermon_content .sermonContext { display:none; }
.sermon_content .sermonContext:nth-child(2) { display:block; }
.sermon_bg { display:none; }
.sermon_bg:nth-child(1) { display:block; }

#sermon_play { position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; cursor:pointer; opacity:0.8; }
#sermon_play:hover { opacity:1.0; }


#main_welcome { background:url('../Images/welcome_bg.jpg'); margin-top:120px; padding:90px 0px;  }
#main_welcome .container .col-md-3 { border-right:1px solid #fff; }
#main_welcome .container .col-md-3:last-child { border:0px; }
#main_welcome_title { text-align:center; color:#fff; font-size:34px; line-height:120%; margin-bottom:60px; }
.main_welcome_box { text-align:center; }
.main_welcome_box_title { color:#fff; font-size:24px; margin-top:15px; }
.main_welcome_box_desc { color:#fff; font-size:16px; }
.main_welcome_btn { font-size:16px; color:#777; background:#fff; display:inline-block; margin:20px auto 0px; border-radius:25px; padding:10px 30px; transition:all ease 0.2s; cursor:pointer;   }
.main_welcome_btn:hover { background:#397DBC; color:#fff;   }

#main_news { margin-top:120px; }
#main_news_title { text-align:center; font-size:34px; line-height:120%; margin-bottom:60px; }
.main_news_box { border-bottom:1px solid #ddd; margin-bottom:50px; }
.main_new_box_content { padding:15px; height:245px;position:relative;}
.main_new_box_article_title { font-size:16px; font-weight:600; }
.main_new_box_article_title a { color:#000; text-decoration:none;  }
.main_new_box_article_desc { font-size:14px; color:#777; line-height:165%;  }

#swiperSlider31 .swiper-slide { height:200px; overflow:hidden; }

#main_notice { margin-top:30px; }
.main_notice_header { font-size:24px; ; color:#000; }
.main_notice_header a{color:#000;}
.main_notice_header a:hover{color:#000;text-decoration:none;}
.main_notice_line { width:45px; border-color:#000; margin:10px 0px 20px;  margin-left:0px !important; left:0px !important; display:inline-block;  }
#main_notice_annouce { margin-bottom:30px; }
#main_notice_annouce table { border:0px; table-layout:fixed; width:100%; }
#main_notice_annouce table td { font-size:16px; color:#777; padding:5px 0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;display:inline-block;width:100%;}
#main_notice_annouce table td a { color:#777; text-decoration:none; }
#main_notice_jubo img { float:left; margin-right:15px; }
#main_notice_jubo p { float:left; font-size:18px; position:relative; top:5px;   }
#main_notice_jubo p a { color:#777; text-decoration:none; }

#loginForm { margin-top:200px !important; }


#videoModal .modal-dialog { width:100%; max-width:670px; }

.main-right-1 .main-right-box{height:400px;display:table;border:1px solid #EFEDF0;}
.main-right-2 .main-right-box{height:400px;display:table;border:1px solid #EFEDF0;}
.main-right-box_1{display: table-cell;vertical-align: middle;text-decoration: none;}
.main-right-box_1:hover{text-decoration: none;}
.main-right-box_1:hover .widget-inner .rigth_btn1 {color:#9B9B9B;border: solid 1px #DADADA;background-color:#FFFFFF;}
.main-right-box_1 .widget-inner{text-align: center;}

.main-right-box_2{display: table-cell;vertical-align: middle;text-decoration: none;}
.main-right-box_2:hover{text-decoration: none;}
.main-right-box_2:hover .widget-inner .rigth_btn1 {color:#9B9B9B;border: solid 1px #DADADA;background-color:#FFFFFF;}
.main-right-box_2 .widget-inner{text-align: center;}

.main-right-box_3{display: table-cell;vertical-align: middle;text-decoration: none;}
.main-right-box_3:hover{text-decoration: none;}
.main-right-box_3:hover .widget-inner .rigth_btn1 {color:#9B9B9B;border: solid 1px #DADADA;background-color:#FFFFFF;}
.main-right-box_3 .widget-inner{text-align: center;}

.main-right-box_4{display: table-cell;vertical-align: middle;text-decoration: none;}
.main-right-box_4:hover{text-decoration: none;}
.main-right-box_4:hover .widget-inner .rigth_btn1 {color:#9B9B9B;border: solid 1px #DADADA;background-color:#FFFFFF;}
.main-right-box_4 .widget-inner{text-align: center;}

.widget-inner .wtitle_ltitle{font-size: 26px;margin-top: 35px;color: #000;font-weight: bold;}
.widget-inner .weng_lweng{font-size: 18px;margin-bottom: 35px;color:#000;}
/*원통 모형 그리기*/
.widget-inner .rigth_btn1{color:#fff; width: 148px;height: 45px;margin: 0 auto;font-size: 20px;border-top-left-radius: 40px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;
                          border-bottom-left-radius: 40px;border: solid 1px #397EBC;background-color:#397EBC;display: table;}
.widget-inner .rigth_btn1 span{display: table-cell;vertical-align: middle;}
.btn-page{position: absolute; right: 40px; bottom: 20px; padding: 5px 15px; border-top-left-radius: 40px; text-decoration:none!important;
border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; border: 1px solid #000; color:#000;}
.btn-page div span{margin-left: 10px;}
/*가락제일용*/
#main_news1 .main_news1-1:hover .main_news_box img { opacity:0.8;cursor:pointer; transition:all ease 0.3s;color:#000; }
#main_news1 .main_news1-2:hover .main_news_box img { opacity:0.8;cursor:pointer; transition:all ease 0.3s;color:#000; }
#main_news1 .main_news1-3:hover .main_news_box img { opacity:0.8;cursor:pointer; transition:all ease 0.3s;color:#000; }
#main_news2 .main_news2-1:hover .main_news_box img { opacity:0.8;cursor:pointer; transition:all ease 0.3s;color:#000; }
#main_news2 .main_news2-2:hover .main_news_box img { opacity:0.8;cursor:pointer; transition:all ease 0.3s;color:#000; }
#main_news2 .main_news2-3:hover .main_news_box img { opacity:0.8;cursor:pointer; transition:all ease 0.3s;color:#000; }
.main_news1-1,.main_news1-2,.main_news1-3,.main_news2-1,.main_news2-2,.main_news2-3{text-decoration:none;color:#000;}
.main_news1-1:hover,.main_news1-2:hover,.main_news1-3:hover,.main_news2-1:hover,.main_news2-2:hover,.main_news2-3:hover
{color:#000;text-decoration:none!important;}
.main_news1-1:hover .btn-page, .main_news1-2:hover .btn-page,.main_news1-3:hover .btn-page,.main_news2-1:hover .btn-page,
.main_news2-2:hover .btn-page, .main_news2-3:hover .btn-page
{color: #9B9B9B;border: solid 1px #DADADA;background-color: #FFFFFF;}
.document-widget.gallery .document a{position:relative;}
.document-widget.gallery .document a div{width: 100%;height: 1px;background: rgba(0,0,0,0.63);position: absolute;left: 0;
                                         top: 0px;display: table;transition: opacity 0.21s;opacity: 0;bottom: 0;}
.document-widget.gallery .document a div span:nth-child(1){display: block;margin-bottom: 15px;position: relative;top: 85px;color: #fff;font-size: 16px;}
.document-widget.gallery .document a div span:nth-child(2){display: block;position: relative;top: 85px;color: #fff;font-size: 16px;}
.document-widget.gallery .document a:hover div{opacity: 1;}

/*메인 유튜브 버튼 관련*/
.sermon_main>li>a{width:100%;display: inline-block;padding-top: 20px;float:left; border-right: 1px solid #EFEDF0;border-top: 1px solid #EFEDF0;position: relative;}
.sermon_main_1 {float: left;width: 35%;position: relative;}
.sermon_main_1 img{position: relative;float: right;}
.sermon_main_2 {float: right;width: 65%;position: relative;}
.sermon_main_2 .title_day {width: 100%;display: inline-block;position: absolute;right: 55px;top: 20px;color: #6392C6;}
.sermon_main_2 .title_day .sermon_gubun {display: inline;margin-right: 20px;font-size: 29px;font-weight:bold;}
.sermon_main_2 .title_day .sermon_day{display: inline;font-size: 19px;}
.sermon_main_2 .sermon_title{width: 405px;display: inline-block;left: 60px;top: 80px;font-size: 34px;position: absolute;color:#000;}
.sermon_main>li>a:hover .title_day .sermon_gubun{color:#6392C6;}
.sermon_main>li>a:hover .title_day .sermon_day{color:#6392C6;}
.sermon_main>li>a:hover .sermon_title{color:#000;}
.sermon_main_2 .Messanger_Biblename{width: 100%;display: inline-block;right:35px;top: 150px;position: absolute;}
.sermon_main_2 .Messanger_Biblename .sermon_malsseum{display: inline;font-size: 20px;margin-left: 15px;color:#000;}
.sermon_main_2 .Messanger_Biblename .sermon_mogsa_name{display: inline;font-size: 20px;margin-right: 10px;color:#000;}
.sermon_main_2 .Messanger_Biblename span{font-size: 20px;color:#000;opacity:0.7;}
.sermon_main>li>a:hover .Messanger_Biblename .sermon_mogsa_name{color:#000;}
.sermon_main>li>a:hover .Messanger_Biblename .sermon_malsseum{color:#000;}
.sermon_main>li>.detail-video >iframe{width: 100%!important;height: 455px!important;float:right!important;position:relative!important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{height:98px;padding: 35px 0; font-size:20px;color:#6B6D6B;border: 1px solid #EFEDF0;margin:0;}
.nav-tabs>li>a{height:98px;padding: 35px 0; font-size:20px;color:#929292;border: 1px solid #EFEDF0;margin:0;}
.gallery .document{padding:20px;}
.document-widget.normal table > tbody > tr > td{font-size:16px;}
.document-widget.gallery .document:nth-child(1){padding-left:0px;}
#main_news1{padding-top:50px;}
#main_news2{padding-bottom:50px;}
.main_news_box img{width:100%;}
.document .thumb img{width: auto;height: 190px;}
@media(min-width:1600px) {
    .container { width: 1570px; }
}
@media(min-width:1500px) and (max-width:1599px) {
    .container { width: 1470px; }
    .main_new_box_content{padding: 15px 0 0 0;}
    .main_new_box_article_desc{font-size:13px;}
    .document .thumb img{width: auto;height: 165px;} 
}

@media (min-width:1200px) and (max-width:1499px) 
{
	.sermonHeader { margin-bottom:10px; }
	.sermonDate  { font-size:21px; }
	.sermonTitle { font-size:36px; }
	.main_welcome_box_desc  { font-size:15px; }
	.main_new_box_content { overflow:hidden; }
    .btn-page{right:0;}
    .gallery .document{padding:10px; padding-top: 35px;}
    .document .thumb img{height: 158px;}
    .sermon_main_2 .sermon_title{width: 325px;left: 30px;font-size:28px;}
    .widget-inner .weng_lweng{font-size: 16px;}
    .main-right-2 .main-right-box{height: 385px;}
    .main-right-1 .main-right-box{height: 385px;}
}

@media (min-width:992px) and (max-width:1199px) 
{
    .main_new_box_content{height: 275px;}
    .sermon_main_2 .title_day{right: 20px; top: 0px;}
    .sermon_main_2 .sermon_title{left: -25px;top: 60px;font-size: 26px;width: 335px;}
    .sermon_main_2 .Messanger_Biblename{right: 15px;top: 110px;}
    .sermon_main_2 .Messanger_Biblename .sermon_mogsa_name{margin-right: 5px;font-size: 16px;}
    .sermon_main_2 .Messanger_Biblename .sermon_malsseum{font-size: 16px;margin-left: 5px;}
    .widget-inner .wtitle_ltitle{margin-top: 20px;font-size: 24px;}
    .widget-inner .weng_lweng{font-size:17px;}
    .main-right-1 .main-right-box{height:368.5px;}
    .main-right-2 .main-right-box{height:368.5px;}
    .document-widget.gallery .document{padding: 5px;padding-top: 62px;}
    .document .thumb img{height:132px;}
}
@media (min-width:768px) and (max-width:991px) {
    .widget-inner .wtitle_ltitle{font-size: 22px;}
    .widget-inner .weng_lweng{font-size: 16px;}
    .widget-inner .wtitle_ltitle{margin-top: 20px;}
    .widget-inner .weng_lweng{margin-bottom: 25px;}
    .main-right-1 .main-right-box{height: 350px;}
    .main-right-2 .main-right-box{height: 350px;}
    .document-widget.gallery .document{padding:10px;}
    .document-widget.gallery .document:nth-child(1){padding-left: 0px;}
    .document-widget.gallery .document:nth-child(3){padding-left: 0px;}
    .document .thumb img{width: auto;height: 133px;}
    .main_notice{display: inline-block;width: 49%;}
    .juboo_line{display: inline-block;width: 49%;}

}
@media(max-width:767px)
{
	.sermon_main_2 .Messanger_Biblename .sermon_malsseum{display: inline-block;}
	#main_sermon{padding: 35px 0;}
		.sermon_main_2 .title_day .sermon_gubun{margin-right: 5px;}
    .sermon_main>li>.detail-video >iframe{height: 270px!important;}
    .sermon_main_2 .title_day{right: 30px; top: 0px;}
    .sermon_main_2 .title_day .sermon_gubun{font-size: 22px;}
    .sermon_main_2 .title_day .sermon_day{font-size: 18px;}
    .sermon_main_2 .sermon_title{left: 0;top: 40px;font-size: 18px;width: 235px;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;}
    .sermon_main_2 .Messanger_Biblename{right: 0px; top: 70px;}
    .sermon_main_2 .Messanger_Biblename .sermon_mogsa_name{margin: 0;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;width: 230px;float: left;font-size: 18px;}
    .sermon_main_2 .Messanger_Biblename .sermon_malsseum{margin:0;}
    #main_news2{padding-bottom:0;}
    #main_notice{margin-top:15px;}
    .document-widget.gallery .document:nth-child(1){padding: 20px;}
}
