@charset "utf-8";

@font-face {
	font-family: 'BinggraeTaom'; src: url('./font/BinggraeTaom.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: 'OTEnjoystoriesBA';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@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;
}

/*
 * Common
 */

html,
body {
	height: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-webkit-box: border-box;
	box-sizing: border-box;
	font-family: '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'] > * {
	display: flex !important;
	flex-direction: column;
}
[class^='grid'] > * > .cont-wr {
	position: relative;
}
.grid-2 {
	grid-template-columns: 1fr 1fr;
}
.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-2 {
	grid-template-rows: 1fr 1fr;
}
.grid-row-3 {
	grid-template-rows: 1fr 1fr 1fr;
}
.grid-row-4 {
	grid-template-rows: 1fr 1fr 1fr 1fr;
}
.grid-row-5 {
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
.grid-row-6 {
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid-row-9 {
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
[class^='grid'] .col-no-2 {
	grid-column: 2;
}
[class^='grid'] .row-no-1-span-2 {
	grid-row: 1 / span 2;
}
.index_main_top .grid-3 {
	display: grid;
	grid-template-columns: 280px 580px 280px;
  column-gap: 30px;
  margin-top: 10px;
}
/* .index_main_top .grid-3>div {
	display: flex;
} */
@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;
	}
}

.w5 {
	width: 5% !important;
}
.w10 {
	width: 10% !important;
}
.w15 {
	width: 15% !important;
}
.w20 {
	width: 20% !important;
}
.w25 {
	width: 25% !important;
}
.w30 {
	width: 30% !important;
}
.w33 {
	width: 33.3% !important;
}
.w35 {
	width: 35% !important;
}
.w40 {
	width: 40% !important;
}
.w45 {
	width: 45% !important;
}
.w50 {
	width: 50% !important;
}
.w55 {
	width: 55% !important;
}
.w60 {
	width: 60% !important;
}
.w65 {
	width: 65% !important;
}
.w70 {
	width: 70% !important;
}
.w75 {
	width: 75% !important;
}
.w80 {
	width: 80% !important;
}
.w85 {
	width: 85% !important;
}
.w90 {
	width: 90% !important;
}
.w95 {
	width: 95% !important;
}
.w100 {
	width: 100% !important;
}

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

.text-light-gray {
	color: #aaaaa8 !important;
}
.text-gray {
	color: #838381 !important;
}
.text-dark-gray {
	color: #535353 !important;
}
.text-green {
	color: #379F84;
}
.text-green2 {
	color: #368DA0;
}
.text-light-green {
	color: #c5d841;
}
.text-orange {
	color: #f99d2e;
}
.text-purple {
	color: #A64566;
}
.text-light-blue,
.text-light-blue-all,
.text-light-blue-all * {
	color: #70c6dd !important;
}
.text-blue,
.text-blue-all,
.text-blue-all * {
	color: #364AA1 !important;
}
.text-dark-blue,
.text-dark-blue-all,
.text-dark-blue-all * {
	color: #3a4b52 !important;
}
.text-dark-blue2 {
	color: #38406a !important;
}
.text-red {
	color: #D71921 !important;
}
.text-white,
.text-white-all,
.text-white-all * {
	color: #FFF !important;
}
.text-brown {
	color: #906d03 !important;
}
.text-dark-brown {
	color: #796f58 !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: #e4b224 !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-covered {
	font-family: 'Covered By Your Grace', cursive !important;
}
.font-dokdo {
	font-family: 'East Sea Dokdo', 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;
}

.pointer {
	cursor: pointer;
}

.iframe-wrap {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	background-color: #E7E7E7;
	overflow: hidden;
}
.iframe-wrap.h50,
.iframe-wrap.h70,
.iframe-wrap.h145,
.iframe-wrap.h155,
.iframe-wrap.h300,
.iframe-wrap.h115,
.iframe-wrap.h140 {
	background-size: 70%;
	background-repeat: no-repeat;
	background-color: #eee;
	background-position: center;
}
.iframe-wrap.h50 {
	padding-bottom: 50px;
}
.iframe-wrap.h70 {
	padding-bottom: 70px;
}
.iframe-wrap.h115 {
	padding-bottom: 115px;
}
.iframe-wrap.h140 {
	padding-bottom: 140px;
}
.iframe-wrap.h145 {
	padding-bottom: 145px;
}
.iframe-wrap.h155 {
	padding-bottom: 155px;
}
.iframe-wrap.h300 {
	padding-bottom: 300px;
}
.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.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;
}

#edit-page,
#sub-page .edit-page {
	position: absolute;
	display: block;
	left: 50%;
	top: 10px;
	right: 15px;
	text-align: right;
	z-index: 1;
	max-width: 100% !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 img {
	width: 100%;
}


/**
 * Header
 */

#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;
}

#tnb {
	background-color: #F5F5F5;
	border-bottom-width: 0;
}
#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:not(:last-child):before {
	content: '';
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 0;
	width: 1px;
	background-color: #c0c0c0;
}
#hd_define > li {
	padding: 15px 15px 15px 0;
	margin: 0 15px 0 0;
	white-space: nowrap;
}
#hd_qnb > li {
	padding: 15px 0px 15px 15px;
	margin: 0 0 0 15px;
}
#hd_define > li a,
#hd_qnb > li a {
	color: #333;
}
#hd_define > li a:hover,
#hd_qnb > li a:hover {
	color: #c31123;
}

#hd_qnb .head-site-link {
	background-color: #c31123;
	padding: 15px 20px !important;
	margin-left: 30px !important;
	color: #FFF;
	font-size: 1.2em;
	cursor: pointer;
}
#hd_qnb .head-site-link:hover {
	background-color: #961e29;
}
#hd_qnb .head-site-link i {
	margin-left: 20px;
}

li.member-menu {
	position: relative;
	text-align: center;
	color: rgba(93, 103, 125, 1);
	padding: 0 15px;
	margin: 0;
}
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: 1em;
}
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 {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: rgba(255, 255, 255, 0.7);
}
li.member-menu a:hover {
	color: rgba(255, 255, 255, 1);
}

li .member-sub-menu,
li .lang-select-menu {
	display: none;
	position: absolute;
	background-color: #FFF;
	top: 37px;
	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: 7.5px;
}
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_wrapper {
	margin-bottom: 60px !important;
}
#hd_wrapper.grid-3 {
	grid-template-columns: 330px auto 330px;
	height: auto;
	padding: 22px 0;
	align-items: center;
}
#hd_wrapper.grid-3 > * {
	position: relative;
}
#hd_wrapper #logo {
	padding: 0;
	float: unset;
	text-align: center;
}
#hd_wrapper .wrap {
	width: 100%;
	display: flex;
	overflow: hidden;
}
#hd_wrapper .wrap > *:not(script) {
	position: relative;
	display: inline-block;
}
#hd_wrapper .right-banner {
	text-align: right;
}
#hd_wrapper .swiper-container-top_right_slide_banner [class^='swiper-button-'] {
	background-color: #FFF;
}
#hd_wrapper .swiper-container-top_right_slide_banner [class^='swiper-button-']:before,
#hd_wrapper .swiper-container-top_right_slide_banner [class^='swiper-button-']:after {
	background-color: rgba(0, 0, 0, 0.3) !important;
	height: 8px;
	top: 50%;
}
#hd_wrapper .swiper-container-top_right_slide_banner [class^='swiper-button-']:hover:before,
#hd_wrapper .swiper-container-top_right_slide_banner [class^='swiper-button-']:hover:after {
	background-color: rgba(0, 0, 0, 0.5) !important;
}
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-prev:before,
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-next:before {
	margin-top: -2px;
}
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-prev:after,
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-next:after {
	margin-top: 3px;
}
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-prev:before,
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-next:after {
	transform: rotate(50deg);
}
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-prev:after,
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-next:before {
	transform: rotate(-50deg);
}
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-prev {
	left: -1px !important;
}
#hd_wrapper .swiper-container-top_right_slide_banner .swiper-button-next {
	right: -1px !important;
}

#gnb-wr {
	position: absolute;
	top: 156px;
	left: 0;
	right: 0;
	/* border-top: 1px solid #36499F; */
	/* border-bottom: 1px solid #DADADA; */
}
#gnb-wr.on {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}
#gnb {
	z-index: 1001;
}
#gnb .gnb_wrap {
	position: relative;
	border-top: 1px solid #dbdcdd;
	border-bottom: 3px solid #232323 !important;
}
#gnb .gnb_menu_btn {
	width: 60px;
	height: 60px;
	background-color: #fff;
	color: #232323;
	font-size: 1.6em;
	border-width: 0 !important;
}
#gnb .gnb_menu_btn:hover{
	background-color: #fff;
	border-width: 0 !important;
}
#gnb .gnb_menu_btn .fa-times {
	font-size: 1.5em;
}
#gnb .gnb_search_btn {
	position: relative;
	width: 60px;
	height: 60px;
	background-color: #FFF;
	border: 0;
	vertical-align: top;
	font-size: 2em;
}
#gnb .gnb_search_btn:hover {
	color: #981e29;
}
/*#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;
}
#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_1dli {
	text-align: center;
	line-height: 61px;
}
#gnb .gnb_1dli:not(.gnb_mnal) {
	min-width: 140px;
}
#gnb .gnb_1dli:not(.gnb_mnal):hover {
	background-color: #c31123;
}
#gnb .gnb_1dli:hover {
	transition: line-height linear 0s;
}
#gnb .gnb_1dli:hover > a {
	color: #FFF !important;
}
#gnb .gnb_1da {
	font-size: 1.25em;
	font-weight: 600;
}
.gnb_1dli.gnb_al_li_plus .gnb_1da {
	padding-right: 15px;
}
#gnb .gnb_1dli .bg {
	display: none;
}
.gnb_2dul {
	top: 62px;
	left: 0;
	right: 0;
}
.gnb_2dul .gnb_2dul_box {
	background-color: #FFF;
	padding: 10px 0;
	border-color: #c31123;
	border-top-width: 3px !important;
	box-shadow: 0px 0px 0px rgba(255, 255, 255, 0) !important;
}
a.gnb_2da {
	line-height: 150%;
	padding: 10px;
}
a.gnb_2da:hover {
	background-color: #FFF;
}

#gnb_all {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #c31123;
	border-width: 0;
	height: 0;
	overflow: hidden;
}
#gnb_all.on {
	height: 523px;
	padding: 30px 50px 50px;
	z-index: 9999;
}
#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: #ee3ea8;
}

#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 #c31123;
}
#hd_sch {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -63%);
	overflow: unset;
	border-radius: 0;
}
#hd_sch h1 {
	color: #c31123;
	font-size: 2.5em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
#hd_sch form[name="fsearchbox"] {
	border: 3px solid #c31123;
	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: #c31123;
}

#container_title_wrap {
	display: block !important;
	overflow: hidden;
	border-bottom: 3px solid #c31123;
	line-height: 55px;
	height: 100px;
	padding: 40px 0 3px;
}
#container_title_wrap > div > * {
	vertical-align: top;
}

#container_title {
	float: left;
	padding: 0;
	/*text-align: center;*/
}
#container_title > * {
	vertical-align: middle;
}
#container_title span {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: 600;
	color: #c31123;
	white-space: nowrap;
}

#position-wrap {
	float: right;
}
#board-common-top #position-wrap {
	position: relative;
	float: unset;
}
#position {
	width: 100%;
	margin: 0;
	font-size: 0.75rem;
	/*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 * {
	color: #c31123;
}


/**
 * Index
 */

#index-wr,
#contents-wr {
	grid-template-columns: 890px 280px;
	column-gap: 30px;
	margin-top: 50px;
}
#index-wr {
	margin-top: 0;
}
#index-wr {
	padding-top: 0px;
}
#contents-wr {
	margin-top: 0;
}
#index-wr-left .index-banner-01 {
	column-gap: 15px;
}
#index-wr-left .index-banner-01 img {
	width: 100%;
	border: 1px solid #e0e3e6;
}
#index-wr-left .news-title-wr {
	border: 1px solid #E4E4E6;
	background-color: #F5F5F5;
	line-height: 48px;
	padding: 0 25px;
	margin: 20px 0;
}
#index-wr-left .news-title-wr li {
	display: inline-block;
	font-size: 1.1em;
	padding-right: 20px;
}
#index-wr-left .news-title-wr ul > li:first-child,
#index-wr-left .news-title-wr ul > li:first-child * {
	font-weight: 500;
	color: #9d0e1c !important;
}
#index-wr-left .news-title-wr ul > li:first-child {
	font-size: 1.2em;
	padding: 0;
}
#index-wr-left .news-title-wr ul > li:first-child:before {
	content: '.';
	position: relative;
	display: inline-block;
	top: -3px;
	margin-right: 4px;
}
#index-wr-left .news-title-wr ul > li:first-child:after {
	content: '>';
	position: relative;
	display: inline-block;
	margin: 0 15px;
	font-family: "Nanum Gothic", Sans-serif;
	font-size: 0.65em;
	top: -2px;
}
#index-wr-left .news-title-wr li a {
	color: #636363;
	-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;
}
#index-wr-left .news-title-wr li a:hover {
	color: #9d0e1c !important;
}
#index-wr-left .news-group {
	border-bottom: 2px solid #000;
	padding-bottom: 30px;
	margin-bottom: 25px;
}
#index-wr-left .news-group .grid-2 {
	column-gap: 25px;
	row-gap: 30px;
	margin-bottom: 40px;
}
#index-wr-left .news-group .grid-4 {
	column-gap: 20px;
}
#index-wr-left .news-group .grid-2 > li {
	position: relative;
}
#index-wr-left .news-group li .iframe-wrap,
#index-wr-left .news-group li .board-thumb {
	position: relative;
}
#index-wr-left .news-group li .iframe-wrap:before,
#index-wr-left .news-group li .board-thumb:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
	opacity: 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;
}
#index-wr-left .news-group li .iframe-wrap i,
#index-wr-left .news-group li .board-thumb i {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	z-index: 2;
	font-size: 36pt;
	-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;
}
#index-wr-left .news-group li.main .iframe-wrap i,
#index-wr-left .news-group li.main .board-thumb i {
	font-size: 50pt;
}
#index-wr-left .news-group li.list .iframe-wrap i,
#index-wr-left .news-group li.list .board-thumb i {
	font-size: 32pt;
}
#index-wr-left .news-group li:hover .iframe-wrap:before,
#index-wr-left .news-group li:hover .board-thumb:before,
#index-wr-left .news-group li:hover .iframe-wrap i,
#index-wr-left .news-group li:hover .board-thumb i {
	opacity: 1;
}
#index-wr-left .news-group .grid-2 > li:first-child {
	grid-row: span 3;
}
#index-wr-left .news-group .grid-2 > li:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	height: 1px;
	background-color: #E2E2E4;
}
#index-wr-left .news-group .grid-2 > li:first-child:before,
#index-wr-left .news-group .grid-2 > li:last-child:before {
	background-color: rgba(255, 255, 255, 0);
}
#index-wr-left .news-group .table {
	table-layout: fixed;
}
#index-wr-left .news-group .grid-2 .table > * {
	vertical-align: middle;
}
#index-wr-left .news-group .table > *:last-child {
	/* padding-left: 20px; */
	padding: 10px;
}
#index-wr-left .news-group a {
	display: block;
}
#index-wr-left .news-group .board-name a {
	color: #b02e3f;
	font-size: .9rem;
	margin-bottom: 5px;
}
#index-wr-left .news-group .group-2 .board-name a,
#index-wr-left .news-group .main .board-name a {
	margin-top: 10px;
}
#index-wr-left .news-group .board-subject a {
	font-size: 1.1rem;
	font-weight: 500;
	color: #000;
	line-height: 23px;
	/* height: 25px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#index-wr-left .news-group .list .board-subject a {
	/* height: 50px; */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: inherit;
}
#index-wr-left .news-group .group-2 .board-subject a {
	font-size: 1.1em;
	height: 50px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: inherit;
}
#index-wr-left .news-group .group-1 .board-cont a {
	color: #646464;
	font-size: 1.1em;
	margin-top: 5px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#index-wr-left .news-group .group-1 .main .board-cont a {
	height: 44px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: inherit;
}
#index-wr-left .news-group .group-1 .list .board-cont a {
	margin: 5px 0;
}
#index-wr-left .index-banner-02 {
	position: relative;
	margin: 40px 0 0;
}
#index-wr-left .index-banner-02 .owl-dots {
	position: absolute;
	margin: 0 !important;
	top: -25px;
	left: 0;
	right: 0;
	text-align: right;
}
#index-wr-left .index-banner-02 .latest_image .owl-dot {
	background-color: #B2B2B2 !important;
	border-color: #B2B2B2 !important;
	width: 10px;
	height: 10px;
	margin: 0 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;
}
#index-wr-left .index-banner-02 .latest_image .owl-dots > button:last-child {
	margin-right: 0;
}
#index-wr-left .index-banner-02 .latest_image .owl-dot.active {
	background-color: #000 !important;
	border-color: #000 !important;
}

#contents-wr-right .index-banner-03,
#index-wr-right .index-banner-03 {
	margin-top: 89px;
	position: relative;
	overflow: hidden;
}
#contents-wr-right .index-banner-03 {
	margin-top: 20px;
}
#contents-wr-right .index-banner-03 .owl-dots,
#index-wr-right .index-banner-03 .owl-dots {
	position: absolute;
	top: -20px;
	right: 10px;
	z-index: 1;
}
#contents-wr-right .index-banner-03 .owl-dot,
#index-wr-right .index-banner-03 .owl-dot {
	background-color: #FFF !important;
	border-color: #FFF !important;
	margin: 0 3px !important;
}
#contents-wr-right .index-banner-03 .owl-dot.active,
#index-wr-right .index-banner-03 .owl-dot.active {
	background-color: #FF2A1E !important;
	border-color: #FF2A1E !important;
}
#contents-wr-right .index-banner-04,
#index-wr-right .index-banner-04 {
	position: relative;
}
#contents-wr-right .index-banner-04 li,
#index-wr-right .index-banner-04 li {
	margin: 20px 0;
}

[id^="index-wr-"] .latest-wr,
[id^="contents-wr-"] .latest-wr {
	margin-top: 20px;
	border: 1px solid #E2E2E4;
}
[id^="index-wr-"] .latest-wr.boardlatest {
	margin-top: 0px;
	border: 1px solid #fff;
}

[id^="index-wr-"] .latest-wr.type2 > .grid-2,
[id^="contents-wr-"] .latest-wr.type2 > .grid-2 {
	column-gap: 0;
	row-gap: 0;
}
[id^="index-wr-"] .latest-wr.type2 > .grid-2 > *,
[id^="contents-wr-"] .latest-wr.type2 > .grid-2 > * {
	overflow: hidden;
}
[id^="index-wr-"] .latest-wr.type2 > .grid-2 > *:first-child,
[id^="contents-wr-"] .latest-wr.type2 > .grid-2 > *:first-child {
	border-right: 1px solid #E2E2E4;
}
[id^="index-wr-"] .latest-wr.type2 > .grid-2 .wrap,
[id^="contents-wr-"] .latest-wr.type2 > .grid-2 .wrap {
	padding: 10px;
}
[id^="index-wr-"] .latest-wr h2,
[id^="contents-wr-"] .latest-wr h2 {
	position: relative;
	padding: 15px;
	border-bottom: 1px solid #E2E2E4;
	font-size: 1.2em;
	font-weight: 600;
}
[id^="index-wr-"] .latest-wr.type3 h2,
[id^="contents-wr-"] .latest-wr.type3 h2 {
	border-width: 0;
}
[id^="index-wr-"] .latest-wr h2 .more,
[id^="contents-wr-"] .latest-wr h2 .more {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 9pt;
	color: #9E9E9E;
	-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;
}
[id^="index-wr-"] .latest-wr h2 .more:hover,
[id^="contents-wr-"] .latest-wr h2 .more:hover {
	color: #000;
}
[id^="index-wr-"] .latest-wr h2 .edit {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 18pt;
	color: #c01d1d;
}
[id^="index-wr-"] .latest-wr h2 .more:after,
[id^="contents-wr-"] .latest-wr h2 .more:after {
	content: '+';
	position: relative;
	display: inline-block;
	padding-left: 3px;
}
[id^="index-wr-"] .latest-wr h2 small:before,
[id^="contents-wr-"] .latest-wr h2 small:before {
	content: '';
	position: relative;
	top: 1px;
	display: inline-block;
	height: 10px;
	width: 1px;
	background-color: #b0b0b0;
	margin: 0 9px 0 5px;
}
[id^="index-wr-"] .latest-wr h2 small,
[id^="contents-wr-"] .latest-wr h2 small {
	font-size: 9pt;
	color: #b0b0b0;
}
[id^="index-wr-"] .latest-cont,
[id^="contents-wr-"] .latest-cont {
	margin: 15px;
}
[id^="index-wr-"] .grid-2,
[id^="contents-wr-"] .grid-2 {
	column-gap: 15px;
	row-gap: 15px;
}
[id^="index-wr-"] .img-wrap,
[id^="contents-wr-"] .img-wrap {
	position: relative;
}
[id^="index-wr-"] .img-wrap .hover-wrap,
[id^="contents-wr-"] .img-wrap .hover-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 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;
}
[id^="index-wr-"] .wrap:hover .hover-wrap,
[id^="contents-wr-"] .wrap:hover .hover-wrap {
	opacity: 1;
}
[id^="index-wr-"] .wrap:hover .hover-more,
[id^="contents-wr-"] .wrap:hover .hover-more {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 45pt;
}

[id^="index-wr-"] .info .church {
	color: #B59F6E;
	margin: 10px 0 5px;
	font-weight: 500;
	font-size: 11pt;
}
[id^="index-wr-"] .info .title {
	overflow: hidden;
	font-size: 12pt;
	font-weight: 600;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 25px;
	height: 50px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}
[id^="index-wr-"] .latest-wr .broadcast > .wrap {
	position: relative;
	height: 240px;
	overflow-y: auto;
	overflow-x: hidden;
}
[id^="index-wr-"] .latest-wr .broadcast .grid-2 .wrap {
	position: relative;
}
[id^="index-wr-"] .latest-wr .broadcast img {
	width: 100%;
}
[id^="index-wr-"] .latest-wr .broadcast .grid-2 .wrap:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 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;
	z-index: 1;
}
[id^="index-wr-"] .latest-wr .broadcast .grid-2 .wrap:hover:before {
	opacity: 1;
}
[id^="index-wr-"] .latest-wr .broadcast .grid-2 .wrap {
	padding: 0 !important;
}

#index-wr-left .flea-market-wr {
	margin-top: 20px;
}

#index-wr-right .word-of-the-week {
	margin: 15px;
	background-color: #FFFCF5;
	padding: 15px;
	font-family: 'Noto Serif KR', serif;
	font-size: 11pt;
	line-height: 170%;
}
#index-wr-right .word-of-the-week strong {
	display: block;
	font-weight: 600;
	font-family: 'Noto Serif KR', serif;
	margin-top: 10px;
}
#index-wr-right .word-of-the-week img {
	width: 100%;
}
#contents-wr-right .shortcuts-2,
#index-wr-right .shortcuts-2 {
	border: 1px solid #E2E2E4;
	border-left-width: 0;
	border-right-width: 0;
}
#index-wr-right .shortcuts-2 {
	margin-top: 20px;
}
#contents-wr-right .shortcuts-2 {
	margin: 20px 0;
}
#contents-wr-right .shortcuts-2 li,
#index-wr-right .shortcuts-2 li {
	position: relative;
	padding: 25px 10px 35px;
}
#contents-wr-right .shortcuts-2 > li:first-child,
#index-wr-right .shortcuts-2 > li:first-child {
	border-right: 1px dotted #E2E2E4;
}
#contents-wr-right .shortcuts-2 h1,
#index-wr-right .shortcuts-2 h1 {
	font-size: 12pt;
	font-weight: 600;
}
#contents-wr-right .shortcuts-2 .news h1,
#index-wr-right .shortcuts-2 .news h1 {
	color: #A42A53;
}
#contents-wr-right .shortcuts-2 .pairing h1,
#index-wr-right .shortcuts-2 .pairing h1 {
	color: #9d0e1c;
}
#contents-wr-right .shortcuts-2 .img,
#index-wr-right .shortcuts-2 .img {
	position: absolute;
	right: 0;
	top: 30px;
}
#contents-wr-right .shortcuts-2 .news img,
#index-wr-right .shortcuts-2 .news img {
	width: 45px;
}
#contents-wr-right .shortcuts-2 .pairing img,
#index-wr-right .shortcuts-2 .pairing img {
	width: 33px;
}

[id^="contents-wr-"] .push-news {
	padding: 15px;
	line-height: 20px;
}
[id^="contents-wr-"] .push-news > li {
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px;
}
[id^="contents-wr-"] .push-news > li:last-child {
	margin-bottom: 0;
}
[id^="contents-wr-"] .push-news > li > * {
	vertical-align: middle;
	font-size: 10.5pt;
}
[id^="contents-wr-"] .push-news .num-btn {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border-radius: 2px;
	background-color: #bd3542;
	text-align: center;
	border: 1px solid #bd3542;
	margin-right: 3px;
}
[id^="contents-wr-"] .push-news .num-btn:before {
	position: absolute;
	content: attr(data-num);
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 9pt;
	font-weight: 600;
	color: #FFF;
}

[id^="contents-wr-"] .latest-sermon {
	padding: 15px;
}
[id^="contents-wr-"] .latest-sermon li {
	position: relative;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px;
	font-size: 10.5pt;
}
[id^="contents-wr-"] .latest-sermon li:before {
	content: '.';
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: -4px;
}
[id^="contents-wr-"] .latest-sermon li:last-child {
	margin-bottom: 0;
}

/**
 * Container
 */

#container_wr:not(.common-width) {
	width: 100%;
}
#container_wr.common-width {
	margin-bottom: 50px;
}
#main-slider {
	display: none;
	position: relative;
	padding: 35px 0 40px;
	background-color: #F5F5F5;
	overflow: hidden;
}
#container {
	width: 100%;
	float: unset;
	margin: 0;
}
#container.index {
	padding-bottom: 50px;
}

/**
 * Footer
 */

#ft {
	background-color: #F5F5F5;
}
#ft_wr {
	/*grid-template-columns: 230px auto;
	column-gap: 55px;
	align-items: center;*/
	text-align: center;
	padding: 65px 0;
}
#ft_wr img {
	width: 100%;
}
#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 .made-by {
	color: #bd3542;
}
#ft_wr .made-by:hover {
	color: #9b202c;
}
#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;
}

/*
 * 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_current {
	background: #c31123;
	border-color: #c31123;
	font-size: 1.083em;
	height: 30px;
	line-height: 28px;
	padding: 0 5px;
	min-width: 30px;
	text-decoration: none;
	border-radius: 3px;
}
@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: 100vh;
}
#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;
	top: 50% !important;
	left: 0 !important;
	width: 100% !important;
	transform: translateY(-50%);
}
#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;
	border-radius: 0 !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	overflow: auto;
}
#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
 */
@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: "Noto Sans KR";
}

#sub-page .common-width {
	max-width: 1200px !important;
	padding: 0;
}

#sub-page .underline {
	display: inline-block;
	text-decoration: underline !important;
}

#sub-page .edit-page {
	position: absolute;
	display: block;
	top: 0;
	right: 15px;
	text-align: right;
	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 > * {
	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.tour .inline-wrap > * {
	margin-right: 10px;
}
#sub-page.tour .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;
}
#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;
}
@media (max-width: 640px) {
	#sub-page h2 {
		margin-bottom: 30px;
	}
}

#sub-page .box {
	border: 1px solid #e5e5e5;
	padding: 70px 50px;
}
#sub-page dl *:not(i) {
	font-weight: 400;
}
#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;
	line-height: 29px;
	font-size: 21pt;
	color: #000;
	font-weight: 400 !important;
}
#sub-page dt {
	color: #c31123;
	line-height: 150%;
	font-weight: 600 !important;
}
#sub-page dt.front-line {
	padding-left: 15px;
}
#sub-page dt.front-line:before {
	content: '';
	position: absolute;
	top: 9px;
	bottom: 12px;
	left: 0;
	width: 3px;
	background-color: #a80f1e;
}
#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.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;
	/*padding-left: 10px;
	margin-left: 10px;*/
	font-weight: 300 !important;
	font-size: 16pt;
	color: #8f343e;
}
/*#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: 400;
	line-height: 180%;
	font-size: 12pt;
	color: #505050;
	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: 2.2em;
	line-height: 120%;
}
#sub-page .agcts dd .big3 {
	font-size: 1.8em;
	line-height: 140%;
}
#sub-page dd .big4 {
	font-size: 2.3em;
	line-height: 120%;
}
#sub-page dd .big5 {
	font-size: 1.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: 1024px) {
	#sub-page dl.box {
		padding: 30px 20px;
	}
	#sub-page dt,
	#container_wr dt {
		line-height: 35px;
		font-size: 16pt;
	}
	#sub-page dd ,
	#container_wr dd {
		line-height: 28px;
		font-size: 11pt;
	}
	#sub-page dt.upper-bar {
		padding: 5px 0 10px;
	}
	#container_wr dd.big {
		font-size: 12pt;
	}
	#sub-page dd .big {
		font-size: 13pt;
	}
	#sub-page dd .big2 {
		font-size: 14pt;
	}
	#sub-page dd .small {
		font-size: 10pt;
	}
}

#container_wr.index .divide-line,
#sub-page .divide-line {
	width: 100%;
	height: 1px;
	background-color: #eaeaea;
	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;
	}
}

#container_wr.index hr,
.hr,
#sub-page hr {
	border: none;
	height: 30px;
	display: block;
	margin: 0;
}
#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;
}
@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;
	}
}

#sub-page .text {
	font-weight: 400;
	line-height: 40px;
	font-size: 14pt;
}
@media (max-width: 760px) {
	#sub-page .text {
		font-size: 10pt;
	}
}

#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: 1px solid #DADADA;
}
#sub-page table.auto {
	width: auto;
}
#sub-page table th,
#sub-page table td {
	border: 1px solid #DADADA;
	padding: 15px;
	text-align: center;
}
#sub-page table thead th {
	text-align: center;
	background-color: #4466E2;
	border-color: #FFF;
	color: #FFF;
	font-size: 1.1em;
}
#sub-page table tbody th {
	font-size: 1.1em;
	background-color: #F7F7F7;
}
#sub-page table.red th {
	color: #FFF;
	background-color: #D71921;
}
#sub-page table td {
	font-size: 0.95em;
	text-align: center;
}
#sub-page table tr > th:first-child,
#sub-page table tr > td:first-child {
	border-left-width: 0;
}
#sub-page table tr > td:first-child {
	color: #000;
}
#sub-page table tr > th:last-child,
#sub-page table tr > td:last-child {
	border-right-width: 0;
}
@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 .greetings dl,
#sub-page .theological_seminary_of_new_york dl,
#sub-page .agcts dl {
	padding: 0 50px;
}
#sub-page .greetings .grid-2,
#sub-page .theological_seminary_of_new_york .grid-2,
#sub-page .agcts .grid-2 {
	grid-template-columns: 277px auto;
	column-gap: 50px;
}
#sub-page .greetings .grid-2 .font-pen,
#sub-page .theological_seminary_of_new_york .grid-2 .font-pen,
#sub-page .agcts .grid-2 .font-pen  {
	font-family: 'InkLipquid' !important;
	font-size: 2em;
	color: #333;
	font-weight: 600;
}
#sub-page .greetings .grid-2 img,
#sub-page .theological_seminary_of_new_york .grid-2 img,
#sub-page .agcts .grid-2 img {
	width: 100%;
}
#sub-page .theological_seminary_of_new_york .more,
#sub-page .denomination_logo .more,
#sub-page .agcts .more {
	display: inline-block;
	background-color: #c31123;
	color: #FFF;
	padding: 0 50px;
	line-height: 50px;
}
#sub-page .denomination_logo .more {
	padding: 0 30px;
}
#sub-page .theological_seminary_of_new_york .more:hover,
#sub-page .denomination_logo .more:hover,
#sub-page .agcts .more:hover {
	background-color: #961e29;
}
#sub-page .denomination_logo .more i {
	display: inline-block;
	margin-left: 30px;
}

#sub-page .executive_introduction .grid-3 {
	column-gap: 60px;
	row-gap: 60px;
}
#sub-page .executive_introduction .grid-3 .img {
	border: 10px solid #f5f5f5;
}
#sub-page .executive_introduction .grid-3 img {
	width: 100%;
}
#sub-page .executive_introduction .grid-3 .position {
	position: relative;
	font-size: 0.9em;
	white-space: nowrap;
}
#sub-page .executive_introduction .grid-3 .info {
	font-size: 0.85em;
	word-spacing: -1px;
}
#sub-page .executive_introduction .grid-3 .en {
	font-family: 'Nanum Myeongjo', serif;
	font-size: 1.2em;
}

iframe[src$='.pdf'] {
	width : 100% ;
	height : 70vh;
}

/*#pdf_reader.iframe-wrap {
	padding-bottom: 780px;
}
@media (max-width: 640px) {
	#pdf_reader.iframe-wrap {
		padding-bottom: 450px;
	}
}*/

#sub-page.contact_us-cont,
#sub-page.contact_us-cont .common-width,
#sub-page .about_us,
#sub-page .about_us .common-width {
	max-width: 1070px !important;
	margin: 0 auto;
}
#sub-page.contact_us-cont .iframe-wrap {
	padding-bottom: 450px !important;
}
#sub-page.contact_us-cont img {
	width: 55px;
}
@media (max-width: 640px) {
	#sub-page.contact_us-cont .iframe-wrap {
		padding-bottom: 250px !important;
	}
}

#sub-page .donation .left-quotes {
	position: relative;
	padding: 14px 0 0 50px;
	color: #000;
	font-size: 13pt;
}
#sub-page .donation .left-quotes:before {
	content: '';
	position: absolute;
	top: 50px;
	left: 14px;
	bottom: 2px;
	width: 1px;
	background-color: #000;
}
#sub-page .donation .left-quotes i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 21pt;
}
#sub-page .donation .left-quotes .author {
	font-weight: 300;
}

#sub-page .donation .box {
	padding: 10px 20px;
}
#sub-page .donation .box > * {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding: 25px 20px 25px 100px;
}
#sub-page .donation .box > *:last-child {
	border-bottom-width: 0;
}
#sub-page .donation .box img {
	position: absolute;
	top: 30px;
	left: 10px;
}
#sub-page .donation .box .big {
	font-size: 15pt;
}
#sub-page .donation .box .text {
	padding: 0 0 0 20px;
	line-height: 160%;
	font-size: 12pt;
	color: #333;
}
@media (max-width: 640px) {
	#sub-page .donation .box {
		padding: 10px;
	}
	#sub-page .donation .box > * {
		padding: 15px 10px;
		margin-bottom: 10px;
	}
	#sub-page .donation .box > *:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#sub-page .donation .box img {
		position: relative;
		display: block;
		margin: 0 auto 20px;
		top: 0;
		left: 0;
	}
	#sub-page .donation .box .text {
		padding: 0 0 10px;
	}
	#sub-page .donation .box .big {
		text-align: center;
	}
}


/**
 * 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:not(.cate) #bo_cate_ul > li {
	display: inline-block;
	width: auto !important;
	padding: 0 10px !important;

}
#bo_cate a {
	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 a {
	color: #000 !important;
	font-weight: 600;
}

#bo_cate.cate {
	display: block;
	height: auto;
	width: 100%;
	padding: 0;
}
#bo_cate.cate ul {
	width: 100%;
	display: table;
	border: 1px solid #DADADA;
	margin-bottom: 30px;
}
#bo_cate.cate li {
	display: table-cell;
	text-align: center;
	padding: 0 !important;
	border-right: 1px solid #DADADA;
}
#bo_cate.cate ul > li:first-child {
	display: none;
}
#bo_cate.cate ul > li:last-child {
	border-right-width: 0;
}
#bo_cate.cate li a {
	display: block;
	padding: 10px 0 !important;
	border-radius: 0;
}
#bo_cate.cate #bo_cate_on,
#bo_cate.cate li a:hover {
	background-color: #F7F7F7 !important;
	color: #000 !important;
	font-weight: 600;
	-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;
}

#board-common-top {
	grid-template-columns: 0.6fr 1fr;
	align-items: center;
	padding: 15px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #DADADA;
}

#search-form .sch_bar {
	text-align: right;
}
#search-form input {
	width: 260px;
	border: 1px solid #E2E2E4;
	background-color: #F5F5F5;
	height: 39px;
	line-height: 37px;
	padding: 0 15px;
}
#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);
}
#search-form i {
	position: relative;
	height: 39px;
	width: 39px;
	background-color: #c31123;
	vertical-align: middle;
	margin-left: 5px;
	color: #FFF;
	font-size: 1.7em;
	cursor: pointer;
}
#search-form i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#bo_v_title .bo_subject {
	display: block;
	padding: 25px 0 0;
	color: #648dad;
	font-weight: 500;
}
#bo_v_title .bo_v_tit {
	margin-top: 0 !important;
}

#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 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;
}
#bo_v_info .profile_info span:first-child:before {
	display: none;
}
#bo_v_share .print-btn,
#bo_v_share .list a,
#bo_v_info .print-btn,
#bo_v_info .list a,
header .print-btn,
header .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,
header .print-btn:hover,
header .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_nb li:first-child {
	border-top-width: 0;
}

.bo_v_nb {
	margin: 0 !important;
}

.is_notice {
	position: relative;
	display: inline-block;
	background-color: #648dad;
	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: #888 !important;
	text-decoration: none !important;
}

#bo_btn_top {
	display: none;
}

#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: #c31123;
}

#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: #c31123;
}
.length-check-value .max-length,
.length-check-value .length.max {
	color: #791212;
}

#signature.top,
#signature.bottom {
	margin-bottom: 50px;
}
#member-signature > ul {
	width: auto;
	padding: 15px 20px;
	background-color: #F8F8F8;
	border: 1px solid #E0E3E6;
}
#member-signature > ul > li {
	vertical-align: middle;
}
#member-signature > ul > li:last-child {
	padding-left: 20px;
}
#member-signature > ul img {
	width: 75px;
	height: 75px;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #E0E3E6;
}
#member-signature .name {
	font-weight: 500;
	font-size: 13pt;
}
#member-signature .name small {
	display: inline-block;
	margin-left: 5px;
	font-size: 0.8em;
	color: #9a9a9a;
}
#member-signature .info {
	margin-top: 5px;
}
#member-signature .info * {
	color: #9a9a9a;
}
#member-signature .info > * {
	position: relative;
	display: inline-block;
}
#member-signature .info .email {
	padding-right: 10px;
	margin-right: 10px;
}
#member-signature .info .email:after {
	content: '';
	position: absolute;
	top: 6px;
	right: 0;
	width: 1px;
	height: 10px;
	background-color: #9a9a9a;
}
#member-signature .info i {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.85em;
	margin-right: 3px;
}
#member-signature .info a:hover {
	text-decoration: underline;
}


/**
 * Login
 */

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

.sectiontitle {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: -0.5px;
	padding-top: 40px;
}
.sectiontitle2 {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: -1px;
	padding-top: 0px;
}

#latest-news {
	padding-bottom: 40px;
	border-bottom: 1px solid #000;
}
#latest-news > .grid-3 {
	grid-template-columns: 280px 580px 280px;
	column-gap: 30px;
}
#index-wr .mission > .grid-3,
#index-wr .life > .grid-3 {
	column-gap: 25px;
	grid-template-columns: 280px 280px 280px;
}
#latest-news > .grid-3 *,
#index-wr .mission > .grid-3 *,
#index-wr .life > .grid-3 *,
#index-wr #latest-3 .grid-row-6 *,
#index-wr #expert * {
	-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;
}
#latest-news > .grid-3 .board-thumb,
#index-wr .mission > .grid-3 .board-thumb,
#index-wr .life > .grid-3 .board-thumb,
#index-wr #expert.grid-row-9 .board-thumb {
	position: relative;
	background-color: #E7E7E7;
}
#latest-news > .grid-3 .board-thumb:before,
#latest-news > .grid-3 .board-thumb:before,
#index-wr .mission > .grid-3 .board-thumb:before,
#index-wr .life > .grid-3 .board-thumb:before,
#index-wr #expert.grid-row-9 .board-thumb:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1;
}
#latest-news > .grid-3 .board-thumb i,
#index-wr .mission > .grid-3 .board-thumb i,
#index-wr .life > .grid-3 .board-thumb i,
#index-wr #expert.grid-row-9 .board-thumb i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 5em;
	color: #FFF;
	z-index: 2;
	opacity: 0;
}
#latest-news > .grid-3 .grid-row-5 > li > .wrap .board-thumb i {
	font-size: 2.5em;
}
#index-wr #expert.grid-row-9 .board-thumb i {
	font-size: 1.5em;
}
#latest-news > .grid-3 .board-thumb .empty-thumb,
#index-wr .mission > .grid-3 .board-thumb .empty-thumb,
#index-wr .life > .grid-3 .board-thumb .empty-thumb,
#index-wr #expert.grid-row-9 .empty-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 80%;
}
#latest-news > .grid-3 .board-thumb .empty-thumb img,
#index-wr .mission > .grid-3 .board-thumb .empty-thumb img,
#index-wr .life > .grid-3 .board-thumb .empty-thumb img,
#index-wr #expert.grid-row-9 .empty-thumb img {
	opacity: 0;
}
#latest-news > .grid-3 li:hover > .wrap > .board-thumb:before,
#latest-news > .grid-3 .grid-row-5 > li:hover > .wrap .board-thumb:before,
#index-wr .mission > .grid-3 li:hover > .wrap > .board-thumb:before,
#index-wr .life > .grid-3 li:hover > .wrap > .board-thumb:before,
#index-wr #expert.grid-row-9 > li:hover .board-thumb:before {
	/*background-color: rgba(0, 0, 0, 0.5);*/
}
#latest-news > .grid-3 li:hover > .wrap > .board-thumb i,
#latest-news > .grid-3 .grid-row-5 > li:hover > .wrap .board-thumb i,
#index-wr .mission > .grid-3 li:hover > .wrap > .board-thumb i,
#index-wr .life > .grid-3 li:hover > .wrap > .board-thumb i,
#index-wr #expert.grid-row-9 > li:hover .board-thumb i {
	/*opacity: 1;*/
}
#latest-news > .grid-3 li:hover > .wrap > .board-subject a,
#latest-news > .grid-3 .grid-row-5 > li:hover > .wrap .board-subject a,
#index-wr .mission > .grid-3 li:hover > .wrap > .board-subject a,
#index-wr .life > .grid-3 li:hover > .wrap > .board-subject a,
#index-wr #expert.grid-row-9 > li:hover .board-subject a,
#index-wr #latest-3 .grid-row-6 > li:hover a{
	color: #a2232f;
}

#index-wr #expert.grid-row-9 .board-thumb .iframe-wrap {
	background-color: #FFF;
}

#index-wr .mission .grid-row-2,
#index-wr .life .grid-row-2 {
	row-gap: 46px;
}
#latest-news .grid-row-2 {
	row-gap: 38px;
}
#latest-news .grid-row-2 > * {
	position: relative;
	width: 280px;
}
#index-wr .grid-row-2 > * {
	position: relative;
}
#latest-news .grid-row-2 > *:nth-of-type(1):before,
#index-wr .mission .grid-row-2 > *:nth-of-type(1):before,
#index-wr .life .grid-row-2 > *:nth-of-type(1):before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -19px;
	height: 1px;
	background-color: #DCDCDC;
}
#index-wr .mission .grid-row-2 > *:nth-of-type(1):before,
#index-wr .life .grid-row-2 > *:nth-of-type(1):before {
	bottom: -23px;
}
#index-wr .mission .grid-row-2 > .wrap {
	width: 280px
}
#index-wr .mission .grid-row-2 .grid-2,
#index-wr .life .grid-row-2 .grid-2 {
	grid-template-columns: 70px 190px;
	align-items: center;
	column-gap: 20px;
}

#latest-news .grid-row-5 {
	row-gap: 33px;
}
#latest-news .grid-row-5 > * {
	position: relative;
	width: 280px;
}
#latest-news .grid-row-5 > *:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -16.5px;
	height: 1px;
	background-color: #DCDCDC;
}
#latest-news .grid-row-5 > *:last-child:before {
	background-color: rgba(0, 0, 0, 0);
}
#latest-news .grid-row-5 .grid-2 {
	grid-template-columns: 70px auto;
	column-gap: 20px;
	align-items: center;
}

#latest-news .board-name a,
#index-wr-left .board-name a {
	display: block;
	margin-top: 12px;
	height: 22px;
	line-height: 22px;
	font-size: 1.1em;
	color: #bd3542;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#latest-news .grid-2 .board-name a,
#index-wr-left .grid-2 .board-name a {
	margin-top: 0;
}
#latest-news .board-subject a,
#index-wr-left .board-subject a {
	display: -webkit-box;
	margin: 0 0 2px;
	font-size: 1.5em;
	font-weight: 600;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.2em;
	height: 1.2em;
}
#index-wr .mission > .grid-3 .board-subject a {
	margin-top: 13px;
	-webkit-line-clamp: 2;
	height: 2.4em;
}
#latest-news .first .board-subject a {
	margin: 7px 0;
	font-size: 2em;
}
#latest-news .grid-2 .board-subject a,
#index-wr .mission .grid-row-2 .grid-2 .board-subject a,
#index-wr .life .grid-row-2 .grid-2 .board-subject a {
	-webkit-line-clamp: 2;
	line-height: 1.3em;
	height: 2.6em;
	font-size: 1.15em;
	margin: 4px 0 0;
}

#latest-news .first .board-date,
#index-wr-left .board-date {
	display: block;
	margin-bottom: 10px;
	color: #8A8A8A;
}
#latest-news .board-cont a,
#index-wr-left .board-cont a {
	display: -webkit-box;
	font-size: 1.1em;
	font-weight: 300;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.3em;
	height: 2.6em;
}
#index-wr .mission .grid-row-2 .board-cont a {
	margin-top: 13px;
}
#index-wr .life .grid-row-2 .board-cont a {
	margin-top: 10px;
}

#latest-video {
	position: relative;
}
#latest-video .latest-video-cont {
	position: relative;
	background-color: #292929;
	padding: 25px 50px;
}

#index-wr-right .sectiontitle2 {
	margin-bottom: 0;
}

#index-wr .divide-line {
	width: 100%;
	height: 1px;
	margin: 50px 0 10px;
	background-color: #000;
}

#index-wr #expert.grid-row-9 {
	row-gap: 28px;
}
#index-wr #expert.grid-row-9 > * {
	position: relative;
}
#index-wr #expert.grid-row-9 > *:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -14px;
	height: 1px;
	background-color: #DADADA;
}
#index-wr #expert.grid-row-9 > *:last-child:before {
	opacity: 0;
}
#index-wr #expert.grid-row-9 .wrap {
	position: relative;
}
#index-wr #expert.grid-row-9 .grid-2 {
	grid-template-columns: 50px auto;
	column-gap: 20px;
	align-items: center;
}
#index-wr #expert.grid-row-9 > * {
	-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;
}
#index-wr #expert.grid-row-9 .board-subject {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.4em;
	height: 2.8em;
	font-size: 1.15em;
}
#index-wr #expert.grid-row-9 .board-info {
	height: 19.2px;
	line-height: 19.2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #6b6b6b;
	font-size: 0.9em;
	margin-top: 5px;
}

#index-wr #latest-3.grid-3 {
	column-gap: 25px;
	grid-template-columns: 280px 280px 280px;
}
#index-wr #latest-3.grid-3 .grid-row-6 .wrap {
	width: 280px;
}
#index-wr #latest-3.grid-3 .grid-row-6 .wrap a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 38px;
	height: 38px;
	border-bottom: 1px solid #DADADA;
	font-size: 1.15em;
}
#index-wr #latest-3.grid-3 .grid-row-6 > *:last-child a {
	border-bottom-width: 0;
}

#index-wr .board-cont {
	display: grid;
}

#index-bottom {
	position: relative;
	margin-top: 50px;
}
#index-bottom .index-banner-01 {
	column-gap: 20px;
}


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

.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;
}

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


.history_area {
	margin-top: 20px;
}
.default01 h2 {
	text-align: left !important;
	font-size: 2.2em !important;
	font-weight: 500 !important;
	margin-bottom: 30px !important;
}
.default02 {
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
}
.default02 h4 {
	font-weight: 500 !important;
	font-size: 1.7em !important;
	color: #c31123;
	margin-bottom: 12px !important;
}
.default02 h5 {
	font-weight: 400 !important;
	font-size: 1.3em !important;
	color: #000;
	margin-bottom: 5px;
}
.default02 p {
	font-size: 1.15em !important;
	color: #333 !important;
}
.imgandtxt {
	display: flex;
	margin: 30px 0;
}
.imgandtxt figure {
	flex: 1;
	margin: 0;
}
.imgandtxt figure:last-child {
	padding-left: 40px;
}
.imgandtxt figure:first-child {
	padding-right: 40px;
}
.imgandtxt figure img {
	max-width: 100%;
}
.imgandtxt div {
	flex: 3;
}
.history_innerlist {
	padding-left: 25px;
	margin: 35px 0 35px 20px;
	font-size: 1.15em !important;
	color: #000 !important;
	border-left: 3px solid #c31123;
}
.history_innerlist2 {

	font-size: 1.2em !important;
	margin-top: 30px;
	margin-bottom: 40px;
	background-color: #fafafa;
	padding: 30px;
}
.history_innerlist3 {
	font-size: 1.2em !important;
	color: #777 !important;
	margin-bottom: 30px;
	padding-left: 15px;
}
.default02 h5:first-of-type {
	margin-top: 30px;
}
.history_innerlist2 span {
	color: #000;
	font-weight: 500;
}

@media(max-width: 680px){
	.img2box>div {
		width: 100%;
		padding-top: 30px;
	}
	.img2box>div img {
		width: 100%;
	}
	#sub-page .greetings .grid-2, #sub-page .theological_seminary_of_new_york .grid-2, #sub-page .agcts .grid-2 {
		grid-template-columns: auto;
	}
	#sub-page .greetings dl, #sub-page .theological_seminary_of_new_york dl, #sub-page .agcts dl {
		padding: 0 20px;
	}
	.imgandtxt {
		flex-direction: column;
	}
	.imgandtxt figure:first-child {
		padding-right: 0;
	}
	.imgandtxt figure:last-child {
		padding-left: 0;
	}
	.imgandtxt figure {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}