﻿/*메인*/
#dimodePage{display: block!important;}
.main-section{overflow:hidden;}
.flex{display:flex; align-items: center;}
a, a:hover {color:black; text-decoration:none;}
 

/*slider*/

/*section0*/
.mainsection-0{    padding: 60px 0;}
.mainsection-0  .intro-center {    justify-content: space-between;    }
.mainsection-0  .intro-center >div {    width:20%;   transition:all .2s linear;  }
.mainsection-0  .intro-center p { padding-top:23px;}
.mainsection-0  .intro-center >div:hover {          transform: translateY(-15px);}

/*section1*/
.mainsection-1{     background: url("../Images/main/004_bg.png");     padding: 100px 0;}
.mainsection-1 .sermon_info{         padding: 20px 0;}
.mainsection-1 .sermon-right .sermon_info{         padding: 10px 0;        color: black;}
.mainsection-1 .sermon-container >div {align-items: flex-start;}
.mainsection-1 .sermon-right .sermon-video {    margin-bottom: 10px;}
.mainsection-1 .pastor-div-img > a  {    display: flex;    flex-direction: column;}
.mainsection-1 .sermon-boxs >div {    width: 86.5%;    /*aspect-ratio: 1;*/     flex-direction: column;    align-items: center;    justify-content: center;}
/* .mainsection-1 .sermon-boxs .sermon-box1{background-color: #ffbf61;} */
/* .mainsection-1 .sermon-boxs .sermon-box2{background-color: #ffe6a5;} */
.mainsection-1 .sermon-boxs >div  hr {    width: 95px;     border: 1px solid; margin: 15px 0;}
.mainsection-1 .sermon-boxs >div > p, .mainsection-1 .sermon-boxs >div >span{margin:0;     font-weight: bold;} 
.mainsection-1 .sermon-boxs{    flex-direction: column; justify-content: flex-end; /*transform: translateY(calc(-0.625rem - 20px));*/}
.mainsection-1 .sermon-boxs >div a{width: 100%;}

/*section2*/
.mainsection-2{padding:30px 0; }
.mainsection-2  .menus-center {    justify-content: space-between; flex-wrap: wrap;    }
.mainsection-2  .menus-center >div {    width:20%; padding:30px 0;   transition:all .2s linear;  }
.mainsection-2  .menus-center p { padding-top:23px;} 
.mainsection-2  .menus-center >div:hover {          transform: translateY(-15px);}

/*갤러리 secttion3*/
.mainsection-3 {       padding: 70px 0; background:#f9f9f9;}
.mainsection-3 .gallery-container {    width: 85%;}  
.mainsection-3 .gallery-container .main-title { justify-content: space-between; margin-bottom: 75px;}
.mainsection-3 .gallery-container .main-title >a{ gap: 30px;}
.mainsection-3  .gallery-title  >p{    color: #4a7db9;}
.mainsection-3 .gallery-container .galleryb .gallery-content {    position:relative;  top: 0;  transition:all 0.3s linear;}
.mainsection-3 .gallery-container .galleryb .gallery-content img {    width:100%;    aspect-ratio:4/3;     box-shadow: 0px 0px 15px #646464;
    background-position: center !important;    background-repeat: no-repeat;    background-size: cover;}
.mainsection-3 .gallery-container .galleryb .gallery-content .g_date{color:#6f98d6;}

/* .mainsection-3 .gallery-container .galleryb .gallery-content .gallery-text {    position:absolute;    top: 50%;    left: 50%;    visibility: hidden;    transform: translate(-50%, -50%);    width:70%;} */
/* .mainsection-3 .gallery-container .galleryb .gallery-content .gallery-text > h3 {    color:#fff;    font-size: 18px;    margin: 0;    text-align: center;    white-space:nowrap;    overflow:hidden;    text-overflow:ellipsis;} */
.mainsection-3 .gallery-container .galleryb .gallery-content:hover {    top:-15px; transition:all .3s linear;}
.mainsection-3 .gallery-container .galleryb .gallery-content:hover img {    filter: brightness(0.5);    top:-15px}
.mainsection-3 .gallery-container .galleryb .gallery-content:hover .gallery-text {    visibility: visible;}
.mainsection-3 .gallery-container .gallery-text h3{    line-height: 1;    margin: 0;    margin-top: 10px;white-space: nowrap; /* 줄바꿈을 하지 않음 */
  overflow: hidden; /* 넘치는 부분을 숨김 */
  text-overflow: ellipsis; /* 말줄임 표시(...) */}
.mainsection-3 .gallery-container .gallery-text{margin-top: 30px;}

 

.gallery2title {margin-top:90px;}






@media(min-width:1320px) {
    .container{width:1300px;}
}
@media(max-width:1199px) {
	.sermon-left  {    padding: 0;}
	.mainsection-3 .gallery-container .main-title {     margin-bottom: 50px;}
    
}
@media(max-width:991px) {
    
	.mainsection-0{    padding: 30px 0;}
	.mainsection-0  .intro-center >div {    width:16%;     } 
	.mainsection-2 .menus-center >div {       padding: 15px 0; width: 17%; }
	.mainsection-1 .sermon-container >div {     flex-direction: column;}
	.mainsection-1 .sermon-boxs {    flex-direction: row;gap: 20px;}
	.sermon-right {    padding: 0;}
	.mainsection-1 {     padding: 50px 0;}

	.mainsection-3 .gallery-container .main-title {     margin-bottom: 30px;}
	.mainsection-3 {       padding: 50px 0;}
	.mainsection-3 .gallery-container .gallery-text {		margin-top: 30px;margin-bottom: 30px;	}
	
	.gallery2title {margin-top:20px;}
	
	
}
@media(max-width:767px) {
    /*모바일 플렉스*/
	#dimodePage .page-content {    margin-top: 70px;}
    .mainsection-0 .intro-center p {    padding-top: 10px;    font-size: 1rem;}
	.mainsection-2 .menus-center p {    padding-top: 10px;    font-size: 1rem;}
.mainsection-3 .gallery-container {    width: 100%;}
.mainsection-3  .font-7xl {    font-size: 2.5rem; margin: 0;}
.mainsection-3 .gallery-container .main-title >a {    gap: 10px;    flex-direction: column;}
.mainsection-3 .gallery-container .main-title >a img{    max-width: 30px;   }
.mainsection-3 .gallery-container .main-title >a span{ font-size: 1rem;   }
.mainsection-3 .gallery-container .gallery-text h3{ font-size: 1rem;   }
    /**/
    
}
