@charset "UTF-8";

#slider {
	height: 240px !important;
	margin: auto;
}

/* 주보성인 */
#andrew {
	display: flex;
}
#imgAndrew {
	background-color: var(--color-gray-low);
	width: 220px;
	height: 360px;
	margin-right: 25px;
}
#imgAndrew img {
	width: 210px;
	margin: 5px;
	padding: 0;
}
#imgAndrew p {
	text-align: center;
	margin: 0;
}
#descAndrew {
	float: left;
}
#descName {
	font-size: 1.2rem;
	font-weight: bold;
}
/* 신부님 소개 */
.profile_frame {
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
}

.profile {
	background-color: var(--color-gray-low);
	width: 430px;
	margin-bottom: 10px;
}

.profile-photo {
	max-width: 160px;
	margin-right: 20px;
	padding: 5px;
}

.profile-photo img {
	max-width: 160px;
	min-width: 160px;
}

.profile_title {
	color: var(--bg-color-high);
	font-weight: bold;
	font-size: 1.2rem;
	margin-top: 10px;
	margin-bottom: 1rem;
}

.profile_name {
	color: var(--color-black);
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
}

.profile_ordination, .profile_cbirth, .profile_dutyfrom {
	color: var(--color-black);
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

/* 역대 신부님 */
#father1-title, #father2-title, #father3-title, #convent-title {
	background-color: var(--color-gray-middle);
	color: var(--color-white);
	margin-bottom: 3px;
}
#father1-title:hover, #father2-title:hover, #father3-title:hover, #convent-title:hover, #commission-title:hover {
	cursor: pointer;
}
#father1list, #father2list, #father3list, #conventlist, #commissionrule {
	display: none;
}
/* 수녀님 소개 */
.convent_frame {
	width: 100%;
}
.convent_row_top {
	display: flex;
}
.convent_row0, .convent_row1 {
	width: 50%;
	background-color: var(--color-gray-low);
	margin-bottom: 1px;
	margin-right: 1px;
	padding: 3px 0;
}
.p_c_name {
	width: 50%;
	padding-right: 1rem;
	text-align: end;
}
.p_c_duty {
	width: 50%;
	text-align: center;
}
/* 60.사목회 */
#commission-img {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
.commission_name {
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
.commission_list {
	width: 85%;
	text-align: start;
	vertical-align: middle;
}

/* 70.사무실 */
.office_info {
	width: 100%;
	display: flex;
	margin-bottom: 15px;
}
.info_detail {
	background-color: var(--color-gray-low);
	margin: 5px;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.info_detail p {
	margin: 0.5rem;
}
.title {
	font-weight: bold;
}

/* 80.오시는길 혼배마당과 동일 */
#map {
	margin-bottom: 20px;
}
.info {
	background-color: var(--color-gray-low);
	color: var(--color-black)
}
.detail_info {
	padding: 8px 10px;
	border: 1px solid var(--color-white);
}
.info .row_detail:not(:nth-child(1)) {
	padding-top: 4px;
}
.info .row_detail {
	position: relative;
	font-size: 0;
}
.badge_route {
	display: flex;
	float: left;
	align-items: center;
	justify-content: center;
	min-width: 1rem;
	height: 1.2rem;
	padding: 0 6px;
	border-radius: 0.8rem;
	font-weight: 400;
	font-size: 1rem;
	line-height: 13px;
	color: var(--color-white);
	box-sizing: border-box;
}
.seoul_line1 .badge_route, .seoul_line1.badge_route {
	background-color: #3356B4;
}
.gyeongui_line .badge_route, .gyeongui_line.badge_route {
	background-color: #69CCCC;
}
.gyuongchun_line .badge_route, .gyuongchun_line.badge_route {
	background-color: #32B2C4;
}
.txt_detail {
	display: inline;
	font-weight: 400;
	font-size: 1rem;
	line-height: 20px;
	color: #303030 !important;
	vertical-align: middle;
}
.badge_route_bus {
	display: flex;
	float: left;
	align-items: center;
	justify-content: center;
	min-width: 1rem;
	height: 1.2rem;
	padding: 0px;
	border-radius: 0.2rem;
	font-weight: 400;
	font-size: 1rem;
	line-height: 13px;
	color: var(--color-white);
	box-sizing: border-box;
}
.main_line .badge_route_bus, .main_line.badge_route_bus {
	background-color: #0068b7;
}
.branch_line .badge_route_bus, .branch_line.badge_route_bus {
	background-color: #53b332;
}
.v_bar {
	min-width: 1px;
	padding: 0px;
	margin: 0 6px;
	border: 1px solid var(--color-white);
}



/* summernote background-color line-height: 1;*/
.note-editable {
	padding: 10px;
	background-color: white !important;
	text-align: left;
	max-width: calc(var(--max-width) - 130px) !important;
	line-height: 1.0em; /* 원하는 줄간격 값 */
}

#regist_content {
	width: 100%;
	padding: 10px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}


/* Small Devices, Tablets : ~ 768px */
@media only screen and (max-width : 767px) {

	/* 주보성인 */
	#andrew {
		display: block;
	}
	#imgAndrew {
		width: auto;
		height: auto;
		margin: 5px;
	}
	#imgAndrew img {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0px;
	}

	.profile_title {
		font-size: 1.2rem;
	}
	.profile_name {
		font-size: 1.3rem;
	}
	.profile_ordination, .profile_cbirth, .profile_dutyfrom {
		font-size: 0.9rem;
	}

	.convent_row_top {
		display: block;
	}
	.convent_row0, .convent_row1 {
		width: 100%;
	}
	.p_c_name {
		width: 40%;
	}
	.p_c_duty {
		width: 60%;
	}
	/* 사목회 */
	.commission_row {
		display: flex;
		flex-direction: column;
	}
	.commission_name {
		width: 100%;
		text-align: left;
	}
	.commission_list {
		width: 100%;
		padding-left: 1rem !important;
	}
	.table>:not(caption)>*>* {
		padding: 0rem .5rem;
	}
	/* 사무실 */
	.office_info {
		width: 100%;
		display: block;
		margin-bottom: 15px;
	}

}

/* Extra Small Devices, Phones : ~ 480px */
@media only screen and (max-width : 480px) {

	.profile-photo {
		max-width: 130px;
		margin-right: 15px;
		padding: 5px;
	}

	.profile-photo img {
		max-width: 130px;
		min-width: 130px;
	}

	.profile_title {
		font-size: 1.0rem;
	}

	.profile_name {
		font-size: 1.2rem;
	}

	.profile_ordination, .profile_cbirth, .profile_dutyfrom {
		font-size: 0.8rem;
	}

}

/* Custom, iPhone Retina : ~ 320px */
@media only screen and (max-width : 320px) {

}