귀뚜라미문화,복지재단

<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="daumoa" content="NOINDEX, NOFOLLOW" /> <title>귀뚜라미문화,복지재단</title> <meta name="robots" content="ALL" /> <meta name="generator" content="Waplez" /> <meta name="author" content="kfoc.or.kr" /> <meta name="title" content="메인화면" /> <meta name="subject" content="귀뚜라미문화,복지재단" /> <meta name="keywords" content="메인화면,메인화면" /> <meta name="description" content="" /> <meta name="classification" content="" /> <meta name="reply-to" content="" /> <meta name="content-language" content="" /> <meta name="build" content="" /> <meta name="copyright" content="Copyrights © 2025 kfoc.or.kr All Rights Reserved" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <script src="/_core/js/markerclusterer.js"></script> <script src="https://spi.maps.daum.net/imap/map_js_init/postcode.js"></script> <link rel="shortcuticon" href="http://sample.waplez1.com/layouts/default/image/hscstyle.ico"> <link type="text/css" rel="stylesheet" charset="utf-8" href="/_core/css/sys.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="/layouts/default/css/fonts.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="/layouts/default/css/basic.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="/layouts/default/css/common.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="/layouts/default/css/main_style.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="/_core/css/admin.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="//fonts.googleapis.com/css?family=Lato" /> <script type="text/javascript"> //<![CDATA[ var mbrclick= false; var rooturl = 'https://kfoc.or.kr'; var rootssl = 'https://kfoc.or.kr'; var raccount= 'home'; var moduleid= 'home'; var memberid= ''; var is_admin= ''; var needlog = '로그인후에 이용하실 수 있습니다. '; var neednum = '숫자만 입력해 주세요.'; var myagent = navigator.appName.indexOf('Explorer') != -1 ? 'ie' : 'ns'; //]]> </script>  <script type="text/javascript"> var _WpzPush=(function(){var _S=((['<scr','ipt','type="text/javascr','ipt"></scr','ipt>']).join('')).replace('tt','t src="'+location.protocol+ '//www.waplez.com/push/wpzpush.js?rd='+(new Date().getTime())+'" t');document.writeln(_S); return _S;} )(); </script>  <script type="text/javascript" charset="utf-8" src="/_core/js/sys.js?nFlag=20250406003532"></script> <script type="text/javascript" charset="utf-8" src="/layouts/default/js/basic.js?nFlag=20250406003532"></script> <link type="text/css" rel="stylesheet" charset="utf-8" href="/pages/_main.css?nFlag=20250406003532" /> <script type="text/javascript" charset="utf-8" src="/pages/_main.js?nFlag=20250406003532"></script> <link type="text/css" rel="stylesheet" charset="utf-8" href="/pages/main.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="/layouts/default/_theme/jolius/theme.css?nFlag=20250406003532" /> <link type="text/css" rel="stylesheet" charset="utf-8" href="/widgets/bbs/basic_list/main.css" /> </head> <body id="main"> <div id="skipNav"> <a href="#contents">본문 바로가기</a> </div> <style> #top .tobber ul {margin:14px 178px 0 0;} .top-menu { display: flex; justify-content: space-around; align-items: center; background: linear-gradient(to right, #60ae1c, #1a9749); height: 80px; font-family: "pretendard"; } /*.logo-area { margin: 0 0 0 97px; }*/ /*.menu { margin: 0 0 0 100px; }*/ .logo-area { margin: 0 0 0 80px; } .menu { margin: 0; } .menu .first-level-menu .lever_01 { padding: 30px 60px 30px 20px; float: left; } .menu .first-level-menu .lever_01 a { color: #fff; font-size: 17px; font-weight: bold; padding: 30px 0 30px 0; } .first-level-menu > li { position: relative; display: inline-block; } .second-level-menu { position: absolute; top: 85px; /* 상위 메뉴 하단에 정렬되도록 */ left: 20px; width: 100%; /* 화면 전체를 가로로 채우도록 설정 */ padding: 0; box-sizing: border-box; overflow: hidden; max-height: 0; z-index: 5; } .second-level-menu li { display: block; width: 100%; /* 하위 메뉴가 상위 메뉴와 같은 가로 영역을 차지하도록 설정 */ text-align: left; } .second-level-menu li a { display: block; padding: 20px 0 10px 0!important; color: #777777!important; text-decoration: none; font-weight: 500!important; } .second-level-menu li a:hover {color:#08873e!important;} .first-level-menu:hover .second-level-menu { max-height: 250px; } .menu .lever_01:hover .navi-box2 { display: block; } .first-level-menu:hover .navi-box2 { display: block; } .navi-box2 { position: absolute; top: 120px; left: 0; width: 100%; height: 250px; background-color: white; z-index: 4; transition: max-height 0.3s ease; display: none; } </style> <div id="top">  <div class="tobber"> <div class="tobber-box"> <ul> <li><a href="/?r=home">HOME</a></li> <li><div class="bar"></div></li> <li><a href="https://kfoc.or.kr/?mod=sitemap">SITEMAP</a></li> <li><div class="bar"></div></li> <li><a href="./?c=1/9">CONTACT US</a></li>   </ul> </div> </div>   <header class="top-menu"> <div class="logo-area"> <a href="/?r=home"><img src="/layouts/default/image/logo3.png"></a> </div> <nav class="menu"> <ul class="first-level-menu"> <li class="lever_01"><a href="https://kfoc.or.kr//?c=1/5">귀뚜라미 재단</a> <ul class="second-level-menu"> <li><a href="https://kfoc.or.kr//?c=1/5">이사장 소개</a></li> <li><a href="https://kfoc.or.kr//?c=1/6">재단 발자취</a></li> <li><a href="https://kfoc.or.kr//?c=1/7">재단 소개</a></li> <li><a href="https://kfoc.or.kr//?c=1/8">CI소개</a></li> <li><a href="https://kfoc.or.kr//?c=1/9">찾아오시는 길</a></li> </ul> </li> <li class="lever_01"><a href="https://kfoc.or.kr//?c=2/10">주요 사업 소개</a> <ul class="second-level-menu"> <li><a href="https://kfoc.or.kr//?c=2/10">문화재단</a></li> <li><a href="https://kfoc.or.kr//?c=2/11">복지재단</a></li> </ul> </li> <li class="lever_01"><a href="https://kfoc.or.kr//?c=3/12">활동 소식</a> <ul class="second-level-menu"> <li><a href="https://kfoc.or.kr//?c=3/12">재단뉴스</a></li> <li><a href="https://kfoc.or.kr//?c=3/13">공지사항</a></li> <li><a href="https://kfoc.or.kr//?c=3/14">수탁기관소식</a></li>  </ul> </li>  <div class="navi-box2"></div> </ul> </nav> </header>  </div> <div id="wrapper1"> <link href="/layouts/default/css/common.css" rel="stylesheet" type="text/css" /> <link href="/layouts/default/css/basic.css" rel="stylesheet" type="text/css" /> <link href="/layouts/default/css/fonts.css" rel="stylesheet" type="text/css" /> <link href="/layouts/default/css/main_style.css" rel="stylesheet" type="text/css" /> <link href="/layouts/default/css/sub_style.css" rel="stylesheet" type="text/css" /> <link href="/layouts/default/css/pretendard.css" rel="stylesheet" type="text/css" /> <style> /*슬라이드*/ .slideshow-container { max-width: 100%; position: relative; margin: auto; overflow: hidden; } .slides { display: flex; transition: transform 1s ease; } .slide { flex: 0 0 100%; } img { width: 100%; } .controls { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; } .control-button { width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.2); margin: 0 2px; border: none; cursor: pointer; color:#fff; padding:0 0 3px 0; font-size:15px; } </style> <style> /*정보01*/ .work_size {float:left; width:65.5%; padding: 0 0 70px 0;} .main_work {width:1200px; margin:0 auto; padding: 65px 0 0 0; height:310px; font-family:"pretendard";} .work_txt {display:flex; justify-content:flex-start; width:100%; padding:0 0 30px 0;} .work_txt h2 {padding:5px 15px 0 0; vertical-align: middle; font-size:25px; font-weight: 700; letter-spacing: -0.5px; font-family:"pretendard";} .work_txt h2 span {font-weight:bold; color:#08873e;} .work_txt p {border:1px solid #a9a9a9; width:30px; height:30px; text-align:center; border-radius:50%; font-size:30px; font-weight: 100; color:#666; line-height: 0.9;} .work_box {width:100%; background:#f7f7f7; border-radius:15px;} .work_box ul {display:flex; justify-content:center; padding:42px 0 42px 0;} .work_box ul li {padding:10px 15px 10px 15px; text-align:center;} .work_box ul li a {} .work_box ul li a img {width:85px; height:85px; border-radius: 50%; border:3px solid #fff;} .work_box ul li a img:hover {border:3px solid #08873e;} .work_box ul li a {} .work_box ul li p {padding:10px 0 0 0; font-size:15px; line-height:1.5; color:#777; font-weight:bold;} /*정보02*/ .work_size02 {width:31%; float:right;} .work_txt02 {display:flex; justify-content:flex-start; padding:0 0 30px 0;} .work_txt02 h2 {padding:5px 15px 0 0; vertical-align: middle; font-size:25px; font-weight: 700; letter-spacing: -0.5px; font-family:"pretendard";} .work_txt02 h2 span {font-weight:bold; color:#08873e;} .work_txt02 p {border:1px solid #a9a9a9; width:30px; height:30px; text-align:center; border-radius:50%; font-size:30px; font-weight: 100; color:#666; line-height: 0.9;} .work_box02 {} .work_box02 ul {display:flex; padding:0; flex-direction:column; align-items:flex-start; } .work_box02 ul li {border-top:1px solid #bebebe; text-align:left; padding:5.5px 0 5.5px 0; width:100%; text-align:left;} /*.work_box02 ul li a span {color:#fff; padding:5px 15px 7px 15px; margin: 0 10px 0 0; border-radius: 40px; font-size:14px;}*/ .work_box02 ul li a {font-size:16px; font-weight:600; color:#777; } .work_box02 ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: 3; } .work_box03 ul li a p{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 370px; } .widget_gallery01 li p a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 370px; line-height: 1; } /*정보03*/ .main_work03 {width:1200px; margin:0 auto; padding: 65px 0 0 0; font-family:"pretendard";} .work_txt03 {display:flex; justify-content:flex-start; width:100%; padding:0 0 30px 0;} .work_txt03 h2 {padding:5px 15px 0 0; vertical-align: middle; font-size:25px; font-weight: 700; letter-spacing: -0.5px; font-family:"pretendard";} .work_txt03 h2 span {font-weight:bold; color:#08873e;} .work_txt03 p {border:1px solid #a9a9a9; width:30px; height:30px; text-align:center; border-radius:50%; font-size:30px; font-weight: 100; color:#666; line-height: 0.9;} .work_box03 {padding: 0 0 65px 0;} .work_box03 ul {display:flex; justify-content: space-between;} .work_box03 ul li {} .work_box03 ul li a {text-decoration-line: none;} .work_box03 ul li a img {border-radius: 10px; margin: 0 41px 20px 0; height:228px!important; width:372px!important; margin-left:0!important;} .work_box03 ul li p {font-size:16.5px; font-weight: 600; color:#666666;} .widget_gallery01 h6 {display:none;} .widget_gallery01 .more {display:none;} .widget_gallery01 a {font-size:16.5px; font-weight: 600; color:#666666;} .widget_event h6 {display:none;} .widget_event .more {display:none;} .widget_event .thumb img {display:none;} .footer01 {margin:0 0 0 0;} .banner-box .big {display:none;} .banner1 a img {display:none;} .banner1 ul li img {display:none;} .work_box02 ul li a span {} .banner-box {width:100%;} </style>   <div class="slideshow-container"> <div class="slides"> <div class="slide"> <img src="/layouts/default/image/main_sample01.jpg" > </div> <div class="slide"> <a href="https://kfoc.or.kr/?c=1/6"><img src="/layouts/default/image/main_sample02.jpg" ></a> </div> <div class="slide"> <a href="https://kfoc.or.kr/?c=2/10"><img src="/layouts/default/image/main_sample03.jpg" ></a> </div> </div> <div class="controls"> <button class="control-button prev" onclick="prevSlide()">＜</button> <button class="control-button next" onclick="nextSlide()">＞</button> <button class="control-button pause" onclick="pauseSlideShow()">∥</button> <button class="control-button play" onclick="playSlideShow()">▶</button> </div> </div>  <div class="main_work"> <div class="work_size"> <div class="work_txt"> <h2><span>01. </span>귀뚜라미재단이 하는 일을 소개합니다.</h2> <p><a href="https://kfoc.or.kr/?c=2/10">+</a></p> </div> <div class="work_box"> <ul> <li><a href="https://kfoc.or.kr/?c=2/10"><img src="/layouts/default/image/main_icon01.jpg"></a><p>장학 사업</p></li> <li><a href="https://kfoc.or.kr/?c=2/11"><img src="/layouts/default/image/main_icon02.jpg"></a><p>사회복지시설<br>지원사업</p></li> <li><a href="https://kfoc.or.kr/?c=2/10"><img src="/layouts/default/image/main_icon03.jpg"></a><p>학술 연구<br>지원사업</p></li> <li><a href="https://kfoc.or.kr/?c=2/11"><img src="/layouts/default/image/main_icon04.jpg"></a><p>사회복지시설<br>위탁 운영</p></li> <li><a href="https://kfoc.or.kr/?c=2/10"><img src="/layouts/default/image/main_icon05.jpg"></a><p>교육기관<br>지원사업</p></li> <li><a href="https://kfoc.or.kr/?c=2/11"><img src="/layouts/default/image/main_icon06.jpg"></a><p>난방시설<br>지원사업</p></li> </ul> </div> </div>  <div class="work_size02"> <div class="work_txt02"> <h2><span>02. </span>공지사항</h2> <p><a href="https://kfoc.or.kr/?c=3/13">+</a></p> </div>  <div class="work_box02"> <ul> <div class="banner-box"> <style> .subject-keyword { color: #FFFFFF; background-color: #007BFF; /* 기본 색상 */ padding: 2px 4px; border-radius: 3px; } .subject-culture { background-color: #003516; color:#fff; padding:9px 18px 10px 18px; margin:0 5px 0 0; border-radius: 40px; font-size:16.5px; } /* [문화] 색상 */ .subject-welfare { background-color: #129649;color:#fff; padding:9px 18px 10px 18px; margin:0 5px 0 0; border-radius: 40px; font-size:16.5px; } /* [복지] 색상 */ .subject-experience { background-color: #003516; color:#fff; padding:9px 18px 10px 18px; margin:0 5px 0 0; border-radius: 40px; font-size:16.5px;} /* [체험] 색상 */ .subject-success { background-color: #129649; color:#fff; padding:9px 18px 10px 18px; margin:0 5px 0 0; border-radius: 40px; font-size:16.5px; } /* [합격자] 색상 */ .subject-recruit { background-color: #003516; color:#fff; padding:9px 18px 10px 18px; margin:0 5px 0 0; border-radius: 40px; font-size:16.5px;} /* [채용] 색상 */ .subject-ecc { background-color: #8e8e8e; color:#fff; padding:9px 18px 10px 18px; margin:0 5px 0 0; border-radius: 40px; font-size:16.5px;} /* [기타] 색상 */ </style> <div class="widget_event"> <h6><a href="./?m=bbs&bid=notice">공지사항</a></h6> <a href="./?m=bbs&bid=notice" class="more" title="더보기">더보기</a> <ul> <li> <a href="./?m=bbs&bid=notice&uid=452" title="관리자님"> <strong><span class="subject-keyword subject-welfare">[복지]</span> 2023년 귀속 결산서류 및 기부금 실적 공시</strong> </a> </li> <li> <a href="./?m=bbs&bid=notice&uid=451" title="관리자님"> <strong><span class="subject-keyword subject-culture">[문화]</span> 2023년 귀속 결산서류 및 기부금 실적 공시</strong> </a> </li> <li> <a href="./?m=bbs&bid=notice&uid=312" title="관리자님"> <strong><span class="subject-keyword subject-welfare">[복지]</span> 2022년 귀속 결산서류 및 기부금 실적 공시</strong> </a> </li> <li> <a href="./?m=bbs&bid=notice&uid=311" title="관리자님"> <strong><span class="subject-keyword subject-culture">[문화]</span> 2022년 귀속 결산서류 및 기부금 실적 공시</strong> </a> </li> </ul> </div> </div> </ul> </div> </div> </div> <div class="main_work03"> <div class="work_txt03"> <h2><span>03. </span>재단 뉴스</h2> <p><a href="https://kfoc.or.kr/?c=3/12">+</a></p> </div>  <div class="work_box03"> <ul> <div class="widget_gallery01"> <h6><a href="./?m=bbs&bid=news">재단뉴스</a></h6> <ul> <li> <a href="./?m=bbs&bid=news&uid=635"><span class="thumb"> <img src="https://kfoc.or.kr/files/2025/04/02/577648fbf260161d828570a32462f42c105229.jpg" class="img_resize" alt="" onerror="this.src='/_core/image/img_no.png';" /> </span></a> <p style="width:372px;"> <a href="./?m=bbs&bid=news&uid=635" title="관리자님">귀뚜라미그룹, 대구공업고등학교 ‘귀뚜라미 장학금 수여식’ 개최</a> <br><span class="date"> 2025.03.28 </span> </p> </li> <li> <a href="./?m=bbs&bid=news&uid=634"><span class="thumb"> <img src="https://kfoc.or.kr/files/2025/04/02/f421680d4ee42955a3b122704b2ae8b2105016.jpg" class="img_resize" alt="" onerror="this.src='/_core/image/img_no.png';" /> </span></a> <p style="width:372px;"> <a href="./?m=bbs&bid=news&uid=634" title="관리자님">귀뚜라미그룹, 경북 경산시 ‘귀뚜라미 장학금 수여식’ 개최</a> <br><span class="date"> 2025.02.21 </span> </p> </li> <li> <a href="./?m=bbs&bid=news&uid=633"><span class="thumb"> <img src="https://kfoc.or.kr/files/2024/12/30/d78a46e9e708ca2929e25d258d48eded102019.jpg" class="img_resize" alt="" onerror="this.src='/_core/image/img_no.png';" /> </span></a> <p style="width:372px;"> <a href="./?m=bbs&bid=news&uid=633" title="관리자님">귀뚜라미그룹, 경남 김해시 ‘귀뚜라미 장학금 수여식’ 개최</a> <br><span class="date"> 2024.12.20 </span> </p> </li> </ul> <a href="./?m=bbs&bid=news" class="more" title="더보기">더보기</a></div> </ul> </div> </div> <script> let slideIndex = 0; let autoSlide = true; // Auto slide enabled by default let slideTimer; // Start automatic sliding startAutoSlide(); function startAutoSlide() { autoSlide = true; slideTimer = setTimeout(autoSlideShow, 3000); } function stopAutoSlide() { autoSlide = false; clearTimeout(slideTimer); } function autoSlideShow() { nextSlide(); startAutoSlide(); } function showSlides() { const slides = document.querySelector('.slides'); const slideWidth = slides.clientWidth; const offset = -1 * slideIndex * slideWidth; slides.style.transform = `translateX(${offset}px)`; } function nextSlide() { stopAutoSlide(); // Stop auto sliding when manually changing slide slideIndex++; if (slideIndex >= document.querySelectorAll('.slide').length) {slideIndex = 0;} showSlides(); } function prevSlide() { stopAutoSlide(); // Stop auto sliding when manually changing slide slideIndex--; if (slideIndex < 0) {slideIndex = document.querySelectorAll('.slide').length - 1;} showSlides(); } function pauseSlideShow() { stopAutoSlide(); // Stop automatic sliding } function playSlideShow() { startAutoSlide(); // Restart automatic sliding } </script> </div> <style> /*푸터*/ .footer01 {width:100%; padding:65px 0 65px 0; border-top:1px solid #dbdbdb; font-family: "pretendard";} .footer_all {width:1200px; margin:0 auto; display:flex; justify-content:space-between;} .footer_left {} .footer_sub01 {padding:0 0 50px 0;} .footer_sub01 ul {display:flex;} .footer_sub01 ul li {padding:0 10px 0 0;} .footer_sub01 ul li a {font-size:14px; color:#7f7f7f; letter-spacing: -1px;} .footer_sub01 ul li p {} .footer_sub02 {display:flex;} .footer_sub02 a {padding:0 20px 0 0;} .footer_sub02 a img {} .footer_sub02 p {font-size:12px; color:#7f7f7f; line-height: 2; letter-spacing: -0.5px;} .footer_right {} .footer_sub03 {} .footer_sub03 ul {display:flex;} .footer_sub03 ul li {padding:0 30px 20px 0;} .footer_sub03 ul li a {} .footer_sub03 ul li a img {} .footer_sub04 {float: left;} .footer_sub04 ul {display:flex;} .footer_sub04 ul li {padding:0 5px 0 0;} .footer_sub04 ul li a {} .footer_sub04 ul li a img {} .footer_family {float: right; margin:0 20px 0 0;} .family_all {border: 1px solid #dbdbdb; border-radius:20px;} .family_main {} .family_main button {border:none; background:transparent; padding:15px 21px 15px 21px; cursor: pointer; font-weight: bold; color:#777777;} .family_main button span {padding:0 0 0 40px;} .family_main button:hover {} .family_main .option {} .family_main .option li {padding:5px 10px 5px 15px; border-bottom:1px solid #dbdbdb;} .family_main .option li a {color:#777777; font-size:13px; letter-spacing:-1px;} .family_main { position: relative; /* 부모 요소를 relative로 설정 */ } .option { display: none; position: absolute; top: -375px; /* 부모 요소 아래에 배치 */ left: 0; background-color: #fff; z-index: 6; transition: all 0.3s ease; width:100%; padding: 6px 0 16px 0; border:1px solid #dbdbdb; border-radius:20px; left:-2px; box-shadow: 5px 5px 10px gainsboro; } .family_main:hover .option { display: block; /* 부모 요소에 hover 시 자식 요소를 보여줌 */ } .pc_btn_top { position: fixed; right: 30px; bottom: 110px; z-index: 100; opacity: 0; /* 처음에는 투명하게 설정 */ transition: opacity 0.5s; /* 나타나고 사라질 때의 애니메이션 */ pointer-events: none; /* 버튼이 숨겨져 있을 때 클릭되지 않도록 설정 */ } .pc_btn_top.visible { opacity: 1; /* 보일 때는 투명도를 1로 설정 */ pointer-events: auto; /* 버튼이 보일 때 클릭되도록 설정 * } </style>  <div class="pc_btn_top" id="topBtn"> <a href="#"><img src="/layouts/default/image/pc_btn_top.png" alt="Top 버튼"></a> <script> // 스크롤 이벤트 리스너 추가 window.addEventListener('scroll', function() { var topBtn = document.getElementById('topBtn'); if (window.scrollY > 700) { topBtn.classList.add('visible'); // 1080px 이상 스크롤되면 버튼 보이기 } else { topBtn.classList.remove('visible'); // 1080px 이하 스크롤되면 버튼 숨기기 } }); // 버튼 클릭 이벤트 리스너 추가 document.getElementById('topBtn').addEventListener('click', function(e) { e.preventDefault(); // 기본 링크 동작 방지 smoothScrollToTop(); // 페이지 맨 위로 부드럽게 스크롤 }); // 부드럽게 스크롤되는 함수 function smoothScrollToTop() { const startPosition = window.scrollY; const duration = 800; let start = null; function step(timestamp) { if (!start) start = timestamp; const progress = timestamp - start; const percentage = Math.min(progress / duration, 1); const ease = easeInOutQuad(percentage); window.scrollTo(0, startPosition * (1 - ease)); if (progress < duration) { requestAnimationFrame(step); } } function easeInOutQuad(t) { return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t; } requestAnimationFrame(step); } </script> </div> <div class="footer01"> <div class="footer_all"> <div class="footer_left"> <div class="footer_sub01"> <ul> <li><a href="https://kfoc.or.kr/?mod=private"><b>개인정보 처리 방침</b></a></li> <li><p>｜</p></li> <li><a href="https://kfoc.or.kr/?mod=email">이메일주소 무단 수집 거부</a></li> <li><p>｜</p></li> <li><a href="https://kfoc.or.kr/?mod=agreement">이용약관</a></li> <li><p>｜</p></li> <li><a href="https://kfoc.or.kr/?mod=sitemap">사이트맵</a></li> <li><p>｜</p></li> <li><a href="https://kfoc.or.kr/?c=1/9">오시는 길</a></li> </ul> </div> <div class="footer_sub02"> <a href="https://kfoc.or.kr/?r=home"><img src="/layouts/default/image/footer_01.jpg"></a> <p>서울특별시 강서구 공항대로 396 / 대표 이메일 : 문화재단 : krcul@krb.co.kr / 복지재단 : krwel@krb.co.kr<br> COPYRIGHT 2023 KITURAMI. ALL RIGHT RESERVED.</p> </div> </div> <div class="footer_right"> <div class="footer_sub03"> <ul> <li><a href="https://www.nts.go.kr/" target="_blank"><img src="/layouts/default/image/footer_02.jpg"></a></li> <li><a href="https://www.mohw.go.kr/" target="_blank"><img src="/layouts/default/image/footer_03.jpg"></a></li> <li><a href="https://www.sen.go.kr/sen/index.do" target="_blank"><img src="/layouts/default/image/footer_04.jpg"></a></li> </ul> </div> <div class="footer_sub04"> <ul> <li><a href="https://blog.naver.com/kituramigroup" target="_blank"><img src="/layouts/default/image/footer_05.png"></a></li> <li><a href="https://www.facebook.com/kituramigroup" target="_blank"><img src="/layouts/default/image/footer_06.png"></a></li> <li><a href="https://www.youtube.com/channel/UCWilU-9fAAYyr0MGFWK0Ong" target="_blank"><img src="/layouts/default/image/footer_07.png"></a></li> <li><a href="https://www.instagram.com/kituramigroup/" target="_blank"><img src="/layouts/default/image/footer_08.png"></a></li> </ul> </div> <div class="footer_family"> <ul class="family_all"> <div class="family_main"> <button>패밀리사이트 <span>∨</span></button> <ul class="option"> <li><a href="https://www.kiturami.co.kr/" target="_blank">귀뚜라미그룹</a></li> <li><a href="http://www.krb.co.kr/" target="_blank">귀뚜라미보일러</a></li> <li><a href="https://www.bac.co.kr/" target="_blank">귀뚜라미범양냉방</a></li> <li><a href="https://ishinsung.co.kr/" target="_blank">신성엔지니어링</a></li> <li><a href="https://www.century.co.kr/" target="_blank">센추리</a></li> <li><a href="https://www.nanokem.co.kr/" target="_blank">나노켐</a></li> <li><a href="https://www.kituramienergy.co.kr/" target="_blank">귀뚜라미에너지</a></li> <li><a href="https://www.kr-mc.co.kr/" target="_blank">귀뚜라미냉동기계</a></li> <li><a href="https://kituramiet.com/" target="_blank">귀뚜라미환경테크</a></li> <li><a href="https://www.kfoc.or.kr/" target="_blank">귀뚜라미재단</a></li> <li><a href="https://www.hantancc.co.kr/" target="_blank">한탄강컨트리클럽</a></li> <li><a href="https://www.hantanhotel.co.kr/" target="_blank">한탄강게르마늄온천호텔</a></li> <li><a href="https://www.tbc.co.kr/" target="_blank">TBC대구방송</a></li> <li><a href="https://www.drrobbin.com/" target="_blank">닥터로빈</a></li> <li><a href="https://kitutennis.co.kr/" target="_blank">귀뚜라미크린테니스13</a></li> <button style="padding:15px 0 0 15px;">패밀리사이트 <span>∧</span></button> </ul> </div> </ul> </div> </div> </div> </div> <script type="text/javascript" src="/layouts/default/js/common.js?nFlag=20250406003532"></script> <iframe name="_action_frame_home" width="0" height="0" frameborder="0" scrolling="no" title="액션프레임" style="position:absolute;left:-9999px;top:-9999px;"></iframe> <script type="text/javascript" src="/layouts/default/js/common.js?nFlag=20250406003532"></script> <div id="_box_layer_"></div> <div id="_action_layer_"></div> <div id="_hidden_layer_" style="z-index:999;"></div> <div id="_overLayer_" class="hide"></div> <iframe name="_action_frame_home" width="0" height="0" frameborder="0" scrolling="no" title="액션프레임" style="position:absolute;left:-9999px;top:-9999px;"></iframe> <script type="text/javascript"> //<![CDATA[ document.body.onclick = closeMemberLayer; document.onkeydown = closeImgLayer; //]]> </script> <script type="text/javascript"> //<![CDATA[ var Popstring = ''; if(Popstring!='') { frames._action_frame_home.location.href='/?r=home&system=popup.layer&iframe=Y&pop='+Popstring; } function hidePopupLayer(uid) { if (getId('popCheck_'+uid).checked == true) { var nowcookie = getCookie('popview'); setCookie('popview', '['+uid+']' + nowcookie , 1); } getId('poplayer'+uid).style.display = 'none'; } //]]> </script>  <div id="poplayerie" style="position:absolute;z-index:9999;width:449px;height:420px;top:100px;left:50%;margin-left:-225px"> <div class="popupbody" style="overflow:hidden;"> <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank"><img alt="IE안내" src="/layouts/default/image/info_explorer.png" alt="" /></a> </div> <div class="popclose" style="padding:0 5px;height:25px;line-height:25px;background:#343434;text-align:right;"> <label> <input type="checkbox" id="popCheck_ie" style="position:absolute;left:-9999px;" />  <a href="#" onclick="hidePopupLayer('ie');">닫기</a> </label> </div> </div>  <script src="https://spi.maps.daum.net/imap/map_js_init/postcode.v2.js"></script> <script> function openDaumPostcode(zip1, zip2, addr1, addr2) { new daum.Postcode({ oncomplete: function(data) { document.getElementById(zip1).value = data.zonecode; //document.getElementById(zip1).value = data.postcode1; //document.getElementById(zip2).value = data.postcode2; document.getElementById(addr1).value = data.address; //전체 주소에서 연결 번지 및 ()로 묶여 있는 부가정보를 제거하고자 할 경우, //아래와 같은 정규식을 사용해도 된다. 정규식은 개발자의 목적에 맞게 수정해서 사용 가능하다. //var addr = data.address.replace(/(\s|^)$.+$$|\S+~\S+/g, ''); //document.getElementById('addr').value = addr; document.getElementById(addr2).focus(); } }).open(); } </script> </body> </html>

CINXE.COM

귀뚜라미문화,복지재단