/*메인*/
#dimodePage{display: block!important; /*padding-top:100px;*/} 
.page-content{    overflow: hidden;}

 
.slider .slider-wrapper .slide img {
    width: 100%;
}

/*
.main-section1, .main-section2, .main-section3, .main-section4, .main-section5, .main-section6{overflow:hidden;}
*/


.move-btn {background:rgba(0, 0, 0, 0)!important; width: 5vw;  max-width:74px;  /*opacity: 0.7;*/} 
.prev-btn{  left: 3%!important;}
.next-btn{     right: 3%!important;}


/*메인*/ 
a { color:black;text-decoration: none;transition: transform all .3s linear;} 
a:hover, a:after , a:active , a:focus{ text-decoration: none; color:black;}
#dimodePage{display: block!important;}

h1, h2, h3, h4, p{word-break:keep-all;}



 

#section {
    font-family: 'Noto Sans KR', sans-serif;
    /*font-family: NanumSquare, sans-serif;*/
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.mainContainer {
    /*font-family: 'Noto Sans KR', sans-serif;*/
    /* width: 100%; */
	width: 1430px;
    margin: 0 auto; 
	
}

.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

/* */
.main1 {
    padding: 90px 0;
    background: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-origin: border-box;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.main1 .mainContainer{ }

.main1 h1{ font-size: 47.5px;    color: #000000; margin: 0;     font-weight: bold;} 
.main1 p{ font-size: 22px; color: #6f6f6f; line-height: 3;}
.main1 h4{ font-size: 17px;  font-weight: 500;}
.main1 .main1-title span{ font-size: 18px; color:   #22459b; line-height: 1.76;   font-weight: bold;   text-decoration: underline;}

 
.main1-title {display:flex;  justify-content: space-between; align-items: center;     padding: 0 205px;}
.main1-content{    display: flex;     justify-content: space-between;     padding: 100px 0 0;}
.mb:hover div{animation-name:menu_zoom; animation-duration:0.6s;   animation-iteration-count: 1;}





/**/

.main2 {
    padding: 90px 0; 
    background: #efe9e3;
    background-size: cover;
    background-position: 50% 50%;
    background-origin: border-box;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.main2 .mainContainer{
	width: 1610px;
}

.main2-title {    display: flex;    justify-content: space-between;    align-items: center;}
.main2-title h1 {    font-size: 55px;    font-weight: bold;    margin-bottom: 40px;} 
.mc2-right-bottom h3 {      border-bottom: 2px solid black;
    width: max-content;  font-size: 30px;    margin-top: 15px;    font-weight: 800;    line-height: 1.66;}
.mc2-right-bottom p {     font-size: 18px;    line-height: 1.66;}
.mc2-right-bottom p span {     font-weight: 800; }
.mc2-right-top h1{font-size: 48px;  font-weight: bold;}
.mc2-right-top p{font-size: 25px;   line-height: 1.56;}


.main2-title img{    padding-right: 80px;}


.main2-content {	display:flex;} 
.mc2-left {  max-width: 930px;    width: 60%;}
.mc2-right {
	padding-left: 50px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	
}

.sermon-video {    width: 100%;    aspect-ratio: 16 / 9;} 
.mc2-right-bottom {    padding: 5px 10px;} 
.mc2-right-bottom hr {
    width: 50px;
    border-top: 3px solid #000;
    text-align: left;
    margin: 0;
} 
.mc2-right-top a> span{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
	color: #528adf;
}


.main2-title a:hover img{-webkit-animation: shake-horizontal 2.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-horizontal 2.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;}



/**/

.main3 {
    padding: 100px 0;
    background: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-origin: border-box;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
	    /* aspect-ratio: 1920 / 800; */
	    min-height: 800px;	
}



.main3-mini-title {    padding: 70px 0 30px;}
.main3-title {    display: flex;    justify-content: flex-start;   align-items: flex-end; border-bottom: 3px solid black;}
.main3-title h1 {    font-size: 55px;    font-weight: bold;        margin-bottom: 30px;} 
.main3-content h4{font-size: 20px; margin-bottom: 0;
  font-weight: bold;
  line-height: 1.5;
  color: #144a9b;}
  
.main3-content h3{font-size: 24px;margin : 0;
font-weight: bold;
line-height: 1.7;
  white-space: nowrap; /* 줄바꿈을 하지 않음 */
  overflow: hidden; /* 넘치는 부분을 숨김 */
  text-overflow: ellipsis; /* 말줄임 표시(...) */}

.main3-content p{font-size: 18px; 
line-height: 1.4;}
.main3-mini-title h3{font-size: 35px;
  font-weight: bold; 
  line-height: 0.69; 
  text-align: left;
  color: #2f2f2f;margin: 0px;}



.main3-tab{margin-bottom: 40px; margin-left:20px;}
.main3-tab ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.main3-tab li {
    padding: 0 15px;
    border-right: 1px solid #b8b8b8;
    display: flex;
    align-items: center;
}
.main3-tab li:nth-last-of-type(1) {
    padding-right:  0px;
    border-right: 0px solid #b8b8b8; 
}

.main3-tab a {
    font-size: 25px;
    
    line-height: 0.69;
    text-align: left;
    color: #a3a3a3;
	letter-spacing: 1px;
}

.main3-content{position: relative;}

.main3-content .moreM {
    position: absolute;
    top: -180px;
    z-index: 999;
    right: 0;
    width: max-content;     font-weight: bold;
}



.main3-content >div.active{
	    display: flex !important;
      align-items: flex-start;
    justify-content: space-between;
	position: absolute;
    width: 100%;
	    text-align: left;
}
.main3-content >div >div{
	width: calc(25% - 13.5px);
}

.main3-content a  {
        width: 100%; 
    display: block;
    aspect-ratio: 16 / 9;
	background-size: cover;
    background-position: 50% 50%;
    background-origin: border-box;
    background-repeat: no-repeat;
	position: relative;
}


.main3-content a img {
    right: 30px;
    position: absolute;
    bottom: 30px;
}


.main3-content a:hover    img {-webkit-animation: jello-horizontal 0.9s both;	        animation: jello-horizontal 0.9s both;}

.main3-tab li.active a {color:black; font-weight: bold;}



.main4{
	padding: 20px 0;
    background: #f4f0ec;
    background-size: cover;
    background-position: 50% 50%;
    background-origin: border-box;
    background-repeat: no-repeat;
    text-align: center;
    position: relative; 
	
}


.main4 .mainContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.main4-title {  text-align: left;     width: 35%;}
.main4-title h1{
	font-size: 65px;
  font-weight: bold;   
  color: #1c2461;
      margin-bottom: 50px;
}

.main4-title p{
	font-size: 32px; 
  line-height: 1.5;  
}

.main4-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;     width:  65%;
}

.main4-right >div {
    width: calc(50% - 100px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    font-size: 19px;
    line-height: 1.71;
    text-align: left;
    color: #000;
    margin: 0 50px;
    padding: 80px 0;
}

.main4-right >div> div { 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; 
	    width: 100%;
}


.main4-right h3{font-size: 41px;
  font-weight: bold;
  line-height: 1.22;
  color: #484e66;}
.main4-right span{    padding: 15px 0;}
.main4-right p{}
.main4-right .more-mr4  {
  font-weight: bold;    display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-bottom: 5px;
	padding-left: 15px;
}
.main4-right .more-mr4  img{padding-right: 15px;}

.mr4-1, .mr4-2{border-bottom: 1px solid #00000040;}

.main4-right >div:hover > div   img {-webkit-animation: jello-horizontal 0.9s both;	        animation: jello-horizontal 0.9s both;}





.main5 {
    padding: 80px 0 0;
    background: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-origin: border-box;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
	    /* aspect-ratio: 1920 / 500; */    min-height: 500px;
		overflow: hidden;
}


 
.main5-title {    display: flex;    justify-content: flex-start;   align-items: center; gap:30px;}
.main5-title h1 {    font-size: 36px;    font-weight: bold;        margin-bottom: 30px;} 



.main5-tab{}
.main5-tab ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.main5-tab li {
    padding: 0 8px;
    border-right: 1px solid #b8b8b8;
    display: flex;
    align-items: center;
}
.main5-tab li:nth-last-of-type(1) {
    padding-right:  0px;
    border-right: 0px solid #b8b8b8; 
}


#album2 .moreM{display:none;}
#album2.active.in .moreM{display:block;}


.main5-tab a {
    font-size: 19px;
    /* font-weight: bold; */
    line-height: 0.69;
    text-align: left;
    color: #a3a3a3;
	letter-spacing: 1px;
} 
 
.main5 .main5-content >div {
  
    align-items: center;
    justify-content: space-between;    transform: translateX(calc(-8vw + 15px));
}

.main5 .main5-content .active  {
    display: flex; 
}

.main5 .noContainer{position: relative;  }
.slick-cloned[aria-hidden="true"] a {
    display: none;
}


.main5 .slick-track{
    display: flex;
    align-items: center;
    justify-content: space-between;    transform: translateX(calc(-8vw + 15px));
}


.main5 .album-bottom.flex {    width:  1450px;}  
.main5 .galleryList-slide{padding:15px;}
.main5 .galleryList-slide >a{  display:block;     position: relative; } 
.main5 .galleryList-slide >a:active{  border:0px; }  
.main5 .galleryList-slide >a:hover > img {    filter: brightness(0.4);}
.main5 .galleryList-slide >a:hover .overlay{  opacity:1;  } 


   
.main5 .galleryList-slide > a > img {
    width: 18vw;
    aspect-ratio: 1; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;  
    object-fit: cover;
	transition: all .2s linear;
}



.main5 .slick-arrow{cursor: pointer; width:5%;top:-10%;position: absolute;z-index: 99;display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;}
.main5 .slick-prev{  right: 100px;}
.main5 .slick-next {   right:0%;  }
.main5 .slick-list{width:100%; } 


.main5-content{
width: calc(100% + 16vw);
    overflow: visible;     position: relative;
    top: 0px;     height: calc(15vw + 30px);
}

.main5-content .overlay {
    position: absolute;
    bottom: 5%;
    left: 0;
    display: flex; transition: all .2s linear;
    flex-direction: column;
    align-items: flex-start; color:white;
	opacity:0; width: 100%;
}



.main5-content .overlay  hr{
    margin: 0;
    border-top: 1px solid white;
    width: 30%;
}

.main5-content  .overlay-info {
    padding: 15px 10px;
    font-size: 18px;
}
.main5-content  .overlay-text {
    padding: 5px 10px;
    font-size: 16px;
}
.main5-content  .overlay-date {
    padding: 5px 10px;
    font-size: 14px;
}
.main5-content  .overlay img  {
    margin: 0 auto;
}


.main5-tab li.active a {color:black; font-weight: bold;}
.main5-content .image-link:hover .overlay img {-webkit-animation: shake-horizontal 2.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-horizontal 2.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite  both;}




.main5-content .moreM {
    position: absolute;
    top: -55px;
    z-index: 999;
    right: calc(50vw - 715px + 7rem);
    width: max-content;
    font-weight: bold;
	width: 7rem;
	display: none;
}

.main5-content .active  .moreM{display: block;}
 



/*  */


.main6 {
       padding: 50px 0;
    background: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-origin: border-box;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
	 
}

.main6  .mainContainer { display:flex;     justify-content: space-between;    align-items: center;} 
.main6  .mainContainer >div { width:50%; display:flex;     justify-content: space-between;    align-items:flex-start;     padding: 0 50px;} 
.main6  .mainContainer >div >div > a{  display: flex;    justify-content: flex-start;     } 
.main6  .mainContainer >div >div  {     width: calc(100% - 75px);} 
.main6  .main6-left {    border-right: 1px solid black;} 

.main6 h4{
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    color: #000;
}
.main6 p{
    font-size: 16px; 
    text-align: left;
    color: #7b7b7b;
line-height: 1.88;    padding-top: 10px;
}

.main6-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right:  30px;
}

.main6  .mainContainer >div >div > a >  p{
    width: 50%;
}
.main6  .mainContainer >div  >  img {
    max-width: 75px;
aspect-ratio:1;
}

.main6 a:hover .main6-title   img{-webkit-animation: shake-horizontal 2.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-horizontal 2.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite  both;}

 
 







@media(min-width:1320px) {
    /* .container{width:1300px;} */
}



@media(max-width:1820px) { 


}


@media(max-width:1499px) { 
 .mainContainer , .main2 .mainContainer{     width: 1300px; }
 .main4-right >div {    width: calc(50% - 50px);     margin: 0 25px; }
.main6 .mainContainer >div {     padding: 0 20px;}
 
       
}


@media(max-width:1399px) { 
 .mainContainer, .main2 .mainContainer { 
    width: 1170px;
 }



	.main1 h1, .main2 h1, .main4-title h1{ font-size: 2.5rem;  }
	.main1 h3, .mc2-right-bottom h3,.main4-right h3, .main4-title p {font-size: 1.6rem;  }
	.main1 h4{   font-size: 1rem;  }
	.main1 p{ font-size: 1rem;}
	.main1-top-right-top .sbtitle, .mc2-right-top p{ font-size: 1.2rem;} 


	.mc2-right-top a> span {font-size: 1.2rem;}
	.mc2-right-bottom p{font-size: 1.0rem;}

	.main5 h1{ font-size: 2.6rem;     } 
	.main5 h2{font-size: 2rem;   }
	.main5 h3{ font-size: 1.6rem;     }
	.main5 h4{ font-size: 1.6rem;    }
	.main5 p  {     font-size: 1rem;     }
	
	.main1-top-right >div {     height: calc(50% - 10px);}

	.sec1 >div > a {    height: 160px;}
	
	.main4-right >div {
        width: calc(50% - 20px);
        margin: 0 10px;
    }
	.main4-right img{max-width: 25px;}
	.main4-title {     width: 30%;}
	.main4-right{     width: 70%;}

.main5-content .moreM { 
    right: calc(50vw - 585px + 7rem);}



}
@media(max-width:1199px) {
 .mainContainer,.main2 .mainContainer { 
    width: 970px;
 }

  
	.main3 h1, .main2 h1{ font-size: 2rem;   }
	.main3 h1 span{ font-size: 1.2rem;  }
	.main3 h2, .main6 h4{font-size: 1.5rem;  }
	.main3 h4, .main3-tab a, .main5-tab a{ font-size: 1rem;   }
	.main3 p, .main6 p{ font-size: 0.9rem;  }
	.main3-mini-title h3, .main3-content h3{font-size: 1.2rem;  }
	
	.news  {    padding: 15px;  }

	.sec1 >div > a {    height: 140px;}
  




	 .main1-title { 
		padding: 0 100px;
	}  
	.main2-content { 
		flex-direction: column;
    align-items: center;
    gap: 25px;
	}
	.main2-content >div { 
		width:100%;
	}
	.mc2-right {    padding-left: 0px;}
	.main2-title img {     padding-right: 0px;        max-width: 100px;  }
	
	.main3-mini-title {    padding: 30px 0 30px;}
	.main3-content .moreM {     top: -135px;}
	.main3 {     min-height: 680px;}
	
	.main4 .mainContainer {     flex-direction: column;}
	.main4 .mainContainer >div {     width: 100%;}
	.main4-title h1 {     margin-bottom: 20px;}
	.main4-right >div {     padding: 30px 0;}
.main4-right >div {
        width: calc(50% - 30px);
        margin: 0 15px;
    }
.main4-right span, .main4-right p {font-size: 0.9rem;}
.main5-content .moreM { 
    right: calc(50vw - 485px + 7rem);}




.main5 {     min-height: 400px;}


.main6 .mainContainer >div >div > a {  
    flex-direction: column;
}
.main6 .mainContainer >div >div > a >div , .main6 .mainContainer >div >div > a >p{  
    width: 100%;
}


}

@media(max-width:991px) {
 .mainContainer { 
    width: 750px;
 }	

	
	.header-mobile-gnb a.toggle {
        color: white!important;
        font-size: 30px;
    }
	.main2 h4{ font-size: 0.9rem;   } 
	.main3 h4{ font-size: 0.9rem;   }
	.main3 p{ font-size: 0.7rem;         margin-bottom: 35px; }


    .main1-top-left{ 	margin-right: 10px;   }
	.main1-top-right{     margin-left: 10px; }
	.main1-bottom { padding-top: 30px;} 
	.main1-bottom > div{padding: 20px 10px;}
	
	.main1-content {     padding: 50px 0 0;}
.main1-title {            padding: 0 50px;        }
.mc2-right-bottom{            padding: 15px 0px;        }


	.news  {      width: calc(100% / 3 - 5px);}
	.news-img {    width: 50px;}
	.news-info {     width: calc(100% - 80px);}

	.main2  .mainContainer , .main5 .container{width: 95vw;}
	.main2-bottom >div {     width: 16%;}
	.main2-bottom .mb >div {    width: 13vw;    height: 13vw;}
	.main2 .mb img{width: 6vw;}
	.main2-title h1 {     margin-bottom: 20px;}

	.sec1 >div > a {    height: 90px;} 

	.main3-content .moreM {     top: -135px;}
	/* .main3 {     min-height: calc(225% /4 +225px + 11.32rem);} */
.main3 {     min-height: 600px;}
	.main5 .container >div >div >div:nth-of-type(1) {    padding: 35px;}
	.main5 .container >div >div {     height: 260px;}
.main5-content .moreM { 
    right: calc(50vw - 375px + 7rem);}	


.main5 .galleryList-slide > a > img {    width: 35vw;}
.main5 {
        min-height: 520px;
    }
.main3-content a img {
    right: 15px; 
    bottom: 15px;
}


.main6-title { 
    flex-direction: row;
    align-items: center; 
    gap: 20px;
}



}


@media(max-width:767px) {
 .mainContainer { 
    width: 90vw;
 }
.main5-content .moreM {     right: calc(-15vw + 7rem);    top: -38px;}	

	

	#dimodePage{  padding-top:55px;} 
	 .main4 {    padding:100px 0%;}


	.main1 h1{ font-size: 2rem;  }
    .main1 h3{font-size: 1.2rem;  }
	.main1 h4{              font-size: 0.9rem;            text-align: center;            padding: 5px; }
	.main1 p{ font-size: 0.9rem;         line-height: 2;} 
	.main1-top-right-top .sbtitle{ font-size: 0.9rem; text-underline-offset: 10px;} 
	.main1-top-left .sbtitle{ font-size: 0.9rem;} 
	.main1-top-right-top .sbtitle >div {    text-align: center; text-underline-offset: 10px; }
	.sermon-play {    float: right;    max-width: 7vw;}
	.sermon-info {    margin: 0;} 
	
	.main5 h1{ font-size: 2rem;     } 
	.main5 h2{font-size: 1.8rem;   }
	.main5 h3{ font-size: 1.3rem;     }
	.main5 h4{ font-size: 1.3rem;    }
	.main5 p  {     font-size: 0.9rem;     }

	.main1-top {    display: flex;       flex-direction: column;}
	.main1-top >div {    width: 100%; margin:0;         margin-top: 10px;}
	.main1-top-right >div {width: calc(50% - 5px); height: 160px;}
	.main1-top-right{ flex-direction: row;} 
	.main1-bottom > div >a {/*flex-direction:column;*/}
	.main1-bottom > div{padding: 15px;     width: calc(25% - 5px);}

	.news-img {    width: 9vw;}
	.news-img2 {    width: 3vw;             padding-left: 15px;}
	.news-info {     width: 100%; height: 5rem; padding: 15px 0;}
	.news {    flex-direction: column;    display: flex;     align-items: flex-start;               padding: 20px 25px 15px; } 

	.main4 .container {flex-direction:column;} 
	.sec1 >div {     width: 50%;}
	.sec1 >div > a {
            height: auto;
            width: 100%;
            aspect-ratio: 1.8;
            padding: 10px;
            margin: 0 !important;
        }
	.text-left {    padding: 0 10px;}

	.main1-top-left {            padding: 30px;        }
	
	.main5 .container >div >div {     height: 230px;}
	.main5 .container >div >div {     margin: 10px;}
	
	/****/
	.main1-content { 		flex-wrap: wrap; gap:10px;	}
	.main1-content >div { 		width: 25%; width: calc(25% - 20px);	}
	.main3-content .moreM {        top: -35px;    }
	.main3-tab li {    padding: 0px 5px;}
	.main3-tab {     margin-left: 10px;}
	.main3-mini-title {        padding: 30px 0 20px;    }
	.main3-content >div.active {     flex-wrap: wrap;}
	.main3 {     min-height: calc(100vw + 200px);;}
	
	.main3-content >div >div {    width: calc(50% - 13.5px);}
	.main3-content >div{flex-wrap:wrap;}
.main4-right >div {        padding: 25px 15px 35px; width: 100%;        margin: 0;    }
.mr4-3 {    border-bottom: 1px solid #00000040;}
.mr4-1 {    border-top: 1px solid #00000040;}
.main4-right h3{margin-top:10px;}
.main4-left{margin-bottom: 20px;}	


.main5-title  {    margin-bottom: 50px;}


.main5 .galleryList-slide > a > img {    width: 49vw;}

.main5 {        min-height:        calc(50vw + 200px);    }

.main5-content {    width: calc(100%   );     padding: 0 15px;}
.main5 .main5-content >div {     transform: translateX(0);}

.main6 .mainContainer { 
    flex-direction: column;
}
.main6 .mainContainer >div { 
    width: 100%;
padding: 15px 0;
}
.main6 .main6-left {
    border-right: 0px solid black;
    border-bottom: 1px solid black;
}
.main6 .mainContainer >div { 
        padding: 30px 0;
    }





}

@media(max-width:567px) { 
    .main1, .main2{padding: 50px 0 ;}
	.main3 h4, .main3-tab a, .main5-tab a {        font-size: 0.8rem;    }
	
	.main3 , .main5 , .main4 {    padding:50px 0%;}
	.main1-bottom > div >a {     justify-content: space-between; padding: 0 10px;}
	.main1-top-right-top .sbtitle {            font-size: 3vw;    }
	.main1 .mb11 img , .main1 .mb12 img,.main1 .mb13 img{            max-width: 2vw;        }
 
	.main1-top-right >div {padding: 15px;}
	.main1-bottom{flex-wrap: wrap;} 
	.main1-bottom {        padding-top: 10px;    }
	.main1-bottom > div {            padding: 0;         }
	
	.main1-title {        padding: 0 10px;    }

	.news {                 padding: 20px 15px 15px;  } 
	.news-info { height: 20vw; 	} 

	.main4-left .sec1 > div:not(:first-child) {		display:none;	}
	.main4-left .sec1 >div {            width: 100%;        }
	.main4-right .sec1 > div:nth-child(n+3) {  /*display:none;*/}


	.main2-bottom .mb >div {            width: 20vw;            height: 20vw;        }
	.main2 .mb img {            width: 10vw;        }

	.main2-bottom{flex-wrap: wrap;}
	.main2-bottom >div {     width: 33%;}
	.sec1 >div > a {             padding: 5px;        }
	
	.main3-title {     justify-content: flex-start;     flex-direction: column;}
	.main3-title h1 {     margin-bottom: 20px;}
	.main3-tab {margin-bottom: 20px;}
	.main3 {
        min-height: calc(100vw + 280px);
    }
	.main5 .container >div >div {                height: 42vw;}
	.main5 .container >div >div {     margin: 5px; width: 100%;} 
	.main5 {    padding: 10% 0%;}

	.main4 .text-left {     padding-bottom: 5px;}
	.main5 .container >div >div >div:nth-of-type(1) {            padding: 20px;        }
	.main5 .container >div >div >div >a > img {     max-width: 5vw;}

    .main5 .container .main5-top >div >div:nth-of-type(2) {  position: absolute;    /* z-index: 0; */    width: 63%;    right: 0;  }	
	.main5 .container .main5-bottom >div >div:nth-of-type(2) {  position: absolute;   padding:15px;    width: 42%;    right: 0; text-align: right; }
	.main4-right >div {        padding: 5px 15px 15px;    }
	.main5-title  {     flex-direction: column;    align-items: flex-start;      gap: 0px;}
	.main5-title h1 {     margin-bottom: 20px;}
	.main5-content .moreM {                 top: calc(-70px - 1rem); right: 15px;    }

	.main5 .galleryList-slide > a > img {    width: 90vw;}
 
	.main5-title  {    margin-bottom: 30px;}

	.main6 {
		padding: 0px 0 100px;}

	.main3-content a img {
		right: 5px; 
		bottom: 5px;
		max-width: 12px;
	}
	.main5-tab li { 
		margin: 5px 0;
	}
	.main5-tab ul { 
		justify-content: flex-start; 
		flex-wrap: wrap;
	}
	 
	.main5 .galleryList-slide {
		padding: 5px;
	}

	
	.mc2-right-bottom{            padding: 50px 0px 15px;        }

}