/*메인*/
#dimodePage{display: block!important;}
.main-section1, .main-section2, .main-section3, .main-section4, .main-section5, .main-section6{overflow:hidden;}
/*main container no-padding*/
.section2 .container{padding:0px;}

/*공지*/
.current {
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}
.next {
    opacity: 0 !important;
    -webkit-transform: translateY(28px) !important;
    -moz-transform: translateY(28px) !important;
    -ms-transform: translateY(28px) !important;
    -o-transform: translateY(28px) !important;
    transform: translateY(28px) !important;
}
/**/

/*section1*/
.slider .slider-wrapper .slide img{min-height:200px;}
a { text-decoration:none; }
.border-gray { border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; padding:30px 20px 15px; height:367px; }
.main3-title { font-size:20px; color:#333; text-decoration:none; font-weight:bold; }
.main3-title:hover { color:#0963B8; transition:0.2s all; }
.cont-title { font-size:17px; color:#333; text-decoration:none; margin:5px 0 0; text-decoration:none;     text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;display: block;}
h5 { font-size:12px; margin:10px 0 20px; color:#777777; font-weight:bold; }
.main3-bottom { background:#f2f2f2; padding:30px 50px; margin-top:50px; border:1px solid #E5E5E5; overflow:hidden; }
.main3-box img:hover { opacity:0.8; transition:0.2s all; }
.main3-bottom .main3-left { position:relative; top:5px;}
.main3-bottom .main3-left > img { float:left; margin-right:30px; }
.main3-box img { height:220px; margin:0 auto; }
.main3-bottom .main3-left > h1 { float:left;  font-size:23px; color:#0963B8; font-weight:bold; margin:0; }
.main3-bottom .main3-bottom-bar { font-size:21px; margin:0; position:relative; top:-5px; margin:0 40px; float:left; color:#333; display:inline-block; float:left; }
.main3-bottom .main3-left p span { float:left; font-size:21px; }
.main3-bottom .main3-left li{font-size: 17px; position: absolute; width: 700px; background-color: transparent;
    -webkit-transform: translateY(-28px); -moz-transform: translateY(-28px); -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);  transform: translateY(-28px); opacity: 0;}
.main3-bottom .main3-left li a { color:#333; }
.main3-right { float:right; position:relative; top:0px; }
.main3-right p { display:inline-block; margin:0 15px; font-size:17px;}
.main3-right p span { font-size:22px; color:#0963B8; font-weight:bold; }
.main3-right img { cursor:pointer; }
.notice_left { float:left; }
.notice_right { float:right; }
/*section2*/
.section2 {padding-top:90px;}
.section2 .week-worship{z-index:10; background-size:100% 100%;min-height:430px;background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/sermon_bg_2025.png") no-repeat 100% 100%;padding:45px 60px;}
.section2 .week-worship .worship-text-div{display:inline-block;}
.section2 .week-worship .worship-wrap{display:inline-block;}
.section2 .week-worship .worship-category{margin-bottom:20px;color:white;font-size:20px;}
.section2 .week-worship .worship-category:after { content: ""; display: block; width: 98px; border-bottom: 3px solid #fff;margin: 10px 0px;}
.section2 .week-worship .worship-subtitle{margin:0px;color:white;font-size:25px;}
.section2 .week-worship .worship-subtitle{margin:0px;color:white;font-size:25px;}
.section2 .week-worship .worship-title{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width:450px; color:white;font-size:30px;}
.section2 .week-worship .worship-bible{ display:inline-block; padding:3px 5px;background-color:red; color:white; font-size:18px;}
.section2 .week-worship .worship-pastor{display:inline-block; padding:3px 5px;background-color:black;color:white; font-size:18px; margin-bottom:20px;}
.section2 .week-worship .bible-view-btn{ display: inline-block;padding:10px 50px; color:white; font-size:20px; border:2px solid #fff;}
.section2 .week-worship .bible-view-btn:hover{text-decoration:none;background: rgba(255,255,255,0.2)!important; transition:0.3s all;}

.section2 .live-worship {z-index:10; min-height:430px;}
.section2 .live-worship .live-video{position:relative; padding:0px;min-height:250px;background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/youtube_bg.jpg")  NO-REPEAT 100% 100%;}
.section2 .live-worship .live-category{padding:45px 35px 0px;margin-bottom:20px;color:white;font-size:27px;}
.section2 .live-worship .live-category:after { content: ""; display: block; width: 130px; border-bottom: 3px solid #fff;margin: 10px 0px;}
.section2 .live-worship .live-guide{font-weight:700;padding-left:35px; margin-bottom:10px;color:white;font-size:18px;}
.section2 .live-worship .live-next-guide{padding-left:35px; margin-bottom:10px;color:white;font-size:16px;}
.section2 .live-worship .live-date{padding-left:35px;margin-bottom:10px;color:white;font-size:16px;}
.section2 .youtube-icon{position:absolute; right:10%; top:50%; transform:translateY(-50%); }
.section2 .church-greeting{font-size:30px;padding:45px 0px; }

/*section3*/
.section3-wrap{padding-bottom:30px; border-bottom:2px solid #EFEFEF; word-break:keep-all;}
.section3-wrap a:nth-child(1) .square{padding:60px 60px 0px 60px;min-height:510px; background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/box01_bg_off.jpg"); background-size:cover ;}
.section3-wrap a:nth-child(2) .square{padding:60px 60px 0px 60px;min-height:510px;background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/box02_bg_off.jpg"); background-size:cover ;}
.section3-wrap a:nth-child(3) .square{padding:60px 60px 0px 60px;min-height:510px;background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/box03_bg_off.jpg"); background-size:cover ;}
.section3-wrap a:nth-child(1) .square:hover{transition:0.3s all;background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/box01_bg_on.jpg"); background-size:cover ;}
.section3-wrap a:nth-child(2) .square:hover{transition:0.3s all;background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/box02_bg_on.jpg"); background-size:cover ;}
.section3-wrap a:nth-child(3) .square:hover{transition:0.3s all;background:url("/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/box03_bg_on.jpg"); background-size:cover ;}
.section3-wrap .square-title{margin-top:30px;color: white; font-weight:700; font-size: 35px;}
.section3-wrap .square-content{color: white; font-size: 18px;}
.section3 .week-bible{font-size:35px; font-weight:bold;}
.section3 .week-date{font-size:20px; font-weight:bold;}
.section3 .week-content .title{font-size:25px; font-weight:bold;}
.section3 .week-content .bible{font-size:20px; }

/*section4*/
.section4{background: RGB(249,249,249);}
.section4-wrap{padding:55px 0px;}
.main-section4{padding:10px 0px;}
.section4 .photo-album{font-size:30px; }

/*section5*/
.main-section5{padding: 30px 0px; }
.square-box{float:left; width:25%; height:100px;background:rgb(61,70,79);font-size:18px; color:white;display:table;}
.square-box span{display:table-cell; vertical-align:middle; border: 1px solid rgb(61,70,79);}
.square-box span:hover{font-weight:700;}

.square-cont{padding-left:15px;float:left; width:75%;  height:100px;display:table; font-size:18px;word-break: keep-all;padding: 0px 15px;}
.square-cont span{ color:black;text-align:left; display:table-cell; vertical-align:middle;}
.square-cont-block {padding-left:15px;float:left; width:75%;  height:100px;display:table; font-size:18px;word-break: keep-all;padding: 25px 15px;}
.square-cont-block span{color:black;text-align:left; display:inline-block; vertical-align:middle; width:100%;}

/*section6*/
.background-wrap {
    padding-top: 70px;
}
.background-wrap .title{padding:30px 0px;}
.background-wrap .title p{color:white; font-size:50px; }
.background-wrap .content{padding:60px 0px; display:inline-block;}
.background-wrap .content div span{padding:12px 0px;display:inline-block; width:300px; border:1px solid #fff; color:white; font-size:22px;}
.box-list{height:120px;}
/*이미지*/

/*슬라이드 지우기*/
.slider .move-btn.prev-btn{background:rgba(0,0,0,0);}
.slider .move-btn.next-btn{background:rgba(0,0,0,0);}
.slider-dots{display:none;}

/*갤러리*/
.gallery_area {margin: 0 -5px;}
.left-btn{position:absolute; left:-8%;top:50%; transform:translateY(-50%);}
.right-btn{position:absolute; right:-8%;top:50%; transform:translateY(-50%);}
.gallery_area > div p {opacity:0; height:100%;font-size: 16px; position: absolute; top: 0; left: 0px; right: 0px; padding: 10px; color: #fff;  background-color: rgba(0,0,0,0.5);}
.gallery_area > div > img {width: 100%;}
.gallery_area {overflow: hidden;}
.gallery_area > .wrapper {white-space: nowrap;position: relative;font-size: 0;left: 0;}
.gallery_area > .wrapper .each-slide {display: inline-block;width: calc(100%/4);padding: 0 5px;vertical-align:top;}
.gallery_area > .wrapper .each-slide > .wrapper {position: relative;height:250px;}
.gallery_area > .wrapper .each-slide img {width: 100%;height:100%; object-fit:cover;}
.gallery .main{width:1400px; position:relative;}
.gallery_area > .wrapper p {width:100%;display:table;}
.gallery_area > .wrapper p > span {display: table-cell;vertical-align: middle;}
.gallery_area > .wrapper p > span > span{display:block;}
.list-items { width: 100%; height: 100%; background: rgba(0,0,0,0.63); position: absolute; left: 0;
    top: 0; display: table; transition: opacity 0.21s;  opacity: 0;}
.items-wrapper { white-space: normal; display: table-cell; color: #fff; vertical-align: middle;font-size: 15px;
    font-weight: 700;}
.list-item { display: block; text-align: center;}

@media(min-width:1400px) {
    .container{width:1400px;}
    .week-worship{width:860px;}
    .live-worship{width:540px;padding-left:25px;padding-right:0px;}
    .text-div {word-break:keep-all; min-width:110px; padding:0px;}
    .Friday {padding-top:20px; padding-right:16px; }
    .Praise {padding-top:20px;padding-left:8px;padding-right:8px;}
    .Special {padding-top:20px;padding-left:16px;}
    .Offering {padding-top:20px;padding-left:16px;}
    .Friday-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-left:0px; border:2px solid #CCCCCC;}
    .Praise-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-right:0px; border:2px solid #CCCCCC;}
    .Special-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-right:0px; border:2px solid #CCCCCC;}
    .Offering-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-right:0px; border:2px solid #CCCCCC;}
    .Friday-wrap > p { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
    .Praise-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
    .Special-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
    .Offering-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
}
@media(max-width:1700px) {
    .gallery .main{width:1200px;}
    .gallery_area > .wrapper .each-slide {display: inline-block;width: calc(100%/4);padding: 0 5px;vertical-align:top;}
}
@media(max-width:1400px) {
		.main3-right{display:none;}
		.main3-bottom{padding:30px 30px;}
		.main3-left img{display:none;}
		.main3-bottom .main3-bottom-bar{margin:0 20px;}
    /*갤러리 S*/
    .gallery .main{width:1000px;}
    .gallery_area > .wrapper .each-slide > .wrapper{height:200px;}
    /*갤러리 E*/
    .section3-wrap .square-title{font-size: 25px;}
    .section3-wrap .square-content{font-size: 18px;}
    .section2 .live-worship .live-video{background-position: left;}
    .section2 .week-worship .worship-title{width:300px;}
    .live-worship{width:485px;padding-left:25px;padding-right:0px;}
    .text-div {word-break:keep-all; min-width:110px; padding:0px;}
    .Friday {padding-top:20px; padding-right:14px; }
    .Praise {padding-top:20px;padding-left:7px;padding-right:8px;}
    .Special {padding-top:20px;padding-left:14px;}
    .Offering {padding-top:20px;padding-left:14px;}
    .Friday-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-left:0px; border:2px solid #CCCCCC;}
    .Praise-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-right:0px; border:2px solid #CCCCCC;}
    .Special-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-right:0px; border:2px solid #CCCCCC;}
    .Offering-wrap {position: relative;font-size:21px;color:black;text-align:center;min-height:110px;padding-right:0px; border:2px solid #CCCCCC;}
    .Friday-wrap > p{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
    .Praise-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
    .Special-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
    .Offering-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}

}
@media(max-width:1199px) {
    /*행사*/
    .square-cont-block {padding: 15px 15px!important;}
    
		.section2 .live-worship .live-category{padding:30px 35px 0px;}
		.section2 .live-worship .live-guide{padding-left:20px;}
		.section3-wrap a:nth-child(1) .square{padding:50px 50px 0px 50px;}
		.section3-wrap a:nth-child(2) .square{padding:50px 50px 0px 50px;}
		.section3-wrap a:nth-child(3) .square{padding:50px 50px 0px 50px;}
    /*갤러리 S*/
    .gallery .main{width:800px;}
    .gallery_area > .wrapper .each-slide > .wrapper{height:150px;}
    /*갤러리 E*/
    .square-box{height:80px;}
    .square-cont{height:80px;}
    .section2 .live-worship .live-video{ background-size: 120% 100%;}
    .section2 .week-worship {background: url(/UserData/dongsanhp/Layouts/dongsanhp_Layout/Images/main/sermon_bg_2025.png) no-repeat 65% 100%;}
    .section2 .week-worship .worship-title{width:250px;}
    .live-worship{width:400px;padding-left:25px;padding-right:0px;}
    .text-div {word-break:keep-all; min-width:88px; padding:0px;}
    .Friday {padding-top:20px; padding-right:14px; }
    .Praise {padding-top:20px;padding-left:7px;padding-right:8px;}
    .Special {padding-top:20px;padding-left:14px;}
    .Offering {padding-top:20px;padding-left:14px;}
   
    .Friday-wrap > p{position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
    .Praise-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
    .Special-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
    .Offering-wrap > p{position:absolute; top:50%; left:50%;transform:translateX(-50%) translateY(-50%);}
}
@media(max-width:991px){
	  /*로그인*/
	  #main{margin-top:130px!important;}
		/*공지사항*/
		.main3-right{display:none;}
		.main3-left h1{display:none;}
		.main3-bottom{padding:30px 5px;}
		.main3-bottom .main3-left li span{margin-right:0px;display:none;}
		.main3-left img{display:none;}
		.main3-bottom .main3-bottom-bar{margin:0 20px;}
		.main3-bottom p{font-size:20px;}
		/**/
		.gallery_area > .wrapper{height:375px;}
		.gallery_area > .wrapper .each-slide > .wrapper{height:100%;}
    /*갤러리 S*/
    .gallery .main{width:70%;}
    .gallery_area > .wrapper .each-slide {display: inline-block;width: calc(100%);padding: 0 5px;vertical-align:top;}
    

    .box-wrap{margin:15px 0px;}
    .section2 .week-worship {}
    .section2 .live-worship{padding:0px; width:100%;}
    .section2 .live-worship .live-video{background-size:100% 100%;}
    .section2 .live-worship .live-category{padding: 45px 60px 0px;}
    .section2 .live-worship .live-guide{padding-left: 60px;}
    .section2 .live-worship .live-date{padding-left: 60px;}
    .section3-wrap .square{min-height:450px!important;}
    .section2 .live-worship .live-next-guide{padding-left:60px;}
}
@media(max-width:767px) {
	.section2 .live-worship .live-next-guide{padding-left:20px;}
	
	/*공지*/

	.main3-bottom {text-align:center; padding:15px; margin-top:20px; height:70px;}
	.main3-bottom .main3-bottom-bar { display:none; }
	.main3-bottom .main3-left li span { display:none; }
	.main3-bottom .main3-left > h1 { font-size:20px; }
	.main3-bottom .main3-left > img { margin-right:15px; }
	.main3-right { width:100%; }
	.main3-left li { width:100%!important; }
	.main3-left .pull-left { float:none!important; }
	/**/
		.background-wrap .content div span{width:100%;}
		.background-wrap .title p{font-size:30px; word-break:keep-all;}
		.section3-wrap a:nth-child(1) .square{padding:40px 40px 0px 40px;}
		.section3-wrap a:nth-child(2) .square{padding:40px 40px 0px 40px;}
		.section3-wrap a:nth-child(3) .square{padding:40px 40px 0px 40px;}
		.gallery_area .wrapper{height:250px;}
		.Friday-wrap {min-height:120px; font-size:25px;}
    .Praise-wrap {min-height:120px; font-size:20px;}
    .Special-wrap {min-height:120px; font-size:20px;}
    .Offering-wrap {min-height:120px; font-size:20px;}
    .section2 .live-worship{min-height:400px;}
    .section2 .live-worship .live-category{padding:20px 25px 0px;}
    .left-btn{left:-12%;}
    .right-btn{right:-12%;}
    .box-wrap{margin:15px 0px; display:inline-block; width:100%;}
    .section2{padding:10px 0px;}
    .live-worship{padding:0px;}
    .Friday{padding-left:0px;padding-right:0px;}
    .Praise{padding-left:0px;padding-right:0px;}
    .Special{padding-left:0px;padding-right:0px;}
    .Offering {padding-left:0px;padding-right:0px;}
    .section2 .week-worship{padding:45px 25px;}
    .section2 .live-worship .live-video{background-size: 120% 140%; background-position:center;     min-height: 200px;    margin-top: 15px;}
     .section2 .live-worship .live-guide{padding-left: 20px;font-size:16px;}
    .section2 .live-worship .live-date{padding-left: 20px;font-size:16px;}
    .section2 .week-worship .worship-subtitle{font-size:20px;}
    .section2 .week-worship .worship-title{font-size:23px;width: 190px; white-space:normal;    word-break: keep-all;}
    .section2 .week-worship .worship-bible{font-size:16px;}
    .section2 .week-worship .worship-pastor{font-size:16px;}
    .section2 .church-greeting{font-size:20px; word-break:keep-all;}
	.square-content{font-size: 16px !important;}
	.square-cont{font-size: 16px;}
	.square-cont-block{font-size: 16px;}
	.box-list{height: 80px}
	.background-wrap .content{padding: 20px 0;}
}

@media(max-width:500px) {
	 .section2 .week-worship .worship-category:after {margin:5px 0;}
    .section2 .week-worship .bible-view-btn {padding: 3px 40px; font-size: 15px;}
    .section2 .week-worship .worship-bible {font-size: 16px; margin-bottom: 5px;}
    .section2 .week-worship .worship-title {font-size: 19px; margin-bottom: 5px;}
    .section2 .week-worship .worship-category { margin-bottom: 5px;}
    .section2 .week-worship .worship-pastor {margin-bottom:5px;}
	.gallery_area .wrapper{height:160px;}
    .section2 .week-worship{padding:25px 20px; height: 250px; min-height: 250px; background-size: contain;}
    
}

@media(max-width:450px) {
    .section2 .week-worship{padding:20px 10px; height: 230px; min-height: 230px; background-size: contain;}
    
}
@media(max-width:425px) {
    .section2 .week-worship{padding:12px 8px; height: 210px; min-height: 210px; background-size: contain;}
    
}

@media(max-width:400px) {
    .section2 .week-worship {padding: 5px 10px; background-size: cover;}
    .section2 .week-worship .worship-pastor {font-size: 14px;}
    .section2 .week-worship .worship-bible {font-size: 16px;}
    .section2 .week-worship .worship-title {font-size: 17px;}
    .section2 .week-worship .worship-category {font-size: 15px;}
    .section2 .week-worship{padding:20px 10px; height: 200px; min-height: 200px; }
    
}