﻿/* style s */
html, body, .bodyWrapper {
	
}

body * { font-family:'nanumsquare';}

body { min-height:100%; }


.yssk-gallery { overflow:hidden; position:absolute; bottom:100px; right:30px; }
.modal-body p { margin:0; font-size:17px; text-align:center;}

.yssk-temp { margin-top: 120px; }
.yssk-temp img:hover { opacity:0.7; transition:0.3s all; }

.modal-header h2 { text-align:center; font-size:25px; }


#d1 { padding-top:120px; }
.tgnb { border:0px; }
.tgnb td { font-size:20px; color:#fff; padding:8px 0px; border-bottom:1px solid #fff; width: 270px;}

.tgnb td a { color:#fff; text-decoration:none;  }



#main-text { margin-top:0px; margin-bottom:30px; }

#footer { position:relative; bottom:0px; line-height:1.8; background:#4c4c4c; width:100%; text-align:center; font-size:17px; color:#fff; padding:30px 0px; }
#footer img { position:relative; top:-2px; margin-right:10px; margin-left:10px; }


#dimodePage {     position: unset!important; }


.page-actions.btn-group { position:absolute; bottom:0px; right:0px; }

.container { width:100%; }

#main { padding-right:0px; }
.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; }

.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; }
/*임시페이지*/
.modal-body .holly-div{font-size: 22px;word-break: keep-all;text-align: center; padding:15px;}
@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;}
	#main { padding:0 15px; }
	.yssk-temp { height:300px; }
	.yssk-temp { margin-top:70px; height:180px; }
	#main-church {max-width: 285px!important; }
	.yssk-gallery { bottom:0; position:relative; right:0; margin-bottom:30px; }
	#main-church { display:none!important; }
	#right { min-height:auto!important; }
}


@media (max-width: 767px) {
#main { padding:0 ; }
#d1 { padding-top:10px;text-align:center; }
#main-text{margin-bottom:10px!important;}
.tgnb { width:100%; margin-top:10px; }
.tgnb td { padding:10px 10px!important; font-size:16px; }
#right{padding-top:10px!important;}
.title-wrap{font-size:16px!important; padding:5px 15px!important;}
.sub_title{font-size:20px!important;margin-bottom:0px!important;}
.wrap_map{height:300px!important;}
.modal-body table tr th{padding:10px 15px!important; font-size:18px!important;}
.modal-body table tr td{padding:5px 15px!important;}
.time-table h1 { font-size:20px; }
.time-table .btn {
    font-size: 17px;
    color: #fff;
    padding: 15px;
    border-radius: 15px;
    margin: 0 5px;
    background: #2FAEE8;
}
.modal-header h2 { font-size:20px; }
#main-church { display:none!important;}
#footer { line-height:30px; }
.yssk-temp { margin:0 0 15px; }
#right { padding:30px 0; text-align:center; }
.yssk-gallery { bottom:0; position:relative; right:0; }
}