﻿/* common */

.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; }
/*modal*/
.modal-content {z-index:99999;}
.modal-content .modal-header{text-align:center;}
.modal-content .modal-body{text-align:center;}
/* main1 s */
#main-1{background: url(../Images/sermon_img.png) no-repeat;background-size: 50% 100%;background-color: #C4AC86;background-position: right top;}
#main1-bg{height:600px;}
#main1-bg .main1-1{position: relative;height: 100%;overflow: hidden;display: block;float: left;}
#main1-bg .main1-1 .main1-1-leftbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; color:#fff;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-main-title{font-size: 66px;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-title{font-size: 32px;margin: 0;position: relative;text-decoration: none;color: #fff;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-title span{margin-right: 15px;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-title img{position: absolute;transform: translate(0, -50%);top: 50%;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-time{font-size: 32px;margin: 0;position: relative;text-decoration: none;color: #fff;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-time span{margin-right: 15px;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-time img{position: absolute;transform: translate(0, -50%);top: 50%;}
#main1-bg .main1-1 .main1-1-leftbox #sermon_off .modal-dialog .modal-content{z-index:99999}
#main1-bg .main1-1 .main1-1-leftbox .sermon-sub-title .sermon-main{border:none;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-sub-title .sermon-main tbody tr td{font-size: 24px;padding: 4px 10px 4px 0px;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-list{font-size: 16px;margin: 0;position: relative;text-decoration: none;color: #fff;padding: 25px 25px 25px 0px; display:inline-block;float:left;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-list span{margin-right: 15px; font-size:19px; font-weight: bold;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-list img{position: relative;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-youtubech{font-size: 16px;margin: 0;position: relative;text-decoration: none;color: #fff;padding: 25px 25px 25px 10px; display:inline-block;float:left;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-youtubech span{display: inline-block;margin-right: 15px; font-size:19px; font-weight: bold;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-youtubech .fa-youtube{color: #FF0000;font-size: 40px;vertical-align: middle;}
/* main1 e */

/* main2 s */
#main-2{background: url(../Images/worship_time20254.png) no-repeat; aspect-ratio:1000/300; background-size: 50% 100%;background-color: #fff;background-position: left top;}

#main2-bg{height: 600px}
#main2-bg .main2-2{position: relative;height: 100%;overflow: hidden;display: flex; align-items: center; float: left;width: 100%; }
#main2-bg .main2-2 .main2-2-rightbox{position: absolute;top: 50%;left: 75%;transform: translate(-40%, -50%);width: 50%;color: #000;}
#main2-bg .main2-2 .main2-2-rightbox a{text-decoration:none;}
#main2-bg .main2-2 .main2-2-rightbox .church-time-title{font-size: 66px;color:#000; margin-bottom: 40px;}
#main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle{font-size: 28px; }
#main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle strong{font-size: 46px; margin-right: 15px;}
#main2-bg .main2-2 .main2-2-rightbox .church-time{border:none;display: table-row;}
#main2-bg .main2-2 .main2-2-rightbox .church-time li{font-size: 24px;padding: 10px 5px;color: #000;font-weight: bold; vertical-align: middle; display: table-row;}
#main2-bg .main2-2 .main2-2-rightbox .church-time li span{display: table-cell;vertical-align: middle;padding: 15px 20px;}
#main2-bg .main2-2 .main2-2-rightbox .church-time li span strong{font-size: 22px;}
#main2-bg .main2-2 .main2-2-rightbox .church-time li img{margin-left:15px;}
#main-2 .wtimg{object-fit:cover}
/* main2 e */

/* main3 s */
#main-3{background-color: #4F7A83;}
#main3-bg{height:1032px;position: relative;}
#main3-bg .main3-2 .main3-1-rightbox .main3-1-imagebox{position: absolute;text-align: center;width: 100%;border: none;
display: block;transform: translate(5%,25%);}
#main3-bg .main3-2 .main3-1-rightbox .main3-1-imagebox img{box-shadow: 25px 25px 60px -15px #555;}
#main3-bg .main3-1{position: relative;height: 100%;overflow: hidden;display:flex; float: left;     align-items: center;}
#main3-bg .main3-1 .main3-1-leftbox{position: absolute;top: 45%;left: 45%;transform: translate(-42%, -50%);width: 100%;color: #fff;}
#main3-bg .main3-1 .main3-1-leftbox a{text-decoration:none;}
#main3-bg .main3-1 .main3-1-leftbox .school-time-title{font-size: 44px; margin-bottom:60px; color:#fff;}
#main3-bg .main3-1 .main3-1-leftbox .school-time{border: none; display: table-row;}
#main3-bg .main3-1 .main3-1-leftbox .school-time li{font-size: 24px; padding: 10px 5px; font-weight:bold; vertical-align: middle; display: table-row;}
#main3-bg .main3-1 .main3-1-leftbox .school-time li span{display: table-cell; vertical-align: top;padding: 15px 20px;}
/* main3 e */

/* main4 s */
#main-4{background-color: #fff;}
#main4-bg{height:1032px;position: relative;}
#main4-bg .main4-1 .main4-1-leftbox .main4-1-imagebox{position: absolute;text-align: center;width: 100%;border: none;display: block;
transform: translate(0%,25%);}
#main4-bg .main4-1 .main4-1-leftbox .main4-1-imagebox img{box-shadow: 25px 25px 60px -15px #555;}
#main4-bg .main4-2{position: relative;height: 100%;overflow: hidden;display: block;float: left;width: 100%;}

#main4-bg .main4-2 .main4-1-rightbox{position: absolute;top: 50%;left: 75%;transform: translate(-40%, -50%);width: 50%;color: #000;}
#main4-bg .main4-2 .main4-1-rightbox a{text-decoration:none;}
#main4-bg .main4-2 .main4-1-rightbox .worship-time-title{font-size: 44px; margin-bottom:60px; color:#000;}
#main4-bg .main4-2 .main4-1-rightbox .worship-time{border: none; display: table-row;}
#main4-bg .main4-2 .main4-1-rightbox .worship-time li{font-size: 24px; padding: 10px 5px; font-weight:bold; vertical-align: middle; display: table-row;}
#main4-bg .main4-2 .main4-1-rightbox .worship-time li span{display: table-cell; vertical-align: middle;padding: 15px;}
#main4-bg .main4-2 .main4-1-rightbox .worship-time li:nth-child(1) span:nth-child(1){letter-spacing: 9.3px;}
#main4-bg .main4-2 .main4-1-rightbox .worship-time li span img{margin-left:15px;}

/* main4 e */

/* main5 s */
#main-5{background: url(../Images/location.png) no-repeat;}
#main5-bg{height: 1032px; position: relative;}
#main5-bg .main5-1{position: relative;height: 100%;overflow: hidden;display: block;float: left;}
#main5-bg .main5-1 .main5-1-leftbox{position: absolute;top: 45%;left: 45%;transform: translate(-40%, -50%);width: 100%;color: #fff;}
#main5-bg .main5-1 .main5-1-leftbox a{text-decoration:none;}
#main5-bg .main5-1 .main5-1-leftbox .church-location-title{font-size: 44px;margin-bottom:65px; color:#fff;}
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn{margin-bottom: 90px;}
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a:hover,
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a:focus,
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li.active a{background-color: transparent; color:#fff; border:none; outline:none;}
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a:hover p,
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a:focus p,
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li.active a p{border-bottom:3px solid #EC5C58;padding-bottom: 5px; color:#fff;}
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li:first-child a{padding-left:0;}
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a{font-size:28px; color:#eee;padding: 15px 30px; border:none;}
#main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a p{letter-spacing:2px; font-weight:bold;}
#main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub .location-sub-title{font-size:44px;font-weight:bold;margin-bottom:55px;}
#main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub h4{font-size:24px;}

#main5-bg .main5-2 .main5-1-rightbox .main5-1-map{position: absolute;text-align: center;width: 100%;border: none;
display: block;transform: translate(5%,45%);}

#main5-bg > .main5-2 > .main5-1-rightbox > .main5-1-map > .tab-content > div.active{display:block!important;}
/* main5 e */

/* main6 s */


#main-6{background: url(../Images/on_line.png) no-repeat;background-size: 50% 100%;background-color: #F2F2F2;background-position: left top;}
#main6-bg{height:660px;}
#main6-bg .main6-2{position: relative;height: 100%;overflow: hidden;display: block;float: left;width: 100%;}
#main6-bg .main6-2 .main6-2-rightbox{position: absolute;top: 50%;left: 75%;transform: translate(-40%, -50%);width: 50%;color: #000;}
#main6-bg .main6-2 .main6-2-rightbox .online-gibugum-title{font-size: 44px; margin-bottom: 60px;}
#main6-bg .main6-2 .main6-2-rightbox .online-gibugum-div .online-gibugum-main{width: 100%; display: inline-block;margin-bottom:45px;}
#main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(1){width: 20%;display: inline-block;vertical-align: top;font-size: 24px;}
#main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(2){width: 1%;display: inline-block;vertical-align: top;font-size: 24px;text-align: center;}
#main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(3){width: 75%;display: inline-block;font-size: 22px;}
#main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(1) > strong > span:nth-child(1){float:left;}
#main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(1) > strong > span:nth-child(2){float:right;}
.times{font-size: 22px; padding-top: 30px;}
.times td{padding: 20px 0; -ms-word-break: keep-all;	word-break: keep-all; vertical-align: top !important;}
 .container{width: 1600px;}
/* main6 e */




@media(max-width:1555px) {
 .container{width: 100%;}
    #main4-bg{height: 870px;}
	#main4-bg .main4-2 .main4-1-rightbox{left: 70%;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li{font-size:20px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li span{padding:20px 10px;}
    #main5-bg .main5-1 .main5-1-leftbox{left: 40%;}
    #main6-bg .main6-2 .main6-2-rightbox{left: 70%;}
    #main6-bg .main6-2{width: 110%;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-div .online-gibugum-main span{font-size:19px!important;}
}
@media(max-width:1499px) {
    #main1-bg{height:500px;}
	#main1-bg .main1-1 .main1-1-leftbox{padding: 0 30px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-main-title{font-size:45px;}
    #main2-bg{height:500px;}

    #main2-bg .main2-2 .main2-2-rightbox .church-time-title{font-size:45px;margin-bottom: 10px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle strong{font-size:32px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle{margin-bottom:15px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li span{padding: 10px; font-size: 19px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li img{max-width: 40px;}
    #main3-bg{height:700px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time-title{font-size:32px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time li span{padding: 10px; font-size: 19px;}
    #main3-bg .main3-2 .main3-1-rightbox .main3-1-imagebox{transform: translate(0%,20%);}
    #main3-bg .main3-2 .main3-1-rightbox .main3-1-imagebox img{max-width: 490px;}
    #main4-bg{height:700px;}
    #main4-bg .main4-1 .main4-1-leftbox .main4-1-imagebox img{max-width: 490px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time-title{font-size:32px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li span{padding: 10px; font-size: 19px!important;}
    #main5-bg{height:700px;}
    #daumRoughmapContainer1612753055479,
    #daumRoughmapContainer1612759856788,
    #daumRoughmapContainer1612759914722 {max-width: 490px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-title{font-size:32px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn{margin-bottom:40px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a{font-size:22px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub .location-sub-title{font-size:32px;margin-bottom: 25px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub h4{font-size: 19px;}
    #main5-bg .main5-2 .main5-1-rightbox .main5-1-map{transform: translate(0%,20%);}
    .root_daum_roughmap .wrap_map{max-height:480px;}
    #daumRoughmapContainer1612753055479,
    #daumRoughmapContainer1612759856788,
    #daumRoughmapContainer1612759914722 {width: 490px!important;}
    #main6-bg{height:700px;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-title{font-size:32px;margin-bottom: 40px;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-div .online-gibugum-main span{font-size:18px!important;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(3){width:37%;}

    
}

@media(max-width:1199px) {
    #main1-bg{height:565px;}
    #main1-bg .main1-1 .main1-1-leftbox{transform: translate(-45%, -50%);}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-main-title{font-size:38px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-title{font-size: 24px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-title img{max-width:55px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-sub-title .sermon-main tbody tr td{font-size:20px;}
    #main2-bg{height:400px;}
    #main2-bg .main2-2 .main2-2-rightbox{width: 50%;/*  left: 65%; */}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-title{font-size:38px;margin-bottom: 10px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle strong{font-size:28px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle{margin-bottom:15px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li span{padding: 8px; font-size: 17px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li img{max-width: 40px;}
    #main3-bg{height:565px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time-title{font-size:28px;margin-bottom: 25px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time li span{padding: 8px; font-size: 17px;}
    #main3-bg .main3-2 .main3-1-rightbox .main3-1-imagebox{transform: translate(0%,20%); width: 85%;}
    #main3-bg .main3-2 .main3-1-rightbox .main3-1-imagebox img{max-width: 405px;}
    #main4-bg{height:565px;}
    #main4-bg .main4-1 .main4-1-leftbox .main4-1-imagebox img{max-width: 405px;}
    #main4-bg .main4-2 .main4-1-rightbox{width: 48%;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time-title{font-size:28px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li span{padding: 5px; font-size: 17px!important;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li span img{max-width:40px;}
    #main5-bg{height:565px;}
    #daumRoughmapContainer1612753055479,
    #daumRoughmapContainer1612759856788,
    #daumRoughmapContainer1612759914722 {width: 405px!important;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-title{font-size:28px;margin-bottom: 20px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn{margin-bottom:40px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a{font-size:22px;padding:15px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub .location-sub-title{font-size:28px;margin-bottom: 25px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub h4{font-size: 16px;}
    #main5-bg .main5-2 .main5-1-rightbox .main5-1-map{transform: translate(0%,20%);width: 85%;}
    .root_daum_roughmap .wrap_map{max-height:405px;}
    #daumRoughmapContainer1612753055479,
    #daumRoughmapContainer1612759856788,
    #daumRoughmapContainer1612759914722 {max-width: 405px;}
    #main6-bg{height:565px;}
    #main6-bg .main6-2 .main6-2-rightbox{left:70%;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-title{font-size:28px;margin-bottom: 40px;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-div .online-gibugum-main span{font-size:17px!important;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(1){width: 17%;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(3){width:78%;word-break: keep-all;}
	.times{font-size:17px; padding-top: 30px;}
	.times td{padding:10px 3px !important; }
}

@media (max-width:991px) {

    #main-1-xs-sm{background: url(../Images/sermon_img.png) no-repeat;height: 535px;background-position: 100% 35%;}
    #main-1{background-size: 0% 100%;}
    #main1-bg .main1-1 .main1-1-leftbox{padding: 0 60px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-main-title{font-size:40px;}
    #main1-bg{height: 585px;}
    #main-2-xs-sm{background: url(../Images/worship_time20254.png) no-repeat;aspect-ratio:1000/600; background-position:top center;}
    #main-2{background-size: 0% 100%;}
    #main2-bg{height: 585px;}
    #main2-bg .main2-2 .main2-2-rightbox{position:relative;top:inherit;left:inherit;transform:none;padding: 35px 60px; width: 100%;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-title{font-size:40px;margin-bottom: 5px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle{margin:0;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle strong{font-size:28px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li{font-size: 20px; padding: 0;}
    #main-3-xs-sm{background: url(../Images/school01.png) no-repeat;height: 535px;background-size: 100%; background-position: center;}
    #main-3{background-size: 0% 100%;}
    #main3-bg{height: 585px;}
    #main3-bg .main3-1 .main3-1-leftbox{position:relative;top:inherit;left:inherit;transform:none;padding: 30px 60px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time-title{font-size:40px;margin-bottom: 5px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time li{font-size: 20px; padding: 0;}
    #main-4-xs-sm{background: url(../Images/daily_time.png) no-repeat;height: 535px;background-size: 100%; background-position: center;}
    #main-4{background-size: 0% 100%;}
    #main4-bg{height: 585px;}
    #main4-bg .main4-2 .main4-1-rightbox{position: absolute;top: 50%;left: 0;padding: 30px 46px;transform: translate(0,-50%); width: 100%;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time-title{font-size:40px;margin-bottom: 5px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li{font-size: 20px; padding: 0;}
    #main5-bg{display: -webkit-box;display: -moz-box;display: box;-webkit-box-orient: vertical;
    -moz-box-orient: vertical;box-orient: vertical;height: 950px; overflow: hidden;}
    #main5-bg .main5-1{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group: 2;}
    #main5-bg .main5-2{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;}
    #daumRoughmapContainer1612753055479,
    #daumRoughmapContainer1612759856788,
    #daumRoughmapContainer1612759914722 {width: 700px!important;margin: 50px auto;}
    .root_daum_roughmap .wrap_map{height: 500px!important;}
    #main5-bg .main5-2 .main5-1-rightbox .main5-1-map{position:relative;top:inherit;left:inherit;transform:none;}
    #main5-bg .main5-1 .main5-1-leftbox{position:relative;top:inherit;left:inherit;transform:none;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-title{font-size:40px; margin-bottom:0;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn{margin-bottom:10px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a{font-size:24px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub .location-sub-title{font-size: 32px;margin-bottom: 25px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub h4{font-size:20px;}
    #main-6-xs-sm{background: url(../Images/on_line.png) no-repeat;height: 515px;background-size: 100%; background-position: center;}
    #main-6{background-size: 0% 100%;}
    #main6-bg{height: 515px;}
    #main6-bg .main6-2 .main6-2-rightbox{position:relative;top:inherit;left:inherit;transform:none;padding: 35px 0;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-title{font-size: 40px;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(1){width: 20%;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(3){width: 80%;}
}

@media (max-width:767px) {
    #main-1-xs-sm{background: url(../Images/sermon_img.png) no-repeat;height: 315px;background-size: 100%;background-position: top center;}
    #main-1{background-size: 0% 100%;}
    #main1-bg .main1-1 .main1-1-leftbox{padding: 0 00px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-title{font-size:20px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-title span{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 250px;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-title img{max-width:50px;top: 5%;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-main-title{font-size:38px; line-height: 100%;}
    #main1-bg .main1-1 .main1-1-leftbox .sermon-youtubech,
    #main1-bg .main1-1 .main1-1-leftbox .sermon-list{padding: 25px 20px 0px 0px; }
    #main1-bg .main1-1 .main1-1-leftbox .sermon-sub-title .sermon-main tbody tr td{font-size:17px;}
    #main1-bg{height: 400px; overflow:hidden;}

	#main1-bg .main1-1 .main1-1-leftbox .sermon-youtubech span {    display: inline-block;    margin-right: 5px;    font-size: 16px;}
	#main1-bg .main1-1 .main1-1-leftbox .sermon-list span {    margin-right: 5px;    font-size: 16px;}
#main1-bg .main1-1 .main1-1-leftbox .sermon-youtubech img{  width: 25px;}
	#main1-bg .main1-1 .main1-1-leftbox .sermon-list img{ width: 25px;}
    #main-2-xs-sm{background: url(../Images/worship_time20254.png) no-repeat; aspect-ratio:1000/600 ; background-size:cover;background-position:top center;}
    #main-2{background-size: 0% 100%;}
    #main2-bg{height: 490px; overflow:hidden;}
    #main2-bg .main2-2 .main2-2-rightbox{position:relative;top:inherit;left:inherit;transform:none;padding: 25px 0px; width:100%}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-title{font-size:40px;margin-bottom: 5px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle{margin:0;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time-subtitle strong{font-size:20px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li{font-size: 15px; padding: 0;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li span{padding:10px;}
    #main-3-xs-sm{background: url(../Images/school01.png) no-repeat;height: 360px;background-size: 100%; background-position: center;}
    #main-3{background-size: 0% 100%;}
    #main3-bg{height: unset; overflow:hidden;}
    #main3-bg .main3-1 .main3-1-leftbox{position:relative;top:inherit;left:inherit;transform:none;padding: 30px 0px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time-title{font-size:30px;margin-bottom: 5px;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time li{font-size: 17px; padding: 0;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time li span{padding:10px;}
    #main-4-xs-sm{background: url(../Images/daily_time.png) no-repeat;height: 360px;background-size: 100%; background-position: center;}
    #main-4{background-size: 0% 100%;}
    #main4-bg{height:500px}
    #main4-bg .main4-2 .main4-1-rightbox{position: absolute;top: 50%;left: 0;padding: 30px 5px;transform: translate(0,-50%);}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time-title{font-size:30px;margin-bottom: 5px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li{font-size: 16px; padding: 0;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li span{padding:5px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li:nth-child(1) span:nth-child(1){letter-spacing: 7px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li span img{margin-left: 5px; max-width: 40px;}
    #main5-bg{display: -webkit-box;display: -moz-box;display: box;-webkit-box-orient: vertical;
    -moz-box-orient: vertical;box-orient: vertical;height: 630px; overflow: hidden;}
    #main5-bg .main5-1{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group: 2;}
    #main5-bg .main5-2{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;}
    #daumRoughmapContainer1612753055479,
    #daumRoughmapContainer1612759856788,
    #daumRoughmapContainer1612759914722 {width: 300px!important;margin: 50px auto;}
    .root_daum_roughmap .wrap_map{height: 200px!important;}
    #main5-bg .main5-2 .main5-1-rightbox .main5-1-map{position:relative;top:inherit;left:inherit;transform:none;}
    #main5-bg .main5-1 .main5-1-leftbox{position:relative;top:inherit;left:inherit;transform:none;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-title{font-size:24px; margin-bottom:15px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn{margin-bottom:10px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a{font-size:20px;padding: 5px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub .location-sub-title{font-size: 20px;margin-bottom: 25px;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub h4{font-size:17px;}
    #main-6-xs-sm{background: url(../Images/on_line.png) no-repeat;height: 250px;background-size: 100%; background-position: center;}
    #main-6{background-size: 0% 100%;}
    #main6-bg{height: 450px; overflow:hidden;}
    #main6-bg .main6-2 .main6-2-rightbox{position:relative;top:inherit;left:inherit;transform:none;padding: 35px 0; width: 100%;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-title{font-size: 24px;margin-bottom: 25px;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-div .online-gibugum-main{margin-bottom: 20px;}
    #main6-bg .main6-2 .main6-2-rightbox .online-gibugum-div .online-gibugum-main span{font-size:17px!important;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(1){width: 18%;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(2){display:none!important;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(3){width: 100%; word-break:keep-all;}
    .modal-backdrop{z-index:-1;}
	.times{font-size: 15px; padding-top: 20px;}
	.times td{padding: 10px 5px;}
}
@media (max-width:375px) {
    #main2-bg .main2-2 .main2-2-rightbox .church-time li img{margin-left: 10px; max-width: 40px;}
    #main-3-xs-sm{height: 310px;}
    #main3-bg{height:700px!important;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time li{font-size:15px!important;}
    #main3-bg .main3-1 .main3-1-leftbox .school-time li span{padding: 5px 3px;}
    #main-4-xs-sm{height: 310px;}
    #main4-bg{height:400px;}
    #main4-bg .main4-2 .main4-1-rightbox{padding: 30px 10px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li{font-size:14px!important;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li span{padding: 2px;}
    #main4-bg .main4-2 .main4-1-rightbox .worship-time li:nth-child(1) span:nth-child(1) {letter-spacing: 6px!important;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location-main .location-sub h4{font-size:15px!important;}
    #main5-bg .main5-1 .main5-1-leftbox .church-location .location-btn ul li a{font-size:16px!important;}
    #main-6-xs-sm{height: 215px;}
    #main6-bg > .main6-2 > .main6-2-rightbox > .online-gibugum-div > .online-gibugum-main > span:nth-child(1){width:21%;}
    .modal-backdrop{z-index:-1;}
}
@media (max-width:320px) {
    #main1-bg .main1-1 .main1-1-leftbox{padding: 0 30px;}
    #main2-bg .main2-2 .main2-2-rightbox .church-time li span {padding: 10px 2px;}
    .modal-backdrop{z-index:-1;}
}
