<![CDATA[<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="description" content="그누보드는 PHP, Python 언어로 만들어진 오픈소스 무료 게시판입니다. 그누보드, 무료게시판, 무료쇼핑몰, 영카트, 리액트 게시판, React 게시판, 컨텐츠몰, 제작의뢰, 전자결제, 결제대행사, Python, CMS, 파이썬 게시판, PHP 게시판, python 게시판, fastapi 게시판, 그누보드" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content="웹앱프로그램 소스코드 배포" />
<meta property="og:description" content="웹앱 제작에 필요한 코드를 오픈소스로 제공하고 있습니다.(PHP, 파이썬, REST API)" />
<meta property="og:url" content="https://sir.kr" />
<meta property="og:site_name" content="그누보드" />
<meta property="og:image" content="" />
<meta property="og:locale" content="ko_KR" />
<meta name="viewport" content="width=device-width">
<meta name="google-site-verification" content="sNFNfqcOhm16G3iy7OQwLmN9Ncv_sVRWITyKLyMo6X0" />
<meta name="msvalidate.01" content="D5ADF98E30A96046005D5D5C580340FE" />
<meta name="naver-site-verification" content="eddc0393c45dc2a41daf0562bd28d530cf3ce5e7"/>
<script async src="https://wcs.naver.net/wcslog.js"></script> <script> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "937736c870f"; setTimeout(function(){ wcs_do(); }, 1000); </script>
<title>그누보드</title>
<link rel="stylesheet" id="header_css" href="//sir.kr/css/header.css?v=250828">
<link rel="stylesheet" id="default_css" href="//sir.kr/css/default.css?v=250828">
<link rel="stylesheet" href="//sir.kr/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css">
<link rel="stylesheet" href="//sir.kr/css/jquery.bxslider.css?v=250828">
<link rel="apple-touch-icon" sizes="57x57" href="//sir.kr/img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="//sir.kr/img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="//sir.kr/img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="//sir.kr/img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="//sir.kr/img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="//sir.kr/img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="//sir.kr/img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="//sir.kr/img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="//sir.kr/img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="//sir.kr/img/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="//sir.kr/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="//sir.kr/img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="//sir.kr/img/favicon/favicon-16x16.png">
<!--[if lte IE 8]>
<script src="//sir.kr/js/html5.js"></script>
<![endif]-->
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url = "//sir.kr";
var g5_bbs_url = "//sir.kr/bbs";
var g5_is_member = "";
var g5_is_admin = "";
var g5_bo_table = "";
var g5_sca = "";
var g5_editor = "";
var g5_cookie_domain = ".sir.kr";
var g5_plugin_url = "//sir.kr/plugin";
var g5_mb_open = "0";
var g5_time_ymd = "2025-09-04";
var g5_time_ymdhis = "2025-09-04 03:52:53";
var g5_js_ver = "2411204";
var g5_css_ver = "250828";
var g5_is_mobile = false;
</script>
<script src="//sir.kr/js/jquery-1.8.3.min.js"></script>
<!-- <script src="//sir.kr/js/jquery.hoverIntent.js"></script> 미사용추정js 주석처리 kagla 210825 -->
<script src="//sir.kr/js/jquery.cookie.js"></script>
<script src="//sir.kr/js/common.js?v=210913"></script>
<script src="//sir.kr/js/v14.js?v=210913"></script>
<script src="//sir.kr/js/v15.js?v=250612"></script>
<script src="//sir.kr/js/jquery.fitVideo.min.js"></script>
<script src="//sir.kr/js/jquery.bxslider.min.js"></script>
<script src="//sir.kr/js/board_sns.js?v=1"></script>
<script src="//sir.kr/js/user_message.js?v=1"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>
<script src="//sir.kr/js/swiper/swiper.extend.user.js?v=1"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-34624806-1', 'auto');
ga('send', 'pageview');
ga('set', 'userId', '');
</script>
<script src="//sir.kr/js/jquery-ui-1.11.4.min.js"></script>
<meta name="msvalidate.01" content="D5ADF98E30A96046005D5D5C580340FE" />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script src="//sir.kr/js/jquery.hoverTab.js?v=1"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7R7ERXSXV4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7R7ERXSXV4');
</script>
<!-- Global site tag (gtag.js) - Google Ads: 999725155 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-999725155"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-999725155');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PTLQJ583');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- 상단 시작 { -->
<div id="hd">
<h1 id="hd_h1">그누보드</h1>
<div id="hdTopBanner" class="hd-top-banner is-hidden" role="region" aria-label="상단 공지">
<ul class="banner-wrap">
<li class="banner-item">
<a href="//sir.kr/main/service/inicis_pg.php">1️⃣ [KG이니시스] 신용카드 결제수수료 2.80%❗ 국내최저😮</a>
</li>
<li class="banner-item">
<a href="//sir.kr/main/service/p_pg.php">2️⃣ [NHN KCP] 휴대폰 결제수수료 2.70%❗</a>
</li>
</ul>
<div class="banner-control">
<label for="banner-not-today" class="banner-check">
<input id="banner-not-today" type="checkbox" name="not-today" value="1" />
오늘 하루 보지 않기
</label>
<button type="button" class="btn-close" aria-label="상단 배너 닫기">
<i class="fa fa-close"></i>
<span class="sound_only">닫기</span>
</button>
</div>
</div>
<div id="hd_wrapper">
<div id="hd_logo" class="header-logo">
<a href="//sir.kr/">
<img src="//sir.kr/img/common/svg/logo-sir-OFF.svg?v2" alt="SIR" class="logo">
</a>
</div>
<div id="hd_sch" class="">
<form name="frmsearch1" action="//sir.kr/bbs/search.php" onsubmit="return fsearchbox_submit(this);">
<label for="hd_sch_q" class="sound_only">검색어 <strong>필수</strong></label>
<input type="text" name="q" value="" id="hd_sch_q" required>
<button type="submit" id="hd_sch_submit">
<i class="fa fa-search"></i>
<span class="sound_only">검색</span>
</button>
</form>
<script>
function fsearchbox_submit(f) {
if (f.q.value.length < 1) {
alert("검색어를 입력해 주십시오.");
f.q.focus();
return false;
}
return true;
}
</script>
</div>
</div>
<div id="gnb" class="">
<div class="inner">
<div class="item">
<button type="button" class="all"><i class="fa fa-bars"></i> 전체보기</button>
<div id="gnb_all">
<div class="ico-a">
<a href="//sir.kr/manual/" class="a">매뉴얼</a>
<a href="//sir.kr/faq" class="a">FAQ</a>
</div>
<ul class="sublist g5">
<li class="title">그누보드5</li>
<li><a href="//sir.kr/main/g5/license.php" >라이센스</a></li>
<li><a href="//sir.kr/main/g5/feature.php" >특징/기능</a></li>
<li><a href="//sir.kr/g5_pds" >다운로드</a></li>
<li><a href="//sir.kr/manual/g5" >매뉴얼</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/" target="_blank" >사용자데모</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm" target="_blank" >관리자데모</a></li>
<li><a href="//sir.kr/faq?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" >FAQ</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" >질문답변</a></li>
<li><a href="//sir.kr/g5_tip" >팁자료실</a></li>
<li><a href="//sir.kr/g5_proposal" >제안</a></li>
<li><a href="//sir.kr/g5_devlog" >개발일지</a></li>
<li><a href="//sir.kr/g5_skin" >스킨</a></li>
<li><a href="//sir.kr/g5_builder" >빌더</a></li>
<li><a href="//sir.kr/g5_theme" >테마</a></li>
<li><a href="//sir.kr/g5_plugin" >플러그인</a></li>
<li><a href="//sir.kr/g5_ps" >사용후기</a></li>
<li><a href="//sir.kr/ds_sian" >디자인시안</a></li>
<li><a href="//sir.kr/g5_convert" >데이터변환</a></li>
<li><a href="//sir.kr/g5_guide" >가이드</a></li>
<li><a href="//sir.kr/main/g6" >그누보드6 파이썬 버전</a></li>
</ul>
<ul class="sublist yc5">
<li class="title">영카트5</li>
<li><a href="//sir.kr/yc5_pds" >다운로드</a></li>
<li><a href="//sir.kr/manual/yc5" >매뉴얼</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/shop" target="_blank" >사용자데모</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm%2Fshop_admin%2F" target="_blank" >관리자데모</a></li>
<li><a href="//sir.kr/faq?s_tag=%EC%98%81%EC%B9%B4%ED%8A%B85" >FAQ</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%98%81%EC%B9%B4%ED%8A%B85" >질문답변</a></li>
<li><a href="//sir.kr/yc5_tip" >팁자료실</a></li>
<li><a href="//sir.kr/yc5_skin" >스킨</a></li>
<li><a href="//sir.kr/yc5_builder" >빌더</a></li>
<li><a href="//sir.kr/yc5_theme" >테마</a></li>
<li><a href="//sir.kr/yc5_plugin" >플러그인</a></li>
<li><a href="//sir.kr/yc5_ps" >사용후기</a></li>
<li><a href="//sir.kr/main/service/" >전자결제</a></li>
</ul>
<ul class="sublist yc5">
<li class="title">정기결제</li>
<li><a href="//sir.kr/yc5_billing_pds" >다운로드</a></li>
<li><a href="//sir.kr/manual/billing" >매뉴얼</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/shop" target="_blank" >사용자데모</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm%2Fshop_admin%2F" target="_blank" >관리자데모</a></li>
<li><a href="//sir.kr/main/service/inicis_baro.php" >전자결제</a></li>
</ul>
<ul class="sublist yc5">
<li class="title">그누보드6</li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C6" >질문답변</a></li>
<li><a href="//sir.kr/g6_pythonista" >파이써니스타</a></li>
<li><a href="//sir.kr/g6_tip" >팁자료실</a></li>
<li><a href="//sir.kr/g6_issues" >이슈</a></li>
<li><a href="//sir.kr/g6_bug" >버그신고</a></li>
<li><a href="//sir.kr/g6_skin" >스킨</a></li>
<li><a href="//sir.kr/g6_theme" >테마</a></li>
<li><a href="//sir.kr/g6_plugin" >플러그인</a></li>
<li><a href="//sir.kr/g6_review" >사용후기</a></li>
<li><a href="https://g6.demo.sir.kr" target="_blank" >사용자데모</a></li>
<li><a href="https://g6.demo.sir.kr/admin" target="_blank" >관리자데모</a></li>
<li><a href="//sir.kr/g6_tags" >다운로드</a></li>
<li><a href="//sir.kr/manual/g6" target="_blank" >매뉴얼</a></li>
</ul>
<ul class="sublist qna">
<li class="title">Q & A</li>
<li><a href="//sir.kr/qa/howto.php" >질문방법</a></li>
<li><a href="//sir.kr/qa/?unanswered=" >모든질문</a></li>
<li><a href="//sir.kr/qa/?unanswered=1&sst=noanswer" >답변없는질문</a></li>
<li><a href="//sir.kr/qa/?unadopted=1" >미채택된질문</a></li>
<li><a href="//sir.kr/qa/?adopted=1" >채택된질문</a></li>
<li><a href="//sir.kr/qa/answer.php" >모든답변</a></li>
<li class="topline"></li><li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" >그누보드5</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%98%81%EC%B9%B4%ED%8A%B85" >영카트5</a></li>
<li class="topline"></li><li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C6" >그누보드6</a></li>
<li class="topline"></li><li><a href="//sir.kr/qa/tags.php" >태그전체</a></li>
</ul>
<ul class="sublist request">
<li class="title">제작의뢰</li>
<li><a href="//sir.kr/main/request/rule.php" >주의사항</a></li>
<li><a href="//sir.kr/main/company/week_level_is.php" >레벨정책</a></li>
<li><a href="//sir.kr/main/company/week_level.php" >레벨순위</a></li>
<li><a href="//sir.kr/main/request/chat1.php" >의뢰방법</a></li>
<li><a href="//sir.kr/main/request/chat2.php" >의뢰방법</a></li>
<li><a href="//sir.kr/request" >제작의뢰</a></li>
<li><a href="//sir.kr/developers_pr" >제작자홍보</a></li>
<li><a href="//sir.kr/rq_review" >제작후기</a></li>
<li><a href="//sir.kr/guin" >구인정보</a></li>
<li><a href="//sir.kr/gujik" >구직정보</a></li>
<li><a href="http://www.thecheat.co.kr/" target="_blank" >피해사례</a></li>
</ul>
<ul class="sublist ctt">
<li class="title">컨텐츠몰</li>
<li><a href="//sir.kr/cmall/?qcaid=10&qsort=od_newest&qorder=desc" >테마</a></li>
<li><a href="//sir.kr/cmall/?qcaid=20&qsort=od_newest&qorder=desc" >빌더</a></li>
<li><a href="//sir.kr/cmall/?qcaid=30&qsort=od_newest&qorder=desc" >스킨</a></li>
<li><a href="//sir.kr/cmall/?qcaid=40&qsort=od_newest&qorder=desc" >디자인소스</a></li>
<li><a href="//sir.kr/cmall/?qcaid=50&qsort=od_newest&qorder=desc" >플러그인</a></li>
<li><a href="//sir.kr/cmall/?qcaid=60&qsort=od_newest&qorder=desc" >솔루션</a></li>
</ul>
<ul class="sublist vas">
<li class="title">부가서비스</li>
<li class="cate"><a href="//sir.kr/main/service/#pg" >온라인 전자결제대행</a></li>
<li><a href="//sir.kr/main/service/p_pg.php" >KCP 결제</a></li>
<li><a href="//sir.kr/main/service/inicis_pg.php" >INICIS 결제</a></li>
<li><a href="//sir.kr/main/service/tosspayments_pg.php" >토스</a></li>
<li class="cate"><a href="//sir.kr/main/service/#cert" >본인인증 서비스</a></li>
<li class="topline"></li><li><a href="//sir.kr/main/service/p_cert.php" >KCP 본인</a></li>
<li><a href="//sir.kr/main/service/inicis_cert.php" >INICIS 본인</a></li>
<li class="cate"><a href="//sir.kr/main/service/#msg" >알림/메세징 서비스</a></li>
<li class="topline"></li><li><a href="//sir.kr/main/service/icode.php" >SMS 신청</a></li>
<li class="cate"><a href="//sir.kr/main/service/#insu" >책임보험 서비스</a></li>
<li class="topline"></li><li><a href="//sir.kr/main/service/insu_db_privacy.php" >개인보험</a></li>
<li class="cate"><a href="//sir.kr/main/service/#resll" >SIR 리셀러 프로그램</a></li>
<li><a href="//sir.kr/main/reseller/info.php" >리셀러안내</a></li>
<li><a href="//sir.kr/main/reseller/form.php" >리셀러가입</a></li>
<li><a href="//sir.kr/main/reseller/" >리셀러정산</a></li>
<li class="cate">고객지원</li>
<li class="topline"></li><li><a href="//sir.kr/main/service/myservice.php" >신청조회</a></li>
<li><a href="//sir.kr/co_qa" >문의게시판</a></li>
</ul>
<ul class="sublist comm">
<li class="title">커뮤니티</li>
<li><a href="//sir.kr/cm_free" >자유게시판</a></li>
<li><a href="//sir.kr/cm_humor" >유머게시판</a></li>
<li><a href="//sir.kr/aihub" target="_blank" >AIHub.</a></li>
<li><a href="//sir.kr/cm_forum" >설문게시판</a></li>
<li><a href="//sir.kr/cm_quiz" >퀴즈게시판</a></li>
<li><a href="//sir.kr/pauction" >포인트경매</a></li>
<li><a href="//sir.kr/point_rsp" >포인트가위바위보</a></li>
<li><a href="//sir.kr/point_baseball" >포인트야구게임</a></li>
<li class="topline"></li><li><a href="//sir.kr/so_global" >해외사용자</a></li>
<li><a href="//sir.kr/so_server" >서버관리자</a></li>
<li><a href="//sir.kr/so_photo" >사진</a></li>
<li><a href="//sir.kr/so_app" >앱개발</a></li>
<li><a href="//sir.kr/so_cat" >고양이</a></li>
<li><a href="//sir.kr/so_politics" >정치/경제</a></li>
<li><a href="//sir.kr/main/lecture/"><strong>스터디</strong></a></li>
<li class="topline"></li>
<li><a href="//sir.kr/jasamall"><strong>자사몰</strong></a></li>
</ul>
</div>
</div>
<div class="item g5">
<a href="//sir.kr/main/g5/" class="gnb-a">그누보드5</a>
<div class="item-sub">
<div class="col col-demo">
<div class="title">데모</div>
<ul>
<li><a href="http://demo.sir.kr/gnuboard5/" target="_blank">사용자데모</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm" target="_blank">관리자데모</a></li>
</ul>
</div>
<div class="col col-down">
<div class="title">자료실</div>
<li><a href="//sir.kr/g5_pds">다운로드</a></li>
<li><a href="//sir.kr/manual/g5">매뉴얼</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5">Q&A</a></li>
</div>
<div class="col">
<div class="title">창작마당</div>
<li><a href="//sir.kr/g5_tip">팁자료실</a></li>
<li><a href="//sir.kr/g5_skin">스킨</a></li>
<li><a href="//sir.kr/g5_builder">빌더</a></li>
<li><a href="//sir.kr/g5_theme">테마</a></li>
<li><a href="//sir.kr/g5_plugin">플러그인</a></li>
<li><a href="//sir.kr/g5_ps">사용후기</a></li>
</div>
</div>
</div>
<div class="item yc5">
<a href="//sir.kr/main/yc5/" class="gnb-a">영카트5</a>
<div class="item-sub">
<div class="col col-demo">
<div class="title">데모</div>
<ul>
<li><a href="http://demo.sir.kr/gnuboard5/shop" target="_blank">사용자데모</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm%2Fshop_admin" target="_blank">관리자데모</a></li>
</ul>
</div>
<div class="col col-down">
<div class="title">자료실</div>
<ul>
<li><a href="//sir.kr/yc5_pds">다운로드</a></li>
<li><a href="//sir.kr/manual/yc5">매뉴얼</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%98%81%EC%B9%B4%ED%8A%B85">Q&A</a></li>
</ul>
</div>
<div class="col">
<div class="title">창작마당</div>
<ul>
<li><a href="//sir.kr/yc5_tip">팁자료실</a></li>
<li><a href="//sir.kr/yc5_skin">스킨</a></li>
<li><a href="//sir.kr/yc5_builder">빌더</a></li>
<li><a href="//sir.kr/yc5_theme">테마</a></li>
<li><a href="//sir.kr/yc5_plugin">플러그인</a></li>
<li><a href="//sir.kr/yc5_ps">사용후기</a></li>
</ul>
</div>
</div>
</div>
<div class="item yc5_billing">
<a href="//sir.kr/main/yc5_billing/" class="gnb-a">정기결제</a>
<div class="item-sub">
<div class="col col-demo">
<div class="title">데모</div>
<ul>
<li><a href="http://demo.sir.kr/gnuboard5/shop" target="_blank">사용자데모</a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm%2Fshop_admin" target="_blank">관리자데모</a></li>
</ul>
</div>
<div class="col col-down">
<div class="title">자료실</div>
<ul>
<li><a href="//sir.kr/yc5_billing_pds">다운로드</a></li>
<li><a href="//sir.kr/manual/billing">매뉴얼</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%A0%95%EA%B8%B0%EA%B2%B0%EC%A0%9C">Q&A</a></li>
</ul>
</div>
</div>
</div>
<!-- <div class="item g6">
<a href="//sir.kr/main/g6/" class="gnb-a">그누보드6</a>
<div class="item-sub">
<div class="col col-demo">
<div class="title">가이드</div>
<ul>
<li><a href="https://g6.demo.sir.kr" target="_blank">사용자데모</a></li>
<li><a href="https://g6.demo.sir.kr/admin" target="_blank">관리자데모</a></li>
<li><a href="//sir.kr/manual/g6" target="_blank">매뉴얼</a></li>
</ul>
</div>
<div class="col col-down">
<div class="title">포럼</div>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C6">Q&A</a></li>
<li><a href="//sir.kr/g6_pythonista">파이써니스타</a></li>
<li><a href="//sir.kr/g6_issues">이슈</a></li>
<li><a href="//sir.kr/g6_bug">버그신고</a></li>
<li><a href="//sir.kr/g6_review">사용후기</a></li>
</div>
<div class="col">
<div class="title">자료실</div>
<li><a href="//sir.kr/g6_tags">다운로드</a></li>
<li><a href="//sir.kr/g6_tip">팁자료실</a></li>
<li><a href="//sir.kr/g6_skin">스킨</a></li>
<li><a href="//sir.kr/g6_theme">테마</a></li>
<li><a href="//sir.kr/g6_plugin">플러그인</a></li>
</div>
</div>
</div> -->
<div class="item qna">
<a href="//sir.kr/qa/" class="gnb-a">Q & A</a>
<div class="item-sub">
<div class="row promotion">
<a href="//sir.kr/qa/write.php">궁금한 게 있으신가요? <strong>지금 질문해보세요!</strong></a>
</div>
<div class="col">
<div class="title">솔루션</div>
<ul>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5">그누보드5</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%98%81%EC%B9%B4%ED%8A%B85">영카트5</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C6">그누보드6</a></li>
</ul>
</div>
<div class="col">
<div class="title">프로그래밍</div>
<ul>
<li><a href="//sir.kr/qa/?s_tag=php">php</a></li>
<li><a href="//sir.kr/qa/?s_tag=mysql">mysql</a></li>
<li><a href="//sir.kr/qa/?s_tag=javascript">javascript</a></li>
<li><a href="//sir.kr/qa/?s_tag=css">CSS</a></li>
</ul>
</div>
<div class="col">
<div class="title">서버</div>
<ul>
<li><a href="//sir.kr/qa/?s_tag=AWS">AWS</a></li>
<li><a href="//sir.kr/qa/?s_tag=%ED%81%B4%EB%9D%BC%EC%9A%B0%EB%93%9C">클라우드</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%84%9C%EB%B2%84">서버</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%84%9C%EB%B2%84%ED%98%B8%EC%8A%A4%ED%8C%85">서버호스팅</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EB%A6%AC%EB%88%85%EC%8A%A4">리눅스</a></li>
</ul>
</div>
<div class="col">
<div class="title">사이트운영</div>
<ul>
<li><a href="//sir.kr/qa/?s_tag=%ED%9A%8C%EC%9B%90">회원</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EB%A1%9C%EA%B7%B8%EC%9D%B8">로그인</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B2%8C%EC%8B%9C%ED%8C%90">게시판</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%B5%9C%EC%8B%A0%EA%B8%80">최신글</a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%9D%B4%EB%AF%B8%EC%A7%80">이미지</a></li>
</ul>
</div>
</div>
</div>
<div class="item ctt">
<a href="//sir.kr/cmall/" class="gnb-a"> 컨텐츠몰</a>
<div class="item-sub">
<div class="row promotion">
<a href="//sir.kr/cmall/cpguide.php">나의 재능을 팔아보세요!</a>
</div>
<div class="col">
<ul>
<li><a href="//sir.kr/cmall/?qcaid=10&qsort=od_newest&qorder=desc">테마</a></li>
<li><a href="//sir.kr/cmall/?qcaid=50&qsort=od_newest&qorder=desc">플러그인</a></li>
<li><a href="//sir.kr/cmall/?qcaid=20&qsort=od_newest&qorder=desc">빌더</a></li>
<li><a href="//sir.kr/cmall/?qcaid=30&qsort=od_newest&qorder=desc">스킨</a></li>
<li><a href="//sir.kr/cmall/?qcaid=40&qsort=od_newest&qorder=desc">디자인소스</a></li>
<li><a href="//sir.kr/cmall/?qcaid=60&qsort=od_newest&qorder=desc">솔루션</a></li>
</ul>
</div>
</div>
</div>
<div class="item vas">
<a href="//sir.kr/main/service/" class="gnb-a">부가서비스</a>
<div class="item-sub">
<div class="row promotion">
<a href="//sir.kr/main/service/nicepayments_pg.php"><strong>국내최저!</strong> 신용카드 결제수수료 2.85%</a></li>
</div>
<div class="col">
<ul>
<!-- <li><a href="//sir.kr/main/pgcenter">PG(전자결제) 수수료 비교 견적</a></li> -->
<li><a href="//sir.kr/main/service/#pg">PG(전자결제)</a></li>
<li><a href="//sir.kr/main/service/#cert">본인인증</a></li>
<li><a href="//sir.kr//main/service/#msg">메세지/알림</a></li>
<li><a href="//sir.kr/main/reseller/info.php">리셀러 가입안내</a></li>
<li><a href="//sir.kr/main/reseller/">리셀러 정산신청</a></li>
<li><a href="//sir.kr/co_qa">문의게시판</a></li>
</ul>
</div>
</div>
</div>
<div class="item request">
<a href="//sir.kr/main/request/" class="gnb-a">제작의뢰</a>
<div class="item-sub">
<div class="col">
<ul>
<li><a href="//sir.kr/request">제작의뢰</a></li>
<li><a href="//sir.kr/developers_pr">제작자홍보</a></li>
<li><a href="//sir.kr/guin">구인정보</a></li>
<li><a href="//sir.kr/gujik">구직정보</a></li>
</ul>
</div>
</div>
</div>
<div class="item comm">
<a href="//sir.kr/main/community/" class="gnb-a">커뮤니티</a>
<div class="item-sub">
<div class="col">
<div class="title"><a href="//sir.kr/main/community">커뮤니티</a></div>
<ul>
<li><a href="//sir.kr/cm_free">자유게시판</a></li>
<li><a href="//sir.kr/cm_humor">유머게시판</a></li>
<li><a href="//sir.kr/cm_forum">설문게시판</a></li>
<li><a href="//sir.kr/pauction">포인트경매</a></li>
<li><a href="//sir.kr/point_rsp">포인트가위바위보</a></li>
<li><a href="//sir.kr/point_baseball">포인트야구게임</a></li>
</ul>
</div>
<div class="col">
<div class="title"><a href="//sir.kr/main/somo">소모임</a></div>
<ul>
<li><a href="//sir.kr/so_global">해외사용자</a></li>
<li><a href="//sir.kr/so_politics">정치/경제/사회</a></li>
<li><a href="//sir.kr/so_photo">사진</a></li>
<li><a href="//sir.kr/so_cat">고양이</a></li>
<li><a href="//sir.kr/so_movie">영화가좋다</a></li>
<li><a href="//sir.kr/main/somo">전체보기</a></li>
</ul>
</div>
<div class="col">
<div class="title">
<a href="//sir.kr/main/lecture/">스터디</a>
</div>
<ul>
<li><a href="//sir.kr/pg_tip">개발자팁</a></li>
<li><a href="//sir.kr/ds_tip">디자이너팁</a></li>
<li><a href="//sir.kr/pb_tip">퍼블리셔팁</a></li>
<li><a href="//sir.kr/pl_tip">기획자팁</a></li>
<li><a href="//sir.kr/jasamall">자사몰</a></li>
</ul>
</div>
</div>
</div>
<div class="item ai">
<a href="//sir.kr/ai" class="gnb-a">AI 🌟</a>
</div>
<div class="item study">
<div class="item-sub">
<div class="col">
<ul>
</ul>
</div>
<div class="col">
<div class="title">강좌</div>
<ul>
<li><a href="//sir.kr/pg_lecture">개발강좌</a></li>
<li><a href="//sir.kr/pb_lecture">퍼블리싱강좌</a></li>
<li><a href="//sir.kr/ds_pscc">포토샵CC</a></li>
<li><a href="//sir.kr/lecture/photoshopcs3/" target='_blank' >포토샵CS3</a></li>
<li><a href="//sir.kr/ds_aicc">일러스트CC</a></li>
<li><a href="//sir.kr/lecture/flashcs3/" target='_blank' >플래쉬CS3</a></li>
</ul>
</div>
<div class="col">
<div class="title">기타</div>
<ul>
<li><a href="//sir.kr/ds_font_qa">폰트문의</a></li>
<li><a href="//sir.kr/ds_copyright">저작권상담</a></li>
<li><a href="//sir.kr/ds_good_site">추천사이트</a></li>
</ul>
</div>
</div>
</div>
<!-- <div class="item special">
<a href="//sir.kr/main/company/point.php" class="gnb-a"><i class="fa fa-smile-o"></i> 포인트정책</a>
<a href="//sir.kr/main/company/week_level_is.php" class="gnb-a"><i class="fa fa-id-card-o"></i> 회원레벨</a>
</div> -->
<!--
<div id="hd_pgcenter">
<a href="https://sir.kr/main/pgcenter/"><img src="//sir.kr/img/bn/2024/20240527-pgcenter-top-default-OFF.png" alt="매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!"></a>
</div>
-->
</div>
</div>
</div>
<!-- } 상단 끝 -->
<div id="wrapper" class="wrapper-pad ">
<!-- 콘텐츠 시작 { -->
<div id="" class="container ">
<div id="top_btn">
<div id="dark_btn">
<button type="button" id="darkmode_btn">
<span class="sound_only">다크 모드 보기</span>
<img src="//sir.kr/img/btn/01-OFF.png?v=3" alt="다크 모드 보기">
</button>
<button type="button" id="totop_btn">
<span class="sound_only">상단으로</span>
<img src="//sir.kr/img/btn/02-OFF.png" alt="상단으로">
</button>
</div>
</div>
<script>
$(function() {
$("#top_btn .scroll-top").on("click", function(e) {
e.preventDefault();
$("html, body").animate({
scrollTop: 0
}, '500');
return false;
});
$(".inner .item").hover(function() {
$(this).children(".item-sub").show();
}, function() {
$(this).children(".item-sub").hide();
});
});
</script>
<script>
var main_second = 10000;
</script>
<div id="main_new">
<div id="main_banner">
<script src="//sir.kr/js/jquery.touch.bxslider.js"></script><ul class="slider-banner swiper-wrapper">
<li class="swiper-slide">
<a href="//sir.kr/bbs/link.php?bo_table=co_banner&wr_id=53&no=1" target="_self" title="KG이니시스 신용카드 일반결제수수료 2.80% 국내최저!" onclick="ga('send','event','메인','배너중상728x90','KG이니시스 신용카드 일반결제수수료 2.80% 국내최저!');"><img src="//sir.kr/data/file/co_banner/990520981_et1BsAFK_ea16c1cae73b476452d8d61765721e7011d57534.jpg" alt="KG이니시스 신용카드 일반결제수수료 2.80% 국내최저!" width="728" height="90"></a>
</li>
</ul><div class="main-banner-btn"><a href= //sir.kr/co_banner?sca=&sdtype=ing class="show-all"><div class="swiper-pagination swiper-pagination-fraction"></div>모두보기</a></div>
<script>
$(function() {
let mFlag = false;
if (!mFlag) {
let mainSwiper = new Swiper("#main_banner", {
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
pauseOnMouseEnter: true,
},
pagination: {
el: ".swiper-pagination-fraction",
type: "fraction",
},
});
} else {
let mainSwiper = new Swiper("#main_banner", {
loop: true,
spaceBetween: 10,
slidesPerView: 'auto',
centeredSlides: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
pauseOnMouseEnter: true,
},
pagination: {
el: ".swiper-pagination-fraction",
type: "fraction",
},
});
}
})
</script></div>
<div id="idx-short-cut" >
<div class="single-item">
<div class="idx-short-gn idx-short-tab">
<a href="//sir.kr/main/g5" class="idx-short-title idx-short-title-gn" onclick="ga('send','event','메인','바로가기-그누보드5','그누보드5');">그누보드</a>
<ul class="idx-short-list">
<li class="first-short-li"><a href="//sir.kr/g5_pds" class="short-li-dn" title="다운로드수 : 509,580" onclick="ga('send','event','메인','바로가기-그누보드5','다운로드수');"><span class="s-bg">51 <span class="small-o">만</span></span><span class="s-tit s-txt">다운로드수</span></a></li>
<li><a href="//sir.kr/qa/?s_tag=그누보드5" class="short-li-qa" title="질문수 : 62,867" onclick="ga('send','event','메인','바로가기-그누보드5','질문수');"><span class="s-bg">6.3 <span class="small-o">만</span></span><span class="s-tit s-txt">질문수</span></a></li>
<li><a href="http://demo.sir.kr/gnuboard5/" target="_blank" class="short-li-ut" onclick="ga('send','event','메인','바로가기-그누보드5','사용자데모');"><span class="s-bg"><i class="fa fa-home"></i></span><span class="s-tit">사용자데모</span></a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm" target="_blank" class="short-li-adt" onclick="ga('send','event','메인','바로가기-그누보드5','관리자데모');"><span class="s-bg"><i class="fa fa-gear"></i></span><span class="s-tit">관리자데모</span></a></li>
<li><a href="//sir.kr/g5_skin" class="short-li-sk" title="스킨 : 749,647" onclick="ga('send','event','메인','바로가기-그누보드5','스킨');"><span class="s-bg"><i class="fa fa-map"></i></span><span class="s-tit">스킨</span></a></li>
<li><a href="//sir.kr/g5_builder" class="short-li-bd" title="빌더 : 66,486" onclick="ga('send','event','메인','바로가기-그누보드5','빌더');"><span class="s-bg"><i class="fa fa-sticky-note"></i></span><span class="s-tit">빌더</span></a></li>
<li><a href="//sir.kr/g5_theme" class="short-li-tm" title="테마 : 180,286" onclick="ga('send','event','메인','바로가기-그누보드5','테마');"><span class="s-bg"><i class="fa fa-folder "></i></span><span class="s-tit">테마</span></a></li>
</ul>
</div>
<div class="idx-short-yct idx-short-tab">
<a href="//sir.kr/main/yc5" class="idx-short-title idx-short-title-yct" onclick="ga('send','event','메인','바로가기-영카트5','영카트');">영카트</a>
<ul class="idx-short-list">
<li class="first-short-li"><a href="//sir.kr/yc5_pds" class="short-li-dn" title="다운로드수 : 203,312" onclick="ga('send','event','메인','바로가기-영카트5','다운로드수');"><span class="s-bg">20 <span class="small-o">만</span></span><span class="s-tit s-txt">다운로드수</span></a></li>
<li><a href="//sir.kr/qa/?s_tag=영카트5" class="short-li-qa" title="질문수 : 17,519" onclick="ga('send','event','메인','바로가기-영카트5','질문수');"><span class="s-bg">1.8 <span class="small-o">만</span></span><span class="s-tit s-txt">질문수</span></a></li>
<li><a href="http://demo.sir.kr/gnuboard5/shop/" target="_blank" class="short-li-ut" onclick="ga('send','event','메인','영카트5','사용자데모');"><span class="s-bg"><i class="fa fa-home"></i></span><span class="s-tit">사용자데모</span></a></li>
<li><a href="http://demo.sir.kr/gnuboard5/bbs/login.php?url=%2Fgnuboard5%2Fadm%2Fshop_admin%2F" target="_blank" class="short-li-adt" onclick="ga('send','event','메인','바로가기-영카트5','관리자데모');"><span class="s-bg"><i class="fa fa-gear"></i></span><span class="s-tit">관리자데모</span></a></li>
<li><a href="//sir.kr/yc5_skin" class="short-li-sk" onclick="ga('send','event','메인','바로가기-영카트5','스킨');"><span class="s-bg" title="스킨 : 25,925"><i class="fa fa-map"></i></span><span class="s-tit">스킨</span></a></li>
<li><a href="//sir.kr/yc5_builder" class="short-li-bd" title="빌더 : 17,388" onclick="ga('send','event','메인','바로가기-영카트5','빌더');"><span class="s-bg"><i class="fa fa-sticky-note"></i></span><span class="s-tit">빌더</span></a></li>
<li><a href="//sir.kr/yc5_theme" class="short-li-tm" title="테마 : 62,974" onclick="ga('send','event','메인','바로가기-영카트5','테마');"><span class="s-bg"><i class="fa fa-folder "></i></span><span class="s-tit">테마</span></a></li>
</ul>
</div>
</div>
</div>
<div id="idx-latest-tabs">
<div class="idx-latab cm-tab">
<h3 id="first-tab" class="active"><a href="//sir.kr/main/g5/" onclick="ga('send','event','메인', '최신글-그누보드5','[제목]');">그누보드</a></h3>
<div class="sir_lt sir_lt_on">
<ul>
<li>
<a href="//sir.kr/g5_tip/24196" onclick="ga('send','event','메인','최신글-그누보드5','게시판 검색 속도 개선 (전문검색 엔진 연동)');">
<span class="lt-board-name">팁</span>
게시판 검색 속도 개선 (전문검색 엔진 연동) <span class="lt-board-reply">1</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/g5_tip/24195" onclick="ga('send','event','메인','최신글-그누보드5','한계정에 도메인 두개 연결시 링크 꼬임 문제 해결');">
<span class="lt-board-name">팁</span>
한계정에 도메인 두개 연결시 링크 꼬임 문제 해결 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/g5_tip/24194" onclick="ga('send','event','메인','최신글-그누보드5','기본 theme 디렉토리 자체를 사용하지 않으려면');">
<span class="lt-board-name">팁</span>
기본 theme 디렉토리 자체를 사용하지 않으려면 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/g5_pds/7504" onclick="ga('send','event','메인','최신글-그누보드5','[5.6.16버전 오류수정]그누보드(영카트) 5.6.17');">
<span class="lt-board-name">일반</span>
[5.6.16버전 오류수정]그누보드(영카트) 5.6.1... <span class="lt-board-reply">3</span>
</a>
<span class="lt-board-date">25.09.02</span>
</li>
<li>
<a href="//sir.kr/g5_tip/24192" onclick="ga('send','event','메인','최신글-그누보드5','게시판 카테분류명 특별 이름만 로그인 시켜보기');">
<span class="lt-board-name">팁</span>
게시판 카테분류명 특별 이름만 로그인 시켜보기 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.02</span>
</li>
</ul>
</div>
<h3><a href="//sir.kr/main/yc5/" onclick="ga('send','event','메인','최신글-영카트5','[제목]');">영카트</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/yc5_tip/2490" onclick="ga('send','event','메인','최신글-영카트5','배송업체 여러개 선택 하게 기능 수정방법');">
<span class="lt-board-name">팁</span>
배송업체 여러개 선택 하게 기능 수정방법 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/yc5_tip/2489" onclick="ga('send','event','메인','최신글-영카트5','장바구니 실시간 검증 로직 추가');">
<span class="lt-board-name">팁</span>
장바구니 실시간 검증 로직 추가 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/yc5_tip/2486" onclick="ga('send','event','메인','최신글-영카트5','코어 파일을 건드리지 않고 확장하는 법');">
<span class="lt-board-name">팁</span>
코어 파일을 건드리지 않고 확장하는 법 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.26</span>
</li>
<li>
<a href="//sir.kr/yc5_tip/2484" onclick="ga('send','event','메인','최신글-영카트5','상품 옵션 캐싱 & 프리로드 최적화');">
<span class="lt-board-name">팁</span>
상품 옵션 캐싱 & 프리로드 최적화 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.18</span>
</li>
<li>
<a href="//sir.kr/yc5_tip/2483" onclick="ga('send','event','메인','최신글-영카트5','상품 옵션·추가옵션 동적 가격 계산 및 재고 연동');">
<span class="lt-board-name">팁</span>
상품 옵션·추가옵션 동적 가격 계산 및 재고 연동 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.16</span>
</li>
</ul>
</div>
<h3><a href="//sir.kr/qa/" onclick="ga('send','event','메인','최신글-QA','[제목]');">QA</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/qa/559408" onclick="ga('send','event','메인','최신글-QA','에디터와 상품보기 화면이 다르게 나옵니다.');">
<span class="lt-board-name">그누보드5</span>
에디터와 상품보기 화면이 다르게 나옵니다. <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/qa/559403" onclick="ga('send','event','메인','최신글-QA','이니시스 상점아이디가 sir로 시작안해도 상관없나요?');">
<span class="lt-board-name">영카트5</span>
이니시스 상점아이디가 sir로 시작안해도 상관없나요? <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/qa/559397" onclick="ga('send','event','메인','최신글-QA','포인트를 구매할수있는 pg를 붙이려면?');">
<span class="lt-board-name">포인트후원</span>
포인트를 구매할수있는 pg를 붙이려면? <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/qa/559390" onclick="ga('send','event','메인','최신글-QA','서버호스팅 할때 어디서 하시나요?');">
<span class="lt-board-name">서버호스팅</span>
서버호스팅 할때 어디서 하시나요? <span class="lt-board-reply">5</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/qa/559386" onclick="ga('send','event','메인','최신글-QA','주문내역 없을 때 주문내역조회 페이지 ');">
<span class="lt-board-name">영카트5</span>
주문내역 없을 때 주문내역조회 페이지 <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
</ul>
</div>
<h3><a href="//sir.kr/main/lecture/" onclick="ga('send','event','메인','최신글-강좌','[제목]');">강좌</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/pb_tip/3806" onclick="ga('send','event','메인','최신글-강좌','픽셀 단위 고정 대신 유연한 단위를 쓰자');">
<span class="lt-board-name">CSS</span>
픽셀 단위 고정 대신 유연한 단위를 쓰자 <span class="lt-board-reply">1</span>
</a>
<span class="lt-board-date">25.08.16</span>
</li>
<li>
<a href="//sir.kr/pb_lecture/1546" onclick="ga('send','event','메인','최신글-강좌','스크롤 애니메이션 인터랙션');">
<span class="lt-board-name">CSS</span>
스크롤 애니메이션 인터랙션 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.16</span>
</li>
<li>
<a href="//sir.kr/pb_lecture/1545" onclick="ga('send','event','메인','최신글-강좌','이미지 비율 유지 반응형 처리');">
<span class="lt-board-name">CSS</span>
이미지 비율 유지 반응형 처리 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.16</span>
</li>
<li>
<a href="//sir.kr/pb_lecture/1544" onclick="ga('send','event','메인','최신글-강좌','CSS 변수와 다크 모드 테마');">
<span class="lt-board-name">CSS</span>
CSS 변수와 다크 모드 테마 <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.02</span>
</li>
<li>
<a href="//sir.kr/pg_tip/18200" onclick="ga('send','event','메인','최신글-강좌','게시글 스팸방지 방법 중 하나 구글 - reCAPTCHA ');">
<span class="lt-board-name">기타</span>
게시글 스팸방지 방법 중 하나 구글 - reCAPTCH... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.02</span>
</li>
</ul>
</div>
</div>
<div class="idx-latab-button">
<span class="current_tab_txt">1</span>/<span class="page-total">4</span>
<button class="direction-left">
<i class="fa fa-angle-left"></i>
<span class="sound_only">왼쪽 탭으로 이동</span>
</button>
<button class="direction-right">
<i class="fa fa-angle-right"></i>
<span class="sound_only">오른쪽 탭으로 이동</span>
</button>
</div>
<div id="idx-latab-popular">
<div class="sir_lt">
<h3>인기글 <span class="h3-purple">TOP</span> <span class="h3-green">3</span></h3>
<ol>
<li>
<a href="//sir.kr/ai/909" onclick="ga('send','event','메인','최신글-강좌','이제 좀 더 명확한 해답...');">
<span>1.</span>이제 좀 더 명확한 해답... </a>
</li>
<li>
<a href="//sir.kr/cm_free/1715932" onclick="ga('send','event','메인','최신글-강좌','오늘은 시내(?) 나갔다...');">
<span>2.</span>오늘은 시내(?) 나갔다... </a>
</li>
<li>
<a href="//sir.kr/ai/904" onclick="ga('send','event','메인','최신글-강좌','프로젝트 규모가 커지니 ...');">
<span>3.</span>프로젝트 규모가 커지니 ... </a>
</li>
</ol>
</div>
<div class="pg-banner">
<ul class="bxslider2">
<li><a href="//sir.kr/main/service/inicis_pg.php" onclick="ga('send','event','메인','배너중중191x72','카카오페이');"><img width="191" height="72" src="//sir.kr/img/bn/link-kakaopay.png" alt="카카오페이"></a></li>
<li><a href="//sir.kr/main/service/p_pg.php" onclick="ga('send','event','메인','배너중중191x72','네이버페이');"><img width="191" height="72" src="//sir.kr/img/bn/link-naverpay.png" alt="네이버페이"></a></li>
</ul>
</div>
</div>
</div>
<div id="idx-latest-tabs2">
<div class="idx-latab cm-tab">
<h3 id="first-tab2" class="active"><a href="//sir.kr/main/g5/" onclick="ga('send','event','메인','최신썸네일-그누보드5','[제목]');">그누보드</a></h3>
<div class="sir_lt sir_lt_on">
<ul class=" img_latest">
<li class="latest_1">
<div class="cmall_img"><a href="//sir.kr/g5_plugin/14170" onclick="ga('send','event','메인','최신썸네일-그누보드5','slide popup 플러그인');"><img src="//sir.kr/data/file/g5_plugin/thumb-2056868153_t0cZpMfh_5cf333f117e824e7e6e17c586c7c5b877a4ccd9c_153x105.png" alt="" width="153" height="105" /></a></div>
<div class="cmall_tit"><span class="latest_icon">플러그인</span><a href="//sir.kr/g5_plugin/14170" onclick="ga('send','event','메인','최신썸네일-그누보드5','slide popup 플러그인');">slide popup 플러그인</a></div>
</li>
<li class="latest_2">
<div class="cmall_img"><a href="//sir.kr/g5_skin/62823" onclick="ga('send','event','메인','최신썸네일-그누보드5','JJ-basic — 그누 기본 + 첨부파일 썸네일과 alt(파일 설명) 자동 생성');"><img src="//sir.kr/data/file/g5_skin/thumb-3024155672_NrZYQe8X_2146121ac2c9b9a15e052c3d7e6d8f561c077066_153x105.jpg" alt="" width="153" height="105" /></a></div>
<div class="cmall_tit"><span class="latest_icon">스킨</span><a href="//sir.kr/g5_skin/62823" onclick="ga('send','event','메인','최신썸네일-그누보드5','JJ-basic — 그누 기본 + 첨부파일 썸네일과 alt(파일 설명) 자동 생성');">JJ-basic — 그누 기본 + 첨부파일 썸네일과 alt(파일 설명) 자동 생성</a></div>
</li>
<li class="latest_3">
<div class="cmall_img"><a href="//sir.kr/g5_skin/62821" onclick="ga('send','event','메인','최신썸네일-그누보드5','부트스트랩 5.3 반응형 1대 1 QA 스킨.');"><img src="//sir.kr/data/file/g5_skin/thumb-3076804249_TKaezj32_f1e40edba7265775f9c501e7e17e9fbd1aa1c97d_153x105.jpg" alt="" width="153" height="105" /></a></div>
<div class="cmall_tit"><span class="latest_icon">스킨</span><a href="//sir.kr/g5_skin/62821" onclick="ga('send','event','메인','최신썸네일-그누보드5','부트스트랩 5.3 반응형 1대 1 QA 스킨.');">부트스트랩 5.3 반응형 1대 1 QA 스킨.</a></div>
</li>
</ul> </div>
<h3><a href="//sir.kr/main/yc5/" onclick="ga('send','event','메인','최신썸네일-영카트5','[제목]');">영카트</a></h3>
<div class="sir_lt">
<ul class=" img_latest">
<li class="latest_1">
<div class="cmall_img"><a href="//sir.kr/yc5_builder/1167" onclick="ga('send','event','메인','최신썸네일-영카트5','리빌더 2.2.2');"><img src="//sir.kr/data/file/yc5_builder/thumb-3547492265_rkDyXRAN_2b6393a4c5f6195c0776bd54ed740cf0016ffc3e_153x105.png" alt="" width="153" height="105" /></a></div>
<div class="cmall_tit"><span class="latest_icon">빌더</span><a href="//sir.kr/yc5_builder/1167" onclick="ga('send','event','메인','최신썸네일-영카트5','리빌더 2.2.2');">리빌더 2.2.2</a></div>
</li>
<li class="latest_2">
<div class="cmall_img"><a href="//sir.kr/yc5_builder/1162" onclick="ga('send','event','메인','최신썸네일-영카트5','[시즌4] 이윰빌더 4.7.9');"><img src="//sir.kr/data/file/yc5_builder/thumb-3556495142_DrBYE18X_56b6b0797afddc3747cb9aa0bd9e749687c447f9_153x105.jpg" alt="" width="153" height="105" /></a></div>
<div class="cmall_tit"><span class="latest_icon">빌더</span><a href="//sir.kr/yc5_builder/1162" onclick="ga('send','event','메인','최신썸네일-영카트5','[시즌4] 이윰빌더 4.7.9');">[시즌4] 이윰빌더 4.7.9</a></div>
</li>
<li class="latest_3">
<div class="cmall_img"><a href="//sir.kr/yc5_ps/1117" onclick="ga('send','event','메인','최신썸네일-영카트5','초보자도 주문할 수 있는 인쇄 사이트 만들어 봤습니다.');"><img src="//sir.kr/data/file/yc5_ps/thumb-991648015_uYUfeO94_b4f96f174b236c2d802f2a66e944cfbc34fe0512_153x105.png" alt="" width="153" height="105" /></a></div>
<div class="cmall_tit"><span class="latest_icon">후기</span><a href="//sir.kr/yc5_ps/1117" onclick="ga('send','event','메인','최신썸네일-영카트5','초보자도 주문할 수 있는 인쇄 사이트 만들어 봤습니다.');">초보자도 주문할 수 있는 인쇄 사이트 만들어 봤습니다.</a></div>
</li>
</ul> </div>
<h3><a href="//sir.kr/cmall/" onclick="ga('send','event','메인','최신썸네일-컨텐츠몰','[제목]');">컨텐츠몰</a></h3>
<div class="sir_lt">
<ul class="cmall_latest">
<li class="latest_1">
<a href="//sir.kr/cmall/1684214753" class="cmall-new-img" onclick="ga('send','event','메인','최신썸네일-컨텐츠몰','반응형 위즈테마LM01');" ><img src="//sir.kr/data/item/cmall/1684214753/thumb-sir_153x105.jpg" width="153" height="105" alt="반응형 위즈테마LM01"></a>
<a href="//sir.kr/cmall/1684214753" class="cmall-new-tit" onclick="ga('send','event','메인','최신썸네일-컨텐츠몰','반응형 위즈테마LM01');" >반응형 위즈테마LM01</a>
<span class="cmall-new-pr"><div class="ctt-price"><span class="after"><span class="n">66,000</span><span class="unit">원</span></span></div></span>
</li>
<li>
<a href="//sir.kr/cmall/1756279474" class="cmall-new-img" onclick="ga('send','event','메인','최신썸네일-컨텐츠몰','[그누위즈 테마] 풀반응형 홈페이지 테마 #theme_08');" ><img src="//sir.kr/data/item/cmall/1756279474/thumb-6re464iE7JyE7KaI_7YWM66eI_08_7I2464Sk7J28_153x105.jpg" width="153" height="105" alt="[그누위즈 테마] 풀반응형 홈페이지 테마 #theme_08"></a>
<a href="//sir.kr/cmall/1756279474" class="cmall-new-tit" onclick="ga('send','event','메인','최신썸네일-컨텐츠몰','[그누위즈 테마] 풀반응형 홈페이지 테마 #theme_08');" >[그누위즈 테마] 풀반응형 홈페이지 테마 #theme_08</a>
<span class="cmall-new-pr"><div class="ctt-price"><span class="after"><span class="n">88,000</span><span class="unit">원</span></span></div></span>
</li>
<li>
<a href="//sir.kr/cmall/1746603430" class="cmall-new-img" onclick="ga('send','event','메인','최신썸네일-컨텐츠몰','최신 반응형 케이홈테마_#KT001c');" ><img src="//sir.kr/data/item/cmall/1746603430/thumb-kt001c_153x105.jpg" width="153" height="105" alt="최신 반응형 케이홈테마_#KT001c"></a>
<a href="//sir.kr/cmall/1746603430" class="cmall-new-tit" onclick="ga('send','event','메인','최신썸네일-컨텐츠몰','최신 반응형 케이홈테마_#KT001c');" >최신 반응형 케이홈테마_#KT001c</a>
<span class="cmall-new-pr"><div class="ctt-price"><span class="after"><span class="n">220,000</span><span class="unit">원</span></span></div></span>
</li>
</ul>
</div>
</div>
<div class="idx-latab-button">
<span class="is_tab_latest current_tab_txt">1</span>/<span class="page-total">3</span>
<button class="direction-left">
<i class="fa fa-angle-left"></i>
<span class="sound_only">왼쪽 탭으로 이동</span>
</button>
<button class="direction-right">
<i class="fa fa-angle-right"></i>
<span class="sound_only">오른쪽 탭으로 이동</span>
</button>
</div>
<div id="idx-latab-popcon">
<div class="sir_lt">
<h3>인기컨텐츠</h3>
<div class="idx-tab-pct">
<ul class="cmall_popular_item">
<li><a href="//sir.kr/cmall/1542957738" onclick="ga('send','event','메인','인기컨텐츠','[SEO] 검색엔진최적화 RSS,사이트맵,Robot...');"><img src="//sir.kr/data/item/cmall/1542957738/thumb-item2_189x110.jpg" width="189" height="110" alt="[SEO] 검색엔진최적화 RSS,사이트맵,Robot.txt, 인덱스나우 그누/영카트 지원">[SEO] 검색엔진최적화 RSS,사이트맵,Robot...</a><br><b>99,000원</b></li>
<li><a href="//sir.kr/cmall/1748502464" onclick="ga('send','event','메인','인기컨텐츠','[그누위즈 테마] 쇼핑몰 테마 #shop_05');"><img src="//sir.kr/data/item/cmall/1748502464/thumb-6re464iE7JyE7KaI_7Ie87ZWR66qw_7YWM66eI_05_7I2464Sk7J28_189x110.jpg" width="189" height="110" alt="[그누위즈 테마] 쇼핑몰 테마 #shop_05">[그누위즈 테마] 쇼핑몰 테마 #shop_05</a><br><b>220,000원</b></li>
<li><a href="//sir.kr/cmall/1628226971" onclick="ga('send','event','메인','인기컨텐츠','[다온테마] 풀반응형 영카트 #02');"><img src="//sir.kr/data/item/cmall/1628226971/thumb-2_189x110.jpg" width="189" height="110" alt="[다온테마] 풀반응형 영카트 #02">[다온테마] 풀반응형 영카트 #02</a><br><b>165,000원</b></li>
</ul>
<script>
(function($){
$(document).ready(function() {
var $cmall_slider = $('.cmall_popular_item').bxSlider({
auto: true,
pause: main_second,
pager: false,
autoHover: true,
speed: 500,
nextSelector:'false',
onSlideAfter: function(el, old, current){
$(".cmall_current_idx").text(parseInt(current) + 1);
}
});
$('.idx-latab-popcon-button .direction-left').click(function(e){ //왼쪽 탭으로 이동
e.preventDefault();
$cmall_slider.goToPrevSlide();
});
$('.idx-latab-popcon-button .direction-right').click(function(e){ //오른쪽 탭으로 이동
e.preventDefault();
$cmall_slider.goToNextSlide();
});
});
})(jQuery);
</script>
</div>
</div>
<div class="idx-latab-popcon-button">
<span class="cmall_current_idx current_tab_txt">1</span>/<span class="page-total">3</span>
<button class="direction-left">
<i class="fa fa-angle-left"></i>
<span class="sound_only">왼쪽 탭으로 이동</span>
</button>
<button class="direction-right">
<i class="fa fa-angle-right"></i>
<span class="sound_only">오른쪽 탭으로 이동</span>
</button>
</div>
</div>
</div>
<div class="idx-ads-wr">
<div class="idx-ads">
<a href="//sir.kr/main/service/#pg"><img width="728" height="90" src="https://sir.kr/data/file/co_banner/990520834_DPgMwWC4_8257fa525f1481d3650c496ed3fe7c441dadedb1.jpg" alt="카드 결제 수수료 국내최저 2.85%"></a>
</div>
</div>
<div id="idx-sir-service">
<h3>SIR 서비스 및 제휴 서비스</h3>
<div class="service-list-div">
<dl class="service-list slide">
<dt class="service-list-p"><a href="//sir.kr/main/company/point.php" onclick="ga('send','event','메인','서비스','포인트');">포인트</a></dt>
<dd>꾸준하게 글, 댓글, 추천, 다운로드를 하는 활동을 하시면 따로 모으려고 애쓰지 않아도 일정 포인트가 적립됩니다.</dd>
</dl>
<dl class="service-list slide">
<dt class="service-list-f"><a href="//sir.kr/main/community/friendchat.php" onclick="ga('send','event','메인','서비스','친구');">친구</a></dt>
<dd>친구로 추가하면 그 친구가 글을 썼을 때 알림으로 알려주어 댓글이나 추천을 누구보다도 빨리 남길 수 있습니다.</dd>
</dl>
<dl class="service-list slide">
<dt class="service-list-l"><a href="//sir.kr/main/company/week_level_is.php" onclick="ga('send','event','메인','서비스','레벨');">레벨</a></dt>
<dd>활동을 많이 하시는 분들께는 레벨을 올려드리고 있으며, 레벨을 필요로 하는 서비스에 적용하고 있습니다.</dd>
</dl>
<dl class="service-list slide">
<dt class="service-list-r"><a href="//sir.kr/main/request" onclick="ga('send','event','메인','서비스','제작의뢰');">제작의뢰</a></dt>
<dd>SIR 회원들과 직접 소통하며 의뢰,견적, 제작을 할 수 있으며 개인정보를 공개하지 않고 안전한 의뢰가 가능합니다.</dd>
</dl>
<dl class="service-list slide">
<dt class="service-list-cf24"><a href="https://hosting.cafe24.com/?r_id=kagla" target="_blank" onclick="ga('send','event','메인','서비스','카페24호스팅');">카페24 호스팅</a></dt>
<dd>국내 1위 호스팅! 카페24 호스팅을 쓰시면 언제나 안정적인 홈페이지 운영이 가능하며, 하루 한 번씩 자동 백업이 이루어집니다.</dd>
</dl>
<dl class="service-list slide">
<dt class="service-list-nhn"><a href="//sir.kr/main/reseller/info.php" onclick="ga('send','event','메인','서비스','KCP리셀러');">결제대행사 리셀러</a></dt>
<dd>개인(프리랜서)도 리셀러가 될 수 있습니다.<br>리셀러는 PG(전자결제) 가입건당 11만원을 받으실 수 있습니다.</dd>
</dl>
<!-- <dl class="service-list slide">
<dt class="service-list-empty"></dt>
<dd></dd>
</dl> -->
</div>
<span class="page"><span class="bx-paper-num">1</span>/<span class="page-total">3</span></span>
</div>
</div>
<!--오른쪽-->
<div id="main_ri">
<!-- 로그인 -->
<div id="tnb">
<h3>회원로그인</h3>
<!-- 로그인 전 아웃로그인 시작 { -->
<section id="ol_before" class="tnb-login">
<h2>로그인</h2>
<form name="foutlogin" action="https://sir.kr/bbs/login_check.php" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
<fieldset>
<input type="hidden" name="url" value="%2F">
<label for="ol_id" id="ol_idlabel"><strong class="sound_only" >회원아이디 필수</strong></label>
<input type="text" id="ol_id" name="mb_id" required class="required" maxlength="20" placeholder="아이디">
<label for="ol_pw" id="ol_pwlabel"><strong class="sound_only">비밀번호 필수</strong></label>
<input type="password" id="ol_pw" name="mb_password" required class="required" maxlength="20" placeholder="비밀번호">
<input type="submit" id="ol_submit" value="로그인">
<div id="ol_auto">
<input type="checkbox" name="auto_login" id="login_auto_login">
<label for="login_auto_login" class="login_auto">자동로그인</label>
</div>
<div id="ol_svc">
<a href="//sir.kr/bbs/register.php"><b>회원가입</b></a>
<a href="//sir.kr/bbs/password_lost.php" id="ol_password_lost">정보찾기</a>
</div>
</fieldset>
</form>
<div class="sns-wrap">
<a href="//sir.kr/plugin/social_login/popup.php?provider=naver&url=%2F" class="sns-icon sns-naver" title="네이버아이디로 로그인">
<span class="ico">
<img src="//sir.kr/plugin/social_login/img/naver_color.svg" alt="네이버 로그인">
</span>
<span class="txt">네이버<i> 로그인</i></span>
</a>
<span class="sns-div sns-div1"></span>
<a href="//sir.kr/plugin/social_login/popup.php?provider=kakao&url=%2F" class="sns-icon sns-kakao" title="카카오아이디로 로그인">
<span class="ico">
<img src="//sir.kr/plugin/social_login/img/kakao_color.svg" alt="카카오 로그인">
</span>
<span class="txt">카카오<i> 로그인</i></span>
</a>
<span class="sns-div sns-div2"></span>
<a href="//sir.kr/plugin/social_login/popup.php?provider=facebook&url=%2F" class="sns-icon sns-fb" title="페이스북아이디로 로그인">
<span class="ico">
<img src="//sir.kr/plugin/social_login/img/facebook_color.svg" alt="페이스북 로그인">
</span>
<span class="txt">페이스북<i> 로그인</i></span>
</a>
<span class="sns-div sns-div3"></span>
<a href="//sir.kr/plugin/social_login/popup.php?provider=google&url=%2F" class="sns-icon sns-gg" title="구글아이디로 로그인">
<span class="ico">
<img src="//sir.kr/plugin/social_login/img/google_color.svg" alt="구글 로그인">
</span>
<span class="txt">구글<i> 로그인</i></span>
</a>
<span class="sns-div sns-div4"></span>
<script>
$(function(){
$(".sns-wrap").on("click", "a", function(e){
e.preventDefault();
var pop_url = $(this).attr("href");
var newWin = window.open(
pop_url,
"social_sing_on",
"location=0,status=0,scrollbars=1,width=600,height=500"
);
if(!newWin || newWin.closed || typeof newWin.closed=='undefined')
alert('브라우저에서 팝업이 차단되어 있습니다. 팝업 활성화 후 다시 시도해 주세요.');
return false;
});
});
</script>
</div></section>
<script>
$omi = $('#ol_id');
$omp = $('#ol_pw');
// $omp.css('display','inline-block').css('width',104);
$omi_label = $('#ol_idlabel');
$omi_label.addClass('ol_idlabel');
$omp_label = $('#ol_pwlabel');
$omp_label.addClass('ol_pwlabel');
$(function() {
$omi.focus(function() {
$omi_label.css('visibility','hidden');
});
$omp.focus(function() {
$omp_label.css('visibility','hidden');
});
$omi.blur(function() {
$this = $(this);
if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
});
$omp.blur(function() {
$this = $(this);
if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
});
$("#login_auto_login").click(function(){
if ($(this).is(":checked")) {
if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))
return false;
}
});
});
function fhead_submit(f)
{
var mb_id = $.trim($(f).find("input[name=mb_id]").val());
var mb_password = $.trim($(f).find("input[name=mb_password]").val());
var result = true;
$.ajax({
url: g5_bbs_url+"/ajax.login_check.php",
type: "POST",
data: {
"mb_id" : mb_id,
"mb_password" : mb_password
},
dataType: "json",
async: false,
cache: false,
success: function(data, textStatus) {
if(data.error == "unlogin") {
document.location.href = "//sir.kr/bbs/unlogin_member.php";
return false;
} else if(data.error != "") {
alert(data.error);
result = false;
}
if (typeof data.code !== "undefined") {
if (data.code == "findpass") {
win_password_lost(g5_bbs_url + "/password_lost.php");
}
}
}
});
return result;
}
</script>
<!-- } 로그인 전 아웃로그인 끝 -->
</div>
<div id="main_nt">
<h2><a href="//sir.kr/co_notice" onclick="ga('send','event','메인','공지','[제목]');">공지</a></h2>
<ul class="">
<li><a href="//sir.kr/co_notice/1456" onclick="ga('send','event','메인','공지','컨텐츠몰 2025년 08월 분류별 판매현황');">컨텐츠몰 2025년 08월 분류별 판매현황</a></li>
<li><a href="//sir.kr/co_notice/1455" onclick="ga('send','event','메인','공지','컨텐츠몰 2025년 07월 분류별 판매현황');">컨텐츠몰 2025년 07월 분류별 판매현황</a></li>
<!-- <li><a href="//sir.kr/bbs/board.php?bo_table=co_notice&wr_id=1151"><strong class="notice-spe">채용 </strong>SIR 정규직원 수시모집 안내</a></li> -->
</ul>
<!-- <div class='more hide'><a href='?bo_table=co_notice&sca=' class='c_999'>더보기</a></div> -->
<!-- <div class='more hide'><a href='?bo_table=co_notice&sca=' class='c_999'>더보기</a></div> --> </div>
<div id="main-ri-tab1">
<div class="idx-latab">
<h3 id="first-tab1"><a href="//sir.kr/cm_free" onclick="ga('send','event','메인','최신글-자유게시판','[제목]');">자유게시판</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/cm_free/1715945" onclick="ga('send','event','메인','최신글-자유게시판','php 8버전 g5['title'] 잘 나오나요?');">
<span class="lt-board-name">일반</span>
php 8버전 g5['title'] 잘... <span class="lt-board-reply">3</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/cm_free/1715932" onclick="ga('send','event','메인','최신글-자유게시판','오늘은 시내(?) 나갔다가...');">
<span class="lt-board-name">일반</span>
오늘은 시내(?) 나갔다가... <span class="lt-board-reply">8</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/cm_free/1715925" onclick="ga('send','event','메인','최신글-자유게시판','빨리 끝나야 되는데..');">
<span class="lt-board-name">일반</span>
빨리 끝나야 되는데.. <span class="lt-board-reply">4</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/cm_free/1715922" onclick="ga('send','event','메인','최신글-자유게시판','가로수 그늘아래 서면');">
<span class="lt-board-name">일반</span>
가로수 그늘아래 서면 <span class="lt-board-reply">1</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/cm_free/1715921" onclick="ga('send','event','메인','최신글-자유게시판','flutter 폼빌더');">
<span class="lt-board-name">일반</span>
flutter 폼빌더 <span class="lt-board-reply">10</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/cm_free/1715916" onclick="ga('send','event','메인','최신글-자유게시판','로그인 출석은 쉬운데, 게시판 글쓰기 출석은 쉽지 않네요.');">
<span class="lt-board-name">일반</span>
로그인 출석은 쉬운데, 게시판 글쓰기 ... <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.02</span>
</li>
<li>
<a href="//sir.kr/cm_free/1715872" onclick="ga('send','event','메인','최신글-자유게시판','세월 빠르네요.');">
<span class="lt-board-name">일반</span>
세월 빠르네요. <span class="lt-board-reply">44</span>
</a>
<span class="lt-board-date">25.09.02</span>
</li>
</ul>
</div>
<h3><a href="//sir.kr/cm_humor" onclick="ga('send','event','메인','최신글-유머게시판','[제목]');">유머게시판</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/cm_humor/193353" onclick="ga('send','event','메인','최신글-유머게시판','K-pop에 너무 심하게 중독된 외국인??');">
<span class="lt-board-name">일반</span>
K-pop에 너무 심하게 중독된 외국인... <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/cm_humor/193352" onclick="ga('send','event','메인','최신글-유머게시판','매출이 3천만원인데 매달 천만원 적자난다는 사장님.jpg');">
<span class="lt-board-name">일반</span>
매출이 3천만원인데 매달 천만원 적자난... <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.02</span>
</li>
<li>
<a href="//sir.kr/cm_humor/193340" onclick="ga('send','event','메인','최신글-유머게시판','신입사원 첫 회식날');">
<span class="lt-board-name">일반</span>
신입사원 첫 회식날 <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.08.30</span>
</li>
<li>
<a href="//sir.kr/cm_humor/193339" onclick="ga('send','event','메인','최신글-유머게시판','제주도민이 귤을 사먹는다는 의미.jpg');">
<span class="lt-board-name">일반</span>
제주도민이 귤을 사먹는다는 의미.jpg <span class="lt-board-reply">3</span>
</a>
<span class="lt-board-date">25.08.29</span>
</li>
<li>
<a href="//sir.kr/cm_humor/193332" onclick="ga('send','event','메인','최신글-유머게시판','뇌 신경과 우주의 유사성. 프렉탈 우주론');">
<span class="lt-board-name">일반</span>
뇌 신경과 우주의 유사성. 프렉탈 우주... <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.08.29</span>
</li>
<li>
<a href="//sir.kr/cm_humor/193327" onclick="ga('send','event','메인','최신글-유머게시판','갓수확한 사탕수수 짜먹기');">
<span class="lt-board-name">일반</span>
갓수확한 사탕수수 짜먹기 <span class="lt-board-reply">5</span>
</a>
<span class="lt-board-date">25.08.29</span>
</li>
<li>
<a href="//sir.kr/cm_humor/193321" onclick="ga('send','event','메인','최신글-유머게시판','한 기업의 기둥을 세워버린 전설의 5년.jpg');">
<span class="lt-board-name">일반</span>
한 기업의 기둥을 세워버린 전설의 5년... <span class="lt-board-reply">1</span>
</a>
<span class="lt-board-date">25.08.28</span>
</li>
</ul>
</div>
<h3><a href="//sir.kr/main/community" onclick="ga('send','event','메인','최신글-소모임','[제목]');">소모임</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/so_ok365/10401" onclick="ga('send','event','메인','','세상에나... 사람인가? 현대사회에 용납된다는 것이 더 놀랍다.');">
<span class="lt-board-name">365ok..</span>
세상에나... 사람인가? 현대사회에 용... <span class="lt-board-reply">1</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/so_photo/2403" onclick="ga('send','event','메인','','좋은 하루 되세요.');">
<span class="lt-board-name">사진</span>
좋은 하루 되세요. <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/so_politics/8742" onclick="ga('send','event','메인','','2020년 1월 윤석열을 대선주자로 띄운 세계일보 여론조사 - 우연은 없다.');">
<span class="lt-board-name">정치/경제..</span>
2020년 1월 윤석열을 대선주자로 띄... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/so_ok365/10392" onclick="ga('send','event','메인','','Carousel Configurator');">
<span class="lt-board-name">365ok..</span>
Carousel Configurator <span class="lt-board-reply">4</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/so_ok365/10391" onclick="ga('send','event','메인','','Hoverly');">
<span class="lt-board-name">365ok..</span>
Hoverly <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/so_ok365/10390" onclick="ga('send','event','메인','','PatternCraft');">
<span class="lt-board-name">365ok..</span>
PatternCraft <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.09.03</span>
</li>
<li>
<a href="//sir.kr/so_politics/8739" onclick="ga('send','event','메인','','이 대통령이 공개 칭찬했었던 권대영...발언에 대통령 '빵' 터진 이유는?');">
<span class="lt-board-name">정치/경제..</span>
이 대통령이 공개 칭찬했었던 권대영..... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.09.02</span>
</li>
</ul>
</div>
</div>
</div>
<div id="main-ri-tab2">
<div class="idx-latab">
<h3 id="first-tab4"><a href="//sir.kr/request" onclick="ga('send','event','메인','최신글-제작의뢰','[제목]');">제작의뢰</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/request/67767" onclick="ga('send','event','메인','최신글-제작의뢰','에이전시 사이트 의뢰드려요 seo 중점');">
<span class="lt-board-name">일반</span>
에이전시 사이트 의뢰드려요 seo 중점 <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.08.31</span>
</li>
<li>
<a href="//sir.kr/request/67765" onclick="ga('send','event','메인','최신글-제작의뢰','그누보드 결제모듈작업 (기존모듈외 다른 PG사)');">
<span class="lt-board-name">일반</span>
그누보드 결제모듈작업 (기존모듈외 다른... <span class="lt-board-reply">1</span>
</a>
<span class="lt-board-date">25.08.31</span>
</li>
<li>
<a href="//sir.kr/request/67758" onclick="ga('send','event','메인','최신글-제작의뢰','일반홈페이지에 접근권한 로그인 기능 구현');">
<span class="lt-board-name">일반</span>
일반홈페이지에 접근권한 로그인 기능 구... <span class="lt-board-reply">4</span>
</a>
<span class="lt-board-date">25.08.29</span>
</li>
<li>
<a href="//sir.kr/request/67756" onclick="ga('send','event','메인','최신글-제작의뢰','쇼핑몰 부분 디자이너 작업해주실 분을 구합니다.');">
<span class="lt-board-name">일반</span>
쇼핑몰 부분 디자이너 작업해주실 분을 ... <span class="lt-board-reply">1</span>
</a>
<span class="lt-board-date">25.08.29</span>
</li>
<li>
<a href="//sir.kr/request/67754" onclick="ga('send','event','메인','최신글-제작의뢰','커뮤니티 사이트 제작의뢰');">
<span class="lt-board-name">일반</span>
커뮤니티 사이트 제작의뢰 <span class="lt-board-reply">3</span>
</a>
<span class="lt-board-date">25.08.28</span>
</li>
<li>
<a href="//sir.kr/request/67750" onclick="ga('send','event','메인','최신글-제작의뢰','일정 동적 게시판');">
<span class="lt-board-name">일반</span>
일정 동적 게시판 <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.08.28</span>
</li>
</ul>
</div>
<h3><a href="//sir.kr/guin" onclick="ga('send','event','메인','최신글-채용정보','[제목]');">채용정보</a></h3>
<div class="sir_lt">
<ul>
<li>
<a href="//sir.kr/guin/4986" onclick="ga('send','event','메인','최신글-채용정보','재택 근무. 저와 함께할 분을 찾고 있습니다.');">
<span class="lt-board-name">일반</span>
재택 근무. 저와 함께할 분을 찾고 있... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.08.20</span>
</li>
<li>
<a href="//sir.kr/guin/4982" onclick="ga('send','event','메인','최신글-채용정보','[미담기획] 홈페이지 퍼블리싱 및 개발자 파트너 모집');">
<span class="lt-board-name">일반</span>
[미담기획] 홈페이지 퍼블리싱 및 개발... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.07.08</span>
</li>
<li>
<a href="//sir.kr/guin/4974" onclick="ga('send','event','메인','최신글-채용정보','단순 복사 붙여넣기작업 - 마케팅 디자인가능자 참고바랍니다.');">
<span class="lt-board-name">일반</span>
단순 복사 붙여넣기작업 - 마케팅 디자... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.05.03</span>
</li>
<li>
<a href="//sir.kr/guin/4972" onclick="ga('send','event','메인','최신글-채용정보','php / vue / 라라벨 관련 프리랜서 구인.');">
<span class="lt-board-name">일반</span>
php / vue / 라라벨 관련 프리... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.04.17</span>
</li>
<li>
<a href="//sir.kr/guin/4968" onclick="ga('send','event','메인','최신글-채용정보','php 웹프로그래머 프리랜서 모집');">
<span class="lt-board-name">일반</span>
php 웹프로그래머 프리랜서 모집 <span class="lt-board-reply">2</span>
</a>
<span class="lt-board-date">25.04.01</span>
</li>
<li>
<a href="//sir.kr/guin/4965" onclick="ga('send','event','메인','최신글-채용정보','그누보드 커스터마이징 경력자 1명 채용공고');">
<span class="lt-board-name">일반</span>
그누보드 커스터마이징 경력자 1명 채용... <span class="lt-board-reply">0</span>
</a>
<span class="lt-board-date">25.03.26</span>
</li>
</ul>
</div>
</div>
</div>
<div id="idx-qa-noanswer">
<h3><a href="//sir.kr/qa/?unanswered=1&sst=noanswer" onclick="ga('send','event','메인','답변없는질문','[제목]');">답변 없는 질문</a></h3>
<ul class="idx-qa-noanswer-li">
<li><a href="//sir.kr/qa/558514" onclick="ga('send','event','메인','답변없는질문','그누보드 전체 테마, 게시판 스킨은 코파일럿에게 어떻게 만들어 달라고?');">그누보드 전체 테마, 게시판 스킨은 코파일럿에게 어떻게 만들어 달라고?</a></li>
<li><a href="//sir.kr/qa/556125" onclick="ga('send','event','메인','답변없는질문','Adobe bracket이랑 Atom도 없어져서... ');">Adobe bracket이랑 Atom도 없어져서... </a></li>
<li><a href="//sir.kr/qa/549031" onclick="ga('send','event','메인','답변없는질문','글 수정시 파일 삭제 (질문)');">글 수정시 파일 삭제 (질문)</a></li>
<li><a href="//sir.kr/qa/545636" onclick="ga('send','event','메인','답변없는질문','토큰 정보가 올바르지 않습니다?');">토큰 정보가 올바르지 않습니다?</a></li>
<li><a href="//sir.kr/qa/544367" onclick="ga('send','event','메인','답변없는질문','게시판 여분필드로 검색 시 다중검색 질문');">게시판 여분필드로 검색 시 다중검색 질문</a></li>
<li><a href="//sir.kr/qa/544307" onclick="ga('send','event','메인','답변없는질문','그누보드 멀티카테고리 플러그인 mctools 오류 ');">그누보드 멀티카테고리 플러그인 mctools 오류 </a></li>
</ul>
<span class="page"><span class="bx-paper-num">1</span>/<span class="page-total">3</span></span>
</div>
<div class="idx-banner">
<a href="//sir.kr/main/request" onclick="ga('send','event','메인','배너우하300x250','제작의뢰');"><img width="300" height="250" src="//sir.kr/img/main/idx-banner2_1.gif" alt="관리해주던 홈페이지 회사가 사라졌다...며칠만 작업해줄 개발자를 찾고있다면!? 익명보장, 견적무료! sir 제작의뢰"></a>
</div>
</div>
<script>
$('.single-item').bxSlider({
auto: true,
autoControls: true,
autoHover: true,
pause:6000,
speed: 1000,
startSlide : $.cookie('main_single_item') ? $.cookie('main_single_item') : 0,
onSlideAfter : function(el, old, current){
$.cookie('main_single_item', current, { path: '/' });
}
});
$('.bxslider2').bxSlider({
mode: 'fade',
auto: true,
autoControls: true,
pause: 4000,
nextSelector:'false'
});
$('.idx-banner-bt2 ul').bxSlider({
auto: true,
autoControls: true,
autoHover: true,
pause:6000,
speed: 1000,
});
(function($){
var cookie_idx = parseInt($.cookie('idx_latest_tab_idx')),
oneventAfter = function(idx, clickidx, action){
var index = parseInt(idx) + 1;
$("#idx-latest-tabs .current_tab_txt").text(index);
$.cookie('idx_latest_tab_idx', idx, { path: '/' });
if( 'click' == action && clickidx == idx ){
var link = $("#idx-latest-tabs .idx-latab h3").eq(idx).children("a").attr("href");
if( link ){
location.href = link;
}
}
},
onstartLoad = function(idx){
var index = parseInt(idx) + 1;
$("#idx-latest-tabs .current_tab_txt").text(index);
$("#idx-latest-tabs .idx-latab").find("h3").eq(idx).trigger("custom_action");
}
var $idx_latab = $("#idx-latest-tabs .idx-latab").hoverTab({mEvent: "click", kEvent: "focusin", selector: "h3", hoverclass: "active", content: ".sir_lt", contentclass: "sir_lt_on",anchoract: false, timeout:0, oneventAfter:oneventAfter, intervaltime:10000, startindex: cookie_idx, onstartLoad:onstartLoad});
$("#idx-latest-tabs .idx-latab").on("click", "h3 a", function(e){
e.preventDefault();
}).on("focusin", "h3 a", function(e){
//$(this).parent("h3").trigger("focusin");
});
$("#idx-latest-tabs").on("click", ".direction-left", function(e){
e.preventDefault();
$idx_latab.onPrev();
}).on("click", ".direction-right", function(e){
e.preventDefault();
$idx_latab.onNext();
});
var cookie_idx = parseInt($.cookie('idx_latest_tabs2_idx')),
oneventAfter = function(idx, clickidx, action){
var index = parseInt(idx) + 1;
$("#idx-latest-tabs2 .is_tab_latest.current_tab_txt").text(index);
$.cookie('idx_latest_tabs2_idx', idx, { path: '/' });
if( 'click' == action && clickidx == idx ){
var link = $("#idx-latest-tabs2 .idx-latab h3").eq(idx).children("a").attr("href");
if( link ){
location.href = link;
}
}
},
onstartLoad = function(idx){
var index = parseInt(idx) + 1;
$("#idx-latest-tabs2 .is_tab_latest.current_tab_txt").text(index);
$("#idx-latest-tabs2 .idx-latab").find("h3").eq(idx).trigger("custom_action");
}
var $idx_latab2 = $("#idx-latest-tabs2 .idx-latab").hoverTab({mEvent: "click", kEvent: "focusin", selector: "h3", hoverclass: "active", content: ".sir_lt", contentclass: "sir_lt_on",anchoract: false, timeout:0, oneventAfter:oneventAfter, intervaltime:10000, startindex: cookie_idx, onstartLoad:onstartLoad});
$("#idx-latest-tabs2 .idx-latab").on("click", "h3 a", function(e){
e.preventDefault();
});
$("#idx-latest-tabs2 .idx-latab-button").on("click", ".direction-left", function(e){
e.preventDefault();
$idx_latab2.onPrev();
}).on("click", ".direction-right", function(e){
e.preventDefault();
$idx_latab2.onNext();
});
var tab_actions=[];
$("#main-ri-tab1 .idx-latab, #main-ri-tab2 .idx-latab").each(function (index){
var $this = $(this);
tab_actions[index] = [];
tab_actions[index]["store"] = parseInt($.cookie('sir_lt_tab'+index));
tab_actions[index]["after"] = function(idx, clickidx, action){
$.cookie('sir_lt_tab'+index, idx, { path: '/' });
if( 'click' == action && clickidx == idx ){
var link = $this.children("h3").eq(idx).children("a").attr("href");
if( link ){
location.href = link;
}
}
}
if (tab_actions[index]["store"])
class_idx = tab_actions[index]["store"];
else
class_idx = 0;
$this.children("h3").eq(class_idx).addClass("active");
$this.children("h3").eq(class_idx).next(".sir_lt").addClass("sir_lt_on");
$this.hoverTab({mEvent: "click", kEvent: "focusin", selector: "h3", hoverclass: "active", content: ".sir_lt", contentclass: "sir_lt_on",anchoract: false, timeout:0, intervaltime:10000, oneventAfter:tab_actions[index]["after"], startindex: tab_actions[index]["store"]});
$this.on("click", "h3 a", function(e){
e.preventDefault();
});
});
})(jQuery);
$(document).ready(function(){
$('.service-list-div').bxSlider({
auto: true,
autoHover: true,
autoControls: true,
pause:main_second,
mode: 'vertical',
slideWidth: 300,
minSlides: 2,
startSlide : $.cookie('service_list_div') ? $.cookie('service_list_div') : 0,
onSliderLoad: function(current) {
$("#idx-sir-service .bx-paper-num").text(parseInt(current) + 1);
},
onSlideAfter: function(el, old, current){
$("#idx-sir-service .bx-paper-num").text(parseInt(current) + 1);
$.cookie('service_list_div', current, { path: '/' });
}
});
$('.idx-qa-noanswer-li').bxSlider({
auto: true,
autoHover: true,
autoControls: true,
pause:main_second,
mode: 'vertical',
slideWidth: 300,
minSlides: 2,
slideMargin: 10,
onSlideAfter: function(el, old, current){
$("#idx-qa-noanswer .bx-paper-num").text(parseInt(current) + 1);
}
});
});
</script>
</div>
<!-- } 콘텐츠 끝 -->
</div>
<!-- 하단 시작 { -->
<div id="ft">
<div class="pad">
</div>
<div class="pad">
<ul class="col">
<li class="title">솔루션</li>
<li><a href="//sir.kr/main/g5/">그누보드5</a></li>
<li><a href="//sir.kr/main/yc5/">영카트5</a></li>
<li><a href="//sir.kr/main/g6/">그누보드6</a></li>
<li><a href="//sir.kr/main/solution/">전체보기</a></li>
</ul>
<ul class="col">
<li class="title">제휴/파트너십</li>
<li><a href="//sir.kr/main/company/">회사소개</a></li>
<li><a href="//sir.kr/main/reseller/info.php">리셀러 프로그램</a></li>
<li><a href="//sir.kr/cmall/cpguide.php">컨텐츠몰 판매자</a></li>
<li><a href="//sir.kr/faq">자주하시는 질문</a></li>
</ul>
<ul class="col">
<li class="title">약관 및 정책</li>
<li><a href="//sir.kr/main/company/provision.php">이용약관</a></li>
<li><a href="//sir.kr/main/company/policy.php">개인정보처리방침</a></li>
<li><a href="//sir.kr/main/company/policy_bbs.php">게시물규제정책</a></li>
<li><a href="//sir.kr/main/company/point.php" class="gnb-a">포인트정책</a></li>
<li><a href="//sir.kr/main/company/week_level_is.php">회원레벨</a></li>
</ul>
<ul class="col">
<li class="title">시스템</li>
<li><a id="darkmode_system" href="javascript:;">다크모드</a></li>
<li><a href="//sir.kr/index.php?device=mobile">모바일버전</a></li>
</ul>
<ul class="col">
<li class="title"><i class="fa fa-smile"></i>이모티콘</li>
<li><a href="//sir.kr/main/emoticon/dow.php">도우</a></li>
<li><a href="//sir.kr/main/emoticon/happydow.php">즐거운!도우</a></li>
<li><a href="//sir.kr/main/emoticon/popo.php">포포</a></li>
<li><a href="//sir.kr/main/emoticon/ddonggozip.php">똥고집신</a></li>
<li><a href="//sir.kr/main/emoticon/naboojang.php">표정부자 나부장</a></li>
</ul>
<ul class="other">
<li><a href="//sir.kr/co_notice" class="a">공지사항</a></li>
<li><a href="//sir.kr/co_qa" class="a">문의게시판</a></li>
</ul>
</div>
<div class="pad">
<div class="info">
(주)에스아이알소프트
/
대표:홍석명
/
(06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호
/
E-Mail: admin@sir.kr
<br>
사업자등록번호: 217-81-36347
/
통신판매업신고번호:2014-서울강남-02098호
/
개인정보보호책임자:김민섭(minsup@sir.kr)
</div>
<div class="copy">
© SIRSOFT
</div>
</div>
</div>
<script>
$(function() {
if (getCookie('darkmode') == "") {
setCookie('darkmode', "OFF", 86400 * 31);
};
if (typeof(CKEDITOR) !== "undefined" && getCookie('darkmode') == 'ON') {
CKEDITOR.config.skin = "moono-dark";
}
$("#darkmode_btn, #darkmode_system").on("click", function() {
var darkBtn = $("#darkmode_btn"),
darkMode = getCookie("darkmode"),
darkReverse = "OFF",
darkFlag = "",
btnText = "다크 모드 보기",
cssName = ['default', 'default_cmall', 'header', 'manual'];
if (darkMode == "OFF") {
darkReverse = "ON";
darkFlag = ".dark";
btnText = "라이트 모드 보기";
};
for (let i = 0; i < cssName.length; i++) {
var cssLink = document.getElementById(cssName[i] + "_css");
if (cssLink) {
var cssVer = (cssLink.href).split("?")[1] ? "?" + (cssLink.href).split("?")[1] : "";
cssLink.href = "//sir.kr/css/" + cssName[i] + darkFlag + ".css" + cssVer;
};
};
setCookie('darkmode', darkReverse, 86400 * 31);
$("#totop_btn").children('img').attr("src", "//sir.kr/img/btn/02-" + darkReverse + ".png");
darkBtn.children('img').attr({
src: "//sir.kr/img/btn/01-" + darkReverse + ".png?v=3",
alt: btnText
});
$("#hd_logo .logo").attr("src", "//sir.kr/img/common/svg/logo-sir-" + darkReverse + ".svg");
$("#hd_pgcenter img").attr("src", "//sir.kr/img/bn/2024/20240527-pgcenter-top-default-" + darkReverse + ".png");
darkBtn.children('.sound_only').text(btnText);
});
$("#totop_btn").on("click", function(e) {
e.preventDefault();
$("html, body").animate({
scrollTop: 0
}, '500');
return false;
});
$('form').attr('autocomplete', 'off');
var
$gnbAllbtn = $("#gnb .all"),
$gnbAll = $("#gnb_all"),
$subMore = $(".sub-menu .more .btn-more");
$gnbAllbtn.on("click", function(e) {
e.preventDefault();
if ($gnbAll.is((":visible"))) {
$gnbAll.fadeOut('fast');
} else {
$gnbAll.fadeIn('fast');
}
});
$gnbAll.on("clickoutside", function(e) {
if (e.target.id != "gnb_all" && !$(e.target).parents("#gnb").length) {
$(this).fadeOut("fast");
}
});
$(".tnb_name .name_btn").on("click", function(e) {
e.preventDefault();
$next = $(this).next(".tnb_over");
if ($next.is((":visible"))) {
$next.hide();
} else {
$next.show();
}
});
$(".tnb_over").on("clickoutside", function(e) {
if (!$(e.target).parents(".tnb_name").length) {
$(this).hide();
}
});
if ($(".sir-emoji").length > 0) {
let emojiList = document.querySelectorAll(".sir-emoji");
emojiList.forEach((el) => {
let emojiGroup = el.className.replace("sir-emoji ",""),
link = "//sir.kr/main/emoticon/";
switch (emojiGroup) {
case 'dow':
link += "dow.php";
break;
case 'ddong':
link += "ddonggozip.php";
break;
case 'naboojang':
link += "naboojang.php";
break;
default:
break;
}
$(el).wrap('<span class="sir-emoji-wrap"></span>');
$(el).after(`<a href=${link} class="sir-emoji-link"><i class="fa fa-arrow-right"></i></a>`)
})
}
$subMore.on("click", function(e) {
var
$this = $(this),
el = $(this).data("target"),
txt = $(this).text();
$("." + el).toggleClass("off");
$this.text(txt == "접기" ? "더보기" : "접기");
});
let $ft = $("#ft");
if (getCookie('hd-bn-event-m') == 'done') {
$ft.removeClass("research");
} else {
$("#hd_research").show();
$ft.addClass("research");
}
});
</script>
<script>ga('set', 'contentGroup1', 'My Group Name 테스트-161228'); </script>
<script src="//sir.kr/js/sns.js"></script>
<!-- } 하단 끝 -->
<script src="//sir.kr/js/wrest.js?v=2"></script>
<script>
// 지우지 말아주세요. 새창 등에서도 사용합니다.
$(document).ready(function() {
$('form').each(function(){
$('[required=required]', this).each(function(){
$(this).css('background-image','url('+g5_url+'/js/wrest.gif'+')').css('background-position','right top').css('background-repeat','no-repeat');
//$(this).css({backgroundImage:'url('+g5_path+'/js/wrest.gif'+')', backgroundPosition:'top right', backgroundRepeat:'no-repeat'});
});
});
$("#sub_menu a, #gnb a, #ycnb li a, #sir_idx_sol a, #g5_qa a, #tail-provider a").on("click", function(e){ //링크 클릭시
var $data_midtxt = $(this).attr("data-midtxt");
if( $data_midtxt ){
$.cookie('sub_midtxt', $data_midtxt, { path: '/' });
} else {
$.cookie('sub_midtxt', null, { path: '/' });
}
});
});
</script>
<script>
(() => {
try {
const el = document.getElementById('hdTopBanner');
if (!el) return;
const raw = localStorage.getItem('banner_dismiss');
const until = Number(raw) || 0;
if (until && Date.now() >= until) localStorage.removeItem('banner_dismiss');
if (!(until && Date.now() < until)) el.classList.remove('is-hidden');
} catch {}
})();
</script>
<script type="module">
import { createBannerDismiss } from '//sir.kr/js/header/bannerDismiss.js';
import { createBannerRolling } from '//sir.kr/js/header/bannerRolling.js';
const container = document.getElementById('hdTopBanner');
if (!container) { /* no-op */ }
else {
const isHidden = container.classList.contains('is-hidden');
let rolling = { destroy: () => {} };
if (!isHidden) {
const wrapper = container.querySelector('.banner-wrap');
if (wrapper) {
rolling = createBannerRolling({
wrapper,
itemSelector: '.banner-item',
interval: 3500,
duration: 500,
pauseOnHover: true,
});
}
}
createBannerDismiss({
container,
onHidden: () => rolling.destroy(),
});
}
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PTLQJ583"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>
]]>