@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); */

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(./font/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(./font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(./font/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(./font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(./font/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(./font/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(./font/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(./font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(./font/Pretendard-Thin.woff) format('woff');
}

/* Common */
html,
body {
	height: 100%;
}

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


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

/* .pot {display:block  !important} */

.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: #333333 !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: #2E3384 !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: #9a1c0e !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 {
	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: #eea10d !important;
}

.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.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: 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-auto {
	text-align: center;
}
.img-full-auto img {
	max-width: 100%;
}
.img-full img {
	width: 100%;
}

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


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

.font-100 {font-size:100px; line-height:120%}
.font-80 {font-size:80px; line-height:140%}
.font-70 {font-size:70px; line-height:140%}
.font-60 {font-size:60px; line-height:140%}
.font-50 {font-size:50px; line-height:140%}
.font-45 {font-size:45px; line-height:140%}
.font-44 {font-size:44px; line-height:140%}
.font-40 {font-size:40px; line-height:140%; word-break: keep-all;}
.font-38 {font-size:38px; line-height:140%; word-break: keep-all;}
.font-36 {font-size:36px; line-height:140%; word-break: keep-all;}
.font-35 {font-size:35px; line-height:140%; word-break: keep-all;}
.font-30 {font-size:30px; line-height:180%; word-break: keep-all;}
.font-28 {font-size:28px; line-height:150%; word-break: keep-all;}
.font-25 {font-size:25px; line-height:150%; word-break: keep-all;}
.font-24 {font-size:24px; line-height:150%; word-break: keep-all;}
.font-22 {font-size:22px; line-height:150%; word-break: keep-all;}
.font-20 {font-size:20px; line-height:160%; word-break: keep-all;}
.font-18 {font-size:18px; line-height:160%; word-break: keep-all;}
.font-17 {font-size:17px; line-height:160%; word-break: keep-all;}
.font-16 {font-size:16px; line-height:160%; word-break: keep-all;}
.font-15 {font-size:15px; line-height:160%; word-break: keep-all;}
.font-14 {font-size:14px; line-height:160%; word-break: keep-all;}
.font-13 {font-size:13px; line-height:160%; word-break: keep-all;}

@media screen and (max-width: 1200px) {
    .font-100 {font-size:80px;}
    .font-80 {font-size:60px;}
    .font-70 {font-size:55px;}
    .font-60 {font-size:50px;}
    .font-50 {font-size:40px;}
    .font-45 {font-size:38px;}
    .font-44 {font-size:35px;}
    .font-40 {font-size:30px;}
    .font-38 {font-size:29px;}
    .font-36 {font-size:28px;}
    .font-35 {font-size:28px;}
    .font-30 {font-size:26px;}
    .font-28 {font-size:25px;}
    .font-25 {font-size:24px;}
    .font-24 {font-size:22px;}
    .font-22 {font-size:19px;}
    .font-20 {font-size:19px;}
    .font-18 {font-size:17px;}
    .font-17 {font-size:16px;}
    .font-16 {font-size:15px;} 
    .font-15 {font-size:14px;}
    .font-14 {font-size:13px;}
    .font-13 {font-size:12px;}
}

@media screen and (max-width:1000px) {
    .font-100 {font-size:60px;}
    .font-80 {font-size:50px;}
    .font-70 {font-size:45px;}
    .font-60 {font-size:40px;}
    .font-50 {font-size:30px;}
    .font-45 {font-size:29px;}
    .font-44 {font-size:29px;}
    .font-40 {font-size:28px;}
    .font-38 {font-size:27px;}
    .font-36 {font-size:26px;}
    .font-35 {font-size:26px;}
    .font-30 {font-size:24px;}
    .font-28 {font-size:23px;}
    .font-25 {font-size:22px;}
    .font-24 {font-size:20px;}
    .font-22 {font-size:18px;}
    .font-20 {font-size:17px;}
    .font-18 {font-size:16px;}
    .font-17 {font-size:15px;}
    .font-16 {font-size:14px;}
    .font-15 {font-size:13px;}
    .font-14 {font-size:12px;}
    .font-13 {font-size:11px;}
}
@media screen and (max-width: 768px) {
    .font-100 {font-size:55px;}
    .font-80 {font-size:50px;}
    .font-70 {font-size:45px;}
    .font-60 {font-size:40px;}
    .font-50 {font-size:30px;}
    .font-45 {font-size:28px;}
    .font-44 {font-size:27px;}
    .font-40 {font-size:25px;}
    .font-38 {font-size:24px;}
    .font-36 {font-size:23px;}
    .font-35 {font-size:22px;}
    .font-30 {font-size:20px;}
    .font-28 {font-size:19px;}
    .font-25 {font-size:18px;}
    .font-24 {font-size:17px;}
    .font-22 {font-size:16px;}
    .font-20 {font-size:16px;}
    .font-18 {font-size:15px;}
    .font-17 {font-size:14px;}
    .font-16 {font-size:13px;}
    .font-15 {font-size:12px;}
    .font-14 {font-size:11px;}
    .font-13 {font-size:11px;}
}



/**
 * 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: 140px;
}

#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: #000;
}
@media (max-width: 1100px) {
	#wrapper {
		margin-top: 55px;
	}
	#gnb_open {
		display: block;
	}
}

#tnb {
	background-color: #F5F5F5;
	border-bottom-width: 0;
}
#hd_qnb {
	display: flex;
	align-items: center;
	height: 80px;
	display: none;
}
@media (max-width: 1420px) {
	#hd_qnb {
		display: none;
	}
}
#hd.on #hd_qnb {
	height: 100px;
}
#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 0;
	margin: 0;
}
#hd_define > li:hover a,
#hd_qnb > li:hover a {
	color: #000;
}
#hd_define > li a{
	position: relative;
	display: inline-block;
	color: #bebebe;
	padding: 0 5px;
}

#hd_qnb > li > a {
	position: relative;
	display: inline-block;
	color: #bebebe;
	font-size:14px;
	padding: 10px 20px;
	border:1px solid  #bebebe;
	border-radius:50px;
	margin-right:35px;
}

#hd_qnb > li:first-child > a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	height: 10px;
	width: 1px;
	transform: translateY(-50%);
	background-color: #FFF;
}
#hd_qnb .sns-icon {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 45px;
	color: #949494;
	cursor: pointer;
}
#hd_qnb .sns-icon:hover {
	color: #000;
}
#hd_qnb .sns-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5em;
}
#hd_qnb .facebook i {
	font-size: 1.2em;
}

#hd_qnb .round-btn {
	position: relative;
	display: inline-block;
/*	width: 20px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 50%;
	margin: 0;*/
	vertical-align: revert;
}
#hd_qnb .round-btn i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#hd_qnb .online-offering {
	position: relative;
/*	margin: 0 5px 0 15px !important;*/
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	line-height: 72px;
	font-weight: 500;
	padding:0px 40px;
	height:80px;
	background:#000;
}
/*#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 {}

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 {
	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: 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: 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 {
	transition: all 0s ease-out;
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);*/
	min-width: auto;
	z-index: 99999;
}
#hd.on {
/*	height: 95px;*/
	background-color: rgba(255, 255, 255, 1);
}
#hd > .common-width {
	width: 100%; max-width: 1420px;
}
@media screen and (max-width:1440px) {
    #hd > .common-width {padding: 0 20px;}
}
#hd > .common-width > *:not(#hd_pop) {
	line-height: 60px;
}
#hd.on > .common-width > *:not(#hd_pop) {
	line-height: 60px;
}

#hd_wrapper {
	width: auto;
	float: left;
	height: auto;
}
#hd_wrapper #logo {
	padding: 10px 0px 0px 0px;
	float: unset;
}


@media (max-width: 1100px) {
	#hd.on #hd_wrapper #logo img {
		transform: scale(1);
	}
	#hd_wrapper #logo {
		padding: 0px 0px 0px 0px;
	}
}

#gnb-wr {
	/*float: left;*/
	/*margin-left: 80px;*/
	position: absolute;
	top: 80px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	z-index: 1;
	-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;
	/* border-bottom: 1px solid #fff; */
	box-sizing: border-box;
}


@media (max-width: 1100px) {
	#hd {
		height: 55px !important;
	}
	#hd > .common-width > *:not(#hd_pop) {
		line-height: 55px !important;
	}
	#gnb-wr{top: 0;}
}
#gnb {
	z-index: 1001;
	background-color: #fff;
    border-top: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4; box-sizing: border-box;
}
#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: 100%;
    max-width: 1420px;
	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: 60px;
    position: relative;
}
#gnb .gnb_1dli:not(.gnb_mnal) {
	min-width: 105px;
    width: 14.2857%;
}
#gnb .gnb_1da {
	text-align: center;
	font-size: 1.55em;
	font-weight: 600;
	color: #0aa046;
	display: grid;
	height: 60px;
	align-items: center;
	line-height: 120%;
}
#gnb .gnb_1da span{font-weight: 600;}
/* #gnb-wr.on #gnb .gnb_1da{color: #000;} */
#hd.on #gnb .gnb_1da {
	/*line-height: 95px;*/
	/*height: 100px;*/
/*	font-size: 1.35em;*/
}
@media (max-width: 1300px) {
	#gnb .gnb_1da {
		font-size: 1.25em;
	}
}
#gnb .gnb_1dli:hover > a {
	color: #7fcdab;
}
.gnb_1dli.gnb_al_li_plus .gnb_1da {
	padding: 0 0px;
}
@media (max-width: 1660px) {
	#gnb .gnb_1da {
		padding: 0 20px;
	}
}
#gnb .gnb_1da small {
	display: block;
	font-size: 0.5em;
	color: #a2a2a2;
}
#gnb .gnb_1dli .bg {
	opacity: 0; height: 0;
    transition: all 0.3 ease-in-out;
}

#gnb-2dul-bg {
	top: 121px;
}
#gnb .gnb_2dul{top: 30px;}

#hd.on #gnb .gnb_2dul {
	top: 60px;
}
#hd.on #gnb-2dul-bg{
	top: 121px;
}
.gnb_2dul {
	left: 0;
	right: 0;
}
#gnb.pc .gnb_2dul {
	display: block;
	position: absolute;
	overflow: hidden;
	left: 50%;
    top: 60px;
    transform: translateX(-50%);
	width: 100%;
	max-height: 0;
    height: 0;
	margin: 0;
	padding: 0px 0 0;
	z-index: 999;
	border: none !important;
	min-width: 100px;
}
/* 네비 배경색 */
#gnb-2dul-bg {
	position: fixed;
	width: 100%;
	left: 0;
	height: 0;
	background: #d9f6e4;
	box-shadow: 0px -2px 16px 4px #3c3c3c0f;
}

#gnb-2dul-bg h2, #gnb-2dul-bg p {color:#0aa046; padding-left:45px; text-align:center}
#gnb-2dul-bg h2 {padding-bottom:20px;}
#gnb-2dul-bg div {width:340px; padding-top:130px;}
#gnb-2dul-bg div {opacity: 0; height: 0; transition: all .3s ease-in-out;}
#gnb-2dul-bg.on div {opacity: 1; height: auto;}


.gnb_1dli_over .gnb_2dul,
.gnb_1dli_over2 .gnb_2dul {
	max-height: 1000px !important;
	overflow: inherit !important;
}
.gnb_2dul .gnb_2dul_box {
    min-height: 280px;
	background-color: transparent;
	padding: 5px 0 0;
	border-width: 0;
	box-shadow: 0px 0px 0px rgb(97 97 97 / 0%) !important;
    -webkit-box-shadow: 0px 0px 0px rgb(97 97 97 / 0%);
}
.gnb_2dli {
	padding: 0 0 0 10px;
}
.gnb_2da {
	color: #000;
	white-space: nowrap;
	font-size: 1.15em;
	padding: 0 0 0 10px;
	font-weight: 400;
}


#gnb_1dul.pc > li:nth-child(6) > a,
#gnb_1dul.pc > li:nth-child(7) > a,
#gnb_1dul.pc > li:nth-child(8) > a{color: #3796d2;}

#gnb_1dul.pc > li:hover .gnb_2dul a{color: #0aa046;}

#gnb_1dul.pc > li:nth-child(6):hover .gnb_2dul a,
#gnb_1dul.pc > li:nth-child(7):hover .gnb_2dul a,
#gnb_1dul.pc > li:nth-child(8):hover .gnb_2dul a{color: #3796d2;}

/* #gnb_1dul.pc:hover > li:nth-child(2) > a{background: #0aa046; color: #fff;}
#gnb_1dul.pc:hover > li:nth-child(6) > a{background: #3796d2; color: #fff;} */
/* #gnb_1dul.pc li:nth-child(2) .gnb_2dul .gnb_2dul_box{background: #fff;}
#gnb_1dul.pc li:nth-child(6) .gnb_2dul .gnb_2dul_box{background: #fff;} */
#gnb_1dul.pc > li:hover > a{color: #fff;}
#gnb_1dul.pc > li:nth-child(2):hover > a,
#gnb_1dul.pc > li:nth-child(3):hover > a,
#gnb_1dul.pc > li:nth-child(4):hover > a,
#gnb_1dul.pc > li:nth-child(5):hover > a{background: #0aa046;}
#gnb_1dul.pc > li:nth-child(6):hover > a,
#gnb_1dul.pc > li:nth-child(7):hover > a,
#gnb_1dul.pc > li:nth-child(8):hover > a{background: #3796d2;}

#gnb_1dul.pc li:hover .gnb_2dul .gnb_2dul_box{background: #fff;}

/* .gnb_2da:before {content:"•"; display:inline-block; margin-right:3px;} */

a.gnb_2da:hover {
	color: #0aa046;
	background-color: transparent;
    font-weight: 600;
}
@media (max-width: 1200px) {
	.gnb_2da {
		font-size: 1em;
		padding-left: 0 !important;
	}
}

#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: #efefef !important;
	line-height: 0;
}
#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: #fff;
	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_m {
	background: #fff;
    margin-top: 20px;
    border-top: 1px solid #eee;
    box-sizing: border-box;
}
#gnb-mobile #gnb_1dul_m a {
	display: inline-block;
	color: #000;
}
#gnb-mobile #gnb_1dul_m .gnb_3dli a{color: #555;}

#gnb-mobile .gnb_1dli {
	position: relative;
	text-align: left;
	line-height: 40px;
}
#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%;
    filter: brightness(10);
}
#gnb-mobile .gnb_1da {
    display: block;
	padding: 5px 20px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 1.2em;
    color: #0aa046;
}
#gnb-mobile .gnb_1dli:nth-child(5) .gnb_1da,
#gnb-mobile .gnb_1dli:nth-child(6) .gnb_1da,
#gnb-mobile .gnb_1dli:nth-child(7) .gnb_1da{color: #3796d2;}

#gnb-mobile .gnb_1dli:nth-child(5) .gnb_1da.on,
#gnb-mobile .gnb_1dli:nth-child(6) .gnb_1da.on,
#gnb-mobile .gnb_1dli:nth-child(7) .gnb_1da.on{background: #3796d2; color: #fff;}

#gnb-mobile .gnb_1dli:hover,
#gnb-mobile .gnb_1da:hover {
	background-color: #FFF;
}
#gnb-mobile .gnb_1da.on {
	color: #FFF;
	background-color: #0aa046;
}
#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 20px;
	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%, -50%);
	overflow: unset;
	border-radius: 0;
}
#hd_sch h1 {
	display: none;
	color: #2E3384;
	font-size: 2.5em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
#hd_sch form[name="fsearchbox"] {
	height: 50px; width: 500px; max-width: 100%;
	border: 2px solid #0aa046;
    box-sizing: border-box;
    border-radius: 25px;
	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: 1.25em;
	font-weight: 500;
	border-radius: 0;
}
#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;
    background: #fff !important;
}
#hd_sch #sch_submit {
	font-size: 2em;
}
#hd_sch #sch_submit:hover {
	color: #2E3384;
}

#hd_sns{float: right; height: 80px; line-height: 80px !important;}
#hd_sns .sns{display: flex; align-items: center; height: 80px;}
#hd_sns .sns li{border-radius: 5px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#hd_sns .sns li i{font-size: 18px; color: #fff}
#hd_sns .sns li:not(:first-child){margin-left: 10px;}

#hd_sns .sns li.facebook{border-radius: 100%; align-items: flex-end;}

@media screen and (max-width : 1100px) {
    #hd_sch_m.mobile{position: static; transform: translate(0, 0); margin-top: 60px;}
}



.sub-banner {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#sub-banner {
	min-height: 240px;
	background-size: cover;
	background-position: center;
	background-color: #7fcdab;
	/*
    animation-name: zoom-out;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    */
}
.sub-banner.on {
	top: 0;
}
.sub-banner .text {
	position: absolute;
	top: calc(50% - 10px);
	left: 50%;
	width: 100%;
	max-width: 920px;
	transform: translate(-50%, -50%);
	color: #FFF;
	display: flex; 
	align-items: center;
	justify-content: space-between;
}
.sub-banner .text * {
	position: relative;
}
.sub-banner .text .ko {
    font-size: 3.2em;
    font-weight: 600;
}
.sub-banner .text .en {
	font-size: 1.25em;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}
.sub-banner .text .en a img{height: 18px;}


.sub-banner .text li.txt_title_03 {display: flex; align-items: center; font-weight: 400 !important;}
.sub-banner .text li.txt_title_03 .arrow{margin: 0 10px;}
.sub-banner .text li.txt_title_03 .arrow img{filter: brightness(1.5);}


#sub-banner .table {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 400px;
	padding-top: 100px;
	background-color: rgba(0, 0, 0, 0.4);
}
#sub-banner .table li {
	text-align: center;
	font-size: 5rem;
	color: #FFF;
}
#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);
}

#sub-banner .table li small {
	display: block;
	font-size: 0.25em;
	font-weight: 400;
}

#empty-banner {
	height: 135px;
	min-height: 210px;
	background-size: cover;
	background-position: center;
	background: linear-gradient(to right, #7fcdab, #37b7e5);
}
@media (max-width: 1100px) {
    .sub-banner {
		top: 0 !important;
	}
	#sub-banner {
		max-height: 180px;
	}
    .sub-banner .text{top: 50%;}
	.sub-banner .text .ko {
        font-size: 2.8em;
        font-weight: 600;
    }
    .sub-banner .text .en {
        font-size: 0.95em;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
    }
    .sub-banner .text .en a img{height: 14px;}
    .sub-banner .text li.txt_title_03 .arrow{margin: 0 5px;}
    .sub-banner .text .en .arrow img{height: 12px;}

    #hd_sns{display: none;}
	
	#hd_sch_m form[name="fsearchbox"] {
		max-width: 100%;
		border: 2px solid #0aa046;
		box-sizing: border-box;
		border-radius: 25px;
		overflow: hidden;
		height: 40px; width: 300px; margin: 0 auto;}
    #hd_sch_m #sch_stx_m{height: 36px;
	    outline: none !important;
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    border: 0 !important;
    background: #fff !important;
	font-size: 1.25em;
    font-weight: 500;
    border-radius: 0;
        float: left;
        width: calc(80% - 50px);
		    padding-left: 20px;
		color: #333;

	}
    #hd_sch_m #sch_submit_m{height: 33px;
    width: 50px;
    border: 0;
    background: #2c2c2c;
    border-radius: 0 30px 30px 0;
    cursor: pointer;
		background-color: rgba(255, 255, 255, 0);
		color: #333;
		 font-size: 2em;
		 float: right;
	}
    #hd_sch_m #sch_submit_m img{margin-top: -6px;}


	
    #sub-banner .table {
		height: 200px;
		padding-top: 70px;
	}
    #sub-banner .table li {
		font-size: 3rem;
	}

    #sub-banner .table li span {
		font-size: 0.6em;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

	#empty-banner {
		height: 90px;
	}
	
	
	
	
}
@media screen and (max-width:940px) {
    .sub-banner .text {padding: 0 20px;}
    .sub-banner .text .ko{font-size: 2.2em;}
}
@media screen and (max-width:768px) {
    .sub-banner .text {flex-direction: column; align-items: flex-start;}
    .sub-banner .text .ko{font-size: 1.85em; margin-bottom: 10px;}
    .sub-banner .text .en .arrow img{height: 10px; filter: brightness(1)}
}

nav#sub-menu {
	/* border-bottom: 1px solid #c8c8c8; */
    transform: translateY(-35px);
}
nav#sub-menu .top-menu {
	display: none;
}
nav#sub-menu ul {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
    background: #fff;
    border-radius: 10px;
	display: grid;
    grid-template-rows: auto;
    grid-auto-rows: minmax(50%, auto);
    overflow: hidden;
    border: 1px solid #35b496;
    box-sizing: border-box;
}
nav#sub-menu ul * {
	-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 > * {
	padding: 0 10px;
	color: #666666;
	font-size: 17px;
	cursor: pointer;
    border-right: 1px solid #35b496;
    box-sizing: border-box;
}
nav#sub-menu ul li {position: relative; text-align:center; grid-template-rows: auto;}
nav#sub-menu ul li:hover{background: #eeeeee;}
nav#sub-menu ul li:hover span{color: #666;}
nav#sub-menu ul li.on{background: #35b496;}
nav#sub-menu ul li.on span{color: #fff;}
nav#sub-menu ul li:last-child { border-right:0px solid #35b496;}
nav#sub-menu ul > *:hover span,
nav#sub-menu ul > *.on span {
	color: #35b496;
/*	border-color: rgba(196, 20, 27, 1);*/
	font-weight: 600;
	/*white-space: nowrap;*/
}
nav#sub-menu ul > * span {
	display: grid;
	height: 70px;
	align-items: center;
	/*border-bottom: 4px solid rgba(196, 20, 27, 0.3);*/
	/* padding: 0 20px; */
}

nav#sub-menu ul > * a {padding: 0 10px;}

#container_title_wrap {
	display: none !important;
	overflow: hidden;
	border-bottom: 3px solid #2E3384;
	line-height: 55px;
	height: 73px;
	padding: 10px 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: #2E3384;
	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 > *:after {
	content: '>';
	position: relative;
	display: inline-block;
	font-size: 0.8em;
	top: -2px;
	margin: 0 4px 0 8px;
	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: #2E3384;
}


/**
 * 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 (max-width: 640px) {
	#container.index .schedule {
		padding: 50px 10px !important;
	}
	#container.index .search-form {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
}


/**
 * 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.pc{width: 100%; height: 600px;}
#main-slider.pc > div{width: 100%; height: 100%;}
#main-slider.pc .swiper-container,
#main-slider.pc .swiper-container .swiper-wrapper,
#main-slider.pc .swiper-container .swiper-wrapper .swiper-slide{width: 100%; height: 100%;}
#main-slider.pc .swiper-container .swiper-wrapper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
#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%;
}

#container {
	width: 100%;
	float: unset;
	margin: 0;
	padding: 0;
	overflow-x: clip;
}



#container.index {
	padding: 0;
	max-width: 100%;
	/* top:-50px;  */
	z-index:3
}
#container:not(.index) .common-width {
	max-width: 920px;
}


/**
 * Footer
 */

#ft {background: #fff !important;
/*	padding: 80px 0;*/
}
#ft_wr {
	/*grid-template-columns: 230px auto;*/
	column-gap: 55px;
	align-items: start;
	/*padding: 80px 0 80px;*/
}



#ft_wr img {
	width: 212px;
}
#ft_wr .ft-logo {
	text-align: left;
	padding:55px 0px 65px;
}
#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 {border-top: 1px solid #c8c8c8;}

#ft_wr .wrap {padding:10px 0px 0;}
#ft_wr .wrap .ft_text{display: flex; flex-wrap: wrap; justify-content: center;}
#ft_wr .wrap .ft_text li{font-size:15px; font-weight:400; color: #000; text-align: center; padding: 0 10px;}
#ft_wr .wrap .ft_text li a {font-size:15px; font-weight:600; color:#000; text-transform:uppercase; display: inline-block;}

#ft_wr .wrap_sns { border-bottom:1px solid #3c4046; padding-bottom:20px}
#ft_wr .wrap_sns .sns {display:flex}
#ft_wr .wrap_sns .sns li {padding-right:40px}
#ft_wr .wrap_sns .sns li:last-child {padding-right:0px}
#ft_wr .wrap_sns .sns i {font-size:30px}
.Family_Church {padding-top:20px;}
.Family_Church span {font-size:14px; margin-right:10px}
.Family_Church select {color:#000 !important; padding:10px 20px; width:210px; border-radius:50px; font-family:'Noto Sans KR', sans-serif; appearance:none; background:url('/img/select_arrow.png') #fff no-repeat right 24px center;
}
.Family_Church select option{color:#000 !important; font-family:'Noto Sans KR', sans-serif}


#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 i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5em;
}
#ft .ft-sign {
	text-align: left;
	padding: 40px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#ft .ft-sign * {
	color: rgba(255, 255, 255, 0.5);
}
#ft .ft-sign .copyright a {
	color: #a25252;
}


@media (max-width: 1400px) {
	#ft {padding:0px 20px;}
}
@media (max-width: 1100px) {
	#ft_wr,
	#ft-editor-text .grid-2 {
		grid-template-columns: 1fr;
	}
	#ft_wr .ft-logo {
		text-align: center;
	}
	#ft_wr .ft-logo img{
		width:auto
	}

	#ft_wr img {
		width: 50%;
	}
	#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: 10px;
	}
	#ft .ft-sign {
		text-align: center;
	}
	#ft_wr .ft-logo {padding:50px 0px}
	/*#ft {background:#1a1e26 !important}*/
	#ft_wr .wrap_sns .sns {justify-content: center;}
}
@media (max-width: 768px) {
	#ft {padding:0px 20px;}
    #ft_wr .ft-logo{padding: 20px 0;}
    #ft_wr .wrap .ft_text li{font-size:13px;}
    #ft_wr .wrap .ft_text li a {font-size:13px;}
}




/* 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 {padding:80px 0px 80px 50px}

#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:18px;

	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%;
	display:block  !important;
}
#sitemap  .gnb_2da:before {display:none}

#sitemap .gnb_2dul .gnb_2dul_box {
	padding: 0;
	height:100% !important;
}
#sitemap .gnb_2da {
	text-align: left;
	font-size: 13px !important;
	padding: 0px 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;
    width: 100%;
    margin-top: 30px;
}
.pg {
	text-align: left;
}
.pg_page {
    text-align: center;
	background-color: rgba(255, 255, 255, 0);
	border-color: #ccc;
}
.pg_current {
    background: #636363;
    border-color: #636363;
    font-size: 1.083em;
    height: 30px;
    line-height: 28px;
    padding: 0 5px;
    min-width: 30px;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
}
@media not all and (min-resolution:.001dpcm) {
    .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
 */
@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: 0px 0 80px;
	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 {
	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: 0px;
	}
}
#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;
	margin: 0;
}
#container_wr.index h1 {
	/* font-weight: 800; */
	color: #fff;
	/* 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;
}
#sub-page h2.white > * {
	border-color: #FFF;
}

@media (max-width: 640px) {
	#container_wr.index h1 {
/*		padding: 0 10px;
		/* font-size: 3em; */
/*		text-align: center;*/
	}
}

#sub-page .box {
	border: 1px solid #e5e5e5;
	padding: 70px 50px;
}
#sub-page .box.gray {
	border-color: #f2f2f2;
	background-color: #f2f2f2;
}
#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: 22pt;
	color: #000;
	font-weight: 400 !important;
}
#sub-page dt {
	color: #3849A3;
	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: #024c80;
}
#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 .front-dot {
	position: relative;
	padding-left: 10px;
}
#sub-page .front-dot:before {
	content: '.';
	position: absolute;
	left: 0;
	top: -5px;
}
#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;
}
#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: 13pt;
	color: #000;
	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.5em;
	line-height: 120%;
}
#sub-page dd .big4 {
	font-size: 2.7em;
	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;
	}
}

#sub-page .banner {
	background-size: cover !important;
}

#sub-page .banner .en {padding-bottom:50px}

#sub-page .banner {
	font-size: 1.7em;
	color: #FFF;
	text-align: center;
	padding: 200px 10px;
}
@media (max-width: 640px) {
	#sub-page .banner {
		padding: 50px 10px;
	}
}

#sub-page .btn,
.common-btn {
	text-align: left;
	position: relative;
	display: inline-block;
	height: 80px !important;
	line-height: 78px;
	padding: 0 120px 0 30px;
	color: #FFF;
	font-size: 1rem;
	background-color: #000;
	font-weight: 300;
	border: 1px solid #000;
	-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.slim,
.common-btn slim {
	height: 55px !important;
	line-height: 53px;
}
#sub-page .btn .arrow,
.common-btn .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	width: 40px;
	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: 15px;
	height: 1px;
	background-color: #FFF;
	right: -2px;
}
#sub-page .btn .arrow:before,
.common-btn .arrow:before {
	transform: rotate(45deg);
	top: -5px;
}
#sub-page .btn .arrow:after,
.common-btn .arrow:after {
	transform: rotate(-45deg);
	bottom: -5px;
}
#sub-page .btn:hover,
.common-btn:hover {
	background-color: #FFF;
	color: #000;
}
#sub-page .btn:hover .arrow,
#sub-page .btn:hover .arrow:before,
#sub-page .btn:hover .arrow:after,
.common-btn:hover .arrow,
.common-btn:hover .arrow:before,
.common-btn:hover .arrow:after {
	background-color: #000;
}
@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: 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;
	}
}

#sub-page.contact_us-cont .grid-3 {
	column-gap: 115px;
	max-width: 1180px;
	margin: 0 auto;
}
#sub-page.contact_us-cont .grid-3 > * {
	text-align: center;
}
#sub-page.contact_us-cont .grid-3 .img {
	position: relative;
}
#sub-page.contact_us-cont .grid-3 .img div {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	color: #FFF;
	font-weight: 600;
	font-size: 2em;
	line-height: 120%;
}
#sub-page.contact_us-cont .grid-3 .img div small {
	font-size: 0.8em;
	font-weight: 600;
}
#sub-page.contact_us-cont .grid-3 .info {
	margin-top: 50px;
}
#sub-page.contact_us-cont .grid-3 .name {
	color: #000;
	font-weight: 600;
	font-size: 2em;
}
#sub-page.contact_us-cont .grid-3 .name small {
	font-size: 0.95em;
}
#sub-page.contact_us-cont .grid-3 .explain {
	font-size: 1.2em;
	margin-top: 10px;
}
#sub-page.contact_us-cont .grid-3 .explain,
#sub-page.contact_us-cont .grid-3 .explain * {
	font-weight: 300;
	color: #000;
}
#sub-page.contact_us-cont .big.text-black-all {
	font-size: 1.8em;
	font-weight: 600;
	text-align: center;
}
#sub-page.contact_us-cont .big.text-black-all small {
	display: block;
	margin-top: 10px;
}
.cont-wr > .contact_us-cont:last-child {
	padding: 0 !important;
	margin-bottom: -50px !important;
}
#sub-page.contact_us-cont .grid-3.info {
	max-width: 850px;
	color: #000;
	font-size: 1.1em;
}
#sub-page.contact_us-cont .grid-3.info * {
	font-weight: 300;
}
#sub-page.contact_us-cont .grid-3.info .img {
	margin-bottom: 30px;
}
@media (max-width: 640px) {
	#sub-page.contact_us-cont .grid-3 {
		row-gap: 50px;
		font-size: 0.85em;
	}
	#sub-page.contact_us-cont .grid-3 .info {
		margin-top: 20px;
	}
	#sub-page.contact_us-cont .big.text-black-all {
		font-size: 1.4em;
	}
	#sub-page.contact_us-cont .grid-3.info {
		margin-bottom: 30px;
	}
	#sub-page.contact_us-cont .grid-3.info .img {
		margin-bottom: 10px;
	}
}


#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-spacing: 0;
	border-top: 2px solid #000;
}
#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 td {
	color: #999;
}
#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,
	#sub-page table tr td p,
	#sub-page table tr td span{
		font-size: 8pt !important;
		word-break: break-word;
	}
	#sub-page table th,
	#sub-page table td{{padding: 8px;}}
	#sub-page table td{padding: 15px 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 .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;
}
#sub-page .agape_young_couple .left {
	padding-right: 80px;
}
#sub-page .agape_young_couple .table > * {
	vertical-align: top;
}
#sub-page .agape_young_couple .table > *:first-child {
	padding-right: 15px;
}

#sub-page .missino_and_care .icon-wrap .grid-2 {
	align-items: center;
}

#sub-page .img-full-auto img {
	max-width: 465px;
}

#sub-page .discipleship_training .training {
	position: relative;
	grid-template-columns: 0.9fr 1.1fr;
	row-gap: 100px;
	column-gap: 60px;
}
#sub-page .discipleship_training .training .title {
	position: relative;
	font-size: 3em;
}
#sub-page .discipleship_training .training .title:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #c4141b;
	border-radius: 50%;
	left: 0;
	top: 0;
}
#sub-page .discipleship_training .training .title:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #c4141b;
	border-radius: 50%;
	left: 0;
	top: 0;
}
#sub-page .discipleship_training .training .num {
	position: relative;
	display: inline-block;
	top: -9px;
	font-family: 'Noto Serif KR', serif;
	font-weight: 800;
	font-size: 1.5em;
	vertical-align: middle;
	font-style: italic;
	margin-right: 10px;
}

#sub-page .discipleship_training .training > li:nth-of-type(2n) {
	position: relative;
	padding-top: 20px;
}
#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 {
	grid-template-columns: 1.4fr 0.6fr;
	row-gap: 80px;
	column-gap: 50px;
}
#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 img {
	width: 100%;
}
#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 > li:nth-of-type(2n-1) {
	position: relative;
	padding-left: 40px;
}
#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 > li:nth-of-type(2n-1):before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #000;
	border-radius: 50%;
	left: 0;
	top: 16px;
}
#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 > li:nth-of-type(2n-1):not(:last-child):after {
	content: '';
	position: absolute;
	top: 16px;
	left: 7px;
	bottom: -100px;
	width: 1px;
	background-color: #000;
}
#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 > li:nth-last-child(2):after {
	display: none;
}

#sub-page .discipleship_training .icon-wrap .grid-2 {
	align-items: center;
}
#sub-page .discipleship_training .icon-wrap .grid-2 .num.dot {
	position: relative;
	font-size: 1.8em;
	font-weight: 600;
	font-style: italic;
	display: inline-block;
	top: -9px;
	font-family: 'Noto Serif KR', serif;
	vertical-align: middle;
	margin-right: 10px;
}
#sub-page .discipleship_training .icon-wrap .grid-2 .num.dot:after {
	display: none;
}
#sub-page .discipleship_training .icon-wrap .grid-2 .num.dot:before {
	content: '';
	position: absolute;
	top: 15px;
	left: -3px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgb(197 0 0 / 70%);
	z-index: -1;
}

#sub-page .discipleship_training.tab_03 .icon-wrap .grid-2 {
	grid-template-columns: 1fr 1fr;
	row-gap: 140px;
	column-gap: 80px;
}
#sub-page .discipleship_training.tab_03 .icon-wrap .grid-2 img {
	width: 100%;
}
#sub-page .discipleship_training.tab_03 .icon-wrap .grid-2 .table > li:first-child {
	font-weight: 600;
}


	#sub-page .welcome .grid-2 .sub_logo img {
		margin-top: 0px;
		padding:40px 0px 20px;
	}

@media (max-width: 1100px) {
	#sub-page .discipleship_training .training {
		padding: 0 10px;
	}

	#sub-page .discipleship_training.tab_03 .icon-wrap .grid-2 {
		padding: 0 10px;
		row-gap: 100px;
		column-gap: 50px;
	}
}

	#sub-page .welcome .welcom_tit .mo_img {display:none}

@media (max-width: 1000px) {
	#sub-page .welcome .grid-2 {
	/*	grid-template-columns: 1fr;*/
	}
	#sub-page .welcome .grid-2 .wrap {
		padding-right: 0%;
	}
	#sub-page .welcome .grid-2 img {
		width: 20%;
		margin-top: 0px;
	}

	#sub-page .welcome .welcom_tit {display:flex; justify-content: space-between;
    align-items: flex-end;}
	#sub-page .welcome .welcom_tit .mo_img {display:block; text-align: right;}
	#sub-page .welcome .welcom_tit .mo_img img {width:70%; margin-right:50px; margin-left:50px;}
	#sub-page .welcome .grid-2 .img {display:none}

	#sub-page .welcome .grid-2 {align-items: start; grid-template-columns: 1fr;}


	#sub-page .new_family_registration .grid-4 {
		grid-template-columns: 1fr 1fr;
	}
	#sub-page .new_family_registration .grid-4 > * {
		height: auto;
	}
	#sub-page .new_family_registration .grid-4 .btn {
		position: relative;
	}

	#sub-page .valley_chapel .box .grid-2 {
		grid-template-columns: 1fr;
	}
	#sub-page .valley_chapel .box .grid-2 .wrap {
		margin-left: 0;
	}

	#sub-page .valley_chapel .swiper-container {
		height: 400px !important;
	}

	#sub-page .grid-2.icon-wrap {
		grid-template-columns: 1fr;
	}

	#sub-page .grid-2.img-text,
	#sub-page .grid-2.text-img {
		grid-template-columns: 1.3fr 0.7fr;
		column-gap: 30px;
		row-gap: 30px;
	}
	#sub-page .grid-2.img-text {
		grid-template-columns: 0.7fr 1.3fr;
	}

	#sub-page .banner.agape {
		height: 400px;
	}

	#sub-page .discipleship_training .training {
		grid-template-columns: 1fr;
		row-gap: 0;
	}
	#sub-page .discipleship_training .training > li:nth-of-type(2n) {
		padding-bottom: 100px;
	}

	#sub-page .discipleship_training.tab_03 .icon-wrap .grid-2 .table > * {
		display: block !important;
		width: 100%;
		padding-bottom: 10px;
	}
}
@media (max-width: 760px) {
	#sub-page .welcome .grid-2 {
		padding: 0 10px;
	}
	#sub-page .welcome .grid-2 .wrap {
		padding-right: 0;
	}
	#sub-page .welcome .grid-2 img {
		width: 30%;
		margin-top: -100px;
	}

	#sub-page .grid-2.text-img .table {
		display: table !important;
	}
	#sub-page .grid-2.text-img .table > * {
		display: table-cell !important;
	}

	#sub-page .agape_young_couple .left {
		padding-right: 30px;
	}

	#sub-page .discipleship_training.tab_03 .icon-wrap .grid-2 {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	#sub-page .discipleship_training.tab_03 .icon-wrap .grid-2 > *:nth-of-type(2n) {
		padding-bottom: 30px;
	}
}
@media (max-width: 640px) {
#sub-page .welcome .welcom_tit {padding-top: 80px;}


	#sub-page .welcome .box {
		padding: 50px 10px;
	}

	#sub-page .new_family_registration .grid-4 {
		grid-template-columns: 1fr;
	}

	#sub-page .grid-2.img-text,
	#sub-page .grid-2.text-img {
		grid-template-columns: 1fr;
	}

	#sub-page .banner {
		margin: 0 -10px;
	}

	#sub-page .agape_young_couple .left,
	#sub-page .agape_young_couple .right {
		padding: 0 10px;
	}
	#sub-page .agape_young_couple .left {
		padding-bottom: 30px;
	}

	#sub-page .discipleship_training .training .title {
		text-align: left;
	}
}
@media (max-width: 460px) {
	#sub-page .grid-2.icon-wrap {
		row-gap: 20px;
	}
	#sub-page .icon-wrap .grid-2 {
		grid-template-columns: 1fr;
	}
	#sub-page .icon-wrap .grid-2 > li:first-child {
		text-align: center;
	}
	#sub-page .discipleship_training .training .title {
		font-size: 2.2em;
		padding-left: 20px;
	}
	#sub-page .mission_and_care .common-width > .big2,
	#sub-page .mission_and_care .icon-wrap .grid-2 {
		text-align: center;
	}
	#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 {
		grid-template-columns: 1.9fr 0.1fr;
		column-gap: 0;
	}
	#sub-page .discipleship_training .training > li:nth-of-type(2n) .grid-2 > li:nth-of-type(2n) img {
		display: none;
	}

	#sub-page .discipleship_training .icon-wrap {
		row-gap: 50px;
	}
	#sub-page .discipleship_training .icon-wrap .grid-2 {
		text-align: center;
	}
}


@media (max-width: 640px) {
	#sub-page .title {
		text-align: center;
	}
	#sub-page .discipleship_training .icon-wrap,
	#sub-page .mission_and_care .icon-wrap,
	#sub-page .mission_and_care .img-text > li:last-child,
	#sub-page .agape_young_couple .content,
	#sub-page .next_gen_ic_kidz .content,
	#sub-page .next_gen_ic_youth .content,
	#sub-page .welcome .grid-2,
	#sub-page .new_family_registration .grid-4,
	#sub-page .welcome .welcome-text > * {
		padding: 0 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: left;
	background-color: #fff;
	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.2em;
	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: #b4b4b4;
	background-color: #fff;
}
#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%;
		border-left-width: 0 !important;
	}
	#bo_cate li{padding: 2px 4px !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%;
	}
	#page-tabs > *,
	#bo_cate > * a {
		line-height: 45px;
		font-size: 0.85em;
	}
	#bo_cate a{padding: 2px 10px !important;}
}

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

#bo_list_total {
	color: #000 !important;
	font-size: 1.1em !important;
	font-weight: 300;
    float: left;
    line-height: 34px;
}

.grid-2.list-bottom {
	align-items: center;
}
.grid-2.list-bottom .pg_wrap {
	text-align: left;
}
#search-form {
	align-items: end;
	text-align: right;
}
#search-form .sch_bar {
	display: inline-block;
	overflow: hidden;
	height: 56px;
	line-height: 56px;
	border-radius: 3px;
	border: 1px solid #E5E5E5;
	font-size: 0;
    border-radius: 50px;
}
#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;
	}
}

#bo_gall,
#bo_list,
#bo_w,
#bo_v {
    max-width: 920px;
	padding: 0px 0 80px;
	margin:0 auto;
}
@media (max-width: 1100px) {
    #bo_gall,
	#bo_list,
	#bo_w,
	#bo_v {
		padding: 40px 0px 80px !important;
	}
}
@media (max-width: 940px) {
	#bo_gall,
	#bo_list,
	#bo_w,
	#bo_v {
		padding: 40px 20px 50px !important;
	}
}

#bo_v_title .bo_subject {
	display: none;
	padding: 25px 0 0;
	color: #B09D65;
	font-weight: 500;
}
#bo_v_title .bo_cate{font-size: 1.25em; background: #35b496; color: #fff; font-weight: 500; border-radius: 20px; display: inline-block; height: 35px; line-height: 35px; padding: 0 15px; margin-right: 5px;}
#bo_v_title .bo_v_tit {
	margin-top: 0 !important;
	text-align: center;
	font-weight: 600;
}
#bo_v header {
    padding: 0px 0px 0;
    background-color: #FFF;
}
#bo_v_info {
	border-width: 0 !important;

}
#bo_v_share {display: none}


#bo_v_img {
	text-align: center;
}

#bo_v_title {
	text-align: center;
}
#bo_v_title .bo_v_tit {
	text-align: left !important;
	padding: 10px 0 0 !important;
	border-width: 0 !important;
	font-size: 2em !important;
	font-weight: 700;
}
@media screen and (max-width : 920px) {
	#bo_v_title .bo_v_tit {font-size: 1.7em !important;}
	#bo_v_title .bo_cate{font-size: 1em; height: 30px; line-height: 30px;}
}
@media screen and (max-width : 700px) {
	#bo_v_title .bo_v_tit {font-size: 1.55em !important;}
}
@media screen and (max-width : 500px) {
	#bo_v_title .bo_v_tit {font-size: 1.35em !important;}
}
#bo_v_title .bo_v_tit .info {
	color: #848484;
	font-size: 0.5em;
	font-weight: 300;
	display: block;
}
#bo_v_title .bo_v_tit .info .dot {
	display: none;
}
#bo_v_title .bo_v_tit .info .sv_member {
	display: none;
}

#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;
    color: #636363;
    font-weight: 400;
    font-size: 15px;
    display: inline-block;
}
#bo_v_info .profile_info span:not(:last-child){margin-right: 12px;}
#bo_v_info .profile_info span b{font-weight: 600;font-size: 15px;}
/* #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 .list {text-align: center; padding: 30px 0; border-top: 1px solid #cccccc; box-sizing: border-box; display: block;}
#bo_v .list a{
    position: relative;
	background: #636363;
    color: #fff;
    width: 120px;
	height: 45px;
    display: inline-block;
	line-height: 45px;
	padding: 0 10px;
    font-size: 1.25em;
    border-radius: 10px;
	-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 .list a:hover{background: #35b496;}
@media screen and (max-width : 768px) {
	#bo_v .list a{font-size: 1em; width: 100px; height: 35px; line-height: 35px;}
}

#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: 40px;
	border-radius: 40px;
	padding: 0 50px;
	font-size: 1.1em;
	background: #989898;
	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.5);
}

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

.bo_v_nb {
	margin: 0 !important;
}
.bo_v_nb li a{font-size: 1.35em;}
.bo_v_nb li span{font-size: 1.2em;}

.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: #339de5 !important;
	text-decoration: none !important;
}


#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-top: 20px !important;
	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;
	}
}

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


.display-none {
	display: none !important;
}
.opacity-none {
	opacity: 0 !important;
	overflow: hidden;
	height: 0;
}

.mobile {
	display: none !important;
}

aside.pc{display: block ! important;}
aside #mobile-sub-menu{display: none ! important;}

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

	aside.pc{display: none ! important;}
	aside #mobile-sub-menu{display: block ! important;}

	.bo_v_nb li a{font-size: 1em;}
	.bo_v_nb li span{font-size: 0.85em;}
}

.index .main_banner_img {z-index:1; width:100%}
.index .main_lay {max-width:1420px; margin:0 auto; position: absolute; width:100%; height: 100%;}
.index .main_banner {position: absolute; z-index:9; left:0px; text-align:left; top:30px; bottom: auto; color: #fff;}
.index .main_banner h1{padding-bottom: 30px;}
.index .main_banner .main_banner_link {padding-top:50px}
.index .main_banner .main_banner_link a{color:#fff; background:#1a1e26; border:1px solid #1a1e26 ; font-size:16px; text-align:center; padding:10px 20px; border-radius:50px}

.index .main_banner .main_banner_link a:hover {color:#1a1e26 ; background:#fff; border:1px solid #1a1e26;
-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 .main_banner h1 {text-align:left  !important}
.mobile_bg {position: absolute;}

@media (max-width:1400px) {
.index .main_lay {left:50px;}
}


@media (max-width:1100px) {
.index .main_banner h1  {padding:0px 0px 10px !important;}
.index .main_banner * {color:#fff !important; }
.index .main_lay {width:90%; }
.index .main_lay {left:20px; }
.mobile_bg {z-index:3; left:0px;  background:rgba(0,0,0,0.4); display:block  !important ; width:100%  !important; height:100%  !important; top:0; border-top:0px !important;}
}



#container.index .main_section05 {position: relative; top:-109px;}
#container.index .main_section05 .common-width{background:#f7f7f7}
#container.index .main_section05 .add {position: absolute; background:rgba(26,30,38,0.8); padding:20px; left:50%; transform: translateX(-50%); bottom:40px; width:80%}
#container.index .main_section05 .add ul {display:flex;     justify-content: space-between;}
#container.index .main_section05 .add ul li {}
#container.index .main_section05 .add ul a {font-size:18px; color:#fff; font-weight:bold}
#container.index .main_section05 .add ul a img {margin-right:10px}
#container.index .main_section05 .left {padding-right:0px}


@media (max-width:620px) {
#container.index .main_section05 .add ul { flex-wrap: wrap;}
#container.index .main_section05 .add ul li {width:100%; padding:10px 0px}
}

#container.index .main_section04 {padding:100px 0px 150px !important}
#container.index .main_section04 div {color:#fff; text-align:center}
#container.index .main_section04 div {padding:20px;}

#container.index .main_section03 .latest_image_title  {text-align:center}


#container.index .main_section01 .left {padding-right:0px}
#container.index .main_section01 .right .main_icon02 ul {display:flex; align-items: center;}
#container.index .main_section01 .right .main_icon02 ul li:nth-child(1) {background:#0c3156 }
#container.index .main_section01 .right .main_icon02 ul li:nth-child(2) {background:#1a1e26}
#container.index .main_section01 .right .main_icon02 ul li {text-align:center; color:#fff; width:50%; cursor: pointer; padding:74px 20px}
#container.index .main_section01 .right .main_icon02 ul li h3 {padding:20px 0px 30px}
#container.index .main_section01 .right .main_icon02 ul li p {color:rgba(255,255,255,0.8)}

#container.index .main_section02 {padding-bottom:100px}
#container.index .main_section02 > ul > li:nth-of-type(1) {padding-right:0px}
#container.index .main_section02 .left .main_icon01 ul {display:flex; align-items: center;}
#container.index .main_section02 .left .main_icon01 ul li:nth-child(1) {background:#2e333d }
#container.index .main_section02 .left .main_icon01 ul li {text-align:center; color:#fff; width:100%; cursor: pointer; padding:74px 20px}
#container.index .main_section02 .left .main_icon01 ul li h3 {padding:20px 0px 30px}
#container.index .main_section02 .left .main_icon01 ul li p {color:rgba(255,255,255,0.8)}

#container.index .main_section02 .right .main_icon01 ul {display:flex; align-items: center;}
#container.index .main_section02 .right .main_icon01 ul li:nth-child(1) {background:#e0e0e0 }
#container.index .main_section02 .right .main_icon01 ul li {text-align:center; color:#1a1e26; width:100%; cursor: pointer; padding:74px 20px}
#container.index .main_section02 .right .main_icon01 ul li h3 {padding:20px 0px 30px}
#container.index .main_section02 .right .main_icon01 ul li p {color:rgba(26,30,28,0.7)}


#container.index .main_section02 .center {padding: 0px 0px; width:50%} 
#container.index .main_section02 .center * {text-align:left !important; color:#000;}

#container.index .main_section02_01 {display:none}

#container.index .main_section01 .right .main_icon02 ul li:nth-child(1):hover {background:#274176; -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 .main_section01 .right .main_icon02 ul li:nth-child(2):hover {background:#274176;-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 .main_section02 .right .main_icon01 ul li:nth-child(1):hover {background:#274176;-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 .main_section02 .right .main_icon01 ul li:nth-child(1):hover h3 { color:#fff; }
#container.index .main_section02 .right .main_icon01 ul li:nth-child(1):hover p {color:rgba(255,255,255,0.8)}
#container.index .main_section02 .right .main_icon01 ul li:nth-child(1):hover img {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(323deg) brightness(109%) contrast(108%);}
#container.index .main_section02 .left .main_icon01 ul li:nth-child(1):hover {background:#274176;-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; }


@media (max-width:800px) {
#container.index .main_section02 {display:none}
#container.index .main_section02_01 {display:block}

#container.index .main_section02_01 {padding-bottom:100px}
#container.index .main_section02_01 > ul > li:nth-of-type(1) {padding-right:0px}
#container.index .main_section02_01 > ul > li {padding:0px  !important}
#container.index .main_section02_01 .left .main_icon01 ul {display:flex; align-items: center;}
#container.index .main_section02_01 .left .main_icon01 ul li:nth-child(1) {background:#2e333d }
#container.index .main_section02_01 .left .main_icon01 ul li {text-align:center; color:#fff; width:100%; cursor: pointer; padding:74px 20px}
#container.index .main_section02_01 .left .main_icon01 ul li h3 {padding:20px 0px 30px}
#container.index .main_section02_01 .left .main_icon01 ul li p {color:rgba(255,255,255,0.8)}

#container.index .main_section02_01 > ul {display:flex; flex-wrap: wrap;}
#container.index .main_section02_01 .left {width:50%  !important}
#container.index .main_section02_01 .center {width:50%  !important}
#container.index .main_section02_01 .right {width:100%  !important}

#container.index .main_section02_01 .center .main_icon01 ul {display:flex; align-items: center;}
#container.index .main_section02_01 .center .main_icon01 ul li:nth-child(1) {background:#e0e0e0 }
#container.index .main_section02_01 .center .main_icon01 ul li {text-align:center; color:#1a1e26; width:100%; cursor: pointer; padding:74px 20px}
#container.index .main_section02_01 .center .main_icon01 ul li h3 {padding:20px 0px 30px}
#container.index .main_section02_01 .center .main_icon01 ul li p {color:rgba(26,30,28,0.7)}


#container.index .main_section02 .right {padding: 0px 0px; width:50%} 
#container.index .main_section02 .right * {text-align:left !important; color:#000;}

}

@media (max-width:550px) {
#container.index .main_section02_01 .right img {width:80%} 
#container.index .main_section02_01 .right .thumb-wrap-single-bg span {text-align:right}
#container.index .main_section02_01 .gallery_single_wrap div.thumb-wrap-single-bg {padding-right:5px}

}

@media (max-width:620px) {
#container.index .main_section05 {top:0px;}
#container.index .main_section04 {padding:50px 0px 50px !important}

#container.index .main_section01 .right .main_icon02 ul li {padding:34px 10px}
#container.index .main_section02 .left .main_icon01 ul li {padding:34px 10px}
#container.index .main_section02 .right .main_icon01 ul li {padding:34px 10px}

#container.index .main_section01 .right .main_icon02 ul li {padding:34px 10px}
#container.index .main_section02 .left .main_icon01 ul li {padding:34px 10px}
#container.index .main_section02_01 .left .main_icon01 ul li {padding:34px 10px}
#container.index .main_section02_01 .center .main_icon01 ul li { padding:34px 10px;    }

#container.index .main_section01 .right .main_icon02 ul li { min-height: 282px;}
#container.index .main_section02 .left .main_icon01 ul li { min-height: 282px;}
#container.index .main_section02_01 .center .main_icon01 ul li { min-height: 282px;}
#container.index .main_section02_01 .left .main_icon01 ul li { min-height: 282px;}
}


@media (max-width:440px) {
#container.index .main_section01 .right .main_icon02 ul li { max-height: 282px;}
#container.index .main_section02 .left .main_icon01 ul li { max-height: 282px;}
#container.index .main_section02_01 .center .main_icon01 ul li { max-height: 282px;}
#container.index .main_section02_01 .left .main_icon01 ul li { max-height: 282px;}
}




.center {text-align:center;}
p, div, li, a, h2, h1, h3 {word-break: keep-all;}








.sub_tab_menu {padding-bottom:100px}
.sub_tab_menu ul {display:flex; justify-content: center;}
.sub_tab_menu ul li {padding:10px 20px}
.sub_tab_menu a.on{color:#1a1e26; font-weight:700; border-bottom:4px solid #dd1715;}
.sub_tab_menu a{color:#666666; font-size:32px !important}

@media (max-width: 1420px){
    .index .common-width{padding: 0px 20px;}
    #sub-page .common-width {padding: 0px 20px;}
}
@media (max-width:1200px) {
#sub-page .info .table_box {top:0px}
}



.bo_sch {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	margin: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	max-width: 100%;
	display: inline-block;
	/*float: left;*/
}
.bo_sch h3,
.bo_sch .bo_sch_cls {
	display: none;
}
.bo_sch form {
	display: grid;
	grid-template-columns: 0.5fr 1.5fr;
	grid-template-rows: 1fr;
	position: relative;
	padding: 0;
	font-size: 0;
	/*background-color: #F6F6F6;*/
	/* border: 1px solid #fff; */
	border-radius: 0;
}
.bo_sch form > * {
/*	width: 100% !important;*/
	vertical-align: top;

}
.bo_sch #sfl,
.bo_sch .sch_bar {
	position: relative;
	font-size: 0.75rem;
	box-shadow: none;
    width: 100%;
}
.bo_sch_wrap {
	display: block;
	position: relative;
	padding: 30px;
	text-align:center;
    background: #f5f5f5;
    border-radius: 10px;
}
.bo_sch #sfl {
    padding-left: 10px !important;
	position: relative;
    width: 200px;
	height: 50px !important;
	margin: 0px 12px 0px 0px;
	padding-right: 3% !important;
	border-radius: 10px;
	background:url('../img/arrow_down.png') #fff no-repeat ;
	background-position: 90% center;
	border: 1px solid #c8c8c8;
	appearance:none;
    color: #636363;
}

.bo_sch .sch_bar {
	width: calc(100%);
}
.bo_sch .sch_input {
	width: 100%;
	height: 50px;
	padding: 0 35px 0 15px;
    border: 1px solid #c8c8c8;
	border-right:0px;
    border-radius: 10px;
    color: #636363;
}
.bo_sch .sch_input::placeholder{color: #636363;}
.bo_sch .sch_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 50px;
	background-color: #636363;
	width: 80px;
	overflow: hidden;
    border-radius:0px 10px 10px 0px;
    box-shadow: 0;
    color: #fff;
    border: 0;
}
@media screen and (max-width : 940px) {
    .bo_sch_wrap{padding: 20px;}
    .bo_sch #sfl{height: 40px !important;}
    .bo_sch .sch_input{height: 40px;}
    .bo_sch .sch_btn{height: 40px;}
}
@media screen and (max-width : 768px) {
    .bo_sch #sfl{width: 150px; margin: 0 8px 0 0;}
    .bo_sch .sch_btn{width: 50px;}
}
@media screen and (max-width : 580px) {
    .bo_sch_wrap{padding: 12px 10px;}
    .bo_sch #sfl{width: 120px; font-size: 11px;}
    .bo_sch .sch_input{font-size: 11px;}
    .bo_sch .sch_btn{width: 42px;}
}
@media screen and (max-width : 440px) {
    .bo_sch #sfl{width: 78px; font-size: 10px; margin: 0 4px 0 0;}
    .bo_sch .sch_input{font-size: 10px;}
}





/* 페이지별 css */
/* 공통 css */
.p_color{color: #35b496;}
.bd_row{border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-sizing: border-box;}
#sub-page .img_box{margin-top: 10px;}
#sub-page .img_box img{max-width: 100%;}
#sub-page .sub_sec:not(:last-child){margin-bottom: 50px;}

.page_wrap_tit{color: #35b496; position: relative; margin-bottom: 20px; padding-left: 40px; font-weight: 600;}
.page_wrap_tit::before{content: ""; width: 30px; height: 30px; background: url(../../../data/image/20241211/237833530_y9eQRaIV_2ba30686c83eb1f830d91b2d59bfc2a85ccf0dc1.png); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain; background-position: center;}

#page_wrap_tit{color: #35b496; position: relative; margin-bottom: 20px; padding-left: 40px; font-weight: 600;}
#page_wrap_tit::before{content: ""; width: 30px; height: 30px; background: url(../../../data/image/20241211/237833530_y9eQRaIV_2ba30686c83eb1f830d91b2d59bfc2a85ccf0dc1.png); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain; background-position: center;}


#subtit_line{position: relative; padding-left: 30px; margin-bottom: 16px;}
#subtit_line::before{content: ""; display: block; width: 20px; height: 5px; position: absolute; background: #78c8ff; left: 0; top: 50%; transform: translateY(-50%);}


.subtit_line{position: relative; padding-left: 30px; margin-bottom: 16px;}
.subtit_line::before{content: ""; display: block; width: 20px; height: 5px; position: absolute; background: #78c8ff; left: 0; top: 50%; transform: translateY(-50%);}

.button_sec{width: 100%; display: flex; align-items: center; justify-content: center;} 
.button_sec .button_link{border: 1px solid #c8c8c8; box-sizing: border-box; color: #636363; border-radius: 10px; text-align: center; height: 70px; line-height: 68px !important; display: inline-block; width: calc(40% - 7.5px); font-size: 20px; transition: .25s ease;}
.button_sec .button_link.bg_c{background: #35b496; color: #fff;}
.button_sec .button_link:hover{background: #c8c8c8; color: #fff;}
.button_sec .button_link.bg_c:hover{background: #179c7c; color: #fff;}
.button_sec .button_link:hover img{filter: brightness(10);}
.button_sec .button_link:not(:last-child){margin-right: 15px;}
.button_sec .button_link img{margin: 0 10px; height: 20px;}
.button_sec .button_link.color{border: 1px solid #35b496;color: #35b496; }
.button_sec .button_link.color:hover{background: #35b496; color: #fff;}
.button_sec .button_link.color:hover img{filter: brightness(10);}
.button_sec .button_link.two{width: calc(50% - 7.5px);}
@media screen and (max-width:1120px) {
    #page_wrap_tit{padding-left: 30px; margin-bottom: 25px;}
    #page_wrap_tit::before{width: 24px; height: 24px;}
    .page_wrap_tit{padding-left: 30px; margin-bottom: 25px;}
    .page_wrap_tit::before{width: 24px; height: 24px;}
    #subtit_line{padding-left: 20px; margin-bottom: 12px;}
    #subtit_line::before{width: 15px; height: 3px;}
    .subtit_line{padding-left: 20px; margin-bottom: 12px;}
    .subtit_line::before{width: 15px; height: 3px;}
}
@media screen and (max-width:768px) {
	#page_wrap_tit{padding-left: 20px; margin-bottom: 18px;}
    #page_wrap_tit::before{width: 16px; height: 16px;}
	.page_wrap_tit{padding-left: 20px; margin-bottom: 18px;}
    .page_wrap_tit::before{width: 16px; height: 16px;}
    #subtit_line{padding-left: 14px; margin-bottom: 10px;}
    #subtit_line::before{width: 10px; height: 2px;}
    .subtit_line{padding-left: 14px; margin-bottom: 10px;}
    .subtit_line::before{width: 10px; height: 2px;}

	.button_sec .button_link{font-size: 13px; width: calc(50% - 5px);}
	.button_sec .button_link.two{width: calc(50% - 5px);}
	.button_sec .button_link img{height: 16px; margin: 0 6px;}
	.button_sec .button_link:not(:last-child){margin-right: 10px;}
}
@media screen and (max-width:550px) {
	.button_sec{flex-wrap: wrap;}
	.button_sec .button_link{font-size: 13px; width: calc(100%); height: 40px; line-height: 38px !important;}
	.button_sec .button_link.two{width: calc(100%);}
	.button_sec .button_link img{height: 16px; margin: 0 6px;}
	.button_sec .button_link:not(:last-child){margin-right: 0px; margin-bottom: 5px;}
}


/* 메인 css */
.main_title{color: #35b597;}
#addon-latest-001_002{padding-top: 20px !important;}

#addon-contents-002_003{width: 100%; background: #d2fafa; overflow: visible !important; margin: 70px 0 40px;}
.main_map{width: 100%; display: flex; flex-wrap: wrap;}
.main_map .left_land{width: calc(50% - 30px); margin-right: 30px; position: relative;}
.main_map .left_land::before{content: ""; width: 100%; height: calc(100% + 60px); background: #3796d2; border-radius: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.main_map .right_show_land{width: 50%; display: flex; align-items: center; flex-wrap: wrap;}

#main_land{height: 630px; float: right; margin-right: 4%; position: relative;}

.cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;pointer-events: fill; cursor:pointer} 
.cls-1:hover{fill:#1279b9;}
.cls-1.on{fill: #fff;}
#hoverLabel {
    color: #3796d2;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    pointer-events: none;
}
#hoverLabel {
    position: absolute;
    display: none; /* 기본적으로 숨김 */
    color: #3796d2;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
	text-align: center;
	font-weight: 700;
    z-index: 1000; /* 다른 요소 위에 표시 */
}
.main_map .left_land .land_tit{position: absolute; left: 6%; top: 45%; transform: translateY(-50%);}
.main_map .left_land .land_tit h3{font-size: 35px; font-weight: bold; line-height: 130%; color: #fff; position: relative;}
.main_map .left_land .land_tit h3::before{content: ""; width: 60px; height: 6px; background: #fff; position: absolute; left: 0; top: -20px;}


.right_show_land #land_li{width: 100%; display: none;}
.right_show_land #land_li.on{display: block;}

.right_show_land #land_li .tab_title{font-size: 28px; font-weight: bold; line-height: 180%; color: #000; margin-bottom: 35px;}
.right_show_land #land_li .tab_title b{font-size: 50px; font-weight: bold;}

.right_show_land #land_li ul.flex{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.right_show_land #land_li ul.flex.three li{width: calc(33.3333% - 10px); }
.right_show_land #land_li ul.flex li{background: #fff; border-radius: 20px; text-align: center; padding: 30px 5%;}
.right_show_land #land_li ul.flex li h5{font-size: 24px; font-weight: bold; line-height: 135%;}
.right_show_land #land_li ul.flex li img{height: 80px; margin: 30px 0;}
.right_show_land #land_li ul.flex li .land_num{font-size: 25px; font-weight: 800; line-height: 160%; color: #3796d2;}
.right_show_land #land_li ul.flex li .land_num .num_count{font-size: 45px; font-weight: 800; display: inline-block;}

@media screen and (max-width:1440px) {
	#hoverLabel,
	#hoverLabel_02{display: none !important;}
}
@media screen and (max-width:1400px) {
    .main_map .left_land .land_tit h3{font-size: 30px;}
    .main_map .left_land .land_tit h3::before{width: 50px; height: 5px;}

    .right_show_land #land_li .tab_title{font-size: 28px;}
    .right_show_land #land_li .tab_title b{font-size: 50px;}
    .right_show_land #land_li ul.flex li h5{font-size: 22px;}
    .right_show_land #land_li ul.flex li .land_num{font-size: 25px;}
    .right_show_land #land_li ul.flex li .land_num .num_count{font-size: 32px;}
}
@media screen and (max-width:1200px) {
    .main_map .left_land .land_tit{top: 40%; left: 20px;}
    .main_map .left_land .land_tit h3{font-size: 26px;}
    .main_map .left_land .land_tit h3::before{width: 40px; height: 4px; top: -15px;}

    #main_land{height: 580px;}

    .right_show_land #land_li .tab_title{font-size: 26px; margin-bottom: 40px;}
    .right_show_land #land_li .tab_title b{font-size: 45px;}
    .right_show_land #land_li ul.flex li{padding: 20px 10px;}
    .right_show_land #land_li ul.flex li h5{font-size: 22px;}
    .right_show_land #land_li ul.flex li .land_num{font-size: 25px;}
    .right_show_land #land_li ul.flex li .land_num .num_count{font-size: 32px;}

}
@media screen and (max-width:950px) {
    .main_map .left_land .land_tit{top: 40%; left: 20px;}
    .main_map .left_land .land_tit h3{font-size: 26px;}
    .main_map .left_land .land_tit h3::before{width: 40px; height: 4px; top: -15px;}

    #main_land{height: 450px;}
	

    .right_show_land #land_li .tab_title{font-size: 26px; margin-bottom: 20px;}
    .right_show_land #land_li .tab_title br{display: none;}
    .right_show_land #land_li .tab_title b{font-size: 40px;}
/*    .right_show_land #land_li ul.flex.three li{width: 100%;}*/
    .right_show_land #land_li ul.flex li{padding: 15px 10px;}
    /*.right_show_land #land_li ul.flex li:not(:last-child){margin-bottom: 10px;}*/
    .right_show_land #land_li ul.flex li h5{font-size: 20px; width: 100%;}
    .right_show_land #land_li ul.flex li img{height: 50px; margin: 5px 0;}
    .right_show_land #land_li ul.flex li .land_num{font-size: 25px; width: 100%;}
    .right_show_land #land_li ul.flex li .land_num .num_count{font-size: 32px;}
}
@media screen and (max-width:768px){
    #addon-contents-002_003{margin: 0;}
    .main_map{margin-top: 70px;}
    #main_land{height: auto; max-width: 80%; float: none; margin: 0 30px;}
    .main_map .left_land .land_tit{position: static; transform: translateY(0); margin: 10px 20px 10px;}
    .main_map .left_land .land_tit h3 br{display: none;}
    
    .main_map .left_land{width: 220px; margin-right: 0; position: absolute; top: -30px; right: 0;}
    .main_map .right_show_land{padding: 40px 0; width: 100%;}
    .main_map .left_land::before {height: calc(100% + 40px);}

    .right_show_land #land_li ul.flex{width: calc(100% - 240px);}
    .main_map .left_land .land_tit h3{font-size: 24px;}
    .main_map .left_land .land_tit h3::before{width: 30px; height: 2px; top: -6px;}

    .right_show_land #land_li .tab_title{font-size: 22px; margin-bottom: 10px;}
    .right_show_land #land_li .tab_title b{font-size: 30px;}
    .right_show_land #land_li ul.flex li h5{font-size: 16px;}
    .right_show_land #land_li ul.flex li img{height: 35px; margin: 5px 0;}
    .right_show_land #land_li ul.flex li .land_num{font-size: 18px;}
    .right_show_land #land_li ul.flex li .land_num .num_count{font-size: 22px;}
}
@media screen and (max-width:550px){
	#addon-contents-002_003{margin-top: 280px !important;}
    .main_map .left_land{width: 100%; top: -240px;}
    .right_show_land #land_li ul.flex{width: calc(100% - 0px);}
    #main_land{max-width: 150px; margin: 0 20px; float: right; margin-left: 10px;}
	.main_map .left_land .land_tit h3 br{display: block;}
	.main_map .left_land .land_tit{float: left;}
	#main_land{float: right}
	/*.main_map .left_land {display: flex; align-items: center; justify-content: space-around;}*/
	.main_map .left_land .land_tit h3{font-size: 20px;}


    .right_show_land #land_li ul.flex li .land_num{width: 100%; }
}

/* 비전 및 목표 css */
#sub-page .text_list{width: 100%;}
#sub-page .text_list li{list-style: inside; margin: 3px 0; padding-left: 25px;  text-indent: -25px;}

.vision_shape{width: 100%; display: flex; align-items: center;}
.vision_shape .circ_wrap{display: flex;}
.vision_shape .arrow_wrap{margin-right: 20px;}

.vision_shape .circ_wrap .circle{width: 250px; height: 250px; border-radius: 100%; border: 3px solid #d1eee1; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.vision_shape .circ_wrap .circle:nth-child(1){border-color: #d1eee1; background: radial-gradient(circle closest-side at 50% 50%, #d1eee1, #fff 80%);}
.vision_shape .circ_wrap .circle:nth-child(2){border-color: #d2fafa; background: radial-gradient(circle closest-side at 50% 50%, #d2fafa, #fff 80%);  transform: translateX(-25px);}

.vision_shape .arrow_wrap .arrow span{display: block; margin-bottom: 8px;}
.vision_shape .arrow_wrap .arrow p{padding-top: 10px; position: relative;border-top: 2px solid #35b496; box-sizing: border-box;}
.vision_shape .arrow_wrap .arrow p::before{content: ""; width: 18px; height: 1.5px; background: #35b496; position: absolute; right: -3px; top: -7px; transform: rotate(40deg);}

.vision_shape .column_wrap .border li{border: 1px solid #35b496; box-sizing: border-box; text-align: center; height: 50px; line-height: 48px !important; margin-bottom: 15px; border-radius: 25px; padding: 0 15px;}
.vision_shape .column_wrap .border li:last-child{margin-bottom: 0;}
@media screen and (max-width:900px) {
    .vision_shape .circ_wrap .circle{width: 200px; height: 200px;}
}
@media screen and (max-width:768px) {
    .vision_shape{flex-wrap: wrap; justify-content: center;}
    .vision_shape .circ_wrap{width: 100%; justify-content: center; margin-bottom: 20px;}
    .vision_shape .column_wrap .border li{height: 40px; line-height: 38px !important; margin-bottom: 10px;}
	
	#sub-page .text_list li{padding-left: 25px;  text-indent: -21px;}
}
@media screen and (max-width:500px) {
    .vision_shape{flex-wrap: wrap; justify-content: center;}
    .vision_shape .circ_wrap{width: 100%; justify-content: center; margin-bottom: 20px;}
    .vision_shape .circ_wrap .circle{width: 160px; height: 160px;}
    .vision_shape .circ_wrap .circle:nth-child(2){transform: translateX(-10px);}
    .vision_shape .column_wrap{width: 100%; margin-top: 20px;}

    .vision_shape .arrow_wrap .arrow{position: relative; border-left: 2px solid #35b496; box-sizing: border-box; padding-left: 15px;}
    .vision_shape .arrow_wrap .arrow::before{content: ""; width: 18px; height: 1.5px; background: #35b496; position: absolute; left: -16px; bottom: 5px; transform: rotate(40deg);}
    .vision_shape .arrow_wrap .arrow p{border: 0; padding-top: 0;}
    .vision_shape .arrow_wrap .arrow p::before{display: none;}
}

/* ci소개 */
.ci_flex{width: 100%; display: flex; align-items: flex-start;}
.ci_flex > img{margin-right: 40px;}
.ci_flex .ci_txt h3{line-height: 130% !important;}
.ci_flex .ci_txt h4{padding-bottom: 30px;}

.logo_flex{width: 100%; border: 1px solid #d3d3d3; box-sizing: border-box; padding: 30px 6%; display: flex; flex-wrap: wrap;}
.logo_flex.center{align-items: center;}
.logo_flex li.two{width: 75%;}
.logo_flex li.one{width: 25%; padding-left: 40px;}
.logo_flex li.half{width: 50%;}
.logo_flex li.two > div{height: 50%; width: 100%;}
.logo_flex li.two > div:first-child{border-bottom: 1px solid #d3d3d3; box-sizing: border-box;}
.logo_flex li > div{display: flex; align-items: center;}

.logo_flex li.half:nth-child(2){padding-left: 40px;}
.logo_flex li:not(:first-child){border-left: 1px solid #d3d3d3; box-sizing: border-box;}

.logo_flex li span{display: inline-block; margin-right: 20%; color: #767676; width: 80px; text-align: left;}
.logo_flex.center li span{margin-right: 6%;}

.button_sec.ci{margin-top: 15px;}

@media screen and (max-width:1020px) {
	.logo_flex li span{margin-right: 20px;}
	.logo_flex.center li span{margin-right: 20px;}
	.logo_flex li > div img{max-width: 200px; max-height: 100px;}
	.logo_flex li.one > div img{max-height: 300px;}
}
@media screen and (max-width:768px) {
	.ci_flex > img{width: 150px; margin-right: 20px;}
	.ci_flex .ci_txt h4{padding-bottom: 15px;}
	
	.logo_flex{padding: 30px 20px;}
	.logo_flex li > div{flex-direction: column; justify-content: center; align-items: flex-start;}
	.logo_flex li span{padding-bottom: 10px;}
	.logo_flex.center{align-items: flex-start;}
}
@media screen and (max-width:550px) {
	.ci_flex{flex-wrap: wrap;}
	.ci_flex .ci_txt{margin-top: 20px;}

	.logo_flex{padding: 20px 20px;}
	.logo_flex li.half{width: 100%;}
	.logo_flex li.half:nth-child(1){padding-bottom: 20px;}
	.logo_flex li.half:nth-child(2){padding-left: 0px; border-left: 0; border-top: 1px solid #d3d3d3; padding-top: 20px;}

	.logo_flex li > div img{max-width: 160px; max-height: 90px;}
	.logo_flex li.one > div img{max-height: 200px;}
	.logo_flex li.one{padding-left: 2%; text-align: center;}
	.logo_flex li.one > div span{text-align: center;}
	.logo_flex li.one > div img{margin: 0 auto;}
}


/* 인사말 css */
.greeting_flex{width: 100%; display: flex; flex-wrap: wrap;}
.greeting_flex > h4{width: calc(40% - 40px); margin-right: 40px; line-height: 150% !important}
.greeting_flex > p{width: 60%; line-height: 190%;}
.greeting_flex > p > span{display: block; text-align: right; margin-top: 30px;}
@media screen and (max-width:768px) {
    .greeting_flex > h4{width: calc(100% - 0px); margin-right: 0px;}
    .greeting_flex > p{width: 100%; margin-top: 20px;}
}


/* 조직도 css */
.organi_chart ul{width: 100%;}
.organi_chart ul:not(:last-child){margin-bottom: 40px;}
.organi_chart ul li{text-align: center; height: 60px; line-height: 58px !important; border-radius: 10px; position: relative; margin: 0 5px;}
.organi_chart .first_wrap,
.organi_chart .sec_wrap{display: flex; justify-content: center;}

.organi_chart .first_wrap li{width: 300px; background: #35b496; color: #fff;}
.organi_chart .sec_wrap li{width: 300px; border: 3px solid #35b496; box-sizing: border-box; background: #fff;}
.organi_chart .first_wrap li::before,
.organi_chart .sec_wrap li::before{content: ""; width: 1px; height: 43px; position: absolute; bottom: -43px; left: 50%; transform: translateX(-50%); background: #cccccc; z-index: -1;}

.organi_chart .trd_wrap{display: flex; justify-content: space-around; padding-top: 30px; position: relative;}
.organi_chart .trd_wrap::before{content: ""; width: 50%; height: 1px; background: #cccccc; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.organi_chart .trd_wrap li{width: 200px; background: #d1eee1;}
.organi_chart .trd_wrap li::before{content: ""; width: 1px; height: 30px; background: #cccccc; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); z-index: -1;}
.organi_chart .trd_wrap li:nth-child(2){ background: #d2fafa;}

@media screen and (max-width:768px) {
	.organi_chart ul li{height: 50px; line-height: 48px !important;}
}

/* 찾아오시는길 css */
.map_location{width: 100%; margin: 30px 0 30px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.root_daum_roughmap .wrap_controllers{display: none;}
.locat_list{width: 100%;}
.locat_list.flex{display: flex;}
.locat_list.flex li:not(:last-child){margin-right: 10%;}
.locat_list:not(:last-child){margin-bottom: 30px;}

.locat_list li{display: flex; align-items: center;}
.locat_list li.start{align-items: flex-start;}
.locat_list li > img{max-width: 48px; margin-right: 20px;}

.inner_bd{border-top: 1px solid #c8c8c8; box-sizing: border-box; width: 100%; padding-top: 30px;}
.inner_bd > h3{padding-bottom: 20px;}
@media screen and (max-width:768px) {
	.locat_list:not(:last-child){margin-bottom: 20px;}
	.locat_list li > img{max-width: 48px; margin-right: 15px;}
	#daumRoughmapContainer1734514633857{height: 300px;}
	.map_location .wrap_map{height: 300px !important;}
}
@media screen and (max-width:550px) {
	.locat_list li > img{max-width: 35px; margin-right: 10px;}
	.locat_list.flex{flex-wrap: wrap;}
	/* .locat_list.flex li{width: 100%;} */
	/* .locat_list.flex li:not(:last-child){margin-right: 0px; margin-bottom: 20px;} */
}
@media screen and (max-width:450px) {
	.locat_list li{flex-direction: column; align-items: flex-start;}
	.locat_list li > img{margin-right: 0; margin-bottom: 5px;}
}


/* 대구 도시재생 전략계획 css */
.shape_table{width: 100%;}
.shape_table > .row{width: 100%; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #c8c8c8; box-sizing: border-box; padding: 22px 0;}
.shape_table > .row:first-child{border-top: 1px solid #c8c8c8;}
.shape_table .row{width: 100%; display: flex; flex-wrap: wrap;  align-items: center;}
.shape_table .row > span{width: 70px;}
.shape_table .row > ul.flex{width: calc(100% - 70px); display: flex; flex-wrap: wrap; justify-content: space-between;}
.shape_table .row > ul.flex li{text-align: center;}
.shape_table .row > ul.flex.one li{width: 100%;}
.shape_table .row > ul.flex.two li{width: calc(50% - 10px);}
.shape_table .row > ul.flex.three li{width: calc(33.3333% - 10px);}
.shape_table .row > ul.flex.four li{width: calc(25% - 10px);}
.shape_table .row > ul.flex.five li{width: calc(20% - 10px);}


.shape_table > .row.ifg_bg{position: relative;}
.shape_table > .row.ifg_bg::before{content: ""; position: absolute; top: 50%; left: calc(50% + 40px); transform: translate(-50%, -50%); width: 60%; height: 85%; background: linear-gradient(to bottom, #b8faf8, #fff); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); z-index: -1;}
.shape_table > .row.ifg_bg > p{text-align: center; margin: 50px auto 25px; background: #35b496; color: #fff; border-radius: 30px; padding: 8px 40px; transform: translateX(40px)}
.shape_table .row > ul.flex li.border{border: 1px solid #35b496; background: #fff; border-radius: 30px; box-sizing: border-box; line-height: 50px !important;}

.shape_table .row > ul.flex li.circle{height: 160px; display: flex; align-items: center; justify-content: center; padding: 0 3%; border-radius: 100%;}
.shape_table .row > ul.flex li.circle:nth-child(odd){background: #d1eee1;}
.shape_table .row > ul.flex li.circle:nth-child(even){background: #d2fafa;}

.shape_table .row > ul.flex li.square{text-align: left; background: #f0f0f0; padding: 10px 10px;}
.shape_table .row > ul.flex li.square p{padding-left: 10px; margin-bottom: 10px; word-break: break-all; position: relative;}
.shape_table .row > ul.flex li.square p::before{content: ""; width: 3px; height: 3px; background: #333; border-radius: 100%; position: absolute; left: 0px; top: 12px;}
.shape_table .row > ul.flex li.square p:last-child{margin-bottom: 0;}


#sub-page .table_chart{width: 100%;}
#sub-page .table_chart table{width: 100%; min-width: 550px;}
#sub-page .table_chart table caption{display: none;}
#sub-page .table_chart table{border-top: 1px solid #c8c8c8;}
#sub-page .table_chart table tr th,
#sub-page .table_chart table tr td{padding: 10px 10px; color: #000; border-color: #c8c8c8; line-height: 160%; font-size: 16px;}
#sub-page .table_chart table tr td p{font-size: 16px; margin: 3px 0;}
#sub-page .table_chart table tr td span{font-size: 15px;}
#sub-page .table_chart table tr th{font-weight: 700;}
#sub-page .table_chart table tr td.bold{font-weight: 700;}
#sub-page .table_chart table tr td.left{text-align: left; padding-left: 15px;}
#sub-page .table_chart table tr td p.dot{position: relative; padding-left: 10px;}
#sub-page .table_chart table tr td p.dot::before{content: "•"; position: absolute; left: 0;}
#sub-page .table_chart table tr td span{display: inline-block; padding-left: 12px;}

.about_info li{width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.about_info b{display: inline-block; width: 85px;}
.about_info p{display: inline-block; width: calc(100% - 100px);}
.about_info p span{display: block;}
.about_info p span:not(:last-child){margin-bottom: 8px;}
.about_info p span strong{font-weight: 700;}


.flex_txt{width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.flex_txt .color_bg{width: calc(42% - 50px); margin-right: 50px; background: #d1eee1; border-radius: 20px; padding: 10px 20px;}
.flex_txt .business_list{width: 58%;}
.flex_txt .business_list li{display: flex; flex-wrap: wrap; margin: 5px 0;}
.flex_txt .business_list li > p{width: 40%;}
.flex_txt .business_list li .num{width: 15%; display: inline-block;}
.flex_txt .business_list li .cash{width: 45%; display: inline-block;}

.flex_txt .step_num{width: 50%; display: flex; flex-wrap: wrap;}
.flex_txt .step_num h5{text-align: center; font-size: 120px; font-weight: bold; color: #35b496; line-height: 80%; margin-right: 15px;}
.flex_txt .step_num h5 span{display: block; color: #646464;}

.flex_txt .step_num .step_txt h6{padding-bottom: 10px;}
.flex_txt .step_num .step_txt p{margin: 2px 0;}

.step_icon{width: 100%;}
.step_icon ul.flex{display: flex; flex-wrap: wrap;}
.step_icon ul.flex.five li{width: 20%;}
.step_icon ul.flex li{text-align: center; padding: 0 10px;}
.step_icon ul.flex li .icon_box{height: 60px; margin-bottom: 15px;}
.step_icon ul.flex li .icon_box img{max-height: 100%;}
.step_icon ul.flex li.arrow{position: relative;}
.step_icon ul.flex li.arrow:not(:last-child):before{content: ""; width: 30%; height: 2px; background: #35b496; position: absolute; right: -15%; top: 30px;}
.step_icon ul.flex li.arrow:not(:last-child)::after{content: ""; width: 10px; height: 2px; background: #35b496; position: absolute; right: -15%; top: 30px; transform: rotate(40deg) translate(-1px, -3px);}


.step_icon ul.flex li h5{margin-bottom: 10px;}
.step_icon ul.flex li p{text-align: left; position: relative; padding-left: 10px;}
.step_icon ul.flex li p::before{content: "·"; position: absolute; left: 0; top: 0px; font-weight: bold;}

.border_box{width: 80%; height: 30px; border: 2px dashed #35b496; border-top: 0; margin: 0 auto; position: relative;}
.border_box p{position: absolute; display: inline-block; background: #fff; left: 50%; transform: translateX(-50%); bottom: -16px; padding: 0 15px;}
.border_box::before{content: '▲'; color: #35b496; position: absolute; top: -10px; left: -9px; font-size: 18px;}
.border_box::after{content: '▼'; color: #35b496; position: absolute; top: -10px; right: -9px; font-size: 18px;}
.border_box p::before{content: '◀'; color: #35b496; position: absolute; top: 50%; left: -10px; font-size: 18px; transform: translateY(-50%);}
.border_box p::after{content: '◀'; color: #35b496; position: absolute; top: 50%; right: -10px; font-size: 18px; transform: translateY(-50%);}


.process_flex{width: 100%; display: flex; flex-wrap: wrap;}
.process_flex li.three{width: 60%; border-bottom: 1px solid #d1eee1; box-sizing: border-box;}
.process_flex li.two{width: 40%; border-bottom: 1px solid #d2fafa; box-sizing: border-box;}

.process_flex li.three h5{background: #d1eee1;}
.process_flex li.two h5{background: #d2fafa;}
.process_flex li h5{border-radius: 30px; height: 50px; line-height: 50px; padding: 0 20px;}
.process_flex li .process_txt{padding: 20px 20px;}
.process_flex li .process_txt p{margin: 5px 0;}


.sub_sec .bd_txt{border: 1px solid #35b496; box-sizing: border-box; border-radius: 40px; padding: 25px 20px;}
.sub_sec .flex_icon{width: 100%; display: flex; flex-wrap: wrap; margin-top: 40px;}
.sub_sec .flex_icon.three li{width: 33.3333%; text-align: center; padding: 0 20px;}
.sub_sec .flex_icon.three li .icon_box{min-height: 150px;}
.sub_sec .flex_icon.three li p{padding-top: 15px;}


.sub_sec .icon_full{width: 100%;}
.sub_sec .icon_full li{border: 1px solid #c8c8c8; box-sizing: border-box; padding: 15px 20px; border-radius: 20px; display: flex; flex-wrap: wrap; align-items: center;}
.sub_sec .icon_full li:not(:last-child){margin-bottom: 15px;}
.sub_sec .icon_full li .icon_box{width: 100px; text-align: center; margin-right: 20px;}
.sub_sec .icon_full li .icon_box img{max-width: 60%;}
.sub_sec .icon_full li .txt_box{width: calc(100% - 120px);}
.sub_sec .icon_full li .txt_box p{margin: 3px 0;}

.sub_sec p.p_dot{position: relative; padding-left: 15px; margin-bottom: 8px;}
.sub_sec p.p_dot::before{content: '•'; position: absolute; left: 0;}
.sub_sec p.p_dot span{display: block;}


.admin_table{width: 100%;}
.admin_table table {width: 100%; min-width: 550px; border-top:1px solid #cccccc !important}
.admin_table th {background:#fff; font-size:16px; font-weight:600; border-top:1px solid #cccccc; color:#000  !important}
.admin_table td {font-size:16px; color:#000  !important}


@media screen and (max-width:1120px) {
    .shape_table .row > ul.flex li.square p::before{top: 10px;}

	.sub_sec .icon_full li .icon_box{width: 100px; margin-right: 0px;}
	.sub_sec .icon_full li .txt_box{width: calc(100% - 100px);}

	#sub-page .table_chart table tr th,
	#sub-page .table_chart table tr td,
	#sub-page .table_chart table tr td.left,
	#sub-page .table_chart table tr td.dot{font-size: 14px;}
	#sub-page .table_chart table tr td p{font-size: 14px;}
	#sub-page .table_chart table tr td span{font-size: 12px;}
}
@media screen and (max-width:768px) {
    .shape_table .row > ul.flex.three li{width: calc(33.3333% - 5px);}
    .shape_table .row > span{width: 50px;}
    .shape_table .row > ul.flex{width: calc(100% - 50px); }
    .shape_table .row > ul.flex.five{justify-content: flex-start;}
    .shape_table .row > ul.flex.five li{width: calc(33.3333% - 5px); margin-right: 7px;}
    .shape_table .row > ul.flex.five li:nth-child(3n){margin-right: 0;}
    .shape_table .row > ul.flex.five li:nth-child(1n + 4){margin-top: 10px;}

    .flex_txt .color_bg{width: calc(100%); margin-right: 0px;}
    .flex_txt .business_list{width: 100%; margin-top: 10px;}

    .flex_txt .step_num{width: 100%;}
    .flex_txt .step_num:not(:last-child){margin-bottom: 20px;}
    .flex_txt .step_num h5{font-size: 80px;}

    .process_flex li.three{width: 100%;}
    .process_flex li.two{width: 100%; margin-top: 20px;}

    .step_icon ul.flex.five li{width: 50%;}
    .step_icon ul.flex.five li{width: 50%;}
    .step_icon ul.flex.five li:nth-child(1n + 3){margin-top: 20px;}
    .step_icon ul.flex.five li.arrow:nth-child(2n)::before{display: none;}
    .step_icon ul.flex.five li.arrow:nth-child(2n)::after{display: none;}

    .about_info b{display: inline-block; width: 100%;}
    .about_info p{display: inline-block; width: calc(100%); margin-top: 5px;}

	.sub_sec .flex_icon.three li{width: 50%; text-align: center;}
	.sub_sec .flex_icon.three li:nth-child(1n + 3){margin-top: 20px;}
	.sub_sec .flex_icon.three li .icon_box{min-height: 100px;}
	.sub_sec .flex_icon.three li .icon_box img{max-height: 100px;}

	.sub_sec .icon_full li .icon_box{width: 60px;}
	.sub_sec .icon_full li .txt_box{width: calc(100% - 60px);}

	#sub-page .table_chart table tr th,
	#sub-page .table_chart table tr td,
	#sub-page .table_chart table tr td.left,
	#sub-page .table_chart table tr td.dot{font-size: 12px;}
	#sub-page .table_chart table tr td p{font-size: 12px;}
	#sub-page .table_chart table tr td span{font-size: 11px;}
}

@media screen and (max-width:550px) {
    .shape_table .row{justify-content: center;}
    .shape_table .row > ul.flex{width: 100%; margin-top: 10px;}
    .shape_table .row > span{text-align: center;}
    .shape_table > .row.ifg_bg::before{left: calc(50%);}
    .shape_table > .row.ifg_bg > p{transform: translateX(0px)}
    .shape_table .row > ul.flex.five li{width: calc(50% - 5px);}
    .shape_table .row > ul.flex.five li:nth-child(3n){margin-right: 7px;}
    .shape_table .row > ul.flex.five li:nth-child(2n){margin-right: 0;}
    .shape_table .row > ul.flex.five li:nth-child(1n + 3){margin-top: 10px;}

    .flex_txt .business_list li > p{width: 75%;}
    .flex_txt .business_list li .num{width: 15%;}
    .flex_txt .business_list li .cash{width: 100%;}

    .step_icon ul.flex li .icon_box{height: 40px; }

	.sub_sec .icon_full li .txt_box{width: calc(100%); margin-top: 10px;}

	#sub-page .table_chart{overflow-x: scroll;}
	.latest-cont .admin_table{overflow-x: scroll;}
}


#addon-latest-004{}
#addon-latest-004_005 .latest-title{padding-bottom: 0 !important;}
#addon-latest-004_005 #board-tabs{width: 48% !important;}

#addon-latest-004_005 #board-tabs > *{border: 1px solid #fff !important; padding: 0 0 !important; color: #b4b4b4 !important; font-size: 16pt !important; height: 50px !important; line-height: 48px !important; margin-left: 20px !important;}
#addon-latest-004_005 #board-tabs > *.on, #addon-latest-004_005 #board-tabs > *:hover{border-color: #fff !important; background: #fff !important; color: #000 !important; font-weight: 600;}

#addon-latest-004_005 #board-tabs > *:first-child{margin-left: 0 !important;}

@media screen and (max-width:768px) {
	#addon-latest-004_005 #board-tabs > *{font-size: 14pt !important; margin-left: 10px !important;}

	.admin_table th {font-size:13px;}
	.admin_table td {font-size:13px;}
}


.waiting_page h3{color: #35b496;}
.waiting_page img{margin: 30px 0;}



#sub-page .btn,
.common-btn2 {
	text-align: left;
	position: relative;
	display: inline-block;
	padding: 10px 50px ;
	color: #FFF;
	font-size: 1rem;
	background-color: #000;
	font-weight: 300;
	border: 1px solid #000;
	-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;
}