@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;
}
#footage02 .btn img{}
#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){

}