body {
    background: url(../Images/bg2020.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
}
.modal-body table tr.borderBottom{ border-bottom:2px solid #000;}
.modal-body table tr td.borderBottom{ border-bottom:2px solid #000;}
 .textCenter{text-align:center;}
#main-church {
    height: auto !important;
    top: 30% !important;
    right: 24% !important;
}
.modal-dialog { width:860px;}
.modal-body table tr td.title{
    padding: 15px;
    background: #e9edf5;
    border-right: 1px solid #dadee7;
    
    font-size: 20px;
    text-align: center;
}

.left-bg {
    background: url(../Images/bg.jpg) no-repeat;
    background-size: 100% 100%;
    width: 51%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
}

.left-bg-temp {
    background: rgba(0,0,0,.2);
    z-index: 0;
    width: 100%;
    height: 100%;
}

#d1 { padding-top:120px; position:fixed;}


#gnb > li {
    border-bottom: 1px solid #fff;
    padding: 10px 20px;
    background: rgba(0,0,0,.7);
}
#gnb li a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}
#gnb li:hover > a {
    text-shadow: 1px 1px 5px #7ac48e;
    font-weight: bold;
    transition: all ease-in-out .2s;
}

#gnb li .depth2 {
padding-left:20px;
}

#main-text { margin-top:0px; margin-bottom:30px; }

#footer { position:relative; bottom:0px; background:#4c4c4c; width:100%; text-align:center; font-size:17px; color:#fff; padding:30px 0px; }
#footer img { position:relative; top:-2px; margin-right:10px;  }
#footer img:last-child { margin-left:30px; }


#dimodePage {     position: unset!important; }


.page-actions.btn-group { position:absolute; bottom:0px; right:0px; }

.container { width:100%; }

#main {
		  padding-right:0px; 
			padding-left:0;    
			height: 853px;
    	overflow-y: scroll;
    	
    	}

#main-text {width:25%; float:left; margin-right: 20px;}
.row { margin:0px; }
.sub_title { font-size:24px; font-weight:600; margin-bottom:15px;  }

.sub_nav { list-style:none; margin:30px 0px; }
.sub_nav li { display:inline-block; margin-right:20px; }
.sub_nav li a { background:#63A4CC; color:#fff; font-size:16px; padding:5px 10px; border-radius:8px; text-decoration:none; }
#right { position:relative; height:auto!important;;}

.time-table { margin-top:70px; }
.time-table .btn { font-size:20px; color:#fff; padding:15px; border-radius:15px; margin:0 10px; background:#2FAEE8; }
.time-table .btn:hover { background:#81c8e8; transition:0.2s all; }
.time-table h1 { font-size:30px; color:#3166A2; font-weight:bold; margin:0 0 40px; }

@media (min-width:1200px) and (max-width:1499px) {
	.time-table .btn { font-size:18px; }
	
}


@media (min-width:993px) and (max-width:1199px) {
	.time-table .btn { font-size:15px; margin:0 5px; }
}

@media (min-width:768px) and (max-width:992px) {
	#d1 { text-align:center;}
	
	
	
}


@media (max-width: 767px) {
	.modal-dialog {width:100%;}
	#main{ height:100%;}
	#main-text{}
	#main-live{ position:static; margin-top:20px; padding:20px; display:block;}
#d1{position:static; text-align:center; padding-top:10px;}
    .left-bg {
        width: 100%
    }
.left-bg-temp{background: rgba(0,0,0,.4);}
    #main-text {
        float:unset;
        width:50%;
        margin-bottom:10px;
        margin-right:0;
    }

    body {
        background-size: cover !important;
    }

    .document-Number {
        display: none;
    }

    .document-number {
        display: none;
    }

    table {
        word-break: keep-all;
        width: 100%;
        table-layout: fixed;
        overflow-wrap: break-word;
    }

    .tgnb {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        text-align: center;
        font: 13px Verdana;
        margin-bottom: 15px;
    }

        .tgnb td {
            border-bottom: 1px solid #fff;
            padding: 20px;
            background: rgba(0,0,0,0.4);
            color: #ffffff;
            width:unset;
        }

        .tgnb tr:last-child td {
            border-bottom: 0px !important;
        }

        .tgnb tbody tr:first-child td:first-child {
            border-radius: 20px 20px 0px 0px;
        }

        .tgnb tbody tr:last-child td:last-child {
            border-radius: 0px 0px 20px 20px;
        }
}