/* common */
.nav-tabs { border-bottom: none; }
.plus { position: absolute; top: 0; right: 0; }
.swiper-slide p.each-img { margin: 0; }
/*.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background: #fff !important; opacity: 1 !important; bottom: 53px !important; width: 58px !important; height: 4px !important; border-radius: unset; }*/
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: '' !important; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: '' !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none !important; }
#mainSlider .swiper-button-next, #mainSlider .swiper-button-prev { border: 2px solid #fff; width: 57px; height: 57px; border-radius: 100%; }

#mainSlider .background { background-attachment: fixed; background-position: center center; display: block; position: relative; /*height: 100vh;*/ background-color: #000; margin: 0 auto; width: 100%; background-size: cover; background-origin: border-box; background-repeat: no-repeat; height: 0; padding-top: calc(989 / 1920 * 100%); }
#mainSlider .button { display: flex; position: absolute; right: 15%; bottom: 30%; flex-direction: row; grid-gap: 40px; }
.plus:hover { opacity: 0.8; transition: 0.3s all ease; }
.box { display: inline-block; position: relative; opacity: 0; top: 50px; }

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

/*main1*/
#main-1 { position: relative; }
#main-1 .quick-wrap { top: -50%; position: absolute; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; background-color: #fff; z-index: 99; width: 80%; padding: 52px 0; border-radius: 29px; }
#main-1 .quick-wrap > a { width: 15%; text-align: center; color: #000; text-decoration: none; }
#main-1 .quick-wrap > a > .quick-button { margin-bottom: 5px; }
#main-1 .quick-wrap > a > .quick-button img {margin-bottom:20px;}
#main-1 .quick-wrap > a > .quick-button > div { text-align: center; display: flex; justify-content: center; }
#main-1 .quick-wrap > a > .quick-button > div > p { font-size: 20px; width: fit-content; padding-bottom: 10px; }
#main-1 .quick-wrap > a > .quick-button:hover > div > p { border-bottom: 1px solid #9A7654; font-weight: bold; }

/*main2*/
#main-2 { padding: 10% 0; background-color: #F9F8F6; }
#main-2 .container { width: 80%; }
#main-2 a { text-decoration: none; }
#main-2 .sermon-wrap { position: relative; margin-bottom: 10%; }
#main-2 .sermon-wrap .sermon-title { margin-bottom: 5%; }
#main-2 .main2M { position: relative; padding-left: 0; text-align: center; }
#main-2 .main2M a, #main-2 main_2_right a { text-decoration: none; }
#main-2 .main2M::before { background-repeat: no-repeat; content: "";width: 100%; height: 100%; background-position: center; background-size: cover; position: absolute; top: 50%; transform: translate(0,-50%); }
#main-2 p { margin: 0; line-height: 1; }
#main-2 > div { position: relative; }
#main-2 .sermon-title > p { font-family: HSBomBaram2; font-size: 42px; word-break: keep-all; }
#main-2 .sermon-subtitle { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 40px; margin-bottom: 5%; }
#main-2 .sermon-subtitle a { color: #000; font-weight: bold; }
#main-2 .sermon-content {}
#main-2 .sermon-viewmore { position: absolute; right: 0; bottom: 0; }
#main-2 .sermon-content a { color: #000; font-size: 17px; }
#main-2 .sermon-viewmore a { display: flex; text-align: center; color: #fff; font-weight: bold; font-size: 17px;justify-content: center; align-items: center;  }
#main-2 .sermon-content a > p { margin-bottom: 10px; }
#main-2 .sermon-viewmore a p { width: fit-content; margin: 0; color: #9a7654; }
#main-2 .sermon-viewmore a img { width: 7px; height: 13px; margin-left: 11px; }
#main-2 .sermon-quick-wrap { display: flex; justify-content: flex-end; align-items: center; }
#main-2 .sermon-quick-wrap > a { width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; background-color: #000; border-radius: 100%; margin: 0 20px; transition: .5s; }
#main-2 .sermon-quick-wrap > a:hover { transform: translateY(-15px); }
#main-2 .sermon-quick-wrap .sermon-quick-menu { text-align: center; }
#main-2 .sermon-quick-wrap .sermon-quick-menu p { color: #fff; font-size: 20px; }
#main-2 .main_2_right { position: relative; padding-right: 0; }
#main-2 .main_2_right .sermon_title { position: absolute; top: 40%; left: 10%; color: #000; transform: translateY(-50%); }
#main-2 .main_2_right .sermon_title:hover { text-decoration: none; }
#main-2 .main_2_right .sermon_bar { background-image: url(../images/2_worship_bar.gif); background-size: contain; background-repeat: no-repeat; width: 133px; height: 18px; position: absolute; left: -49%; }
#main-2 .main_2_right h2 { color: #000; }
#main-2 .main_2_right .h5 { text-align: center; margin-top: 10%; font-size: 17px; }
#main-2 .main_2_right .news_box { display: flex; justify-content: center; align-items: flex-end; height: 100%; width: 100%; }
#main-2 .main_2_right .news_box a { width: 100%; }
#main-2 .main_2_right .news_box .jubo_box { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; color: #fff; text-align: center; }
#main-2 .main_2_right .news_box .jubo_box .jubo_box_title { font-size: 29px; font-weight: bold; margin-bottom: 22px; line-height: 1; }
#main-2 .main_2_right .news_box .jubo_box .jubo_box_subtitle { margin: 0; font-size: 18.5px; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main-2 .main_2_right .news_box .jubo_box .jubo_box_viewmore { margin-top: 24px; margin-bottom: 19.5px; }
#main-2 .main2M .main2T h1 { font-size: 52px; margin: 0; line-height: 1.4; }
#main-2 .main2M .main2T a { text-decoration: none; color: #000; }
#main-2 .main2M .main2T a:hover + img { transform: scale(1.2) translateX(20px); transition: all .5s linear; -webkit-transform: scale(1.2) translateX(20px); }
#main-2 .main2M .main2T a h2 { margin: 0; line-height: 2; font-size: 36px; word-break: keep-all; }
#main-2 .main2M .main2T a h5 { margin: 0; line-height: 1.5; font-size: 24px; }
#main-2 .main2M .main2T img { position: absolute; right: 0; bottom: 0; }
#main-2 .main2M .main2IMGF { width: 45%; float: right; height: 55%; margin: 90px 0 0; position: relative; box-shadow: 5px 5px 20px grey; background-size: cover; }
#main-2 .main2M .main2IMGF img { position: absolute; right: 5%; transform: translate(0,-50%); }
#main-2 .main2M .main2BTN { position: absolute; bottom: 10%; }
#main-2 .main2M .main2LIVE { width: 110px; height: 110px; float: left; }
#main-2 .main2M .main2LIVE:hover { transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all .5s ease-in; }
#main-2 .main2M .main2SP { width: 110px; height: 110px; float: left; }
#main-2 .main2M .main2SP:hover { transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all .5s ease-in; }
#main-2 .main_2_right .news_box .jubo_box .jubo_img { width: 124px; position: absolute; height: 84px; top: 35%; left: 50%; transform: translate(-50%, -50%); }
#main-2 .main_2_right .news_box .sermon_live_box .live_img { width: 124px; height: 84px; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); }
#main-2 .main_2_right .news_box .boardcast_box .boardcast_img { background-image: url(../images/2_box03_mispah.png); background-size: contain; background-repeat: no-repeat; width: 124px; position: absolute; height: 84px; top: 35%; left: 50%; transform: translate(-50%, -50%); }
#main-2 .main_2_right .news_outline { position: relative; width: 100%; height: 32%; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; }
#main-2 .main_2_right .news_outline:nth-of-type(1) { background-image: url(../images/2.worship_bg1.png); }
#main-2 .main_2_right .news_outline:nth-of-type(2) { background-image: url(../images/2.worship_bg2.png); }
#main-2 .main_2_right .news_outline:nth-of-type(3) { background-image: url(../images/2.worship_bg3.png); margin-top: 8%; }
#main-2 .main_2_right .main_2_outline { height: 100%; position: relative; width: 100%; display: flex; flex-wrap: wrap; align-content: space-between; }

/*main3*/
#main-3 { position: relative; margin: 100px 0; }
#main-3 .container { width: 80%; }
#main-3 a { text-decoration: none; }
#main-3 .community-title { font-family: HSBomBaram2; font-size: 42px; text-align: center; margin-bottom: 77px; color: #000; word-break: keep-all; }
#main-3 .news-viewmore > a { display: flex; text-align: center; color: #000; font-weight: bold; font-size: 20px; width: 192px; height: 55px; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid #000; }
#main-3 .news-viewmore > a > p { width: fit-content; margin: 0; color: #000; }
#main-3 .news-viewmore > a > img { width: 7px; height: 13px; margin-left: 11px; }
#main-3 .col-md-5 h5 { font-size: 25px; color: #98bde3; font-weight: bold; }
#main-3 .col-md-5 h3 { font-size: 50px; font-weight: bold; margin-bottom: 73px; }
#main-3 .news-list { /*border-top: solid 3px; border-bottom: solid 3px;*/ }
#main-3 .news-list > a { text-decoration: none; color: #000; }
#main-3 .news-list > a > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; display: block; }
#main-3 .news-list > a .news_box { width: 90%; padding: 38px 48px; }
#main-3 .news-list > a .news_box .news_box_subtitle { font-size: 29px; margin: 0; color: #000; }
#main-3 .news-list > a .news-datebox { width: 10%; }
#main-3 .news-list > a .news-datebox .news-date { font-size: 50px; font-weight: bold; color: #98bde3; text-align: center; margin: 0; line-height: 1; }
#main-3 .news-list > a .news-datebox .news-monthyear { font-size: 21px; font-weight: bold; text-align: center; color: #98bde3; margin: 0; line-height: 1; }
#main-3 .community-content h1 { font-size: 20px; color: #9a7654; }
#main-3 .community-content h3 { font-size: 24px; font-weight: bold; margin: 10px 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main-3 .community-content p { margin-bottom: 30px; font-size: 17px; color: rgba(0, 0, 0, 0.75); width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
#main-3 .community-content h5 { color: #b17b49; text-align: right; font-weight: bold; font-size: 17px; display: flex; justify-content: end; align-items: center; margin: 0; padding-bottom: 8px; }
#main-3 .community-content h5 > img { margin-left: 13px; }
#main-3 .community-content .go-to { display: flex; justify-content: end; }
#main-3 .community-box:hover .community-content .go-to h5 { font-weight: bold; border-bottom: 1px solid #b17b49; }
#main-3 .community-content hr { border-top: 1px solid #000; opacity: 0.2; }
#main-3 h2 { margin-top: 0; }
#main-3 .main3R { position: absolute; top: 35%; text-align: left; transform: translate(0,-50%); }
#main-3 .main3R a { text-decoration: none; }
#main-3 .main3R a h1 { font-size: 46px; margin: 0; color: #fff; }
#main-3 .main3R a h2 { font-size: 40px; margin: 0; color: #B6B7B7; line-height: 1.3; font-weight: bold; }
#main-3 .main3L { display: inline-block; width: 80%; float: right; height: 550px; margin: 60px 0; }
#main-3 .main3L .main3SM { width: 25%; height: 100%; display: inline-block; float: left; position: relative; border-right: 2px solid #fff; }
#main-3 .main3L .main3SM:hover { transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all .5s ease-in; }
#main-3 .main3L .main3SM:last-child { border: none; }
#main-3 .main3L .main3SM .on { opacity: 0; background-size: cover; }
#main-3 .main3L .main3SM .off { opacity: 1; }
#main-3 .main3L .main3SM:hover .on { opacity: 1; transition: 0.3s all ease; }
#main-3 .main3L .main3SM:hover .off { opacity: 0; transition: 0.3s all ease; }
#main-3 .main3L .main3SM .main3TM { height: 100%; width: 100%; position: absolute; }
#main-3 .main3L .main3SM .main3TM .main3T { position: absolute; left: 10%; top: 15%; }
#main-3 .main3L .main3SM .main3TM .main3T .main3IMG { width: 60px; height: 60px; background-size: cover; }
#main-3 .main3L .main3SM:nth-child(1) .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon1.png'); }
#main-3 .main3L .main3SM:nth-child(2) .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon2.png'); }
#main-3 .main3L .main3SM:nth-child(3) .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon3.png'); }
#main-3 .main3L .main3SM:nth-child(4) .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon4.png'); }
#main-3 .main3L .main3SM:nth-child(1):hover .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon1_hover.png'); transition: 0.3s all ease; }
#main-3 .main3L .main3SM:nth-child(2):hover .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon2_hover.png'); transition: 0.3s all ease; }
#main-3 .main3L .main3SM:nth-child(3):hover .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon3_hover.png'); transition: 0.3s all ease; }
#main-3 .main3L .main3SM:nth-child(4):hover .main3TM .main3T .main3IMG { background-image: url('../images/depart_icon4_hover.png'); transition: 0.3s all ease; }
#main-3 .main3L .main3SM h1 { color: #000; }
#main-3 .main3L .main3SM h5 { color: #000; }
#main-3 .main3L .main3SM:focus h1,
#main-3 .main3L .main3SM:focus h5,
#main-3 .main3L .main3SM:hover h1 { color: #fff; transition: 0.3s all ease; }
#main-3 .main3L .main3SM:hover h5 { color: #fff; transition: 0.3s all ease; }
#main-3 .main3L .main3SM .main3TM .main3T h1 { font-size: 32px; line-height: 1; margin: 10px 0; }
#main-3 .main3L .main3SM .main3TM .main3T h5 { font-size: 26px; line-height: 2; margin: 0; }
#main-3 .main3L .main3SM .main3TM .main3BTN { font-size: 26px; position: absolute; bottom: 15%; right: 15%; color: #000; }
#main-3 .main3L .main3SM:focus .main3TM .main3BTN,
#main-3 .main3L .main3SM:hover .main3TM .main3BTN { color: #fff; transition: 0.3s all ease; }
#main-3 .worship_outline { display: inline-flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; width: 100%; position: relative; /*bottom: 130px;*/ }
#main-3 .worship_outline a:hover { text-decoration: none; }
#main-3 .worship_outline .worship_time h6 { font-size: 16px; }
#main-3 .worship_outline .loardday_worship { background-image: url(../images/2_worship01_pic.jpg); background-size: contain; background-repeat: no-repeat; width: 255px; position: relative; height: 257px; color: #fff; padding: 29px 20px; }
#main-3 .worship_outline .afternoonpraise_worship { background-image: url(../images/2_worship02_pic.jpg); background-size: contain; background-repeat: no-repeat; width: 255px; position: relative; height: 257px; color: #fff; padding: 29px 20px; }
#main-3 .worship_outline .wednesday_worship { background-image: url(../images/2_worship03_pic.jpg); background-size: contain; background-repeat: no-repeat; width: 255px; position: relative; height: 257px; color: #fff; padding: 29px 20px; }
#main-3 .worship_outline .friday_worship { background-image: url(../images/2_worship04_2pic.jpg); background-size: contain; background-repeat: no-repeat; width: 255px; position: relative; height: 257px; color: #fff; padding: 29px 20px; }
#main-3 .worship_outline .earlymorning_worship { background-image: url(../images/2_worship04_pic.jpg); background-size: contain; background-repeat: no-repeat; width: 255px; position: relative; height: 257px; color: #fff; padding: 29px 20px; }
#main-3 .worship_outline .play_button { background-image: url(../images/2_btn_play.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 80%; width: 43px; height: 44px; left: 50%; transform: translate(-50%, -50%); }
#main-3 .main2M .main2T { position: absolute; text-align: left; border: none; width: 30%; display: inline-block; top: 12%; left: 10%; }

/*main4*/
#main-4 { background-image: url(/UserData/anjungch/Layouts/anjungch_Layout/Images/5_bg.jpg); padding: 100px 0; background-repeat: no-repeat; background-size: cover; }
#main-4 a {text-decoration:none;}
#main-4 .container { width: 80%; }
#main-4 .generation-title { font-family: HSBomBaram2; font-size: 42px; text-align: center; margin-bottom: 77px; color: #fff; word-break: keep-all; }
#main-4 .generation-box > div { background: #fff; padding: 8% 8% 15%; position: relative; transition: .3s; }
#main-4 .generation-box > div:hover { background-color: #9a7654; }
#main-4 .generation-box .generation-subtitle { font-weight: bold; font-size: 24px; color: #000; margin-bottom: 25px; }
#main-4 .generation-box .generation-content { font-size: 17px; color: rgba(0,0,0,0.75); white-space: nowrap; margin-bottom: 26px; }
#main-4 .generation-box .go-to { font-size: 17px; color: #b17b49; position: absolute; right: 0; bottom: 10%; transform: translate(-50%, 0); }
#main-4 .generation-box > div:hover .generation-subtitle,
#main-4 .generation-box > div:hover .generation-content,
#main-4 .generation-box > div:hover .go-to { color: #fff; }
#main-4 .generation-box .go-to h5 { margin: 0; display: flex; justify-content: center; align-items: center; font-weight: bold; }
#main-4 .generation-box .go-to img { margin-left: 13px; }
#main-4 .generation-top { margin-bottom: 3%; }
#main-4 .generation-top, #main-4 .generation-bottom { display: flex; justify-content: center; }

/*main5*/
#main-5 {margin:106px 0;}
#main-5 a {color:#000; text-decoration:none;}
#main-5 .container { width: 80%; }
#main-5 .ministry-title { font-family: HSBomBaram2; font-size: 42px; color: #000; word-break: keep-all; }
#main-5 .ministry-wrap { display: flex; justify-content: flex-start; }
#main-5 .ministry-wrap:first-of-type { padding-bottom: 60px; border-bottom: 1px solid #00000020; }
#main-5 .ministry-wrap:last-of-type { margin-top: 60px;  }
#main-5 .ministry-img { width: 50%; }
#main-5 .ministry-img > img { width: 95%; }
#main-5 .ministry-menu { width: 50%; display: flex; }
#main-5 .ministry-menu a:last-of-type > ministry-link { margin-bottom: 0px; }
#main-5 .ministry-menu > div:first-of-type { width: 40%; }
#main-5 .ministry-menu > div:first-of-type h3 { font-weight: bold; font-size: 24px; margin: 0; }
#main-5 .ministry-menu > div:last-of-type { width: 60%; }
#main-5 .ministry-link { display: flex; align-items: center; width: fit-content; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 2px solid #fff; }
#main-5 .ministry-link:hover { border-bottom: 2px solid #9a7654; }
#main-5 .ministry-link > p { margin: 0; font-size: 20px; margin-right: 30px; }
#main-5 .ministry-link > img {visibility:hidden;}
#main-5 .ministry-link:hover p { color: #9a7654; font-weight:bold;}
#main-5 .ministry-link:hover img { visibility: visible; }


/*main6*/
#main-6 { background-image: url(/UserData/anjungch/Layouts/anjungch_Layout/Images/7_bg.jpg); padding: 0 0 75px; background-repeat: no-repeat; background-size: cover; }
#main-6 .swiper-pagination { position: absolute; top: -60px; bottom:unset; }
#main-6 .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #CCCCCC; }
#main-6 .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { text-align: center; bottom: -60px !important; }
#main-6 .container { width: 80%; }
#main-6 .main5T { padding: 100px 0 77px; }
#main-6 .main5T h1 { font-size: 25px; margin: 0; line-height: 1.3; color: #fff; font-weight: bold; text-align: center; }
#main-6 .main5T h3 { font-family: HSBomBaram2; font-size: 42px; text-align: center; margin-bottom: 77px; color: #fff; word-break: keep-all; }
#main-6 .gallery-more {z-index:5;}
#main-6 .gallery-more a { display: flex; justify-content: center; align-items: center; }
#main-6 .gallery-more h5 { font-size: 17px; color: #fff; margin: 0; padding-right: 8px; font-weight: bold; }
#main-6 #main6 { position: relative; margin-bottom: 60px; }
#main-6 a { text-decoration: none; }
#main-6 #main6 .PhotoM { overflow: hidden; }
#main-6 #main6 .PhotoM .PhotoIMG { display: block; position: relative; height: 287px; overflow: hidden; background-color: #000; margin: 0; background-size: cover; background-position: 50% 50%; background-origin: border-box; background-repeat: no-repeat; width: 90%; }
#main-6 #main6 .PhotoM .PhotoTITLE { display: flex; flex-direction: column; justify-content: flex-end; color: #fff; white-space: nowrap; width: 30%; }
#main-6 #main6 .PhotoM .PhotoTITLE h1 { font-size: 20px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; position: relative; }
#main-6 #main6 .PhotoM .PhotoTITLE h5 img { width: 18px; height: 18px; position: absolute; right: 0; }
#main-6 #main6 .PhotoM .PhotoTITLE h5 { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; position: relative; }
#main-6 #main6 .PhotoM .PhotoIMG .PhotoIMT { position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.7); z-index: 3; top: 0; left: 0; display: none; }
#main-6 #main6 .PhotoM .PhotoIMG .PhotoIMT h1 { font-size: 22px; margin: 0; color: #fff; position: absolute; top: 45%; text-align: center; left: 0%; width: 100%; border: none; display: block; transform: translate(0,-50%); }
#main-6 #main6 .PhotoM .PhotoIMG .PhotoIMT h5 { font-size: 22px; color: #fff; margin: 0; position: absolute; top: 60%; text-align: center; left: 0%; width: 100%; border: none; display: block; transform: translate(0,-50%); }
#main-6 #main6 .PhotoP { position: absolute; z-index: 2; border: none; display: block; top: 50%; transform: translate(-100%, -50%); left: 0; }
#main-6 #main6 .PhotoN { position: absolute; z-index: 2; border: none; display: block; top: 50%; transform: translate(100%, -50%); right: 0; }
#main-6 #main6 .PhotoM .PhotoIMG .PhotoIMT { position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.7); z-index: 3; top: 0; left: 0; display: none; }
#main-6 #main6 .PhotoM .contentSlideWrapper .contentSlide:hover .PhotoIMG,
#main-6 #main6 .PhotoM .contentSlideWrapper .contentSlide:focus .PhotoIMG,
#main-6 #main6 .PhotoM .contentSlideWrapper .contentSlide:hover .PhotoTITLE,
#main-6 #main6 .PhotoM .contentSlideWrapper .contentSlide:focus .PhotoTITLE { -webkit-transform: translate(0px,-10px); transform: translate(0px,-10px); transition: all 0.5s; }
#main-6 #main6 .swiper-slide { display: flex; justify-content: center; }
#main-6 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {}
#main-6 .swiper-wrapper { z-index: 999; }


@media (min-width:1200px) and (max-width:1499px) {
    #main-2 .container,
    #main-3 .container,
    #main-4 .container,
    #main-5 .container { width: 100%; }

    #main-4 .generation-box .generation-content { font-size: 16px; }

    
}

@media (min-width:993px) and (max-width:1199px) {
    #main-2 .container,
    #main-3 .container,
    #main-4 .container,
    #main-5 .container { width: 100%; }

    #main-1 .quick-wrap { padding: 19px 0; }

    #main-2 { padding: 13% 0 10%; }
    #main-2 .sermon-quick-wrap > a { margin: 5px; }

    #main-4 .generation-box .generation-content { font-size: 13px; }
}

@media (min-width:768px) and (max-width:992px) {
    
    #main-3 .container,
    #main-4 .container,
    #main-5 .container { width: 100%; }

    #mainSlider .button { right: 10%; bottom: 40%; }

    #main-1 .quick-wrap { padding: 19px 0; }

    #main-2 { padding: 13% 0 10%; }
    #main-2 .container {width:80%;}
    #main-2 .sermon-quick-wrap > a { margin: 5px; }
    #main-2 .main2M img { width: 100%; }
    #main-2 .sermon-quick-wrap { justify-content: space-around; }
    #main-2 .main_2_right { margin-top: 20px; }

    #main-3 .news-list { width: 70%; margin: auto; margin-bottom: 50px; }

    #main-4 .generation-box .generation-content { font-size: 16px; }
    #main-4 .generation-top, #main-4 .generation-bottom { flex-wrap: wrap; margin-bottom: 0; }
    #main-4 .generation-box > div { margin-bottom: 3%; }
}

@media (max-width:767px) {
    #main-3 .container,
    #main-4 .container,
    #main-5 .container { width: 100%; }

    #main-1 .quick-wrap { position: relative; top: unset; left: unset; transform: unset; width: 100%; margin: auto; justify-content: space-around; padding: 15px 0; }
    #main-1 .quick-wrap > a > .quick-button img { margin-bottom: 5px; width: 71%; }
    #main-1 .quick-wrap > a > .quick-button > div > p { padding-bottom: 0; margin-bottom: 0; font-size: 11px; }
    #mainSlider .button { bottom: 10%; }
    #mainSlider .swiper-button-next, #mainSlider .swiper-button-prev { width: 30px; height: 30px; }

    #main-2 .container { width: 95%; }
    #main-2 .sermon-title > p { font-size: 30px; }
    #main-2 .sermon-subtitle { font-size: 28px; }
    #main-2 .sermon-content a { font-size: 14px; }
    #main-2 .sermon-viewmore a { font-size: 14px; }
    #main-2 .main_2_right {padding:0;}
    #main-2 .main2M { padding: 0; }
    #main-2 .main2M img { width: 100%; }
    #main-2 .sermon-quick-wrap { justify-content: space-around; }
    #main-2 .main_2_right { margin-top: 20px; }
    #main-2 .sermon-quick-wrap > a { margin: 5px; width: 20vw; height: 20vw; }
    #main-2 .sermon-quick-wrap .sermon-quick-menu p { font-size: 14px; }
    #main-2 .sermon-quick-wrap .sermon-quick-menu > img {width:32px;}
    #main-2 .sermon-quick-wrap > a:hover { transform: unset; }

    #main-3 { margin: 50px 0; }
    #main-3 .community-title { font-size: 30px; margin-bottom: 27px; }
    #main-3 .community-content h1 { font-size: 16px; }
    #main-3 .community-content h3 { font-size: 20px; }
    #main-3 .community-content p { font-size: 14px; }
    #main-3 .community-content h5 { font-size: 14px; }
    #main-3 .news-list { width: 90%; margin: auto; margin-bottom: 50px; }
    #main-3 .community-content p { margin-bottom: 10px; }

    #main-4 { padding: 50px 0; }
    #main-4 .generation-title { font-size: 30px; }
    #main-4 .generation-box .generation-content { font-size: 11px; }
    #main-4 .generation-top, #main-4 .generation-bottom { flex-wrap: wrap; margin-bottom: 0; }
    #main-4 .generation-box > div { margin-bottom: 3%; }

    #main-5 { margin: 40px 0; }
    #main-5 .ministry-title { font-size: 30px; }
    #main-5 .ministry-menu > div:first-of-type h3 { font-size: 19px; margin-bottom: 15px; }
    #main-5 .ministry-link { margin-bottom: 5px; }
    #main-5 .ministry-link > p { font-size: 14px; }
    #main-5 .ministry-wrap { flex-wrap: wrap; }
    #main-5 .ministry-img, #main-5 .ministry-menu { width: 100%; flex-wrap: wrap; }
    #main-5 .ministry-img { margin-bottom: 20px; }
    #main-5 .ministry-menu > div { width: 100%; }
    #main-5 .ministry-wrap:first-of-type { padding-bottom: 20px; }
    #main-5 .ministry-wrap:last-of-type { margin-top:20px; }

    #main-6 { padding: 0 0 30px; }
    #main-6 .main5T { padding: 50px 0 77px; }
    #main-6 .main5T h3 { font-size: 30px; margin-bottom: 17px; }    
    #main-6 #main6 .PhotoP > img, #main-6 #main6 .PhotoN > img { width: 28px; }
    #main-6 #main6 .PhotoM .PhotoIMG { height: 195px; }
    
}

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