검색
귀펀치토끼는 부서지지 않는다.
@font-face {
font-family:'GmarketSansBold';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight:normal;
font-style:normal;
}
body {
background-color:#FFACDA;
}
#manage {
padding-top:10px;
padding-bottom:10px;
word-spacing:20px;
text-align:center;
}
#manage a {
text-decoration:none;
color:#000000;
font-weight:900;
}
#manage a:hover {
color:#01e5fb;
}
#category h2 {
text-align:center;
}
#category .box {
font-family:'GmarketSansBold';
margin-left:10px;
margin-right:10px;
position:relative;
display:block;
font-size:16px;
font-weight:500;
color:#333 !important;
text-decoration:none;
white-space:nowrap;
z-index:2;
}
#category li a {
color:#FFFFFF;
text-decoration:none;
}
#category li a:hover {
color:#01e5fb;
}
#category ul {
text-align:center;
font-size:40px;
font-weight:bold;
list-style:none;
margin:0;
padding:0;
}
ul.tt_category>li>a {
display:none;
}
#category ul li {
display:inline;
margin-left:40px;
}
#category ul li ul {
margin-top:10px;
padding-top:10px;
}
#category ul li ul li ul {
padding-top:0;
padding-bottom:10px;
margin-bottom:10px;
border-top:none;
border-bottom:1px solid;
}
#category ul li ul li ul li {
padding-left:10px;
}
#bannerTitle {
display:block;
margin:0px auto;
}
#stickerKakyoin {
width:300px;
display:block;
margin:0px auto;
padding-left:700px;
}
#container {
width:1000px;
margin:0 auto;
}
#wrap {
height:1000px;
width:1000px;
background-color:white;
}
#profile {
width:200px;
height:1000px;
float:left;
text-align:center;
border:thin solid;
}
#profilePicture {
width: 200px;
}
/* Search box */
.util {
position:absolute;
top:0;
right:0;
}
.util .search {
position:relative;
float:left;
overflow:hidden;
background-color:#fff;
box-sizing:border-box;
transition:width 0.5s;
-webkit-transition:width 0.5s;
}
.util .search input {
width:100%;
padding-bottom:7px;
background:url(./images/icon-search.svg) no-repeat 98% 0;
border:none;
border-bottom:2px solid #333;
font-size:14px;
color:#999;
}
.util .search input::placeholder {
color:#969696;
}
.util .search button {
position:absolute;
top:1px;
right:1px;
z-index:20;
width:30px;
height:30px;
text-indent:-999em;
border:1px solid #eee;
border-radius:50%;
background:#fff url(./images/ico_package.png) no-repeat -1px -1px;
vertical-align:top;
outline:none;
cursor:pointer;
}
#content {
width:796px;
height:1000px;
text-align:left;
float:right;
}
#content .content_index {
padding:10px 0;
overflow:hidden;
border-bottom:thin solid;
}
#content .content_index a {
text-decoration:none;
color:black;
}
#content .content_index .index_title strong {
font-size:20px;
}
#content .content_index .index_title:hover strong {
text-decoration:underline;
color:#01e5fb;
}
#content .content_index p {
margin:0;
}
#content .content_index .index_info {
font-size:15px;
}
#content .content_index .index_info a {
color: #01e5fb;
}
/* ----- media query - pc ----- */
@media screen and (min-width:1061px) {
.util:not(.use-top) {
display:none
}
.wrap-drawer .util.use-sidebar {
display:block
}
.wrap-drawer .util.use-top {
display:none
}
.article-type-poster:nth-of-type(3n) {
margin-right: 0;
}
}
/* ----- media query - tablet ----- */
@media screen and (max-width:1060px) {
.util:not(.use-sidebar) {
display:none
}
.wrap-drawer .util.use-sidebar {
display:block
}
.wrap-drawer .util.use-top {
display: none
}
}
/* ----- media query - mobile ----- */
@media screen and (max-width:1060px) {
.util:not(.use-sidebar) {
display:none
}
.wrap-drawer .util.use-sidebar {
display:block
}
.wrap-drawer .util.use-top {
display:none
}
.util.use-sidebar .searchInput {
font-size: 11px
}
}<!DOCTYPE html>
<html lang="ko">
<head>
<title>레트로 티스토리 스킨</title>
<meta name="title" content="레트로 티스토리 스킨 :: 귀펀치토끼는 부서지지 않는다."/>
<meta name="description" content=""/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
<link rel="alternate" type="application/rss+xml" title="귀펀치토끼는 부서지지 않는다." href="https://blackpaw.tistory.com/rss"/>
<link rel="shortcut icon" href="https://blackpaw.tistory.com/favicon.ico"/>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&subset=korean">
<link rel="stylesheet" href="./style.css"/>
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
<script src="//t1.daumcdn.net/tistory_admin/assets/skin/common/vh-check.min.js"></script>
<script src="./images/common.js" defer></script>
<script> (function () { var test = vhCheck();}()); </script>
</head>
<body>
<s_t3>
<!--PC버전 검색바-->
<div class="util use-top">
<div class="search">
<input class="searchInput" type="text" name="search" value="" placeholder="Search..." onkeypress="if (event.keyCode==13) { requestSearch('.util.use-top .searchInput') }"/>
</div>
</div>
<div id="category">
<div class="box">
</div>
</div>
<img id="stickerKakyoin" src="./images/kakyoin.png">
<div id="container">
<div id="wrap">
<div id="profile">
<img id="profilePicture" src="./images/shampoo.jpeg">
<s_sidebar>
<s_sidebar_element>
<div id="manage">
<a href="/manage/">관리</a>
<a href="/manage/post">글쓰기</a>
</div>
</s_sidebar_element>
</s_sidebar>
<s_sidebar_element>
<!-- 최근글과 인기글-->
<div class="box-recent">
<h3 class="title-sidebar blind">최근글과 인기글</h3>
<ul class="tab-recent">
<li class="tab-button recent_button on"><a class="tab-button" href="#" onclick="return false;">최근글</a></li>
<li class="tab-button sidebar_button"><a class="tab-button" href="#" onclick="return false;">인기글</a></li>
</ul>
<ul class="list-recent">
<s_rctps_rep>
<li>
<a href="" class="link-recent">
<s_rctps_rep_thumbnail>
<p class="thumbnail" style="background-image:url('')">
</p>
</s_rctps_rep_thumbnail>
<div class="box-recent">
<strong></strong>
<span></span>
</div>
</a>
</li>
</s_rctps_rep>
</ul>
<ul class="list-recent list-tab" style="display: none">
<s_rctps_popular_rep>
<li>
<a href="" class="link-recent">
<s_rctps_rep_thumbnail>
<p class="thumbnail" style="background-image:url('')">
</p>
</s_rctps_rep_thumbnail>
<div class="box-recent">
<strong></strong>
<span></span>
</div>
</a>
</li>
</s_rctps_popular_rep>
</ul>
</div>
</s_sidebar_element>
<!-- // 최근글과 인기글 -->
<s_sidebar_element>
<!-- 최근댓글 -->
<div class="box-reply">
<h3 class="title-sidebar">최근댓글</h3>
<ul class="list-sidebar">
<s_rctrp_rep>
<li>
<a href="" class="link-sidebar">
<strong></strong>
<p>
</p>
</a>
</li>
</s_rctrp_rep>
</ul>
</div>
</s_sidebar_element>
</div>
<div id="content">
<s_article_rep>
<div class="content">
<s_index_article_rep>
<div class="content_index">
<a href="/7" class="index_title">
<strong>레트로 티스토리 스킨</strong> 2022. 3. 18. 10:31 </a>
<p>
@font-face { font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal; } body { background-color:#FFACDA; } #manage { padding-top:10px; padding-bottom:10px; word-spacing:20px; text-align:center; } #manage a { text-decoration:none; color:#000000; font-weight:900; } #manage a:ho..
</p>
<div class="index_info">
<a href="/category/%EB%B6%81%EB%A7%88%ED%81%AC/%EB%A9%94%EB%AA%A8%EC%9E%A5">북마크/메모장</a>
</div>
<s_ad_div>
<div class="admin">
<a href="">수정</a>
<a href="#" onclick="[ ##_s_ad_s2_onclick_##]"></a>
<a href="#" onclick="">삭제</a>
</div>
</s_ad_div>
<!-- area-view / 뷰페이지 및 기본 영역 -->
<div class="area-view">
<!-- s_article_rep -->
<s_article_rep>
<!-- s_permalink_article_rep / 뷰페이지 -->
<s_permalink_article_rep>
<!-- 이미지가 없는 경우 article-header-noimg -->
<div class="article-header" thumbnail="<s_article_rep_thumbnail>
https://img1.daumcdn.net/thumb/R1440x0/?scode=mtistory2&fname=https://blog.kakaocdn.net/dn/EWt0a/btrwhcP9pai/K1uGulVPT7ZLx3erLy7SMK/img.png</s_article_rep_thumbnail>" style="background-image:url('')">
<div class="inner-header">
<div class="box-meta">
<p class="category">
북마크/메모장
</p>
<h2 class="title-article">레트로 티스토리 스킨</h2>
<div class="box-info">
<span class="writer">귀펀치토끼</span>
<span class="date">2022. 3. 18. 10:31</span>
</div>
</div>
</div>
</div>
<!-- 에디터 영역 -->
<div class="article-view">
@font-face {
font-family:'GmarketSansBold';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight:normal;
font-style:normal;
}
body {
background-color:#FFACDA;
}
#manage {
padding-top:10px;
padding-bottom:10px;
word-spacing:20px;
text-align:center;
}
#manage a {
text-decoration:none;
color:#000000;
font-weight:900;
}
#manage a:hover {
color:#01e5fb;
}
#category h2 {
text-align:center;
}
#category .box {
font-family:'GmarketSansBold';
margin-left:10px;
margin-right:10px;
position:relative;
display:block;
font-size:16px;
font-weight:500;
color:#333 !important;
text-decoration:none;
white-space:nowrap;
z-index:2;
}
#category li a {
color:#FFFFFF;
text-decoration:none;
}
#category li a:hover {
color:#01e5fb;
}
#category ul {
text-align:center;
font-size:40px;
font-weight:bold;
list-style:none;
margin:0;
padding:0;
}
ul.tt_category>li>a {
display:none;
}
#category ul li {
display:inline;
margin-left:40px;
}
#category ul li ul {
margin-top:10px;
padding-top:10px;
}
#category ul li ul li ul {
padding-top:0;
padding-bottom:10px;
margin-bottom:10px;
border-top:none;
border-bottom:1px solid;
}
#category ul li ul li ul li {
padding-left:10px;
}
#bannerTitle {
display:block;
margin:0px auto;
}
#stickerKakyoin {
width:300px;
display:block;
margin:0px auto;
padding-left:700px;
}
#container {
width:1000px;
margin:0 auto;
}
#wrap {
height:1000px;
width:1000px;
background-color:white;
}
#profile {
width:200px;
height:1000px;
float:left;
text-align:center;
border:thin solid;
}
#profilePicture {
width: 200px;
}
/* Search box */
.util {
position:absolute;
top:0;
right:0;
}
.util .search {
position:relative;
float:left;
overflow:hidden;
background-color:#fff;
box-sizing:border-box;
transition:width 0.5s;
-webkit-transition:width 0.5s;
}
.util .search input {
width:100%;
padding-bottom:7px;
background:url(./images/icon-search.svg) no-repeat 98% 0;
border:none;
border-bottom:2px solid #333;
font-size:14px;
color:#999;
}
.util .search input::placeholder {
color:#969696;
}
.util .search button {
position:absolute;
top:1px;
right:1px;
z-index:20;
width:30px;
height:30px;
text-indent:-999em;
border:1px solid #eee;
border-radius:50%;
background:#fff url(./images/ico_package.png) no-repeat -1px -1px;
vertical-align:top;
outline:none;
cursor:pointer;
}
#content {
width:796px;
height:1000px;
text-align:left;
float:right;
}
#content .content_index {
padding:10px 0;
overflow:hidden;
border-bottom:thin solid;
}
#content .content_index a {
text-decoration:none;
color:black;
}
#content .content_index .index_title strong {
font-size:20px;
}
#content .content_index .index_title:hover strong {
text-decoration:underline;
color:#01e5fb;
}
#content .content_index p {
margin:0;
}
#content .content_index .index_info {
font-size:15px;
}
#content .content_index .index_info a {
color: #01e5fb;
}
/* ----- media query - pc ----- */
@media screen and (min-width:1061px) {
.util:not(.use-top) {
display:none
}
.wrap-drawer .util.use-sidebar {
display:block
}
.wrap-drawer .util.use-top {
display:none
}
.article-type-poster:nth-of-type(3n) {
margin-right: 0;
}
}
/* ----- media query - tablet ----- */
@media screen and (max-width:1060px) {
.util:not(.use-sidebar) {
display:none
}
.wrap-drawer .util.use-sidebar {
display:block
}
.wrap-drawer .util.use-top {
display: none
}
}
/* ----- media query - mobile ----- */
@media screen and (max-width:1060px) {
.util:not(.use-sidebar) {
display:none
}
.wrap-drawer .util.use-sidebar {
display:block
}
.wrap-drawer .util.use-top {
display:none
}
.util.use-sidebar .searchInput {
font-size: 11px
}
}
<!DOCTYPE html>
<html lang="ko">
<head>
<title>레트로 티스토리 스킨</title>
<meta name="title" content="레트로 티스토리 스킨 :: 귀펀치토끼는 부서지지 않는다."/>
<meta name="description" content=""/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
<link rel="alternate" type="application/rss+xml" title="귀펀치토끼는 부서지지 않는다." href="https://blackpaw.tistory.com/rss"/>
<link rel="shortcut icon" href="https://blackpaw.tistory.com/favicon.ico"/>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&subset=korean">
<link rel="stylesheet" href="./style.css"/>
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
<script src="//t1.daumcdn.net/tistory_admin/assets/skin/common/vh-check.min.js"></script>
<script src="./images/common.js" defer></script>
<script> (function () { var test = vhCheck();}()); </script>
</head>
<body>
<s_t3>
<!--PC버전 검색바-->
<div class="util use-top">
<div class="search">
<input class="searchInput" type="text" name="search" value="" placeholder="Search..." onkeypress="if (event.keyCode==13) { requestSearch('.util.use-top .searchInput') }"/>
</div>
</div>
<div id="category">
<div class="box">
</div>
</div>
<img id="stickerKakyoin" src="./images/kakyoin.png">
<div id="container">
<div id="wrap">
<div id="profile">
<img id="profilePicture" src="./images/shampoo.jpeg">
<s_sidebar>
<s_sidebar_element>
<div id="manage">
<a href="/manage/">관리</a>
<a href="/manage/post">글쓰기</a>
</div>
</s_sidebar_element>
</s_sidebar>
<s_sidebar_element>
<!-- 최근글과 인기글-->
<div class="box-recent">
<h3 class="title-sidebar blind">최근글과 인기글</h3>
<ul class="tab-recent">
<li class="tab-button recent_button on"><a class="tab-button" href="#" onclick="return false;">최근글</a></li>
<li class="tab-button sidebar_button"><a class="tab-button" href="#" onclick="return false;">인기글</a></li>
</ul>
<ul class="list-recent">
<s_rctps_rep>
<li>
<a href="" class="link-recent">
<s_rctps_rep_thumbnail>
<p class="thumbnail" style="background-image:url('')">
</p>
</s_rctps_rep_thumbnail>
<div class="box-recent">
<strong></strong>
<span></span>
</div>
</a>
</li>
</s_rctps_rep>
</ul>
<ul class="list-recent list-tab" style="display: none">
<s_rctps_popular_rep>
<li>
<a href="" class="link-recent">
<s_rctps_rep_thumbnail>
<p class="thumbnail" style="background-image:url('')">
</p>
</s_rctps_rep_thumbnail>
<div class="box-recent">
<strong></strong>
<span></span>
</div>
</a>
</li>
</s_rctps_popular_rep>
</ul>
</div>
</s_sidebar_element>
<!-- // 최근글과 인기글 -->
<s_sidebar_element>
<!-- 최근댓글 -->
<div class="box-reply">
<h3 class="title-sidebar">최근댓글</h3>
<ul class="list-sidebar">
<s_rctrp_rep>
<li>
<a href="" class="link-sidebar">
<strong></strong>
<p>
</p>
</a>
</li>
</s_rctrp_rep>
</ul>
</div>
</s_sidebar_element>
</div>
<div id="content">
<s_article_rep>
<div class="content">
<s_index_article_rep>
<div class="content_index">
<a href="" class="index_title">
<strong></strong> </a>
<p>
</p>
<div class="index_info">
<a href=""></a>
</div>
<s_ad_div>
<div class="admin">
<a href="">수정</a>
<a href="#" onclick="[ ##_s_ad_s2_onclick_##]"></a>
<a href="#" onclick="">삭제</a>
</div>
</s_ad_div>
<!-- area-view / 뷰페이지 및 기본 영역 -->
<div class="area-view">
<!-- s_article_rep -->
<s_article_rep>
<!-- s_permalink_article_rep / 뷰페이지 -->
<s_permalink_article_rep>
<!-- 이미지가 없는 경우 article-header-noimg -->
<div class="article-header" thumbnail="<s_article_rep_thumbnail>
https://img1.daumcdn.net/thumb/R1440x0/?scode=mtistory2&fname=</s_article_rep_thumbnail>" style="background-image:url('')">
<div class="inner-header">
<div class="box-meta">
<p class="category">
</p>
<h2 class="title-article"></h2>
<div class="box-info">
<span class="writer"></span>
<span class="date"></span>
</div>
</div>
</div>
</div>
<!-- 에디터 영역 -->
<div class="article-view">
</div>
<!-- article-footer -->
<div class="article-footer">
<s_tag_label>
<!-- article-tag -->
<div class="article-tag">
<h3 class="title-footer">Tag</h3>
<div class="box-tag">
</div>
</div>
<!-- // area_tag -->
</s_tag_label>
<div class="article-page">
<h3 class="title-footer">''의 다른글</h3>
<ul>
<li>
<s_article_prev>
<a href=""><span>이전글</span><strong></strong></a>
</s_article_prev>
</li>
<li><span>현재글</span><strong></strong></li>
<li>
<s_article_next>
<a href=""><span>다음글</span><strong></strong></a>
</s_article_next>
</li>
</ul>
</div>
<s_article_related>
<!-- article-related -->
<div class="article-related">
<h3 class="title-footer">관련글</h3>
<ul class="list-related">
<s_article_related_rep>
<li class="item-related">
<a href="" class="link-related">
<span class="thumnail" style="background-image:url('<s_article_related_rep_thumbnail></s_article_related_rep_thumbnail>')"></span>
<div class="box_content">
<strong></strong>
<span class="date"></span>
</div>
</a>
</li>
</s_article_related_rep>
</ul>
</div>
<!-- // article-related -->
</s_article_related>
<!-- article-reply -->
<div class="article-reply">
<div class="box-total">
<a href="#rp" onclick="">댓글 <span><s_rp_count></s_rp_count></span></a>
</div>
<s_rp>
<!-- area-reply -->
<div class="area-reply">
<s_rp_container>
<ul class="list-reply">
<s_rp_rep>
<li id='' class="item-reply ">
<span class="thumbnail" style="background-image:url('')"></span>
<div class="box-content">
<div class="box-meta">
<strong></strong>
<span class="date"></span>
</div>
<p class="text">
</p>
<a href="#" class="link-comment" onclick="">답글</a>
<div class="box-modify">
<button type="button" class="button-modify"><span class="blind">더보기</span></button>
<ul class="list-modify">
<li><a href="">댓글주소</a></li>
<li><a href="#" onclick="">수정/삭제</a></li>
</ul>
</div>
</div>
<s_rp2_container>
<!-- list-reply-comment -->
<ul class="list-reply-comment">
<s_rp2_rep>
<li id='' class="item-reply ">
<span class="thumbnail" style="background-image:url('')"></span>
<div class="box-content">
<div class="box-meta">
<strong></strong>
<span class="date"></span>
</div>
<p class="text">
</p>
<div class="box-modify">
<button type="button" class="button-modify"><span class="blind">더보기</span></button>
<ul class="list-modify">
<li><a href="" class="link-address">댓글주소</a></li>
<li><a href="#" onclick="">수정/삭제</a></li>
</ul>
</div>
</div>
</li>
</s_rp2_rep>
</ul>
<!-- // list-reply-comment -->
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</s_rp_container>
</div>
<!-- // area-reply -->
<s_rp_input_form>
<!-- reply_write -->
<form method="post">
<div class="area-write">
<s_rp_member>
<s_rp_guest>
<div class="box-account">
<input type="text" name="" value="" title="이름" placeholder="이름"/>
<input type="password" name="" value="" title="비밀번호" maxlength="12" placeholder="비밀번호"/>
</div>
</s_rp_guest>
</s_rp_member>
<div class="box-textarea">
<textarea id="" name="" placeholder="내용을 입력해주세요."></textarea>
</div>
<div class="box-write">
<label class="xe-label">
<input type="checkbox" name="" id="secret">
<span class="xe-input-helper"></span>
<span class="xe-label-text">비밀글</span>
</label>
<button type="button" class="btn_register" onclick="">등록</button>
</div>
</div>
</form>
<!-- // reply_write -->
</s_rp_input_form>
</s_rp>
</div>
<!-- // article-reply -->
</div>
<!-- // article-footer -->
</s_permalink_article_rep>
</s_article_rep>
<!-- // s_article_rep -->
<!-- s_article_protected / 개별 보호글 페이지 -->
<s_article_protected>
<s_permalink_article_rep>
<!-- 이미지가 없는 경우 article-header-noimg -->
<div class="article-header article-header-protected">
<div class="inner-header">
<div class="info_text">
<strong class="title_post"></strong>
<p class="info">
<span class="date"></span>ㆍ<span></span>
</p>
</div>
</div>
</div>
<div class="article-view">
<div class="area-protected">
<p class="text-protected">
보호되어 있는 글입니다. <br/><span>내용을 보시려면 비밀번호를 입력하세요.</span>
</p>
<form class="protected_form" onsubmit="">
<div class="box-protected">
<input type="password" id="" name="" value="" placeholder="비밀번호"/>
<button type="submit">확인</button>
</div>
</form>
</div>
</div>
</s_permalink_article_rep>
</s_article_protected>
<!-- // s_article_protected -->
<!-- s_page_rep -->
<s_page_rep>
<!-- s_permalink_article_rep / 뷰페이지 -->
</div>
</s_index_article_rep>
</div>
</s_article_rep>
</div>
</div>
<!-- footer -->
<footer id="footer">
깜장발은 항상 💜을 담아 글을 씁니다.
</footer>
<!-- // footer -->
</div>
</s_t3>
</body>
</html>
</div>
<!-- article-footer -->
<div class="article-footer">
<s_tag_label>
<!-- article-tag -->
<div class="article-tag">
<h3 class="title-footer">Tag</h3>
<div class="box-tag">
</div>
</div>
<!-- // area_tag -->
</s_tag_label>
<div class="article-page">
<h3 class="title-footer">'북마크/메모장'의 다른글</h3>
<ul>
<li>
<s_article_prev>
<a href=""><span>이전글</span><strong></strong></a>
</s_article_prev>
</li>
<li><span>현재글</span><strong>레트로 티스토리 스킨</strong></li>
<li>
<s_article_next>
<a href=""><span>다음글</span><strong></strong></a>
</s_article_next>
</li>
</ul>
</div>
<s_article_related>
<!-- article-related -->
<div class="article-related">
<h3 class="title-footer">관련글</h3>
<ul class="list-related">
<s_article_related_rep>
<li class="item-related">
<a href="" class="link-related">
<span class="thumnail" style="background-image:url('<s_article_related_rep_thumbnail></s_article_related_rep_thumbnail>')"></span>
<div class="box_content">
<strong></strong>
<span class="date"></span>
</div>
</a>
</li>
</s_article_related_rep>
</ul>
</div>
<!-- // article-related -->
</s_article_related>
<!-- article-reply -->
<div class="article-reply">
<div class="box-total">
<a href="#rp" onclick="">댓글 <span><s_rp_count>0</s_rp_count></span></a>
</div>
<s_rp>
<!-- area-reply -->
<div class="area-reply">
<s_rp_container>
<ul class="list-reply">
<s_rp_rep>
<li id='' class="item-reply ">
<span class="thumbnail" style="background-image:url('')"></span>
<div class="box-content">
<div class="box-meta">
<strong></strong>
<span class="date"></span>
</div>
<p class="text">
</p>
<a href="#" class="link-comment" onclick="">답글</a>
<div class="box-modify">
<button type="button" class="button-modify"><span class="blind">더보기</span></button>
<ul class="list-modify">
<li><a href="">댓글주소</a></li>
<li><a href="#" onclick="">수정/삭제</a></li>
</ul>
</div>
</div>
<s_rp2_container>
<!-- list-reply-comment -->
<ul class="list-reply-comment">
<s_rp2_rep>
<li id='' class="item-reply ">
<span class="thumbnail" style="background-image:url('')"></span>
<div class="box-content">
<div class="box-meta">
<strong></strong>
<span class="date"></span>
</div>
<p class="text">
</p>
<div class="box-modify">
<button type="button" class="button-modify"><span class="blind">더보기</span></button>
<ul class="list-modify">
<li><a href="" class="link-address">댓글주소</a></li>
<li><a href="#" onclick="">수정/삭제</a></li>
</ul>
</div>
</div>
</li>
</s_rp2_rep>
</ul>
<!-- // list-reply-comment -->
</s_rp2_container>
</li>
</s_rp_rep>
</ul>
</s_rp_container>
</div>
<!-- // area-reply -->
<s_rp_input_form>
<!-- reply_write -->
<form method="post">
<div class="area-write">
<s_rp_member>
<s_rp_guest>
<div class="box-account">
<input type="text" name="" value="" title="이름" placeholder="이름"/>
<input type="password" name="" value="" title="비밀번호" maxlength="12" placeholder="비밀번호"/>
</div>
</s_rp_guest>
</s_rp_member>
<div class="box-textarea">
<textarea id="" name="" placeholder="내용을 입력해주세요."></textarea>
</div>
<div class="box-write">
<label class="xe-label">
<input type="checkbox" name="" id="secret">
<span class="xe-input-helper"></span>
<span class="xe-label-text">비밀글</span>
</label>
<button type="button" class="btn_register" onclick="">등록</button>
</div>
</div>
</form>
<!-- // reply_write -->
</s_rp_input_form>
</s_rp>
</div>
<!-- // article-reply -->
</div>
<!-- // article-footer -->
</s_permalink_article_rep>
</s_article_rep>
<!-- // s_article_rep -->
<!-- s_article_protected / 개별 보호글 페이지 -->
<s_article_protected>
<s_permalink_article_rep>
<!-- 이미지가 없는 경우 article-header-noimg -->
<div class="article-header article-header-protected">
<div class="inner-header">
<div class="info_text">
<strong class="title_post">레트로 티스토리 스킨</strong>
<p class="info">
<span class="date">2022. 3. 18. 10:31</span>ㆍ<span>북마크/메모장</span>
</p>
</div>
</div>
</div>
<div class="article-view">
<div class="area-protected">
<p class="text-protected">
보호되어 있는 글입니다. <br/><span>내용을 보시려면 비밀번호를 입력하세요.</span>
</p>
<form class="protected_form" onsubmit="{reloadEntry(7);return false;}">
<div class="box-protected">
<input type="password" id="entry7password" name="entry7password" value="" placeholder="비밀번호"/>
<button type="submit">확인</button>
</div>
</form>
</div>
</div>
</s_permalink_article_rep>
</s_article_protected>
<!-- // s_article_protected -->
<!-- s_page_rep -->
<s_page_rep>
<!-- s_permalink_article_rep / 뷰페이지 -->
</div>
</s_index_article_rep>
</div>
</s_article_rep>
</div>
</div>
<!-- footer -->
<footer id="footer">
깜장발은 항상 💜을 담아 글을 씁니다.
</footer>
<!-- // footer -->
</div>
</s_t3>
</body>
</html>
