<!doctype html>
<html lang="ko">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
  <title>[##_page_title_##]</title>
  <link rel="stylesheet" href="./style.css">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Noto+Sans+KR:wght@300;400;500&family=Bebas+Neue&display=swap" rel="stylesheet"/>
  <script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
  <style>
    /* ═══════════════════════════════
       GDA — Game Design Archive
       Tistory Skin CSS
    ═══════════════════════════════ */

    :root {
      --bg:       #f8f8f6;
      --surface:  #ffffff;
      --surface2: #f2f2ef;
      --border:   #e4e4de;
      --border2:  #d0d0c8;
      --accent:   #2a7a74;
      --accent2:  #1d5c57;
      --text:     #1a1a1a;
      --text2:    #444444;
      --muted:    #999990;
      --serif:    'Cormorant Garamond', Georgia, serif;
      --sans:     'Noto Sans KR', sans-serif;
      --display:  'Bebas Neue', sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--sans);
      font-weight: 300;
      font-size: 15px;
      line-height: 1.75;
    }

    a { text-decoration: none; color: inherit; }
    img { max-width: 100%; display: block; }

    /* ── 배경 그라디언트 ── */
    body::before {
      content: '';
      position: fixed; inset: 0; z-index: -1;
      background:
        radial-gradient(ellipse 80% 50% at 20% 0%, rgba(42,122,116,.04), transparent),
        radial-gradient(ellipse 60% 40% at 80% 100%, rgba(42,122,116,.03), transparent);
      pointer-events: none;
    }

    hr { display: none; }

    /* ═══════════════════════════════
       HEADER
    ═══════════════════════════════ */
    #header {
      position: sticky; top: 0; z-index: 200;
      background: rgba(248,248,246,.97);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border);
      padding: 0;
    }

    #header h1 {
      font-family: var(--display);
      font-size: 1.35rem;
      font-weight: 400;
      letter-spacing: .18em;
      margin: 0;
      padding: 0;
    }
    #header h1 a { color: var(--text); }

    /* 헤더 내부 레이아웃 */
    #header > * { max-width: 1280px; }

    /* 헤더를 flex로 감싸기 위한 래퍼 */
    #header {
      display: flex;
      align-items: center;
      padding: 0 3rem;
      height: 66px;
      gap: 2.5rem;
    }

    /* 모바일 메뉴 버튼 숨기기 */
    .mobile-menu { display: none; }

    /* 메뉴 영역 */
    .menu {
      display: flex;
      align-items: center;
      flex: 1;
      gap: 0;
    }

    /* 소셜 링크, POWERED BY 숨기기 */
    .social-link,
    .menu > p { display: none; }

    /* 네비게이션 */
    #gnb {
      display: flex;
      gap: .1rem;
    }
    #gnb a {
      font-size: .72rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted);
      padding: .45rem .85rem;
      transition: color .2s;
      font-weight: 300;
    }
    #gnb a:hover { color: var(--text); }
    #gnb a.current,
    #gnb a.selected { color: var(--accent); }

    /* 검색 */
    .search {
      margin-left: auto;
      display: flex;
      align-items: center;
    }
    .search input {
      background: none;
      border: none;
      border-bottom: 1px solid var(--border2);
      outline: none;
      color: var(--text);
      font-family: var(--sans);
      font-size: .78rem;
      padding: .3rem .5rem .3rem 0;
      width: 160px;
      transition: border-color .2s;
      letter-spacing: .03em;
    }
    .search input:focus { border-color: var(--accent); }
    .search input::placeholder { color: var(--muted); }
    .search button {
      background: none;
      border: none;
      color: var(--muted);
      cursor: pointer;
      font-size: .85rem;
      padding: 0 .4rem;
      transition: color .2s;
    }
    .search button:hover { color: var(--accent); }

    /* 접근성 */
    #acc-nav { display: none; }

    /* ═══════════════════════════════
       IDENTITY HERO (홈 전용)
    ═══════════════════════════════ */
    body#index #wrap::before {
      content: '';
      display: block;
      border-bottom: 1px solid var(--border);
      padding: 5rem 3rem 4.5rem;
      background:
        radial-gradient(ellipse 60% 40% at 10% 0%, rgba(232,201,122,.05), transparent),
        radial-gradient(ellipse 50% 30% at 90% 100%, rgba(100,80,180,.05), transparent);
    }

    /* ═══════════════════════════════
       CONTAINER
    ═══════════════════════════════ */
    .container {
      max-width: 1280px;
      margin: 0 auto;
      padding: 4rem 3rem 6rem;
      display: grid;
      grid-template-columns: 1fr 300px;
      gap: 5rem;
    }

    /* 광고 영역 */
    #content { min-width: 0; }

    /* ═══════════════════════════════
       POST LIST (목록 페이지)
    ═══════════════════════════════ */

    /* 목록 헤더 (분류명) 숨기기 */
    .post-header { display: none; }

    .inner { }

    /* 포스트 아이템 */
    .post-item {
      border-bottom: 1px solid var(--border);
    }
    .post-item:first-child {
      border-bottom: 1px solid var(--border);
    }

    .post-item a {
      display: grid;
      grid-template-columns: 110px 1fr;
      gap: 1.8rem;
      padding: 1.8rem 0;
      transition: opacity .2s;
      align-items: start;
    }
    .post-item a:hover { opacity: .78; }

    /* 썸네일 */
    .post-item .thum {
      aspect-ratio: 4/3;
      overflow: hidden;
      background: var(--surface2);
      border: 1px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .post-item .thum img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s;
    }
    .post-item a:hover .thum img { transform: scale(1.05); }

    /* 포스트 제목 */
    .post-item .title {
      display: block;
      font-family: var(--serif);
      font-size: 1.2rem;
      font-weight: 400;
      color: var(--text);
      line-height: 1.35;
      margin-bottom: .5rem;
      letter-spacing: -.01em;
    }

    /* 포스트 요약 */
    .post-item .excerpt {
      display: block;
      font-size: .83rem;
      color: var(--muted);
      line-height: 1.7;
      margin-top: .4rem;
    }
    .post-item .excerpt.protected {
      color: var(--muted);
      font-style: italic;
    }

    /* ═══════════════════════════════
       SINGLE POST (개별 글 페이지)
    ═══════════════════════════════ */

    /* 글 헤더 */
    .hgroup {
      padding: 2.5rem 0 2rem;
      border-bottom: 1px solid var(--border);
      margin-bottom: 2.5rem;
    }

    .hgroup .category {
      font-size: .65rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--accent);
      border-bottom: 1px solid var(--accent2);
      display: inline-block;
      padding-bottom: .1rem;
      margin-bottom: 1rem;
    }

    .hgroup h1 {
      font-family: var(--serif);
      font-size: clamp(1.8rem, 3.5vw, 2.8rem);
      font-weight: 400;
      color: var(--text);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 1rem;
    }

    .post-meta {
      display: flex;
      align-items: center;
      gap: 1rem;
      font-size: .76rem;
      color: var(--muted);
      flex-wrap: wrap;
    }
    .post-meta .author { color: var(--text2); }
    .post-meta .date { }

    /* 글 본문 */
    .entry-content {
      font-size: .93rem;
      color: var(--text2);
      line-height: 1.95;
    }

    .entry-content h2 {
      font-family: var(--serif);
      font-size: 1.6rem;
      font-weight: 400;
      color: var(--text);
      margin: 2.5rem 0 1rem;
      letter-spacing: -.01em;
    }
    .entry-content h3 {
      font-family: var(--serif);
      font-size: 1.25rem;
      font-weight: 400;
      color: var(--text);
      margin: 2rem 0 .8rem;
    }
    .entry-content h4 {
      font-size: 1rem;
      font-weight: 500;
      color: var(--text);
      margin: 1.5rem 0 .6rem;
    }

    .entry-content p { margin-bottom: 1.2rem; }

    .entry-content a {
      color: var(--accent);
      border-bottom: 1px solid rgba(232,201,122,.25);
      transition: border-color .2s;
    }
    .entry-content a:hover { border-color: var(--accent); }

    .entry-content blockquote {
      border-left: 2px solid var(--accent);
      padding: .6rem 0 .6rem 1.5rem;
      margin: 2rem 0;
      color: var(--muted);
      font-style: italic;
      font-family: var(--serif);
      font-size: 1.1rem;
    }

    .entry-content pre {
      background: var(--surface2);
      border: 1px solid var(--border);
      padding: 1.4rem;
      overflow-x: auto;
      font-size: .82rem;
      line-height: 1.7;
      margin: 1.5rem 0;
      color: var(--text);
      font-family: 'Courier New', monospace;
    }

    .entry-content code {
      background: var(--surface2);
      border: 1px solid var(--border);
      padding: .15rem .4rem;
      font-size: .85em;
      font-family: 'Courier New', monospace;
      color: var(--accent);
    }

    .entry-content pre code {
      background: none;
      border: none;
      padding: 0;
      color: var(--text);
    }

    .entry-content img {
      max-width: 100%;
      border: 1px solid var(--border);
      margin: 1.5rem 0;
    }

    .entry-content ul,
    .entry-content ol {
      padding-left: 1.5rem;
      margin-bottom: 1.2rem;
    }
    .entry-content li { margin-bottom: .4rem; }

    .entry-content hr {
      display: block;
      border: none;
      border-top: 1px solid var(--border);
      margin: 2.5rem 0;
    }

    /* 태그 */
    .tags {
      margin-top: 2.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid var(--border);
    }
    .tags h2 {
      font-size: .65rem;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: .75rem;
    }
    .tags .items { display: flex; flex-wrap: wrap; gap: .4rem; }
    .tags .items a {
      font-size: .7rem;
      letter-spacing: .08em;
      color: var(--muted);
      border: 1px solid var(--border2);
      padding: .3rem .7rem;
      transition: all .2s;
    }
    .tags .items a:hover {
      color: var(--accent);
      border-color: var(--accent2);
    }

    /* 연관 글 */
    .related-articles {
      margin-top: 3rem;
      padding-top: 2rem;
      border-top: 1px solid var(--border);
    }
    .related-articles h2 {
      font-size: .7rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 1.2rem;
    }
    .related-articles h2 strong { color: var(--accent); font-weight: 400; }
    .related-articles ul { list-style: none; display: flex; gap: 1rem; flex-wrap: wrap; }
    .related-articles li { flex: 1; min-width: 140px; }
    .related-articles a {
      display: block;
      border: 1px solid var(--border);
      background: var(--surface);
      overflow: hidden;
      transition: border-color .2s;
    }
    .related-articles a:hover { border-color: var(--border2); }
    .related-articles .thum { aspect-ratio: 16/9; overflow: hidden; background: var(--surface2); }
    .related-articles .thum img { width: 100%; height: 100%; object-fit: cover; }
    .related-articles .title {
      display: block;
      font-size: .8rem;
      color: var(--text2);
      padding: .7rem .8rem;
      line-height: 1.4;
    }

    /* ═══════════════════════════════
       COMMENTS
    ═══════════════════════════════ */
    .comments {
      margin-top: 3rem;
      padding-top: 2rem;
      border-top: 1px solid var(--border);
    }

    /* ═══════════════════════════════
       PAGINATION
    ═══════════════════════════════ */
    .pagination {
      display: flex;
      align-items: center;
      gap: .35rem;
      margin-top: 3rem;
      padding-top: 2rem;
    }
    .pagination a {
      min-width: 38px;
      height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--border);
      color: var(--muted);
      font-size: .8rem;
      padding: 0 .6rem;
      transition: all .2s;
    }
    .pagination a:hover {
      border-color: var(--accent2);
      color: var(--accent);
    }
    .pagination a.on,
    .pagination a[style*="font-weight"] {
      border-color: var(--accent2);
      color: var(--accent);
      background: rgba(232,201,122,.06);
    }
    .pagination a.prev,
    .pagination a.next { font-size: .75rem; letter-spacing: .05em; }
    .pagination a.no_more { opacity: .3; pointer-events: none; }

    /* ═══════════════════════════════
       SIDEBAR (없음 — 우측 공간)
    ═══════════════════════════════ */
    /* 티스토리 기본 사이드바가 없으므로
       오른쪽 공간은 비워둡니다.
       필요하면 추후 위젯 추가 가능 */

    /* ═══════════════════════════════
       COVER (스킨 커버 - 홈 상단)
    ═══════════════════════════════ */
    .cover-thumbnail-list,
    .cover-slider,
    .cover-masonry,
    .cover-list,
    .cover-gallery { display: none; }

    .cover-footer { display: none; }

    /* ═══════════════════════════════
       FOOTER
    ═══════════════════════════════ */
    #footer {
      border-top: 1px solid var(--border);
      background: var(--bg);
      padding: 2rem 3rem;
      text-align: center;
    }
    #footer .copyright {
      font-size: .75rem;
      color: var(--muted);
    }
    #footer .copyright a { color: var(--muted); transition: color .2s; }
    #footer .copyright a:hover { color: var(--accent); }
    #footer .admin { margin-left: 1rem; }

    /* ═══════════════════════════════
       PAGE (일반 페이지)
    ═══════════════════════════════ */
    /* s_page_rep */

    /* ═══════════════════════════════
       TAG 페이지
    ═══════════════════════════════ */
    .hgroup h1 + .tags { margin-top: 1.5rem; }

    /* ═══════════════════════════════
       보호글
    ═══════════════════════════════ */
    .protected_form {
      background: var(--surface);
      border: 1px solid var(--border);
      padding: 2rem;
      margin-top: 2rem;
      text-align: center;
    }
    .protected_form p {
      color: var(--muted);
      font-size: .88rem;
      margin-bottom: 1.2rem;
    }
    .protected_form input[type="password"] {
      background: var(--surface2);
      border: 1px solid var(--border2);
      color: var(--text);
      padding: .6rem 1rem;
      font-family: var(--sans);
      font-size: .85rem;
      outline: none;
      transition: border-color .2s;
      margin-right: .5rem;
    }
    .protected_form input[type="password"]:focus { border-color: var(--accent); }
    .protected_form .btn {
      background: none;
      border: 1px solid var(--border2);
      color: var(--text);
      padding: .6rem 1.2rem;
      cursor: pointer;
      font-family: var(--sans);
      font-size: .82rem;
      transition: all .2s;
    }
    .protected_form .btn:hover { border-color: var(--accent); color: var(--accent); }

    /* ═══════════════════════════════
       FADE IN
    ═══════════════════════════════ */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(14px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    #header     { animation: fadeUp .4s ease both; }
    .container  { animation: fadeUp .45s ease .08s both; }
    .post-item  { animation: fadeUp .4s ease both; }
    .hgroup     { animation: fadeUp .4s ease both; }
    .entry-content { animation: fadeUp .45s ease .1s both; }

    /* ═══════════════════════════════
       RESPONSIVE
    ═══════════════════════════════ */
    @media (max-width: 1024px) {
      .container {
        grid-template-columns: 1fr;
        padding: 3rem 2rem 5rem;
        gap: 0;
      }
    }

    @media (max-width: 768px) {
      #header {
        padding: 0 1.5rem;
        gap: 1rem;
        flex-wrap: wrap;
        height: auto;
        min-height: 58px;
      }
      #gnb { display: none; }
      .menu { flex: none; }
      .search { margin-left: 0; }
      .search input { width: 120px; }
      .container { padding: 2rem 1.2rem 4rem; }
      .hgroup h1 { font-size: 1.7rem; }
      .post-item a { grid-template-columns: 80px 1fr; gap: 1.2rem; }
      #footer { padding: 2rem 1.5rem; }
    }

    @media (max-width: 480px) {
      .post-item a { grid-template-columns: 1fr; }
      .post-item .thum { aspect-ratio: 16/7; }
    }
  </style>
</head>

<body id="[##_body_id_##]"
  class="<s_if_var_color-type>[##_var_color-type_##]</s_if_var_color-type><s_if_var_post-type> [##_var_post-type_##]</s_if_var_post-type><s_if_var_view-more> paging-view-more</s_if_var_view-more>">
  <s_t3>
    <div id="acc-nav">
      <a href="#content">본문 바로가기</a>
    </div>
    <div id="wrap">

      <!-- ══ HEADER ══ -->
      <header id="header">
        <h1><a href="[##_blog_link_##]">[##_title_##]</a></h1>
        <div class="menu">
          <nav id="gnb">
            [##_category_list_##]
          </nav>
        </div>
        <div class="search">
          <s_search>
            <label for="[##_search_name_##]" class="screen_out">블로그 내 검색</label>
            <input id="[##_search_name_##]" type="text" name="[##_search_name_##]"
              value="[##_search_text_##]" placeholder="검색"
              onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }">
            <button type="submit" onclick="[##_search_onclick_submit_##]">↗</button>
          </s_search>
        </div>
      </header>

      <!-- ══ MAIN ══ -->
      <section class="container">
        [##_revenue_list_upper_##]
        <article id="content">

          <!-- 커버 (홈 상단 — 숨김 처리) -->
          <s_cover_group>
            <s_cover_rep>
              <s_cover name='cover-thumbnail-list'><div class='cover-thumbnail-list'></div></s_cover>
              <s_cover name='cover-slider'><div class="cover-slider"></div></s_cover>
              <s_cover name='cover-masonry'><div class="cover-masonry"></div></s_cover>
              <s_cover name='cover-list'><div class="cover-list"></div></s_cover>
              <s_cover name='cover-gallery'><div class="cover-gallery"></div></s_cover>
            </s_cover_rep>
          </s_cover_group>

          <!-- 일반 페이지 -->
          <s_page_rep>
            <div class="hgroup">
              <h1>[##_article_rep_title_##]</h1>
            </div>
            <div class="entry-content" id="article-view">
              [##_article_rep_desc_##]
            </div>
          </s_page_rep>

          <!-- 공지 글 -->
          <s_notice_rep>
            <div class="hgroup">
              <div class="category">공지</div>
              <h1>[##_notice_rep_title_##]</h1>
              <div class="post-meta">
                <span class="author">[##__notice_rep_author_##]</span>
                <span class="date">[##_notice_rep_date_##]</span>
                [##_s_ad_isolation_##]
              </div>
            </div>
            <div class="entry-content" id="article-view">
              [##_notice_rep_desc_##]
            </div>
          </s_notice_rep>

          <!-- 목록 타입 선택 UI 숨기기 -->
          <s_list>
            <div class="post-header" style="display:none">
              <h1>[##_list_conform_##]</h1>
            </div>
          </s_list>

          <!-- 포스트 목록 / 개별 글 -->
          <div class="inner">
            <s_article_protected>
              <s_index_article_rep>
                <div class="post-item">
                  <a href="[##_article_rep_link_##]">
                    <span class="thum"></span>
                    <span class="title">[##_article_rep_title_##]</span>
                    <span class="excerpt protected">보호되어 있는 글입니다.</span>
                  </a>
                </div>
              </s_index_article_rep>
              <s_permalink_article_rep>
                <div class="hgroup">
                  <div class="category">보호글</div>
                  <h1>[##_article_rep_title_##]</h1>
                  <div class="post-meta">
                    <span class="author">[##_article_rep_author_##]</span>
                    <span class="date">[##_article_rep_date_##]</span>
                  </div>
                </div>
                <div class="entry-content">
                  [##_article_rep_desc_##]
                  <form class="protected_form" onsubmit="[##_article_dissolve_##]">
                    <p>보호되어 있는 글입니다.<br>내용을 보시려면 비밀번호를 입력하세요.</p>
                    <fieldset>
                      <input type="password" id="[##_article_password_##]" name="[##_article_password_##]" value="" placeholder="비밀번호"/>
                      <button type="submit" class="btn">입력</button>
                    </fieldset>
                  </form>
                </div>
              </s_permalink_article_rep>
            </s_article_protected>

            <s_article_rep>
              <!-- 목록 -->
              <s_index_article_rep>
                <div class="post-item">
                  <a href="[##_article_rep_link_##]">
                    <span class="thum">
                      <s_article_rep_thumbnail>
                        <img loading="lazy" src="//i1.daumcdn.net/thumb/C264x200.fwebp.q85/?fname=[##_article_rep_thumbnail_raw_url_##]" alt="">
                      </s_article_rep_thumbnail>
                    </span>
                    <span class="info">
                      <span class="title">[##_article_rep_title_##]</span>
                      <span class="excerpt">[##_article_rep_summary_##]</span>
                    </span>
                  </a>
                </div>
              </s_index_article_rep>

              <!-- 개별 글 -->
              <s_permalink_article_rep>
                <div class="hgroup">
                  <div class="category">[##_article_rep_category_##]</div>
                  <h1>[##_article_rep_title_##]</h1>
                  <div class="post-meta">
                    <span class="author">[##_article_rep_author_##]</span>
                    <span class="date">[##_article_rep_date_##]</span>
                    [##_s_ad_isolation_##]
                  </div>
                </div>
                <div class="entry-content" id="article-view">
                  [##_article_rep_desc_##]
                </div>

                <!-- 태그 -->
                <s_tag_label>
                  <div class="tags">
                    <h2>태그</h2>
                    <div class="items">
                      [##_tag_label_rep_##]
                    </div>
                  </div>
                </s_tag_label>

                <!-- 연관 글 -->
                <s_article_related>
                  <div class="related-articles">
                    <h2><strong>'[##_article_rep_category_##]'</strong> Related Articles</h2>
                    <ul>
                      <s_article_related_rep>
                        <li>
                          <a href="[##_article_related_rep_link_##]">
                            <span class="thum">
                              <s_article_related_rep_thumbnail>
                                <img loading="lazy" src="//i1.daumcdn.net/thumb/C264x200.fwebp.q85/?fname=[##_article_related_rep_thumbnail_link_##]" alt="">
                              </s_article_related_rep_thumbnail>
                            </span>
                            <span class="title">[##_article_related_rep_title_##]</span>
                          </a>
                        </li>
                      </s_article_related_rep>
                    </ul>
                  </div>
                </s_article_related>

                <!-- 댓글 -->
                <s_rp>
                  <div class="comments">
                    [##_comment_group_##]
                  </div>
                </s_rp>
              </s_permalink_article_rep>
            </s_article_rep>
          </div>

          <!-- 태그 페이지 -->
          <s_tag>
            <div class="hgroup">
              <h1>태그</h1>
            </div>
            <div class="tags">
              <div class="items">
                <s_tag_rep>
                  <a href="[##_tag_link_##]">[##_tag_name_##]</a>
                </s_tag_rep>
              </div>
            </div>
          </s_tag>

          <!-- 방명록 -->
          <s_guest>
            <div class="guest_inner">
              <div class="comments">
                [##_guestbook_group_##]
              </div>
            </div>
          </s_guest>

          <!-- 페이지네이션 -->
          <s_paging>
            <div class="pagination">
              <a [##_prev_page_##] class="prev [##_no_more_prev_##]">← 이전</a>
              <s_paging_rep>
                <a [##_paging_rep_link_##]>[##_paging_rep_link_num_##]</a>
              </s_paging_rep>
              <a [##_next_page_##] class="next [##_no_more_next_##]">다음 →</a>
            </div>
          </s_paging>

        </article>
      </section>

      [##_revenue_list_lower_##]

      <!-- ══ FOOTER ══ -->
      <footer id="footer">
        <p class="copyright">© [##_title_##] · <a href="[##_owner_url_##]" class="admin">관리</a></p>
      </footer>

    </div>
    <script src="./images/script.js"></script>
  </s_t3>
</body>
</html>