@font-face {
font-family: 'Hana';
font-weight: 300;
font-style: normal;
src: url('fonts/Hana2-Light.eot');
src: url('fonts/Hana2-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/Hana2-Light.woff2') format('woff2'),
url('fonts/Hana2-Light.woff') format('woff'),
url('fonts/Hana2-Light.ttf') format("truetype");
font-display: swap;
}
@font-face {
font-family: 'Hana';
font-weight: 500;
font-style: normal;
src: url('fonts/Hana2-Medium.eot');
src: url('fonts/Hana2-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/Hana2-Medium.woff2') format('woff2'),
url('fonts/Hana2-Medium.woff') format('woff'),
url('fonts/Hana2-Medium.ttf') format("truetype");
font-display: swap;
}
@font-face {
font-family: 'Hana';
font-weight: 700;
font-style: normal;
src: url('fonts/Hana2-Bold.eot');
src: url('fonts/Hana2-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Hana2-Bold.woff2') format('woff2'),
url('fonts/Hana2-Bold.woff') format('woff'),
url('fonts/Hana2-Bold.ttf') format("truetype");
font-display: swap;
}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
/*기본세팅*/
html,body {font-family: 'Noto Sans KR','Hana'!important; height: 100%; letter-spacing: -0.06em; line-height: 1.6;}
ul,li {list-style: none;}
ol, ul {padding-left: 0;}
dl, ol, ul{margin-bottom: 0;}
a:hover {text-decoration:underline; cursor: pointer;color:#2a8478!important}
a {text-decoration: none!important; color: #000; cursor: pointer;}
.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5 {font-family: 'Hana';}
p {margin-bottom: 0;}
b,strong {font-weight: 700!important}
.small, small {font-size: .87em!important;}
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1352px;}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
/*폰트*/
.fw-100 {font-weight: 100!important;}
.fw-300 {font-weight: 300!important;}
.fw-400 {font-weight: 400!important;}
.fw-500 {font-weight: 500!important;}
.fw-700 {font-weight: 700!important;}
.fw-900 {font-weight: 900!important;}
.font-hana{font-family: 'Hana';}
.fs-5 {font-size:1.13rem!important;}
.fs-6 {font-size: 1.06rem!important;}
.ls-0 {letter-spacing: 0!important;}
/*색상*/
.bg-f4 {background: #f4f4f4!important;}
.bg-green {background:#2a8478!important}
.bg-red {background: #cb2142!important;}
.text-green {color:#2a8478!important}
.text-red {color:#cb2142!important}
.text-555 {color:#555!important}
.btn-green {background: #009591!important}
.btn-gray {background: #b1b1b1 !important}
.border-green {border-color: #009591!important}
.marker-green {background: linear-gradient(180deg, transparent 60%, #c2f1c6 40%);}
.marker-red {background: linear-gradient(180deg, transparent 60%, #fddddd 40%);}
.marker-yellow {background: linear-gradient(180deg, transparent 60%, #f9f8b7 40%);}
/*상단*/
.navbar-brand .logo {width: 200px;}
.navbar-nav .nav-link {font-family: 'Hana'; font-size: 22px;}
.navbar-nav .nav-link:hover{color: #2a8478!important;}
.accordion-button:focus {border-color: none!important; box-shadow: none!important;}
.accordion-button:not(.collapsed) {color: inherit!important; background-color: inherit!important; box-shadow: none!important;}
.accordion-button::after, .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232a8478'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;}
.accordion-button:not(.collapsed)::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232a8478'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important}
.navbar-nav .nav-link .submenu a:hover{color: #fff; text-decoration: underline;}
.navbar-nav .nav-link:before, .navbar-nav .nav-link:after {
content: '';
border-bottom: solid 1px white;
position: absolute;
bottom: 0;
width: 0;
}
.navbar-nav .nav-link:before { left: 0; }
.navbar-nav .nav-link:after { right: 0; }
.navbar-nav .nav-link:hover:before, .navbar-nav .nav-link:hover:after {
width: 50%;
}
.navbar-nav .nav-link:before, .navbar-nav .nav-link:after {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
/* 메인슬라이드 */
#m_slider .carousel-inner .carousel-caption .title {font-size: 5.6rem;}
#m_slider .carousel-inner .carousel-caption .stitle {font-size: 1.8rem; letter-spacing: -0.06em; position: relative; z-index:1}
#m_slider .carousel-inner .carousel-caption .stitle:before {content: '';display: block; position: absolute; bottom: 0; left: 0; width: 100%;height: 25px;background-color: #96f1e2; border-radius: 20px; z-index: -1;
}
#m_slider .carousel-inner .carousel-caption p {font-size: 1.7rem; line-height: 1.4;letter-spacing: -0.06em;}
.carousel-control-next-icon, .carousel-control-prev-icon {filter: none!important; background-image: none!important; position: relative; width: 20%!important; min-width: 30px; height: auto!important; border-radius: 50%; overflow: hidden;}
.carousel-control-next-icon:before, .carousel-control-prev-icon:before {display: block; content: ""; padding-bottom: 100%; background: #fff;}
.carousel-control-next-icon i, .carousel-control-prev-icon i{color: #000; z-index: 1; position:absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: table;}
.carousel-control-next-icon i:before, .carousel-control-prev-icon i:before {display: table-cell; vertical-align: middle;}
.carousel-caption {bottom: 0!important;}
.carousel-indicators {margin-bottom: 9rem!important;}
.carousel-indicators [data-bs-target] {background-color: #2a8478!important; width: 14px!important; height: 14px!important; border-radius: 50%; border: none!important;}
.carousel-indicators .active {background: #cb2142!important;}
/* 메인-나눔소식 슬라이드 */
.swiper-button-next:after, .swiper-button-prev:after {text-indent: -99999px;}
/* 서브 좌측메뉴 list-group
.list-group-item:hover {background: #fff !important; border-bottom-color: #2a8478!important;}
.list-group-item:hover::after {content:"";background-image: url("data:image/svg+xml,")!important;}
.list-group-item a:hover {color:#2a8478!important; background: #fff !important; }
.list-group-item.active {color:#2a8478!important; background: #fff !important; border-top-color: #ddd!important; border-bottom-color: #2a8478!important;}
.list-group-item.active a{color:#2a8478!important;}
.list-group-item.active a:after,.list-group-item a:hover:after {content:""; background-image: url("data:image/svg+xml,")!important; float: right; padding: 10px; position: relative; top: 5px;}
*/
.lnb .accordion-button-r::after,.lnb .accordion-button-r:not(.collapsed)::after {background-image: url("data:image/svg+xml,")!important;}
.lnb .accordion-button:focus,.lnb .accordion-button:focus a {color: #2a8478!important; box-shadow:none!important}
.lnb .accordion-button {font-size: 20px; letter-spacing: -0.06em; font-weight: 600;}
.accordion-button.button-end::after {background-image:none!important;transform: none!important;}
.accordion-button.button-end.active::after,.accordion-button.button-end:hover::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232a8478'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;transform: none!important;}
.accordion-button.button-end.active,.accordion-button.button-end:hover{color:#2a8478!important;}
.lnb li {font-size: 15px;}
.lnb li.active,.lnb li.active a {color:#2a8478!important;}
.donation .donation_tt .tt {font-size: 3.3em;}
.donation .donation_tt .stt {font-size: 2.2em;}
.bbs_contents, .bbs_contents p{font-family: 'Noto Sans KR','Hana'!important; height: 100%; letter-spacing: -0.06em; line-height: 1.6; font-weight:400!important}
.bbs_contents img {width: auto!important; max-width: 998px; height: auto!important;}
.dropdown-item:focus, .dropdown-item:hover {background: inherit!important;}
.dropdown-menu.show {bottom: -3px!important;}
.breadcrumb-item.active {color: #2a8478!important; font-weight: 500;}
.state.type01 {background: #e83c16;}
.state.type02 {background: #3cc769;}
.state.type03 {background: #5f5f5f;}
.state.type04 {background: #acacac;}
.sub_cete .current a{color: #2a8478!important;}
.sub_cete a{color: #888!important;}
.bbs_sns span:before {content: ""; display: block; width: 40px; height: 40px; margin: 0 auto 5px; background: url(/img/ico_sns.png) no-repeat;}
.bbs_sns .twitter:before {background-position: 0 0}
.bbs_sns .facebook:before {background-position: -50px 0}
.bbs_sns .kakao:before {background-position: -100px 0}
.bbs_sns .link:before {background-position: -50px -100px}
.bi-lock::before,.bi-unlock::before {font-weight: 600!important;}
.notice_pop .notice_pop_cnt img {width: 100%;}
@media (min-width: 1200px) {
html {font-size: 16px;}
.fs-1 {font-size:2.3rem!important;}
.fs-2 {font-size:2rem!important;}
}
@media all and (min-width:1200px) and (max-width:1650px) {
.carousel-control-next, .carousel-control-prev {width: 5%;}
#m_slider .carousel-indicators {max-width: 1250px!important;}
}
@media all and (min-width:1600px) and (max-width:1800px) {
.carousel-control-next, .carousel-control-prev {width: 10%;}
}
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
.carousel-caption {left: 4%!important;}
.carousel-caption img {height: 70%;}
.carousel-control-next, .carousel-control-prev {width: 10%;}
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
/*html, body {word-break:keep-all;} */
.navbar-brand .logo {width: 170px;}
.carousel-item::before {content: ""; background:linear-gradient(to right, #f0f4f6 40%, transparent) ; width: 100%; height: 100%; position:absolute; z-index: 1;}
.carousel-control-next-icon i:before, .carousel-control-prev-icon i:before {font-size: 57%;}
.carousel-caption {left: 3%!important;}
.carousel-caption img {height: 70%;}
.m_box6 .fs-6 {font-size: 0.9rem!important;}
.m_box5 .fs-5 {font-size: 0.9rem!important;}
.m_box5 .m_box5_tt span {font-size: 20px!important;}
#myChart {width: 100%!important; height: 100%!important;}
.sub_cete a {font-size: 0.99rem!important;}
.donation .donation_tt .tt {font-size: 2.7em;}
.donation .donation_tt .stt {font-size: 1.8em;}
.donation .donation_img {position:relative;}
.history_line {left:12px!important;}
.fs-4 {font-size: 18px!important;}
.fs-5 {font-size: 16px!important;}
.bi.bi-1-circle-fill {max-width: 24.75px;}
.intro_map .fs-2 {font-size: 1rem!important;}
.bbs_photo_skin .bbs_photo {max-height: 120px!important;}
.bbs_contents img {width: 100%!important; height: auto!important;}
}
/* 모바일 가로, 모바일 세로 (해상도 ~400px)*/
@media all and (max-width:400px) {
.navbar-brand .logo {width: 170px;}
.bbs_photo_skin .bbs_photo {max-height: 90px!important;}
.bbs_photo_skin .fs-5{font-size: 15px!important;}
.m_box5 .m_box5_tt {font-size: calc(1.325rem + .9vw)!important;}
.m_box5 .m_box5_tt span {font-size: 17px!important;}
.m_box5 .fs-5 {font-size: 0.9rem!important;}
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1352px!important;}
}