﻿#loginForm{padding-top:150px;}
.content{width:inherit;}
#main-slider{position:relative;}
#main-slider .go_youtube_slider{position:absolute;right: 5%;bottom: 5%;
z-index: 1;border: 2px solid #000;border-radius: 15px;background-color: rgba(255,255,255,.2);}
#main-slider .go_youtube_slider .youtube_slider{font-size: 24px;color: #fff;padding: 20px;display: inline-block;}
#main-slider .go_youtube_slider .youtube_slider img{margin-right:5px;}
#main_sermon { padding:90px 0px; background-color:#FFFFFF;}
.container-fluid{background-color:#fff; border-bottom:1px solid #efedf0;}
.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; }
#main_sermon .sermon-youtube{padding: 25px 0px; text-align: center; border-top: 1px solid #efedf0;}
#main_sermon .sermon-youtube img{margin-right: 10px;}
#main_sermon .sermon-youtube a{text-decoration: none;color: #000;font-size: 24px;width: 100%;display: inline-block;}
#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: 27px;color: #000;font-weight: bold;}
.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:15px 0px 45px;  margin-left:0px; left:0px; display:inline-block;  }
#main_notice_jubo ul li a{font-size: 20px;margin: 5px 0;display: inline-block;color: #000;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;width: 80%;float: left;}
#main_notice_jubo ul li a:hover,
#main_notice_jubo ul li a:focus{font-weight:bold;}
#main_notice_jubo ul li a > span:nth-child(1){float:left;}
#main_notice_jubo ul li a > span:nth-child(2){float:right;}
#main_notice_annouce ul li a{font-size: 20px;margin: 5px 0;display: inline-block;color: #000;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;width: 80%;float: left;}
#main_notice_annouce ul li a:hover,
#main_notice_annouce ul li a:focus{font-weight:bold;}
#main_notice_annouce ul li a > span:nth-child(1){float:left;}
#main_notice_annouce ul li a > span:nth-child(2){float:right;}

#main_gallery { margin-top:50px; }
.main_gallery_header { font-size:26px; color:#000; font-weight:bold;}
.main_gallery_header a{color:#000;}
.main_gallery_header a:hover{color:#000;text-decoration:none;}
.main_gallery_line { width:45px; border-color:#000; margin:30px 0px 45px;  margin-left:0px; left:0px; display:inline-block;  }
#main_gallery .pictures {height: 360px;position: relative;right: 0%;width: 100%;}
#main_gallery .pictures .pictures-wrapper{margin: 0 auto; overflow: hidden;}
#main_gallery .pictures .gallery{width: 301%;}
.document-widget.gallery .document{padding: 5px 10px;}
.document-widget.gallery .document:hover p,
.document-widget.gallery .document:focus p{font-weight:bold;}
.document-widget.gallery .document .thumb{display: block;width: 100%;position: relative;height: 215px;overflow: hidden;
background-size: cover;background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
#main_gallery .pictures .gallery .document p{color: #000;font-size: 18px;margin: 11px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 290px;}
#loginForm {margin-top: 200px;}


#videoModal .modal-dialog { width:100%; max-width:670px; }

.main-right-1 .main-right-box{height:383.5px;display:table;border:1px solid #EFEDF0; border-bottom:none;}
.main-right-2 .main-right-box{height:383.5px;display:table;border:1px solid #EFEDF0;border-bottom:none;}
.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:#fff;border: solid 1px #3D5AAB;background-color:#3D5AAB;}
.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:#fff;border: solid 1px #3D5AAB;background-color:#3D5AAB;}
.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:#fff;border: solid 1px #3D5AAB;background-color:#3D5AAB;}
.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:#fff;border: solid 1px #3D5AAB;background-color:#3D5AAB;}
.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;word-break:keep-all;}
/*원통 모형 그리기*/
.widget-inner .rigth_btn1{color:#9B9B9B; 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 #DADADA;background-color:#fff;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;
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;}
.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: 45%;position: relative;}
.sermon_main_1 img{position: relative;float: right; top:7px;}
.sermon_main_2 {float: right;width: 100%;position: relative;padding: 50px 0;}
.sermon_main_2 .title_day {width: 100%;display: inline-block;color: #6392C6;text-align: center;}
.sermon_main_2 .title_day .sermon_gubun {display: inline;margin-right: 10px;font-size: 26px;font-weight: bold;}
.sermon_main_2 .title_day .sermon_day{display: inline;font-size: 18px;}
.sermon_main_2 .sermon_title{display: inline-block;font-size: 32px;font-weight: bold;margin: 10px 0;color: #000;text-align: left;width: 100%;letter-spacing: 1px;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;float: left; text-align:center;}
.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;text-align: center;}
.sermon_main_2 .Messanger_Biblename .sermon_malsseum{display: inline;font-size: 20px;margin: 5px;color:#000;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:center;}
.sermon_main_2 .Messanger_Biblename .sermon_mogsa_name{display: inline;font-size: 20px;margin: 5px;color: #000;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:center;}
.sermon_main_2 .Messanger_Biblename span{font-size: 20px;color:#000;opacity:0.7;width: 1%; display: inline-block;}
.sermon_main>li>a:hover .Messanger_Biblename .sermon_mogsa_name{color:#000;}
.sermon_main>li>a:hover .Messanger_Biblename .sermon_malsseum{color:#000;}
.sermon-div > .detail-video > iframe{width: 100%;height: 535px;float:right;position:relative;}
.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;}
#main_news1{padding-top:50px;}
#main_news2{padding-bottom:50px;}
.main_news_box img{width:100%;}
.document .thumb img{width: auto;height: 190px;}

/*note2*/
#main_notice2{padding: 120px 0;background-color:#E3E9F0;}
#main_notice2 .container-fluid{background-color:#E3E9F0;}
#main_notice2 .container-fluid .notice_main{padding:40px 50px; background-color:#fff; position:relative;}
#main_notice2 .container-fluid .notice_main .notice_btn{position: absolute;top: 0;right: -2px; height:55px;width:55px;}
#main_notice2 .container-fluid .notice_main h1{margin:0;font-size: 28px; color: #000; font-weight:600;}
#main_notice2 .container-fluid .notice_main hr{border-color: #000;width: 15%;float: left; margin:30px 0;}
#main_notice2 .container-fluid .notice_main ul{width: 100%; display: inline-block;}
#main_notice2 .container-fluid .notice_main ul li{line-height:2.5; display:inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
#main_notice2 .container-fluid .notice_main ul li a{color:#000; text-decoration:none;}
#main_notice2 .container-fluid .notice_main ul li a span{font-size:20px;}
@media (min-width:1903px) {
    .container{width:1903px;}
	#main_notice > .container-fluid,
    #main_notice2 > .container-fluid,
	#main_gallery > .container-fluid{width:1400px;}
}
@media (min-width:1500px) and (max-width:1902px) {
    .sermon-div > .detail-video > iframe{height: 390px;}
    .main-right-1 .main-right-box{height: 310px;}
    .main-right-2 .main-right-box{height: 310px;}
    .widget-inner .weng_lweng{margin-bottom: 20px;}
	#main_gallery .pictures{width: 89%; margin: 0 auto;}
    #main_gallery .pictures .gallery .document p{width: 267px;}
    
}
@media (min-width:1200px) and (max-width:1499px) {
    .sermon-div > .detail-video > iframe{height: 390px;}
    .main-right-1 .main-right-box{height: 310px;}
    .main-right-2 .main-right-box{height: 310px;}
    .widget-inner .weng_lweng{margin-bottom: 20px;}
    .widget-inner .wtitle_ltitle{margin-top: 10px;}
    .document-widget.gallery .document .thumb{height:185px;}
	#main_gallery .pictures{width: 97.5%; margin: 0 auto;}
    #main_gallery .pictures .gallery .document p{width: 225px;}
}

@media (min-width:993px) and (max-width:1199px) {
    #main_sermon{padding:45px 0;}
    .sermon_main_2{padding: 50px 0;}
    .sermon-div > .detail-video > iframe{height: 330px;}
    .main-right-1 .main-right-box{height: 280px;}
    .main-right-2 .main-right-box{height: 280px;}
    .widget-inner img{max-height:100px;}
    .widget-inner .weng_lweng{margin-bottom: 5px;}
    .widget-inner .wtitle_ltitle{margin-top: 10px; font-size:24px}
    .document-widget.gallery .document .thumb{height:145px;}
    #main_notice2{padding:80px 0;}
    #main_notice2 .container-fluid .notice_main{padding:30px;}
    #main_notice2 .container-fluid .notice_main h1{font-size:24px}
    #main_notice2 .container-fluid .notice_main ul li a span{font-size:17px;}
    #main_notice2 .container-fluid .notice_main hr{margin: 20px 0;}
    #main_gallery .pictures{height:280px;width: 98%; margin: 0 auto;}
    .main_gallery_header{font-size:24px}
    .main_gallery_line{margin: 20px 0px 30px;}
    #main_gallery .pictures .gallery .document p{width: 175px;}

}
@media (min-width:768px) and (max-width:992px) {
    #main-slider .go_youtube_slider .youtube_slider{font-size: 20px; padding: 15px;}
    #main_sermon{padding:20px 0;}
    .sermon_main_2{padding: 25px 0;}
    .sermon-div > .detail-video > iframe{height: 405px;}
    .main-right-1 .main-right-box{height: 280px;}
    .main-right-2 .main-right-box{height: 280px;}
    .widget-inner img{max-height:100px;}
    .widget-inner .weng_lweng{margin-bottom: 5px;}
    .widget-inner .wtitle_ltitle{margin-top: 10px; font-size:24px}
    .document-widget.gallery .document .thumb{height:145px;}
    #main_notice2{padding:40px 0;}
    #main_notice2 .container-fluid > div{width:100%; margin-bottom:20px;}
    #main_notice2 .container-fluid .notice_main{padding:30px;}
    #main_notice2 .container-fluid .notice_main h1{font-size:24px}
    #main_notice2 .container-fluid .notice_main ul li a span{font-size:17px;}
    #main_notice2 .container-fluid .notice_main hr{margin: 20px 0;}
    #main_gallery .pictures{height: 280px;width: 97%;margin: 0 auto;}
    .main_gallery_header{font-size:24px}
    .main_gallery_line{margin: 20px 0px 30px;}
    #main_gallery .pictures .gallery .document p{width: 175px;}
}
@media(max-width:767px){
	#main-slider{margin-top:60px;}
    #main-slider .go_youtube_slider .youtube_slider{font-size: 15px; padding: 10px; line-height:1.5;}
    #main_sermon{padding:20px 0;}
    .sermon_main_2{padding: 25px 0;}
    .sermon_main_2 .title_day .sermon_gubun{font-size:20px;}
    .sermon_main_2 .title_day .sermon_day{font-size:17px;}
    .sermon_main_2 .sermon_title{font-size:24px;}
    .sermon_main_2 .Messanger_Biblename .sermon_malsseum,
    .sermon_main_2 .Messanger_Biblename .sermon_mogsa_name{font-size:17px;}
    .sermon-div > .detail-video > iframe{height: 195px;}
    .main-right-1 .main-right-box{height: 225px;} 
    .main-right-2 .main-right-box{height: 225px;}
    .widget-inner img{max-height:75px;}
    .widget-inner .rigth_btn1{font-size:17px;height: 35px;}
    .widget-inner .weng_lweng{margin-bottom: 5px;font-size: 15px;word-break:keep-all;}
    .widget-inner .wtitle_ltitle{margin-top: 10px; font-size:20px}
    .document-widget.gallery .document .thumb{height:145px;}
    #main_notice2{padding:40px 0;}
    #main_notice2 .container-fluid > div{width:100%; margin-bottom:20px;padding:0;}
    #main_notice2 .container-fluid .notice_main{padding:30px;}
    #main_notice2 .container-fluid .notice_main h1{font-size:20px}
    #main_notice2 .container-fluid .notice_main ul li{line-height:1.5;}
    #main_notice2 .container-fluid .notice_main ul li a span{font-size:17px;}
    #main_notice2 .container-fluid .notice_main hr{margin: 20px 0;}
    #main_gallery{margin-top:20px;}
    #main_gallery .pictures{height:240px;}
    .main_gallery_header{font-size:20px}
    .main_gallery_line{margin: 10px 0px 15px;}
    #main_gallery .pictures .gallery{width:1000%;}
    #main_gallery .pictures .gallery .document p{width: 230px;}
}
