@charset "utf-8";

@font-face {
	font-family: 'Wilderness Typeface';
	font-style: normal;
	font-weight: 400;
	src: url('./font/WildernessTypeface-Regular.woff') format('woff');
}
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Parisienne&display=swap');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

@font-face {
	font-family: 'InkLipquid';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BinggraeTaom'; src: url('./font/BinggraeTaom.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SangSangShin';
	src: url('./font/SangSangShin.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Handletter';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cafe24Shiningstar';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 700;
	src: local('Spoqa Han Sans Bold'),
	url('./font/SpoqaHanSansBold.woff2') format('woff2'),
	url('./font/SpoqaHanSansBold.woff') format('woff'),
	url('./font/SpoqaHanSansBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 400;
	src: local('Spoqa Han Sans Regular'),
	url('./font/SpoqaHanSansRegular.woff2') format('woff2'),
	url('./font/SpoqaHanSansRegular.woff') format('woff'),
	url('./font/SpoqaHanSansRegular.ttf') format('truetype');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 300;
	src: local('Spoqa Han Sans Light'),
	url('./font/SpoqaHanSansLight.woff2') format('woff2'),
	url('./font/SpoqaHanSansLight.woff') format('woff'),
	url('./font/SpoqaHanSansLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 100;
	src: local('Spoqa Han Sans Thin'),
	url('./font/SpoqaHanSansThin.woff2') format('woff2'),
	url('./font/SpoqaHanSansThin.woff') format('woff'),
	url('./font/SpoqaHanSansThin.ttf') format('truetype');
}
@font-face {
	font-family: 'GmarketSansMedium';
	src: url('./font/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansLight';
	src: url('./font/GmarketSansLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansBold';
	src: url('./font/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TlabShin';
	src: url('./font/TlabShinYBA1.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Treegarden';
	src: url('./font/Treegarden.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 100;
	src: local('Apple SD Gothic Neo Thin'),
	url('./font/100_AppleSDGothicNeo-Thin.woff2') format('woff2'),
	url('./font/100_AppleSDGothicNeo-Thin.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 200;
	src: local('Apple SD Gothic Neo UltraLight'),
	url('./font/200_AppleSDGothicNeo-UltraLight.woff2') format('woff2'),
	url('./font/200_AppleSDGothicNeo-UltraLight.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 300;
	src: local('Apple SD Gothic Neo Light'),
	url('./font/300_AppleSDGothicNeo-Light.woff2') format('woff2'),
	url('./font/300_AppleSDGothicNeo-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 400;
	src: local('Apple SD Gothic Neo Medium'),
	url('./font/400_AppleSDGothicNeo-Medium.woff2') format('woff2'),
	url('./font/400_AppleSDGothicNeo-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 500;
	src: local('Apple SD Gothic Neo Regular'),
	url('./font/500_AppleSDGothicNeo-Regular.woff2') format('woff2'),
	url('./font/500_AppleSDGothicNeo-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 600;
	src: local('Apple SD Gothic Neo SemiBold'),
	url('./font/600_AppleSDGothicNeo-SemiBold.woff2') format('woff2'),
	url('./font/600_AppleSDGothicNeo-SemiBold.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 700;
	src: local('Apple SD Gothic Neo Bold'),
	url('./font/700_AppleSDGothicNeo-Bold.woff2') format('woff2'),
	url('./font/700_AppleSDGothicNeo-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 800;
	src: local('Apple SD Gothic Neo ExtraBold'),
	url('./font/800_AppleSDGothicNeo-ExtraBold.woff2') format('woff2'),
	url('./font/800_AppleSDGothicNeo-ExtraBold.otf') format('opentype');
}
@font-face {
	font-family: 'Apple SD Gothic Neo';
	font-style: normal;
	font-weight: 900;
	src: local('Apple SD Gothic Neo Heavy'),
	url('./font/900_AppleSDGothicNeo-Heavy.woff2') format('woff2'),
	url('./font/900_AppleSDGothicNeo-Heavy.otf') format('opentype');
}


/*
 * Common
 */

html,
body {
	height: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-webkit-box: border-box;
	box-sizing: border-box;
	font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', "Nanum Gothic", "나눔고딕", "Lato","Apple SD Gothic Neo", "Malgun Gothic", dotum, sans-serif;
	word-spacing: 0;
	letter-spacing: 0;
	font-weight: 400;
	word-break: keep-all;
}
*:focus {
	outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans KR';
}

pre {
	white-space: pre-wrap;
}

img {
	image-rendering: -webkit-optimize-contrast;
	transform: translateZ(0);
	backface-visibility: hidden;
}

[class^='grid'] {
	display: grid !important;
}
[class^='grid'].inline {
	display: inline-grid !important;
}
[class^='grid'].vertical-middle {
	align-items: center !important;
}
[class^='grid'].vertical-top {
	align-items: inherit !important;
}
[class^='grid'] > * {
	display: flex !important;
	flex-direction: column;
}
[class^='grid'] > * > .cont-wr {
	position: relative;
}
.grid-2 {
	grid-template-columns: 1fr 1fr;
}
.grid-2.auto {
	grid-template-columns: auto auto;
}
.grid-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.grid-3.auto {
	grid-template-columns: auto auto auto;
}
.grid-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid-6 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid-row-3 {
	grid-template-rows: 1fr 1fr 1fr;
}
[class^='grid'] .col-no-2 {
	grid-column: 2;
}
[class^='grid'] .row-no-1-span-2 {
	grid-row: 1 / span 2;
}
@media (max-width: 900px) {
	.grid-5,
	.grid-6 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-3,
	.grid-4 {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 640px) {
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6 {
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
	}
	[class^='grid'] .col-no-2 {
		grid-column: inherit;
	}
	[class^='grid'] .row-no-1-span-2 {
		grid-row: inherit;
	}
}

.table {
	display: table !important;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}
.table > * {
	float: unset !important;
	display: table-cell !important;
}
.table.auto-width {
	width: auto;
}

.text-light-gray {
	color: #aaaaa8 !important;
}
.text-gray,
.text-gray-all,
.text-gray-all * {
	color: #999 !important;
}
.text-dark-gray {
	color: #535353 !important;
}
.text-green {
	color: #ea4235;
}
.text-green2 {
	color: #368DA0;
}
.text-light-green {
	color: #c5d841;
}
.text-orange {
	color: #f99d2e;
}
.text-purple {
	color: #6817ca;
}
.text-light-blue,
.text-light-blue-all,
.text-light-blue-all * {
	color: #29b1e3 !important;
}
.text-blue,
.text-blue-all,
.text-blue-all * {
	color: #2f5096 !important;
}
.text-dark-blue,
.text-dark-blue-all,
.text-dark-blue-all * {
	color: #3a4b52 !important;
}
.text-dark-blue2 {
	color: #38406a !important;
}
.text-red,
.text-red-all,
.text-red-all * {
	color: #ff0000 !important;
}
.text-orange-red,
.text-orange-red-all,
.text-orange-red-all * {
	color: #dc2d1a !important;
}
.text-orange,
.text-orange-all,
.text-orange-all * {
	color: #ee5c0d !important;
}
.text-white,
.text-white-all,
.text-white-all * {
	color: #FFF !important;
}
.text-brown,
.text-brown-all,
.text-brown-all * {
	color: #a17a40 !important;
}
.text-dark-brown {
	color: #9b7c3c !important;
}
.text-black,
.text-black-all,
.text-black-all * {
	color: #000 !important;
}
.text-yellow,
.text-yellow-all,
.text-yellow-all * {
	color: #ebf05e !important;
}
.text-dark-yellow,
.text-dark-yellow-all,
.text-dark-yellow-all * {
	color: #eea10d !important;
}
.font-en {
	font-family: 'Dhurjati', sans-serif !important;
}
.font-brush {
	font-family: 'Nanum Brush Script', cursive !important;
}
.font-pen {
	font-family: 'Nanum Pen Script', cursive !important;
}
.font-ink {
	font-family: 'InkLipquid' !important;
}
.font-covered {
	font-family: 'Covered By Your Grace', cursive !important;
}
.font-dokdo {
	font-family: 'East Sea Dokdo', cursive !important;
}
.font-paris {
  font-family: "Allura", cursive  !important;

}
.font-abril-fatface {
	font-family: 'Abril Fatface', cursive !important;
}
.font-caveat {
	font-family: 'Caveat', cursive !important;
}
.font-myeongjo {
	font-family: 'Gowun Batang', serif !important;
}
.font-concert-one {
	font-family: 'Concert One', cursive !important;
}
.font-handlatter {
	font-family: 'Handletter', serif !important;
}
.font-cafe24-shiningstar {
	font-family: 'Cafe24Shiningstar', serif !important;
}
.font-quotes {
	font-family: 'Passion One', cursive;
}
.font-montserrat {
	font-family: 'Montserrat', sans-serif !important;
}
.font-raleway {
	font-family: 'Raleway', sans-serif !important;
}
.font-gmarketSansMedium {
	font-family: 'GmarketSansMedium', sans-serif !important;
}
.font-tlabShin {
	font-family: 'TlabShin', sans-serif !important;
}
.font-appleSD {
	font-family: 'Apple SD Gothic Neo' !important;
}
.font-treegarden {
	font-family: 'Treegarden' !important;
}
.font-noto-serif {
	font-family: 'Noto Serif KR', serif !important;
}

.swiper-pop {
	cursor: pointer;
}

.hd-width {
	width: 100%;
	max-width: 1980px;
	margin: 0 auto;
}

.pointer {
	cursor: pointer;
}

.iframe-wrap {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	background-color: #e4e4e4;
	overflow: hidden;
}
.iframe-wrap.h300,
.iframe-wrap.h115,
.iframe-wrap.h140 {
	background-color: #333;
}
.iframe-wrap.h300 {
	padding-bottom: 300px;
}
.iframe-wrap.h115 {
	padding-bottom: 115px;
}
.iframe-wrap.h140 {
	padding-bottom: 140px;
}
.iframe-wrap iframe,
.iframe-wrap img,
.iframe-wrap video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.iframe-wrap iframe,
.iframe-wrap video {
	background-color: rgba(0, 0, 0, 0.7);
}
.iframe-wrap img {
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.iframe-wrap.h300 img,
.iframe-wrap.h115 img,
.iframe-wrap.h140 img {
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}
.iframe-wrap.fliphtml {
	padding-bottom: calc(100vh - 200px);
}

.btn,
.more,
button,
.not-draggable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.divide-line-vertical {
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #555;
	margin: 0 10px 0 6px;
}

#container.index #sub-page {
	padding: 0;
}
#edit-page,
#sub-page .edit-page {
	position: absolute;
	display: block;
	left: 50%;
	top: 10px;
	right: 15px;
	text-align: right;
	z-index: 1;
	max-width: 98% !important;
	transform: translateX(-50%);
	margin: 0;
}
#edit {
	position: absolute !important;
	top: 15px;
	right: 15px;
	z-index: 5;
}
@media (max-width: 1100px) {
	#edit-page,
	#sub-page .edit-page {
		top: -55px;
	}
}
#edit i,
#edit-page i,
#sub-page .edit-page i{
	color: #b51818;
	font-size: 2em;
}

.custom-scrollbar {
	scrollbar-3dLight-Color: #D2D2D2;
	scrollbar-arrow-color: #FFF;
	scrollbar-base-color: #D2D2D2;
	scrollbar-Face-Color: #D2D2D2;
	scrollbar-Track-Color: #FFF;
	scrollbar-DarkShadow-Color: #FFF;
	scrollbar-Highlight-Color: #FFF;
	scrollbar-Shadow-Color: #FFF;
}
.custom-scrollbar::-webkit-scrollbar {
	width: 8px;
	border: 1px solid #FFF;
	-webkit-border-radius: 10px;
	border-radius:10px;
}
.custom-scrollbar::-webkit-scrollbar-button:start:decrement,
.custom-scrollbar::-webkit-scrollbar-button:end:increment {
	display: block;
	height: 10px;
	background: rgba(0, 0, 0, 0);
}
.custom-scrollbar::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0,0 ,0 );
}
.custom-scrollbar::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: #D2D2D2;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
}

.align-center,
.align-center-all,
.align-center-all * {
	text-align: center !important;
}
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}

.img-full-auto {
	text-align: center;
}
.img-full-auto img {
	max-width: 100%;
}
.img-full img {
	width: 100%;
}

.tab-child {
	position: relative;
	overflow: hidden;
}
.tab-child > * {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	transform: translateX(-105%);
}
.tab-child > *.on {
	position: relative;
	transform: translateX(0);
}

#getting-ready {
	display: grid;
	text-align: center;
	min-height: 500px;
	align-items: center;
	font-size: 2.5em;
	font-weight: 600;
	margin-bottom: 50px;
	color: #ccc;
}
@media (max-width: 640px) {
	#getting-ready {
		font-size: 1.5em;
		min-height: 300px;
	}
}

#pdf_reader.iframe-wrap {
	padding-bottom: 80vh;
}
@media (max-width: 640px) {
	#pdf_reader.iframe-wrap {
		padding-bottom: 70vh;
	}
}


/**
 * Header
 */

#hd,
#wrapper,
#ft {
	min-width: auto !important;
}
#hd {
	background: unset;
}
#hd *:not(.no-ani),
.ani {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#wrapper {
	margin-top: 0;
}
#hd.on + hr + #wrapper {
	/*margin-top: 95px;*/
}

#gnb_open {
	position: absolute;
	display: none;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 40px;
	height: 55px;
	border: 0;
	background-size: 70%;
	color: #fff;
	background: none;
	font-size: 2em;
}
#gnb_open,
#user_btn {
	color: #FFF;
}
@media (max-width: 1100px) {
	#wrapper {
		/*margin-top: 55px;*/
	}
	#gnb_open {
		display: block;
	}
}

#tnb {
	background-color: rgba(0, 0, 0, 0);
	border-bottom-width: 1px;
	border-color: rgba(255, 255, 255, 0.3);
}
#hd_qnb,
#hd_define {
	display: flex;
	align-items: center;
	height: 60px;
}
#hd.on #hd_qnb {
	height: 95px;
}
#hd_define li,
#hd_qnb li {
	border-right-width: 0;
}
#hd_define > li,
#hd_qnb > li {
	position: relative;
	font-size: 1.05em;
}
#hd_define > li {
	padding: 15px 0 15px 0;
	margin: 0 15px 0 0;
	white-space: nowrap;
}
#hd_qnb > li {
	padding: 15px 0;
	margin: 0;
}
/*#hd_define > li:hover a,
#hd_qnb > li:hover a {*/
#hd_define > li a:hover,
#hd_qnb > li a:hover {
	color: rgba(255, 255, 255, 1);
}
#hd_define > li a,
#hd_qnb > li a {
	position: relative;
	display: inline-block;
	color: rgba(255, 255, 255, 0.7);
	padding: 0 12px;
}
#hd_define > li a {
	padding: 0 17px 0 12px;
}
#hd_qnb > li:first-child > a.login:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	height: 10px;
	width: 1px;
	transform: translateY(-50%);
	background-color: #666;
}
#hd_qnb .map a,
#hd_qnb .reservation a,
#hd_qnb .instagrams a {
	display: flex;
	align-items: center;
	/* line-height: 35px; */
	padding: 10px 25px 8px;
	border: 1px solid rgba(255,255,255,0.2);
	color: #FFF;
}
#hd_qnb .map a {
	color: #fff;
	background-color: #3b5998;
}
#hd_qnb .instagrams a {
	color: #fff;
	background-color: #3b5998;
}
#hd_qnb .instagrams a {
	color: #fff;
	background-color: #c435a7;
}
#hd_qnb .map a i,
#hd_qnb .reservation a i,
#hd_qnb .instagrams a i {
	margin-right: 10px;
		color: #fff;
}
#hd_qnb .map a:hover {
	border-color: #fff;
	color: #000;
	background-color: #fff;
}
#hd_qnb .instagrams a:hover {
	border-color: #fff;
	color: #000;
	background-color: #fff;
}
#hd_qnb .map a:hover i {
	color: #000
}
#hd_qnb .reservation a {
	margin-left: 10px;
		color: #fff;
		background-color: #ff0000;
}
#hd_qnb .map a {
	margin-left: 10px;
}
#hd_qnb .reservation a:hover {
	border-color: #fff;
	color: #000;
	background-color: #fff;
}
#hd_qnb .reservation a:hover i {
	color: #000;
}
#hd_qnb .instagrams a:hover i {
	color: #000;
}
#hd_qnb .reservation i {
	margin-right: 5px;
}


.mbottommenu {
	display: flex;
}
.mbottommenu>li {
	flex: 1;
}


#gnb-mobile .map a,
#gnb-mobile .reservation a {
	display: flex;
	align-items: center;
	/* line-height: 35px; */
	padding: 0px 15px 0px;
	border: 1px solid rgba(255,255,255,0.2);
	color: #FFF;
}
#gnb-mobile .map a {
	color: #fff;
	background-color: #3b5998;
}
#gnb-mobile .map a i,
#gnb-mobile .reservation a i {
	margin-right: 10px;
		color: #fff;
}
#gnb-mobile .map a:hover {
	border-color: #fff;
	color: #000;
	background-color: #fff;
}
#gnb-mobile .map a:hover i {
	color: #000
}
#gnb-mobile .reservation a {
	margin-left: 0px;
		color: #fff;
		background-color: #ff0000;
}
#gnb-mobile .reservation a:hover {
	border-color: #fff;
	color: #000;
	background-color: #fff;
}
#gnb-mobile .reservation a:hover i {
	color: #000;
}
#gnb-mobile .reservation i {
	margin-right: 5px;
}



#hd_define li img {
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
}
#hd_qnb .sns-icon {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
	color: rgba(255, 255, 255, 0.7);
	cursor: pointer;
	margin: 0 3px;
	padding: 0;
}
#hd_qnb .sns-icon:hover {
	color: rgba(255, 255, 255, 1);
}
#hd_qnb .sns-icon img {
	position: absolute;
	max-width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#hd_qnb .sns-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.7em;
}
#hd_qnb .facebook i {
	font-size: 1.4em;
}

#hd_qnb .round-btn {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 3px solid #000;
	border-radius: 50%;
	margin: 0;
	vertical-align: sub;
	overflow: hidden;
	background-color: #FFF;
}
#hd_qnb .sns-icon:hover .round-btn {
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
}
#hd_qnb .round-btn i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#hd_qnb .church .round-btn img {
	width: 57%;
	transform: translate(-35%, -50%);
}
#hd_qnb .youtube .round-btn {
	color: #e8382d;
	border-color: #e8382d;
}
#hd_qnb .online-offering {
	position: relative;
	margin: 0 5px 0 15px !important;
	color: #c4141b;
	font-size: 1.2em;
	cursor: pointer;
	line-height: 45px;
	font-weight: 500;
	padding-right: 15px;
}
#hd_qnb .online-offering:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 15px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-color: #ACACAC;
}
#hd_qnb .online-offering .round-btn {
	border-color: #c4141b;
	margin-left: 5px;
}
#hd_qnb .online-offering .round-btn i {
	transform: translate(-50%, -50%) scale(0.7);
}
#hd_qnb .online-offering:hover {}
#hd_qnb .divide-line {
	position: relative;
	margin: 0 10px;
}
#hd_qnb .divide-line:before {
	content: '';
	position: absolute;
	top: 7px;
	bottom: 7px;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}

li.member-menu {
	position: relative;
	text-align: center;
	color: rgba(93, 103, 125, 1);
	padding: 30px 0 !important;
	margin: 0 0 0 5px !important;
}
li.member-menu-sub:before {
	content: '|';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	font-size: 0.7em;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 100;
}
li.member-menu i {
	top: -1px;
	margin-right: 7px;
	font-size: 1.4em;
}
li.member-menu > span:after {
	content: '▼';
	position: relative;
	display: inline-block;
	font-size: 0.7em;
	transform: scale(0.5);
	top: -1px;
	margin-left: 3px;
}
li.member-menu a {
	position: relative;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: rgba(0, 0, 0, 0.7);
}
li.member-menu a:hover {
	color: rgba(0, 0, 0, 1);
}

li .member-sub-menu,
li .lang-select-menu {
	display: none;
	position: absolute;
	background-color: #FFF;
	top: 60px;
	left: 50%;
	z-index: 1000000;
	padding: 0;
	transform: translateX(-50%);
	min-width: 130px;
	box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.2);
	border: 1px solid #E9E9E9;
	margin-left: -4px;
}
li .lang-select-menu {
	min-width: auto;
	left: 0;
	right: 0;
	transform: translateX(0);
	text-align: center;
}
li:hover .member-sub-menu,
li:hover .lang-select-menu {
	display: block;
}
li .member-sub-menu *,
li .lang-select-menu * {
	top: 0;
	white-space: nowrap;
	line-height: 40px;
}

li .member-sub-menu:before,
li .lang-select-menu:before {
	content: '▲';
	position: absolute;
	font-size: 0.75em;
	top: -10px;
	left: 50%;
	color: #FFF;
	transform: translateX(-50%);
}
li .member-sub-menu li,
li .lang-select-menu li {
	line-height: 2.8em !important;
	float: none !important;
	display: block;
	margin: 0 !important;
	padding: 0 10px !important;
	border-top: 1px solid #E0E0E0;
	text-align: left !important;
}
li .member-sub-menu li:first-child,
li .lang-select-menu li:first-child {
	border: none;
}
li .member-sub-menu a,
li .member-sub-menu a:hover,
li .lang-select-menu a,
li .lang-select-menu:hover {
	font-size: 0.9em;
	color: #333 !important;
}

li .member-sub-menu li:hover,
li .lang-select-menu li:hover {
	background-color: #f3f3f3;
}

.lang-select {
	color: rgba(0, 0, 0, 0.5) !important;
	padding: 0 10px !important;
	margin-left: 8px !important;
}
.lang-select .arrow {
	display: inline-block;
	font-size: 0.7em;
	color: rgba(0, 0, 0, 0.5) !important;
	transform: scale(0.7);
}
.lang-select .arrow:before {
	content: '▼';
}
.lang-select:hover .arrow:before {
	content: '▲';
}

#hd {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	height: 202px;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0);
	min-width: auto;
	z-index: 99999;
}
#hd.on {
	height: 95px;
	background-color: rgba(0, 0, 0, 0.7);
}
#hd > .common-width {
	max-width: 1600px !important;
}
#hd > .common-width > *:not(#hd_pop) {
	line-height: 60px;
}
#hd.on > .common-width > *:not(#hd_pop) {
	line-height: 95px;
}
@media (max-width: 1100px) {
	#hd {
		height: 55px !important;
		background-color: rgba(0, 0, 0, 0.7);
	}
	#hd > .common-width > *:not(#hd_pop) {
		line-height: 55px !important;
	}
	#hd #hd_wrapper #logo {
		width: auto;
	}
}

#hd-wrap-width.common-width {
	width: 100% !important;
	max-width: 100% !important;
}
@media (min-width: 1400px) {
	#hd-wrap-width.common-width {
		/*padding: 0 30px;*/
	}
}
@media (min-width: 1100px) {
	#hd-wrap-width.common-width {
		/*padding: 0 10px;*/
	}
}

#hd.on #tnb {
	display: none;
}

#hd_wrapper {
	width: auto;
	float: left;
	height: auto;
}
#hd_wrapper #logo {
	line-height: 113px;
	padding: 0;
	float: unset;
}
#hd.on #hd_wrapper #logo {
	line-height: 95px;
}
#hd.on #hd_wrapper #logo img {
	transform: scale(0.95);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
@media (max-width: 1360px) {
	#hd.on #hd_wrapper #logo img {
		transform: scale(0.5);
	}
	#hd.on #gnb .gnb_1da {
		font-size: 1.1em !important;
	}
}
@media (max-width: 1160px) {
	#hd.on #hd_wrapper #logo {
		display: none;
	}
}
@media (max-width: 1100px) {
	#gnb-2dul-bg {
		display: none;
	}
	#hd #hd_wrapper #logo {
		line-height: 55px !important;
	}
	#hd.on #hd_wrapper #logo {
		display: block;
	}
	#hd.on #hd_wrapper #logo img {
		transform: scale(1);
	}
}

#gnb-wr {
	float: right;
	margin-left: 50px;
	z-index: 1;
}
@media (max-width: 1420px) {
	#gnb-wr {
		position: relative;
		left: auto;
		transform: translateX(0);
		float: right;
	}
}
#gnb {
	z-index: 1001;
	background-color: rgba(0, 0, 0, 0);
}
#gnb .gnb_wrap {
	width: auto;
	position: relative;
}
#gnb .gnb_menu_btn {
	display: none;
	width: 60px;
	height: 60px;
	background-color: #36499F;
	font-size: 1.6em;
}
#gnb .gnb_menu_btn:hover{
	background-color: #1f2e75;
}
#gnb .gnb_menu_btn .fa-times {
	font-size: 1.5em;
}
#gnb .gnb_search_btn {
	display: none;
	position: relative;
	width: 60px;
	height: 60px;
	background-color: #FFF;
	border: 0;
	vertical-align: top;
	font-size: 2em;
}
#gnb .gnb_search_btn:hover {
	color: #36499F;
}
#gnb .gnb_search_btn:after,
#gnb .gnb_search_btn:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #DADADA;
}
#gnb .gnb_search_btn:before {
	left: 0;
}
#gnb .gnb_search_btn:after {
	right: 0;
}
#gnb .gnb_search_btn .fa-times {
	font-size: 1.2em;
}
#gnb #gnb_1dul {
	width: auto;
	border-width: 0;
	margin: 0 auto;
	max-width: 1100px;
}
#gnb .gnb_mnal {
	position: absolute;
	top: 0;
}
#gnb #gnb_1dul > li:first-child {
	left: 0;
}
#gnb #gnb_1dul > li:last-child {
	right: 0;
}
/*
#gnb #gnb_1dul > li:last-child .normal {
	display: inline-block;
	line-height: 50px;
	padding: 0 40px;
	border-radius: 50px;
	background-color: #29b1e3;
	color: #FFF;
}
#gnb #gnb_1dul > li:last-child:hover .normal {
	background-color: #136788;
}
*/
#gnb .gnb_1dli {
	text-align: center;
	line-height: 60px;
}
#gnb .gnb_1dli:not(.gnb_mnal) {
	min-width: 95px;
}
#gnb .gnb_1da {
	text-align: left;
	font-size: 1.3em;
	font-weight: 500;
	color: #FFF;
	display: grid;
	height: 113px;
	align-items: center;
	line-height: 120%;
	white-space: nowrap;
}
#hd.on #hd_wrapper #logo {
	/*line-height: 95px;*/
}
#hd.on #gnb .gnb_1da {
	/*line-height: 94px;*/
	height: 94px;
	font-size: 1.35em;
}
#gnb .gnb_1da .normal {
	font-weight: 600;
}
@media (max-width: 1400px) {
	#gnb #gnb_1dul {
		max-width: 1000px;
	}
}
@media (max-width: 1300px) {
	#gnb .gnb_1da {
		font-size: 1.25em;
	}
	#gnb-wr {
		margin-left: 10px;
	}
	#hd_wrapper #logo {
		overflow: hidden;
		width: 60px;
	}
}
/*
#gnb .gnb_1dli:hover:before {
	content: '<';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) rotate(-90deg);
	color: #003c83;
	font-weight: 800;
	font-size: 1.3em;
	font-family: "Nanum Gothic", "나눔고딕";
}
*/

#hd.on #gnb .gnb_1dli:hover:before {
	bottom: -12px;
}
#gnb .gnb_1dli:last-child:hover:before {
	content: '';
}
#gnb_1dul > .gnb_1dli,
#gnb_1dul > .gnb_1dli .gnb_2dul {
	-webkit-transition: all 0s ease-out;
	-moz-transition: all 0s ease-out;
	-o-transition: all 0s ease-out;
	transition: all 0s ease-out;
}
#gnb_1dul > .gnb_1dli:hover,
#gnb_1dul > .gnb_1dli:hover .gnb_2dul {
	background-color: #FFF;
}
#gnb_1dul > .gnb_1dli:hover > a {
	color: #000;
}
.gnb_1dli .gnb_1da {
	padding: 0 35px;
}
@media (max-width: 1400px) {
	#gnb .gnb_1da {
		padding: 0 25px;
	}
}
#gnb .gnb_1da small {
	display: block;
	font-size: 0.95em;
	color: #a2a2a2;
	margin-top: 3px;
}
#gnb .gnb_1dli .bg {
	display: none;
}
#gnb .gnb_2dul,
#gnb-2dul-bg {
	top: 0;
}
#hd.on #gnb .gnb_2dul,
#hd.on #gnb-2dul-bg {
	/*top: 95px;*/
}
.gnb_2dul {
	left: 0;
	right: 0;
}
#gnb.pc .gnb_2dul {
	display: block;
	position: relative;
	overflow: hidden;
	left: 0;
	width: 100%;
	max-height: 0;
	margin: 0;
	padding: 0;
	z-index: 999;
	min-width: 100px;
}
#gnb-2dul-bg {
	position: fixed;
	width: 100%;
	left: 0;
	height: 0;
	background-color: rgba(255, 255, 255, 1);
}
#gnb-2dul-bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e2e2e2;
}
#hd.on #gnb-2dul-bg {
	border-bottom: 1px solid #DADADA;
}
.gnb_1dli_over .gnb_2dul,
.gnb_1dli_over2 .gnb_2dul {
	max-height: 1000px !important;
	overflow: inherit !important;
	border-top: 1px solid #000 !important;
	z-index: 10;
}
.gnb_2dul .gnb_2dul_box {
	/*background-color: rgba(0, 0, 0, 0.7);*/
	padding: 20px 35px;
	border-width: 0;
	box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.1);
}
.gnb_2dli {
	position: relative;
	padding: 0;
	text-align: center;
	/*border-top: 1px solid rgba(255, 255, 255, 0.3);*/
}
.gnb_2da {
	position: relative;
	background-color: rgba(0, 0, 0, 0);
	/* white-space: nowrap; */
	font-size: 1.2em;
	padding: 8px 0 8px 0;
	font-weight: 600;
	text-align: left;
	line-height: 120%;
	color: rgba(0, 0, 0, 0.5);
	white-space: nowrap;
}
.gnb_2da:focus,
.gnb_2da:visited {
	color: rgba(0, 0, 0, 0.5) !important;
}
a.gnb_2da:hover {
	color: rgba(0, 127, 71, 1);
	background-color: rgba(0, 0, 0, 0);
	/*text-decoration: underline;*/
}
.gnb_2da small {
	display: block;
}
/*
.gnb_2da:before {
	content: '-';
	position: absolute;
	line-height: 150%;
	top: 8px;
	left: 20px;
	color: #003c83;
}
*/
@media (min-width: 1100px) {
	#gnb-2dul-bg {
		top: 202px;
	}
}
@media (max-width: 1200px) {
	.gnb_2da {
		font-size: 1.1em;
		text-align: left;
		padding-left: 0 20px !important;
	}
}
@media (max-width: 1100px) {
	#hd.on #gnb-2dul-bg {
		border-bottom-width: 0;
	}
}

#gnb_all {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #2E3384;
	border-width: 0;
	height: 0;
	overflow: hidden;
}
#gnb_all.on {
	height: 523px;
	padding: 30px 50px 50px;
}
#gnb_all h2,
#gnb_all .gnb_close_btn {
	display: none;
}
#gnb_all_bg {
	display: none !important;
	background-color: rgba(0, 0, 0, 0) !important;
}
#gnb_all .gnb_al_li {
	border-width: 0;
}
#gnb_all .gnb_al_li .gnb_al_a {
	color: #FFF;
	font-size: 1.6em;
	margin-bottom: 20px;
}
#gnb_all .gnb_al_li .gnb_al_a small {
	display: block;
	font-size: 0.7em;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 300;
}
#gnb_all .gnb_al_li li {
	padding: 5px 0;
}
#gnb_all .gnb_al_li li a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.3em;
}
#gnb_all .gnb_al_li li a:hover {
	color: #6ab5f5;
}

#ol_before,
#ol_after_hd {
	background-color: #007f47 !important;
	line-height: 0;
}
#ol_after_hd {
	white-space: nowrap;
}
#ol_before a.btn_b01,
#ol_before .btn_b01,
#ol_before .btn_b02 {
	position: relative;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0);
	color: #fff;
	border-radius: 3px;
	padding: 10px;
	border: 0;
	text-decoration: none;
	vertical-align: middle;
}
#ol_before .btn_b01:after {
	content: '';
	position: absolute;
	top: 12px;
	bottom: 12px;
	right: 0;
	width: 1px;
	background-color: #FFF;
}
#ol_after_private {
	display: none;
}
#ol_after_logout {
	background-color: #FFF !important;
	color: #2E3384 !important;
}
#ol_after_hd strong {
	width: 97px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#gnb-mobile {
	position: fixed;
	background: #efefef;
	top: 0;
	right: 0;
	width: 320px;
	z-index: 99999;
	height: 100vh;
	overflow-y:auto;
	transform: translateX(320px);
	-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
	-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
	box-shadow:0 0 5px rgba(55,55,5,0.4)
}
#gnb-mobile.on {
	transform: translateX(0);
}
#gnb-mobile #gnb_1dul {
	background: #fff
}
#gnb-mobile #gnb_1dul a {
	display: block;
	color: #000;
}
#gnb-mobile .gnb_1dli {
	position: relative;
	text-align: left;
	line-height: 45px;
}
#gnb-mobile .gnb_1dli button {
	position: absolute;
	top: 5px;
	right: 0;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border: 0;
	font-size: 1.2em;
	background: #fff;
	background: url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px;
}
#gnb-mobile .gnb_1dli button.btn_gnb_cl {
	background: url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;
}
#gnb-mobile .gnb_1da {
	display: block;
	padding: 5px 20px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 1.2em;
}
#gnb-mobile .gnb_1dli:hover,
#gnb-mobile .gnb_1da:hover {
	background-color: #FFF;
}
#gnb-mobile .gnb_1da.on {
	color: #FFF;
	background-color: #007f47;
}
#gnb-mobile .gnb_1dli button {
	top: 7px;
}
#gnb-mobile .gnb_1da small {
	display: none;
}
#gnb-mobile .gnb_2dul {
	position: relative;
	display: none;
	background: #fafafa;
	top: 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
#gnb-mobile .divide-line {
	background-color: #efefef;
	height: 15px;
	border-bottom: 1px solid #eee;
}
#gnb-mobile .offering {
	position: relative;
}
#gnb-mobile .offering .gnb_1da {
	font-size: 15pt;
	font-weight: 600;
}
#gnb-mobile .gnb-top-banner > * {
	position: relative;
	padding: 5px 0;
	align-items: center;
}
#gnb-mobile .gnb-top-banner > *:first-child {
	padding-right: 0;
}
#gnb-mobile .gnb-top-banner > *:last-child {
	padding-left: 0;
}
#gnb-mobile .gnb-top-banner > *:first-child:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	background-color: #E5E5E5;
}
#gnb-mobile .gnb-top-banner .sub {
	font-size: 0;
}
#gnb-mobile .gnb-top-banner .sub > * {
	display: inline-block;
	font-size: 12pt;
	line-height: 100%;
	vertical-align: middle;
	font-weight: 600;
}
#gnb-mobile .gnb-top-banner .sub small {
	display: block;
	font-size: 7pt;
}
#gnb-mobile .gnb-top-banner img {
	display: inline-block;
	height: 35px;
	margin-right: 10px;
}
#gnb-mobile .gnb-top-banner .icon {
	position: absolute;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #B49868;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	border-radius: 50%;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
#gnb-mobile .gnb_2da {
	padding-left: 30px
}
#gnb_close {
	display: block;
	position: absolute;
	right: 8px;
	top: 10px;
	z-index: 99;
	font-weight: bold;
	margin: 0;
	height: 40px;
	width: 40px;
	border: 0;
	color: #bfb8b2;
	font-size: 2em;
	background: transparent;
}

#search {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #FFF;
	z-index: 999;
	overflow: hidden;
	height: 0;
}
#search.on {
	height: 523px;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #2E3384;
}
#hd_sch {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -63%);
	overflow: unset;
	border-radius: 0;
}
#hd_sch h1 {
	color: #2E3384;
	font-size: 2.5em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
#hd_sch form[name="fsearchbox"] {
	border: 3px solid #2E3384;
	overflow: hidden;
	padding: 8px 5px 8px 10px;
}
#hd_sch #sch_stx,
#hd_sch #sch_submit {
	background-color: rgba(255, 255, 255, 0);
	color: #333;
}
#hd_sch #sch_stx {
	font-size: 1em;
	font-weight: 500;
	border-radius: 0;
	width: 523px;
}
#hd_sch #sch_stx,
#hd_sch #sch_stx:focus {
	outline: none !important;
	box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	-moz-box-shadow: unset !important;
	border: 0 !important;
}
#hd_sch #sch_submit {
	font-size: 2em;
}
#hd_sch #sch_submit:hover {
	color: #2E3384;
}

.sub-banner {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#sub-banner {
	min-height: 600px;
	background-size: cover;
	background-position: center;
	/*
    animation-name: zoom-out;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    */
}
.sub-banner.on {
	top: 0;
	/*margin-top: 138px;*/
}
.sub-banner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1200px;
	transform: translate(-50%, -20%);
	color: #FFF;
	text-align: center;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
.sub-banner .text * {
	position: relative;
	/*font-family: 'Noto Serif KR', serif;*/
}
.sub-banner .text .en {
	font-size: 2em;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}
/*
.sub-banner .text .en:after {
    content: '';
    display: block;
    margin: 20px auto 10px;
    width: 50px;
    height: 1px;
    background-color: #FFF;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
*/
.sub-banner .text .ko {
	font-size: 4.8em;
	font-weight: 800;
}
@media (max-width: 1100px) {
	.sub-banner {
		top: 0 !important;
	}
	#sub-banner {
		min-height: 200px;
	}
	.sub-banner .text .en {
		font-size: 15pt;
	}
	/*
    .sub-banner .text .en:after {
        margin: 15px auto 5px;
    }
    */
	.sub-banner .text .ko {
		font-size: 25pt;
	}
}
#sub-banner .table {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 400px;
	padding-top: 100px;
	background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1100px) {
	#sub-banner .table {
		height: 200px;
		padding-top: 70px;
	}
}
#sub-banner .table li {
	text-align: center;
	font-size: 5rem;
	color: #FFF;
}
@media (max-width: 1100px) {
	#sub-banner .table li {
		font-size: 3rem;
	}
}
#sub-banner .table li span {
	display: inline-block;
	font-weight: 600;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
@media (max-width: 1100px) {
	#sub-banner .table li span {
		font-size: 0.6em;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
}
#sub-banner .table li small {
	display: block;
	font-size: 0.25em;
	font-weight: 400;
}

#empty-banner {
	height: 135px;
}
@media (max-width: 1100px) {
	#empty-banner {
		height: 90px;
	}
}

nav#sub-menu {}
nav#sub-menu .top-menu {
	display: none;
}

nav#sub-menu .position-menu {
	display: none;
	line-height: 95px;
	font-size: 1.1em;
}
nav#sub-menu .position-menu * {
	color: #003c83;
}

nav#sub-menu .position-menu .divide-dot {
	position: relative;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 20px;
}
nav#sub-menu .position-menu .divide-dot:before,
nav#sub-menu .position-menu .divide-dot:after,
nav#sub-menu .position-menu .divide-dot span:before,
nav#sub-menu .position-menu .divide-dot span:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #003c83;
}
nav#sub-menu .position-menu .divide-dot:before,
nav#sub-menu .position-menu .divide-dot span:before {
	left: 0;
}
nav#sub-menu .position-menu .divide-dot:after,
nav#sub-menu .position-menu .divide-dot span:after {
	right: 0;
}
nav#sub-menu .position-menu .divide-dot:before,
nav#sub-menu .position-menu .divide-dot:after {
	top: 0;
}
nav#sub-menu .position-menu .divide-dot span:before,
nav#sub-menu .position-menu .divide-dot span:after {
	bottom: 0;
}

nav#sub-menu ul.table {
	width: auto;
	margin: 80px auto 0;
	padding: 0;
	border-spacing: 3px;
}
nav#sub-menu ul.table * {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
nav#sub-menu ul.table > * {
	padding: 0 25px;
	line-height: 50px;
	color: rgba(0, 0, 0, 1);
	font-size: 1.5em;
	cursor: pointer;
	border: 1px solid #000;
	text-align: center;
}
nav#sub-menu ul.table > *:hover,
nav#sub-menu ul.table > *.on {
	background-color: #000;
}
nav#sub-menu ul.table > *:hover span,
nav#sub-menu ul.table > *.on span {
	color: rgba(255, 255, 255, 1);
	/*border-color: rgba(255, 255, 255, 1);*/
	white-space: nowrap;
}
nav#sub-menu ul.table > * span {
	display: grid;
	align-items: center;
	font-weight: 400;
}

#container_title_wrap {
	display: none;
	overflow: hidden;
	line-height: 55px;
	height: 73px;
	padding: 10px 0 3px;
	margin-top: 70px !important;
	text-align: center;
}
#container_title_wrap > div > * {
	vertical-align: top;
}
@media (max-width: 1100px) {
	#container_title_wrap {
		margin-top: 30px !important;
	}
}

#container_title {
	/*float: left;*/
	padding: 0;
	font-size: 2.3em;
}
#container_title > * {
	vertical-align: middle;
}
#container_title span {
	position: relative;
	display: inline-block;
	padding: 0 0 20px;
	border-bottom: 1px solid #003c83;
	color: #003c83;
	margin: 0;
	font-size: 1.3em;
	font-weight: 800;
	white-space: nowrap;
}
@media (max-width: 1100px) {
	#container_title {
		font-size: 2em;
	}
	#container_title span {
		padding-bottom: 0;
	}
}
@media (max-width: 640px) {
	#container_title {
		font-size: 1.5em;
	}
}

#position-wrap {
	display: none;
	float: right;
}
#board-common-top #position-wrap {
	position: relative;
	float: unset;
}
#position {
	width: 100%;
	margin: 0;
	font-size: 0.85rem;
	/*text-align: right;*/
}
#position,
#position * {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#position *:not(i) {
	color: rgba(0, 0, 0, 0.4);
	font-weight: 500;
}
#position i,
#position img {
	display: inline-block;
	/*width: 25px;*/
	/*height: 25px;*/
	color: rgba(0, 0, 0, 0.4);
	/*background-color: #0066b8;*/
	/*border-radius: 50%;*/
	font-size: 0.9em;
	margin-right: 3px;
	text-decoration: none !important;
	text-align: center;
	line-height: 25px;
}
#position img {
	position: relative;
	top: -1px;
}
/*#position a:first-child:before {
    content: '.';
    position: relative;
    display: inline-block;
    top: -3px;
    margin-right: 5px;
}*/
#position > *:after {
	content: '>';
	position: relative;
	display: inline-block;
	font-size: 0.8em;
	top: -2px;
	margin: 0 4px 0 8px;
	font-family: 'Nanum Gothic', sans-serif;
	color: #b2b2b2;
}
#position > *:hover:after {
	color: rgba(0, 0, 0, 0.7) !important;
}
#position > *:last-child:after {
	content: '';
	margin: 0;
}
#position > a:hover,
#position > a:hover *,
#position i {
	color: #2f5096;
}


/**
 * Index
 */

#container.index .whats-new-latest {
	padding: 120px 0 !important;
}
@media (max-width: 640px) {
	#container.index .whats-new-latest {
		padding: 80px 0 !important;
	}
}

.index .whats-new .grid-3 {
	column-gap: 35px;
}
.index .whats-new img {
	width: 100%;
}
.index .whats-new .cont {
	position: relative;
	background-color: #FFF;
	padding: 30px 30px 10px;
	margin: -18% 40px 0;
	text-align: center;
}
.index .whats-new .cont .big {
	font-size: 1.1em !important;
	font-weight: 500;
	margin-bottom: 20px;
}
.index .whats-new .cont small {
	display: block;
	line-height: 110%;
	margin-bottom: 60px;
}
.index .whats-new .cont .btn {
	display: inline-block;
	color: #000;
	font-size: 0.9em;
	height: auto;
	line-height: 48px !important;
	border-radius: 50px;
	border: 2px solid #E8E8E8;
	padding: 0 40px;
}
.index .whats-new .grid-3 > li:hover .btn {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}
@media (max-width: 640px) {
	.index .whats-new .grid-3 {
		row-gap: 30px;
	}
	.index .whats-new .cont {
		margin: -18% 20px 0;
	}
	.index .whats-new .cont small {
		margin-bottom: 30px;
	}
}

#container.index .search-form {
	background: linear-gradient(104deg, rgba(46,51,133,1) 0%, rgba(46,51,133,1) 31%, rgba(143,187,224,1) 84%);
}
#container.index .search-form h1 {
	color: #FFF;
}
/*
@media (min-width: 1101px) {
	#container.index [id^="addon-contents-"] .common-width,
	#container.index [id^="addon-latest-"] .common-width {
		padding-left: 25px;
		padding-right: 25px;
	}
}
*/
@media (max-width: 640px) {
	#container.index .schedule {
		padding: 50px 10px !important;
	}
	#container.index .search-form {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
}

#container.index .chapels .hd-width {
	column-gap: 5px;
	row-gap: 5px;
}
#container.index .chapels .hd-width * {
	color: #FFF;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}
#container.index .chapels .hd-width li {
	position: relative;
	background-size: cover !important;
	height: 570px;
}
#container.index .chapels .hd-width .wrap {
	position: absolute;
	max-width: 590px;
	width: 80%;
	top: 20%;
	bottom: 20%;
}
#container.index .chapels .hd-width > *:first-child .wrap {
	right: 20%;
}
#container.index .chapels .hd-width > *:last-child .wrap {
	left: 20%;
}
#container.index .chapels .hd-width .title {
	position: relative;
	font-size: 3.2em;
	font-weight: 300;
	line-height: 100%;
	padding-left: 15px;
}
#container.index .chapels .hd-width .title:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	bottom: 0;
	width: 1px;
	background-color: #FFF;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}
#container.index .chapels .hd-width small {
	display: block;
	font-size: 0.55em;
	font-weight: 600;
	line-height: 100%;
	margin-bottom: 15px;
}
#container.index .chapels .hd-width .arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 78px;
	height: 78px;
	border: 3px solid #FFF;
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
	background-color: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
#container.index .chapels .hd-width .arrow:hover {
	background-color: rgba(0, 0, 0, 0.5);
}
#container.index .chapels .hd-width .arrow i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2.5em;
}
@media (max-width: 1100px) {
	#container.index .chapels .hd-width li {
		height: 350px;
	}
}
@media (max-width: 640px) {
	#container.index .chapels .hd-width .wrap {
		left: 10% !important;
		right: 10% !important;
	}
}

#container.index .sermons > .common-width {
	max-width: 1980px !important;
}
#container.index .sermons .left {
	padding-right: 2.5px;
}
#container.index .sermons .right {
	padding-left: 2.5px;
	vertical-align: middle;
}
#container.index .sermons #sub-page {
	max-width: 620px;
}
#container.index .sermons .grid-2 > li {
	padding: 20px 35px;
}
#container.index .sermons .grid-2 .wrap {
	position: relative;
	cursor: pointer;
}
#container.index .sermons .grid-2 > li:nth-of-type(1),
#container.index .sermons .grid-2 > li:nth-of-type(2) {
	padding-top: 0;
	border-bottom: 1px solid #DADADA;
}
#container.index .sermons .grid-2 > li:nth-of-type(3),
#container.index .sermons .grid-2 > li:nth-of-type(4) {
	padding-bottom: 0;
}
#container.index .sermons .grid-2 > li:nth-of-type(2n-1) {
	padding-left: 0;
	border-right: 1px solid #DADADA;
}
#container.index .sermons .grid-2 > li:nth-of-type(2n) {
	padding-right: 0;
}
#container.index .sermons .grid-2 .title {
	color: #000;
	font-size: 2em;
}
#container.index .sermons .grid-2 .title small {
	display: block;
	font-size: 0.5em;
	font-weight: 300;
	color: #888;
}
#container.index .sermons .grid-2 .arrow {
	position: absolute;
	margin: 0 !important;
	background-image: none !important;
	width: 40px !important;
	height: 40px !important;
	font-size: 10pt;
	transform: translateY(-50%);
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	right: 0;
	top: 28px;
}
#container.index .sermons .grid-2 .arrow:before,
#container.index .sermons .grid-2 .arrow:after {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#container.index .sermons .grid-2 .arrow:before,
#container.index .sermons .grid-2 .arrow:after {
	left: auto;
	right: 17px;
}
#container.index .sermons .grid-2 .arrow:before {
	top: 9px;
	transform: rotate(-45deg);
}
#container.index .sermons .grid-2 .arrow:after {
	top: 50%;
	margin-top: -2px;
	transform: rotate(45deg);
}
#container.index .sermons .grid-2 .wrap:hover .arrow {
	border-color: rgba(0, 0, 0, 1);
}
#container.index .sermons .grid-2 .wrap:hover .arrow:before,
#container.index .sermons .grid-2 .wrap:hover .arrow:after {
	background-color: rgba(0, 0, 0, 1);
}
@media (max-width: 1400px) {
	#container.index .sermons .right hr {
		height: 10px;
	}
}
@media (max-width: 1150px) {
	#container.index .sermons .grid-2 .title {
		font-size: 1.5em;
	}
}
@media (max-width: 640px) {
	#container.index .sermons .grid-2 > li {
		padding: 20px !important;
		border-bottom: 1px solid #DADADA;
		border-right-width: 0;
	}
	#container.index .sermons .grid-2 > li:last-child {
		border-bottom-width: 0;
	}
}


#container.index .community .left {
	padding-right: 2.5px;
}
#container.index .community .right {
	padding-left: 2.5px;
	vertical-align: middle;
}
#container.index .community .cont {
	position: absolute;
	z-index: 11;
	color: #FFF;
	font-size: 2.5em;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-top: -52px;
	width: 70%;
}
#container.index .community .cont small {
	display: inline-block;
	font-size: 0.5em;
	font-weight: 600;
	margin-bottom: 35px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 5px;
}
#container.index .community .cont div {
	font-weight: 300;
}
@media (max-width: 640px) {
	#container.index .community {
		padding: 50px 0 !important;
	}
	#container.index .community .left,
	#container.index .community .right {
		padding-left: 0;
		padding-right: 0;
	}
	#container.index .community .cont {
		font-size: 2em;
		margin: 0px;
	}
	#container.index .community .cont small {
		margin-bottom: 0;
	}
}

#container.index .gallery h1,
#container.index .gallery h1 * {
	color: #FFF;
}
#container.index .gallery .grid-4 {
	column-gap: 3px;
	row-gap: 3px;
}
#container.index .gallery .grid-4 li {
	height: 390px;
	background-color: #FFF;
	justify-content: center;
	cursor: pointer;
}
#container.index .gallery .grid-4 li:hover * {
	color: #c4141b;
}
#container.index .gallery .grid-4 .wrap {
	text-align: center;
}
#container.index .gallery .img {
	margin-bottom: 30px;
}
#container.index .gallery h3 {
	color: #000;
	font-size: 1.8em;
}
@media (max-width: 1100px) {
	#container.index .gallery {
		padding-left: 10px;
		padding-right: 10px;
	}
	#container.index .gallery .grid-4 li {
		height: 290px;
	}
}
@media (max-width: 700px) {
	#container.index .gallery .grid-4 {
		grid-template-columns: 1fr 1fr;
	}
	#container.index .gallery .grid-4 li {
		height: 250px;
	}
	#container.index .gallery .grid-4 li img {
		width: 50%;
	}
}
@media (max-width: 640px) {
	#container.index .gallery {
		padding: 50px 10px !important;
	}
}

#container.index .training h1 {
	font-size: 3.2em;
	font-family: 'Noto Sans KR';
	font-weight: 600;
}
#container.index .training .grid-2 {
	align-items: center;
}
#container.index .training .grid-2 > li:last-child {
	align-items: end;
}
#container.index .training .table {
	width: auto;
}
#container.index .training .table > * {
	position: relative;
	font-size: 1.4em;
}
#container.index .training .table > *:not(:last-child) {
	padding-right: 40px;
}
#container.index .training .table > *:not(:last-child):after {
	content: '';
	position: absolute;
	top: 9px;
	bottom: 7px;
	right: 20px;
	width: 1px;
	background-color: #DADADA;
}
#container.index .training .table i {
	position: relative;
	top: -2px;
	margin-left: 10px;
	font-size: 0.8em;
}
#container.index .training .grid-3 {
	grid-template-columns: 50% 25% 25%;
}
#container.index .training .title {
	padding-left: 0 !important;
	font-size: 2em !important;
	font-weight: 600 !important;
	margin-bottom: 20px;
}
#container.index .training .title:before {
	opacity: 0;
}
#container.index .training .title small {
	font-size: 0.5em !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 20px;
}
#container.index .training .hd-width .wrap {
	left: 10% !important;
	right: 10% !important;
	max-width: inherit;
}
#container.index .training .hd-width > *:first-child .wrap {
	max-width: 690px;
	left: auto !important;
}
@media (max-width: 1250px) {
	#container.index .training .grid-2 {
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
	#container.index .training .grid-2 > li:last-child {
		align-items: start;
	}
	#container.index .training .grid-3 {
		grid-template-columns: 1fr;
		row-gap: 0;
	}
	#container.index .training .hd-width > *:first-child .wrap {
		max-width: inherit;
		left: 10% !important;
	}
}
@media (max-width: 640px) {
	#container.index .training .grid-2 > li:last-child {
		align-items: center;
	}
	#container.index .training .table {
		display: table !important;
	}
	#container.index .training .table > * {
		font-size: 1em;
		text-align: center;
		display: table-cell !important;
	}
	#container.index .training .table i {
		display: none;
	}
}


/**
 * Container
 */

#container_wr:not(.common-width) {
	width: 100%;
}
#container_wr.common-width {
	margin-bottom: 50px;
}
#main-slider {
	position: relative;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}
#main-slider .cont {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 5;
	text-align: center;
	color: #FFF;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#main-slider .btn {
	position: relative;
	display: inline-block;
	height: auto;
	line-height: 80px;
	border-radius: 80px;
	padding: 0 80px;
	font-size: 1.4em;
	background: rgb(46,51,133);
	background: linear-gradient(104deg, rgba(46,51,133,1) 0%, rgba(46,51,133,1) 31%, rgba(143,187,224,1) 84%);
	margin-top: 90px;
	overflow: hidden;
}
#main-slider .btn:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#main-slider:hover .btn:before {
	background-color: rgba(0, 0, 0, 0.5);
}
#main-slider .btn span {
	position: relative;
	z-index: 2;
}
#main-slider .cont .text-en {
	font-size: 6em;
	font-weight: 600;
	line-height: 110%;
}
#main-slider .cont .text-ko {
	margin-top: 30px;
	font-size: 2.4em;
}
#main-slider.mobile .cont {
	padding-top: 55px;
}
#main-slider.mobile .cont .btn {
	margin-top: 20px;
	border-radius: 50px;
	line-height: 50px;
	padding: 0 30px;
}
#main-slider.mobile .cont .text-en {
	font-size: 2em;
}
#main-slider.mobile .cont .text-ko {
	margin-top: 10px;
	font-size: 0.8em;
}
#main-slider #edit {
	top: auto;
	bottom: 15px;
}
#main-slider img {
	width: 100%;
}
#main-slider .swiper-container {
	max-height: 930px;
}
#main-slider .swiper-container,
#main-slider .swiper-wrapper {
	height: auto !important;
}
#main-slider .iframe-wrap {
	padding-bottom: min(56.25%, 930px);
}
#main-slider iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transition: opacity .3s ease-in-out;
	transform: translate(-50%,-50%);
	min-height: 56.25vw;
	min-width: 177.778vh
}
#main-slider #sub-page {
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
	transform: translateY(-50%);
	z-index: 10;
	padding: 0;
}
#main-slider #sub-page div {
	color: #FFF;
}
#main-slider #sub-page .common-btn {
	margin: 0 3px 10px;
}
#main-slider .iframe-wrap:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
@media (max-width: 1100px) {
	#main-slider #sub-page {
		transform: translateY(-45%);
	}
}
@media (max-width: 1000px) {
	#main-slider #sub-page dd .big10 {
		font-size: 4em;
	}
	#main-slider #sub-page .common-btn {
		max-width: 60%;
	}
}
@media (max-width: 800px) {
	#main-slider .iframe-wrap {
		padding-bottom: 97%;
	}
}
@media (max-width: 500px) {
	#main-slider .iframe-wrap {
		padding-bottom: 125%;
	}
}

#container {
	width: 100%;
	float: unset;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
}
#container.index {
	padding: 0;
	max-width: 100%;
}
@media (max-width: 1100px) {

}
@media (max-width: 980px) {
	#main-slider .iframe-wrap video {
		width: auto;
	}
}


/**
 * Footer
 */

#ft {
	padding: 80px 0 0;
	font-size: 1.3em;
}
#ft_wr {
	grid-template-columns: 160px auto;
	column-gap: 35px;
	padding: 0;
	align-items: center;
}
#ft_wr img {
	width: 85%;
}
#ft_wr .ft-logo {
	text-align: left;
}
#ft_wr #ft-editor-text {
	line-height: 180%;
}
#ft_wr #ft-editor-text .wrap {
	color: rgba(255, 255, 255, 0.7);
}
#ft_wr #ft-editor-text .wrap span {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.9em;
}
#ft_wr #ft-editor-text .wrap span a {
	color: #32b4e4;
}
#ft_wr .cont-wr,
#ft_wr .cont-wr *:not(i) {
	color: #555;
	font-size: 0.95em;
	line-height: 150%;
	font-family: 'Raleway', sans-serif;
}
#ft_wr .cont-wr {
	position: relative;
}
#ft_wr .cont-wr a:hover {
	text-decoration: underline;
}
#ft_wr .cont-wr .divide-line {
	display: inline-block;
	border-right: 1px solid #555;
	margin: 0 2px;
	height: 11px;
}
#ft_wr .cont-wr .made-by {
	color: #EFA58A;
}
#ft_wr .cont-wr .made-by:hover {
	color: #be7357;
}
#ft_wr .cont-wr .sns {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#ft_wr .cont-wr .sns > * {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	overflow: hidden;
	margin-left: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#ft_wr .cont-wr .sns > *:hover {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
#ft_wr .cont-wr .sns i {
	position: absolute;
	color: #FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16pt;
}
#ft_wr .cont-wr .sns .facebook {
	background-color: #0180F5;
}
#ft_wr .cont-wr .sns .facebook i {
	margin-top: 5px;
	font-size: 23pt;
}
#ft_wr .cont-wr .sns .twitter {
	background-color: #01CCF7;
}
#ft_wr .cont-wr .sns .youtube {
	background-color: #F30100;
}
#ft_wr .cont-wr .sns .insta {
	background: rgb(125,58,175);
	background: linear-gradient(219deg, rgba(125,58,175,1) 0%, rgba(182,50,133,1) 30%, rgba(248,24,1,1) 67%, rgba(248,212,4,1) 100%);
}
#ft_wr .cont-wr .sns .insta i {
	font-size: 23pt;
}

#ft-editor-text .grid-2 {
	grid-template-columns: auto auto;
}
#ft-editor-text .grid-2 > li:last-child {
	align-items: end;
}
#ft-editor-text .grid-2 .table.menu {
	width: auto;
}
#ft-editor-text .grid-2 .table.menu > * {
	position: relative;
	padding: 5px 25px 20px;
	font-size: 1.25em;
}
#ft-editor-text .grid-2 .table.menu > *:first-child {
	padding-left: 0;
}
#ft-editor-text .grid-2 .table.menu > *:last-child {
	padding-right: 0;
}
#ft-editor-text .grid-2 .table.menu > *:after {
	content: '';
	position: absolute;
	top: 12px;
	right: 0;
	width: 1px;
	height: 13px;
	background-color: #FFF;
}
#ft-editor-text .grid-2 .table.menu > *:last-child:after {
	opacity: 0;
}
#ft-editor-text .grid-2 .bottom-text {
	font-size: 1.1em;
}
#ft-editor-text .grid-2 .bottom-text * {
	color: rgba(255, 255, 255, 0.5);
}
#ft-editor-text .grid-2 .bottom-text strong {
	color: #FFF;
	display: inline-block;
	width: 65px;
}
#ft-editor-text .grid-2 .bottom-text i {
	margin-left: 5px;
}
#ft-editor-text .grid-2 .bottom-text > *:first-child {
	margin-bottom: 10px;
}
#ft-editor-text .grid-2 .copyright {
	font-size: 0.9em;
}
#ft-editor-text .sns {
	white-space: nowrap;
}
#ft-editor-text .sns-icon {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 1px solid #FFF;
	color: #FFF;
	border-radius: 50%;
	margin-left: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#ft-editor-text .sns > *:first-child {
	margin-left: 0;
}
#ft-editor-text .sns-icon:hover {
	background-color: #6ab5f5;
	border-color: #6ab5f5;
}
#ft-editor-text .sns-icon img {
	width: 60%;
}
#ft-editor-text .sns-icon i,
#ft-editor-text .sns-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5em;
}
#ft #ft-info.grid-2 {
	padding: 20px 0 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	grid-template-columns: auto auto;
	column-gap: 100px;
	align-items: center;
}
#ft #ft-info .common-btn {
	font-size: 1.1em;
	font-weight: 500;
}
#ft #ft-info .common-btn.bible {
	margin-right: 20px;
}
#ft #ft-info .common-btn img {
	display: inline-block;
	margin-right: 5px;
}
#ft #ft-info .common-btn.bible img {
	width: 27px;
}
#ft #ft-info .common-btn.offering img {
	width: 20px;
}
#ft .ft-sign {
	text-align: left;
}
#ft .ft-sign * {
	color: rgba(255, 255, 255, 1);
}
#ft .ft-sign .info {
	padding: 20px 0;
}
#ft .ft-sign .info i {
	font-size: 1.4em;
	vertical-align: middle;
}
#ft .ft-sign .info > * {
	padding-right: 25px;
}
#ft .ft-sign .copyright {
	color: rgba(255, 255, 255, 0.4);
	font-weight: 100;
	font-size: 0.85em;
}
#ft .ft-sign .copyright a {
	color: #a6c6ff;
	font-weight: 100;
}

#ft .grid-3 {
	grid-template-columns: 400px  auto;
	column-gap: 90px;
}
#ft .grid-3 .logo img {
	max-width: 200px;
}
#ft .grid-3 .wrap,
#ft .grid-3 .wrap * {
	color: #999;
}
#ft .grid-3 .title {
	font-size: 1.2em;
	color: #333;
	margin-bottom: 30px;
	margin-top: 0px;
}
#ft .grid-3 .logo {
	margin-bottom: 30px;
}
#ft .grid-3 ul.selectbox {
	width: 100% !important;
	border: 1px solid #DDD;
}
#ft .grid-3 ul.selectbox > li:first-child:before {
	background-color: #FFF;
}
#ft .grid-3 ul.selectbox > li:first-child:after {
	content: '◀';
	color: #008241;
}
#ft .grid-3 ul.selectbox > li:first-child {
	border-radius: 0;
}
#ft .grid-3 ul.selectbox ul.option {
	border-radius: 0;
}
#ft .grid-4 {
	column-gap: 15px;
	row-gap: 15px;
	align-items: center;
}
#ft .grid-4 > li {
	background-color: #FFF;
	border: 1px solid #DDD;
	text-align: center;
	cursor: pointer;
	height: 100%;
	justify-content: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#ft .grid-4 > li .wrap {
	color: #333 !important;
	font-size: 1.1em;
	font-weight: 600;
	padding: 30px 10px;
}
#ft .grid-4 > li:hover {
	background-color: #ea4235;
}
#ft .grid-4 > li:hover * {
	color: #FFF !important;
}
#ft .grid-4 small {
	display: block;
}
#ft .grid-3 .sns {
	margin-top: 20px;
}
#ft .grid-3 .sns a {
	display: inline-block;
	font-size: 3em;
	margin-right: 10px;
}
#ft .grid-3 .sns a i {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#ft .grid-3 .sns a.facebook i {
	color: #007eff;
}
#ft .grid-3 .sns a.facebook:hover i {
	color: #1c538c;
}
#ft .grid-3 .sns a.insta i {
	color: #ff1161;
}
#ft .grid-3 .sns a.insta:hover i {
	color: #8a123b;
}
#ft .grid-3 .sns a.youtube i {
	color: #ff0000;
}
#ft .grid-3 .sns a.youtube:hover i {
	color: #9a1212;
}
#ft .ft-copy {
	margin-top: 80px;
	padding: 30px 0;
	background-color: #292d2e;
}
#ft .ft-copy li {
	color: rgba(255, 255, 255, 0.5);
}
#ft .ft-copy li a {
	color:#ea4235cc;
}
@media (max-width: 1440px) {
	#ft .ft-info,
	#ft .ft-copy {
		padding-left: 10px;
		padding-right: 10px;
	}
	#ft .grid-3 {
		column-gap: 30px;
	}
}
@media (max-width: 1100px) {
	#ft_wr,
	#ft-editor-text .grid-2 {
		grid-template-columns: 1fr;
	}
	#ft_wr #ft-editor-text,
	#ft_wr .ft-logo {
		text-align: center;
	}
	#ft_wr img {
		width: 50%;
	}
	#ft_wr #ft-editor-text {
		margin-top: 20px;
	}
	#ft-editor-text .grid-2 {
		margin-top: 20px;
	}
	#ft-editor-text .grid-2 .bottom-text {
		font-size: 1em;
		text-align: center;
	}
	#ft-editor-text .grid-2 > li:last-child {
		align-items: center;
	}
	#ft-editor-text .sns {
		margin-top: 30px;
		text-align: center;
	}
	#ft #ft-info.grid-2 {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	#ft #ft-info.grid-2 .common-btn {
		width: 98%;
		margin: 5px auto;
	}
	#ft .ft-sign {
		text-align: center;
	}
	#ft .ft-sign .info > * {
		padding: 8px 0;
		display: block;
	}

	#ft .grid-3 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 640px) {
	#ft {
		padding: 50px 0;
	}
}


/* sitemap */
#sitemap .gnb_mnal,
#sitemap .bg {
	display: none !important;
}
#sitemap > .sitemap-cont-wrap {
	display: table;
	width: 100%;
}
#sitemap > .sitemap-cont-wrap > * {
	display: table-cell;
	vertical-align: top;
}
#sitemap .gnb_2dul {
	min-width: 100px;
}
.sitemap-cont-wrap > .logo {
	width: 30%;
}
.sitemap-cont-wrap > .logo img {
	width: 70% !important;
}
.sitemap-cont-wrap > .logo .sns {
	width: 70% !important;
	margin-top: 35px;
	display: table;
}
.sitemap-cont-wrap > .logo .sns > * {
	display: table-cell;
	text-align: center;
}
.sitemap-cont-wrap > .logo .sns > * i {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 34px;
	text-align: center;
	position: relative;
	border: 3px solid rgba(255, 255, 255, 0.7) !important;
	color: rgba(255, 255, 255, 0.7) !important;
	border-radius: 50%;
	margin: 0 3px;
	font-size: 1.5em;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.sitemap-cont-wrap > .logo .sns > * i:hover {
	border: 3px solid rgba(255, 255, 255, 1) !important;
	color: rgba(255, 255, 255, 1) !important;
}

.sitemap-cont-wrap > nav {
	width: 70%;
}
@media (max-width: 640px) {
	#sitemap {
		padding-bottom: 0;
	}
	.sitemap-cont-wrap > .logo {
		display: block !important;
		width: 60% !important;
		margin: 0 auto;
	}
	.sitemap-cont-wrap > .logo img {
		width: 100% !important;
	}
	.sitemap-cont-wrap > .logo .sns {
		width: 100% !important;
	}
}

#sitemap #gnb_1dul {
	display: table;
	width: 100%;
	margin: 0 auto;
}
#sitemap .gnb_1dli {
	display: table-cell;
	vertical-align: top;
	padding: 0 20px;
}
#sitemap .gnb_1dli .gnb_1da {
	position: relative;
	height: auto;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
}
/*#sitemap .gnb_1dli .gnb_1da:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.7);
}*/
#sitemap .gnb_1dli .normal {
	height: auto;
	padding: 0 0 10px;
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 0;
	font-weight: 500;
	white-space: nowrap;
}
#sitemap .gnb_1dli small {
	font-size: 1.1rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9) !important;
}
#sitemap .gnb_1dli .arrow {
	position: absolute;
	display: none !important;
	overflow: hidden;
	width: 30px;
	height: 1px;
	left: 50%;
	top: auto;
	bottom: 0;
	transform: translateX(-50%);
}
#sitemap .gnb_2dul {
	position: relative !important;
	top: 0;
	overflow: inherit;
	max-height: 100%;
}
#sitemap .gnb_2dul .gnb_2dul_box {
	padding: 0;
}
#sitemap .gnb_2da {
	text-align: left;
	font-size: 0.87rem !important;
	padding: 5px 0;
}

#sitemap .gnb_1dli_over .gnb_2dul,
#sitemap .gnb_1dli_over2 .gnb_2dul {
	background: none;
	border: none;
}
#sitemap .gnb_2da:hover {
	background: none !important;
	color: #FFF !important;
	text-decoration: underline !important;
}


/*
 * ETC
 */

/* loading */
#loading {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
}
#loading span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 0;
	transform: translate(-50%, -50%);
	font-size: 15em;
	color: rgba(255, 255, 255, 0.8);
}
#loading img {
	max-width: 200px;
}

/* page */
.pg_wrap {
	float: unset;
	display: block;
	text-align: center;
}
.pg {
	text-align: left;
}
.pg_current {
	background: #ea4235;
	border-color: #ea4235;
	font-size: 1.083em;
	height: 30px;
	line-height: 28px;
	padding: 0 5px;
	min-width: 30px;
	text-decoration: none;
	border-radius: 50%;
	text-align: center;
}
.pg_page {
	text-align: center;
	background-color: rgba(255, 255, 255, 0);
	border-color: rgba(255, 255, 255, 0);
}
@media not all and (min-resolution:.001dpcm) {
	@media {
		.pg_current {
			margin-right: 3px;
		}
	}
}
.pg_page {
	cursor: pointer;
}

/* board noti alarm */
.new-noti {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999999;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.new-noti.on {
	opacity: 1;
}
.new-noti-text {
	padding: 10px 25px;
	background-color: rgba(237, 105, 82, 0.8);
	color: #FFF;
	border-radius: 3px;
}
.new-noti .close {
	display: inline-block;
	margin-left: 10px;
	font-size: 1.2em;
	cursor: pointer;
	color: #FFF !important;
}
.new-noti .blink {
	-webkit-animation: blink 0.5s ease-in-out infinite alternate;
	-moz-animation: blink 0.5s ease-in-out infinite alternate;
	animation: blink 0.5s ease-in-out infinite alternate;
}
.new-noti .blink,
.new-noti .blink * {
	color: #FFF !important;
}

/* Hover Popup */
#hover-popup,
#weekly-popup,
#img-popup {
	position: fixed;
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0);
	z-index: 99999;
}
#hover-popup.on,
#hover-popup.on-full,
#weekly-popup.on-full,
#img-popup.on-full {
	display: block;
}
#hover-popup.on-full,
#weekly-popup.on-full,
#img-popup.on-full {
	background: rgba(0, 0, 0, 0.8);
}

#weekly-popup * {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#weekly-popup > ul {
	display: flex;
	width: 200%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
#weekly-popup > ul li {
	float: left;
	width: 100%;
	max-height: 100vh;
}
#weekly-popup > ul li img,
#img-popup img {
	max-width: 100%;
	max-height: 93vh;
}
#img-popup img {
	max-height: 100%;
}

#weekly-popup nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 0;
	font-weight: 100;
	font-size: 8em;
}

#weekly-popup nav div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #FFF;
	cursor: pointer;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 10em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
#img-popup-cont {
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
}
#weekly-popup nav div:hover {
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
#weekly-popup nav div.prev {
	left: 10px;
}
#weekly-popup nav div.prev:before {
	content: '<';
}
#weekly-popup nav div.next {
	right: 10px;
}
#weekly-popup nav div.next:before {
	content: '>';
}
@media (max-width: 640px) {
	#weekly-popup nav div {
		font-size: 5em;
	}
}

#hover-popup-close,
.hover-popup-close {
	display: none;
	cursor: pointer;
}
#hover-popup-close.on-full,
.hover-popup-close.on-full,
#img-popup.on-full #img-popup-close,
#weekly-popup-close {
	position: fixed;
	display: block;
	top: 20px;
	right: 20px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 3em;
	line-height: 0;
	z-index: 9999999;
	cursor: pointer;
}
.hover-popup-close.on-full {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 35pt;
}

#hover-popup-cont {
	position: absolute;
	transform: scale(1);
	border-radius: 5px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
}
#hover-popup-cont.on,
#hover-popup-cont.on-full {
	transform: scale(1.5);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 999999;
	box-shadow: 0 15px 35px rgba(50,50,90,0.3), 0 5px 15px rgba(0,0,0,0.3);
}
#hover-popup-cont.img {
	transform: scale(1);
	border-radius: 0;
	box-shadow: none;
}
#hover-popup-cont.on-full {
	position: fixed;
	width: 100% !important;
	top: 50% !important;
	left: 0 !important;
	transform: translateY(-50%);
	max-height: 90vh;
}
#hover-popup-cont.on-full iframe {
	max-height: 90vh;
}

#hover-popup-cont .iframe-hover {
	display: none;
}
#hover-popup-cont a {
	display: block;
	color: #FFF;
	overflow: hidden;
	max-height: 0;
}
#hover-popup-cont.on a {
	max-height: 1000px;
}
#hover-popup-cont img {
	width: 100%;
}
#hover-popup-cont .hover-wrap {
	padding: 5px 10px 12px;
	font-size: 1rem;
}
#hover-popup-cont.on .hover-wrap {
	cursor: pointer;
}
#hover-popup-cont.img .hover-wrap {
	font-size: 1.8em;
}
#hover-popup-cont .hover-wrap span {
	display: block;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
}
#hover-popup-cont .hover-wrap span.btn {
	position: relative;
	display: inline-block;
	top: -1px;
	padding: 0 3px;
	border-radius: 1px;
	background-color: rgba(255, 255, 255, 0.3);
	font-weight: 300;
	line-height: 140%;
	height: auto !important;
	width: 37px;
	text-align: center;
	margin-right: 6px;
	font-size: 0.9em;
	vertical-align: middle;
}
#hover-popup-cont .hover-wrap span.subject {
	font-size: 0.7em;
	height: 18.5px;
	line-height: 18.5px;
	margin-bottom: 3px;
}
#hover-popup-cont.img .hover-wrap span.subject {
	height: 26.5px;
	line-height: 26.5px;
}
#hover-popup-cont .hover-wrap span.datetime,
#hover-popup-cont .hover-wrap span.text,
#hover-popup-cont .hover-wrap span.preacher {
	font-size: 0.6em;
	line-height: 17.5px;
	height: 17.5px;
}

#hover-popup.on-full.text-popup {
	background-color: rgba(0, 0, 0, 0.7) !important;
}
#hover-popup-cont.on-full.text-popup {
	max-width: 1000px;
	max-height: 100%;
	width: 100%;
	background-color: #FFF !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	overflow: auto;
	padding: 20px 35px;
	border-radius: 10px !important;
}
#hover-popup-cont.on-full.text-popup > *,
#hover-popup-cont.on-full.text-popup #sub-page > * {
	width: auto !important;
	display: block !important;
}
#hover-popup-cont.on-full.text-popup #sub-page {
	padding: 20px 30px;
}
.hover-popup-close.on-full.text-popup {
	top: 10px;
	transform: translateY(0);
	color: rgba(0, 0, 0, 0.7);
}
.hover-popup-close.on-full.text-popup:hover {
	color: rgba(0, 0, 0, 1);
}

@media (max-width: 1100px) {
	#hover-popup {
		background-color: rgba(0, 0, 0, 1);
	}
	#hover-popup.on .close,
	#hover-popup.on-full .close {
		position: absolute;
		display: block;
		top: 20px;
		right: 20px;
		color: rgba(255, 255, 255, 0.8);
		font-size: 3em;
		line-height: 0;
	}

	#hover-popup-cont.on,
	#hover-popup-cont.on-full {
		position: fixed;
		transform: scale(1) translateY(-50%);
		border-radius: 0;
		box-shadow: none;
		top: 50% !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		-webkit-transition: all 0s ease-out;
		-moz-transition: all 0s ease-out;
		-o-transition: all 0s ease-out;
		transition: all 0s ease-out;
	}
	#hover-popup-cont .hover-wrap span.btn {
		font-size: 0.8em;
		width: 60px;
		border-radius: 3px;
		margin-right: 10px;
	}
	#hover-popup-cont .hover-wrap span.subject {
		font-size: 1.2em;
		height: 37px;
		line-height: 37px;
	}
	#hover-popup-cont .hover-wrap span.datetime,
	#hover-popup-cont .hover-wrap span.text,
	#hover-popup-cont .hover-wrap span.preacher {
		font-size: 1em;
		height: 35px;
		line-height: 35px;
	}
}

#hover-popup-cont.letterbox {
	left: 50% !important;
	transform: scale(1) translate(-50%, -50%);
}


/*
 * Popup Swipe Slide
 */

#img-popup .slider-title {
	color: #FFF;
	font-size: 2.5em;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
#img-popup .slider-title small {
	display: block;
	font-weight: 300;
	font-size: 0.7em;
}
#img-popup .swiper-container {
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
}
#img-popup .swiper-container .iframe-wrap {
	background-color: rgba(0, 0, 0, 0.3);
}
#img-popup .swiper-container-pop .iframe-wrap {
	padding-bottom: 66%;
}
#img-popup .swiper-container-pop img {
	display: flex;
	object-fit: contain;
	max-width: 100%;
	max-height: 61vh;
	margin: 0 auto;
}
#img-popup .swiper-container-thumb {
	margin-top: 20px !important;
}
#img-popup .swiper-button-next,
#img-popup .swiper-button-prev {
	position: absolute;
	margin: 0 !important;
	background-image: none !important;
	width: 70px !important;
	height: 70px !important;
	font-size: 10pt;
	transform: translateY(-50%);
	background-color: rgba(51, 153, 107, 1);
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#img-popup .swiper-container-thumb .swiper-button-next,
#img-popup .swiper-container-thumb .swiper-button-prev {
	background-color: rgba(51, 153, 107, 0);
}
#img-popup .big-arrow .swiper-button-next,
#img-popup .big-arrow .swiper-button-prev {
	width: 80px !important;
	height: 80px !important;
}
#img-popup .swiper-button-prev {
	left: 0 !important;
}
#img-popup .swiper-button-next {
	right: 0 !important;
}
#img-popup .swiper-button-next:hover,
#img-popup .swiper-button-prev:hover {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
	opacity: 1;
}
#img-popup .swiper-button-prev:before,
#img-popup .swiper-button-next:before,
#img-popup .swiper-button-prev:after,
#img-popup .swiper-button-next:after {
	content: '';
	position: absolute;
	display: block;
	width: 3px;
	height: 15px;
	background-color: #FFF !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
#img-popup .big-arrow .swiper-button-prev:before,
#img-popup .big-arrow .swiper-button-next:before,
#img-popup .big-arrow .swiper-button-prev:after,
#img-popup .big-arrow .swiper-button-next:after {
	width: 3px;
	height: 15px;
}
#img-popup .swiper-button-prev:before,
#img-popup .swiper-button-prev:after {
	left: 32px;
	right: auto;
}
#img-popup .big-arrow .swiper-button-prev:before,
#img-popup .big-arrow .swiper-button-prev:after {
	left: 34px;
}
#img-popup .swiper-button-next:before,
#img-popup .swiper-button-next:after {
	left: auto;
	right: 32px;
}
#img-popup .big-arrow .swiper-button-next:before,
#img-popup .big-arrow .swiper-button-next:after {
	right: 34px;
}
#img-popup .swiper-button-prev:before,
#img-popup .swiper-button-next:before {
	top: 23px;
}
#img-popup .big-arrow .swiper-button-prev:before,
#img-popup .big-arrow .swiper-button-next:before {
	top: 27px;
}
#img-popup .swiper-button-next:after,
#img-popup .swiper-button-prev:after {
	top: 50%;
	margin-top: -2px;
}
#img-popup .swiper-button-next:before,
#img-popup .swiper-button-prev:after {
	transform: rotate(-45deg);
}
#img-popup .swiper-button-next:after,
#img-popup .swiper-button-prev:before {
	transform: rotate(45deg);
}
#img-popup .swiper-button-next,
#img-popup .swiper-button-prev {
	background-image: none !important;
}
#img-popup .swiper-button-prev:hover:before,
#img-popup .swiper-button-next:hover:before,
#img-popup .swiper-button-prev:hover:after,
#img-popup .swiper-button-next:hover:after {
	/*background-color: rgba(255, 255, 255, 1) !important;*/
	/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);*/
}
@media (min-width: 1100px) {
	/*
    #img-popup .swiper-container:hover .swiper-button-prev:before,
    #img-popup .swiper-container:hover .swiper-button-next:before,
    #img-popup .swiper-container:hover .swiper-button-prev:after,
    #img-popup .swiper-container:hover .swiper-button-next:after {
        background-color: rgba(255, 255, 255, 1) !important;
    }
    */
}
@media (max-width: 830px) {
	#img-popup .big-arrow .swiper-button-next,
	#img-popup .big-arrow .swiper-button-prev {
		width: 40px !important;
		height: 40px !important;
	}
	#img-popup .big-arrow .swiper-button-prev:before,
	#img-popup .big-arrow .swiper-button-prev:after {
		left: 17px;
	}
	#img-popup .big-arrow .swiper-button-next:before,
	#img-popup .big-arrow .swiper-button-next:after {
		right: 17px;
	}
	#img-popup .big-arrow .swiper-button-prev:before,
	#img-popup .big-arrow .swiper-button-next:before {
		top: 9px;
	}
}
@media (max-width: 640px) {
	#img-popup .swiper-button-prev {
		left: 10px !important;
	}
	#img-popup .swiper-button-next {
		right: 10px !important;
	}

	#img-popup .swiper-button-next,
	#img-popup .swiper-button-prev {
		width: 40px !important;
		height: 40px !important;
	}
	#img-popup .swiper-button-prev:before,
	#img-popup .swiper-button-next:before {
		top: 9px;
	}
	#img-popup .swiper-button-prev:before,
	#img-popup .swiper-button-prev:after {
		left: 19px;
	}
	#img-popup .swiper-button-next:before,
	#img-popup .swiper-button-next:after {
		right: 19px;
	}
}

#img-popup .swiper-pagination * {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#img-popup .swiper-container-horizontal > .swiper-pagination-bullets,
#img-popup .swiper-pagination-custom,
#img-popup .swiper-pagination-fraction {
	bottom: 130px !important;
}
@media (max-width: 1100px) {
	#img-popup .swiper-container-horizontal > .swiper-pagination-bullets,
	#img-popup .swiper-pagination-custom,
	#img-popup .swiper-pagination-fraction {
		bottom: 5px !important;
	}
}
#img-popup .swiper-pagination-bullet {
	width: 15px !important;
	height: 15px !important;
	opacity: 1 !important;
	border-radius: 15px !important;
	background: none !important;
	background-color: rgba(255, 255, 255, 0.3) !important;
	margin: 0px 5px !important;
}
#img-popup .swiper-pagination-bullet-active {
	/*width: 30px !important;*/
	background-color: rgba(255, 255, 255, 1) !important;
	opacity: 0.8 !important;
}


/*
 * Popup
 */
@media (max-width: 1100px) {
	.hd_pops {
		position: fixed !important;
		top: 50% !important;
		left: 0 !important;
		right: 0 !important;
		transform: translateY(-50%);
	}
	.hd_pops_con {
		width: 100% !important;
		height: auto !important;
	}
	.hd_pops_con img {
		width: 100%;
	}
}


/*
 * Right Fix Banner
 */
#fix-banner {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: 620px;
}
#fix-banner.block {
	display: block;
}
#fix-banner.index {
	top: 790px;
}
#fix-banner.board {
	top: 237px;
}
#fix-banner.fixed {
	top: 80px;
	position: fixed;
}
@media (max-width: 1520px) {
	#fix-banner {
		display: none !important;
	}
}

/**
 * Sub Page
 */

#sub-page {
	margin: 0 auto;
	padding: 50px 0 0;
	position: relative;
}
@media (max-width: 1100px) {
	#sub-page {
		padding-top: 0;
	}
}

#sub-page * {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	line-height: 170%;
}
#sub-page *:not(i) {
	font-family: 'Apple SD Gothic Neo', "Noto Sans KR";
}

#sub-page .common-width {
	padding: 0;
}

#sub-page .underline {
	display: inline-block;
	border-bottom: 1px solid #DADADA;
	padding-bottom: 5px;
}
#sub-page .underline.text-light-blue {
	padding-bottom: 0;
	border-color: #29b1e3;
	line-height: 100%;
	vertical-align: middle;
}

#sub-page .round-num {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	vertical-align: middle;
	overflow: hidden;
	background-color: #2f5096;
	color: #FFF;
	font-size: 1.2em;
	font-weight: 600;
	margin-right: 10px;
}
#sub-page .round-num:before {
	content: attr(data-no);
}
#sub-page .round-num i,
#sub-page .round-num img,
#sub-page .round-num:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#sub-page .edit-page {
	position: absolute;
	display: block;
	top: 0;
	right: 15px;
	text-align: right;
	max-width: 98% !important;
	z-index: 1;
}
@media (max-width: 1100px) {
	#sub-page .edit-page {
		top: -55px;
	}
}
#sub-page .edit-page i {
	color: #b51818;
	font-size: 2em;
}

.hover-underline:hover {
	text-decoration: underline !important;
}

#sub-page b,
#sub-page b *,
[id^='addon-']  b,
[id^='addon-']  b * {
	font-weight: 600;
}

#sub-page .vtop {
	vertical-align: top;
}
#sub-page .vmiddle {
	vertical-align: middle;
}
#sub-page .vbottom {
	vertical-align: bottom;
}

#sub-page .table {
	display: table;
	width: 100%;
}
#sub-page .table.auto {
	width: auto;
}
#sub-page .table > * {
	display: table-cell;
}
@media (max-width: 760px) {
	#sub-page .table {
		display: block !important;
	}
	#sub-page .table > * {
		display: inline-block !important;
	}

	#sub-page .mobile-center {
		text-align: center !important;
		width: 100% !important;
	}
}

#sub-page .inline-wrap > * {
	display: inline-block;
	margin-right: 28px;
}
#sub-page .inline-wrap > * {
	margin-right: 10px;
}
#sub-page .inline-wrap img {
	width: 100%;
	height: auto;
}
@media (max-width: 640px) {
	#sub-page .inline-wrap {
		text-align: center;
	}
	#sub-page .inline-wrap > * {
		margin-right: 0;
	}
}

#sub-page .block-wrap > * {
	display: block;
}

#sub-page h1 {
	font-size: 2.2em;
	line-height: 55px;
	margin: 0;
}
#container_wr.index h1 {
	font-weight: 900;
	color: #2c2c2c;
	font-family: 'Raleway', sans-serif;
	font-size: 3.5em;
}
#container_wr.index h1 small {
	display: block;
	color: #a2a2a2;
	font-size: 0.3em;
}
#sub-page h2 {
	font-size: 2.5em;
	line-height: 40px;
	text-align: center;
	margin-bottom: 60px;
}
#sub-page h2.white {
	color: #FFF;
}
#sub-page h2 > * {
	display: inline-block;
	font-weight: 600;
	border-bottom: 3px solid #0066B8;
}
#sub-page h2.white > * {
	border-color: #FFF;
}
#sub-page h3 {
	font-size: 1.3em;
	line-height: 45px;
}
#sub-page h4 {
	font-size: 1.1em;
	line-height: 40px;
}
#container_wr.index .banner-4 {
	position: relative;
	overflow: initial;
	transform: translateY(-50%);
	z-index: 1;
	margin-bottom: -50px;
}
#container_wr.index .banner-4 .grid-4 {
	max-width: 917px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07);
	padding: 30px 20px;
	column-gap: 50px;
	row-gap: 50px;
}
#container_wr.index .banner-4 .grid-4 > li {
	position: relative;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#container_wr.index .banner-4 .grid-4 > li:not(:last-child):after {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: -25px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.1);
}
#container_wr.index .banner-4 .grid-4 .wrap {
	padding: 0 20px;
}
#container_wr.index .banner-4 .grid-4 .wrap div {
	margin-top: 20px;
}
#container_wr.index .banner-4 .grid-4 img {
	max-width: 90%;
}
#container_wr.index .banner-4 .grid-4 > li .big2 {
	border-bottom: 1px solid #FFF;
}
#container_wr.index .banner-4 .grid-4 > li:hover .big2 {
	border-bottom: 1px solid #000;
}
#container_wr.index .banner-2 {
	height: 400px;
	column-gap: 20px;
}
#container_wr.index .banner-2 > * {
	background-color: #FFF;
	cursor: pointer;
}
#container_wr.index .banner-2 > *:first-child {
	border-top: 5px solid #1162b1;
}
#container_wr.index .banner-2 > *:last-child {
	border-top: 5px solid #780adf;
}
#container_wr.index .banner-2 > *:first-child:hover {
	border-width: 10px;
	border-color: #104980;
}
#container_wr.index .banner-2 > *:first-child:hover .big5 {
	color: #1162b1;
}
#container_wr.index .banner-2 > *:last-child:hover {
	border-width: 10px;
	border-color: #4a038d;
}
#container_wr.index .banner-2 > *:last-child:hover .big5 {
	color: #780adf;
}
#container_wr.index .banner-2 .wrap {
	height: 100%;
	padding: 40px;
}
#container_wr.index .banner-2 .big {
	padding: 15px 0 10px;
	line-height: 150%;
	color: #888;
}
#container_wr.index .banner-2 .underline {
	color: #AAA;
	font-size: 0.8em;
}
#container_wr.index .banner-4-2 > * {
	padding: 40px 50px;
	align-items: center;
	justify-content: center;
}
#container_wr.index .banner-4-2 img {
	max-width: 100%;
	cursor: pointer;
}
#container_wr.index .latest_image div.thumb-wrap {
	background-color: rgba(255, 255, 255, 0);
}
#container_wr.index .latest_image > div .info .subject {
	color: rgba(255, 255, 255, 0.7);
}
#container_wr.index .latest_image > div .info .datetime,
#container_wr.index .latest_image > div .info .preacher,
#container_wr.index .latest_image > div .info .text {
	color: rgba(255, 255, 255, 0.4);
}
#container_wr.index .latest_image .owl-nav .owl-prev:before,
#container_wr.index .latest_image .owl-nav .owl-next:before {
	color: #FFF;
	background-color: rgba(255, 255, 255, 0);
}
#container_wr.index .latest_image .owl-nav:hover .owl-prev:before,
#container_wr.index .latest_image .owl-nav:hover .owl-next:before {
	text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 255, 255, 0);
}
#container_wr.index .latest-2 .swiper-container:before {
	content: '다음세대';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2em;
	font-weight: 600;
}
#container_wr.index .latest-2 .swiper-container {
	padding-top: 60px;
}
#container_wr.index .latest-2 .swiper-button-prev {
	top: 23px;
	right: 33px;
	left: auto !important;
}
#container_wr.index .latest-2 .swiper-button-next {
	top: 23px;
	right: 0 !important;
}
#container_wr.index .latest-2 #edit {
	top: 75px;
}
#container_wr.index .latest-2 .swiper-pagination {
	width: 70px;
	top: 12px;
	left: auto;
	right: 52px;
	font-size: 1.2em;
	color: #666;
}
#container_wr.index .latest-2 .big-arrow .swiper-button-next,
#container_wr.index .latest-2 .big-arrow .swiper-button-prev {
	width: 28px !important;
	height: 28px !important;
	border: 1px solid #e0e0e0;
}
#container_wr.index .latest-2 .swiper-button-prev:before,
#container_wr.index .latest-2 .swiper-button-next:before,
#container_wr.index .latest-2 .swiper-button-prev:after,
#container_wr.index .latest-2 .swiper-button-next:after {
	background-color: #666 !important;
	width: 1px;
	height: 10px;
}
#container_wr.index .latest-2 .big-arrow .swiper-button-prev:before,
#container_wr.index .latest-2 .big-arrow .swiper-button-next:before {
	top: 4px;
}
#container_wr.index .latest-2 .big-arrow .swiper-button-prev:before,
#container_wr.index .latest-2 .big-arrow .swiper-button-prev:after {
	left: 12px;
}
#container_wr.index .latest-2 .big-arrow .swiper-button-next:before,
#container_wr.index .latest-2 .big-arrow .swiper-button-next:after {
	right: 11px;
}
#container_wr.index .latest-2 .swiper-button-next:hover,
#container_wr.index .latest-2 .swiper-button-prev:hover {
	border-color: rgba(0, 0, 0, 0.7);
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0);
}
#container_wr.index .latest-2 .swiper-button-prev:hover:before,
#container_wr.index .latest-2 .swiper-button-next:hover:before,
#container_wr.index .latest-2 .swiper-button-prev:hover:after,
#container_wr.index .latest-2 .swiper-button-next:hover:after {
	background-color: rgba(255, 255, 255, 1) !important;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0);
}
#container_wr.index .latest-2 #board-tabs {
	text-align: left;
	border-bottom: 1px solid #bdbdbd;
}
#container_wr.index .latest-2 #board-tabs > * {
	border-left-width: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom: 5px solid #FFF;
	border-radius: 0;
	background-color: #FFF;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0 0 18px;
	height: auto;
	margin-right: 20px;
	color: #666;
}
#container_wr.index .latest-2 #board-tabs > *.on {
	border-bottom-color: #2f5096;
	background-color: #FFF;
	color: #000;
}
@media (max-width: 1400px) {
	#container_wr.index .banner-4-2 > * {
		padding: 40px 20px;
	}
}
@media (max-width: 1100px) {
	#container_wr.index .banner-4 {
		transform: translateY(0);
		margin-top: 20px;
		margin-bottom: 0;
	}
	#container_wr.index .banner-4 .grid-4 {
		max-width: 98%;
		grid-template-columns: 1fr 1fr;
	}
	#container_wr.index .latest-banner .left,
	#container_wr.index .latest-banner .right {
		display: block;
		width: 98%;
		padding: 0;
		margin: 0 auto;
	}
	#container_wr.index .latest-banner .left {
		margin-bottom: 20px;
	}
	#container_wr.index .banner-4-2 {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 640px) {
	#container_wr.index h1 {
		padding: 0 10px;
		font-size: 3em;
		text-align: center;
	}
	#sub-page h1 {
		font-size: 1.8em;
	}
	#sub-page h2 {
		margin-bottom: 30px;
	}
	#sub-page h3 {
		font-size: 1em;
		line-height: 150%;
	}

	#container_wr.index .banner-2 {
		height: auto;
	}
	#container_wr.index .banner-2 .wrap {
		background-size: 80% !important;
	}
	#container_wr.index .latest-banner .right,
	#container_wr.index .latest-banner .left {
		width: 98% !important;
	}
	#container_wr.index .banner-4-2 {
		padding: 40px 30px;
		row-gap: 30px;
		column-gap: 30px;
	}
	#container_wr.index .banner-4-2 > * {
		padding: 0;
	}
	#container_wr.index .gallery {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	#container_wr.index .latest-2 {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	#container_wr.index .latest-2 .left {
		padding-bottom: 50px;
	}
}

#sub-page .box {
	border: 1px solid #e5e5e5;
	padding: 70px 50px;
}
#sub-page .box.radius {
	border-radius: 45px;
}
#sub-page .box.thin-range {
	padding: 25px;
}
#sub-page .box.thin-range.radius {
	border-radius: 25px;
}
#sub-page .box.gray {
	border-color: #f5f6f8;
	background-color: #f5f6f8;
}
#sub-page dl *:not(i) {
	font-weight: 200;
}
#sub-page dt,
#sub-page dt *,
#container_wr dt,
#container_wr dt * {
	font-weight: 500 !important;
}
#sub-page dt,
#container_wr dt {
	position: relative;
	padding: 0 0 10px;
	margin: 0 0 30px;
	line-height: 29px;
	font-size: 22pt;
	color: #000;
	font-weight: 400 !important;
}
#sub-page dt {
	position: relative;
	color: #000;
	line-height: 150%;
	font-weight: 600 !important;
}
#sub-page dt.front-line {
	padding-left: 23px;
}
#sub-page dt.front-line:before {
	content: '';
	position: absolute;
	top: 11px;
	bottom: 14px;
	left: 0;
	width: 8px;
	background-color: #2f5096;
}
#sub-page dt.upper-bar {
	position: relative;
	padding: 15px 0 20px;
}
#sub-page dt.upper-bar:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 1px;
	background-color: #000;
}
#sub-page dt small {
	position: absolute;
	display: block;
	left: 0;
	bottom: -25px;
	font-size: 0.6em;
	color: #666;
}
#sub-page [class^="list-style-"] {
	padding-left: 20px;
}
#sub-page .list-style-custom > * {
	position: relative;
}
#sub-page .list-style-custom > *:before {
	content: attr(data-str);
	position: absolute;
	top: 0;
	left: -20px;
	width: 20px;
	line-height: 170%;
}
#sub-page .list-style-upper-latin > * {
	list-style: upper-latin;
}
#sub-page .list-style-lower-latin > * {
	list-style: lower-latin;
}
#sub-page .list-style-decimal > * {
	list-style: decimal;
}
#sub-page .list-style-decimal-leading-zero > * {
	list-style: decimal-leading-zero;
}
#sub-page .list-style-disc > * {
	list-style: disc;
}
#sub-page .list-style-circle > * {
	list-style: circle;
}
#sub-page .list-style-square > * {
	list-style: square;
}
#sub-page .list-style-lower-roman > * {
	list-style: lower-roman;
}
#sub-page .list-style-upper-roman > * {
	list-style: upper-roman;
}
#sub-page .list-style-lower-greek > * {
	list-style: lower-greek;
}
#sub-page .front-dot,
#sub-page .front-padding {
	position: relative;
	padding-left: 10px;
}
#sub-page .front-padding.wide-range {
	padding-left: 25px;
}
#sub-page .front-num {
	position: relative;
	padding-left: 17px;
}
#sub-page .front-dot:before,
#sub-page .front-num:before {
	content: '.';
	position: absolute;
	left: 0;
	top: -5px;
}
#sub-page .front-num:before {
	content: attr(data-num);
	top: 0;
}
#sub-page dt.front-dot {
	padding-left: 15px;
	font-size: 1.7em;
	font-weight: 600 !important;
}
#sub-page dt.front-dot:before {
	content: '●';
	position: absolute;
	color: #FFCD38;
	left: 0;
	top: -6px;
	font-size: 8pt;
	transform: scale(0.7);
}
#sub-page dt .sub-en {
	position: relative;
	display: inline-block;
	/*padding-left: 10px;*/
	/*margin-left: 10px;*/
	font-weight: 300 !important;
	letter-spacing: -2px;
}
/*#sub-page dt .sub-en:before {
	content: '';
	position: absolute;
	top: 10px;
	bottom: 5px;
	left: 0;
	width: 1px;
	background-color: rgba(0, 0, 0, 1);
}*/
#sub-page dt .big {
	font-size: 1.3em;
	line-height: 130%;
}
#sub-page dt .big2 {
	font-size: 1.8em;
	line-height: 130%;
}
#sub-page dd,
#container_wr dd {
	position: relative;
	font-weight: 300;
	line-height: 180%;
	font-size: 13.5pt;
	color: #555;
	letter-spacing: -0.5px;
}
#container_wr dd.big {
	font-size: 15pt;
	letter-spacing: -1px;
}
#sub-page dd .big {
	font-size: 1.2em;
}
#sub-page dd .big2 {
	font-size: 1.4em;
}
#sub-page dd .big3 {
	font-size: 1.6em;
	line-height: 120%;
}
#sub-page dd .big4 {
	font-size: 1.8em;
	line-height: 120%;
}
#sub-page dd .big5 {
	font-size: 2.2em;
	line-height: 120%;
}
#sub-page dd .big6 {
	font-size: 2.5em;
	line-height: 120%;
}
#sub-page dd .big7 {
	font-size: 3em;
	line-height: 120%;
}
#sub-page dd .big8 {
	font-size: 4em;
	line-height: 120%;
}
#sub-page dd .big9 {
	font-size: 5em;
	line-height: 120%;
}
#sub-page dd .big10 {
	font-size: 6em;
	line-height: 120%;
}
#sub-page dd .small {
	display: inline-block;
	font-size: 10.5pt;
	color: #a2a2a2;
}
#sub-page dd .dot:after {
	content: '.';
	position: relative;
	display: inline-block;
	margin-right: 4px;
	top: -5px;
}
#sub-page dd [class^="before-dot"]:before {
	content: '.';
	position: relative;
	display: inline-block;
	margin-right: 4px;
	top: -5px;
}
#sub-page .before-dot-blue:before {
	color: #4466E2;
	font-weight: 800;
	font-size: 1.5em;
	top: -7px !important;
}
#sub-page .before-dot-blue.before-dot-padding {
	position: relative;
	padding-left: 15px;
}
#sub-page .before-dot-blue.before-dot-padding:before {
	position: absolute;
	left: 0;
}
#sub-page dd .small.padding {
	padding:  0 0 0 10px !important;
}
@media (max-width: 1100px) {
	#sub-page .content > dl > dd {
		padding: 0 10px;
	}
}
@media (max-width: 1024px) {
	#sub-page dl.box {
		padding: 30px 20px;
	}
	#sub-page dt,
	#container_wr dt {
		line-height: 35px;
		font-size: 16pt;
		margin-bottom: 10px;
	}
	#sub-page dd ,
	#container_wr dd {
		line-height: 28px;
		font-size: 12pt;
	}
	#sub-page dt.upper-bar {
		padding: 5px 0 10px;
	}
	#container_wr dd.big {
		font-size: 12pt;
	}
	#sub-page dd .big {
		font-size: 1.1em;
	}
	#sub-page dd .big2 {
		font-size: 1.3em;
	}
	#sub-page dd .big3 {
		font-size: 1.4em;
		line-height: 120%;
	}
	#sub-page dd .big4 {
		font-size: 1.6em;
		line-height: 120%;
	}
	#sub-page dd .big5 {
		font-size: 1.8em;
		line-height: 120%;
	}
	#sub-page dd .big6 {
		font-size: 2.3em;
		line-height: 120%;
	}
	#sub-page dd .big7 {
		font-size: 2.5em;
		line-height: 120%;
	}
	#sub-page dd .big8 {
		font-size: 3em;
		line-height: 120%;
	}
	#sub-page dd .big9 {
		font-size: 4em;
		line-height: 120%;
	}
	#sub-page dd .big10 {
		font-size: 3em;
		line-height: 120%;
	}
	#sub-page dd .small {
		font-size: 10pt;
	}
	#sub-page .box {
		padding: 30px;
	}
}

#sub-page .banner {
	background-size: cover !important;
}
#sub-page .banner {
	font-size: 1.7em;
	color: #FFF;
	text-align: center;
	padding: 120px 10px;
}
@media (max-width: 640px) {
	#sub-page .banner {
		padding: 50px 10px;
	}
	#sub-page .box {
		padding: 20px;
	}
	#sub-page .box.radius {
		border-radius: 25px;
	}
}

#sub-page .btn,
.common-btn {
	text-align: center;
	position: relative;
	display: inline-block;
	line-height: 45px !important;
	padding: 0 40px;
	color: #FFF;
	font-size: 1rem;
	background-color: #ea4235;
	font-weight: 300;
	border: 1px solid #ea4235;
	/*border-radius: 50px;*/
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
#sub-page .btn.row-radius,
.common-btn.row-radius {
	border-radius: 15px;
}
#sub-page .btn.gray,
.common-btn.gray {
	border-color: #343537;
	background-color: #343537;
}
#sub-page .btn.blue,
.common-btn.blue {
	border-color: #003c83;
	background-color: #003c83;
}
#sub-page .btn.transparency,
.common-btn.transparency {
	border-color: #FFF;
	background-color: transparent;
}
#sub-page .btn.big,
.common-btn.big {
	font-size: 1.3em;
	line-height: 65px !important;
	padding: 0 50px;
}
#sub-page .btn.slim,
.common-btn.slim {
	line-height: 38px !important;
}
#sub-page .btn.thin,
.common-btn.thin {
	line-height: 30px !important;
}
#sub-page .btn .arrow,
.common-btn .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	width: 25px;
	background-color: #FFF;
	right: 20px;
}
#sub-page .btn .arrow:before,
#sub-page .btn .arrow:after,
.common-btn .arrow:before,
.common-btn .arrow:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 1px;
	background-color: #FFF;
	right: -2px;
}
#sub-page .btn .arrow:before,
.common-btn .arrow:before {
	transform: rotate(45deg);
	top: -4px;
}
#sub-page .btn .arrow:after,
.common-btn .arrow:after {
	transform: rotate(-45deg);
	bottom: -4px;
}
#sub-page .btn:not(.none-hover):hover,
.common-btn:not(.none-hover):hover {
	background-color: #FFF;
	color: #000 !important;
}
#sub-page .btn.gray:not(.none-hover):hover,
.common-btn.gray:not(.none-hover):hover {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}
.arrow-only-parent:hover .arrow,
.arrow-only-parent:hover .arrow:before,
.arrow-only-parent:hover .arrow:after,
#sub-page .btn:not(.none-hover):hover .arrow,
#sub-page .btn:not(.none-hover):hover .arrow:before,
#sub-page .btn:not(.none-hover):hover .arrow:after,
.common-btn:not(.none-hover):hover .arrow,
.common-btn:not(.none-hover):hover .arrow:before,
.common-btn:not(.none-hover):hover .arrow:after {
	background-color: #000;
}
.arrow-only-parent:hover .common-btn,
#sub-page .btn.gray:not(.none-hover):hover .arrow,
#sub-page .btn.gray:not(.none-hover):hover .arrow:before,
#sub-page .btn.gray:not(.none-hover):hover .arrow:after,
.common-btn.gray:not(.none-hover):hover .arrow,
.common-btn.gray:not(.none-hover):hover .arrow:before,
.common-btn.gray:not(.none-hover):hover .arrow:after {
	background-color: #FFF;
}
#sub-page .btn.arrow-only,
.common-btn.arrow-only {
	padding: 0;
	height: 45px;
	width: 45px;
	vertical-align: middle;
}
#sub-page .btn.arrow-only + span,
.common-btn.arrow-only + span {
	display: inline-block;
	line-height: 45px !important;
	margin-left: 20px;
	vertical-align: middle;
}
#sub-page .btn.arrow-only .arrow,
.common-btn.arrow-only .arrow {
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (max-width: 1000px) {
	#sub-page .btn,
	.common-btn {
		padding: 0 80px 0 30px;
	}
}
@media (max-width: 1000px) {
	#sub-page .btn,
	.common-btn {
		width: 100%;
	}
}

#container_wr.index .divide-line,
#sub-page .divide-line {
	width: 100%;
	height: 2px;
	background-color: #2f5096;
	margin: 10px 0;
}

#sub-page div.title-line {
	width: 100%;
	height: 0;
	border-top: 1px solid #D3D4C6;
	position: relative;
	margin-top: 100px;
}
#sub-page div.title-line > div {
	position: absolute;
	top: -4px;
	left: 0;
	width: 50px;
	height: 0;
	border-top: 3px solid #75C9B2;
}

#sub-page .image-half {
	font-size: 0;
}
#sub-page .image-half > * {
	display: inline-block;
	width: 50%;
	margin-bottom: 10px;
}
#sub-page .image-half > li:first-child {
	text-align: left;
}
#sub-page .image-half > li:last-child {
	text-align: right;
}
#sub-page .image-half img {
	width: 99%;
	height: auto;
}
@media (max-width: 640px) {
	#sub-page .image-half > * {
		width: 100%;
	}
	#sub-page .image-half img {
		width: 100%;
	}
}

#sub-page .statement-of-faith {
	max-width: 1080px;
	margin: 0 auto;
}
#sub-page .statement-of-faith > li {
	border-bottom: 1px solid #E0E0E0;
	padding-top: 50px;
	padding-bottom: 50px;
}
#sub-page .statement-of-faith > li:first-child {
	width: 162px;
	vertical-align: top;
}
#sub-page .statement-of-faith > li:last-child {
	text-align: justify;
	font-size: 0.8em;
	line-height: 30px;
}
@media (max-width: 760px) {
	#sub-page .statement-of-faith > li:first-child {
		text-align: center;
		border: none;
		width: 100%;
		padding-bottom: 0;
	}
}

#sub-page.full {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#sub-page h3.title {
	font-size: 20pt;
	font-weight: 400;
	font-family: 'Nanum Myeongjo', serif;
	color: #8CC7F1;
	line-height: 35px;
	padding-bottom: 30px;
}
#sub-page h3.title > span.underline {
	width: 50px;
	margin-left: -25px;
	border-color: #8CC7F1;
}
@media (max-width: 740px) {
	#sub-page h3.title {
		font-size: 14pt;
		line-height: 30px;
		margin-bottom: 0;
	}
	#sub-page h3.title > span.underline {
		width: 30px;
		margin-left: -15px;
	}
}

#sub-page a.common {
	color: #29b1e3;
	text-decoration: underline;
}
#sub-page a.common:hover {
	color: #c41591;
}

#sub-page .swiper-container {
	padding-bottom: 120px;
}
#sub-page .swiper-button-prev,
#sub-page .swiper-button-next {
	border-radius: 0 !important;
	margin-top: -60px !important;
	background-color: rgba(51, 153, 107, 1);
	opacity: 0.5;
}
#sub-page .swiper-button-prev:hover,
#sub-page .swiper-button-next:hover {
	opacity: 1;
}
#sub-page .swiper-button-prev {
	left: 0 !important;
}
#sub-page .swiper-button-next {
	right: 0 !important;
}
#sub-page .swiper-button-prev:before,
#sub-page .swiper-button-next:before,
#sub-page .swiper-button-prev:after,
#sub-page .swiper-button-next:after {
	background-color: #FFF !important;
}

#sub-page .swiper-container-horizontal > .swiper-pagination-bullets,
#sub-page .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 60px !important;
}
#sub-page .swiper-pagination-bullet {
	width: 20px !important;
	height: 20px !important;
	background-color: #dfdfdf !important;
}
#sub-page .swiper-pagination-bullet-active {
	background-color: #008046 !important;
}

#sub-page   .tab > * {
	padding: 10px;
	border-bottom: 1px solid #DDD;
	height: 100%;
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	color: #000;
	cursor: pointer;
}
#sub-page   .tab .on {
	border-bottom-width: 5px;
	border-color: #268fb1;
}
#sub-page   .grid-2.title {
	grid-template-columns: 30px auto;
	column-gap: 20px;
}
#sub-page   .grid-2.title li {
	text-align: left;
}
#sub-page   .grid-2.cont {
	grid-template-columns: 35px auto;
}
#sub-page   .grid-2.cont > li {
	padding-top: 20px;
}
#sub-page   .grid-2.cont > li:nth-of-type(2n-1) {
	color: #007f47;
	font-weight: 800 !important;
}
#sub-page   .tab-wrap,
#sub-page   .tab-wrap {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #DDD;
}
#sub-page   .table,
#sub-page   .table {
	margin: 0 auto;
}
#sub-page   .table > *,
#sub-page   .table > * {
	padding: 10px 30px;
}
#sub-page   .table > *:not(.on) {
	border-bottom-width: 0;
}


#sub-page .training .border-ani .top-bottom:before,
#sub-page .training .border-ani .top-bottom:after {
	height: 5px;
}
#sub-page .training .border-ani .lef-tight:before,
#sub-page .training .border-ani .lef-tight:after {
	width: 5px;
}
#sub-page .training .border-ani .top-bottom:before,
#sub-page .training .border-ani .top-bottom:after,
#sub-page .training .border-ani .lef-tight:before,
#sub-page .training .border-ani .lef-tight:after {
	background-color: rgba(0, 0, 0, 0.5);
}
#sub-page .training .swiper-pop {
	position: relative;
}
#sub-page .training:not(.gallery) .swiper-pop:before {
	content: '사진을 클릭하면 더 많은 사진을 볼 수 있습니다.';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 10px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1;
	font-size: 0.8em;
}
#sub-page .training:not(.gallery) .swiper-pop:hover {
	transform: translateY(-5px);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

#sub-page .refund_policy  .grid-2.title {
	grid-template-columns: 60px auto;
}
#sub-page .refund_policy .grid-3 {
	column-gap: 20px;
	row-gap: 20px;
}
#sub-page .refund_policy .grid-3 > * {
	border: 1px solid #dfdfdf;
	height: 100%;
	padding: 25px 30px;
}

#sub-page .location_contact .grid-3 {
	grid-template-columns: auto auto auto;
	column-gap: 50px;
	row-gap: 30px;
}
#sub-page .location_contact .grid-3 .icon {
	background-color: #007f47;
	border-radius: 0;
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
}
#sub-page .location_contact .grid-3 .icon i {
	color: #FFF;
	font-size: 1.2em;
}
#sub-page .location_contact .table > * {
	vertical-align: middle;
	line-height: 120%;
}
#sub-page .location_contact .table > *:first-child {
	width: 75px;
}
#sub-page .location_contact .iframe-wrap {
	padding-bottom: 42%;
}
#sub-page .location_contact .grid-2 {
	position: relative;
	column-gap: 80px;
	row-gap: 30px;
	margin: -7% 0 20px;
	z-index: 1;
}
#sub-page .location_contact .grid-2 > * {
	height: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 30px 40px;
	background-color: #FFF;
}

#sub-page .procedure .grid-3 {
	grid-template-columns: 210px auto 210px;
	align-items: center;
	border: 1px solid #dfdfdf;
}
#sub-page .procedure .grid-3 > * {
	padding: 15px 20px;
}
#sub-page .procedure .grid-3 > *:first-child {
	border-right: 1px solid #dfdfdf;
}
#sub-page .procedure .grid-3 > *:nth-of-type(2) {
	padding: 15px 50px;
}
#sub-page .procedure .grid-3 > *:first-child,
#sub-page .procedure .grid-3 > *:last-child {
	text-align: center;
}
#sub-page .procedure .grid-3 .num {
	position: relative;
	font-size: 9em;
	font-weight: 900;
	font-family: 'Roboto';
	line-height: 100%;
	color: #007f47;
	overflow: hidden;
}
#sub-page .procedure .grid-3 .num:after {
	content: '';
	left: 20%;
	right: 20%;
	bottom: 22%;
	position: absolute;
	box-shadow: 0px -15px 20px rgba(0, 0, 0, 1);
	height: 1px;
	margin: 0 auto;
}
#sub-page .procedure .grid-3 .text {
	position: relative;
	background-color: #FFF;
	margin-top: -38%;
	z-index: 1;
	padding: 20px 0;
	font-size: 1.4em;
	font-weight: 600;
	color: #222;
}
#sub-page .procedure .grid-3 .table > * {
	vertical-align: middle;
	padding-right: 50px;
}
#sub-page .procedure .grid-3 .common-btn {
	min-width: 250px;
}

#sub-page .training_usage_fee .grid-3 {
	row-gap: 30px;
	column-gap: 30px;
}
#sub-page .training_usage_fee .grid-3 > * {
	height: 100%;
	border: 1px solid #DADADA;
}
#sub-page .training_usage_fee .grid-3 .title {
	padding: 15px 25px;
}
#sub-page .training_usage_fee .grid-3.green .title {
	background-color: #05824a;
}
#sub-page .training_usage_fee .grid-3.brown .title {
	background-color: #a17a40;
}
#sub-page .training_usage_fee .grid-3 .title > span:nth-of-type(2) {
	position: relative;
	margin-left: 6px;
	padding-left: 10px;
}
#sub-page .training_usage_fee .grid-3 .title > span:nth-of-type(2):before {
	content: '';
	position: absolute;
	top: 2px;
	bottom: 6px;
	left: 0;
	width: 1px;
	background-color: #FFF;
}
#sub-page .training_usage_fee .grid-3 .text {
	padding: 35px 25px;
}
#sub-page .training_usage_fee .grid-3 .divide-line {
	background-color: #DADADA;
}

#sub-page .iframe-wrap.form {
	padding-bottom: 85vh;
	border: 1px solid #f0f0f0;
}
#sub-page .new .iframe-wrap.form {
	padding-bottom: 2140px;
}
#sub-page .iframe-wrap.form iframe {
	background-color: #f0f0f0;
}

#sub-page .training .grid-2 {
	grid-template-columns: 0.55fr 0.45fr;
	column-gap: 40px;
}
#sub-page .training .grid-2 > *:last-child {
	padding: 25px 0;
}
#sub-page .training .grid-2 .front-dot small.front-dot {
	display: block;
	padding-left: 15px;
}
#sub-page .training .grid-2 .front-dot small.front-dot:before {
	content: '-';
	top: 0;
}

#sub-page .gallery .grid-3 {
	row-gap: 100px;
	column-gap: 50px;
	text-align: center;
}
#sub-page .gallery .swiper-pop {
	position: relative;
	margin-bottom: 50px;
}
#sub-page .gallery .swiper-pop img {
	width: 100%;
	max-width: 100%;
}
#sub-page .gallery .swiper-pop .front-img,
#sub-page .gallery .swiper-pop .back-img {
	border: 10px solid #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#sub-page .gallery .swiper-pop .front-img {
	position: relative;
	z-index: 2;
}
#sub-page .gallery .swiper-pop .back-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transform: rotate(-6deg);
}
#sub-page .gallery .swiper-pop:hover .front-img {
	transform: rotate(-6deg);
}
#sub-page .gallery .swiper-pop:hover .back-img {
	transform: rotate(0deg);
}
#sub-page .gallery .text small {
	display: block;
}

@media (max-width: 1000px) {
	#sub-page .location_contact .grid-2 {
		grid-template-columns: 1fr;
		margin: 20px 0 20px;
	}
}
@media (max-width: 980px) {
	#sub-page .procedure .grid-3 {
		grid-template-columns: 1fr;
	}
	#sub-page .procedure .grid-3 > *:first-child {
		border-right-width: 0;
		border-bottom: 1px solid #dfdfdf;
	}
	#sub-page .procedure .grid-3 .text {
		margin-top: -50px;
	}

	#sub-page .iframe-wrap.form {
		padding-bottom: 75vh;
	}
}
@media (max-width: 850px) {
	#sub-page .location_contact .grid-3 {
		grid-template-columns: 1fr;
		width: fit-content;
		margin: 0 auto;
	}

	#sub-page .training .grid-2 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 640px) {
	#sub-page   .tab {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 30px;
	}
	#sub-page   .tab li {
		font-size: 1em;
		padding: 5px 10px;
	}
	#sub-page .procedure .grid-3 > *:nth-of-type(2) {
		padding: 15px 20px;
	}
	#sub-page .procedure .grid-3 .table > * {
		padding-right: 0;
		width: 100%;
	}
	#sub-page .procedure .grid-3 .common-btn {
		margin-top: 10px;
	}

	#sub-page   .tab-wrap {
		border-bottom-width: 0;
	}
	#sub-page   .table > * {
		width: 49%;
	}
	#sub-page   .table > *:not(.on) {
		border-bottom-width: 1px;
	}

	#sub-page .gallery .grid-3 {
		row-gap: 30px;
	}
}

#container_wr.index hr,
.hr,
#sub-page hr {
	border: none;
	height: 30px;
	display: block;
	margin: 0;
}
#container_wr.index hr {
	height: 70px;
}
#container_wr.index hr.light,
#sub-page hr.light {
	height: 15px;
	margin: 0;
}
#container_wr.index hr.thin,
#sub-page hr.thin {
	height: 8px;
	margin: 0;
}
#container_wr.index .about-arc .grid-2 {
	grid-template-columns: 0.6fr 0.4fr;
	column-gap: 60px;
	row-gap: 30px;
	align-items: center;
}
#container_wr.index .about-arc .table {
	width: auto;
	margin: 0 auto;
}
#container_wr.index .about-arc .table > * {
	padding:  0 20px;
	vertical-align: top;
}
#container_wr.index .about-arc .table > *:last-child {
	padding-top: 80px;
}
#container_wr.index .about-arc .table img {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

#container_wr.index .service-facility {
	overflow: inherit;
}
#container_wr.index .service-facility.list {
	margin-top: -60px;
}
#container_wr.index .service-facility .grid-3 {
	column-gap: 30px;
	row-gap: 20px;
}
#container_wr.index .service-facility .grid-3 > * {
	position: relative;
	background-size: cover !important;
	padding: 70px;
}
/*
#container_wr.index .service-facility .grid-3 > *:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#container_wr.index .service-facility .grid-3 > *:hover:before {
	background-color: rgba(0, 0, 0, 0.5);
}
*/
#container_wr.index .service-facility .grid-3 > *:hover {
	transform: translateY(-10px);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
#container_wr.index .service-facility .grid-3 .wrap {
	position: relative;
	z-index: 1;
}
#container_wr.index .service-facility .grid-3 .big8 {
	margin-left: -5px;
}
#container_wr.index .service-facility .grid-3 .border-ani .top-bottom:before,
#container_wr.index .service-facility .grid-3 .border-ani .top-bottom:after {
	height: 2px;
}
#container_wr.index .service-facility .grid-3 .border-ani .lef-tight:before,
#container_wr.index .service-facility .grid-3 .border-ani .lef-tight:after {
	width: 2px;
}
#container_wr.index .service-facility .grid-3 .border-ani .top-bottom:before,
#container_wr.index .service-facility .grid-3 .border-ani .top-bottom:after,
#container_wr.index .service-facility .grid-3 .border-ani .lef-tight:before,
#container_wr.index .service-facility .grid-3 .border-ani .lef-tight:after {
	background-color: #ffc104;
}

#container_wr.index .reservation ul.wrap {
	background-color: #007f47;
	padding: 0 10px;
}
#container_wr.index .reservation .grid-2 {
	grid-template-columns: 102px auto;
	align-items: center;
	column-gap: 30px;
}
#container_wr.index .reservation .grid-2 .big8 {
	margin-left: -5px;
}
#container_wr.index .reservation .common-btn {
	border-color: #FFF;
}
#container_wr.index .reservation .table > *:last-child {
	text-align: right;
}
#container_wr.index .testimonials .owl-nav.disabled {
/*	display: none !important;*/
}
#container_wr.index .testimonials .owl-dots {
	padding: 40px 80px;
	text-align: center;
}
#container_wr.index .testimonials .owl-dots .owl-dot {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #DDD;
	border-radius: 50%;
	margin: 0 5px;
}
#container_wr.index .testimonials .owl-dots .owl-dot.active {
	background-color: #007f47;
}
@media (max-width: 1100px) {
	#container_wr.index #sub-page {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 950px) {
	#container_wr.index .about-arc .grid-2 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 760px) {
	#container_wr.index hr,
	.hr,
	#sub-page hr {
		height: 10px;
	}
	#sub-page hr.light {
		height: 8px;
	}
	#sub-page hr.thin {
		height: 5px;
	}

	#container_wr.index .about-arc .table {
		display: table !important;
	}
	#container_wr.index .about-arc .table > *{
		display: table-cell !important;
	}
	#container_wr.index .service-facility.list {
		margin-top: 20px;
	}

	#container_wr.index .reservation #sub-page {
		padding: 0 0;
	}
	#container_wr.index .reservation .table > *:last-child {
		padding-top: 30px;
	}
}
@media (max-width: 500px) {
	#container_wr.index .reservation .grid-2 {
		grid-template-columns: 1fr;
		align-items: center;
		text-align: center;
	}
	#container_wr.index .reservation .table > *:last-child {
		width: 100%;
		text-align: center;
	}
}

#sub-page .line {
	width: 100%;
	height: 1px;
	background-color: #EFEFEF;
}

#sub-page .icon {
	position: relative;
	display: inline-block;
	background-color: #FED325;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	vertical-align: middle;
}
#sub-page .icon i,
#sub-page .icon .glyphicon {
	position: absolute;
	color: #000;
	font-size: 14pt;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#sub-page .icon .glyphicon {
	font-size: 12pt;
}

#sub-page .info {
	position: relative;
	top: 6px;
}

#sub-page .font-quotes {
	font-family: 'Passion One', cursive;
}

#sub-page .text-box {
	position: relative;
	padding: 20px 30px 30px;
	margin-top: 20px;
	background-color: #f4f4f4;
	/*color: #000;*/
}
#sub-page .text-box.white {
	background-color: #FFF;
	border: 1px solid #dfdfdf;
}
#sub-page .text-box .light-brown {
	background-color: #FBF8EC;
}
#sub-page .text-box .title {
	position: absolute;
	height: 40px;
	line-height: 40px;
	background-color: #FED325;
	padding: 0 25px;
	top: -20px;
	left: 40px;
	border-radius: 40px;
	color: #000;
	font-size: 0.9em;
}
@media (max-width: 1024px) {
	#sub-page .text-box {
		padding: 35px 25px 25px;
	}
	#sub-page .text-box .title {
		left: 25px;
	}
}

#sub-page .left-padding-20 {
	padding-left: 20px;
}

#sub-page .quotes .wrap {
	display: inline-block;
}
#sub-page .quotes .wrap:before,
#sub-page .quotes .wrap:after {
	content: '"';
	display: inline-block;
	position: relative;
	font-family: 'Passion One', cursive;
	line-height: 0;
	height: 0;
	font-size: 40pt;
	font-weight: 400;
}
#sub-page .quotes .wrap:before {
	transform: rotate(180deg);
	top: -35px;
}
#sub-page .quotes .wrap:after {
	top: -10px;
}

#sub-page .half-title {
	display: table;
	width: 100%;
	min-height: 148px;
	padding-left: 40px;
	background-color: #bcb5d9;
	color: #FFF;
	font-size: 18pt;
	position: relative;
	overflow: hidden;
}
#sub-page .half-title > span,
#sub-page .half-title small {
	position: relative;
	font-family: 'Sunflower';
	z-index: 2;
	display: table-cell;
	vertical-align: middle;
	height: 148px;
}
#sub-page .half-title.both > span,
#sub-page .half-title.both small {
	width: 50%;
}
#sub-page .half-title small {
	font-size: 13pt;
	line-height: 27px;
}

#sub-page .half-title div {
	position: absolute;
	right: 0;
	top: 0;
}
#sub-page .half-title div span {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
#sub-page .half-title div img {
	vertical-align: top;
	z-index: 1;
}
@media (max-width: 1300px) {
	#sub-page .half-title.both {
		display: block;
	}
	#sub-page .half-title.both > span,
	#sub-page .half-title.both small {
		display: block;
		width: 100%;
		height: auto;
		padding: 10px 0;
	}
	#sub-page .half-title.both div {
		left: 0;
	}
	#sub-page .half-title.both div span {
		background-color: rgba(0, 0, 0, 0.3);
	}
	#sub-page .half-title.both div img {
		height: 350px;
	}
}
@media (max-width: 1200px) {
	#sub-page .half-title div {
		left: 0;
	}
	#sub-page .half-title div span {
		background-color: rgba(0, 0, 0, 0.3);
	}
	#sub-page .half-title div img {
		width: 100%;
	}
}
@media (max-width: 615px) {
	#sub-page .half-title {
		font-size: 16pt;
		padding: 0;
		text-align: center;
	}
	#sub-page .half-title.both small {
		font-size: 10pt;
	}
	#sub-page .half-title div img {
		width: auto;
	}
}

#sub-page table {
	width: 100%;
	border-spacing: 0;
	border: 1px solid #dadada;
	border-bottom-width: 0;
}
#sub-page table.auto {
	width: auto;
}
#sub-page table th,
#sub-page table td {
	padding: 15px;
	text-align: center;
	border: 1px solid #dadada;
	border-left-width: 0;
	border-top-width: 0;
}
#sub-page table th {
	background-color: #a6a6a6;
	color: #FFF;
	border-color: #FFF;
}
#sub-page table thead.blue th {
	background-color: #2f5096;
}
#sub-page table thead.dark-purple th {
	background-color: #744daa;
}
#sub-page table thead.purple th {
	background-color: #b557c6;
}
#sub-page table td {
	color: #000;
	font-size: 1.2em;
}
#sub-page table tr > th:last-child,
#sub-page table tr > td:last-child {
	border-right-width: 0;
}
#sub-page table .border {
	border-right-width: 1px !important;
}
@media (max-width: 1100px) {
	#sub-page table tr.mobile {
		display: table-row !important;
	}
}
@media (max-width: 640px) {
	#sub-page table th,
	#sub-page table td {
		font-size: 10pt !important;
		word-break: break-word;
		padding: 5px;
	}
}

#sub-page .more span {
	line-height: 250% !important;
	border-radius: 3px !important;
	background-color: rgba(252, 120, 22, 1) !important;
}
#sub-page .more span:hover {
	background-color: rgba(228, 97, 0, 1) !important;
}

#sub-page .divide-2 {
	font-size: 0;
}
#sub-page .divide-2 > * {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	font-size: 0.75rem;
}
#sub-page .divide-2 > *:nth-of-type(2n) {
	margin-left: 2%;
}
#sub-page .divide-2 > * img {
	width: 100%;
}
@media (max-width: 640px) {
	#sub-page .divide-2 > * {
		width: 100% !important;
	}
	#sub-page .divide-2 > *:nth-of-type(2n) {
		margin-left: 0 !important;
		margin-top: 20px;
	}
}

#sub-page .divide-3 {
	font-size: 0;
}
#sub-page .divide-3 > * {
	display: inline-block;
	width: 26%;
	vertical-align: top;
	font-size: 0.75rem;
	margin-left: 11%;
}
#sub-page .divide-3 > *:first-child,
#sub-page .divide-3 > *:nth-of-type(3n+1) {
	margin-left: 0;
}
#sub-page .divide-3 > * img {
	width: 100%;
}
@media (max-width: 640px) {
	#sub-page .divide-3 > * {
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 20px;
	}
	#sub-page .divide-3 > *:first-child {
		margin-top: 0;
	}
}

#sub-page .divide-4 {
	font-size: 0;
}
#sub-page .divide-4 > * {
	display: inline-block;
	font-size: 14pt;
	width: 24.25%;
	margin: 1% 1% 0 0;
}
#sub-page .divide-4 > *:nth-of-type(4n) {
	margin-right: 0;
}
#sub-page .divide-4 > *:nth-of-type(1),
#sub-page .divide-4 > *:nth-of-type(2),
#sub-page .divide-4 > *:nth-of-type(3),
#sub-page .divide-4 > *:nth-of-type(4) {
	margin-top: 0;
}
@media (max-width: 640px) {
	#sub-page .divide-4 > * {
		width: 100%;
		margin: 1% 0 0 !important;
	}
	#sub-page .divide-4 > *:first-child {
		margin-top: 0 !important;
	}
}

#sub-page .welcome .grid-2 {
	grid-template-columns: 1.3fr 0.7fr;
	column-gap: 50px;
	row-gap: 50px;
}
@media (max-width: 800px) {
	#sub-page .welcome .grid-2 {
		grid-template-columns: 1fr;
	}
}

#sub-page  _and_vision .grid-5,
#sub-page  _and_vision .grid-3 {
	color: #000;
}
#sub-page  _and_vision .grid-5 {
	column-gap: 20px;
	row-gap: 20px;
}
#sub-page  _and_vision .grid-3.margin {
	margin-top: 60px;
}
#sub-page  _and_vision .grid-3 {
	column-gap: 35px;
	row-gap: 85px;
}
#sub-page  _and_vision .grid-3 > *,
#sub-page  _and_vision .grid-5 > * {
	height: 100%;
	background-color: #f5f6f8;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#sub-page  _and_vision .grid-3 .wrap,
#sub-page  _and_vision .grid-5 .wrap {
	font-size: 1.4em;
	line-height: 120%;
	font-weight: 600;
	padding: 30px 20px;
	width: 100%;
}
#sub-page  _and_vision .grid-5 .en {
	font-family: 'Gowun Batang', serif;
	line-height: 120%;
	color: #666;
}
#sub-page  _and_vision .line {
	position: relative;
	z-index: 1;
	width: 1px;
	height: 25px;
	background-color: rgb(177 177 174);
	margin: 20px auto;
}
#sub-page  _and_vision .grid-3 .line {
	margin: 10px auto;
}
#sub-page  _and_vision .grid-5 .line {
	background-color: #666;
}
#sub-page  _and_vision .sub-box {
	background-color: #2f5096;
	margin: 0px 20px -85px;
	color: #FFF;
	padding: 20px 10px;
	transform: translateY(-50%);
}
@media (max-width: 640px) {
	#sub-page  _and_vision .grid-3 {
		row-gap: 20px;
	}
	#sub-page  _and_vision .grid-3.margin {
		row-gap: 45px;
	}
}

#sub-page .new_family_registration .grid-5 {
	column-gap: 100px;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#sub-page .new_family_registration .grid-5 .text {
	line-height: 120%;
	font-size: 1.5em;
	color: #000;
	margin-bottom: 20px;
}
#sub-page .new_family_registration .grid-5 .text div {
	display: grid;
	line-height: 100%;
	height: 80px;
	align-items: center;
}
#sub-page .new_family_registration .grid-5 .num {
	display: inline-block;
	font-family: 'Roboto';
	font-weight: 800;
	font-size: 1.5em;
	line-height: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
}
#sub-page .new_family_registration .grid-5 .img-full-auto {
	position: relative;
}
#sub-page .new_family_registration .grid-5 > *:not(:last-child) .img-full-auto:after {
	content: '>';
	position: absolute;
	top: 50%;
	right: -75px;
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: #364b96;
	color: #FFF;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-family: "Nanum Gothic";
	letter-spacing: -3px;
	font-size: 1.5em;
	font-weight: 600;
}
#sub-page .new_family_registration .font-tlabShin {
	font-size: 7em;
	background: rgb(47,80,150);
	background: linear-gradient(111deg, rgba(47,80,150,1) 0%, rgba(88,47,150,1) 100%);
	color: transparent;
	-webkit-background-clip: text;
	letter-spacing: -13px;
	line-height: 100%;
}
@media (max-width: 1100px) {
	#sub-page .new_family_registration .grid-5 {
		column-gap: 30px;
	}
	#sub-page .new_family_registration .grid-5 > *:not(:last-child) .img-full-auto:after {
		width: 30px;
		height: 30px;
		line-height: 30px;
		right: -30px;
		font-size: 1em;
	}
}
@media (max-width: 640px) {
	#sub-page .new_family_registration .grid-5 {
		row-gap: 80px;
	}
	#sub-page .new_family_registration .grid-5 > *:not(:last-child) .img-full-auto:after {
		top: auto;
		right: auto;
		bottom: -60px;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
	}
	#sub-page .new_family_registration .font-tlabShin {
		font-size: 4em;
	}
}

#sub-page .way_to_come img {
	max-width: 1338px;
	width: 100%;
}
#sub-page .way_to_come .grid-3 {
	grid-template-columns: auto auto auto;
	margin: 0 auto;
	justify-content: center;
	column-gap: 80px;
	row-gap: 20px;
	font-size: 1.2em;
}
#sub-page .way_to_come .grid-3 * {
	color: #000;
}
#sub-page .way_to_come .grid-3 i {
	color: #2f5096;
	margin-right: 5px;
	font-size: 1.2em;
	vertical-align: middle;
}
@media (max-width: 1100px) {
	#sub-page .way_to_come .grid-3 {
		grid-template-columns: 1fr;
		text-align: center;
		font-size: 1em;
	}
}

#sub-page .vineyard .grid-3 {
	column-gap: 100px;
	row-gap: 50px;
	font-size: 1.15em;
}
#sub-page .vineyard .grid-3 .wrap {
	text-align: center;
}
#sub-page .vineyard .grid-3 img {
	width: 100%;
	max-width: 183px;
}
#sub-page .vineyard .grid-3 .img-full-auto {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 8px solid #FFF;
}
#sub-page .vineyard .grid-3 .blue .img-full-auto {
	border-color: #2f5096;
}
#sub-page .vineyard .grid-3 .dark-purple .img-full-auto {
	border-color: #650ae2;
}
#sub-page .vineyard .grid-3 .purple .img-full-auto {
	border-color: #b533cd;
}
#sub-page .vineyard .grid-3 .img-full-auto small {
	display: block;
	margin: 30px 0 0 0;
}
#sub-page .vineyard .grid-3 .blue .img-full-auto small {
	color: #2f5096;
}
#sub-page .vineyard .grid-3 .dark-purple .img-full-auto small {
	color: #650ae2;
}
#sub-page .vineyard .grid-3 .purple .img-full-auto small {
	color: #b533cd;
}
#sub-page .vineyard .grid-3 .big2 {
	margin-bottom: 15px;
}
#sub-page .vineyard .box .text-blue {
	border-color: #003c83;
	font-weight: 600;
}
#sub-page .vineyard .box .grid-4 {
	grid-template-columns: auto auto auto auto;
	row-gap: 50px;
	column-gap: 50px;
}
@media (max-width: 1100px) {
	#sub-page .vineyard .box .grid-4 {
		grid-template-columns: auto auto auto;
	}
}
@media (max-width: 850px) {
	#sub-page .vineyard .box .grid-4 {
		grid-template-columns: auto auto;
		column-gap: 30px;
		row-gap: 30px;
	}
}
@media (max-width: 640px) {
	#sub-page .vineyard .grid-3 {
		margin-top: 30px;
	}
	#sub-page .vineyard .box .grid-4 {
		margin-top: 20px;
		grid-template-columns: auto;
		row-gap: 20px;
	}
}

#sub-page .nurture .grid-4 {
	column-gap: 30px;
	row-gap: 20px;
}
#sub-page .nurture .grid-4 .wrap,
#sub-page .nurture .grid-2 .wrap {
	position: relative;
	display: inline-grid;
	padding: 80px 15px 15px;
	font-size: 1.3em;
	height: 100%;
	align-items: center;
	text-align: center;
	border: 1px solid #dadada;
}
#sub-page .nurture .grid-4 .sequence,
#sub-page .nurture .grid-2 .class {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: inline-grid;
	align-items: center;
	height: 65px;
	text-align: center;
	padding: 0 10px;
	background-color: #2f5096;
	color: #FFF;
	font-weight: 600;
	font-size: 1.1em;
}
#sub-page .nurture .grid-2 {
	column-gap: 40px;
	row-gap: 20px;
}
#sub-page .nurture .grid-2 >* {
	display: table !important;
}
#sub-page .nurture .grid-2 .wrap {
	display: table-cell;
	padding: 80px 0 15px;
	vertical-align: middle;
	line-height: 120%;
}
#sub-page .nurture .grid-2 .dark-purple {
	background-color: #744daa;
}
#sub-page .nurture .grid-2 .purple {
	background-color: #b557c6;
}
#sub-page .nurture .grid-2 .divide-line {
	margin: 20px 0;
}
#sub-page .nurture .grid-2 > *:first-child .divide-line {
	margin: 30px 0;
}
#sub-page .nurture .front-dot:before {
	top: -7px;
}
@media (max-width: 640px) {
	#sub-page .nurture .grid-2 > *:first-child .divide-line {
		margin: 20px 0;
	}
}

#sub-page .next_generation_education .big5,
#sub-page .kindergarten .big5 {
	line-height: 200%;
}
#sub-page .next_generation_education .banner.sequence-2 {
	padding: 270px 10px;
}
@media (max-width: 640px) {
	#sub-page .next_generation_education .big5,
	#sub-page .kindergarten .big5 {
		line-height: 170%;
	}
	#sub-page .next_generation_education .banner.sequence-2 {
		padding: 150px 10px;
	}
}

#sub-page .korean_school .grid-2 {
	grid-template-columns: auto auto;
	justify-content: left;
	row-gap: 20px;
	column-gap: 20px;
	margin-left: 10px;
}
#sub-page .korean_school .grid-2 .wrap {
	font-size: 1.6em;
	border: 1px solid #DADADA;
	padding: 25px;
	text-align: center;
	min-width: 400px;
}
#sub-page .korean_school .grid-2 .wrap.purple {
	color: #b557c6;
	border-top: 5px solid #b557c6;
}
#sub-page .korean_school .grid-2 .wrap.dark-purple {
	color: #744daa;
	border-top: 5px solid #744daa;
}
@media (max-width: 640px) {
	#sub-page .korean_school .grid-2 .wrap {
		min-width: auto;
	}
}
@media (max-width: 460px) {
	#sub-page .korean_school .grid-2 {
		grid-template-columns: 1fr;
	}
}

#sub-page .domestic_mission .grid-3 .wrap {
	position: relative;
	display: inline-grid;
	padding: 90px 15px 25px;
	font-size: 1.3em;
	height: 100%;
	align-items: center;
	text-align: center;
	border: 1px solid #dadada;
}
#sub-page .domestic_mission .grid-3 .sequence {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: inline-grid;
	align-items: center;
	height: 65px;
	text-align: center;
	padding: 0 10px;
	background-color: #2f5096;
	color: #FFF;
	font-weight: 600;
	font-size: 0.8em;
}

#sub-page .banner-text {
	font-weight: 600;
	font-size: 2.4em;
	line-height: 120%;
}
#sub-page .banner-text .en {
	font-family: 'lato' !important;
}
#sub-page .banner-text small {
	display: block;
	line-height: 120%;
	font-size: 0.7em;
	font-weight: 400;
}
@media (max-width: 1100px) {
	#sub-page .banner-text {
		font-size: 1.8em;
	}
}
@media (max-width: 640px) {
	#sub-page .slide-banner .swiper-container {
		height: 300px !important;
	}
	#sub-page .banner-text {
		font-size: 1.3em;
	}
}

#sub-page .kindergarten {
	font-family: 'Montserrat', sans-serif;
}

#sub-page  ary_church .grid-2 {
	column-gap: 80px;
	row-gap: 30px;
	align-items: center;
}

#sub-page .swiper-container .swiper-fixed-text {
	background-color: rgba(0, 0, 0, 0);
}
#sub-page .swiper-container .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #FFF;
	padding: 0 80px;
	text-align: center;
	max-width: 100%;
	line-height: 65px !important;
	height: 67px !important;
	font-weight: 500;
}
#sub-page .swiper-container .btn:hover {
	background-color: rgba(255, 255, 255, 1);
}

#sub-page .grid-2.icon-wrap {
	column-gap: 50px;
	row-gap: 100px;
}
#sub-page .icon-wrap .grid-2 {
	grid-template-columns: 165px auto;
	column-gap: 30px;
}
#sub-page .grid-2.icon-wrap .icon {
	position: relative;
	width: 165px;
	height: 165px;
	overflow: hidden;
	background-color: #f2f2f2;
}
#sub-page .grid-2.icon-wrap .icon img {
	position: absolute;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#sub-page .grid-2.title > *:last-child {
	text-align: right;
}

#sub-page .grid-2.img-text,
#sub-page .grid-2.text-img {
	column-gap: 80px;
}
#sub-page .grid-2.img-text.align-middle,
#sub-page .grid-2.text-img.align-middle {
	align-items: center;
}
#sub-page .grid-2.img-text .table .text-gray-all,
#sub-page .grid-2.text-img .table .text-gray-all {
	font-size: 0.75em;
}

#sub-page .grid-3.people {
	column-gap: 50px;
	row-gap: 80px;
}
#sub-page .grid-3.people .wrap {
	text-align: center;
}
#sub-page .grid-3.people .img {
	text-align: center;
}
#sub-page .grid-3.people .img img {
	max-width: 100%;
}
#sub-page .grid-3.people .name {
	color: #000;
	font-size: 1.8em;
	font-weight: 600;
	margin-bottom: 15px;
	cursor: pointer;
}
#sub-page .grid-3.people .name small {
	position: relative;
	display: inline-block;
	font-size: 0.6em;
	color: #6e6e6e;
	font-weight: 400;
	vertical-align: middle;
	top: -3px;
	margin-left: 3px;
}
#sub-page .grid-3.people .email,
#sub-page .grid-3.people .phone {
	font-size: 0.8em;
}
#sub-page .grid-3.people .email {
	position: relative;
	margin-right: 6px;
	padding-right: 10px;
}
#sub-page .grid-3.people .email:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	bottom: 2px;
	width: 1px;
	background-color: #d0d0d0;
}

#sub-page .banner.agape {
	position: relative;
	height: 785px;
}
#sub-page .banner.agape > div {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}
#sub-page .banner.agape > div h1.ko {
	font-size: 1.8em;
	font-weight: 600;
}
@media (max-width: 1000px) {
	#sub-page .swiper-container .btn {
		max-width: 50%;
		line-height: 150% !important;
		height: auto !important;
		padding: 20px 10px;
	}
}

/**
 * Board Common
 */

/* Category */
/*
#bo_cate {
	height: 0;
	overflow: hidden;
	display: inline-block;
	margin: 0 !important;
	padding-left: 15px;
}
#container_title #bo_cate {
	height: auto;
}
#bo_cate_ul > li {
	width: auto !important;
	padding: 0 10px !important;
}
#bo_cate a,
#bo_cate span {
	padding: 0 !important;
	background-color: rgba(255, 255, 255, 0) !important;
	border-width: 0 !important;
	box-shadow: unset !important;
	color: #505050 !important;
	font-size: 11.5pt;
}
#bo_cate_on {
	color: #000 !important;
}
*/
#page-tabs,
#bo_cate {
	width: 100%;
}
#page-tabs > *,
#bo_cate > * {
	text-align: center;
	background-color: #f2f2f2;
	border-left: 1px solid #FFF;
}
#page-tabs > *:first-child,
#bo_cate > *:first-child {
	border-left-width: 0;
}
#page-tabs > *,
#bo_cate > * a {
	display: block;
	font-size: 1.4em;
	color: #999;
	font-weight: 600;
	line-height: 75px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#page-tabs > *.on,
#page-tabs > *:hover,
#bo_cate > *.on a,
#bo_cate > *:hover a {
	color: #FFF;
	background-color: #c4141b;
}
#page-tabs > *.on:before,
#bo_cate .img {
	display: inline-block;
	margin-right: 15px;
}
#page-tabs > *.on:before,
#bo_cate img {
	height: 35px;
}
@media (max-width: 900px) {
	#page-tabs,
	#bo_cate {
		display: block !important;
	}
	#page-tabs > *,
	#bo_cate > * {
		display: block !important;
		width: 100% !important;
		border-left-width: 0 !important;
	}
	#page-tabs > *,
	#bo_cate > * a {
		line-height: 45px;
		font-size: 1.1em;
	}
	#page-tabs > *.on:before,
	#bo_cate .img {
		margin-right: 5px;
	}
	#page-tabs > *.on:before,
	#bo_cate img {
		height: 20px;
	}
}

#cate > div {
	display: inline-block;
	position: relative;
	text-align: right;
}
select#sca {
	position: relative;
	width: auto;
	height: 56px;
	padding: 0 24px 0 15px;
	border-color: #E5E5E5;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none !important;
}
#cate > div:after {
	content: '▼';
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	color: #999;
	font-size: 0.8em;
}
@media (max-width: 640px) {
	#cate > div,
	select#sca {
		width: 100%;
	}
}

#board-common-top {
	display: none !important;
	grid-template-columns: 0.6fr 1fr;
	align-items: center;
	padding: 15px 0;
}

#bo_list_total {
	color: #5a5a5a !important;
	font-size: 1.1em !important;
	font-weight: 300;
}
#bo_list_total > div:before {
	content: '.';
	position: relative;
	top: -4px;
	display: inline-block;
	padding-right: 5px;
}
#bo_list_total span {
	color: #000;
	font-weight: 600;
}

.scorll-x {
	position: relative;
	width: 100%;
}
.scroll-text {
	text-align: center;
	color: #000;
}
@media (max-width: 1100px) {
	.scroll-x {
		overflow-x: auto;
	}
	.scroll-x * {
		white-space: nowrap;
	}
}

.grid.list-bottom,
.grid-2.list-bottom {
	align-items: center;
}
.grid.list-bottom {
	row-gap: 40px;
}
.grid-2.list-bottom .pg_wrap {
	text-align: left;
}
#search-form {
	align-items: end;
	text-align: right;
}
.grid.list-bottom .pg_wrap,
.grid.list-bottom .pg,
.grid.list-bottom .wrap {
	text-align: center;
}
.grid.list-bottom #search-form {
	text-align: center;
	align-items: center;
}
.grid.list-bottom .sch_bar {
	position: relative;
	max-width: 385px;
	width: 100%;
}
.grid.list-bottom .sch_bar input[name="stx"] {
	width: 100% !important;
}
.grid.list-bottom .sch_bar button {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px !important;
	background-color: rgba(0, 0, 0, 0) !important;
	border-width: 0 !important;
}
#search-form .sch_bar {
	display: inline-block;
	overflow: hidden;
	height: 56px;
	line-height: 56px;
	border-radius: 3px;
	border: 1px solid #E5E5E5;
	font-size: 0;
}
#search-form input {
	width: 260px;
	border-width: 0 !important;
	background-color: #FFF;
	height: 56px;
	padding: 0 15px 0 20px;
	font-size: 10pt;
	outline: none !important;
}
#search-form input:focus {
	border-color: #E2E2E4 !important;
	background-color: #FFF;
	outline: none !important;
	box-shadow: none !important;
}
#search-form button {
	border-width: 0;
	background-color: rgba(255, 255, 255, 0);
	margin: 0;
	padding: 0;
	height: 56px;
}
#search-form i {
	position: relative;
	height: 39px;
	width: 39px;
	vertical-align: middle;
	margin-left: 5px;
	color: #878A8E;
	cursor: pointer;
	font-size: 12pt;
}
#search-form i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (max-width: 760px) {
	.grid-2.list-bottom {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	.grid-2.list-bottom .pg_wrap {
		text-align: center;
	}
}
@media (max-width: 640px) {
	#board-common-top {
		grid-template-columns: 1fr;
	}
	#search-form .sch_bar {
		width: 100%;
	}
	#search-form button {
		float: right;
	}
	#board-common-top > * {
		display: block !important;
	}
}

ul.decimal {
	counter-reset: colorcircle 0;
}
ul.decimal > li {
	position: relative;
	padding: 5px 0 5px 40px;
}
ul.decimal.wide-range > li {
	padding-bottom: 20px;
}
ul.decimal > li:before {
	counter-increment: colorcircle 1;
	content: counter(colorcircle);
	position: absolute;
	display: inline-grid;
	left: 0;
	top: 4px;
	width: 30px;
	height: 30px;
	line-height: 35px;
	border-radius: 50%;
	background-color: #29b1e3;
	color: #FFF;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: 0.9em;
}

.cmt_btn,
#bo_vc,
#bo_vc_w {
	display: none;
}

.bo_v_com {
	float: none !important;
	display: block;
	overflow: hidden;
	text-align: right;
}
.bo_v_com > * {
	display: inline-block;
	float: none !important;
}

#bo_gall,
#bo_list,
#bo_w,
#bo_v {
	max-width: 1200px;
	margin: 70px auto !important;
}
#bo_v {
	max-width: 1200px;
}
#sub-page #bo_list {
	margin-bottom: 0 !important;
}
@media (max-width: 1100px) {
	#bo_gall,
	#bo_list,
	#bo_w,
	#bo_v {
		padding: 0 10px;
	}
}
@media (max-width: 640px) {
	#bo_gall,
	#bo_list,
	#bo_w,
	#bo_v {
		margin: 50px auto;
	}
}

#bo_v_title .bo_subject {
	display: none;
	padding: 25px 0 0;
	color: #B09D65;
	font-weight: 500;
}
#bo_v_title .bo_v_tit {
	margin-top: 0 !important;
	text-align: center;
	font-weight: 600;
}

#bo_v_info {
	border-width: 0 !important;
}
#bo_v_info .profile_info,
#bo_v_top {
	display: block !important;
	float: unset !important;
}
#bo_v_top.display-none {
	display: none !important;
}
#bo_v_info .profile_info {
	overflow: hidden;
	/*border-bottom: 1px solid #DADADA;*/
	padding-bottom: 20px;
	margin: 10px 0 !important;
}
#bo_v_info .profile_info .profile_info_ct {
	float: unset !important;
	text-align: center;
}
#bo_v_info .profile_info span {
	position: relative;
}
#bo_v_info .profile_info span:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 1px;
	width: 1px;
	height: 10px;
	background-color: #ababab;
	margin: 0 9px 0 5px;
	transform: rotate(15deg);
}
#bo_v_info .profile_info span:first-child:before {
	display: none;
}

#bo_v_info .profile_info .print-btn,
#bo_v_info .profile_info .list {
	display: none;
}
#bo_v_share .print-btn,
#bo_v_share .list a,
#bo_v_info .print-btn,
#bo_v_info .list a {
	position: relative;
	float: right;
	border: 1px solid #dadada;
	height: 33px;
	line-height: 31px;
	padding: 0 10px;
	margin-left: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#bo_v_share .print-btn,
#bo_v_share .list a {
	top: 6px;
}
#bo_v_share .print-btn:hover,
#bo_v_share .list a:hover,
#bo_v_info .print-btn:hover,
#bo_v_info .list a:hover {
	background-color: #F7F7F7;
}
#bo_v_share .print-btn,
#bo_v_info .print-btn {
	font-size: 12pt;
}

#bo_v_share {
	border: 1px solid #f1f1f1;
	border-left-width: 0;
	border-right-width: 0;
	padding: 10px 0 10px 20px !important;
}
#bo_v_sns li {
	width: auto !important;
	margin: 0 5px !important;
}
#bo_v_sns li.explain {
	line-height: 45px;
	margin: 0 20px 0 0 !important;
	font-size: 13pt;
	font-weight: 600;
}
#bo_v_sns li a {
	position: relative;
	width: 45px !important;
	height: 45px !important;
	border-radius: 50% !important;
}
#bo_v_sns .sns_k img,
#bo_v_sns li a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	line-height: 0;
}
#bo_v_sns .sns_k img {
	width: 30px;
}
#bo_v_sns .sns_g,
#bo_v_sns .sns_f *,
#bo_v_sns .sns_t * {
	display: none !important;
}
#bo_v_sns .sns_m,
#bo_v_sns .sns_l {
	display: block;
	background-color: #F5F5F5;
}
#bo_v_sns .sns_f:before {
	content: "\f39e";
	font-size: 15pt;
}
#bo_v_sns .sns_t:before {
	content: "\f099";
	font-size: 13pt;
}
#bo_v_sns .sns_m:before,
#bo_v_sns .sns_l:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #000;
}
#bo_v_sns .sns_m:before {
	content: "\f0e0";
	font-size: 17pt;
}
#bo_v_sns .sns_l:before {
	content: "\f0c1";
	font-size: 17pt;
}

#bo_v .board-list-btn {
	clear: both;
	border-top: 1px solid #EDEDED;
	padding-top: 50px;
	text-align: center;
}
#bo_v .board-list-btn a {
	display: inline-block;
	height: auto;
	line-height: 38px;
	border: 1px solid #29b1e3;
	border-radius: 40px;
	padding: 0 50px;
	font-size: 1.1em;
	background: #29b1e3;
	overflow: hidden;
	color: #FFF;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#bo_v .board-list-btn a:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #000;
}

.bo_v_nb li:first-child {
	border-top-width: 0;
}

.bo_v_nb {
	margin: 0 !important;
}

.is_notice {
	position: relative;
	display: inline-block;
	background-color: #b49c68;
	color: #FFF;
	font-size: 10pt;
	line-height: 23px;
	padding: 0 5px;
	top: -1px;
}

#bo_v_con {
	font-size: 10.5pt;
}

.is_notice {
	position: relative;
	text-indent: -9999em;
	width: 25px;
	border-radius: 3px;
}
.is_notice:before {
	position: absolute;
	top: 52%;
	left: 48%;
	transform: translate(-50%, -50%) rotate(35deg);
	content: "\f08d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #FFF;
	text-indent: 0 !important;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.tbl_head01 tbody tr:hover td {
	background: #FFF
}
#church-list .info .pastor,
#church-list .info .church,
.gall_con .bo_tit,
.tbl_head01 tbody tr .bo_tit,
.tbl_head01 tbody tr:hover .bo_tit a {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#church-list .wrap:hover .pastor,
#church-list .wrap:hover .church,
.gall_con:hover .bo_tit,
.tbl_head01 tbody tr:hover .bo_tit,
.tbl_head01 tbody tr:hover .bo_tit a {
	color: #ea4235 !important;
	text-decoration: none !important;
}

#bo_btn_top {
	display: none;
}
#bo_list #bo_btn_top {
	display: block;
}

#search-form select {
	border-radius: 0;
	min-width: 100px;
	border: 1px solid #E2E2E4;
	background-color: #F5F5F5;
	height: 39px;
	line-height: 37px;
}

.file_del input[type="checkbox"] {
	display: inline-block;
	width: 21px;
	height: 21px;
	appearance: auto !important;
	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	vertical-align: middle;
}

.file_del input[type="checkbox"]:checked + label {
	display: inline-block;
	color: #FFF;
	border-radius: 3px;
	background-color: rgb(217, 15, 15);
	padding: 0 10px;
	line-height: 21px;
	vertical-align: middle;
}

#radio-button {
	margin-bottom: 20px;
}
#radio-button input[type='checkbox'],
#radio-button input[type='radio'] {
	display: none;
}
#radio-button input[type='checkbox'] + label,
#radio-button input[type='radio'] + label {
	display: inline-block;
	padding: 5px 10px;
	margin: 3px;
	border-radius: 3px;
	background-color: #F7F7F7;
	border: 1px solid #E7E7E7;
	vertical-align: middle;
	cursor: pointer;
}
#radio-button input[type='checkbox']:checked + label,
#radio-button input[type='radio']:checked + label {
	color: #FFF;
	background-color: #DB1F1F;
	border-color: #DB1F1F;
}
#radio-button input[id$="-n"]:checked + label,
#radio-button [data-message="n"].on {
	background-color: #949494 !important;
	border-color: #949494 !important;
}

#bo_v_atc pre.explain {
	position: relative;
	padding-left: 20px;
	overflow: hidden;
	font-size: 13pt;
	font-weight: 600;
	line-height: 180%;
	margin-bottom: 40px;
}
#bo_v_atc pre.explain:before {
	content: '';
	position: absolute;
	top: 9px;
	bottom: 5px;
	left: 0;
	width: 5px;
	background-color: #2E3384;
}

#bo_v_img {
	text-align: center;
}
#bo_v_img .bo-v-img-cont {
	display: inline-block;
}
#bo_v_img pre.img-explain {
	margin: -20px 0 20px;
	text-align: center;
	font-size: 9.5pt;
	color: #000;
	overflow: hidden;
	background-color: #F5F5F5;
	padding: 15px 10px;
}

.length-check-value .length {
	color: #2E3384;
}
.length-check-value .max-length,
.length-check-value .length.max {
	color: #791212;
}

#bo_w .bo_w_info .frm_input,
#bo_w textarea {
	border-radius: 3px !important;
}

@media (max-width: 640px) {
	.bo_fx ul {
		float: unset;
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.btn_bo_user {
		padding-top: 10px !important;
	}
}

.bo_fx {
	margin-bottom: 20px !important;
}


/**
 * Login
 */

#mb_login {
	display: flex;
	justify-content: center;
	height: 100%;
	margin: 0 auto;
	flex-direction: column;
}

.register {
	padding: 50px 0;
}


/**
 * 3rd Menu
 */

#menu-3rd {
	width: 100%;
	border-spacing: 4px 0;
	border-collapse: separate;
	padding-bottom: 4px;
}
#menu-3rd.auto {
	width: auto;
	margin-left: auto;
}
#menu-3rd.board {
	margin: 50px 0 0;
}
#menu-3rd td {
	text-align: center;
	white-space: nowrap;
	border: 1px solid #A78842;
	padding: 0 20px;
	line-height: 48px;
	height: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu-3rd td.on,
#menu-3rd td:hover {
	background-color: #FED325;
	border-color: #FED325;
}
#menu-3rd a {
	display: inline-block;
	color: #000;
	font-size: 12pt;
}

@media (max-width: 640px) {
	#menu-3rd {
		width: 100% !important;
		margin: 0;
		border-collapse: collapse;
	}
	#menu-3rd td {
		display: block;
		width: 100% !important;
		border-top: none;
	}
	#menu-3rd tr > td:first-child {
		bprder-top: none;
		border-top: 1px solid #056cbe;
	}
}

/**
 * 꼭 적용돼야 하는 것들을 순서상 제일 마지막에 정의
 */

.weight-100 {
	font-weight: 100 !important;
}
.weight-200 {
	font-weight: 200 !important;
}
.weight-300 {
	font-weight: 300 !important;
}
.weight-400 {
	font-weight: 400 !important;
}
.weight-500 {
	font-weight: 500 !important;
}
.weight-600 {
	font-weight: 600 !important;
}
.weight-700 {
	font-weight: 700 !important;
}
.weight-800 {
	font-weight: 800 !important;
}
.weight-900 {
	font-weight: 900 !important;
}

.display-none {
	display: none !important;
}

select.design {
	display: none;
	border: 2px solid #000;
	border-radius: 2px;
	padding: 10px;
	width: 100%;
}
ul.selectbox {
	position: relative;
	display: inline-block;
	z-index: 9999;
}
ul.selectbox li {
	position: relative;
	line-height: 28px;
	padding: 11px 50px 11px 20px !important;
	cursor: pointer;
	width: 100%;
	background-color: #FFF;
	white-space: nowrap;
	min-width: 170px;
	color: #888 !important;
}
ul.selectbox ul.option > li[data-title="true"] {
	background-color: #F7F7F7;
}
ul.selectbox > li:last-child {
	padding: 0 !important;
}
ul.selectbox > li:first-child {
	position: relative;
	border: 2px solid #FFF;
	border-radius: 10px;
}
ul.selectbox > li:first-child:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 42px;
	width: 2px;
	background-color: #f3f6fa;
}
ul.selectbox > li:first-child:after {
	content: '<';
	font-family: "Nanum Gothic", "나눔고딕";
	position: absolute;
	right: 17px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	line-height: 0;
	font-weight: 800;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul.selectbox.hover > li:first-child:after,
ul.selectbox:hover > li:first-child:after {
	transform: translateY(-50%) rotate(90deg);
}
ul.selectbox ul.option {
	position: absolute;
	width: 100%;
	border: 2px solid rgba(255, 255, 255, 0);
	border-radius: 10px;
	top: 2px;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul.selectbox.hover ul.option,
ul.selectbox:hover ul.option {
	/*border-color: rgba(0, 0, 0, 1);*/
	border-width: 0;
	max-height: 3000px;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
ul.selectbox:hover ul.option > li:hover {
	background-color: #F7F7F7;
}

.mobile {
	display: none !important;
}
@media (max-width: 1100px) {
	.pc {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}

	ul.selectbox.non-hover > li:first-child:after {
		transform: translateY(-50%) rotate(-90deg) !important;
	}
	ul.selectbox.non-hover ul.option {
		max-height: 0 !important;
	}
}

.font-gmarket {
	font-family: 'GmarketSans' !important;
}
.maintxttop {
	margin-bottom: 10px;
}

.about3banner {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}
.about3banner img {
	width: 30%;
	filter: grayscale(70%);
	opacity: 0.5;
}
.aboutbinner:hover img {
	opacity: 1;
	filter: grayscale(0%);
}
.aboutbinner {
	border: 2px solid #eee;
	border-radius: 10px;
	padding: 50px 10px;
	background-color: #fff;
	box-shadow: 0 0 10px #eee;
	cursor: pointer;
}
.aboutbinner:hover {
	transform: translateY(-15px);
	box-shadow: 0 0 10px #ccc;
}

.aboutbinner h3 {
	margin-top: 30px;
	font-size: 30px !important;
	color: #777;
	font-weight: bold;
}
.aboutbinner:hover h3 {
	color: #ea4235;
}
.aboutbinner h5 {
	color: #333;
	font-size: 18px !important;
	line-height: 140% !important;
}
.aboutbinner p {
font-size: 17px !important;
color: #888;
}

.staffpage>div:not(:first-child) {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.staffpage>div:first-child {
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}
.staffpage>div:first-child dl {
	width: 70%;
}
.staffpage h3 {
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	color: #000;
	margin-bottom: 10px;
}
.staffpage h3 span {
	font-size: 2em !important;
	font-weight: 700 !important;
}
.staffpage p {
	font-size: .9rem !important;
	font-weight: 400 !important;
}
.staffpage dl {
	margin: 20px;
	display: grid;
	grid-template-columns: 45% auto;
	gap: 30px;
}
.staffpage img {
	max-width: 90%;
}
.staffpage dt {
	text-align: center;
}

.staffpage ul {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
.staffpage li {
	font-weight: 400;
	font-size: .9rem !important;
}
.staffpage li::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #268fb1;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 8px;
}
@media(max-width: 700px){
	.staffpage>div:not(:first-child) {
		grid-template-columns: 1fr;
	}
	.staffpage>div {
		flex-wrap: wrap;
	}
	.about3banner {
		grid-template-columns: 1fr;
		padding: 0 40px;
	}
	.staffpage dl {
		grid-template-columns: 1fr;
	}
}

.worship_table {
	display: grid;
	gap: 50px;
	grid-template-columns: 1fr 1fr;
}
.winner h2 {
	background-color: #ea4235;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 1.1rem !important;
	margin-bottom: 20px !important;
}
.winner dl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 5px !important;
}
.winner dt {
	flex-shrink: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.2rem !important;
	font-weight: 700;
}
.winner dd {
	flex-shrink: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.2rem !important;
	font-weight: 400;
}
.winner p {
	font-size: 1.05rem !important;
	color: #777;
}
.w_bar {
	width: 100%;
	height: 2px;
	background-color: #eee;
	margin: 0 20px !important;
}

.map_table {
	margin-top: 150px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
	font-size: 1.3rem;
	border-top: 1px solid #ccc;
	padding-top: 100px;

}
.map_table i {
	font-size: 3rem;
	margin-bottom: 10px;
	color: #000;
}


@media(max-width: 700px){
	.worship_table {
		grid-template-columns: 1fr;
		padding: 0 20px;
	}
	.winner dt {
		font-size: .9rem !important;
	}
	.winner dd {
		font-size: .9rem !important;
	}
	.winner p {
		font-size: .85rem !important;
	}
	.map_table {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.map_table i {
		font-size: 2rem;
	}
}


.tbinner {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.tbinner img {
	max-width: 100%;
}
.tbtitle {
	border: 1px solid #ddd;
	padding: 90px;

}
#sub-page .tbinner h4 {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #000;
}
#sub-page .tbinner p {
	font-weight: 400;
	font-size: 1.1rem;
}
#sub-page .tbinner p+p {
	color: #999 !important;
	margin-top: 20px;
	font-size: 1rem;
}
.tbtxt {
	grid-column: 1 / 3;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 80px;
	background-color: #fafafa;
}
.tbtxt dl {
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.tbtxt dl+dl {
	border-top: 1px dashed #ccc;
	padding-top: 15px;
	margin-top :15px;
}
#sub-page .tbtxt dt {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}

.edu-staff {
	display: grid;
	gap: 60px;
	grid-template-columns: 1fr 1fr 1fr;
	/* margin: 60px 0; */
	width: 85%;
	margin: 60px auto;
}
.edu-staff img {
	width: 100%;
}
.edu-txt {
	border: 1px solid #ccc;
	padding: 30px;
}
.edu-txt h6 {
	font-size: 1.2rem !important;
}
.edu-txt h5 {
	font-size: 1.6rem !important;
	font-weight: 600 !important;
}

.upperline {
	border-top: 3px solid #eee;
}

@media(max-width: 700px){
	.edu-staff {
		gap: 30px;
		grid-template-columns: 1fr;
		/* margin: 60px 0; */
		width: 90%;
		margin: 40px auto;
	}
	.tbinner {
		grid-template-columns: 1fr;
	}
	.tbtitle {
		padding: 35px;
	}
	.tbtxt {
		grid-column: 1 / 2;
		padding: 30px;
	}
	.tbtxt dl {
		display: block;
	}
	 _statement .map_table {
		margin-bottom: 50px;
	}
}


.owl-carousel  .owl-dots {
    padding: 40px 80px;
    text-align: center;
}

.owl-carousel button.owl-dot  {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #DDD !important;
    border-radius: 50%;
    margin: 0 5px;
}


.owl-carousel button.owl-dot.active {
    background-color: #ea4235 !important;
}


#board_list {width:100%; max-width:1200px; margin:70px auto}

@media (max-width: 1100px){

#board_list {margin:0px auto; padding: 0px 20px;}
}

.inner {width:100%; max-width:1420px; margin:0px auto}

.txt_title_01 {font-size:36px  !important; line-height:150% !important; word-break: keep-all;}
.txt_title_01 span{font-size:36px  !important; line-height:150% !important;}
.txt_title_01 b{font-size:36px  !important; line-height:150% !important;font-weight:800 !important;}

.txt_title_02 {font-size:30px  !important; line-height:150% !important; word-break: keep-all;}
/*.txt_title_02 span{font-size:30px  !important; line-height:150% !important;} */
.txt_title_02 b{font-size:30px  !important; line-height:150% !important; font-weight:800 !important}
.txt_title_03 {font-size:22px  !important; ; word-break: keep-all;}
/*.txt_title_03 b{font-size:22px  !important; line-height:180% !important;font-weight:800 !important;} */
.txt_title_03 a{font-size:22px  !important; line-height:180% !important;}
.txt_title_04 {font-size:18px  !important; line-height:180% !important; word-break: keep-all;}
.txt_title_04 a{font-size:18px  !important; line-height:180% !important;}
.txt_title_04 b{font-size:18px  !important; line-height:180% !important;font-weight:800 !important;}
.txt_title_04 dt{font-size:18px  !important; line-height:150% !important;}
.txt_title_04  b span{font-size:18px  !important; line-height:150% !important;font-weight:800 !important;}


.txt_title_05 {font-size:124px  !important; line-height:150% !important; word-break: keep-all;}
.txt_title_05 b{font-size:124px  !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_06 {font-size:16px  !important; line-height:150% !important; word-break: keep-all;}
.txt_title_06 b{font-size:16px  !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_07 {font-size:68px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_07 b{font-size:68px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_08 {font-size:40px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_08 b{font-size:40px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_08 a{font-size:40px !important; line-height:150% !important;}
.txt_title_09 {font-size:26px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_09 a{font-size:26px !important; line-height:150% !important;}
.txt_title_09 b{font-size:26px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_10 {font-size:20px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_10 a{font-size:20px !important; line-height:150% !important;}
.txt_title_10 b{font-size:20px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_11 {font-size:34px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_11 b{font-size:34px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_12 {font-size:32px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_12 b{font-size:32px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_13 {font-size:170px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_13 b{font-size:170px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_14 {font-size:52px !important; line-height:150% !important; word-break: keep-all;}
.txt_title_14 b{font-size:52px !important; line-height:150% !important;font-weight:800 !important;}
.txt_title_14 a{font-size:52px !important; line-height:150% !important;}
.txt_title_15 {font-size:80px !important; word-break: keep-all;}
.txt_title_15 b{font-size:80px !important; font-weight:800 !important;}
.txt_title_15 a{font-size:80px !important; }
.txt_title_16 {font-size:45px !important; word-break: keep-all;}
.txt_title_16 b{font-size:45px !important; font-weight:800 !important;}
.txt_title_16 a{font-size:45px !important; }

.txt_title_17 {font-size:100px  !important; line-height:150% !important; word-break: keep-all;}

.txt_title_18 {font-size:14px !important;word-break: keep-all; }
.txt_title_18 b{font-size:14px !important; font-weight:800 !important;}
.txt_title_18 a{font-size:14px !important; }
.txt_title_19 {font-size:60px !important; word-break: keep-all;}


@media (max-width: 1100px) {
.txt_title_01 {font-size:30px !important;}
.txt_title_01 span{font-size:30px !important;}
.txt_title_01 b{font-size:30px !important;}
.txt_title_02 {font-size:26px !important;}
/*.txt_title_02 span {font-size:26px !important;} */
.txt_title_02 b{font-size:26px !important;}
.txt_title_03 {font-size:20px !important;}
/*.txt_title_03 b{font-size:20px !important;} */
.txt_title_03 a{font-size:20px !important;}
.txt_title_04 {font-size:16px !important;}
.txt_title_04 a{font-size:16px !important;}
.txt_title_04 b{font-size:16px !important;}
.txt_title_04 b span{font-size:18px  !important;}
.txt_title_05 {font-size:110px !important;}
.txt_title_05 b{font-size:110px !important;}
.txt_title_06 {font-size:14px !important;}
.txt_title_06 b{font-size:14px !important;}
.txt_title_07 {font-size:48px !important;}
.txt_title_07 b{font-size:48px !important;}
.txt_title_08 {font-size:36px !important; }
.txt_title_08 b{font-size:36px !important;}
.txt_title_08 a{font-size:36px !important;}
.txt_title_09 {font-size:22px !important;}
.txt_title_09 b{font-size:22px !important; }
.txt_title_09 a{font-size:22px !important; }
.txt_title_10 {font-size:18px !important;}
.txt_title_10 b{font-size:18px !important;}
.txt_title_10 a{font-size:18px !important;}
.txt_title_11 {font-size:28px !important;}
.txt_title_11 b{font-size:28px !important;}
.txt_title_12 {font-size:24px !important;}
.txt_title_12 b{font-size:24px !important;}
.txt_title_13 {font-size:140px !important;}
.txt_title_13 b{font-size:140px !important;}
.txt_title_14 {font-size:40px !important;}
.txt_title_14 b{font-size:40px !important;}
.txt_title_14 a{font-size:40px !important;}
.txt_title_15 {font-size:60px !important;}
.txt_title_15 b{font-size:60px !important;}
.txt_title_15 a{font-size:60px !important;}
.txt_title_16 {font-size:35px !important;}
.txt_title_16 b{font-size:35px !important;}
.txt_title_16 a{font-size:35px !important;}
.txt_title_17 {font-size:80px  !important; }

.txt_title_18 {font-size:12px !important; }
.txt_title_18 b{font-size:12px !important; font-weight:800 !important;}
.txt_title_18 a{font-size:12px !important; }

.txt_title_19 {font-size:50px !important; }
}


@media (max-width:620px) {
#addon-contents-003_004.mainsermon {
	padding: 50px 0;
}
#addon-latest-007_008.testimonials >li {
	padding: 0 15px;
}
#addon-contents-005_006.happy>ul {
	padding: 0 5px !important;
}
#addon-contents-005_006.happy .right {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.txt_title_01 {font-size:26px !important;}
.txt_title_01 span{font-size:26px !important;}
.txt_title_02 {font-size:22px !important;}
/*.txt_title_02 span {font-size:22px !important;} */
.txt_title_03 {font-size:16px !important}
.txt_title_03 a{font-size:16px !important}
.txt_title_04 {font-size:12px !important}
.txt_title_04 a{font-size:12px !important}
.txt_title_04 dt{font-size:12px !important}
.txt_title_04 b span{font-size:12px  !important;}

.txt_title_05 {font-size:80px !important}
.txt_title_07 {font-size:38px !important}
.txt_title_06 {font-size:12px !important;}
.txt_title_08 {font-size:30px !important; }
.txt_title_08 b{font-size:30px !important;}
.txt_title_08 a{font-size:30px !important;}

.txt_title_01 b{font-size:26px !important;}
.txt_title_02 b{font-size:20px !important;}
/*.txt_title_03 b{font-size:16px !important} */
.txt_title_04 b{font-size:12px !important}
.txt_title_05 b{font-size:80px !important}
.txt_title_07 b{font-size:38px !important}
.txt_title_09 {font-size:18px !important; }
.txt_title_09 b{font-size:18px !important; }
.txt_title_09 a{font-size:18px !important; }

.txt_title_10 {font-size:16px !important;}
.txt_title_10 a{font-size:16px !important;}
.txt_title_10 b{font-size:16px !important;}

.txt_title_11 {font-size:24px !important;}
.txt_title_11 b{font-size:24px !important;}
.txt_title_12 {font-size:22px !important;}
.txt_title_12 b{font-size:22px !important;}
.txt_title_13 {font-size:100px !important;}
.txt_title_13 b{font-size:100px !important;}

.txt_title_14 {font-size:34px !important;}
.txt_title_14 b{font-size:34px !important;}
.txt_title_14 a{font-size:34px !important;}

.txt_title_15 {font-size:40px !important;}
.txt_title_15 b{font-size:40px !important;}
.txt_title_15 a{font-size:40px !important;}


.txt_title_16 {font-size:26px !important;}
.txt_title_16 b{font-size:26px !important;}
.txt_title_16 a{font-size:26px !important;}

.txt_title_17 {font-size:60px  !important;}


.txt_title_18 {font-size:11px !important; }
.txt_title_18 b{font-size:11px !important; font-weight:800 !important;}
.txt_title_18 a{font-size:11px !important; }

.txt_title_19 {font-size:44px !important; }
}

@media (max-width:450px) {
.txt_title_13 {font-size:70px !important;}
.txt_title_13 b{font-size:70px !important;}
}


#page-wrap {text-align:center}



.pastorbox {
	display: grid;
	grid-template-columns: 1fr 1.8fr;
}
.pastorbox img {
	max-width: 100%;
}
.pastorbox>div {
	background-color: #212121;
	padding: 50px;
	color: #fff;
}
.pastorbox h5 {
	font-size: 1.5rem;
	font-weight: 300;
}
.pastorbox h5 span {
	font-size: 1.5em;
	font-weight: 600;
}
.pastorbox ul {
	margin-top: 30px;
}
.pastorbox li:empty {
	height: 15px;
}
.pastorbox li {
	font-size: 1rem;
}
.pastorbox li span {
	opacity: 0.7;
	font-weight: 300;
}
.pastortxt {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	margin-top: 60px;
	margin-bottom: 100px;
	font-size: 1.06rem;
	line-height: 150% !important;
}
.pastortxt * {
line-height: 150% !important;

}
.pastortxt span {
	color: #ea4235;
}
.pastor .big4 {
	text-align: left;
	line-height: 150% !important;

}

.stafflist>div {
	display: flex;
	justify-content: center;
}
.stafflist img {
	width: 100%;
}
.stafflist figure {
	width: 250px;
	margin: 30px;
	border: 1px solid #f1f1f1;
}
.stafflist figcaption {
	padding: 20px;
	font-size: 1rem;
}
.staffname {
	line-height: 140% !important;
}
.staffengname {
	margin-top: -8px;
	opacity: 0.6;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.stafftxt {
	color: #ea4235;
}
.staffname span {
	font-size: 1.5em;
	font-weight: 600;
}
.stafflist figcaption a {
	font-size: 0.9em;
	opacity: 0.5;
	margin-top: -5px;
	display: block;
}
.offerbox {
	position: relative;
	background: #f1f1f1;
	margin-bottom: 30px;
	color: #333;
}
.offerbox.subb {
	background: #fafafa;
	left: 10%;
	width: 90%;
}
.offerbox>div:first-child {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	padding: 20px 0 10px;
	color: #fff;
	background: #333;
	text-align: center;
	font-size: 2rem;
}
.offerbox.subb>div:first-child {
	width: auto;
	padding: 15px 30px 10px;
	font-size: 1.1rem;
	background: #ea4235;
	left: -5%;
}
.offerbox>div:last-child {
	padding-left: 170px;
	padding-top: 60px;
	font-size: 1rem;
	padding-bottom: 40px;
}
.offerbox.subb>div:last-child {
	padding-top: 40px;
	padding-left: 140px;
}
.offerbox.subb.newsub>div:last-child {
	padding-left: 0;
	padding-top: 10px;
}
.offerbox>div:last-child h4 {
	font-size: 1.8rem !important;
	margin-bottom: 10px;
	font-weight: 600;
}
.offerbox.subb>div:last-child h4 {
	font-size: 1.6rem !important;
}
.offerbox>div:last-child h4 span {
	font-weight: 300;
	color: #ea4235;
	font-size: .8em;
}
.offerbox>div:last-child ul {
	padding: 15px;
	border: 1px solid #eee;
	margin-top: 20px;
	background-color: #Fff;
	display: inline-block;
	min-width: 60%;
}
.offerbox.subb>div:last-child ul {
	background: transparent;
	border: 0;
	margin-top: 0px;
	padding-left: 0;
	padding-top: 5px;
	font-size: 1.1rem;
}
.offerbox.subb>div:last-child p {

	font-size: 1.1rem;
}
.offerbox>div:last-child ul span {
	color: #ea4235;
	font-weight: 600;
}
.offerbox>div:last-child a {
	background: #8cc640;
	padding: 10px 30px;
	display: inline-block;
	margin-top: 15px;
}
.kidsbox {
	display: grid;
	grid-template-columns:  1fr 1.3fr;
	gap: 50px;
	color: #fff;
}
#sub-page .kidsbox dt {
	padding: 5px 30px 3px;
	background-color: #fff;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 20px;
	border-radius: 30px;
	font-size: 1rem !important;
}
#sub-page .kidsbox dd {
	color: #fff;
}
#sub-page .kidsbox dl:first-of-type dt {
	margin-top: 0;
}
#sub-page .kidsbox dd span {
	font-weight: 700;
	color: #ffc104;
}
.kidsbox img {
	width: 100%;
}
@media(max-width: 1400px){
	.pastorbox {
		grid-template-columns: 1fr 1fr;
	}
}

.offerbox a.newbtn {
	background-color: #333 !important;
	color: #fff;
	font-size: 1rem;
	padding: 7px 20px;
}
.offerbox a.newbtn:hover {
	background-color: #ea4235 !important;
}


@media(max-width: 1050px){
	.pastorbox,.pastortxt {
		grid-template-columns: 1fr;
		width: 90%;
		margin: 0 auto;
	}
	.pastor .big4 {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 0;
	}
	.pastorbox>div {
		padding: 20px;
	}
	.stafflist>div {
		display: block;
		margin: 0 auto;
	}
	.stafflist figure {
		width: 70%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.offerbox>div:first-child {
		position: static;
		font-size: 1.5rem;
		width: 100%;
	}
	.offerbox>div:last-child {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 30px;
	}
	.offerbox.subb>div:last-child {
		padding-left: 20px;
	}
	.offerbox {
		width: 90%;
		margin: 0 auto 30px;
		left: 0;
	}
	.offerbox.subb {
		left: 0;
	}
	.offerbox>div:last-child ul {
		width: 100%;
	}
	.offerbox>div:last-child a {
		width: 100%;
		text-align: center;
	}
	.kidsbox {
		width: 90%;
		margin: 0 auto;
		grid-template-columns: 1fr;
	}
}