@media (min-width:1024px) { .container { width:750px!important; } }
@media (min-width:1200px) { .container { width:910px!important; padding: 0% 0; } }
@media (min-width:1500px) { .container { width:1110px!important; } }
@media (min-width:1900px) { .container { width:1200px!important; } }



.slider .move-btn { z-index:2;}

/*팝업*/
.direct-popup .visible-popups > .each { max-width:700px!important; } 


.fullpage-mouse { position: fixed; bottom: 7%; z-index: 50; left: 50%; display: block; transform: translate(-50%, 0); }
.fullpage-mouse img { animation: MoveUpDown 1.2s ease-in-out infinite; position: relative; z-index: 10; display:none;}
@keyframes MoveUpDown { 0%, 100% { transform: translateY(0rem); } 50% { transform: translateY(1rem);}}
@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); }}

.Maincontainer {    width: 1200px;}

 
#section-1 .dimode-slider  {    margin-top: 100px!important;     height: calc(100vh - 100px)!important;}
 
 
 
 
 
 
#section-2{ position:relative; background:url(../../../Layouts/pomo_Layout/Images/2_bg.jpg) no-repeat; background-position:center; background-size:cover; text-align:center;}
#section-2 h1{ font-size:50px; font-weight:bold; } 
#section-2 .youtube_sermon{aspect-ratio: 1280/720;}
#section-2 .embed-responsive-16by9 {    /*padding-bottom: 61.8%;*/}

  
.sermon-title{color:black; }
.sermon-title h1{ color:#fff; font-weight:bold; margin:10px 0; padding: 3% 0 0;}
.sermon-title h4{font-size:30px; color:#bbb; font-weight:bold; margin:10px 0;margin-bottom:50px; }

.sermon-top {
    position: relative;
    display: flex;
    justify-content: space-around;
    background-position: center;
    background-size: cover;
    text-align: center;
}
.sermon-top .st-1{/*width:65%; */ background:url(../../../Layouts/pomo_Layout/Images/2.sermon_bg_2.png) no-repeat; background-position:center; background-size:100% 100%; text-align:center;}
.sermon-top h2{font-size: 38px; color:white;      margin-bottom: 30px;}

.sermon-top h4, .sermon-top h1{ color: black; margin: 20px 0 10px;  font-size: 24px; }
.sermon-top hr{ width: 54px;    color: black;    border: 1px solid; margin-top:10px; }
.sermon-top a{text-decoration:none;}
.st-1 >h4{font-weight:bold; margin-top:40px;}
.sermon-box2{margin: 30px auto 40px;    display: block; text-align: center; text-align: right;}
.sermon-btn {    position: absolute;    top: 0;    left: 0;} 
.sermon-bottom{display: flex;    justify-content: space-around;}
.sermon-bottom >div{ /*width:65%; */    padding: 0; display: flex;    justify-content: space-between;}
.sermon-bottom > div > div {     text-align: center;  }
.sermon-bottom > div > div >a >img {
    width: 312px;
    height: 165px;
}
.sermon-bottom > div > div >a >img {
    width: 100%;
    aspect-ratio:1280/720;
    background-position: 50% 50%;
    background-size: cover;
    border: 0px;
    /* border: 3px solid black; */
}
.sermon-bottom h4 {
    text-align: center;
    font-size: 25px;
    color: white;
}
 
 

.st-2 img{
	aspect-ratio: 76 / 67;
    width: 91.5%;
}



 

#section-3 {
    position: relative;
    background: url(../../../Layouts/pomo_Layout/Images/3_bg2.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
/*#section-3 h1 { color:#fff; margin:0; font-size:50px; font-weight:bold; margin:50px 0; font-family: 'Arita-buri-SemiBold'; }*/
#section-3 h3 { color:#fff; margin:30px 0 0; font-size:27px; font-weight:100; }
#section-3 h2 { color:#fff; margin:0; font-size:27px; font-weight:100; }
#section-3 h1{ font-size:38px; line-height:1.75; font-weight:bold; color:#fff; }
 
.info-title h1{   font-weight:bold; margin:10px 0; padding: 3% 0 0;}
.info-title h4{font-size:20px; color:#fff; font-weight:500; margin:40px 0;margin-bottom:50px; }

.section-3-box { margin-top:100px; }
.section-3-box a { color:#fff; text-decoration:none; display:inline-block; position:relative; top:0; }
.section-3-box a:hover { top:-15px; transition:.3s top; }
.section-3-box a:hover p { color:#081564; }
.section-3-box p { margin:20px 0 10px; font-size:20px;  color:#fff; font-weight:bold; word-break: keep-all; }
.section-3-box span { font-size:17px; } 
#section-3 .moreV a {
  position: relative;
    left: 0%;
    /*transform: translateX(-50%);*/
    text-decoration: 0;
    display: block;
    width: 260px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}
#section-3 .moreV span {
  display: block;
 }
/* 아래에서 위로 색이 채워지려면 bottom:0;
위에서 아래로 색이 채워지려면 top: 0; */
#section-3 .moreV .masker {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color: #007dc5;
  color: #fff;
  overflow: hidden;
  transition: .4s;
}
/*텍스트가 있는 span은 포지션을 잡아주고, 안보이게 해야 masker의 높이가 변경될 때 그 자리에서 보임, 안그러면 masker와 같이 올라와 텍스트가 이동하는게 보임 */
#section-3 .moreV .masker span {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
#section-3 .moreV a:hover .masker {
  height: 100%;
}

.text-center.moreV {
    transform: translateX(43%);
}


@keyframes aaa{
    from{left:-5px}to{left:5px;}
}
.moreV >a:hover {
    /*animation: aaa 0.4s infinite alternate;
    position: relative;*/
}







#section-4 { position:relative; background:url(../../../Layouts/pomo_Layout/Images/4_bg2.jpg) no-repeat; background-position:center; background-size:cover; }
#section-4 a { text-decoration:none; } 
#section-4 h1{ font-size:60px; font-weight:bold;color:#fff; }

/*
.newf-bottom > div >div {
	background:url(../../../Layouts/pomo_Layout/Images/4_box01_1.png) no-repeat; background-position:center; background-size:100% 100%; padding: 40px 30px;
	width: 255px; margin-right: calc((100% - 981px) / 3);     height: 259px;
} */
.newf-bottom > div >div {
	background:url(../../../Layouts/pomo_Layout/Images/4_box01_1.png) no-repeat; background-position:center; background-size:100% 100%; padding: 30px 60px 30px 20px;text-align:center;
	width: 255px; margin-right: calc((100% - 981px) / 3);     height: 259px;
} 


.newf-bottom > div .nb-4 {
	background:url(../../../Layouts/pomo_Layout/Images/4_box02_1.png) no-repeat; background-position:center; background-size:100% 100%; padding: 40px 30px;
	width: 216px; margin-right: 0;
}

.newf-center.moreV > a {
    font-size: 15px;
    color: #fff;
    float: right;
    padding-bottom: 50px;
    padding-top: 70px;
	
    padding-right: 50px;
}
.newf-bottom p {    font-size: 15px; line-height: 1.3;}
.newf-bottom p span {    font-size: 18px; font-weight:bold; line-height: 3;}

.newf-center.moreV >a:hover {
    animation: aaa 0.4s infinite alternate;
    position: relative;
}

.section4-box { padding: 1% 4%;}
.section4-box .cont-desc , .section4-box .cont-title{ overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}


 
 


#section-5 { position:relative; background:url(../../../Layouts/pomo_Layout/Images/5_bg2_2.jpg) no-repeat; background-position:center; background-size:cover; }
#section-5 h1{font-size:60px; padding-bottom:80px;color:#fff;font-weight:600; }
#section-5 .photo1 {display:flex;}
#section-5 .slick-arrow { position: absolute;    top: 50%;      transform: translateY(-50%); cursor:pointer; }
#section-5 .slick-prev1 {    left: -6%;}
#section-5 .slick-next1 {   right: -6%;}
#section-5 .slick-list {    width: 100%;}
#section-5 .ngsm h2{font-size:26px; text-align: center; padding-top:35px;}
#section-5 .ngsm h4 {    font-size: 17px;    padding: 5px 0 20px;}
#section-5 .slick-track > div {
    background: white;
    /* width: 33%; */
    margin: 60px 15px;
    border: 1px solid #e6e5e3;
    padding: 20px 10px ;
}
#section-5 .slick-track >div > img {
    position: absolute;
    left: 50%;
    top: -14%;
    transform: translateX(-50%);
}
 
.ngsb > div >a >img {    padding: 0 5px;}

.ngsb > div >a {
    display: flex;
    justify-content: flex-start;
    color: black;
    padding: 15px 0px;
	text-decoration:none;
}
.ngsm {   /*  height: 200px; */text-align: center;}
.embed-youtube-pomo{      position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;}
.embed-youtube-pomo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0px solid #000;
}


#section-6 { position:relative; background:url(../../../Layouts/pomo_Layout/Images/6_bg.gif) no-repeat; background-position:center; background-size:100% 100%; }
#section-6 h1{font-size:60px; padding-bottom:80px;}


.goal-bottom >div >div{color: white;    padding: 70px 80px;   text-align: center;    max-width: 380px;    margin: calc((100% - 1040px) / 12);}
.goal-bottom .gb-1{ position:relative; background:url(../../../Layouts/pomo_Layout/Images/6_box01.jpg) no-repeat; background-position:center; background-size:100% 100%;}
.goal-bottom .gb-2{ position:relative; background:url(../../../Layouts/pomo_Layout/Images/6_box02.jpg) no-repeat; background-position:center; background-size:100% 100%;}
.goal-bottom .gb-3{ position:relative; background:url(../../../Layouts/pomo_Layout/Images/6_box03.jpg) no-repeat; background-position:center; background-size:100% 100%;}

.goal-bottom .gbbt {
    background: black;
    padding: 15px 49px;
    margin: 0 20px;
    color: white;
    text-decoration: none;
}
.goal-bottom p span {    font-size: 24px;}
.goal-bottom p {    font-size: 16px; margin-bottom: 30px;}
.goal-bottom h4 {    font-size: 26px;    font-weight: 300;}


 


#section-7 { position:relative; background:white; background-position:center; background-size:100% 100%; }
.com-title h1{ font-size:60px; color:#000; font-weight:bold; margin:10px 0; padding: 3% 0 0;}
.com-title h4{font-size:22px; color:#666; font-weight:bold; margin:25px 0;margin-bottom:50px; }

 
.com-1 {margin-top:0%; }
.com-1 h2{font-weight:bold; margin-bottom: 25px;     font-size: 27px; }
.com-1 h4{ font-size: 20px;   }
 
.com-1 hr{    border-top: 2px solid #ddd;}
.com-1 a {   display:block;          position: relative;}

.com-1 >a p {    font-size: 15px;    color: #b5b5b5; text-align: left;}
.com-1 >a h2 {    font-size: 19px;     margin-top: 10px;  color:black;  text-align: left; word-break: keep-all;}
.com-1 >a h4 {    font-size: 17px;    color: #0c97ea; text-align: left;}
.com-1 >a h3 {    font-size: 16px;    color: #878787;    font-weight: 300; text-align: left; line-height: 1.4;
    width: auto;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.com-1 >a {    background: white;       border: 1px solid #e5e5e5; /*height:66vh;*/ text-decoration:none; min-height: 580px;}
.com-1 .com-1-img {  aspect-ratio:180/250;  overflow: hidden;    border-bottom:0px solid #e5e5e5;  }
.com-1 .com-1-txt {  aspect-ratio: 3/2;  padding:10px 10px;}
.com-1 .com-1-txt p{position: absolute; bottom: 0px; right: 10px;}
.com-1-img img {    width: 100%;}


#section-8 {position:relative; background:white; background-position:center; background-size:100% 100%;}

.pto-1 {margin-top:0%; }
.pto-1 h2{font-weight:bold; margin-bottom: 25px;     font-size: 27px; }
.pto-1 h4{ font-size: 20px;   }
 
.pto-1 hr{    border-top: 2px solid #ddd;}
.pto-1 a {   display:block;          position: relative;}

.pto-1 >a p {    font-size: 15px;    color: #b5b5b5; text-align: left;}
.pto-1 >a h2 {    font-size: 19px;     margin-top: 10px;  color:black;  text-align: left; word-break: keep-all;}
.pto-1 >a h4 {    font-size: 17px;    color: #0c97ea; text-align: left;} 
.pto-1 >a {    background: white;       border: 1px solid #e5e5e5;  text-decoration:none; min-height: 270px;}
.pto-1 .pto-1-img { aspect-ratio:180/120;  overflow: hidden;    border-bottom:0px solid #e5e5e5;}
.pto-1 .pto-1-txt { aspect-ratio: 3/2;   padding:10px 10px;}
.pto-1 .pto-1-txt p{position: absolute; bottom: 0px; right: 10px;}
.pto-1-img img {    width: 100%; }

.pt-plus{text-align:center; padding:50px 0 50px; }
.pt-bottom >div >a{
	display: block;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 30px 70px;
	position: relative;
	text-decoration:none;
	color:black;
}

.pt-bottom img {    padding: 0 15px;}
.pt-bottom .ptb-ar {       position: absolute;    right: 70px;    top: 50%;    transform: translateY(-50%);}


@keyframes aaa2{
    from{right:65px;}to{right:75px;}
}

.pt-bottom a:hover .ptb-ar {    animation: aaa2 0.4s infinite alternate; }
 
 
.go_top_a{right:0; position:absolute; bottom:0;}

 




/* btn */

.view-more {
  display: inline-block;
  padding: 17px 50px;
  color: #00A9E0;
  font-size: 17px;
  border: 5px solid #fff;
  text-decoration: none;
  overflow: hidden;
  vertical-align: middle;
  background: transparent;
  overflow: hidden;
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  z-index: 10;
 border: 1px solid #00A9E0; 
 font-weight:100;
}

.view-more:hover {
  color: #fff;
}

.view-more:hover:before {
  -webkit-transform: translateX(0) skewX(-17.62deg);
  -ms-transform: translateX(0) skewX(-17.62deg);
  transform: translateX(0) skewX(-17.62deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.view-more:before {
  z-index: -1;
  content: "";
  display: block;
  width: 120%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateX(-101%) skewX(-17.62deg);
  -ms-transform: translateX(-101%) skewX(-17.62deg);
  transform: translateX(-101%) skewX(-17.62deg);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  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);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.view-more1:before {
	background: #C7B1E6;
}

.view-more2:before {
	background: #737069;
}

#section-1 p {margin:0!important; background:#fff;}
 




 
#section-1 .slider .slider-wrapper .slide img {
    max-width: 100%;
    /*width: 100vw;*/
}
#section-1 .fp-tableCell {
    display: initial;      height: calc(100vh - 100px)!important;
 
}
#section-1 {height: calc(100vh)!important;}
#section-1  .fp-slidesContainer >div{    height: calc(100vh - 100px);}
 #section-1  p.each-img  {
	 height: calc(100vh - 100px);    display: flex;
    align-items: center;
    justify-content: center;}
#section-1  p.each-img >img  {/*height: calc(100vh - 100px);*/}


/*마우스오버시움직이는영상 */
.main-container {
  width: 600px;
  margin: 40px auto;
  font-family: "Roboto", sans-serif;
  border-radius: 10px;
  overflow: hidden;
  border-bottom: 3px solid #023047;
}

.video-container {
  position: relative;
}

.video-container video {
  width: 100%;
}

.video-container .hover-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% - 24px), -50%);
  background: #023047;
  color: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  pointer-events: none;
  box-shadow: 4px 4px 50px -4px rgba(0, 0, 0, 0.8);
  opacity: 0;
  letter-spacing: 0.8px;
  transition: all 400ms ease;
}

.video-container .hover-text.active {
  opacity: 1;
  letter-spacing: 0;
  transform: translate(-50%, -50%);
}

.video-description {
  padding: 16px;
  line-height: 1.7;
  background: #edf6f9;
  color: #023047;
  text-align: center;
  font-size: 18px;
}

/*마우스오버시움직이는영상 */



@media(max-width:1900px) { 
	.sermon-bottom > div > div >a >img {     height: 135px; }
	#section-5 .slick-track > div {     padding: 20px 0 0;}
	#section-5 .ngsm h4 {    font-size: 16px; } 
	
	.pt-bottom >div >a {     padding: 30px 35px; }
	.pt-bottom .ptb-ar {     right: 35px;}
	.pt-bottom a:hover .ptb-ar {      animation: initial;}
}

@media (min-width:1700px) and (max-width:1920px) {
   
}

 

@media(max-width:1620px) { 
#section-5 .slick-track >div > img {width: 70px;}
	 
}

@media(max-width:1500px) { 
	.sermon-bottom > div > div >a >img {     height: 110px; }
	.newf-bottom > div >div {     width: 215px;    height: 280px;     padding: 20px 20px; padding-right: 50px;}
	.newf-bottom >div {    display: flex;    justify-content: space-between;}
	.newf-bottom > div .nb-4 {     width: 200px;  padding: 20px;}
	#section-5 h1 {     padding-bottom: 50px;}
	
	.ngsb > div >a >span{display:none;}
	.ngsb > div >a {     padding: 15px 20px;}
	.com-1 >a {     max-height: 640px;  min-height: 47vh;    /*min-height: 470px; height: 46vh;*/}
	
	.pto-1 >a h2 {    font-size: 15px;}	 
	.pto-1 >a p {    font-size: 13px;}
	
	.pt-bottom >div >a {     padding: 30px 15px; }
	.pt-bottom .ptb-ar {     right: 15px;}

	.com-1 >a h2 {    font-size: 15px;}
    .com-1 >a p {    font-size: 13px;}
.pt-bottom >div >a {    padding: 15px 15px;}
#section-5 .slick-track >div > img {width: 70px;}
.com-1 .com-1-txt {  aspect-ratio: 5/4; }

	
}
@media(max-width:1200px) {
	.sermon-bottom > div > div >a >img {     height: 80px; }
	.sermon-bottom h4 {     font-size: 21px;}
	.section-3-box p {     font-size: 17px;}
	.newf-bottom > div >div {     width: 170px;    height: 200px;     padding: 15px 10px; padding-right: 30px;} 
	.newf-bottom > div .nb-4 {     width: 140px;  padding: 15px;}
	.newf-bottom p span {    font-size: 15px; }
	.newf-bottom p {    font-size: 13px; }
	
	#section-4 h1, #section-5 h1, .com-title h1 {    font-size: 45px; }
	#fp-nav ul li .fp-tooltip {     width: 90px!important;     font-size: 15px; }
	.ngsb{padding-top: 20px;}
	.ngsb > div >a {    padding: 0px 5px; display: flex;    justify-content: center;}
	
	#section-5 .slick-next1 {    right: -3%;}
	#section-5 .slick-prev1 {    left: -3%;}
	.ngsm {  /*   height: 225px; */} 
	#section-5 .ngsm h2{padding-top: 10px; font-size: 25px;}
	
	.pt-bottom >div >a >img:nth-of-type(1){    padding: 0 10px 0 0;    max-width: 50px; }

.com-1 >a {     min-height: 54vh;}
	#section-5 .slick-track >div > img {width: 70px;}
	 
}
@media (max-width: 1024px) {
	.Maincontainer {    width: 800px;} 
	.container {    padding: 70px 15px;}
	#section-1 .dimode-slider {   max-height:calc(100vw * 9 /16); height:auto;}
	#section-1 .fp-tableCell {     max-height:calc(100vw * 9 /16); height:auto;} 
	#section-1  .fp-slidesContainer >div{     max-height:calc(100vw * 9 /16); height:auto;}
	#section-1  p.each-img  {max-height:calc(100vw * 9 /16); /*height:auto;*/}
	#section-1  p.each-img >img  { max-height:calc(100vw * 9 /16); height:auto;}
	#section-1 {    max-height:calc(100vw * 9 /16 + 100px);}

	.sermon-bottom > div > div {     width: 190px; }
	.sermon-bottom > div > div >a >img {    height: 95px;}

	.section-3-box .container , #section-7 .container , #section-8 .container{    padding: 10px 15px;}
	.section-3-box {    margin-top: 50px;}
	#section-3 >div{    padding: 70px 0px;}
	#section-7 >div{    padding: 70px 15px  0;}
	#section-8 >div {    padding: 0px 15px 70px;}
	
	.info-title h1 {      padding: 0% 0 0;}
	
	.pto-1-img img {    /* min-height: 10vw;*/ height:auto;}  

	
	#section-2, #section-3, #section-4, #section-5, #section-6 {    background-size: cover;}

	.pto-1 >a {     height: 29vh;}
.com-1 , .pto-1{     padding: 0 5px;}
.com-1 >a {    height: 44vw;max-height:initial;min-height:initial;}
#section-5 .slick-track >div > img {width: 70px;}

}


@media (max-width:992px) {
	.Maincontainer {    width: 700px;}
	.sermon-bottom > div > div >a >img {    height: 80px;}
	.sermon-bottom >div {     flex-wrap: wrap;}
	.sermon-bottom > div > div {    width: 25%; }
	
	.newf-bottom > div >div {    width: 22vw; max-width:170px;}	 
	.newf-bottom > div .nb-4{    width: calc(21vw); max-width:130px;}
	.com-1 >a {    height: 55vw;}	 	
	#section-5 .slick-track >div > img {width: 70px;}


}


@media (max-width: 767px) {
	
	.sermon-box2 {     text-align: center;}

	.Maincontainer {    width: 100%;}
	#section-2 .container{}
	.sermon-bottom{  padding-top: 30px; }
	.sermon-bottom > div > div {    width: 50%;}
	.sermon-bottom > div > div >a >img {    height: calc(27vw - 18px);}
	
	.sermon-top h2 { font-size: 32px; /*  margin-bottom: 10px; */}
	.sermon-top {     flex-direction: column;}
	a.sermon-box2 >img {    width: 70%; }
	.sermon-box2 {margin-bottom: 0px;}


	
	#section-3 h1, #section-4 h1, #section-5 h1 , #section-6 h1, .com-title h1{font-size: 32px; }
	#section-3 .row {    display: flex;     flex-wrap: wrap;    justify-content: center;}
	.section-3-box .container {  /* padding: 10px 0;  */  padding: 10px 10vw; }
	
	.newf-bottom >div {     flex-wrap: wrap;}
	.newf-bottom > div >div {      max-width: initial; width: calc(50% - 20px);    max-width: initial;    margin: 10px; padding: 15px ; background: white;}	 
	.newf-bottom > div .nb-4{   max-width: initial; width: calc(50% - 20px);   padding: 15px; background: white;}
	.newf-bottom >div {     justify-content: flex-start;}	
	
	.ng-bottom.flex {    padding: 10px 15%;}
	#section-5 .slick-next1 {    right: -9%;}
	#section-5 .slick-prev1 {    left: -9%;}
	#section-5 h1 {    padding-bottom: 20px;}
	
	#section-7 .row >div, .pto-1{width:50%; padding: 5px}
	#section-7 .row >div > a{height: auto; min-height:initial;}
	.com-1-img img { }

	.com-1 >a h2 { 
		font-size: 16px;
		width: auto;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	/* .row.pt-bottom >div {    width: 33%;    margin: 10px 15vw;} */
	.footer .footer-bottom {     height: 300px;}	
.footer-top {     padding: 15px 30px;}	
.footer{word-break:keep-all;}

.pto-1 >a {
        height: auto;     min-height: 300px;
}
#section-5 .slick-track >div > img {width: 70px;}
.new_img, .new_p{float: left;}
.new_img{width: 40%; text-align: center;}
.new_p{width: 60%; border-left: 1px dashed #f0f0f0;}
.newf-bottom > div >div {height: unset; display: flex;        align-items: center; border: 2px solid #333; -webkit-border-radius: ;
-moz-border-radius:5px ;
border-radius:5px ;}

	#section-7 >div{    padding: 30px 15px  0;}
	

/*팝업 */
.direct-popup .visible-popups > .each {     margin-top: 80px !important;
    max-width: 90vw !important;
    left: 0 !important;
    height: auto !important;     max-height: 90vh !important;}
.direct-popup .visible-popups > .each > .content {
    margin-bottom: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}








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

	#section-1 .dimode-slider {    margin-top: 80px!important;      }
	#section-1 .fp-tableCell {      } 
	#section-1  .fp-slidesContainer >div{     }
	 #section-1  p.each-img  { }
	#section-1  p.each-img >img  {  } 
	#section-1 {    max-height:calc(100vw * 9 /16  + 80px);}
	.sermon-top h2 { font-size: 23px; word-break:keep-all;}
	#section-4 h1, #section-5 h1, #section-6 h1 , .com-title h1{font-size: 25px; word-break:keep-all;}
	#section-3 h1{font-size: 18px; word-break:keep-all;}
	
	.newf-bottom > div >div {        width: 100%;    max-width: 300px;    margin: 10px; padding: 10px 15px;}	 
	.newf-bottom > div .nb-4{   max-width: 300px; width: 100%;  padding: 15px 15px; margin: 10px; }
	.newf-bottom >div {     justify-content: center;}
	.newf-center.moreV > a {     padding-bottom: 20px;    padding-top: 20px;    padding-right: 20px;}
	.row.pt-bottom {      margin: 0px 5px;}
	.row.pt-bottom  >div{      margin: 10px 0;} 
	.pt-bottom >div >a {    padding: 11px 15px;}
	.pt-plus {    padding: 30px 0  ;}
	.pt-plus img{width: 50px ;}
	.ng-bottom.flex {    padding: 10px 7%;}
	.ngsm {  /*   height: 185px; */}
	.container {    padding: 30px 10px;}

	.com-1 .com-1-txt, .pto-1 .pto-1-txt {    padding: 10px 10px;}
	.pto-1 >a h2, .com-1 >a h2, .pto-1 >a p , .com-1 >a p , .section-3-box p, #section-5 .ngsm h4{    font-size: 13px;}
.section-3-box p {    margin: 10px 0 10px;}
.sermon-bottom h4, .pto-1 >a h4, .com-1 >a h4 {    font-size: 15px;}
.pto-1 >a {     min-height: 250px;}

}