﻿/* common */
@import url("http://fonts.googleapis.com/css?family=Open+Sans");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
 
body { font-family: 'Open Sans', Sans-serif, '나눔고딕', NanumGothic, 'Nanum Gothic', Verdana, AppleGothic; font-size: 14px; line-height: 165%; background-color: #ffffff; }

a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:active {text-decoration: none; color: #333333;}
a:hover {text-decoration: none; color: #008fca;}

p { margin:0; padding:0;}
img { border: 0}
form {margin: 0}
td {padding:10px}

/* common */
.top-menu { height: 30px; background-color: #5d5d5d; padding-top: 3px }
.container { max-width: none !important; width: 970px !important; }
.btn { font-size: 13px; }
.bottom-button-area { width:725px; margin:20px 0 20px -15px; margin-top:20px; text-align:center; padding:20px 0 0 0; border-top:1px #dcdcdc solid; }
.submit-button { width: 130px; !important; }
.cancel-button { width: 60px; !important; }
.modal-close-button { width: 100px; }
#sub-menu-area { margin: 20px 0 10px -1px; padding: 0; }
.sub-menu { padding: 0; width: 210px; }
.sub-menu-title { margin-bottom: 20px; width: 210px; height: 70px; font-size:35px; font-weight: bold; text-align:center; padding: 20px 0 0 0; background-image:url("/priest/img/common/left_menu_title_bg.png"); background-repeat:no-repeat; }
.sub-menu-item { padding: 13px 0 0 35px; width: 210px; height: 50px; border-bottom: 1px #dcdcdc solid; font-size: 15px; font-weight: bold; background:url("/priest/img/common/left_menu_sign.png") no-repeat 15px 20px; }
#sub-contents-area { margin: 20px 0 20px 1px; padding: 0; }
.contents-title { width: 400px; height: 56px; padding: 14px 0 0 5px; margin-top: -6px; border-bottom: 1px solid #dcdcdc; font-size:25px; font-weight: bold; }
.contents-location { width: 325px; height: 56px; text-align: right; padding: 20px 10px 0 0; margin-top: -6px; font-size: 12px; border-bottom: 1px solid #dcdcdc; }
.contents { width:725px; margin: 20px 0 0 20px; background-color: #ffffff; }
.contents-detail { clear:both; width: 725px; padding: 0; margin-left: 15px; }
.contents-end { margin-bottom: 20px; }
.table tbody>tr>td.vert-align{ vertical-align: middle; }
.sub-title { margin: 20px 0 0 45px; }
.tabmenu-area { clear:both; width: 725px; padding: 0; margin-left: 15px; }

/* navbar */
.navbar-area { height:80px; margin:0 0 0 0; background-color: #000000; }
.navbar-header { margin: 2px 15px 0 -16px; }
.navbar-brand { margin: 0 15px 0 -15px; }
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > a:visited,
.navbar .navbar-nav > li > a:active { color: #ffffff; }
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus { color: #ffff00; background-color: #000000; }
.main-menu-new { margin: 29px 0 0 20px; text-align:center; font-weight: bold; font-size:17px; }

/* main */
.login-state { position:absolute; float:left; left:50%; width:970px; margin: 10px 0 0 -485px; text-align:right; }
.login-container { position:absolute; width:100%; height: 250px; top:50%; margin-top:-125px; background-color:#171c60; padding:0; }
.login-title { position:absolute; width:582px; height: 128px; top:50%; margin-top:-270px; left:50%; margin-left:-291px; float:left; }
.login-form { width:500px; margin:0 auto; }
.login-button-area { width:500px; margin:20px 0 20px 0px; margin-top:20px; text-align:center; padding:20px 0 0 0; border-top:1px #dcdcdc solid; }
.main-bg { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; }
.main-title { position:absolute; top: 25%; margin: -94px 0 0 0; padding: 0 0 0 194px; }
.main-menu1 { position:absolute; top: 50%; margin: -105px 0 0 96px; padding: 0 0 0 40px; color:#ffffff; }
.main-menu2 { position:absolute; top: 50%; margin: 63px 0 0 -70px; padding: 0 0 0 40px; color:#ffffff }
.main-menu1 a:hover { color:#ffff00; }
.main-menu2 a:hover { color:#ffff00; }
.main-bottom { position:absolute; top: 75%; margin: 54px 0 0 0; padding: 0 0 0 260px;  text-align:center; font-weight: 100 }

/* 게시판 공통 */
.pagination-area { margin-top: 10px; text-align: center; }
.header-area { margin: 30px 0 15px 45px; }
.board-search { clear:both; width: 725px; margin: 10px 0 0 0; padding: 10px 0 1px 0; background-color: #f3f3f4; }
.board-line { width: 725px; margin: 20px 0 0 -15px ; border-bottom: 1px solid #dddddd; }

/* 사제단 */
.priest-search { clear:both; width: 725px; margin: 25px 0 0 15px; padding: 5px 0 20px 0; }
.priest-search-detail { clear:both; width: 725px; padding: 10px 0 0 0; margin-left: 15px; }
.priest-search-detail table thead tr { background-color: #f3f3f4; border-top: 1px #dddddd solid; }
.priest-search-detail table thead tr th { text-align: center; border-bottom: 1px #dddddd solid;  border-right: 1px #dddddd solid; }
.priest-search-detail tr td { text-align: center; border-bottom: 1px #dddddd solid;  border-right: 1px #dddddd solid; }
.priest-search-detail .no-line { border-right: 0px; }
.priest-index-navigation-button { width: 49px; !important; }

/* 기도문 */
.prayer-list { clear:both; width: 725px; margin: 15px 0 0 15px; padding: 10px 15px 10px 15px; border: 2px #dddddd solid; }
.prayer-list-cell-2 { width: 50%; background:url(/img/main/notice_icon.png) no-repeat 5px 18px; padding: 9px 0 10px 15px; border-bottom: 1px #dddddd solid }
.prayer-list-cell-2-no-line { width: 50%; background:url(/img/main/notice_icon.png) no-repeat 5px 18px; padding: 9px 0 10px 15px; }
.prayer-list-cell-3 { width: 33%; background:url(/img/main/notice_icon.png) no-repeat 5px 18px; padding: 9px 0 10px 15px; border-bottom: 1px #dddddd solid }
.prayer-list-cell-3-no-line { width: 33%; background:url(/img/main/notice_icon.png) no-repeat 5px 18px; padding: 9px 0 10px 15px; }
.prayer-line { width: 725px; margin: 20px 0 0 0 ; border-bottom: 1px solid #dddddd; }
.prayer-top { text-align:right; padding:0px 10px; line-height:20px; margin: 5px 0 20px 0; }
.prayer-title { background-color: #f3f3f4; padding: 9px 0 10px 15px; margin-top: 30px; font-weight: bold; }
.prayer-contents { padding: 20px 20px 0 25px; }
.prayer-admin { width: 725px; margin: 20px 0 0 0 ; }

/* 본당 */
.duputy-detail { clear:both; width: 725px; padding: 10px 0 0 0; margin-left: 45px; }
.duputy-detail table thead tr { background-color: #f3f3f4; border-top: 1px #dddddd solid; }
.duputy-detail table thead tr th { text-align: center; border-bottom: 1px #dddddd solid;  border-right: 1px #dddddd solid; }
.duputy-detail tr td { border-bottom: 1px #dddddd solid;  border-right: 1px #dddddd solid; }
.duputy-detail .no-line { border-right: 0px; }
.church-title { float:left; width: 300px; font-size: 16px; font-weight: bold; padding: 3px 0 0 30px; margin-bottom: 15px; background:url(/img/area/ico_church.png) no-repeat; }
.church-info-title { padding-left: 22px; width: 110px; font-weight: bold; background-color: #f3f3f4 }
.church-list-detail { clear:both; width: 725px; padding: 20px 0 0 0; margin-left: 15px; }
.church-view-detail { clear:both; width: 725px; padding: 10px 0 0 0; margin-left: 15px; }
.church-view-detail table thead tr { background-color: #f3f3f4; border-top: 1px #dddddd solid; }
.church-view-detail table thead tr th { text-align: center; border-bottom: 1px #dddddd solid;  border-right: 1px #dddddd solid; }
.church-view-detail tr td { border-bottom: 1px #dddddd solid;  border-right: 1px #dddddd solid; }
.church-view-detail .no-line { border-right: 0px; }
.church-list-index { width: 70px; text-align: center; font-weight: bold; background-color: #f0f0f0; border-right: 1px #dddddd solid; }
.deputy-navigation { text-align: center; padding: 0; margin-bottom: 20px; }
.deputy-navigation-button { width: 120px; !important; }
.deputy-title { margin-left: -5px; padding: 9px 0 10px 15px; font-weight:bold; background:url(/img/main/notice_icon.png) no-repeat 5px 18px; }
.deputy-area-index { width: 140px; font-weight: bold; background-color: #f0f0f0; border-right: 1px #dddddd solid; }
.church_photo_wrap {
	position: relative;
	width: 725px;
	display:flex;
	flex-flow:column;
	align-items:center;
	justify-content:center;
	row-gap: 30px;
	margin-top: 30px;
	padding-bottom: 50px;
}

.church_photo_swiper {
	width: 550px;
	height: auto;
	margin-top: 30px;
	padding : 0;
}

.church_photo_swiper .swiper-slide img {
	background-position: center;
	background-size: cover;
	width: 100%;
	height: auto;
	border: 1px solid #dddddd;
	border-radius: 15px;
}

.swiper-pagination {
	clear:both;
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

.swiper-pagination-bullet {
  margin: 0 3px;
}


/*fullcalendar*/
#fullcalendar_area { width: 725px; margin: -25px 0 0 30px; padding: 5px 0 20px 0; }
#fullcalendar_area_full { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; }
.schedule-guide { width:725px; margin: 20px 0 0 0; padding: 0 7px 12px 7px; background-color:#f0f0f0; border: 1px #dcdcdc solid; }
.schedule-reg-btn { width:725px; margin: 25px 0 0 15px; padding: 0 15px 0 0; text-align:right; }

/* footer */
.copyright { padding: 0; height: 150px; border-top:1px #5d5d5d solid; }