@-webkit-keyframes spinspin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(180deg);}}
@keyframes spinspin {0% {transform: rotate(0deg);}100% {transform:rotate(180deg);}}
@keyframes updown {from {transform: translatey(0px);}to {transform: translatey(-15px);}}
@keyframes updown2 {from {bottom:0;}to {bottom:30px;}}
/* common */
.slider .slider-wrapper .slide img{width:100%;}
.nav-tabs {
    border-bottom: none;
}

.plus {
    position: absolute;
    top: 0;
    right: 0;
}

    .plus:hover {
        opacity: 0.8;
        transition: 0.3s all ease;
    }

.box {
    display: inline-block;
    position: relative;
    opacity: 0;
    top: 50px;
}
/*main-quick*/
#main-slider{position:relative;margin-top:115px;}
#main-slider .mainQ{position:absolute;width:100%;bottom:5%;}
#main-slider .mainQ .mainQM{width: 93%;display: grid;grid-template-columns: 2fr 1fr;margin: 0 auto;border-radius: 60px;padding: 10px 0;background-color:rgba(255,255,255,.9);}
#main-slider .mainQ .mainQM .mainQL{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items: center;justify-items: center;}
#main-slider .mainQ .mainQM .mainQL .mainQBT{position:relative;padding:55px;background-color:transparent;transition: all ease 0.2s;border-radius:50%;}
#main-slider .mainQ .mainQM .mainQL .mainQBT:hover{box-shadow: 1.1px 2.8px 7px 0 rgba(0, 0, 0, 0.35);background-color: #fff;transition: all ease 0.2s;border-radius:50%;}
#main-slider .mainQ .mainQM .mainQL .mainQBT .newB{position:absolute;padding: 10px;background-color: #dc242c;border-radius: 50%;bottom: 65%;left: 65%;}
#main-slider .mainQ .mainQM .mainQL .mainQBT .newB > h1{position: absolute;font-size: 11px;transform: translate(50%, -50%);color: #fff;margin: 0;top: 50%;right: 50%;}
#main-slider .mainQ .mainQM .mainQL .mainQBT img{position: absolute;transform: translate(50%, -50%);right: 50%;top: 35%;}
#main-slider .mainQ .mainQM .mainQL .mainQBT > h1{margin: 0;font-size: 20px;position: absolute;width: 100%;text-align: center;
transform: translate(50%, -50%);right: 50%;top: 70%;color: #000;}
#main-slider .mainQ .mainQM .mainQR{display: inline-flex;gap: 40px;justify-content: center;position:relative;}
#main-slider .mainQ .mainQM .mainQR::after {content: "";position: absolute;left: 0;top: 50%;height: 85%;width: 1px;background-color: #000;transform: translate(50%, -50%);opacity:.2;}
#main-slider .mainQ .mainQM .mainQR .mainQRBT{display: inline-flex;flex-direction: column;justify-content: center;align-items: center;gap: 5px;text-decoration:none;cursor:pointer;}
#main-slider .mainQ .mainQM .mainQR .mainQRBT:hover{animation-name: updown;animation-duration: 1s;animation-duration: leaner;animation-iteration-count: 1;
animation-direction: alternate;animation-fill-mode: forwards;}
#main-slider .mainQ .mainQM .mainQR .mainQRBT .circle{padding: 25px;position: relative;border-radius: 50%;background-color: #fff;}
#main-slider .mainQ .mainQM .mainQR .mainQRBT .circle img{position: absolute;transform: translate(50%, -50%);right: 50%;top: 50%;}
#main-slider .mainQ .mainQM .mainQR .mainQRBT h1{margin: 0;font-size: 20px;width: 100%;text-align: center;color: #000;}

#mainQ .mainQ{position:relative;}
#mainQ .mainQ .mainQM{width: 100%;margin: 0 auto;padding: 10px 0;background-color:rgba(255,255,255,.9);}
#mainQ .mainQ .mainQM .mainQL{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items: center;justify-items: center;}
#mainQ .mainQ .mainQM .mainQL .mainQBT{position:relative;padding:55px;background-color:transparent;transition: all ease 0.2s;border-radius:50%;}
#mainQ .mainQ .mainQM .mainQL .mainQLBT:hover{box-shadow: 1.1px 2.8px 7px 0 rgba(0, 0, 0, 0.35);background-color: #fff;transition: all ease 0.2s;border-radius:50%;}
#mainQ .mainQ .mainQM .mainQL .mainQRBT:hover{box-shadow: 1.1px 2.8px 7px 0 rgba(0, 0, 0, 0.35);background-color: #fff;transition: all ease 0.2s;border-radius:50%;}
#mainQ .mainQ .mainQM .mainQL .mainQBT .newB{position:absolute;padding: 10px;background-color: #dc242c;border-radius: 50%;bottom: 65%;left: 65%;}
#mainQ .mainQ .mainQM .mainQL .mainQBT .newB > h1{position: absolute;font-size: 11px;transform: translate(50%, -50%);color: #fff;margin: 0;top: 50%;right: 50%;}
#mainQ .mainQ .mainQM .mainQL .mainQBT img{position: absolute;transform: translate(50%, -50%);right: 50%;top: 35%;}
#mainQ .mainQ .mainQM .mainQL .mainQBT > h1{margin: 0;font-size: 17px;position: absolute;width: 100%;text-align: center;
transform: translate(50%, -50%);right: 50%;top: 70%;color: #000;}
#mainQ .mainQ .mainQM .mainQL::after {content: "";position: absolute;left: 0;top: 50%;height: 85%;width: 1px;background-color: #000;transform: translate(50%, -50%);opacity:.2;}
#mainQ .mainQ .mainQM .mainQL .mainQBT .circle{padding: 25px;position: absolute;border-radius: 50%;background-color: #fff;transform: translate(50%, -50%);right: 50%;top: 35%;}
#mainQ .mainQ .mainQM .mainQL .mainQBT .circle img{position: absolute;transform: translate(50%, -50%);right: 50%;top: 50%;}
#main-1{position:relative;height: 937px;}
#main-1 .main1BG {
    background-image: url('../images/2.worship_bg_new.png');
    height: 937px;
    width: 100%;
    position:absolute;
}
#main-1 .main1M .main1T{position: relative;width: 100%;text-align: center;padding: 145px 0 55px;}
#main-1 .main1M .main1T h1{margin: 0;line-height: 1.5;font-size: 36px;letter-spacing: 1.5px;color: #fff;}
#main-1 .main1M .main1T h5{line-height: 2;margin: 0;color: #fff;letter-spacing: 5px;}
#main-1 .main1M .sermonNM{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:4.5%;}
#main-1 .main1M .sermonNM .sermonSM{}
#main-1 .main1M .sermonNM .sermonSM .sermonHF{text-decoration:none;position:relative;}
#main-1 .main1M .sermonNM .sermonSM .sermonHF:hover{animation-name: updown2;animation-duration: 1s;animation-duration: leaner;animation-iteration-count: 1;
animation-direction: alternate;animation-fill-mode: forwards;}
#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonBG{aspect-ratio:1920/1080; background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 20px;background-color: #000;}
#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT{}
#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT h3{font-size: 17px;color: #dc242c;text-align:left;margin:0;padding-bottom:10px;}
#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT h1{font-size: 22px;color: #fff;text-align:left;margin:0;word-wrap: break-word;overflow:hidden;
display: -webkit-box;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom:20px;}
#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT hr{margin:20px 0 40px; border: 3px solid #fff;}
#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT .sermonST{display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT .sermonST h5{font-size: 17px;color: #fff;margin:0;}
#main-1 .main1M .sermonNM .sermonSM ul{}
#main-1 .main1M .sermonNM .sermonSM ul a{text-decoration:none;color:#fff;}
#main-1 .main1M .sermonNM .sermonSM ul a li{display: grid;grid-template-columns: 4fr 1fr;justify-items: end;}
#main-1 .main1M .sermonNM .sermonSM ul a li h1{font-size: 17px;margin: 0;word-wrap: break-word;overflow: hidden;display: -webkit-box;
white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height:3;}
/*
#main-1 .main1M{position:absolute;height:100%;width:100%;}
#main-1 .main1M .main1T{position: absolute;right: 13%;top: 20%;text-align: right;}
#main-1 .main1M .main1T h1{margin: 0;font-size: 62px;color: #fff;line-height: 1.2;}
#main-1 .main1M .main1T span{color: #fff;font-size: 38px;position: absolute;right: 3%;}

#main-1 .main1M .sermonM{display: inline-block;position: absolute;left: 15%;top: 25%;width: 45%;}
#main-1 .main1M .sermonM .sermonD{text-align: right;width: 24%;display: inline-block;
padding: 10px 5% 5px 0; border-right: 1px solid #fff;}
#main-1 .main1M .sermonM .sermonD h5{margin: 0;font-size: 24px;color: #fff;line-height: 1.2;letter-spacing: 0.5px;}
#main-1 .main1M .sermonM .sermonD h1{margin: 0;font-size: 62px;line-height: 1.2; color:#fff;}
#main-1 .main1M .sermonM hr{margin: 60px 0 20px;width: 3%;display: block;}
#main-1 .main1M .sermonM .sermonMT{text-decoration:none;}
#main-1 .main1M .sermonM .sermonMT:hover h1,
#main-1 .main1M .sermonM .sermonMT:focus h1,
#main-1 .main1M .sermonM .sermonMT:focus h5,
#main-1 .main1M .sermonM .sermonMT:focus h5{font-weight:bold;}
#main-1 .main1M .sermonM .sermonMT h1{margin: 0;line-height: 1.7;color: #fff;font-size:36px;word-break:keep-all; padding: 65px 0 0}
#main-1 .main1M .sermonM .sermonMT h5{margin: 0;line-height: 1.5;color: #fff;font-size: 20px;letter-spacing: 1px;}
#main-1 .main1M .sermonM .sermonMBTN{margin: 35px 0 15px;display: inline-block;width:100%;}
#main-1 .main1M .sermonM .sermonMBTN a{background-color:#191919;padding: 20px 50px;text-decoration: none;color: #fff;font-size: 20px;
line-height: 1.5;display: inline-block;letter-spacing:0.5px;float:left;width:30%;text-align:center;transition: all ease 0.2s;}
#main-1 .main1M .sermonM .sermonMBTN a:nth-child(1){margin: 0 10px 0 0;}
#main-1 .main1M .sermonM .sermonMBTN a:hover,
#main-1 .main1M .sermonM .sermonMBTN a:focus{font-weight:bold;}
#main-1 .main1M .sermonM .sermonMBTN a:before{background-color:#DC242C;}
#main-1 .main1M .sermonM .sermonSBTN{margin: 0;display: inline-block;width:100%;}
#main-1 .main1M .sermonM .sermonSBTN a{background-color:#191919;padding: 20px;text-decoration: none;color: #fff;font-size: 20px;
line-height: 1.5;display: inline-block;letter-spacing:0.5px;float:left;margin: 0 10px 0 0;width:30%;text-align:center;}
#main-1 .main1M .sermonM .sermonSBTN a:hover,
#main-1 .main1M .sermonM .sermonSBTN a:focus{font-weight:bold;}
#main-1 .main1M .sermonM .sermonSBTN a:before{background-color:#DC242C;}
*/

#main-2{position:relative;height: 937px;}
#main-2 .main2BG {
    background-image: url('../images/3.live_bg.jpg');
    height: 937px;
    width: 100%;
    position: absolute;
    /* 배경이미지는 최소 1920*960으로 제작해야 문제가 안생김 */
    background-repeat: no-repeat; /* 배경이미지X */
    background-size: cover; /* 요소를 비율에 맞게 커버 */
    background-position: center; /* 이미지를 요소의 정가운데로 처리 */
    background-attachment: fixed; /* 스크롤바 움직일때 이미지가 따라다님 */
}
#main-2 .main2M .main2T{position: absolute;top: 35%;text-align: center;border: none;display: block;
transform: translate(0,-50%);left: 0;width: 100%;}
#main-2 .main2M .main2T h1{margin: 0;line-height: 1.5;font-size: 72px;color: #fff;}
#main-2 .main2M .LIVEM{position: absolute;top: 60%;text-align: center;border: none;display: block;
transform: translate(0,-50%);left: 0;width: 100%;}
#main-2 .main2M .LIVEM a{text-decoration: none;padding: 20px;background-color: #191919;
text-align: center;margin: 0 15px;font-size: 24px;width: 20%; color:#fff;}
#main-2 .main2M .LIVEM a:hover,
#main-2 .main2M .LIVEM a:focus{font-weight:bold;}
#main-2 .main2M .LIVEM a:before{background-color:#DC242C;}
#main-2 .main2M .LIVEB{position: absolute;top: 73%;text-align: center;border: none;display: block;
transform: translate(0,-50%);left: 0;width: 100%;}
#main-2 .main2M .LIVEBM{width:42%;margin:0 auto; text-align:left;}
#main-2 .main2M .LIVEBM p{margin: 0;line-height: 1.5;color: #fff;font-size: 22px;}

#main-3{position:relative;height: 937px;}
#main-3 .main3BG {
    background-image: url('../images/4.news_bg.jpg');
    height: 937px;
    width: 100%;
    position: absolute;
    /* 배경이미지는 최소 1920*960으로 제작해야 문제가 안생김 */
    background-repeat: no-repeat; /* 배경이미지X */
    background-size: cover; /* 요소를 비율에 맞게 커버 */
    background-position: center; /* 이미지를 요소의 정가운데로 처리 */
    background-attachment: fixed; /* 스크롤바 움직일때 이미지가 따라다님 */
}
#main-3 .main3M .main3T{position: absolute;top: 20%;text-align: center;border: none;display: block;
transform: translate(0,-50%);left: 0;width: 100%;}
#main-3 .main3M .main3T h1{margin: 0;line-height: 1.5;font-size: 36px;letter-spacing: 1.5px;color: #fff;}
#main-3 .main3M .main3T h5{line-height: 2;margin: 0;color: #fff;letter-spacing: 5px;}
#main-3 .main3M .main3BM{position: absolute;top: 60%;text-align: center;
border: none;display: block;transform: translate(0,-50%);left: 0;width: 100%;}
#main-3 .main3M .main3BM .newsM{height:450px;padding: 40px;background-color:#fff;position:relative;}
#main-3 .main3M .main3BM .newsM .newsT a{display: inline-block;padding: 0 0 30px;width: 100%;border-bottom: 1px solid #ccc; text-decoration:none;}
#main-3 .main3M .main3BM .newsM .newsT a h1{margin:0;font-size: 30px;color: #000;}
#main-3 .main3M .main3BM .newsM ul{padding:40px 0;}
#main-3 .main3M .main3BM .newsM ul a{transition: all ease 0.2s;}
#main-3 .main3M .main3BM .newsM ul a:hover,
#main-3 .main3M .main3BM .newsM ul a:focus{font-weight:bold;}
#main-3 .main3M .main3BM .newsM ul a li{font-size: 18px;color: #000;text-align: left;
line-height: 1.8;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;float: left;}
#main-3 .main3M .main3BM .newsM .newsBTN{position: absolute;left: 0;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);top: 100%;}
#main-3 .main3M .main3BM .newsM .newsBTN:hover img,
#main-3 .main3M .main3BM .newsM .newsBTN:focus img
{animation: spinspin 1s ease-out; -webkit-animation: spinspin 1s ease-out;transition: all 1s;}
#main-3 .main3M .main3BM .juboM{height:450px;padding: 40px;background-color:#fff;position:relative;}
#main-3 .main3M .main3BM .juboM .juboT a{display: inline-block;padding: 0 0 30px;width: 100%;border-bottom: 1px solid #ccc; text-decoration:none;}
#main-3 .main3M .main3BM .juboM .juboT a h1{margin:0;font-size: 30px;color: #000;}
#main-3 .main3M .main3BM .juboM ul{padding:25px 0;display:inline-block;}
#main-3 .main3M .main3BM .juboM ul a{transition: all ease 0.2s;}
#main-3 .main3M .main3BM .juboM ul a:hover,
#main-3 .main3M .main3BM .juboM ul a:focus{font-weight:bold;}
#main-3 .main3M .main3BM .juboM ul a li{font-size: 18px;color: #000;text-align: left;line-height: 1.8;float:left;padding:10px 0; width:100%;}
#main-3 .main3M .main3BM .juboM ul a li span{padding:0 10px;float:left;}
#main-3 .main3M .main3BM .juboM ul a li span:nth-child(1){color: #fff;background-image: url(../images/4.news_more.png);background-size: 100%;
background-position: center;background-repeat: no-repeat;}
#main-3 .main3M .main3BM .juboM ul a li span:nth-child(2){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 70%;}
#main-3 .main3M .main3BM .juboM .juboBTN{position: absolute;left: 0;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);top: 100%;}
#main-3 .main3M .main3BM .juboM .juboBTN:hover img,
#main-3 .main3M .main3BM .juboM .juboBTN:focus img
{animation: spinspin 1s ease-out; -webkit-animation: spinspin 1s ease-out;transition: all 1s;}

#main-3 .main3M .main3BM .todayQTM{height:450px;padding: 40px;background-color:#fff;position:relative;}
#main-3 .main3M .main3BM .todayQTM .todayQTTB h1{margin: 0;line-height: 3;font-size: 17px;text-align: left;}
#main-3 .main3M .main3BM .todayQTM .todayQTTB h5{line-height: 3;margin: 0;font-size: 17px;}
#main-3 .main3M .main3BM .todayQTM .todayQTTB table{border: none;height: 175px;overflow: hidden;display: inline-block;}
#main-3 .main3M .main3BM .todayQTM .todayQTTB table tbody tr td{font-size: 15px;word-break: keep-all;padding: 5px; text-align:left;}
#main-3 .main3M .main3BM .todayQTM .todayQTTB table tbody tr td:nth-child(1){vertical-align: top;}
#main-3 .main3M .main3BM .todayQTM .todayQTT a{display: inline-block;padding: 0 0 30px;width: 100%;border-bottom: 1px solid #ccc; text-decoration:none;}
#main-3 .main3M .main3BM .todayQTM .todayQTT a h1{margin:0;font-size: 30px;color: #000;}
#main-3 .main3M .main3BM .todayQTM .todayQTBTN{position: absolute;left: 0;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);top: 100%;}
#main-3 .main3M .main3BM .todayQTM .todayQTBTN:hover img,
#main-3 .main3M .main3BM .todayQTM .todayQTBTN:focus img
{animation: spinspin 1s ease-out; -webkit-animation: spinspin 1s ease-out;transition: all 1s;}


#main-4{position:relative;height: 937px;}
#main-4 .main4BG {
    background-image: url('../images/5.nextgeneration_bg.jpg');
    height: 937px;
    width: 100%;
    position: absolute;
    /* 배경이미지는 최소 1920*960으로 제작해야 문제가 안생김 */
    background-repeat: no-repeat; /* 배경이미지X */
    background-size: cover; /* 요소를 비율에 맞게 커버 */
    background-position: center; /* 이미지를 요소의 정가운데로 처리 */
    background-attachment: fixed; /* 스크롤바 움직일때 이미지가 따라다님 */
}
#main-4 .main4M{position: absolute;top: 55%;text-align: center;
border: none;display: block;transform: translate(0,-50%);left: 0;width: 100%;}
#main-4 .main4M .joyNG{height:250px; color:#fff; text-align:left;display:inline-block;margin:15px 0;}
#main-4 .main4M .joyNG h1{margin:0;font-size: 62px;
line-height: 1.5;}
#main-4 .main4M .joyNG h5{margin: 0;line-height: 2;font-size: 17px;letter-spacing: 4px;margin-bottom: 20px;}
#main-4 .main4M .joyNG span{font-size: 17px;letter-spacing: 0.5px;word-break: keep-all;line-height: 1.3;}
#main-4 .main4M .joyNGW{height: 250px;color: #fff;text-align: left;display: inline-block;padding: 25px 55px 0;position:relative;
background-color: #fff;margin: 15px 0;width: 100%;}
#main-4 .main4M .joyNGW::after{display: block;position: absolute;z-index: -1;left: 0;top: 0;
content: '';width: 100%;height: 100%;/*background: rgba(0,0,0,.3);*/box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);}
#main-4 .main4M .joyNGW:hover,
#main-4 .main4M .joyNGW:focus{-webkit-transform: translate(-10px,-10px);
transform: translate(-10px,-10px);transition: all 0.5s;}
#main-4 .main4M .joyNGW h1{margin: 0;font-size: 48px;line-height: 1.5;color: #DB252D;text-align: center;}    
#main-4 .main4M .joyNGW h5{margin: 20px 0;line-height: 1.5;font-size: 17px;letter-spacing: 0.5px;text-align: center;color:#bbb;}
#main-4 .main4M .joyNGW span{color:#DB252D;}

#main-5{position:relative;height: 937px;}
#main-5 .main5BG {
    background-image: url('../images/6.banner_bg_new.jpg');
    height: 937px;
    width: 100%;
    position:absolute;
    /* 배경이미지는 최소 1920*960으로 제작해야 문제가 안생김 */
    background-repeat: no-repeat; /* 배경이미지X */
    background-size: cover; /* 요소를 비율에 맞게 커버 */
    background-position: center; /* 이미지를 요소의 정가운데로 처리 */
    background-attachment: fixed; /* 스크롤바 움직일때 이미지가 따라다님 */
}
#main-5 .main5M .main5TOP{position: absolute;top: 45%;text-align: center;
border: none;display: block;transform: translate(0,-50%);left: 0;width: 100%;}
#main-5 .main5M .main5TOP h1{margin: 0;line-height: 2;color: #fff;font-size: 40px;letter-spacing: 0.5px;}
#main-5 .main5M .main5TOP h5{line-height: 2;color: #fff;font-size: 28px;letter-spacing: 0.5px;margin: 0;}
#main-5 .main5M .main5TOP span{color: #fff;font-size: 16px;line-height: 1.5;width: 48%;
                               display: inline-block;word-break: keep-all;}
#main-5 .main5M .main5TOP .topBTN{height: 100%;width: 100%;display: flex;flex-direction: row;padding-top:15px;
justify-content: center;align-items: flex-end;}
#main-5 .main5M .main5TOP .topBTN a{display:inline-block; padding:15px; width:12%;position:relative;}
#main-5 .main5M .main5TOP .topBTN a img{display:block; margin:0 auto 10px;}
#main-5 .main5M .main5TOP .topBTN a span{color: #fff;font-size: 16px;line-height: 1.5;display: inline-block;word-break: keep-all;
width:100%;}
#main-5 .main5M .main5TOP .topBTN a hr{position: absolute;
top: 80%;text-align: center;width: 0%;transition: all 0.5s;left: 25%;
font-size: 20px;background-color: #fff;display: block;
transform: translate(0,-50%);letter-spacing: 1px;border: 1.5px solid;opacity: 0;
border-color: #fff;}
#main-5 .main5M .main5TOP .topBTN a:hover,
#main-5 .main5M .main5TOP .topBTN a:focus
{-webkit-transform: translate(0px,-25px);transform: translate(0px,-25px);transition: all 0.5s;font-weight:bold;}
#main-5 .main5M .main5TOP .topBTN a:hover hr,
#main-5 .main5M .main5TOP .topBTN a:focus hr{opacity: 1; width: 50%;}
#main-5 .main5M .main5BOTTOM{position: absolute;top: 82%;text-align: center;border: none;display: block;transform: translate(0,-50%);
left: 0;width: 100%;}
#main-5 .main5M .main5BOTTOM a{margin: 15px;float: left;background-color: #F9F9F9;width: 100%;text-decoration: none;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN{display: inline-block;width: 100%;min-height: 250px;position: relative;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN h5{font-size: 20px;color: #666666;margin: 0;position: absolute;top: 65%;word-break:keep-all;
text-align: center;width: 100%;border: none;display: block;transform: translate(0,-50%);}
#main-5 .main5M .main5BOTTOM a .main5quickBTN hr{position: absolute;top: 65%;text-align: center;width: 0%;
transition: all 0.5s;left: 10%;font-size: 20px;background-color: #fff;display: block;transform: translate(0,-50%);
letter-spacing: 1px;border: 1.8px solid;opacity: 0;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN .kara{color:#90866B;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN .mtc{color:#22567D;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN .red{color:#DA0000;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN .green{color:#32B349;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN .main5IMG{position: absolute;top: 40%;text-align: center;
width: 100%;border: none;display: block;transform: translate(0,-50%);}
#main-5 .main5M .main5BOTTOM a:hover,
#main-5 .main5M .main5BOTTOM a:focus{-webkit-transform: translate(0px,-25px);
transform: translate(0px,-25px);transition: all 0.5s;font-weight: bold;}
#main-5 .main5M .main5BOTTOM a .main5quickBTN:hover hr,
#main-5 .main5M .main5BOTTOM a .main5quickBTN:focus hr{opacity: 1; width: 80%;}
#main-5 .main5M .main5BOTTOM .container .row{display: flex;flex-direction: row;justify-content: space-around;align-items: flex-end;}

.view-more {
    display: inline-block;
    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: 1;
    font-weight: 100;
}

.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: 135%;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;}

.homeLNAV ul li h1{font-size: 24px;margin: 0;position: absolute;left: 100%;
top: 50%;transform: translate(0,-50%);color: #FF8000;display: inline-block;width: 100%;text-align: center;}

@media(min-width:1700px) and (max-width:1852px) {
    #main-1 .main1M .sermonM .sermonD{width:26%;}
    #main-1 .main1M .sermonM .sermonMBTN a{width:30%;}
    #main-1 .main1M .sermonM .sermonSBTN a{width:30%;}
    #main-4 .main4M .joyNGW{word-break:keep-all}
    .go_biblesc{top:35%;}
}
@media (min-width:1500px) and (max-width:1699px) {
    #main-1 .main1M .main1T{top: 25%;}
    #main-1 .main1M .sermonM{width: 60%;top: 35%;}
    #main-1 .main1M .sermonM .sermonMBTN a,
    #main-1 .main1M .sermonM .sermonSBTN a{width: 25%;padding: 20px 25px;}
    #main-4 .main4M .joyNGW{word-break: keep-all;padding: 30px 15px 0;}
	#main-5 .main5M .main5BOTTOM a .main5quickBTN h5{line-height:1.3;}
	#main-5 .main5M .main5BOTTOM a .main5quickBTN hr{top: 70%;}
    .go_biblesc{top:35%;}

}
@media (min-width:1200px) and (max-width:1499px) {
    #mainQ .mainQ .mainQM .mainQL{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
    #main-slider .mainQ .mainQM .mainQL .mainQBT{padding:45px;}
    #main-slider .mainQ .mainQM .mainQL .mainQBT > h1{font-size:17px;}
    #main-slider .mainQ .mainQM .mainQR {gap: 20px;}
    #main-slider .mainQ .mainQM .mainQR .mainQRBT h1{font-size:17px;}
    #main-1 .main1M .main1T {top: 25%;}
    #main-1 .main1M .sermonM{width: 70%;top: 40%;}
    #main-1 .main1M .sermonM .sermonMBTN a,
    #main-1 .main1M .sermonM .sermonSBTN a{width: 25%;padding: 20px 25px;font-size: 17px;}
	#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonBG{}
    #main-2 .main2M .LIVEM a{width: 20%;}
    #main-4 .main4M .joyNGW{word-break: keep-all;padding: 35px 15px 0;}
	#main-4 .main4M .joyNGW h5{font-size:15px;}
    .go_biblesc{top:35%;}
}

@media (min-width:993px) and (max-width:1199px) {
    #main-slider .mainQ .mainQM {width: 97%;}
    #main-slider .mainQ .mainQM .mainQL .mainQBT{padding:40px;}
    #main-slider .mainQ .mainQM .mainQL .mainQBT > h1{font-size:15px;}
    #main-slider .mainQ .mainQM .mainQR {gap: 10px;}
    #main-slider .mainQ .mainQM .mainQR .mainQRBT h1{font-size:15px;}
    #mainQ .mainQ .mainQM .mainQL{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	#main-1 .main1BG{background-position:60%;}
    #main-1 .main1M .main1T{top: 25%;}
    #main-1 .main1M .sermonM{width: 70%;top: 40%;}
    #main-1 .main1M .sermonM .sermonMBTN a,
    #main-1 .main1M .sermonM .sermonSBTN a{width: 25%;padding: 20px 15px;}
    #main-1 .main1M .main1T h1{font-size:40px;}
    #main-1 .main1M .main1T span{font-size:30px;}
    #main-1 .main1M .sermonM .sermonD h5{font-size:20px;}
    #main-1 .main1M .sermonM .sermonD h1{font-size:40px;}
    #main-1 .main1M .sermonM .sermonMT h1{font-size:30px;}
    #main-1 .main1M .sermonM .sermonMT h5{font-size:17px;}
    #main-1 .main1M .sermonM .sermonSBTN a,
    #main-1 .main1M .sermonM .sermonMBTN a{font-size:17px;}
	#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonBG{}
    #main-2 .main2M .LIVEM a{width: 20%;}
    #main-4 .main4M .joyNGW{word-break: keep-all;padding: 30px 15px 0;}
    #main-2 .main2M .main2T h1{font-size:55px;}
    #main-2 .main2M .LIVEM a{font-size:20px;}
    #main-2 .main2M .LIVEBM{width:50%;}
    #main-2 .main2M .LIVEBM p{font-size:20px;}
	#main-3,
	#main-3 .main3BG{height:1255px;}
	#main-3 .main3BM .container .row > div{padding:15px;width:50%;float:left;margin-bottom: 55px;}
    #main-3 .main3BM .container .row > div:last-child{width:100%;margin-bottom: 0;}
	#main-3 .main3M .main3T{top:5%;}
	#main-3 .main3M .main3BM{top:50%;}
    #main-3 .main3M .main3BM .newsM .newsT a h1{font-size: 27px;}
    #main-3 .main3M .main3BM .newsM ul a li,
    #main-3 .main3M .main3BM .juboM ul a li{font-size:17px;}
    #main-4 .main4M .container .row > div{width:50%;}
    #main-5,
    #main-5 .main5BG{height:1700px;}
    #main-5 .main5M .main5TOP{top: 20%;}
    #main-5 .main5M .main5BOTTOM{top: 66%;}
    #main-5 .main5M .main5BOTTOM .container .row{display:inline-block;width:100%;}
    #main-5 .main5M .main5BOTTOM .container .row a{display:inline-block;float:left;width:46.8%;}
    .go_biblesc{top:35%;}

}

@media (min-width:768px) and (max-width:992px) {
    #main-slider .mainQ{display:none;}
    #jarallax-container-1 > div{height:100%!important;}
    #main-1{height:inherit;padding-bottom: 80px;}
    #main-1 .main1M .main1T {padding: 45px 0 20px;}
    /*
	#main-1 .main1BG{background-position: 61%;}
    #main-1 .main1M .main1T{top: 15%;}
    #main-1 .main1M .sermonM{width: 70%;top: 30%;}
    #main-1 .main1M .sermonM .sermonMT h1{padding:40px 0 0;}
    #main-1 .main1M .sermonM .sermonMBTN a,
    #main-1 .main1M .sermonM .sermonSBTN a{width: 30%;padding: 20px 15px;}
    #main-1 .main1M .main1T h1{font-size:36px;}
    #main-1 .main1M .main1T span{font-size:28px;}
    #main-1 .main1M .sermonM .sermonD h5{font-size:20px;}
    #main-1 .main1M .sermonM .sermonD h1{font-size:40px;}
    #main-1 .main1M .sermonM .sermonMT h1{font-size:30px;}
    #main-1 .main1M .sermonM .sermonMT h5{font-size:17px;}
    #main-1 .main1M .sermonM .sermonSBTN a,
    #main-1 .main1M .sermonM .sermonMBTN a{font-size:15px;}
    */
    #main-1 .main1M .sermonNM .sermonSM ul a li {grid-template-columns: 3fr 1fr;}
    #main-1 .main1M .sermonNM {grid-template-columns: 1fr 1fr;}
    #main-1 .main1M .sermonNM .sermonL{grid-column: auto / span 2;}
    #main-1 .main1M .sermonNM .sermonL ul a li {display: grid;grid-template-columns: 6fr 1fr;}
    #main-1 .main1M .sermonNM .sermonL ul a li h1{width:100%;}
	#main-1 .main1M .sermonNM .sermonL .sermonHF .sermonBG {height: 405px;}
	#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonBG {}
    #mainQ .mainQ .mainQM .mainQL{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}
    #main-2 .main2M .main2T{top:30%;}
    #main-2 .main2M .main2T h1{font-size:40px;}
    #main-2 .main2M .LIVEM{top: 55%;}
    #main-2 .main2M .LIVEM a{width: 35%; font-size:17px;padding: 20px; margin: 15px;}
    #main-2 .main2M .LIVEBM{width:55%;}
    #main-2 .main2M .LIVEBM p{font-size:17px;}
    #main-3,
    #main-3 .main3BG{height:1300px;}
    #main-3 .main3BM .container .row > div{padding:15px;width:50%;float:left;margin-bottom: 55px;}
    #main-3 .main3BM .container .row > div:last-child{width:100%;margin-bottom: 0;}
    #main-3 .main3M .main3T{top: 10%;}
    #main-3 .main3M .main3BM{top: 55%;}
    #main-3 .main3M .main3BM .newsM .newsT a h1{font-size: 27px;}
    #main-3 .main3M .main3BM .newsM ul a li,
    #main-3 .main3M .main3BM .juboM ul a li{font-size:17px;}
    #main-4 .main4M{top: 50%;}
    #main-4 .main4M .container .row > div{width:50%;float:left;}
	#main-4 .main4M .joyNGW{word-break: keep-all;padding: 35px 15px 0;}
	#main-4 .main4M .joyNGW h5{font-size:15px;}
    #main-5,
    #main-5 .main5BG{height:1700px;}
    #main-5 .main5M .main5TOP{top: 20%;}
    #main-5 .main5M .main5BOTTOM{top: 66%;}
    #main-5 .main5M .main5BOTTOM .container .row{display:inline-block;width:100%;}
    #main-5 .main5M .main5BOTTOM .container .row a{display:inline-block;float:left;width:45.8%;}
}

@media (max-width:767px) {
	#main-slider{margin-top:75px;}
    #main-slider .mainQ{display:none;}
    #mainQ .mainQ{position:relative;}
    #mainQ .mainQ .mainQM{width: 100%;display: grid;grid-template-columns: 1fr;margin: 0 auto;border-radius: 60px;padding: 10px 0;background-color:rgba(255,255,255,.9);}
    #mainQ .mainQ .mainQM .mainQL{display: grid;grid-template-columns: 1fr 1fr 1fr;align-items: center;justify-items: center;}
    #mainQ .mainQ .mainQM .mainQL .mainQBT{position:relative;padding:55px;background-color:transparent;transition: all ease 0.2s;border-radius:50%;}
    #mainQ .mainQ .mainQM .mainQL .mainQBT .newB{position:absolute;padding: 10px;background-color: #dc242c;border-radius: 50%;bottom: 65%;left: 65%;}
    #mainQ .mainQ .mainQM .mainQL .mainQBT .newB > h1{position: absolute;font-size: 11px;transform: translate(50%, -50%);color: #fff;margin: 0;top: 50%;right: 50%;}
    #mainQ .mainQ .mainQM .mainQL .mainQBT img{position: absolute;transform: translate(50%, -50%);right: 50%;top: 35%;}
    #mainQ .mainQ .mainQM .mainQL .mainQBT > h1{margin: 0;font-size: 15px;position: absolute;width: 100%;text-align: center;
    transform: translate(50%, -50%);right: 50%;top: 70%;color: #000;}
    #mainQ .mainQ .mainQM .mainQL::after {content: "";position: absolute;left: 0;top: 50%;height: 85%;width: 1px;background-color: #000;transform: translate(50%, -50%);opacity:.2;}
    #mainQ .mainQ .mainQM .mainQL .mainQBT .circle{padding: 25px;position: absolute;border-radius: 50%;background-color: #fff;transform: translate(50%, -50%);right: 50%;top: 35%;}
    #mainQ .mainQ .mainQM .mainQL .mainQBT .circle img{position: absolute;transform: translate(50%, -50%);right: 50%;top: 50%;}
    #jarallax-container-1 > div{height:100%!important;}
    #main-1{height:inherit;padding-bottom: 110px;}
    #main-1 .main1M .main1T {padding: 45px 0 20px;}
    #main-1 .main1M .main1T h1{font-size:20px;}
    #main-1 .main1M .main1T h5{font-size:17px;}
    #main-1 .main1M .sermonNM {grid-template-columns: 1fr;gap: 2%;}
    #main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT h1{font-size:20px;margin-bottom: 10px;}
    #main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonT .sermonST h5{font-size:15px;}
    #main-1 .main1M .sermonNM .sermonSM ul a li {grid-template-columns: 2fr 1fr;}
    #main-1 .main1M .sermonNM .sermonSM ul a li h1{width:100%;font-size:17px;line-height:2.5;}
    #main-1 .main1M .sermonNM .sermonSM ul a li h1:nth-child(2){text-align:right;}
	#main-1 .main1M .sermonNM .sermonSM .sermonHF .sermonBG {}
    /*
    #main-1,
    #main-1 .main1BG{height:495px;}
	#main-1 .main1BG{background-position: 64%;}
    #main-1 .main1M .main1T{top: 5%;}
    #main-1 .main1M .sermonM{width: 70%;top: 20%;left: 15%;}
    #main-1 .main1M .sermonM .sermonMBTN a,
    #main-1 .main1M .sermonM .sermonSBTN a{width: 45%;padding: 10px;margin: 5px;}
    #main-1 .main1M .sermonM .sermonSBTN a{margin-bottom:15px;}
    #main-1 .main1M .main1T h1{font-size:20px;}
    #main-1 .main1M .main1T span{font-size:15px;}
    #main-1 .main1M .sermonM .sermonMT h1{padding:20px 0 0;}
    #main-1 .main1M .sermonM hr{margin: 30px 0 10px; width:5%;}
    #main-1 .main1M .sermonM .sermonD{width:27%;}
    #main-1 .main1M .sermonM .sermonD h5{font-size:17px;}
    #main-1 .main1M .sermonM .sermonD h1{font-size:17px;}
    #main-1 .main1M .sermonM .sermonMT h1{font-size:17px;}
    #main-1 .main1M .sermonM .sermonMT h5{font-size:15px;}
    #main-1 .main1M .sermonM .sermonSBTN a,
    #main-1 .main1M .sermonM .sermonMBTN a{font-size:15px; word-break:keep-all;}
    */
    #main-2,
    #main-2 .main2BG{height:500px;}
    #main-2 .main2M .LIVEM{top:55%;}
    #main-2 .main2M .LIVEM a{width: 85%; margin:0 0 15px;font-size:15px;padding: 20px 40px;}
    #main-2 .main2M .main2T{top:15%;}
    #main-2 .main2M .main2T h1{font-size:20px;}
    #main-2 .main2M .LIVEB{top:90%;}
    #main-2 .main2M .LIVEBM{width:95%;}
    #main-2 .main2M .LIVEBM p{font-size:15px;}
    #main-3,
    #main-3 .main3BG{height:inherit; position:relative;}
    #main-3 .main3BM .container .row > div{padding:15px;width:100%;float:left;margin-bottom: 55px;}
    #main-3 .main3M{background-image: url('../images/4.news_bg.jpg');
    background-repeat: no-repeat; /* 배경이미지X */
    background-size: cover; /* 요소를 비율에 맞게 커버 */
    background-position: center; /* 이미지를 요소의 정가운데로 처리 */}
    #main-3 .main3M .main3T{top: 5%;position:relative;transform:none; padding-top:50px;}
    #main-3 .main3M .main3T h1{font-size:20px;}
    #main-3 .main3M .main3BM{top: 50%; position:relative;transform:none;}
    #main-3 .main3M .main3BM .newsM{height: 305px;}
    #main-3 .main3M .main3BM .juboM{height: 340px;}
    #main-3 .main3M .main3BM .newsM .newsT a h1,
    #main-3 .main3M .main3BM .juboM .juboT a h1,
    #main-3 .main3M .main3BM .todayQTM .todayQTT a h1{font-size: 17px;}
    #main-3 .main3M .main3BM .newsM,
    #main-3 .main3M .main3BM .juboM,
    #main-3 .main3M .main3BM .todayQTM{padding:20px;}
    #main-3 .main3M .main3BM .newsM .newsBTN img,
    #main-3 .main3M .main3BM .juboM .juboBTN img,
    #main-3 .main3M .main3BM .todayQTM .todayQTBTN img{max-width:60px;}
    #main-3 .main3M .main3BM .newsM ul a li,
    #main-3 .main3M .main3BM .juboM ul a li{font-size:15px;}
    #main-3 .main3M .main3BM .todayQTM,
    #main-3 .main3M .main3BM .todayQTM .todayQTTB table{height:inherit;}
    #main-3 .main3M .main3BM .todayQTM .todayQTTB{padding-bottom:30px;}
    #main-4,
    #main-4 .main4BG{height:1350px;}
    #main-4 .main4M{top: 50%;}
    #main-4 .main4M .container .row > div{width:100%;float:left;}
    #main-4 .main4M .joyNG{height:160px;}
    #main-4 .main4M .joyNG h1{font-size:20px;}
    #main-4 .main4M .joyNG h5{font-size:17px;}
    #main-4 .main4M .joyNG span{font-size:15px; word-break:keep-all;}
    #main-4 .main4M .joyNGW{word-break: keep-all;padding: 20px 15px 0;height: 185px;}
    #main-4 .main4M .joyNGW h1{font-size:20px;}
    #main-4 .main4M .joyNGW h5{font-size:15px;}
    #main-5,
    #main-5 .main5BG{height:1300px;}
    #main-5 .main5BG{background-size: 400%;background-position: top center;}
    #main-5 .main5M .main5TOP{top: 15%;}
    #main-5 .main5M .main5TOP h1{font-size:20px;}
    #main-5 .main5M .main5TOP h5{font-size:17px;word-break:keep-all;}
    #main-5 .main5M .main5TOP span{font-size:15px;width: 95%;}
    #main-5 .main5M .main5TOP .topBTN a{width:inherit;}
    #main-5 .main5M .main5BOTTOM{top: 62%;}
    #main-5 .main5M .main5BOTTOM .container .row{display:inline-block;width:100%;margin:0;}
    #main-5 .main5M .main5BOTTOM .container .row a{display:inline-block;float:left;width:42%;margin:10px;}
    #main-5 .main5M .main5BOTTOM a .main5quickBTN h5{font-size:15px; word-break:keep-all;}
    .prev-btn move-btn,
    .next-btn move-btn{display:none!important;}
}

@media (max-width:320px) {
    #main-1 .main1M .sermonM .sermonSBTN a, #main-1 .main1M .sermonM .sermonMBTN a{font-size:13px;}
    #main-2 .main2M .LIVEBM p{font-size:13px;}
    #main-4 .main4M .joyNG h5{font-size:15px;}
    #main-4 .main4M .joyNGW h5{font-size:14px;}
    #main-5 .main5M .main5TOP h5{font-size:15px;}
    #main-5 .main5M .main5BOTTOM .container .row{max-width:290px;}
    #main-5 .main5M .main5BOTTOM .container .row a{width:42%;}
    #main-5 .main5M .main5BOTTOM a .main5quickBTN h5{font-size:13px;}
}