@charset "utf-8";
@import url('/skin/notokr/notokr.css');

@font-face {
	font-family: 'NanumSquareNeo-Variable';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

.body-layout {
	background-color: #fff;
	word-break: keep-all !important;
	padding-top: 88px;
}

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
	font-family: 'notokr', 'Apple SD Neo Gothic', sans-serif;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px;} */
ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}



.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
	display: none;
}

@media (min-width: 1200px) {
	.navbar.navbar-inverse>.container {
		width: 100%;
	}
}

#navbar-bg {
	transition: all .3s ease;
	height: 0px;
}

.opened #navbar-bg {
	border-top: 1px solid #eee;
	height: 385px !important;
}

.nav-upper {
	background: #9fc73d;
	background: -moz-linear-gradient(-45deg, #dddc00 0%, #81bc40 43%);
	background: -webkit-linear-gradient(-45deg, #dddc00 0%, #9fc73d 43%);
	background: linear-gradient(135deg, #dddc00 0%, #9fc73d 43%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddc00', endColorstr='#81bc40', GradientType=1);


	padding: 5px 0;
}

.nav-upper ul {
	/*width: 195px;*/
	padding-left: 0;
	margin-bottom: 0;
	float: right;
}

.nav-upper ul>li {
	text-align: center;
	float: left;
}

.nav-upper ul>li>a {
	display: block;
	color: #fff;
	padding: 0px 10px;
	font-size: 20px;
}

.nav-upper ul>li:hover>a {
	text-decoration: none;
	color: #DDDC00;
}

.navbar.navbar-inverse {
	background-color: #fff;
	border-color: #eee;
	margin-bottom: 0;
	box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 10%);
}

.navbar.navbar-inverse>.container {
	border-bottom: 0;
	padding-top: 25px;
	/*padding-bottom: 15px;*/
}

.navbar-header {
	margin: 0;
}

.navbar-header .navbar-brand {
	display: block;
	padding: 0;
	font-size: 20px;
	margin-left: 0 !important;
	width: 370px;
	margin-top: 0;
}

.navbar-header .navbar-brand img {
	margin-top: 0;
	display: inline-block;
	vertical-align: bottom;
}

.navbar-inverse .navbar-right {
	margin-right: -20px;
}

.nav.navbar-nav>li>a {
	display: block;
	padding: 3px 25px 28px;
	font-size: 18px;
	color: #25b174;
	line-height: 31px;
	font-weight: 500;
	letter-spacing: -0.06em;
	text-align: center;
	font-family: 'NanumSquareNeo-Variable';
}

.nav.navbar-nav>li>a>span {
	display: block;
	line-height: 1;
	font-size: 14px;
	color: #3d6315;
	letter-spacing: 0.014em;
}

.nav.navbar-nav>li>a:hover,
.nav.navbar-nav>li>a:focus {
	color: #659a2b;
	background-color: transparent;
}

.nav.navbar-nav>li.divider-vertical+li,
.nav.navbar-nav>li.divider-vertical+li+li {
	display: none;
}

.nav.navbar-nav li .dropdown-menu {
	left: 50%;
	right: auto;
	border-radius: 0;
	border: 0;
	padding: 15px 0 0;
	transform: translateX(-50%);
	box-shadow: none;
	background: none;
	height: 0px;
	transition: all 0.3s ease;
	overflow: hidden;
	min-width: 120px;
}

@media (min-width: 768px) {}

.on .nav.navbar-nav li .dropdown-menu {
	height: 385px;
}

.nav.navbar-nav li .dropdown-menu li a {
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	font-size: 15px;
	letter-spacing: -0.034em;
	background: transparent;
}

.nav.navbar-nav li .dropdown-menu li:hover a {
	background: #81BC40;
	color: #fff;
}

.dropdown-menu .divider {
	border-top: 3px dotted #ddd;
	margin: 12px 0;
	background: transparent;
}

@media (max-width: 767px) {
	.body-layout {
		padding-top: 78px;
	}

	.nav-upper ul>li {
		float: right;
	}

	.navbar.navbar-inverse>.container {
		border-bottom: 0;
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.navbar-header .navbar-brand {
		width: 250px;
		margin-left: 15px !important;
		margin-top: 0;
	}

	.navbar-inverse .navbar-header .navbar-toggle {
		margin-top: 0;
		background: #9FC73D;
		border-color: #9FC73D;
	}

	.navbar-inverse .navbar-header .navbar-toggle:hover,
	.navbar-inverse .navbar-header .navbar-toggle:focus {
		background: #9FC73D;
		border-color: #9FC73D;
	}

	.navbar-inverse .navbar-right {
		margin: 0;
	}

	.nav.navbar-nav>li>a {
		text-align: center;
		line-height: 42px;
		padding: 10px 0;
	}

	.nav.navbar-nav li .dropdown-menu {
		text-align: center;
		background: #f7f7f7;
		height: auto;
		transform: translateX(0);
	}

	.nav.navbar-nav li .dropdown-menu li a {
		padding-left: 15px;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #ddd;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-header .navbar-brand {
		width: 235px;
	}

	.nav.navbar-nav>li>a {
		font-size: 14px;
		padding: 0px 10px 15px;
	}

	.nav.navbar-nav>li>a>span {
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-header .navbar-brand {
		width: 300px;
	}
}

@media (min-width: 1200px) {}

/* //���� �׺����̼� */

/* slide */

.container_slide {
	width: 100%;
	padding: 0;
}

.container_slide .fill {
	height: 36.9vw;
}

.carousel-inner>.item {}

.carousel-inner>.item .carousel-caption {
	text-shadow: none;
	padding: 0;
	left: auto;
	bottom: 20.9%;
	right: 15.2%;
	z-index: 10000;
}

.carousel-inner>.item .carousel-caption h1 {}

.carousel-inner>.item .carousel-caption h1>span {}

.carousel-inner>.item .carousel-caption p {
	margin: 0;
}

.carousel-inner>.item .carousel-caption p>span {
	background: none;
	display: block;
	padding: 0;
}

.carousel-inner>.item .carousel-caption p>span a {
	display: block;
	width: 100px;
	height: 100px;
}

.carousel-indicators {
	bottom: 30px;
}

.carousel-indicators>li,
.carousel-indicators>li.active {
	width: 14px;
	height: 14px;
	border: 3px solid #a4c838;
	margin: 0 3px;
}

.carousel-indicators>li.active {
	background: #a4c838;
}

@media (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1600px) {}


/* main-renewal */

.container_mmenu {
	display: none;
}

.container_contents {
	width: 100%;
	padding: 0;
}

.container_contents .intro-html-layout {
	margin: 0;
}

.container_contents .intro-html-layout>.col-sm-12 {
	padding: 0;
}

.main-section {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 1200px) {
	.main-section .container {
		width: 100%;
		max-width: 1430px;
	}
}

.main-section#main01 {
	margin-top: -60px;
}

.main01-link-wrap {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background: #00a55b;
	border-radius: 30px;
}

.main01-link-wrap .main01-link {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
	font-weight: 500;
	transition: all .3s ease;
	width: 25%;
	position: relative;
}

.main01-link-wrap .main01-link:hover,
.main01-link-wrap .main01-link:focus {
	text-decoration: none;
	color: #fffc6b;
}

.main01-link-wrap .main01-link::after {
	content: '';
	display: block;
	width: 2px;
	height: 52px;
	position: absolute;
	top: 34px;
	right: 0;
	border-right: 3px dotted rgba(255, 255, 255, 0.2);
}

.main01-link-wrap .main01-link:last-child::after {
	display: none;
}

.main01-link-wrap .main01-link .text {}

.main01-link-wrap .main01-link .text span {
	font-size: 20px;
	display: block;
	margin-top: 2px;
}

.main01-link-wrap .main01-link .text:hover,
.main01-link-wrap .main01-link .text:focus {}

.main-section#main02 {
	/* background: #fff3c7; */
	background: #fff;
	min-height: 118vh;
}

.main-section#main02 .container>.row {
	margin: 0;
	display: flex;
	gap: 0 30px;
}

.main-section#main02 .container>.row::before,
.main-section#main02 .container>.row::after {
	display: none;
}

.main-section#main02 .container>.row>div {
	padding: 0;
	border-radius: 30px;
	box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 10%);
	background: #fff;
	overflow: hidden;
}

.main-section#main02 .main-bbs-news {}

.main-section#main02 .main-bbs-gallery {}

.main-section#main02 .intro-boardbox {
	padding: 0;
}

.main-section#main02 .intro-boardbox .page-header {
	border: 0;
	padding: 0;
	margin: 0;
	padding: 35px 40px 20px;
	border-bottom: 1px solid #e6e6e6;
}

.main-section#main02 .intro-boardbox .page-header h4 {
	font-size: 26px;
	font-weight: 600;
	color: #000;
	text-align: center;
	margin: 0;
	letter-spacing: -0.034em;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.main-section#main02 .intro-boardbox .page-header h4 small {}

.main-section#main02 .intro-boardbox .page-header h4 a {
	float: none !important;
	color: #81bc40;
	font-size: 14px;
	margin-top: 7px;
	width: auto;
	padding: 0;
	z-index: 1;
}

.main-section#main02 .intro-boardbox .page-header h4 a:hover,
.main-section#main02 .intro-boardbox .page-header h4 a:focus {
	color: #4f8b0d;
	text-decoration: underline;
}

.main-section#main02 .intro-boardbox .page-header h4 a::before {
	content: '자세히 보기';
}

.main-section#main02 .intro-boardbox .page-header h4 a>i {
	display: none;
}

.main-section#main02 .intro-boardbox .dh-front-blog {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
	padding: 35px 40px 30px;
}

.main-section#main02 .intro-boardbox .dh-front-blog::before,
.main-section#main02 .intro-boardbox .dh-front-blog::after {
	display: none;
}

.main-section#main02 .intro-boardbox .dh-front-blog>div {
	padding: 0;
	max-width: 100%;
	float: none;
	width: auto;
}

.main-section#main02 .intro-boardbox .thumbnail {
	margin: 0;
	width: auto;
	min-height: auto;
	border: 0;
	background: none;
}

.main-section#main02 .intro-boardbox .thumbnail .blogthumb {
	width: auto;
	height: auto;
	padding-bottom: 70%;
	aspect-ratio: 1;
}

.main-section#main02 .intro-boardbox .thumbnail .caption {
	text-align: center;
	padding: 0;
}

.main-section#main02 .intro-boardbox .thumbnail .caption .blog-row-subject {
	padding: 10px !important;
	white-space: normal;
	font-size: 15px;
	color: #000;
	line-height: 1.3;
	height: 58px;
	letter-spacing: -0.05em;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
}

.main-section#main02 .intro-boardbox .thumbnail .caption .blog-row-subject .label-danger {
	font-size: 7px !important;
	padding: 0.15em 0.6em;
	margin-left: 3px !important;
}

.main-section#main02 .intro-boardbox .thumbnail .caption .blog-row-contents {
	display: none;
}

.main-section#main02 .intro-boardbox .thumbnail .caption .blog-row-regdate {
	display: none;
}

.main-section#main03 {
	padding: 80px 0 90px;
	background: #e4ffe5;
}

.main-section#main03 .main-tabs {
	margin-bottom: 50px;
}

.main-tabs .nav-tabs {
	display: flex;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	margin: 0;
	border-bottom: 0;
	gap: 0 3px;
}

.main-tabs .nav-tabs::before,
.main-tabs .nav-tabs::after {
	display: none;
}

.main-tabs .nav-tabs>li {
	float: none;
	flex: 1;
	margin: 0;
}

.main-tabs .nav-tabs>li>a {
	background: none;
	padding: 18px 0 23px;
	border: 0;
	text-align: center;
	color: #95a938;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.034em;
	background: #40c660;
	border-radius: 20px 20px 0 0;
	margin: 0;
}

.main-tabs .nav-tabs>li>a:hover,
.main-tabs .nav-tabs>li>a:focus {
	background: none;
	background: #42ad5b;
}

.main-tabs .nav-tabs>li>a::after {
	content: '자세히 보기';
	display: block;
	font-weight: 300;
	font-size: 14px;
	margin-top: 1px;
}

.main-tabs .nav-tabs>li>a:hover::after,
.main-tabs .nav-tabs>li>a:focus::after {
	text-decoration: underline;
}

.main-tabs .nav-tabs>li.active>a {
	border: 0;
	color: #fff;
	background: #42ad5b;
	margin: 0;
	font-size: 19px;
}

.main-tabs .tab-content {
	box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 10%);
	border-radius: 10px 10px 30px 30px;
	margin-top: -5px;
	background: #fff;
	position: relative;
	height: auto;
	padding: 20px 0px 20px;
}

.main-tabs .tab-content .tab-pane {
	background: none;
}

.main-bbs-wrap {
	display: flex;
}

.main-bbs-wrap>[class^="main-bbs"] {
	flex: 1;
	width: calc(100% / 3);
	position: relative;
}

.main-bbs-wrap>[class^="main-bbs"]::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	border-right: 1px dashed #eee;
}

.main-bbs-wrap>[class^="main-bbs"]:last-child::after {
	display: none;
}

.main-tabs .tab-content .tab-pane.active {}

.main-tabs .tab-content .tab-pane .page-header {
	display: none;
}

.main-tabs .tab-content .intro-boardbox {
	padding: 0;
	float: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 {
	margin: 0;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .front-panel {
	padding: 0;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .front-panel .panel {
	padding: 0;
	border: 0;
	margin: 0;
	background: none;
	box-shadow: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .front-panel .panel .panel-body {
	padding: 0;
	display: block;
	background: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .front-panel .panel .panel-body::before,
.main-tabs .tab-content .intro-boardbox .dh-front-list2 .front-panel .panel .panel-body::after {
	display: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words {
	margin: 12px 0;
	padding: 0 0;
	position: relative;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words:last-child {
	margin-bottom: 0;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words:last-child::after {
	display: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 {
	margin: 0;
	height: 47px;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6:hover,
.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6:focus {
	text-decoration: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 b {
	display: block;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 b:hover,
.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 b:focus {
	text-decoration: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 a {
	display: flex;
	position: relative;
	justify-content: space-between;
	padding: 10px 22px;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 a span.row-separator,
.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 a small {
	display: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 a:hover,
.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 a:focus,
.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 a:hover span,
.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 a:focus span {
	text-decoration: none;
	outline: 0;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 .list-row-subject {
	font-size: 17px;
	font-weight: 500;
	display: block;
	line-height: 1.4em;
	letter-spacing: -0.034em;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 .row-separator {
	display: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h6 .list-row-regdate {
	display: block;
	text-align: right;
	font-weight: 300;
	color: #999;
	margin-top: 5px;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h5 {
	margin: 0;
	padding: 0;
	border: 0;
	display: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h5 a {
	font-size: 15px !important;
	font-weight: 400;
	color: #000 !important;
	padding: 0;
	display: block;
	height: 6.5em;
	overflow: hidden;
	line-height: 1.35em;
	margin: 0 0 15px;
}

.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words h5 a:hover {
	text-decoration: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog {
	margin: 0;
	padding-top: 0;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog>div {
	padding: 23px 30px 10px;
	position: relative;
	width: 100%;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog>div::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	border-right: 1px dashed #eee;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog>div:last-child::after {
	display: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog .thumbnail {
	margin: 0;
	display: flex;
	background: none;
	border: 0;
	min-height: fit-content;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog .blogthumb {
	width: 140px;
	height: 110px;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption {
	width: calc(100% - 140px);
	padding: 0 0 0 20px;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption .blog-row-subject {
	margin: 0;
	padding: 0 !important;
	font-size: 17px;
	letter-spacing: -0.034em;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption .blog-row-contents {
	margin: 0 0 15px;
	font-size: 15px !important;
	font-weight: 400;
	color: #333 !important;
	padding: 10px 0 0;
	display: block;
	height: 8em;
	overflow: hidden;
	letter-spacing: -0.02em;
	display: none;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption .blog-row-regdate {
	display: block;
	text-align: right;
	color: #999;
	font-weight: 300;
	margin: 70px 0 0;
	font-size: 13px;
}

.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption:hover,
.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption:hover span {
	text-decoration: none;
}

.main-section#main05 .main-social {
	display: flex;
	align-items: center;
}

.main-section#main05 .main-social .main-yt-wrap {
	width: 82%;
	padding: 35px 110px 40px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0px 10px 50px -40px;
	box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 10%);
}

.main-section#main05 .main-social .main-yt-wrap h3 {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	margin: 0 0 30px;
	text-align: center;
	letter-spacing: -0.034em;
}

.main-section#main05 .main-social .main-yt-wrap .tab-content {
	overflow: hidden;
	border-radius: 15px 15px 0 0;
}

.main-section#main05 .main-social .main-yt-wrap .tab-content .tab-pane {}

.main-section#main05 .main-social .main-yt-wrap .nav-tabs {
	display: flex;
	border: 0;
	gap: 0 2px;
}

.main-section#main05 .main-social .main-yt-wrap .nav-tabs::before,
.main-section#main05 .main-social .main-yt-wrap .nav-tabs::after {
	display: none;
}

.main-section#main05 .main-social .main-yt-wrap .nav-tabs>li {
	float: none;
	margin: 0;
	flex: 1;
}

.main-section#main05 .main-social .main-yt-wrap .nav-tabs>li>a {
	display: block;
	text-align: center;
	border: 0;
	background: #dddc00;
	color: #2e5404;
	margin: 0;
	border-radius: 0 0 10px 10px;
	font-size: 18px;
	font-weight: 500;
	font-family: 'NanumSquareNeo-Variable';
	padding: 15px 0;
}

.main-section#main05 .main-social .main-yt-wrap .nav-tabs>li.active>a {
	background: #80cf29;
}


.main-section#main05 .main-social .main-yt-wrap .row {}

.main-section#main05 .main-social .main-yt-wrap .row>div {}

.main-section#main05 .main-social .main-yt-wrap .row>div iframe {
	height: 200px;
}

.main-section#main05 .main-social .main-sns-link {
	width: 18%;
	padding-left: 60px;
}

.main-section#main05 .main-social .main-sns-link .sns-link {
	display: block;
	font-size: 50px;
	line-height: 1;
	text-align: center;
	padding: 41px 0;
	color: #fff;
	border-radius: 15px;
	margin-bottom: 10px;
}

.main-section#main05 .main-social .main-sns-link .sns-link:hover,
.main-section#main05 .main-social .main-sns-link .sns-link:focus {}

.main-section#main05 .main-social .main-sns-link .sns-link.fb {
	background: #4867aa;
}

.main-section#main05 .main-social .main-sns-link .sns-link.insta {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.main-section#main05 .main-social .main-sns-link .sns-link.youtube {
	background: #f00;
	margin-bottom: 0;
}

.main-section#main04 {
	background: #fdfcdc;
}

#main02 h3,
#main04 h3 {
	font-size: 29px;
	font-weight: 600;
	color: #000;
	margin: 0 0 40px;
	text-align: center;
	letter-spacing: -0.034em;
}

#main04 .center-biz-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

#main04 .center-biz-wrap .center-biz {
	display: block;
	padding: 20px 50px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 20px -15px #000;
	color: #000;
	transition: all .3s ease;
	position: relative;
	top: 0;
}

#main04 .center-biz-wrap .center-biz:hover,
#main04 .center-biz-wrap .center-biz:focus {
	text-decoration: none;
	top: -10px;
}

#main04 .center-biz-wrap .center-biz img {}

#main04 .center-biz-wrap .center-biz .caption {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

#main04 .center-biz-wrap .center-biz:hover .caption,
#main04 .center-biz-wrap .center-biz:focus .caption {
	color: #46874d;
}

.main-control {
	margin: 0;
	position: absolute;
	top: 13%;
	right: 5%;
	padding: 0;
	transform: translateY(-50%);
}

.main-control.fixed {
	position: fixed;
	top: 50%;
}

.main-control.bottomed {
	position: absolute;
	top: 90%;
}

.main-control>li {}

.main-control>li+li {
	margin-top: 10px;
}

.main-control>li>.btn-control {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 1;
	padding: 12px 9px;
	border: 3px solid #9cd7aa;
	border-radius: 5px;
	background: #fff;
	color: #000;
	font-weight: 500;
	letter-spacing: -0.034em;
}

.main-control>li>.btn-control[data-target="top"],
.main-control>li>.btn-control[data-target="bottom"] {
	background: #46874d;
	border-color: #46874d;
	color: #fff;
}

.main-control>li>.btn-control:hover {
	background: #46b760;
	color: #fff;
	border-color: #46b760;
}

.main-volunteer {
	margin: 0 0 50px;
}

.main-volunteer .main-vol-wrap {
	display: flex;
	gap: 50px;
}

.main-volunteer .main-vol-wrap .vol-btn {
	flex: 1;
	box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 10%);
	padding: 30px 40px;
	border-radius: 20px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.main-volunteer .main-vol-wrap .vol-btn:hover {
	text-decoration: none;
}

.main-volunteer .main-vol-wrap .vol-btn.outer {}

.main-volunteer .main-vol-wrap .vol-btn.download {}

.main-volunteer .main-vol-wrap .vol-btn .caption {}

.main-volunteer .main-vol-wrap .vol-btn .caption .tit {
	font-size: 25px;
	display: block;
	font-weight: 600;
	color: #000;
	margin: 0 0 10px;
}

.main-volunteer .main-vol-wrap .vol-btn .caption .des {
	font-size: 16px;
	color: #6f6f6f;
}

.main-volunteer .main-vol-wrap .vol-btn .caption .des small {
	font-size: 12px;
}

.main-volunteer .main-vol-wrap .vol-btn .icon {}

.main-volunteer .main-vol-wrap .vol-btn .icon i {
	display: block;
	font-size: 35px;
	width: 90px;
	text-align: center;
	line-height: 90px;
	background: #77cd18;
	border-radius: 50%;
	color: #fff;
}


@media (max-width: 767px) {
	.container_slide .fill {
		height: 36.7vw;
		height: 48vw;
	}

	.carousel-indicators {
		bottom: 10px;
	}

	.main-section {
		height: auto;
		padding: 30px 0;
		display: block;
		min-height: auto;
	}

	.main-section#main03 {
		padding: 60px 0
	}

	.main-section#main01 {
		margin-top: 30px;
	}

	.main-section#main01 {
		margin-top: 30px;
	}

	#main02 h3,
	#main04 h3 {
		margin-bottom: 10px !important;
	}

	.main01-link-wrap {
		border-radius: 30px;
		flex-wrap: wrap;
	}

	.main01-link-wrap .main01-link {
		width: 50%;
		flex: auto;
		font-size: 18px;
	}

	.main01-link-wrap .main01-link .text span {
		font-size: 18px;
	}

	.main01-link-wrap .main01-link::after {
		display: none;
	}

	.main-section#main02 .container>.row {
		margin: 0;
		display: block;
	}

	.main-section#main02 .container>.row>div {
		padding: 15px 15px 20px;
		margin: 30px 0 0;
	}

	.main-section#main02 .intro-boardbox .dh-front-blog {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 30px 0 0;
	}

	.main-tabs .nav-tabs {
		display: block;
	}

	.main-tabs .nav-tabs>li.active>a {
		border-radius: 0;
		font-size: 18px;
	}

	.main-tabs .tab-content {
		height: auto;
		padding: 0;
		overflow: hidden;
		border-radius: 0;
		box-shadow: none;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-list2 .front-panel .panel .panel-body {
		display: block;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-blog>div {
		padding: 25px 15px;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-blog .thumbnail {
		display: flex;
		align-items: stretch;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-blog .blogthumb {
		width: 50%;
		height: auto;
		min-width: auto;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption {
		width: 50%;
		padding: 10px 20px 10px 20px;
		height: auto;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption .blog-row-subject {
		word-break: normal;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-blog .caption .blog-row-contents {
		height: auto;
	}

	.main-section#main05 .main-social {
		display: block;
	}

	.main-section#main05 .main-social .main-yt-wrap {
		width: 100%;
		padding: 30px;
	}

	.main-section#main05 .main-social .main-sns-link {
		width: 100%;
		padding-left: 0;
		padding-top: 30px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 0 20px;
	}

	.main-section#main05 .main-social .main-sns-link .sns-link {
		padding: 15px;
		font-size: 29px;
		margin: 0;
	}

	.main-section#main05 .main-social .main-sns-link .sns-link.fb {
		margin: 0;
	}

	.main-control {
		top: auto;
		transform: translateY(0);
		left: 0;
		right: 0;
		bottom: 0;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		position: fixed;
		z-index: 999;
	}

	.main-control li {}

	.main-control>li+li {
		margin-top: 0px;
	}

	.main-control>li>.btn-control {
		border-radius: 0;
		border: 1px solid #9cd7aa;
	}

	#main04 .center-biz-wrap {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.main-section#main03 .main-tabs {}

	.main-section#main03 .main-tabs .nav-tabs {
		display: none;
	}

	.main-bbs-wrap {
		display: block;
	}

	.main-bbs-wrap>[class^="main-bbs"] {
		width: 100%;
		margin: 0 0 25px;
		border-radius: 10px 10px 10px 10px;
		overflow: hidden;
		box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 10%);
		padding-bottom: 10px;
	}

	.main-tabs .tab-content .tab-pane .page-header {
		display: block;
		padding: 15px 15px;
		background: #20ac3e;
		margin: 0 0 15px;
	}

	.main-tabs .tab-content .tab-pane .page-header h4 {
		margin: 0;
		color: #fff;
		font-size: 22px;
	}

	.main-tabs .tab-content .tab-pane .page-header a {
		border: 0;
		padding: 0;
		color: #fff;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-list2 {}

	#main04 .center-biz-wrap .center-biz {
		padding: 15px;
	}

	.main-volunteer .main-vol-wrap {
		gap: 20px;
		flex-wrap: wrap;
	}

	.main-volunteer .main-vol-wrap .vol-btn {
		flex: none;
		padding: 20px;
		width: 100%;
	}

	.main-volunteer .main-vol-wrap .vol-btn.download {}

	.main-volunteer .main-vol-wrap .vol-btn .caption {}

	.main-volunteer .main-vol-wrap .vol-btn .caption .tit {
		font-size: 19px;
	}

	.main-volunteer .main-vol-wrap .vol-btn .caption .des {
		font-size: 14px;
	}

	.main-volunteer .main-vol-wrap .vol-btn .caption .des small {}

	.main-volunteer .main-vol-wrap .vol-btn .icon {}

	.main-volunteer .main-vol-wrap .vol-btn .icon i {
		font-size: 27px;
		width: 50px;
		line-height: 50px;
	}

	.main-section#main05 .main-social .main-yt-wrap .nav-tabs>li>a {
		font-size: 12px;
		padding: 10px 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container_slide .fill {
		height: 285px;
	}

	.carousel-indicators {
		bottom: 60px;
	}

	.main01-link-wrap .main01-link {
		font-size: 18px;
	}

	.main01-link-wrap .main01-link .text span {
		font-size: 16px;
	}

	.main-tabs .tab-content .intro-boardbox .dh-front-list2 .dh-front-list2-words:last-child,
	.main-tabs .tab-content .intro-boardbox .dh-front-blog>div:last-child {
		display: none;
	}

	.main-section#main05 .main-social .main-yt-wrap {
		width: 70%;
	}

	.main-section#main05 .main-social .main-sns-link {
		width: 30%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container_slide .fill {
		height: 360px;
	}
}

@media (min-width: 1200px) {}




/* //���� �ߴܿ��� */

/* ���������� */


.volunteer {
	padding: 13px 20px;
	background: #f5f4e8;
	position: relative;
	overflow: hidden;
}

.volunteer .volunteer-title {
	overflow: hidden;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.volunteer .volunteer-title:after {
	content: '';
	display: table;
	clear: both;
}

.volunteer .volunteer-title h4 {
	font-size: 17px;
	font-weight: 500;
	float: left;
	margin-top: 5px;
	letter-spacing: -0.06em;
}

.volunteer .volunteer-title a {
	float: right;
	line-height: 29px;
	color: #999;
	font-size: 12px;
	font-weight: bold;
}

.volunteer dl {
	font-size: 16px;
	margin-bottom: 10px;
}

.volunteer dl dt {
	color: #73a938;
	font-size: 15px;
	letter-spacing: -0.034em;
	font-weight: 500;
}

.volunteer dl dd {
	font-weight: 700;
	font-size: 14px;
}

.volunteer dl dd span {
	font-weight: normal;
	margin-left: 7px;
}

.volunteer .fa {
	position: absolute;
	right: 2px;
	bottom: -10px;
	font-size: 130px;
	opacity: 0.1;
}

.container.sub-layout {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.subHeader {
	height: 150px;
	margin-bottom: 60px;
	background-color: #DFE6C4;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;

}

.subHeader .container {
	position: relative;
	height: 100%;
}

.subHeader .container h2 {
	color: #02270b;
	font-size: 45px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
}

.subHeader .container h2:after {
	content: '';
	display: block;
	width: 150px;
	height: 1px;
	margin: 6px auto;
}

.breadcrumb {
	background: transparent;
	margin: 0;
	padding: 0;
	font-size: 12px;
	position: absolute;
	top: calc(30% + 62px);
	left: 20px;
	transform: translateY(-50%);
}

.breadcrumb li a {
	color: #727171;
}

.breadcrumb li.active {
	color: #727171;
}

.breadcrumb>li+li:before {
	color: #727171;
	font-size: 10px;
}

.subBody {
	padding-bottom: 50px;
}

.subMenu {
	padding-right: 30px;
}

.subContent {
	padding-left: 30px;
}

.subMenu>.nav {
	margin-bottom: 5px;
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
}

.subMenu>.nav:last-of-type {
	border-bottom: 0;
	margin-bottom: 40px;
}

.subMenu>.nav>li {
	margin-top: 0;
	border-bottom: 1px solid #eee;
}

.subMenu>.nav>li:last-child {
	border: 0;
}

.subMenu>.nav:last-of-type>li:last-child {
	border-bottom: 1px solid #ddd;
}

.subMenu>.nav>li>a {
	color: #666;
	border-radius: 0;
	letter-spacing: -0.034em;
	font-size: 15px;
	padding: 12px 15px;
}

.subMenu>.nav>li.active>a {
	color: #fff;
	background: #80bd3f !important;
}

.subMenu>.nav>li:hover>a {
	background: #80bd3f;
	color: #fff;
}

.subMenu>.nav>li>.nav-inner {
	background: #f8f8f8;
	padding: 15px 30px;
}

.subMenu>.nav>li>.nav-inner>li {}

.subMenu>.nav>li>.nav-inner>li~li {
	margin-top: 5px
}

.subMenu>.nav>li>.nav-inner>li>a {
	color: #999;
}

.subContent .subContent_title {
	margin-top: 0;
	font-size: 36px;
	letter-spacing: -4px;
	margin-bottom: 30px;
	font-weight: 300;
}

[id^="footage"] .subContent .subContent_title {
	margin-bottom: 10px;
}

.subContent .subContent_inner {
	padding-bottom: 100px;
}

.subContent .subContent_inner p {
	font-size: 15px;
	color: #333;
	line-height: 1.56
}

[id^="Service"] .subContent .subContent_inner table {
	font-size: 15px;
}

.subContent .subContent_inner table thead tr th {
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #5e9400 !important;
}

.subContent .subContent_inner table tbody tr {
	border-bottom: 1px solid #eee;
}

#Self-Reliance01 .subContent_inner h4 {
	color: #73a938;
}

#Self-Reliance01 .subContent_inner p {
	font-size: 16px;
}

#Self-Reliance01 .subContent_inner .core {
	padding-left: 0;
	text-align: center;
}

#Self-Reliance01 .subContent_inner .core:after {
	content: '';
	clear: both;
	display: table;
}

#Self-Reliance01 .subContent_inner .core li {
	display: inline-block;
	vertical-align: top;
	/*float: left;*/
	font-size: 20px;
	width: 200px;
	height: 200px;
	margin: 15px;
	border-radius: 50%;
	padding-top: 71px;
	color: #fff;
	text-align: center;
}

#Self-Reliance01 .subContent_inner .core li:nth-child(1) {
	background: #96d255;
}

#Self-Reliance01 .subContent_inner .core li:nth-child(2) {
	background: #00bb77;
}

#Self-Reliance01 .subContent_inner .core li:nth-child(3) {
	background: #41bac7;
	padding-top: 56.5px
}

#Self-Reliance01 .subContent_inner .extract {
	color: #999;
	font-size: 13px;
}

#Self-Reliance01 .subContent_inner .extract:before,
#Self-Reliance01 .subContent_inner .extract:after {
	content: '-';
}

#Self-Reliance02 .timeLine .time-box .year {
	font-size: 20px;
	color: #5a9643;
	font-weight: 600;
}

#Self-Reliance02 .timeLine .time-box .issue {
	font-size: 20px;
}

#Self-Reliance02 .timeLine .time-box .issue ol {
	padding-left: 0;
}

#Self-Reliance02 .timeLine .time-box .issue ol li {
	margin-bottom: 10px;
}

#Self-Reliance02 .timeLine .time-box.now {
	background: #e5f7cf;
	padding-top: 40px;
	padding-bottom: 40px;
}

#Self-Reliance02 .timeLine .time-box.now p {
	font-size: 24px;
	color: #1c5406;
	text-align: center;
	font-weight: 500;
}

#Self-Reliance03 .subContent .subContent_inner p {
	font-size: 18px;
	margin-bottom: 20px;
}

#Self-Reliance03 .subContent .subContent_inner table thead tr th,
#Self-Reliance03 .subContent .subContent_inner table tbody tr th,
#Self-Reliance03 .subContent .subContent_inner table tbody tr td {
	text-align: center;
}

#Self-Reliance03 .subContent .subContent_inner table tbody tr:last-child {
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

.gsc-intro {
	background: url(/skin/img/sub/gsc-bg.jpg) no-repeat center / cover;
	padding: 75px 80px;
	border-radius: 30px;
	margin-bottom: 31px;
}

#Self-Reliance03 .subContent .subContent_inner .gsc-intro p {
	color: #fff;
	margin: 0;
	font-size: 28px;
	font-weight: 500;
}

#Self-Reliance03 .subContent .subContent_inner .gsc-intro p.tit {
	font-size: 20px;
	margin: 0 0 10px;
}

.center-image {
	padding: 10px 140px;
	border: 1px solid #ddd;
	margin-bottom: 50px;
}

.center-image img {}

#Self-Reliance03 .subContent .subContent_inner .row:nth-child(2) {
	margin-top: 60px;
}

.center-link {
	display: flex;
	gap: 10px;
	width: 266px;
	text-align: center;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-radius: 50px;
	padding: 15px 0;
	font-size: 17px;
	color: #000;
}

.center-link:hover,
.center-link:focus {
	border-color: #63a31e;
	text-decoration: none;
}

.center-link i {
	color: #999;
}

.center-link:hover i,
.center-link:focus i {
	color: #80bd3f;
}

.gsc-text {}

#Self-Reliance03 .subContent .subContent_inner .gsc-text p {
	text-align: center;
	margin: 0 0 30px;
}

.gsc-text a.gsc-link {
	display: flex;
	gap: 10px;
	width: 266px;
	text-align: center;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-radius: 50px;
	padding: 15px 0;
	font-size: 17px;
	color: #000;
}

.gsc-text a.gsc-link:hover,
.gsc-text a.gsc-link:focus {
	border-color: #63a31e;
	text-decoration: none;
}

.gsc-text a.gsc-link i {
	color: #999;
}

.gsc-text a.gsc-link:hover i,
.gsc-text a.gsc-link:focus i {
	color: #80bd3f;
}

[id ^="Service"] .service-summary {
	overflow: hidden;
	padding-left: 0;
	margin-top: 30px;
	margin-bottom: 80px;
	text-align: center;
}

[id ^="Service"] .service-summary li {
	display: inline-block;
	padding: 8px;
	vertical-align: middle;
	line-height: 1.75em;
}

[id ^="Service"] .service-summary li span {
	display: block;
	width: 180px;
	height: 180px;
	padding: 74px 30px 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border: 2px solid #359c74;
	border-radius: 50%;
	background: #349c74;
	position: relative;
	letter-spacing: -0.06em;
}

[id ^="Service"] .subContent_inner>.row>div:first-child>p,
#Report .subContent .subContent_inner .intro p {
	font-size: 17px;
	padding: 25px;
	background: #fff;
	letter-spacing: -0.06em;
	position: relative;
	margin: 7px;
	font-weight: 500;
}

[id ^="Service"] .subContent_inner>.row>div:first-child>p>span {
	font-weight: normal;
	margin-top: 5px;
	font-size: 16px;
	color: #438200;
	display: block;
}

[id ^="Service"] .services-box {
	display: block;
	text-align: center;
	padding-top: 10px;
}

[id ^="Service"] .services {
	display: inline-block;
	margin: 5px;
	font-weight: 500;
	text-align: center;
	padding: 5px;
	background: #d6f1d0;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	vertical-align: middle;
	padding-top: 29px;
}

[id ^="Service"] .services.row1 {
	padding-top: 34px;
}

#Service01 .service-summary li:first-child span {
	padding-top: 36.5px;
}

#Service01 .service-summary li span,
#Service03 .service-summary li span {
	padding-top: 30.5px;
}

[id ^="Service"] .service-summary li span:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 3px 3px 8px -3px #111;
	display: block;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: transparent;
	border: 2px dashed rgba(255, 255, 255, 0.5);
}

[id ^="Service"] table thead tr th,
[id ^="Service"] table tbody tr td:first-child,
[id ^="Service"] table tbody tr td:last-child {
	text-align: center;
}

[id ^="Service"] table thead tr th,
[id ^="Service"] table tbody tr td {
	vertical-align: middle;
}

#Service03 .footnote {
	font-size: 13px;
	color: #666;
	display: block;
	margin-top: -15px;
	margin-bottom: 20px;
	opacity: 0.6;
}

#Service05 .using-service h4 {
	padding: 20px 0 10px 0;
	font-weight: 600;

}

#Service05 .using-service>div>div {
	padding: 5px 15px;
	background-color: #faffee;
	border: 1px solid #eee;
	margin-bottom: 15px;
	box-shadow: 1px 1px 8px -6px #333;
}

#Service05 .using-service>div>div h5 {
	font-size: 16px;
	font-weight: 600;
}

#Service05 .using-service>div>div ul li {
	font-size: 14px;
	color: #333;
	margin-bottom: 3px;
	position: relative;
}

#Service05 .using-service>div>div ul li:before {
	content: '-';
	position: absolute;
	left: -15px;
}

#Service05 .using-service>div>div ul li span {
	color: #000;
	font-weight: 600;
}

#Service05 .using-service p.recruit {
	color: #ff0000;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
}

#Service06 .table ul {
	margin-top: 10px;
	padding: 10px;
	background: #f3fbd4;
}

#Service06 .table ul li {
	font-size: 15px;
	color: #666;
	padding: 7px;
}

#Service06 .table ul li:before {
	content: '-';
	display: inline-block;
	margin-right: 10px;
}

/* 근로지원사업 페이지*/
#Service07 .tab-content {
	margin-top: 40px;
}

#Service07 .nav-tabs>li>a {
	margin-right: 0;
}

#Service07 .nav-tabs>li:not(.active)>a {
	color: inherit;
	background-color: #f6f6f6;
}

#Service07 .nav-tabs>li.active>a,
#Service07 .nav-tabs>li.active>a:focus,
#Service07 .nav-tabs>li.active>a:hover {
	font-weight: 500;
	border-top: 2px solid #90D04B;
}

#Service07 .subContent_inner h4 {
	padding-top: 40px;
	font-weight: 600;
}

#Service07 ul.list-style-1 {
	padding-left: 20px;
	padding: 30px 40px;
	background-color: #f1f5ee;
	margin-bottom: 15px;
}

#Service07 ul.list-style-1>li {
	font-size: 15px;
	color: #333;
	margin-bottom: 3px;
	position: relative;
	letter-spacing: -0.034em;
	padding-bottom: 1px;
}

#Service07 ul.list-style-1>li small {
	font-size: 95%;
}

#Service07 ul.list-style-1>li:before {
	content: '-';
	position: absolute;
	left: -15px;
}

#Service07 table>tbody>tr>th,
#Service07 table>tbody>tr>td {
	vertical-align: middle;
}

#Service07 table>tbody>tr>th {
	text-align: center;
}

#Service07 table>tbody>tr>td {
	text-align: left;
}

#Service07 .box-service .wrap-btn {
	float: right;
	margin-top: -43px;
}

#Service07 .box-service .btn {
	height: 35px;
	font-size: 13px;
	font-weight: 600;
	color: #5d9026;
	background-color: #f6f6f6;
	border: 1px solid #90D04B;
	line-height: 22px;
}

#Service07 .box-service .btn:hover {
	background-color: #e5e5e5;
}

#Volunteer .subContent_inner>.row:first-child .col-xs-12>p {
	font-size: 18px;
}

#Volunteer .subContent_inner>.row:first-child .col-xs-12>p>span {
	color: #579414;
	font-weight: 500;
}

#Volunteer .volunteer-box {
	margin-bottom: 20px;
	padding: 0 10px !important;
}

#Volunteer .volunteer-box>div {
	padding: 20px;
	position: relative;
	height: 200px;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
}

#Volunteer .volunteer-box>div p {
	font-size: 18px;
	color: #333;
	line-height: 1.2;
	text-align: left;
	font-weight: 600;
}

#Volunteer .volunteer-box>div p span {
	color: #579414;
	font-weight: 600;
}

#Volunteer .volunteer-box>div .fa {
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 103px;
	opacity: 1;
}

#Volunteer .volunteer-box>div ul {
	padding-left: 0;
}

#Volunteer .volunteer-box>div ul li {
	font-size: 16px;
}

#Volunteer .volunteer-box>div ul li span {
	margin-right: 10px;
	font-weight: 600;
}

#Volunteer .volunteer-box>div p.quote {
	color: #cd4848;
	font-size: 16px;
	font-weight: 500;
}

#Volunteer .volunteering>div .fa {
	color: #ccc;
	font-size: 48px;
}

#Volunteer .donate>div .fa {
	color: #ccc;
	font-size: 55px;
	bottom: 10px;
}

#Volunteer .facebook>div .fa {
	color: #ccc;
	font-size: 50px;
}

#Volunteer .donate>div ul li strong {
	font-size: 18px;
	color: #4968b4;
}

#Volunteer .volunteering>div ul li strong {
	font-size: 18px;
	color: #4968b4;
}

#Volunteer .facebook>div p strong {
	color: #4968b4;
	font-size: 17px;
}

#Volunteer+#mod_type_formForm {
	display: none;
}

#Volunteer #mod_type_formForm h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 24px;
	padding-left: 15px;
	border-left: 5px solid #90D04B;
}

#Volunteer #mod_type_formForm h5 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 15px;
}

#Volunteer #mod_type_formForm .method1 {
	padding: 20px;
	background: #f7f7f7;
}

#Volunteer #mod_type_formForm .q_number {
	overflow: hidden;
	margin-bottom: 15px;
}

#Volunteer #mod_type_formForm .q_number .col-sm-12:first-child {
	width: 30%;
}

#Volunteer #mod_type_formForm .q_number .col-sm-12:first-child h3 {
	margin-top: 0;
	line-height: 34px;
}

#Volunteer #mod_type_formForm .q_number .col-sm-12:last-child {
	width: 70%;
}

#Volunteer #mod_type_formForm .q_number .col-sm-12:last-child .form-control {
	margin-bottom: 0;
	border-radius: 0;
}

#Volunteer #mod_type_formForm .q_number .radio label+label {
	margin-left: 10px;
}

#Volunteer #mod_type_formForm .q_number .radio label {
	padding-left: 0;
}

#Volunteer #mod_type_formForm .q_number .radio label input {
	position: relative;
	margin: 0;
}

#Volunteer #mod_type_formForm .q_number .radio label input.business+.q_number {
	float: right;
	margin-bottom: 0;
}

#Volunteer #mod_type_formForm .q_number .radio label input.business+.q_number h3 {
	font-size: 16px;
	line-height: 22px;
	color: #a2a2a2;
}

#Volunteer #mod_type_formForm .q_number .radio label input.business+.q_number .form-control {
	height: 22px;
}

#Volunteer .btn {
	border-radius: 0;
	background: #90D04B;
	border-color: #90D04B;
	color: #fff;
}

#Volunteer .row:nth-child(3) .btn {
	margin: 15px auto;
	display: block;
	width: 185px;
}

#Volunteer .btn .fa {
	margin-right: 15px;
}

#Volunteer .btn:hover {
	background: #5d9026;
	border-color: #5d9026;
}

#About01 .intro-img img {
	border-radius: 20px;
}

#About01 .intro-img {
	margin-bottom: 20px;
}

#About01 .name {
	font-size: 18px !important;
	font-weight: 600;
	color: #444;
}

@media screen and (min-width: 768px) {
	#About01 .intro-img {
		float: right;
	}
}

.subContent_inner h4 {
	color: #333;
	font-size: 28px;
	letter-spacing: -0.08em;
	margin-bottom: 30px;
	font-weight: 500;
}

#About01 .subContent_inner .greet-title {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 40px;
}

#About01 .subContent_inner .greet-title .btn,
#About01 .subContent_inner .greet-title .btn:hover,
#About01 .subContent_inner .greet-title .btn:focus {
	padding: 0;
	background: none;
	border: 0;
	width: 170px;
}

#About01 .subContent_inner .greet-title .btn img {}

#About01 .subContent_inner h4 {
	margin: 0;
}

#About01 .subContent_inner h4>strong {
	color: #b3d239;
	line-height: 1.5;
}

#About03 .timeLine {
	position: relative;
}

#About03 .timeLine:before {
	content: '';
	position: absolute;
}

#About03 .timeLine .time-box {
	margin-bottom: 30px;
}

#About03 .timeLine .time-box .year {
	text-align: center;
}

#About03 .timeLine .time-box .year span {
	font-size: 54px;
	font-weight: 200;
	color: #5cb100;
	font-style: italic;
	line-height: 1.3em;
}

#About03 .timeLine .time-box .issue ol {
	padding-left: 20px;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#About03 .timeLine .time-box .issue ol li {
	font-size: 15px;
	padding: 7px;
	color: #333;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50px;
	letter-spacing: -0.034em;
}

#About03 .timeLine .time-box .issue ol li span {
	font-weight: 600;
	color: #81BC40;
	margin-right: 10px;
	position: absolute;
	left: 0;
}

#About04 .member-info {
	padding: 30px 0;
	border-bottom: 1px dashed #e8efd7;
}

#About04 .member-info h4 {
	font-size: 24px;
	color: #b3d239;
	font-weight: 600;
}

#About04 .member-info .btn,
#About04 .member-info .btn:hover,
#About04 .member-info .btn:focus {
	padding: 0;
	margin: 0 0 30px;
	/* max-width: 180px; */
	background: none;
}

#About04 .member-info .btn {
	display: flex;
	align-items: center;
	gap: 30px;
}

#About04 .member-info .btn img:nth-child(1) {
	max-width: 180px;
}

#About04 .member-info>.info-box {
	padding: 15px 0;
}

#About04 .member-info>.info-box img {
	border-radius: 50%;
	border: 10px solid #DBEACA;
}

#About04 .member-info.team01>.info-box img {
	border-color: #ffcdb2;
}

#About04 .member-info.team02>.info-box img {
	border-color: #ffd6a5;
}

#About04 .member-info.team03>.info-box img {
	border-color: #fff3b0;
}

#About04 .member-info.team04>.info-box img {
	border-color: #d9ed92;
}

#About04 .member-info.team05>.info-box img {
	border-color: #d4f6ff;
}

#About04 .member-info>.info-box h5 {
	font-size: 20px;
	letter-spacing: 0.05em;
	margin-top: 0;
}

#About04 .member-info>.info-box h5>small {
	color: #699400;
	letter-spacing: -0.002em;
	display: inline-block;
	margin-left: 8px;
}

#About04 .member-info>.info-box .info-text {
	padding: 15px;
	margin: 0;
	border: 2px solid #d9ed92;
	border-radius: 10px;
}

#About04 .member-info>.info-box .info-text>li {
	display: flex;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 4px;
}

#About04 .member-info>.info-box .info-text>li>span {
	color: #5E9400;
	font-weight: 600;
	margin-right: 20px;
}

#About04 .member-info.grid>.info-box img {
	margin: 0 auto;
}

#About04 .member-info.grid>.info-box h5 {
	margin: 12px 0 20px;
	font-size: 19px;
	text-align: center;
}

#About04 p.painter {
	padding: 5px;
	text-align: right;
	font-size: 12px;
	color: #999;
	font-style: italic;
}

#About05 .subContent_inner ul {
	padding-left: 0;
	margin-top: 20px;
}

#About05 .subContent_inner ul>li {
	padding: 40px 40px 15px;
	font-size: 18px;
	letter-spacing: -0.034em;
}

#About05 .subContent_inner ul>li>span {
	margin-right: 10px;
	font-weight: 600;
	margin-bottom: 7px;
	display: block;
}

#About05 .subContent_inner ul>li>span>.fa {
	margin-right: 7px;
	color: #81BC40;
}

#About05 .subContent_inner ul>li>ol {
	padding-left: 20px;
}

#About05 .subContent_inner ul>li>ol>li {
	font-size: 16px;
	padding-bottom: 3px;
}

#About05 .subContent_inner ul>li>ol>li:nth-child(1):before {
	content: '1) ';
}

#About05 .subContent_inner ul>li>ol>li:nth-child(2):before {
	content: '2) ';
}

#About05 .subContent_inner ul>li>ol>li:nth-child(3):before {
	content: '3) ';
}

#About05 .subContent_inner ul>li>ol>li .bus {
	color: #6ab100;
}

.dh-board .dhb-txt-box-type-b {
	background: transparent;
	border: 0;
}

.dh-board .dhb-txt-box-type-b .thumb-hidden {
	height: 181px;
	max-height: inherit;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;

}

.dh-board .dhb-txt-box-type-b .thumb-hidden .btnRead {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dh-board .dhb-txt-box-type-b .thumb-hidden .btnRead .dhb-thumb {
	display: none;
}

.dh-board .dhb-txt-box-type-b-text-layout .txt-box-footer {
	display: none;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 12px 12px;
}

.dh-board>.table-hover {
	border-top: 2px solid #5e9400;
	border-bottom: 1px solid #000;
	margin: 0 0 20px 0;
}

.dh-board * a {
	color: #333;
	text-decoration: none;
	margin: 3px 0;
	font-weight: normal;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	border: 1px solid #006338;
	background: #006338 !important;
	font-weight: 600;
	color: #fff !important;
}

#insertForm .input-group #btnNew {
	background: #006338;
	border: 1px solid #333;
	color: #fff;
}

@media (max-width: 767px) {
	.subMenu {
		display: none;
	}

	.subContent .subContent_title {
		margin-top: 40px;
		font-size: 26px;
	}

	#Self-Reliance01 .subContent_inner p {
		font-size: 14px;
	}

	#Self-Reliance03 img {
		margin-bottom: 30px;
	}

	.subContent {
		padding-left: 15px;
	}

	#Volunteer #mod_type_formForm .q_number .col-sm-12:first-child {
		width: 100%;
	}

	#Volunteer #mod_type_formForm .q_number .col-sm-12:last-child {
		width: 100%;
	}

	#Volunteer #mod_type_formForm h4 {
		font-size: 20px;
	}

	#About01 .subContent_inner h4 {
		font-size: 4.9vw;
	}

	#About01 .subContent_inner .inner,
	#Service07 #tab1 .box-service {
		padding-left: 0 !important;
	}

	#About01 .subContent_inner img {
		margin-bottom: 30px;
	}

	#About01 .subContent_inner .inner p {
		padding: 0 !important;
		margin: 0 !important;
	}

	#About01 .subContent_inner .inner img {
		padding-left: 0 !important;
	}

	#About03 .timeLine .time-box .year,
	#About03 .timeLine .time-box .issue {
		width: 100%;
	}

	#About03 .timeLine .time-box .issue ol li span {
		height: 2em;
		display: block;
		float: left;
	}

	#About05 .subContent_inner ul>li>span {
		display: block;
	}

	#About05 .subContent_inner ul>li {
		font-size: 16px;
	}

	#About05 .subContent_inner ul>li>ol>li {
		font-size: 14px;
	}

	#Service07 .nav-tabs>li {
		width: 50%;
		text-align: center;
	}

	#Service07 .box-service .wrap-btn {
		margin-top: 20px;
		float: none;
	}

	#Service07 .has-btn ul.list-style-1 {
		margin-top: 20px;
	}

	#Service07 .box-service .btn {
		width: 49%;
	}

	.bbs-area .dh-board table .regdate,
	.bbs-area .dh-board table .hits {
		display: none;
	}

	#Service03 .subContent_inner .inner .row>div:first-child,
	#Volunteer .subContent_inner .inner .row>div:first-child {
		padding-left: 15px !important;
	}

	#Volunteer .subContent_inner .procedure .inner img {
		width: 100% !important;
	}

	#Volunteer .subContent_inner .procedure .inner dl {
		padding: 30px 20px 0 !important;
	}

	.subContent .subContent_inner .phone a {
		display: block;
		margin-left: 0;
		margin-top: 5px;
	}

	[id ^="Service"] .subContent_inner>.row>div:first-child>p,
	#Report .subContent .subContent_inner .intro p {
		padding: 15px !important;
		margin: 15px !important;
	}

	[id ^="Service"] .subContent_inner>.row>div:first-child>p::before,
	#Report .subContent .subContent_inner .intro p:before {
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: calc(100% + 15px) !important;
		height: calc(100% + 15px) !important;
	}

	[id ^="Service"] .service-summary {
		padding: 50px 0 !important;
		border-top: 1px solid #ddd !important;
		border-bottom: 1px solid #ddd !important;
	}

	#Service05 .subContent_inner>.row:nth-child(2) img {
		margin-bottom: 15px !important
	}

	#Service07 .box-service dl dt,
	#Service07 .box-service dl dd {
		padding-right: 0 !important
	}

	.rental .box {
		display: block !important;
		margin-right: 0 !important;
	}

	.rental .box p {
		width: 100% !important;
		height: auto !important;
	}

	.rental .box p::after {
		right: auto !important;
		left: 50% !important;
		top: auto !important;
		bottom: -36px !important;
		transform: translateX(-50%) rotate(90deg) !important;
	}

	.rental+ul+a {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		padding: 13px 15px !important;
		text-align: center !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.subContent {
		padding-left: 0 !important;
	}

	#About01 .subContent_inner .inner img {
		padding-left: 0 !important;
		height: auto !important;
	}

	#About01 .subContent_inner .inner p {
		padding-top: 20px !important;
		padding-left: 0 !important;
		text-align: center !important;
	}

	.dh-board .dhb-txt-box-type-b {
		width: 50%;
	}

	#Volunteer .volunteer-box>div p {
		font-size: 14px;
	}

	#Volunteer .facebook>div p strong {
		font-size: 14px;
	}

	#Volunteer .volunteer-box>div ul li {
		font-size: 14px;
	}

	#Volunteer .volunteering>div ul li strong,
	#Volunteer .donate>div ul li strong,
	#Volunteer .volunteer-box>div p.quote {
		font-size: 15px;
	}

	#Service03 .subContent_inner .inner .row>div:first-child {
		padding-left: 15px !important;
	}

	#Volunteer .subContent_inner .inner .row>div:first-child {
		padding-left: 30px !important;
	}

	#Volunteer .subContent_inner .procedure .inner dl {
		padding-left: 0 !important;
		padding-top: 15px !important;
	}

	[id ^="Service"] .subContent_inner>.row>div:first-child>p,
	#Report .subContent .subContent_inner .intro p {
		margin: 15px !important;
	}

	[id ^="Service"] .subContent_inner>.row>div:first-child>p::before,
	#Report .subContent .subContent_inner .intro p:before {
		width: calc(100% + 15px) !important;
		height: calc(100% + 15px) !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	[id ^="Service"] .service-summary li span {
		width: 140px !important;
		height: 140px !important;
		padding: 45px 30px 0 !important;
		color: #fff !important;
		font-size: 15px !important;
	}

	[id ^="Service"] .service-summary li span:before {
		width: 130px !important;
		height: 130px !important;
	}

	#Service02 .service-summary li:nth-child(2) span,
	#Service02 .service-summary li:nth-child(3) span,
	#Service04 .service-summary li:nth-child(1) span,
	#Service04 .service-summary li:nth-child(2) span {
		padding-top: 34px !important;
	}

	#Service04 .service-summary li,
	#Service05 .service-summary li {
		padding: 10px !important;
	}

	#Service07 .box-service dl dt,
	#Service07 .box-service dl dd {
		padding-right: 40px !important;
	}

	#Service07 .box-service dl dt {
		padding-top: 32px !important;
	}

	#Volunteer .subContent_inner .inner img {
		height: auto !important;
	}

	#Volunteer .subContent_inner .inner dl,
	#Service03 .subContent_inner .inner dl {
		padding-top: 30px !important;
		padding-right: 40px !important;
	}

	.rental .box {
		display: block !important;
		margin-right: 0 !important;
	}

	.rental .box p {
		width: 100% !important;
		height: auto !important;
	}

	.rental .box p::after {
		right: auto !important;
		left: 50% !important;
		top: auto !important;
		bottom: -36px !important;
		transform: translateX(-50%) rotate(90deg) !important;
	}

	.rental+ul+a {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		padding: 13px 15px !important;
		text-align: center !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.rental .box p {
		width: 186px !important;
		padding: 26px 24px !important;
	}

	#Self-Reliance01 .subContent_inner .core li {
		margin: 10px !;
	}

	[id ^="Service"] .subContent_inner>.row>div:first-child>p::before,
	#Report .subContent .subContent_inner .intro p:before {
		top: 50% !important;
		left: 50% !important;
		width: calc(100% + 7px) !important;
		height: calc(100% + 7px) !important;
		transform: translate(-50%, -50%) !important;
	}

	[id ^="Service"] .service-summary li {
		margin: 25px !important;
	}
}

@media (min-width: 1200px) {}

/* //���������� */

/* ���� Ǫ�� */

.footer_copy .text-center {
	/*background-color: #1b5832;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b5832+40,0c381d+100 */
	background: #3c473e;
	/* Old browsers */
	/*background: -moz-linear-gradient(-45deg,  #1b5832 40%, #0c381d 100%);/* FF3.6-15 */
	/*background: -webkit-linear-gradient(-45deg,  #1b5832 40%,#0c381d 100%);/* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(135deg,  #1b5832 40%,#0c381d 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5832', endColorstr='#0c381d',GradientType=1 );/* IE6-9 fallback on horizontal gradient */

	padding: 40px 0 30px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	float: none;
}

.footer_copy .wrap-footer {
	max-width: 1170px;
	color: #fff;
	margin: 0 auto;
	font-size: 15px;
	text-align: left;
	font-weight: 300;
}

.footer-left h1 a {
	display: block;
}

.footer-left h1 a img {
	width: 75%;
	OPACITY: 0.5;
}

.footer-mid ul {
	padding-left: 0;
	margin-bottom: 0;
}

.footer-mid ul:nth-child(3) {
	margin-bottom: 10px;
}

.footer-mid ul:after {
	content: '';
	clear: both;
	display: table;
}

.footer-mid ul li {
	float: left;
	margin-right: 20px;
	font-size: 13px;
	opacity: 0.8;
}

.footer-mid ul li address {
	margin-bottom: 0px;
}

.footer_copy span.copyrights {
	font-size: 11px;
	letter-spacing: 0.1em;
	opacity: 0.8;
}

.footer-mid strong {
	font-weight: normal;
}

.footer-right {
	position: relative;
}

.footer-right>.modal-btn {
	padding: 5px 10px;
	font-size: 13px;
	background: none;
}

.footer-right>.modal-btn:hover {
	color: #fff;
	text-decoration: underline;
	box-shadow: none;
}

.footer-right>.facebook-link {
	display: block;
	padding: 8px 10px;
	color: #fff;
}

.footer-right>.facebook-link>.fa {
	font-size: 20px;
	margin-right: 8px;
}

.footer-right .login {
	display: inline-block;
	padding: 2px 10px;
	font-size: 12px;
	background: none;
	color: #fff;
	font-weight: 500;
	border: 1px solid;
	border-radius: 3px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.footer-right .login:hover {
	text-decoration: none;
	background: #fff;
	color: #3C473E;
}

@media (max-width: 767px) {
	.footer-left h1 a img {
		margin: 0 auto;
		display: block;
	}

	.footer_copy .wrap-footer {
		text-align: center;
	}

	.footer_copy .wrap-footer .container>div {
		padding-left: 0;
		padding-right: 0;
	}

	.footer-mid strong {
		display: none;
	}

	.footer-mid ul li {
		float: none;
	}

	.footer-right {
		margin-top: 20px;
	}

	.footer-right>.modal-btn {
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

/* //Ǫ�� */

[id^="ModalTerms"] .modal-dialog {
	width: 800px;
}

[id^="ModalTerms"] .modal-dialog .modal-body {
	padding: 20px 40px;
}

[id^="ModalTerms"] .terms-box {
	margin-bottom: 35px;
}

[id^="ModalTerms"] .terms-box h5,
[id^="ModalTerms"] .terms-box p,
[id^="ModalTerms"] .terms-box h6,
[id^="ModalTerms"] .terms-box li {
	text-align: left;
}

[id^="ModalTerms"] .modal-title {
	font-size: 22px;
}

[id^="ModalTerms"] .terms-box h5 {
	font-size: 18px;
}

[id^="ModalTerms"] .terms-box h6 {
	font-size: 16px;
}

[id^="ModalTerms"] .terms-box .term-list {
	padding-left: 20px;
}

[id^="ModalTerms"] .terms-box .term-list>li {
	margin-bottom: 10px;
}

[id^="ModalTerms"] .terms-box .list-inner {
	padding: 20px 15px;
	margin: 5px 0;
	background: #eee;
}

@media (max-width: 767px) {
	[id^="ModalTerms"] .modal-dialog {
		width: auto;
	}

	[id^="ModalTerms"] .modal-header {
		padding: 10px 15px;
	}

	[id^="ModalTerms"] .modal-title {
		font-size: 18px;
	}

	[id^="ModalTerms"] .terms-box h5,
	[id^="ModalTerms"] .terms-box p,
	[id^="ModalTerms"] .terms-box h6,
	[id^="ModalTerms"] .terms-box li {
		font-size: 12px;
	}

	[id^="ModalTerms"] .terms-box h5 {
		font-size: 15px;
	}

	[id^="ModalTerms"] .modal-dialog .modal-body {
		padding: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

.maintenance {
	margin-top: 5px;
	border: 7px solid #E5E5E5;
	padding: 50px 25px;
	text-align: center;
}

.maintenance .icon {
	display: block;
	line-height: 1;
	font-size: 64px;
	margin-bottom: 10px;
	color: #81BC40;
}

.maintenance .big-cont {
	display: block;
	line-height: 1;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-bottom: 20px;
}

.maintenance .small-cont {
	display: block;
	line-height: 1.5;
	font-size: 14px;
	letter-spacing: -0.03em;
	color: #818181;
	margin-bottom: 20px;
}

/* login */

.login-layout,
.id-find-layout,
.pw-find-layout,
.join-agree-area {
	background: #f5f5f5;
	padding: 100px 15px 120px;
	margin-top: -30px;
}

.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
	box-shadow: none;
	max-width: 500px;
	padding: 80px 40px 80px;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.join-agree-area .panel {
	max-width: 1140px;
	box-shadow: none;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr {
	display: none;
}

.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body {
	padding: 0;
}

.login-layout .panel-body>div.col-sm-12,
.id-find-layout .panel-body>div.col-sm-12,
.pw-find-layout .panel-body>div.col-sm-12 {
	float: none;
}

.login-layout .panel-body>div.col-sm-12 h2,
.id-find-layout .panel-body>div.col-sm-12 h2,
.pw-find-layout .panel-body>div.col-sm-12 h2 {
	text-align: center;
	margin: 0 0 15px;
	line-height: 1;
	color: #222;
	font-size: 32px;
}

.inner-box-msg {
	width: 100%;
	text-align: center;
	float: none;
	margin-bottom: 30px;
	padding: 0;
}

.inner-box-msg p {
	font-size: 14px;
	letter-spacing: -0.03em;
	color: #555;
	margin: 0;
}

.inner-box-form {
	width: 100%;
	float: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

.login-layout label,
.id-find-layout label,
.pw-find-layout label {
	font-size: 16px;
	letter-spacing: -0.03em;
	color: #222;
	font-weight: 500;
	margin: 0 0 10px;
	line-height: 1;
}

.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control {
	box-shadow: none;
	border-radius: 0px;
	border: 1px solid #ddd;
	height: 40px;
	color: #555;
	font-size: 15px;
	letter-spacing: -0.03em;
}

.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus {
	border-color: #006338;
}

.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
	float: none;
	width: 100%;
	height: 50px;
	background: #006338;
	border-radius: 0px;
	border: none;
	font-size: 15px;
	letter-spacing: -0.03em;
	box-shadow: none;
	margin-top: 15px;
	transition: all ease 0.3s;
}

.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover {
	background: #333;
}

.login-layout form>div>p,
.id-find-layout form>div>p,
.pw-find-layout form>div>p {
	width: 50%;
	margin: 0;
	float: left;
	text-align: center;
	line-height: 1;
}

.login-layout form>div>p+p,
.id-find-layout form>div>p+p,
.pw-find-layout form>div>p+p {
	border-left: 1px solid #ccc;
}

.login-layout form>div>p>a,
.id-find-layout form>div>p>a,
.pw-find-layout form>div>p>a {
	font-size: 14px;
	color: #555;
	letter-spacing: -0.03em;
	display: block;
	padding: 2px 0;
}

@media (max-width:768px) {

	.login-layout,
	.id-find-layout,
	.pw-find-layout {
		padding: 20px 15px;
	}

	.login-layout .panel,
	.id-find-layout .panel,
	.id-find-layout .panel {
		padding: 40px;
	}

	.login-layout .panel-body>div.col-sm-12 h2,
	.id-find-layout .panel-body>div.col-sm-12 h2,
	.pw-find-layout .panel-body>div.col-sm-12 h2 {
		font-size: 24px;
	}

	.inner-box-msg p {
		font-size: 12px;
	}

	.login-layout label,
	.id-find-layout label,
	.pw-find-layout label {
		font-size: 14px;
	}

	.login-layout .form-control,
	.id-find-layout .form-control,
	.pw-find-layout .form-control {
		font-size: 13px;
		height: 36px;
	}

	.login-layout form>div>p>a,
	.id-find-layout form>div>p>a,
	.pw-find-layout form>div>p>a {
		font-size: 12px;
	}

	.login-layout .btn-warning,
	.id-find-layout .btn-warning,
	.pw-find-layout .btn-warning {
		height: 45px;
		font-size: 14px;
		margin-top: 10px;
	}
}

.table-responsive::-webkit-scrollbar {
	-webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
	width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
	height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .4);
	border-radius: 10px;
	border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #ffffff;
}

#MainCarousel .carousel-fixed .main-box:nth-child(1):hover .main-box-inner {
	background: #0864b3;
	opacity: 1;
}

#MainCarousel .carousel-fixed .main-box:nth-child(3):hover .main-box-inner {
	background: #e2af00;
	opacity: 1;
}

#MainCarousel .carousel-fixed .main-box:nth-child(2):hover .main-box-inner {
	background: #579000;
	opacity: 1;
}

#MainCarousel .carousel-fixed .main-box:nth-child(4):hover .main-box-inner {
	background: #F14E35;
	opacity: 1;
}

.main-service-box .left {
	padding-right: 7px;
}

.main-service-box .right {
	padding-left: 7px;
	padding-right: 7px;
}

.main-service-box .left:last-child {
	padding-left: 7px;
	padding-right: 15px;
}

.main-service-box .bottom .inner:hover span {
	color: #a97c00;
}

.dh-front-blog {
	margin-left: -5px;
	margin-right: -5px;
	padding-top: 10px;
}

#About01 .subContent_inner .inner,
#Service07 #tab1 .box-service {
	border-bottom: 2px dashed #eee;
	padding-top: 40px;
	padding-bottom: 30px;
	background: #fafafa;
	padding-left: 20px;
}

#About01 .subContent_inner .inner:last-child,
#Volunteer .subContent_inner .inner:last-child,
#Service07 .box-service:nth-child(5) {
	border-bottom: none;
}

#About01 .subContent_inner .inner p {
	font-size: 17px;
	letter-spacing: -0.08em;
	line-height: 1.4em;
	padding-top: 80px;
	font-weight: 500;
	padding-right: 100px;
	padding-left: 50px;
	text-align: center;
}

#About01 .subContent_inner .inner img {
	padding-left: 40px;
	height: 220px;
}

#About01 .subContent_inner .inner p span {
	display: block;
	font-size: 15px;
	margin-top: 10px;
	color: #666;
	font-weight: 400;
}

#About05 .subContent_inner img {
	padding: 30px;
}

#About05 .subContent_inner ul>li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#Volunteer .subContent_inner .inner,
#Service03 .subContent_inner .inner {
	border-bottom: 2px dashed #eee;
	padding-top: 50px;
	padding-bottom: 40px;
	background: #fafafa;
	padding-left: 0;
}

#Volunteer .subContent_inner .inner dl,
#Service03 .subContent_inner .inner dl {
	font-size: 16px;
	letter-spacing: -0.08em;
	line-height: 1.4em;
	padding-top: 60px;
	padding-right: 90px;
	padding-left: 20px;
}

#Volunteer .subContent_inner .inner dl dt,
#Service03 .subContent_inner .inner dl dt {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
}

#Volunteer .subContent_inner .inner dl dt span,
#Service03 .subContent_inner .inner dl dt span {
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #81bc40;
	color: #fff;
	padding: 1px 7px;
	font-size: 15px;
	margin-right: 5px;
}

#Volunteer .subContent_inner .procedure>div:nth-child(7),
#Service03 .subContent_inner .procedure>div:nth-child(5),
#Service07 #tab1 .box-service:nth-child(5) {
	border-bottom: none;
	margin-bottom: 10px;
}

#Volunteer .subContent_inner .inner .vol-contact {
	padding-left: 20px;
}

#Volunteer .subContent_inner .inner .vol-contact b {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}

#Volunteer .subContent_inner .inner .vol-contact span {
	display: inline-block;
	vertical-align: top;
}

#Service03 .procedure {
	margin-top: 30px;
}

[id ^="Service"] .subContent_inner>.row>div:first-child>p::before,
#Report .subContent .subContent_inner .intro p:before {
	content: '';
	position: absolute;
	left: -7px;
	top: -7px;
	display: block;
	width: 832.5px;
	height: 119px;
	background: repeating-linear-gradient(45deg, #ccc 0, #ccc 0.05em, transparent 0.1em, transparent 0.3em);
	z-index: -1;
}

[id^="Service"] .subContent .subContent_inner table tbody tr th {
	border-top: 2px solid #87bd00;
	border-bottom: none !important;
	font-size: 17px;
	letter-spacing: -0.06em;
	font-weight: 500;
	padding-bottom: 30px;
	position: relative;
	padding-left: 19px;
}

[id^="Service"] .subContent .subContent_inner table tbody tr td {
	border-top: 1px solid #ccc;
	text-align: left;
	font-size: 16px;
	letter-spacing: -0.06em;
	padding-bottom: 40px;
}

[id^="Service"] .subContent .subContent_inner table tbody tr th::before {
	content: '';
	top: 23px;
	left: 9px;
	width: 4px;
	height: 4px;
	position: absolute;
	background-color: #666;
	border-radius: 50%;
}

#Service01 .service-summary li span,
#Service06 .service-summary li span {
	width: 150px;
	height: 150px;
	padding-top: 50px;
}

#Service01 .service-summary li {
	padding: 6px;
}

#Service01 .service-summary li span::before,
#Service06 .service-summary li span::before {
	width: 140px;
	height: 140px;
}

[id^="Service"] .subContent_inner P+div>div:last-child,
#Service06 .subContent_inner .row .row>div:last-child {
	border-left: 1px dashed #ddd;
}

[id^="Service"] .subContent_inner P+div>div img {
	padding: 0 20px;
}

[id^="Service"] .subContent_inner P+div {
	margin-top: 50px;
}

#Service02 .service-summary li:nth-child(2) span,
#Service02 .service-summary li:nth-child(3) span,
#Service04 .service-summary li:nth-child(1) span,
#Service04 .service-summary li:nth-child(2) span {
	padding-top: 65px;
}

#Service06 .service-summary li:nth-child(4) span,
#Service06 .service-summary li:nth-child(7) span,
#Service06 .service-summary li:nth-child(8) span {
	padding-top: 60px;
}

#Service04 .subContent .subContent_inner table tbody tr th,
#Service06 .subContent .subContent_inner table tbody tr th {
	width: 240px;
}

#Service07 .subContent_inner p>span {
	display: block;
	font-size: 15px;
	text-decoration: none;
	padding-top: 0;
	color: #333;
}

#Service07 .subContent_inner p::before {
	height: 109%;
}

#Service06 .subContent_inner dl dt {
	font-size: 18px;
	letter-spacing: -0.06em;
	margin-bottom: 5px;
}

#Service06 .subContent_inner dl dd {
	font-size: 16px;
	letter-spacing: -0.034em;
	line-height: 1.6em;
}

#Service06 .subContent_inner dl {
	margin-bottom: 40px;
}

.subContent .subContent_inner .phone {
	font-size: 24px;
	border-radius: 3px;
	padding: 15px 20px 20px;
	background: #f4f4f4;
	letter-spacing: -0.06em;
	font-weight: 500;
	text-align: center;
	border: 1px solid #eee;
}

.subContent .subContent_inner .phone a {
	font-size: 28px;
	margin-left: 20px;
	font-weight: bold;
}

.subContent_inner h5 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.06em;
	margin-bottom: 15px;
}

#Volunteer .intro {
	margin-bottom: 80px;
}

#Volunteer .intro p {
	font-size: 20px;
	letter-spacing: -0.06em;
	padding-top: 30px;
}

#Service06 .subContent_inner dl:first-child {
	margin-top: 40px;
}

#Service07 .box-service dl dt,
#Service07 .box-service dl dd {
	padding-left: 0;
	padding-right: 100px;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.08em;
	line-height: 1.4em;
}

#Service07 .box-service dl dt {
	font-size: 18px;
	font-weight: 500;
	padding-top: 60px;
	margin-bottom: 3px;
}

#Service03 .subContent_inner .inner .row>div:first-child,
#Volunteer .subContent_inner .inner .row>div:first-child {
	padding-left: 70px;
	padding-right: 0;
}

#Service03 .subContent_inner .inner dl {
	padding-left: 50px;
	padding-right: 70px;
}

#Service07 .box-service+p {
	font-size: 16px;
	letter-spacing: -0.06em;
	margin-top: 30px;
	padding-left: 5px;
}

[id ^="Service"] .subContent_inner p>span::before {
	padding: 0 5px 0 0;
	color: #ccc;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 16px;
}

.subContent .subContent_inner .phone a::before,
#Report .subContent .subContent_inner .intro p span::before {
	padding: 6px 5px 7px 6px;
	color: #ffffff;
	content: "\f879";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 18px;
	background: #6cb6f5;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	line-height: 23px;
	margin-top: 0px;
}

#Service07 .subContent_inner p>span::before {
	display: none;
}

#Service06 .service-summary li {
	padding: 7px 7px 0;
}

#Service06 .subContent .subContent_inner table tbody tr td b {
	display: block;
}

#Volunteer .subContent_inner .inner img {
	height: 240px;
}

#Volunteer .subContent_inner .procedure .inner dl {
	padding-left: 40px;
	padding-right: 90px;
	padding-top: 30px;
}

.subContent_inner h4+p {
	font-size: 20px;
}

.subContent_inner>h4+p,
#rental .subContent_inner h4+p {
	font-size: 18px !important;
	margin-bottom: 30px;
	letter-spacing: -0.06em;
	margin-top: -20px;
}

#Volunteer .subContent_inner .procedure .inner img {
	height: auto;
}

#Report .subContent .subContent_inner .intro p span {
	display: block;
	font-size: 28px;
	margin-top: 5px;
	color: #1953a9;
	font-weight: bold;
}

#Report .subContent .subContent_inner .intro p:before {
	height: 169px;
	background: repeating-linear-gradient(45deg, #fff791 0, #fff5d1 0.05em, #ffd746 0.1em, transparent 0.3em);
}

#Report .subContent .subContent_inner .intro p {
	background: #fff5d1;
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
	font-weight: normal;
}

#Report .subContent .subContent_inner .intro p b {
	font-weight: 500;
}

.dh-alert {
	font-size: 18px;
}

.rental {
	margin-bottom: 40px;
	margin-top: 30px;
	padding: 30px 20px 160px;
	background: #f4f4f4;
	border-radius: 10px;
}

.rental .box {
	display: inline-table;
	margin-right: 38px;
	position: relative;
}

.rental .box p {
	width: 236px;
	border-radius: 60px;
	font-size: 17px;
	letter-spacing: -0.06em;
	text-align: center;
	padding: 26px 55px;
	height: 100px;
	line-height: 1.35em;
	background: #fff;
	color: #333;
	font-weight: normal;
	position: relative;
	margin-bottom: 50px;
	border: 1px solid #7bb739;
	box-shadow: 3px 3px 0px #f5f5f5;
}

.rental .box:last-child {
	margin-right: 0;
}

.rental+ul {
	position: absolute;
	left: 50%;
	bottom: 150px;
	transform: translateX(-50%);
	padding: 0;
	margin: 0;
}

.rental+ul>li {
	font-size: 18px;
}

.rental+ul>li>b {
	color: #46AF5F;
	margin-right: 15px;
	display: inline-block;
	width: 30px;
	text-align: right;
}

.rental .box p b {
	font-weight: 500;
	color: #106f27;
}

.rental .box p::after {
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 26px;
	color: #aacf7c;
	content: "\f054";
}

.rental .box:last-child p::after {
	display: none;
}

#Service07 #tab2 .box-service {
	padding-bottom: 30px;
}

#rental table p,
#rental table dl {
	background: #f4f5f7;
	padding: 25px;
	border-radius: 5px;
	letter-spacing: -0.034em;
	margin-top: 15px;
	line-height: 1.45em;
	min-height: 100px;
	text-align: center;
}

#rental table thead tr th {
	width: 33.3%;
	text-align: center;
	background: #fff;
	font-size: 16px;
	letter-spacing: -0.034em;
	padding: 20px;
	border-bottom: none;
	border-top: 2px solid #333 !important;
}

#rental table dl {
	padding: 15px 25px;
	margin-bottom: 0;
}

#rental table dl dt {
	font-size: 15px;
	padding-bottom: 10px;
	color: #1466ad;
	font-weight: 500;
}

#rental table dl dd {
	font-size: 15px;
	padding-bottom: 3px;
}

#rental table thead tr th,
#rental .table>tbody>tr>td {
	border-right: 1px solid #eee;
}

#rental .table {
	border-left: 1px solid #eee;
}

.rental+ul+a {
	display: inline-table;
	font-size: 16px;
	letter-spacing: -0.06em;
	padding: 13px 30px;
	background: #46af5f;
	color: #fff;
	margin-bottom: 40px;
	margin: auto;
	position: absolute;
	bottom: 73px;
	right: 39%;
	font-weight: 400;
	border-radius: 3px;
}

#rental .subContent_inner .row>div {
	position: relative;
}

.rental+a:hover {
	text-decoration: none;
	background: #1b9268;
}

#About01 .subContent_inner p {
	font-size: 15px;
	letter-spacing: -0.034em;
	padding-right: 35px;
	margin-bottom: 25px;
}

.bbs-area h4 {
	font-size: 15px;
	margin-bottom: auto;
}

.dh-view-box h4 {
	font-size: 18px;
	padding-bottom: 15px;
	padding-top: 5px;
}

.dh-view-box .dh-attach {}

.dh-view-box .dh-attach h6 {
	text-align: left;
	position: relative;
	padding-left: 70px;
}

.dh-view-box .dh-attach h6 b {
	float: none;
	position: absolute;
	left: 0;
}

.dh-view-box .dh-attach h6 a {
	float: none;
	display: block;
	margin: 0 0 6px;
	font-size: 14px;
}

/* id의 경우 페이지 전체에 걸려 있어야 하며,
페이지 안으로 게시판이 append 되어야 사용 가능합니다. */

/* video b type */
#gallery .dh-board>.dhb-txt-box {
	float: left;
	width: 25%;
	margin: 0 0 30px;
	padding: 0;
	border: none;
	text-align: left;
	background: transparent;
}

#gallery .dhb-txt-list .row>div,
#gallery .dhb-txt-box>div {
	width: 100%;
	border: none;
}

#gallery .dhb-txt-box h5,
#gallery .dhb-txt-box>div.col-md-4 {
	display: none;
}

#gallery .dhb-txt-box h4 {
	padding: 0 10px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dh-vod-thumb>a {
	display: block;
	padding-bottom: 56%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.dh-vod-thumb img {
	display: none;
}

.dh-vod-thumb .vod-play-btn {
	overflow: hidden;
	background: url(/img/video-play-youtube.png) no-repeat center / 300px auto;
}

.dh-margin-top:before {
	content: '';
	display: block;
	clear: both;
}

@media(max-width:767px) {
	#gallery .dh-board>.dhb-txt-box {
		width: 100%;
	}
}

/* main thumb  */
.dh-vod-thumb>a {
	position: relative;
	overflow: hidden;
}

.dh-vod-thumb .video-row-subject {
	position: relative;
	display: none;
}

.dh-vod-thumb .video-row-subject a {
	display: block;
	padding: 0 30px 0 10px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.intro-boardbox-type-vod .label-danger {
	position: absolute;
	right: 10px;
	top: 0;
}

.intro-boardbox-type-vod {
	display: none;
}

@media(max-width:767px) {
	.intro-boardbox-type-vod .dh-front-blog>div {
		width: 100%;
	}
}

/* 2020-11-27*/
.dh-popup {
	padding: 0;
	top: 115px !important;
	max-width: 560px;
}

.dh-popup>p {
	margin: 0;
	position: relative;
}

.dh-popup>p>br {
	display: none;
}

.dh-popup.pull-center {
	left: 50% !important;
	transform: translateX(-50%);
}

.online_vr_1,
.online_vr_2 {
	position: absolute;
	display: block;
	right: 27px;
	width: 86px;
	height: 87px;
}

.online_vr_1 {
	top: 258px;
}

.online_vr_2 {
	top: 360px;
}

.myModal23 {
	right: 500px !important;
}

.myModal24#draggable {
	left: 672px !important;
}

.intro-boardbox-2 .page-header h4 a:first-child {
	pointer-events: none;
	cursor: default;
	color: #333;
}

/* 0804 */
.youtube_video:nth-child(1) {
	margin-bottom: 10px;
	position: relative;
}

.dh-popup>p>br {
	display: none;
}

.dh-popup.pull-center {
	left: 50% !important;
	transform: translateX(-50%);
}

.online_vr_1,
.online_vr_2 {
	position: absolute;
	display: block;
	right: 27px;
	width: 86px;
	height: 87px;
}

.online_vr_1 {
	top: 258px;
}

.online_vr_2 {
	top: 360px;
}

.myModal23 {
	right: 500px !important;
}

.myModal24#draggable {
	left: 672px !important;
}

.intro-boardbox-2 .page-header h4 a:first-child {
	pointer-events: none;
	cursor: default;
	color: #333;
}

@media (max-width: 767px) {
	.dh-popup.pull-left {
		left: 50% !important;
		transform: translateX(-50%);
	}
}

#footage01 .history {
	position: relative;
}

#footage01 .history::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	/* transform: translateX(-50%); */
	background: #e5e5e5;
	display: block;
	width: 1px;
	height: 100%;
}

#footage01 .history .timeline {
	position: relative;
	padding: 30px 0;
}

#footage01 .history .timeline:nth-child(odd) {
	padding-left: calc(50% + 40px);
}

#footage01 .history .timeline:nth-child(even) {
	text-align: right;
	padding-right: calc(50% + 40px);
}

#footage01 .history .timeline::before {
	content: '';
	position: absolute;
	top: 56px;
	display: block;
	width: 15px;
	height: 15px;
	border: 4px solid #539110;
	border-radius: 50%;
	background: #fff;
}

#footage01 .history .timeline:nth-child(odd)::before {
	left: calc(50% - 7px);
}

#footage01 .history .timeline:nth-child(even)::before {
	right: calc(50% - 7px);
}

#footage01 .history .timeline .year {
	font-size: 40px;
	font-weight: 600;
	color: #80bd3f;
}

#footage01 .history .timeline .li-issue {
	padding: 0;
	margin: 0;
}

#footage01 .history .timeline .li-issue>li {
	position: relative;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	margin-top: 5px;
}

#footage01 .history .timeline:nth-child(odd) .li-issue>li {
	padding-left: 15px;
}

#footage01 .history .timeline:nth-child(even) .li-issue>li {
	padding-right: 15px;
}

#footage01 .history .timeline .li-issue>li::before {
	content: '';
	position: absolute;
	top: 8px;
	display: block;
	width: 5px;
	height: 5px;
	background: #498b03;
	border-radius: 50%;
}

#footage01 .history .timeline:nth-child(odd) .li-issue>li::before {
	left: 0;
}

#footage01 .history .timeline:nth-child(even) .li-issue>li::before {
	right: 0;
}

.funding-intro-wrap {
	max-height: 400px;
	overflow-y: scroll;
}

.funding-intro-wrap::-webkit-scrollbar {
	background: #fff;
	max-width: 4px;
}

.funding-intro-wrap::-webkit-scrollbar-thumb {
	background: #d9ffb0;
	border-radius: 10px;
}

.funding-intro-wrap::-webkit-scrollbar-track {
	background: #f7f7f7;
}

.funding-intro {
	margin: 0 0 60px;
}

.funding-intro h4 {
	text-align: center;
	text-align: center;
}

.funding-intro .inner {
	display: flex;
	gap: 40px;
	align-items: center;
}

.funding-intro .inner .image {
	width: 450px;
}

.funding-intro .inner .image img {}

.funding-intro .inner .text {
	flex: 1;
}

.funding-intro .inner .text .li-funding {
	padding: 0;
}

.funding-intro .inner .text .li-funding:last-child {
	margin: 0;
}

.funding-intro .inner .text .li-funding li {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.funding-item-wrap {
	margin: 50px 0 60px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

.funding-item-wrap h4 {}

.funding-item-wrap .funding-item {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.funding-item-wrap .funding-item .item {}

.funding-item-wrap .funding-item .item .image {
	aspect-ratio: 1;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.funding-item-wrap .funding-item .item .image img {}

.funding-item-wrap .funding-item .item:hover .image {}

.funding-item-wrap .funding-item .item:hover .image img {}

.funding-item-wrap .funding-item .item .caption {
	margin: 10px 0 0;
	font-size: 17px;
}

.funding-inquiry {}

.subContent .subContent_inner .funding-inquiry>p {
	font-size: 18px;
	margin: 0 0 30px;
}

.funding-inquiry .howto-inq {
	padding: 30px;
	background: #f8f8f8;
	margin: 0 0 30px;
}

.funding-inquiry .howto-inq .li-fund-inq {
	padding: 0;
}

.funding-inquiry .howto-inq .li-fund-inq>li {
	position: relative;
	font-size: 17px;
	padding-left: 40px;
	margin-top: 11px;
}

.funding-inquiry .howto-inq .li-fund-inq>li::before {
	position: absolute;
	top: -1px;
	left: 0;
	font-size: 15px;
	display: flex;
	width: 26px;
	height: 26px;
	aspect-ratio: 1;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: #66b114;
	color: #fff;
}

.funding-inquiry .howto-inq .li-fund-inq>li:nth-child(1)::before {
	content: '1';
}

.funding-inquiry .howto-inq .li-fund-inq>li:nth-child(2)::before {
	content: '2';
}

.funding-inquiry .howto-inq .li-fund-inq>li .li-dash {
	margin: 5px 0 0;
	padding: 0;
}

.funding-inquiry .howto-inq .li-fund-inq>li .li-dash>li {
	position: relative;
	padding-left: 15px;
}

.funding-inquiry .howto-inq .li-fund-inq>li .li-dash>li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 7px;
	height: 1px;
	background: #999;
}

.funding-inquiry .howto-inq>.note {
	line-height: 1;
	margin: 0;
	font-size: 16px;
	margin: 25px 0 0;
}

.exhibition-wrap-area {
	max-height: 490px;
	overflow-y: scroll;
	padding-right: 15px;
	margin-bottom: 60px;
}

.exhibition-wrap-area::-webkit-scrollbar {
	background: #fff;
	max-width: 4px;
}

.exhibition-wrap-area::-webkit-scrollbar-thumb {
	background: #d9ffb0;
	border-radius: 10px;
}

.exhibition-wrap-area::-webkit-scrollbar-track {
	background: #f7f7f7;
}

.exhibition-wrap {
	display: block;
	padding: 40px 0 50px;
}

.exhibition-wrap:not(:first-of-type) {}

.exhibition-wrap h4 {
	text-align: center;
}

.exhibition-wrap .exhibition-intro {
	display: flex;
	gap: 50px;
	align-items: flex-end;
}

.exhibition-wrap .exhibition-intro .image {
	width: 270px;
	display: block;
}

.exhibition-wrap .exhibition-intro .text {
	flex: 1;
}

.exhibition-wrap .exhibition-intro .text {}

.exhibition-wrap .exhibition-intro .text .li-exhibi {
	padding: 0;
	margin: 0;
}

.exhibition-wrap .exhibition-intro .text .li-exhibi>li {
	margin-top: 10px;
	font-size: 16px;
	display: flex;
	align-items: flex-start;
}

.exhibition-wrap .exhibition-intro .text .li-exhibi>li::before {
	content: '';
	position: absolute;
}

.exhibition-wrap .exhibition-intro .text .li-exhibi>li b {
	width: 80px;
}

.exhibition-wrap .exhibition-intro .text .li-exhibi>li span {
	flex: 1;
}

[id^="footage"] .dh-board .dhb-txt-box-type-b {
	width: calc(100% / 3);
}

[id^="footage"] .dh-board .dhb-txt-box-type-b .thumb-hidden {
	aspect-ratio: 1.4;
	height: auto;
}

[id^="footage"] .dh-board .dhb-txt-box-type-b:hover .thumb-hidden .btnRead {
	background-size: contain;
}

[id^="footage"] .bbs-area .filter-items {
	padding: 0 15px;
	margin: -40px 0 30px;
	display: flex;
	gap: 30px;
	padding: 0;
	align-items: baseline;
}

[id^="footage"] .bbs-area .filter-items>a+a {
	display: none;
}

[id^="footage"] .bbs-area .filter-items>a:nth-child(1):not(.on) {
	display: none;
}

[id^="footage"] .bbs-area .filter-items>a.on {
	display: block;
	margin: 0;
}

[id^="footage"] .bbs-area .filter-items>a.on:nth-child(1)~a {
	display: block;
}

[id^="footage"] .bbs-area .filter-items>a .filter-label {
	margin: 0;
	color: #b1dd12;
	background: none;
	font-size: 19px;
	padding: 0;
}

[id^="footage"] .bbs-area .filter-items>a.on .filter-label {
	color: #7d9d00;
}

[id^="footage"] .bbs-area .filter-items>a.on:not(:nth-of-type(1)) .filter-label {
	font-size: 34px;
	font-weight: 600;
}

[id^="footage"] .bbs-area .filter-items>a .filter-label>span {}

[id^="footage"] .bbs-area .filter-items>a:hover {}

[id^="footage"] .bbs-area .filter-items>a:hover .filter-label {}

[id^="footage"] .bbs-area .filter-items>a:hover .filter-label>span {}

#footage02 .btn {
	padding: 0;
	background: none;
	box-shadow: none;
}

#footage02 .btn:hover,
#footage02 .btn:focus {
	text-decoration: none;
	border: 0;
	outline: none;
}

#footage02 .btn img {
	width: 183px;
}

#footage02 .btn .caption {
	display: flex;
	flex-direction: column;
	margin: 0;
}

#footage02 .btn .caption .des {}

#footage02 .btn .caption .name {
	font-weight: 600;
	font-size: 18px;
}

#footage02+.modal .modal-dialog {
	width: 100%;
	max-width: 800px;
}

.modal-open,
.modal-open .modal {
	padding-right: 0 !important;
}

.modal-area {
	text-align: center;
	margin-top: 20px;
}

.modal-area button {
	background: #fff;
}

@media(max-width:767px) {}