#sermon { background:#fff; height:940px; padding:0px; margin-top: 55px;}
#sermon .sermon-box{height:440px;}
#sermon h2 { font-size:18px; font-weight:normal; color:#333; margin:25px 0 140px; }
.sermon-1 { padding: 0px; background:url(../Images/sermon_bg_m.png) no-repeat; background-size:cover; height:100%; float:left; display:inline-block; position:relative;}
.sermon-2 { height:100%; display:inline-block; float:right; position:relative;}
.sermon-2 .semina-box{margin-bottom: 45px;height:45%;width:100%;padding: 30px 30px;position:relative;
                      background:url(../Images/seminor_bg_m.png) no-repeat; background-size:cover;}
.sermon-2 .semina-box .semina-day p{font-size:18px; color:#222; margin:0px;}
.sermon-2 .semina-box .semina-day p:nth-child(1){margin-bottom:10px;}
.sermon-2 .semina-box hr{width: 40px;float: left;display: inline-block;margin: 15px 0;position: relative;left: 10px;border-color: #222;}
.sermon-2 .semina-box .semina-title{display: inline-block; width: 100%;}
.sermon-2 .semina-box .semina-title p{display: inline-block;width: 80%;font-size: 20px;margin: 0; color:#222}
.sermon-2 .semina-box .semina-btn{position: absolute;right: 0;bottom: 0;}
.sermon-2 .newfamily-box{height:45%;width:100%;padding: 30px;background:url(../Images/newfamily_bg_m.png) no-repeat; position:relative;
                         background-size:cover;}
.sermon-2 .newfamily-box .newfamily-day p{font-size:18px; color:#222; margin:0px;}
.sermon-2 .newfamily-box .newfamily-day p:nth-child(1){margin-bottom:10px;}
.sermon-2 .newfamily-box hr{width: 40px;float: left;display: inline-block;margin: 15px 0;position: relative;left: 10px;;border-color: #222;}
.sermon-2 .newfamily-box .newfamily-name-day p{display: inline-block;width: 100%;font-size: 20px;margin: 0; color:#222}
.sermon-2 .newfamily-box .newfamily-btn{position: absolute;right: 0;bottom: 0;}
#sermon .sermon-desc { position: relative; display: inline-block;width:100%;height:100%; }
#sermon .sermon-desc a { color:#222; text-decoration:none; }
#sermon .sermon-desc h4 { margin:0; color:#fff; font-size:24px; display:inline-block; margin-bottom:5px;}
.sermon-date {  display:inline-block; font-size:17px; margin:0; }
#sermon .sermon-desc img { position: relative; top: -5px; margin-left: 10px;}
#sermon .sermon-desc img:hover { opacity:0.7; transition:0.3s all; }
.sermon-title { clear:both; font-size:25px; font-weight:bold; margin:30px 0; }
.sermon-cont { font-size:19px; line-height:30px; }
.sermon_new { position:absolute; width:100%;  bottom:-68px ;  left:0;  }
.sermon_new > a > div { float:left; width:50%;  text-align:center;  font-size:20px; color:#fff;  padding:20px 0;  border-top:1px solid #fff ;}
.sermon_new > a > div.new_left { background:#2F6066;  border-right:1px solid #fff; }
.sermon_new > a > div.new_left:hover { background:#2B5D90; transition:0.2s all; }
.sermon_new > a > div.new_right { background:#2B5D90;  }
.sermon_new > a > div.new_right:hover { background:#2F6066; transition:0.2s all; }


#main1 { padding:200px 0; background:#E9EEF4; }
#main1 > div > div > div { padding:0 50px;}
#main1 h2 { font-size:18px; font-weight:normal; color:#333; margin:25px 0 140px; }
#main1 .main1-box { background:#fff; padding:50px; position:relative; }
#main1 .main1-box .plus { position:absolute; top:45px; right:50px; }
#main1 .main1-box h3 { margin:0; font-weight:bold; font-size:19px; border-bottom:2px solid #000; padding-bottom:15px;}
#main1 .main1-box ul { margin-top:40px;}
#main1 .main1-box a li { overflow:hidden; padding:0 0 20px; }
#main1 .main1-box a:last-child li { padding:0; }
#main1 .main1-box a:hover { color:#114672; transition:0.2s all; }
#main1 .main1-box a li p { font-size:17px; float:left; margin:0; color:#333; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display:block; width:180px; }
#main1 .main1-box a li:hover p { color:#114672; transition:0.2s all; font-weight:bold; } 
#main1 .main1-box a li:hover span { color:#114672; transition:0.2s all; font-weight:bold; } 
#main1 .main1-box a li span { float:right; font-size:17px; color:#333;}

#main2 { background:url(../Images/gallery_bg.png) no-repeat; background-size:100% 100%; height:980px; padding:240px 0; }
#main2 h2 { font-size:18px; font-weight:normal; color:#fff; margin:25px 0 140px; }
#main2 > div > div > a > div { padding:0 8px; }
#main2 > div > div > a > div img:hover { opacity:0.7; transition:0.2s all; }
#main2 a img { width:100%; margin-bottom:20px; }
#main2 a { color:#fff; }
#main2 a:hover { font-weight:bold; transition:0.2s all; }
#main2 a p { margin:3px 0; font-size:15px; }
#main2 > div > div > a > div img { height:189px; }

#main3 { padding-top:120px; background:#fff; }
#main3 .row2 { margin-bottom: 60px; }
#main3 .main3-box { padding:0 90px;}
#main3 h2 { font-size:27px; margin:10px 0 15px; font-weight:bold; }
#main3 h2 span { font-size:20px; }
#main3 .main3-box2 { padding-top:75px;  }
#main3 ul { border-top:1px solid #333; margin-top:15px; margin-bottom:15px;  }
#main3 ul li:first-child { margin:15px 0 0; }
#main3 ul li { overflow:hidden; padding:5px 0;  }
#main3 ul li p { float:left; font-size:17px; margin:0; color:#666666; }
#main3 ul li span { float:right; display:inline-block; font-size:17px;  color:#666666;}
/*대구 평산 교회 수정*/
.main-btn div{text-align:center;}
.main-btn div a{z-index:1;padding: 15px 40px;font-size: 24px;text-decoration: none;float:left;
                color: #000;font-weight: bold;border: 1px solid #E5E5E5;width: 100%;position: relative;display: inline-block; transition: .5s all;}
.main-btn div a:hover{background: transparent; overflow: hidden;}

.main-btn div a:before{z-index: -1;content: "";display: block;width: 0%;height: 100%;position: absolute;left: 0;
top: 0;backface-visibility: hidden;-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transform: translateX(-101%) skewX(-17.62deg);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);background:rgba(0,0,0,0);}
.main-btn div a:hover:before{width: 120%;transform: translateX(0) skewX(-17.62deg);transform-origin: left top; background-color:#CAEAFF;}

#sermon .container .row .text-center h2{font-size: 22px;font-weight: normal;color: #333;margin: 65px 0 25px;}
#sermon .container .row .text-center h5{font-size: 36px; padding-bottom: 65px;font-family: 'Nanum Myeongjo', serif; font-weight: normal; color:#88898B;}
#main0 .main0-center{height: 430px; background-color: #F8F8F8;}
#main0 > .main0-center > div{text-align: center;border: 1px solid #E5E5E5;padding: 0;height:430px; position:relative;}
#main0 > .main0-center > div > .main0-center-btn{position: absolute;width: 100%;text-align: center;top: -95px;}
#main0 > .main0-center > div > .main0-center-bottbtn{position: absolute;bottom: 45px;text-align: center;width: 100%;}
#main0 > .main0-center > div > .main0-center-list{position: absolute;bottom: 105px;width: 100%;text-align: center;}
#main0 > .main0-center > div > .main0-center-list>.main0-contents{width:100%; font-size: 17px;margin: 5px 0;word-spacing: 1px; display:inline-block;text-decoration:none;}
#main0 > .main0-center > div > .main0-center-list>.main0-contents>div>img{width: 195px;height: 100%;margin-bottom: 20px;}
#main0 > .main0-center > div > .main0-center-list>.main0-contents>span{color: #000;width: 80%;display: inline-block;text-align: left;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#main0 > .main0-center > div:nth-child(1) > .main0-center-list>.main0-contents>span:nth-child(1){width:20%!important}
#main0 > .main0-center > div:nth-child(1) > .main0-center-list>.main0-contents>span:nth-child(2){width:40%!important}
#main0 > .main0-center > div:nth-child(1) > .main0-center-list>.main0-contents>span:nth-child(1){color:#7EB9F1;}
#main0 > .main0-center > div:nth-child(2) > .main0-center-list>.main0-contents>span{text-align:center!important;}
#main0 > .main0-center > div:nth-child(1){border-left:none;}
#main0 > .main0-center > div:nth-child(4){border-right:none;}
#main0 >.main0-center>div:nth-child(2)> .main0-center-list{bottom: 85px!important;text-align:center!important;}
#sermon .sermon-desc .sermon-day-box1{height: 165px;width: 185px;position: absolute;left: 0;top: 0;;padding: 35px 32px}
#sermon .sermon-desc .sermon-day-box1 p{font-size: 22px;margin: 0;font-weight: bold;color: #000;
width: 100%;display: inline-block;}
#sermon .sermon-desc .sermon-day-box1 hr{width: 30%;float: left;display: inline-block;border: 2px solid #000;
margin: 7px 0;}
#sermon .sermon-desc .sermon-day-box2{position: relative;width: 100%;height: 100%;}
#sermon .sermon-desc .sermon-day-box2 .sermon-title{position: absolute;top: 40%;width: 100%;height: 15%;
text-align: center;text-decoration: none;font-size: 42px;font-family: 'Nanum Myeongjo', serif;font-weight: normal;
transform: translate(0,-50%);display: block;margin: 0 auto;}
#sermon .sermon-desc .sermon-day-box2 .sermon-bible{bottom: 145px;text-align: center;width: 100%;position: absolute;}
#sermon .sermon-desc .sermon-day-box2 .sermon-bible p{background-color: #C6171E;display: inline-block;padding: 0px 12px;
                                                      font-size:20px;color:#fff;margin:0;}
#sermon .sermon-desc .sermon-day-box2 .sermon-name{bottom: 105px;text-align: center;width: 100%;position: absolute;}
#sermon .sermon-desc .sermon-day-box2 .sermon-name p{background-color: #000;display: inline-block;padding: 0px 20px;
                                                      font-size:20px;color:#fff;margin:0;}
.document-memu-title{text-align: center;margin: 65px 0;position: relative;display: inline-block;width: 100%; max-height: 66px;}
/*
.document-memu-title a{font-size: 26px;padding: 20px 65px;border: 1px solid #E6E6E6;text-decoration: none;color: #000; transition: .5s all;}
.document-memu-title a:before{z-index: -1;content: "";display: block;width: 0%;height: 100%;position: absolute;left: 0;
top: 0;backface-visibility: hidden;-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transform: translateX(-101%) skewX(-17.62deg);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);background:rgba(0,0,0,0);}
.document-memu-title a:hover{background: transparent; overflow: hidden;}
.document-memu-title a:hover:before{width: 120%;transform: translateX(0) skewX(-17.62deg);transform-origin: left top; background-color:#CAEAFF;}
*/

.document-memu-title a{z-index: 1;padding: 15px 40px;font-size: 24px;text-decoration: none;color: #000;font-weight: bold;
border: 1px solid #E6E6E6; position: relative;display: inline-block;transition: .5s all;}
.document-memu-title a:before{z-index: -1;content: "";display: block;width: 0%;height: 100%;position: absolute;left: 0;
top: 0;backface-visibility: hidden;-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transform: translateX(-101%) skewX(-17.62deg);transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);background: rgba(0,0,0,0);}
.document-memu-title a:hover{background: transparent;overflow: hidden;}
.document-memu-title a:hover:before{width: 120%;transform: translateX(0) skewX(-17.62deg);transform-origin: left top;background-color: #CAEAFF;}
#main3 > .container > .row > div {padding: 0px;}
.document-widget.gallery .document{float:left;}
.document-widget.gallery .document:nth-child(1),.document-widget.gallery .document:nth-child(2),.document-widget.gallery .document:nth-child(3),
.document-widget.gallery .document:nth-child(4){margin-bottom:15px;margin-right:15px;margin-left:15px;}
.document-widget.gallery .document:nth-child(1){margin-left:0px;}
.document-widget.gallery .document:nth-child(4){margin-right:0px;}
.document-widget.gallery .document:nth-child(5),.document-widget.gallery .document:nth-child(6),.document-widget.gallery .document:nth-child(7),
.document-widget.gallery .document:nth-child(8){margin-top:15px;margin-right:15px;margin-left:15px;}
.document-widget.gallery .document:nth-child(5){margin-left:0px;}
.document-widget.gallery .document:nth-child(8){margin-right:0px;}
.document-widget.gallery .document a{position:relative;}
.document-widget.gallery .document a div{opacity:0; background-color:rgba( 0, 0, 0, 0.7 );}
.document-widget.gallery .document a:hover div{width: 100%;height: 100%; display:block;
                                         position: absolute;text-align: center;top: 0px; opacity:1;}
.document-widget.gallery .document a div span:nth-child(1){display: block;position: absolute;
top: 95px;width: 100%;text-align: center;font-size: 20px;color: #fff;}
.document-widget.gallery .document a div span:nth-child(2){display: block;position: absolute;
top: 110px;width: 100%;font-size: 20px;text-align: center;color: #fff;display: none;}
.document-widget.gallery .document a img{width:322px; height:200px;}
@media (min-width:1500px) {
    .sermon-1{width: 905px;}
    .sermon-2{width: 435px; padding: 0px;}
}

@media (min-width:1200px) and (max-width:1499px) {
    .main-btn div a{padding: 15px 20px;}
    .document-widget.gallery .document a img{width: 270px; height: 185px;}
		.document-widget.gallery .document a div span:nth-child(1){font-size: 18px;top: 80px;}
}


@media (min-width:992px) and (max-width:1199px) {
	.document-widget.gallery .document a div span:nth-child(1){font-size: 18px;top: 80px;}
    #sermon .container .row .text-center h2{line-height: 30px;}
    .document-widget.gallery .document a img{width: 220px;height: 160px;}
    #main3 .main3-box { padding:0 55px; }
    #main3 h2 { font-size:24px;}
    #main3 ul li p { font-size:16px; }
    #main3 ul li span { font-size:16px; }
    .widget-login{right: 15px!important; top: -5px;}
    #sermon .sermon-desc .sermon-day-box1{height: 155px; width: 155px;padding: 25px 15px;}
    
    .main-btn div a{padding: 15px 5px;}
    .document-widget.gallery .document a img{width:220px;height:185px;}
	#sermon .sermon-desc .sermon-day-box2 .sermon-title{font-size:38px;}
}

@media (min-width:768px) and (max-width:991px) {
	.document-widget.gallery .document a div span:nth-child(1){font-size: 16px;top: 50px;}
    .sermon-2 .semina-box,.sermon-2 .newfamily-box{padding-top: 50px; padding-bottom: 50px;}
    #sermon{height: 1510px;}
    #main3 .main3-box { padding:0; }
    #main3 h2 { font-size:20px;}
    #main3 h2 span { font-size:18px; }
    #main3 ul li p { font-size:16px; }
    #main3 ul li span { font-size:16px; }
    #main3 .row2 { margin-bottom:20px;}
    #main2 { height:auto; }
    #main2 > div > div > a > div { margin-bottom:15px; }
    #main2 { padding:120px 0; }
    #main1 .main1-box { padding: 30px 15px;}
    #main1 > div > div > div { padding:0 15px; }
    #main1 .main1-box .plus { position: absolute; top: 30px; right: 20px; }
    .sermon-1 { width:100%; margin-bottom:30px;}
    .sermon-2 { width:100%; top:0; padding:0px;}
    .sermon-2 .semina-box{margin-bottom:30px;}
    .main-btn div:nth-child(1), .main-btn div:nth-child(2), .main-btn div:nth-child(3){margin-bottom:25px;}
    #main0 .main0-center{height:970px;}
    #main0 > .main0-center > div{margin-bottom: 110px;}
    #main3{padding: 40px 0;}
    .sermon-2{margin-bottom: 45px;}
    #sermon .container .row .text-center h2{line-height: 30px;}
    #sermon .container .row .text-center h5{line-height: 45px;}
    #main3{padding:0;}
    .document-widget.gallery .document a img{width: 165px; height: 125px;}
    .document-memu-title{margin: 30px 0;}
    
    .sermon-1 { background:url(../Images/sermon_bg_m.png) no-repeat; background-size: 100% 100%;}
    .sermon-2 .semina-box{background: url(../Images/seminor_bg_m.png) no-repeat;background-size: 100% 100%;}
    .sermon-2 .newfamily-box{    background: url(../Images/newfamily_bg_m.png) no-repeat;background-size: 100% 100%;}
   #sermon .sermon-desc a, #sermon .sermon-desc .sermon-day-box1 p 
    ,.sermon-2 .semina-box .semina-day p,.sermon-2 .semina-box .semina-title p,
    .sermon-2 .newfamily-box .newfamily-day p,.sermon-2 .newfamily-box .newfamily-name-day p{
        color: #222;
    }
    #sermon .sermon-desc .sermon-day-box1 hr,.sermon-2 .newfamily-box hr,
    .sermon-2 .semina-box hr{border-color:#222;margin: 5px 0;}
    #sermon .sermon-desc .sermon-day-box2 .sermon-bible p{padding: 2px 12px;font-size: 18px;}
    #sermon .sermon-desc .sermon-day-box2 .sermon-name p{padding: 2px 20px;font-size: 18px;}
    #sermon .sermon-desc .sermon-day-box1{background-color:transparent!important;}
    .sermon-2 .semina-box .semina-title p{width:100%;}
}



@media (max-width: 767px) {
	#main0 > .main0-center > div > .main0-center-list>.main0-contents>div>img{width: auto;height: 185px;margin-bottom: 20px;}
	.sermon-2 .semina-box .semina-title p{width:100%;}
		#sermon .sermon-desc a, #sermon .sermon-desc .sermon-day-box1 p 
    ,.sermon-2 .semina-box .semina-day p,.sermon-2 .semina-box .semina-title p,
    .sermon-2 .newfamily-box .newfamily-day p,.sermon-2 .newfamily-box .newfamily-name-day p{
        color: #222;
    }
	#sermon .sermon-desc .sermon-day-box2 .sermon-title img{width:10%;}
    #sermon .sermon-desc .sermon-day-box1{background-color:transparent!important;}
    #sermon .sermon-desc .sermon-day-box1 hr,.sermon-2 .newfamily-box hr,
    .sermon-2 .semina-box hr{border-color:#222;margin: 5px 0;}
    #sermon .sermon-desc .sermon-day-box2 .sermon-bible p{padding: 2px 12px;font-size: 18px;}
    #sermon .sermon-desc .sermon-day-box2 .sermon-name p{padding: 2px 20px;font-size: 18px;}
    #sermon{height: 930px;}
    .sermon-1 { background:url(../Images/sermon_bg_m.png) no-repeat; background-size: 100% 100%;}
    .sermon-2 .semina-box{background: url(../Images/seminor_bg_m.png) no-repeat; background-size: 100% 100%;}
    .sermon-2 .newfamily-box{    background: url(../Images/newfamily_bg_m.png) no-repeat; background-size: 100% 100%;}
    #sermon .sermon-desc .sermon-day-box1{height: 110px;width: 125px;
position: absolute;left: 0;top: 0;background-color: #C6171E;padding: 20px 17px;}
    .sermon-2 .semina-box{margin-bottom: 20px;}
    .sermon-box{padding-right: 15px; padding-left: 15px;height: 385px;}
    #sermon{margin-top:15px;}
    #sermon .sermon-desc .sermon-day-box1 p{font-size:17px}
	
    /*#sermon .sermon-desc .sermon-day-box2 .sermon-title{font-size: 24px;margin: 20px 42px;width: 75%;position: relative;}*/
	#sermon .sermon-desc .sermon-day-box2 .sermon-title{font-size: 20px;margin: 20px auto;width: 90%;position: relative;top: 45%;}
    #sermon .sermon-desc .sermon-day-box1 hr{margin: 10px 0;}
    .sermon-1{height:60%; margin-bottom: 20px;}
    #sermon .sermon-desc .sermon-day-box2 .sermon-bible{bottom: 70px;}
    #sermon .sermon-desc .sermon-day-box2 .sermon-name{bottom: 30px;}
    .sermon-2{padding:0px;}
    #sermon .container .row .text-center h2{font-size:18px; line-height: 25px;}
    #sermon .container .row .text-center h5{font-size:29px;}
    .main-btn div a{font-size:17px;}
    .main-btn div{padding:0px;}
    #main0{top: 55px;  position: relative;}
    #main0 > .main0-center > div > .main0-center-btn{width: 30%;text-align: center;left: 35%;top: 10px;}
    #main0 > .main0-center > div > .main0-center-bottbtn{bottom: 10px;}
    #main0 > .main0-center > div > .main0-center-list{bottom: 75px;}
    #main0 >.main0-center>div:nth-child(2)> .main0-center-list{bottom:45px!important}
    #main0{height: 1970px; position: relative;}
    #main0 .main0-center{height:1945px;}
    .gallery div:nth-child(8), .gallery div:nth-child(2),
    .gallery div:nth-child(3), .gallery div:nth-child(4),
    .gallery div:nth-child(5), .gallery div:nth-child(6),
    .gallery div:nth-child(7) {display: none !important;}
    #main3{padding-top: 60px;}
    .document-widget.gallery .document:nth-child(1){margin:15px;}
    .document-widget.gallery .document a img{width: 345px; height: 220px;}
    .document-memu-title{margin: 20px 0;}
    .sermon-2 .newfamily-box .newfamily-btn, .sermon-2 .semina-box .semina-btn{width:50px;}
    
}


@media (max-width: 500px) {
	
}