Warning: include_once(/volume2/web/iteach4u/htdocs/2017/_include/top.php): Failed to open stream: No such file or directory in /volume2/web/iteach4u/htdocs/2017/bullets/_header.php on line 3

Warning: include_once(): Failed opening '/volume2/web/iteach4u/htdocs/2017/_include/top.php' for inclusion (include_path='.:/usr/share/pear') in /volume2/web/iteach4u/htdocs/2017/bullets/_header.php on line 3
<style>
.tab-menu {
	border-bottom: 2px solid #DFF9DF;
	margin-bottom: 10px;
}
.tab-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.tab-menu li {
	margin-right: 5px;
}
.tab-menu a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	color: #666;
	background: #F7FDF7;
	border: 1px solid #DFF9DF;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	font-size: 14px;
}
.tab-menu a:hover {
	background: #DFF9DF;
	color: #333;
}
.tab-menu a.active {
	background: #DFF9DF;
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #DFF9DF;
	margin-bottom: -2px;
}
.admin-info {
	font-size: 12px;
}
.admin-info table {
	font-size: 12px;
}
.admin-info b {
	font-size: 13px;
}
</style>
<div id="wrapper">
	<div class="snb">
		<!-- 로그인 -->
		<script>
function login_check() {
	if( document.loginForm.userid.value < 4 ) {
		alert("ID를 입력하여 주십시요");
		document.loginForm.userid.focus();
		return false;
	}
	if(!document.loginForm.pwd.value) {
		alert("Password를 입력하여 주십시요");
		document.loginForm.pwd.focus();
		return false;
	}
	return true;
}
</script>

<!-- 로그인 -->
<div class="login">
	<form name="loginForm" method="post" action="/2017/_include/login_ok.php" onsubmit="return login_check();" target="tmpiframe">
		<input type="hidden" name="authkey" value="LzIwMTcvYnVsbGV0cy9pbmRleC5waHA/YXV0aGtleT1Mekl3TVRjdlluVnNiR1YwY3k5cGJtUmxlQzV3YUhBJTJGWW1KelgyNXZQVEVtYm04OU1URTVNdyUzRCUzRCZiYnNfbm89MSZubz0xMjA1">
		<input type="text" name="userid" id="id" required>
		<input type="password" name="pwd" id="pw" required>
		<input type="submit" value="로그인">
		<div>
			<input type="checkbox" name="autologin" value=1 id="save"><label for="save">자동로그인</label>
			<a href="https://www.iteach4u.kr/2017/mypage/join.php">회원가입</a>&nbsp;|&nbsp;	 <a href="/2017/mypage/find.php">ID/PW찾기</a>
		</div>
	</form>
    <div class="util_box">
        <div class="left">
			<a href="/php/oauth2/login/start.php?social=google&authkey=LzIwMTcvYnVsbGV0cy9pbmRleC5waHA/YmJzX25vPTEmbm89MTE5Mw=="><img src="/php/oauth2/login/google_img.png" height="40" /></a>
			<a href="/php/oauth2/login/start.php?social=kakao&authkey=LzIwMTcvYnVsbGV0cy9pbmRleC5waHA/YmJzX25vPTEmbm89MTE5Mw=="><img src="/php/oauth2/login/kakao_img.jpg" height="40"></a>
          	<a href="/php/oauth2/login/start.php?social=naver&authkey=LzIwMTcvYnVsbGV0cy9pbmRleC5waHA/YmJzX25vPTEmbm89MTE5Mw=="><img src="/php/oauth2/login/naver_img.jpg" height="40"></a>
        </div>
    </div>
</div>
		<!-- login end -->
        <div class="snb_nav">
            <div class="title">
              <p>iteach4u 스퀘어</p>
              <h3>커뮤니티</h3>
            </div>
            <ul class="snb_ul">
                <li class="snb_li">
                    <a href="/2017/bullets/?bbs_no=1">게시판</a>
                    <ul class="deth2">
                        <li>
                        	<a href="/2017/bullets/?bbs_no=1">스퀘어[통합 게시판]</a>
                            <a href="https://t.me/iteach4u_Official">텔레그램 채팅방</a>
                            <a href="/2017/bullets/teacher.php">과외선생님등록</a>
                            <a href="/2017/bullets/student.php">과외학생등록</a>
                            <a href="/2017/bullets/chat.php">채팅방</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- snb end -->
	<div class="container">
		<article>   
            <div class="tab-menu">
                <ul>
                    <li><a href="/2017/bullets/?bbs_no=1" class="active">메인게시판</a></li>
                                    </ul>
            </div><div class="admin-info">
<img src="/img/blank.gif" height=5><br />
<table width="100%" cellpadding=3 cellspacing=0 style="border:1 solid #CCCCCC" align="center">
  <tr bgcolor="#DFF9DF">
	<td style="padding:5px" align=left><b>자유게시판</b></td>
	<td align=right><table cellpadding=0 cellspacing=0 border=0><tr><td>게시판관리자&nbsp;&nbsp;</td><td> <img src="/data/member_picture/community/a.gif" align=absmiddle> <span onmousedown="showNameLayer('layer_name1','visible', event)" style="cursor:pointer;"><b><font color=#555555>BMaster</font></b></span></td></tr></table></td>
  </tr>
  <tr bgcolor="#F7FDF7">
	<td style="padding:3px" colspan=2><p>
	자유토론방은? 서로 노닥거리는 자잘한 얘깃거리들을 뜻합니다.<br />
	이 게시판은 여러주제로 대부분의 글들을 쓰실수있습니다.</p>
</td>
  </tr>
</table></div>
<script>
function favorites(no) {
	window.open('action/_favorites_ok.php?no='+ no + '&skindir=/2017/bullets/skin/default/','tmpiframe');
}
function favoritesDelete(no) {
	window.open('action/_favorites_delete_ok.php?no='+ no + '&skindir=/2017/bullets/skin/default/','tmpiframe');
}
</script>
<script>
function check_comment_submit() {
	var member_no = 0;
	if( member_no == 0 ) {
		if(document.commWriteForm.name.value.length < 1) {
			alert('댓글 쓰는이의 이름을 쓰세요.');
			document.commWriteForm.name.focus();
			return false;
		}
		if(document.commWriteForm.pwd.value.length < 1) {
			alert('글수정/삭제시 필요한 비밀번호를 쓰세요.');
			document.commWriteForm.pwd.focus();
			return false;
		}
		if(document.commWriteForm.zsfCode.value.length < 1) {
			alert('자동등록 방지란을 기입하세요.');
			document.commWriteForm.zsfCode.focus();
			return false;
		}
	}

	if(document.commWriteForm.memo.value.length < 1) {
		alert("코멘트 내용을 쓰세요.");
		document.commWriteForm.memo.focus();
		return false;
	}
	return true;
}
</script>

<table class="table_board_v">
	<colgroup>
		<col width="15%">
		<col width="35%">
		<col width="15%">
		<col width="35%">
	</colgroup>
	<tr>
		<th>주제</th>
		<td colspan="3" class="left pl15" ><span id="favorites1205"><img src="/2017/bullets/skin/default/img/star.gif" style="cursor:pointer" onClick="favorites(1205)" /></span> <b>ㅋㅋㅋㅋ 이야기는 몰라도 실제는 하면 재밌음 ㅋㅋ</b></td>
	</tr>
	<tr>
		<th>닉네임</th>
		<td class="left pl15"><span onmousedown="showNameLayer('layer_name5','visible', event)" style="cursor:pointer;"><b><font color=#555555>herb1eaf</font></b></span>&nbsp;<a href="search.php?keykind=b.ismember&keyword=309038"><img src="/2017/bullets/skin/default/img/myArticle.gif" align=absbottom border=0></a>&nbsp;&nbsp;</td>
		<th>조회</th>
		<td>8634회, 작성일:2008-12-04 23:40</td>
	</tr>
	  <tr>
		<td colspan="4" class="left p25" style="line-height:26px">
    <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-4646399414952018" data-ad-slot="2986482262"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>                          <P>죠낸 복도에서 얘들이 우유 뚜껑으로 축구를 하고있는데</P>
<P>친구1 과 나와 짠다 </P>
<P>일단 축구공을 나와 친구 각각 10개씩 모은다</P>
<P>ㅅㅂ 나는 앞문 친구 1 은 뒷문 으로 간다</P>
<P>나와 친구는 10개를 일정한 간격으로 놓은다 </P>
<P>뒷문친구가 문을열고 10개를 1개씩 막찬다 </P>
<P>그럼 얘들이 ㅅㅂ 공 차지말라고 개xx 야 하며 뒷쪽으로 대부분이 몰려들사이에</P>
<P>나는 앞문을 열고 10개를 찬다</P>
<P>ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅅㅂ 축구하던님들아 좃댔음 </P>
<P>축구공 21 개 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ</P>
<P>ㅅㅂ 얘들 막 욕하면서 축구 안해번다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ</P>			</tr>
</table>
<!-- sns -->
<table class='comment'>
	<tr>
		<td class="user">댓글 0개 <a href="action/_like_ok.php?no=1205" target="tmpiframe"><img src="/2017/bullets/skin/default/img/likeComment.gif" title="좋아요" alt="좋아요" /></a>(<span id="likeLayer">2</span>) <a href="action/_scrap_ok.php?bbs_no=1&category=1&no=1205" target="tmpiframe"><font color="#008000">스크랩</font></a>(<span id="scrapLayer">0</span>)</td>
		<td align=right bgcolor="#F2FEF1"></td>
	</tr>
</table>
<a name="signature" />
					<table class='sign_box'>
						<tr>
							<td width='200' rowspan=2><img src="/data/membersPhoto/no_photo.gif" height="150" />
							</td>
							<td width="*" height="25px" style="padding-top:5px; text-align:left; font-size:13px" align=left>글쓴이 : <img src="/data/member_picture/level/level_4.gif" align=absmiddle"> <img src="/data/member_picture/pds/096.gif" align=absmiddle> <img src="/data/member_picture/community/g전북.gif" align=absmiddle><span onmousedown="showNameLayer('layer_name4','visible', event)" style="cursor:pointer;"><b><font color=#555555>herb1eaf</font></b></span>[<b><a href="/2017/mypage/memo/?mno=309038">개인게시판</a></b>]</td></td></tr><tr><td width="*" style="padding:15px 20px 15px 0; text-align:left; font-size:13px; line-height:18px;"></td></tr></table><br /><table cellspacing=1 cellpadding=3 border=0 bgcolor=#CCCCCC class=table_st1><tr><td bgcolor=#F1F1F1>윗 글</td><td bgcolor=#FFFBF7><a href="?bbs_no=1&no=1206&authkey=LzIwMTcvYnVsbGV0cy9pbmRleC5waHA/YmJzX25vPTEmbm89MTE5Mw==">ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ</a></td><td bgcolor=#FFFBF7><span onmousedown="showNameLayer('layer_name2','visible', event)" style="cursor:pointer;"><b><font color=#555555>herb1eaf</font></b></span></td><td bgcolor=#FFFBF7>17년전</td></tr><tr><td bgcolor=#F1F1F1>아랫글</td><td bgcolor=#FFFBF7><a href="?bbs_no=1&no=1204&authkey=LzIwMTcvYnVsbGV0cy9pbmRleC5waHA/YmJzX25vPTEmbm89MTE5Mw==">한때 저희학원에서 유행했던 개그입니다</a></td><td bgcolor=#FFFBF7><span onmousedown="showNameLayer('layer_name3','visible', event)" style="cursor:pointer;"><b><font color=#555555>뿅뿅도리</font></b></span></td><td bgcolor=#FFFBF7>17년전</td></tr></table><br />
<a name="cWriteEnd"></a><div style='padding:20px; text-align:center; background:#f7f7f7; border:1px solid #ddd; margin:20px 0;'><p style='color:#666; font-size:14px;'>댓글 작성을 위해서는 <a href='/2017/mypage/login.php' style='color:#009dda; text-decoration:underline;'>로그인</a>이 필요합니다.</p></div><table width="100%" height="50"><tr><td align=left><a href="/2017/bullets/index.php?bbs_no=1&no=1193"><img src="/2017/bullets/skin/default/img/list.gif" align=absmiddle border=0></a></td><td align=right></td></tr></table>
		</article>
	</div>
</div><!-- wrapper end -->
</div></div>
<!--
좌측 서브메뉴 마우스 오버시 펼쳐지는 스크립트.
-->
<script type="text/javascript">
	$(document).ready(function() {
		$('#coll').click(function() {
			$('#gnb').fadeIn();
			$('#gnb').css("display", "block");
			$('.header_inner').css("z-index","1");
		});
		$('#gnb_close').click(function() {
			$('#gnb').fadeOut();
			$('.header_inner').css("z-index","-1");
		});

		$(".depth > a").click(function() {
			var widthSize = window.innerWidth;
			if (widthSize < 1000) {
					this.setAttribute("href","#");
			}
			var subMenu = $(this).next("ul");

			if(subMenu.is(":visible")) {
				subMenu.slideUp();
			} else {
				subMenu.slideDown().parent().siblings().children('ul').slideUp();
			}
		});


		$(".snb_li > a").mouseover(function() {
			var subMenu = $(this).next("ul");

			if(subMenu.is(":visible")) {
				subMenu.slideUp();
			} else {
				subMenu.slideDown().parent().siblings().children('ul').slideUp();
			}
		});
	});
</script>


<!-- FlexSlider -->
<script type="text/javascript" src="/2017/js/jquery.flexslider.js"></script>
<script type="text/javascript">
  $(window).load(function(){
    if ($('.flexslider').length > 0) {
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    }
  });
</script>


<script>arrayNameLayer('layer_name1', 1340,'BMaster','0');
arrayNameLayer('layer_name2', 309038,'herb1eaf','0');
arrayNameLayer('layer_name3', 328521,'뿅뿅도리','0');
arrayNameLayer('layer_name4', 309038,'herb1eaf','0');
arrayNameLayer('layer_name5', 309038,'herb1eaf','0');
</script><script src="/2017/_include/wz_tooltip.js"></script>	<iframe name="tmpiframe" width="100%" height="100"></iframe>
	<!--iframe name="tmpiframe" style="width:1;height:0;margin:0;padding:0;" frameborder="0"></iframe-->
	<!-- 푸터시작 -->
<footer id="footer">

	<div class="footer_snb">
		<p align="center"><a href="/2017/mypage/policy.php">이용약관</a>
		<span>|</span><a href="/2017/mypage/privacy.php">개인정보 보호정책</a>
		<span>|</span><a href="https://pf.kakao.com/_xjxaLdj/chat"><img src="/img/btn_kakao.png" width="15"  />카카오상담 : 아이티치포유 검색 </a></p>
	<!--div class="sitemap">
		<ul>
			<li><a href="/2017/exammaterials/" class="sm1">기출자료</a>
				<ul class="sm2">
					<li><a href="/2017/exammaterials/?bcode=1">유치원</a></li>
					<li><a href="/2017/exammaterials/?bcode=2">초등학교</a></li>
					<li><a href="/2017/exammaterials/?bcode=3">중학교</a></li>
					<li><a href="/2017/exammaterials/?bcode=4">고등학교</a></li>
					<li><a href="/2017/exammaterials/?bcode=5">대학교</a></li>
					<li><a href="/2017/exammaterials/?bcode=6">자격증</a></li>
					<li><a href="/2017/exammaterials/?bcode=7">공무원</a></li>
					<li><a href="/2017/exammaterials/?bcode=8">임용고시</a></li>
				</ul>
			</li>
			<li><a href="/2017/studymaterials/" class="sm1">학습자료</a>
				<ul class="sm2">
					<li><a href="/2017/studymaterials/?bcode=1">유치원</a></li>
					<li><a href="/2017/studymaterials/?bcode=2">초등학교</a></li>
					<li><a href="/2017/studymaterials/?bcode=3">중학교</a></li>
					<li><a href="/2017/studymaterials/?bcode=4">고등학교</a></li>
					<li><a href="/2017/studymaterials/?bcode=5">대학교</a></li>
					<li><a href="/2017/studymaterials/?bcode=6">자격증</a></li>
					<li><a href="/2017/studymaterials/?bcode=7">공무원</a></li>
					<li><a href="/2017/studymaterials/?bcode=8">임용고시</a></li>
				</ul>
			</li>
			<li><a href="/2017/event/" class="sm1">이벤트</a>
					<ul class="sm2">
						<li><a href="/2017/event/?m1=lotto&m2=buy">로또복권구입</a></li>
						<li><a href="/2017/event/?m1=lotto&m2=mine">복권구매&당첨여부</a></li>
						<li><a href="/2017/event/?m1=lotto&m2=history">역대당첨자보기</a></li>
						<li><a href="/2017/event/?m1=survival">서바이벌게임</a></li>
						<li><a href="/2017/event/?m1=cash&m2=cash">돌멩이를캐쉬로</a></li>
						<li><a href="/2017/event/?m1=cash&m2=dolmeng">캐쉬를돌멩이로</a></li>
					</ul>

			</li>
			<li><a href="/2017/bullets/" class="sm1">게시판</a>
				<ul class="sm2">
					<li><a href="/2017/bullets/?bbs_no=2">공지사항</a></li>
					<li><a href="/2017/bullets/?bbs_no=8">회원소개방</a></li>
					<li><a href="/2017/bullets/?bbs_no=4">이벤트 행사</a></li>
          			<li><a href="/2017/bullets/?bbs_no=1">가십쓰</a></li>
					<li><a href="/2017/bullets/?bbs_no=5">갤러리</a></li>
					<li><a href="/2017/bullets/?bbs_no=7">기출/학습소개방</a></li>
					<li><a href="/2017/bullets/?bbs_no=6">연회비 및 결제관련</a></li>
					<li><a href="/2017/bullets/?bbs_no=3">게시판 추가요청</a></li>
				</ul>
			</li>
		</ul>
	</div-->
	</div>

	<!-- 카피라이트 -->
	<div class="copyright">
		<div class="row">
			<div class="copyright_logo"><img src="/2017/images/main/footer_logo.png"></div>
			<address>오늘:0/0, 누적:0/0 &nbsp;&nbsp;&nbsp;<!--사업자번호:607-19-20376(대표:박은숙). 부산 기장군 정관4로 24. -->mail : www.iteach4u.kr@gmail.com<br>
				Copyright By 아이티치포유.(구)교사수업연구모임. Since.2004. All Rights Reserved.</address>
		</div>
	</div>
</footer>
<!-- End :  카피라이트 -->
<!--script -->
<script type="text/javascript" src="/2017/js/jquery.js"></script>
<script type="text/javascript" src="/2017/js/main.js"></script>
<script type="text/javascript" src="/2017/js/anno.js"></script>
	<!-- Bootstrap 5 최신 버전 JS (CDN) -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- 서버 상태 체크 스크립트 -->
<script>
    $(document).ready(function() {
        // 사용량에 따른 색상 계산 함수
        function getUsageColor(usagePercent) {
            var percent = parseFloat(usagePercent);
            if (isNaN(percent)) return { bg: '#e0e0e0', color: '#383d41' };
            
            // 오프라인 처리
            if (percent < 0) {
                return { bg: '#e2e3e5', color: '#383d41' };
            }
            
            // 0-10%: 파란색
            if (percent <= 10) {
                return { bg: '#0066CC', color: '#ffffff' };
            }
            // 10-20%: 하늘색
            else if (percent <= 20) {
                return { bg: '#00BFFF', color: '#ffffff' };
            }
            // 20-30%: 하늘색→녹색 (그라데이션)
            else if (percent <= 30) {
                var ratio = (percent - 20) / 10;
                // 하늘색 #00BFFF (0, 191, 255) → 녹색 #28a745 (40, 167, 69)
                var r = Math.round(0 + (40 * ratio));
                var g = Math.round(191 + ((167 - 191) * ratio));
                var b = Math.round(255 + ((69 - 255) * ratio));
                return { bg: 'rgb(' + r + ',' + g + ',' + b + ')', color: '#ffffff' };
            }
            // 30-40%: 녹색
            else if (percent <= 40) {
                return { bg: '#28a745', color: '#ffffff' };
            }
            // 40-50%: 녹색→노란색 (그라데이션)
            else if (percent <= 50) {
                var ratio = (percent - 40) / 10;
                // 녹색 #28a745 (40, 167, 69) → 노란색 #ffc107 (255, 193, 7)
                var r = Math.round(40 + ((255 - 40) * ratio));
                var g = Math.round(167 + ((193 - 167) * ratio));
                var b = Math.round(69 + ((7 - 69) * ratio));
                return { bg: 'rgb(' + r + ',' + g + ',' + b + ')', color: '#000000' };
            }
            // 50-60%: 노란색
            else if (percent <= 60) {
                return { bg: '#ffc107', color: '#000000' };
            }
            // 60-70%: 노란색→주황색 (그라데이션)
            else if (percent <= 70) {
                var ratio = (percent - 60) / 10;
                // 노란색 #ffc107 (255, 193, 7) → 주황색 #FF8C00 (255, 140, 0)
                var r = Math.round(255); // 255 유지
                var g = Math.round(193 + ((140 - 193) * ratio));
                var b = Math.round(7 + ((0 - 7) * ratio));
                return { bg: 'rgb(' + r + ',' + g + ',' + b + ')', color: '#ffffff' };
            }
            // 70-80%: 주황색
            else if (percent <= 80) {
                return { bg: '#FF8C00', color: '#ffffff' };
            }
            // 80-90%: 주황색→빨간색 (그라데이션)
            else if (percent <= 90) {
                var ratio = (percent - 80) / 10;
                // 주황색 #FF8C00 (255, 140, 0) → 빨간색 #dc3545 (220, 53, 69)
                var r = Math.round(255 + ((220 - 255) * ratio));
                var g = Math.round(140 + ((53 - 140) * ratio));
                var b = Math.round(0 + ((69 - 0) * ratio));
                return { bg: 'rgb(' + r + ',' + g + ',' + b + ')', color: '#ffffff' };
            }
            // 90-100%: 빨간색
            else {
                return { bg: '#dc3545', color: '#ffffff' };
            }
        }
        
        // 서버 상태 표시 영역이 있을 때만 실행
        if($('#server-status-bar').length > 0) {
            var servers = [
                { id: 'server-www',  url: 'https://www.iteach4u.kr/status.php',  name: '서버1', btnSelector: '.download1 a' },
                { id: 'server-www2', url: 'https://www2.iteach4u.kr/status.php', name: '서버2', btnSelector: '.download2 a' },
                { id: 'server-backup', url: 'https://backup.iteach4u.kr/status.php', name: '서버3', btnSelector: '.download3 a' },
                { id: 'server-www3', url: 'https://www3.iteach4u.kr/status.php', name: '서버4', btnSelector: '.download4 a' }
            ];
            
            servers.forEach(function(server) {
                var $serverEl = $('#' + server.id);
                if($serverEl.length === 0) return;
                
                $.ajax({
                    url: server.url,
                    type: 'GET',
                    dataType: 'json',
                    timeout: 3000,
                    success: function(data) {
                        // status.php 에서 usage_percent 값이 넘어오며,
                        // 측정 실패 시 '오프라인' 이라는 문자열이 넘어올 수 있음
                        var usage = data.usage_percent || (data.status === 'unknown' ? '오프라인' : '0%');
                        var usagePercent = parseFloat(usage);
                        
                        // 사용량 표시 업데이트
                        $serverEl.find('.usage').text(usage);
                        
                        // 사용량에 따른 색상 적용
                        var colors = getUsageColor(usagePercent);
                        $serverEl.css({
                            'background-color': colors.bg,
                            'color': colors.color
                        });

                        // 다운로드 버튼 글자색을 서버 상태 아이콘 색상과 동일하게 적용
                        if (server.btnSelector) {
                            $(server.btnSelector).css('color', colors.bg);

                            // 서버 사용량이 100% 이상일 때 다운로드 제한 및 안내 메시지
                            if (!isNaN(usagePercent) && usagePercent >= 100) {
                                $(server.btnSelector).off('click.serverLimit').on('click.serverLimit', function(e) {
                                    e.preventDefault();
                                    alert('사용량이 많습니다. 5초후 시도하시거나 다른 서버에서 다운로드를 하시기 바랍니다.');
                                });
                            } else {
                                // 100% 미만일 때는 제한 이벤트 제거
                                $(server.btnSelector).off('click.serverLimit');
                            }
                        }
                    },
                    error: function() {
                        // 호출 자체가 실패한 경우도 오프라인으로 간주
                        $serverEl.find('.usage').text('오프라인');
                        $serverEl.css({
                            'background-color': '#e2e3e5',
                            'color': '#383d41'
                        });
                    }
                });
            });
        }
    });
</script>
</body>
</html>