<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<style>
div, li, body{
background-image: linear-gradient(#020202 0%, #020202 100%);
}
</style>
<style>
@import‎ url("https://fonts.googleapis.com/css2?family=Jersey+15:wght@200;500;700&family=Nunito+Sans:wght@200;400&display=swap");
body {
background: radial-gradient(#39FF14 0px, transparent 1px), #0b5e0b;
background-position: 0 0;
background-size: 30px 30px;
display: grid;
place-items: center;
height: 100vh;
font-family: 'Jersey+15', sans-serif;
margin: 0;
gap: 20px;
grid-template-columns: repeat(3, 220px);
display: grid;
}
#container {
display: contents;
}
#wrapper {
position: relative;
height: 200px;
aspect-ratio: 1;
perspective: 1000px;
transform: rotateX(-5deg) rotateY(10deg);
}
#wrapper:nth-child(1) {
margin-left: 10px;
style="border:none; transform: translate(-8px, -5px),";
}
#wrapper:nth-child(4) {
margin-left: 140px;
}
#wrapper:nth-child(7) {
margin-left: 10px;
}
#wrapper:nth-child(10) {
margin-left: 140px;
}
#wrapper:nth-child(13) {
margin-left: 10px;
}
#wrapper:nth-child(16) {
margin-left: 140px;
}
#wrapper:nth-child(19) {
margin-left: 10px;
}
#modal {
background: #39FF14;
height: 200px;
aspect-ratio: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
clip-path: polygon(
0 0,
100% 0,
100% 100%,
6% 100%,
0 93%,
0 68%,
0 65%,
5% 60%,
5% 31%,
0 24%
);
}
#textInner {
position: absolute;
top: 4px;
color: #39FF14;
left: 8px;
z-index: 20;
text-transform: uppercase;
font-weight: 700;
font-size: 0.8rem;
}
#textOuter {
color: #39FF14;
float: right;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 800;
font-size: 0.8rem;
white-space: nowrap;
}
#blurbContainer {
position: absolute;
top: -18px;
display: flex;
color: #39FF14;
justify-content: flex-end;
font-size: 0.5rem;
min-width: 200px;
right: -23px;
gap: 7px;
width: 500px;
}
#blurbContainer :last-child {
width: 16px;
overflow-wrap: break-word;
font-size: 0.4rem;
}
#blurbContainer :first-child {
white-space: nowrap;
}
#extra {
height: 5px;
width: 40px;
background: #39FF14;
position: absolute;
right: 0;
margin-top: -1px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 100%);
}
#modal:after {
width: 97%;
height: 8px;
background: #39FF14;
position: absolute;
bottom: 0;
right: 0;
content: "";
}
.inner {
clip-path: polygon(
0 0,
100% 0,
100% 100%,
6% 100%,
0 93%,
0 68%,
0 65%,
5% 60%,
5% 31%,
0 24%
);
height: 99%;
width: 98%;
background: #000;
background-position: center;
background-size: cover;
}
</style>
<div id="container">
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">JUNGWON</span>
<div id="modal">
<span id="textInner">2004-02-09</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/2b5840ba841191e40218d09f5be4984f44121221?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">HEESEUNG</span>
<div id="modal">
<span id="textInner">2001-10-15</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/bcbc2ef67f267229593bf55158daa435a585312d?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">JAY</span>
<div id="modal">
<span id="textInner">2002-04-20</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/3efb4589208f1e876dd5d8cc92c0d9700786da7e?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">JAKE</span>
<div id="modal">
<span id="textInner">2002-11-15</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/9cded14f751af9aca32925a68e8635084539e841?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">SUNGHOON</span>
<div id="modal">
<span id="textInner">2002-12-08</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/74c19310cbc0526e0c54495b635beb1dde266795?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">SUNOO</span>
<div id="modal">
<span id="textInner">2003-06-24</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/40557f2bce2616bec2edd1ea59a43a43885092f8?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">NI-KI</span>
<div id="modal">
<span id="textInner">2005-12-09</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/f3c5f439c16b5143d6ada3f169ed015635cdcebe?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div>
</div> <br> <br>"><div data-ke-class="article"><style>
div, li, body{
background-image: linear-gradient(#020202 0%, #020202 100%);
}
</style>
<style>
@import‎ url("https://fonts.googleapis.com/css2?family=Jersey+15:wght@200;500;700&family=Nunito+Sans:wght@200;400&display=swap");
body {
background: radial-gradient(#39FF14 0px, transparent 1px), #0b5e0b;
background-position: 0 0;
background-size: 30px 30px;
display: grid;
place-items: center;
height: 100vh;
font-family: 'Jersey+15', sans-serif;
margin: 0;
gap: 20px;
grid-template-columns: repeat(3, 220px);
display: grid;
}
#container {
display: contents;
}
#wrapper {
position: relative;
height: 200px;
aspect-ratio: 1;
perspective: 1000px;
transform: rotateX(-5deg) rotateY(10deg);
}
#wrapper:nth-child(1) {
margin-left: 10px;
style="border:none; transform: translate(-8px, -5px),";
}
#wrapper:nth-child(4) {
margin-left: 140px;
}
#wrapper:nth-child(7) {
margin-left: 10px;
}
#wrapper:nth-child(10) {
margin-left: 140px;
}
#wrapper:nth-child(13) {
margin-left: 10px;
}
#wrapper:nth-child(16) {
margin-left: 140px;
}
#wrapper:nth-child(19) {
margin-left: 10px;
}
#modal {
background: #39FF14;
height: 200px;
aspect-ratio: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
clip-path: polygon(
0 0,
100% 0,
100% 100%,
6% 100%,
0 93%,
0 68%,
0 65%,
5% 60%,
5% 31%,
0 24%
);
}
#textInner {
position: absolute;
top: 4px;
color: #39FF14;
left: 8px;
z-index: 20;
text-transform: uppercase;
font-weight: 700;
font-size: 0.8rem;
}
#textOuter {
color: #39FF14;
float: right;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 800;
font-size: 0.8rem;
white-space: nowrap;
}
#blurbContainer {
position: absolute;
top: -18px;
display: flex;
color: #39FF14;
justify-content: flex-end;
font-size: 0.5rem;
min-width: 200px;
right: -23px;
gap: 7px;
width: 500px;
}
#blurbContainer :last-child {
width: 16px;
overflow-wrap: break-word;
font-size: 0.4rem;
}
#blurbContainer :first-child {
white-space: nowrap;
}
#extra {
height: 5px;
width: 40px;
background: #39FF14;
position: absolute;
right: 0;
margin-top: -1px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 100%);
}
#modal:after {
width: 97%;
height: 8px;
background: #39FF14;
position: absolute;
bottom: 0;
right: 0;
content: "";
}
.inner {
clip-path: polygon(
0 0,
100% 0,
100% 100%,
6% 100%,
0 93%,
0 68%,
0 65%,
5% 60%,
5% 31%,
0 24%
);
height: 99%;
width: 98%;
background: #000;
background-position: center;
background-size: cover;
}
</style>
<div id="container">
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">JUNGWON</span>
<div id="modal">
<span id="textInner">2004-02-09</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/2b5840ba841191e40218d09f5be4984f44121221?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">HEESEUNG</span>
<div id="modal">
<span id="textInner">2001-10-15</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/bcbc2ef67f267229593bf55158daa435a585312d?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">JAY</span>
<div id="modal">
<span id="textInner">2002-04-20</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/3efb4589208f1e876dd5d8cc92c0d9700786da7e?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">JAKE</span>
<div id="modal">
<span id="textInner">2002-11-15</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/9cded14f751af9aca32925a68e8635084539e841?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">SUNGHOON</span>
<div id="modal">
<span id="textInner">2002-12-08</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/74c19310cbc0526e0c54495b635beb1dde266795?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">SUNOO</span>
<div id="modal">
<span id="textInner">2003-06-24</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/40557f2bce2616bec2edd1ea59a43a43885092f8?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div> <br> <br>
<div id="wrapper">
<div id="blurbContainer">
<span></span>
<span id="acr"></span>
</div>
<span id="textOuter">NI-KI</span>
<div id="modal">
<span id="textInner">2005-12-09</span>
<div class="inner" style="background-image: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/f3c5f439c16b5143d6ada3f169ed015635cdcebe?type=thumb&opt=R667x0a')" ></div>
</div>
<span id="extra"></span>
</div>
</div> <br> <br></div></div><div class="figure-html" data-ke-type="html" data-source="<style>
/*첨부파일 제거*/
#btn_attach{display:none !important;}
/*하단배너제거*/
.cafe-banner {display: none;}
/*폰트*/
@font-face {
font-family: 'NeoDunggeunmoPro-Regular';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/NeoDunggeunmoPro-Regular.woff2') format('woff2');
font-weight: normal;
font-style: nomal;
}
}
</style>
<style type="text/css">p,br,body,table,td,input,form,textarea {font-size:13pt;
font-family:'NeoDunggeunmoPro-Regular';}
</style>
<style>
.cafeview_subject {
border: none;
}
[class*="banner"], .btn_paging {
display: none !important;
}
</style>
<input type="checkbox" id="icon" />
<label for="icon">
<span></span>
<span></span>
<span></span>
</label>
<div id="header">
<nav class="menu">
<!-- 메뉴 아이템 1 -->
<div class="item">
<div class="item-img">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/531e817365cfb1068a2e9e62d51297bd6ae2eb45?type=thumb&opt=R667x0a">
</div>
<p class="navp"> vampire </p><br>
<a href=" https://m.cafe.daum.net/ok1221/4Don/8040988?svc=cafeapp" class="link-text">News</a>
</div>
<!-- 메뉴 아이템 2 -->
<div class="item">
<a href="https://m.cafe.daum.net/ok1221/4Don/8054287?svc=cafeapp" class="link-text"> Game</a>
</div>
</nav>
</div>
<style>
/* 햄버거 버튼 */
input[id="icon"] {
display: none;
}
input[id="icon"]:checked {
display: none;
}
input[id="icon"] + label {
display: block;
width: 30px;
height: 20px;
cursor: pointer;
position: fixed;
top: 10px;
right: 10px;
z-index: 3;
}
input[id="icon"] + label > span {
display: block;
width: 100%;
height: 3px;
border-radius: 30px;
background: #39FF14;
position: absolute;
transition: all 0.35s;
z-index: 2;
}
input[id="icon"] + label > span:nth-child(1) {
top: 0px;
}
input[id="icon"] + label > span:nth-child(2) {
top: 50%;
transform: translateY(-50%);
}
input[id="icon"] + label > span:nth-child(3) {
bottom: 0px;
}
input[id="icon"]:checked + label > span:nth-child(1) {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
input[id="icon"]:checked + label > span:nth-child(2) {
opacity: 0;
}
input[id="icon"]:checked + label > span:nth-child(3) {
bottom: 50%;
transform: translateY(50%) rotate(-45deg);
}
/* 슬라이드 메뉴 */
#icon + label + #header {
position: fixed;
width: 250px;
height: 100%;
background: #020202;
top: 0;
padding: 60px 25px 25px 25px;
box-sizing: border-box;
right: -300px;
z-index: 1;
transition: all 0.5s;
overflow-y: auto;
}
#icon:checked + label + #header {
right: 0px;
}
/* 메뉴 내용 */
.menu {
display: flex;
flex-direction: column;
gap: 30px;
}
/* 각 아이템 구조 */
.item {
display: flex;
flex-direction: column;
align-items: center; /* 가로 가운데 정렬 */
color: white !important;
text-align: center; /* 텍스트 가운데 정렬 */
}
/* 이미지 컨테이너 */
.item-img {
display: flex;
justify-content: center;
width: 150px;
margin-bottom: 10px;
}
/* 이미지 스타일 */
.item-img img {
width: 165px;
height: 160px;
border-radius: 100px;
pointer-events: none;
}
/* 설명 텍스트 */
.navp {
font-family: 'NeoDunggeunmoPro-Regular', sans-serif;
margin: 10px 0;
line-height: 1.4;
font-size: 24px;
color: #39FF14;
}
/* 링크 텍스트 */
.link-text {
font-family: 'NeoDunggeunmoPro-Regular', sans-serif;
font-size: 17px;
color: #39FF14;
text-decoration: none !important;
font-weight: bold;
margin-top: 5px;
cursor: pointer;
}
.link-text:hover {
text-decoration: underline;
}
</style>"><div data-ke-class="article"><style>
/*첨부파일 제거*/
#btn_attach{display:none !important;}
/*하단배너제거*/
.cafe-banner {display: none;}
/*폰트*/
@font-face {
font-family: 'NeoDunggeunmoPro-Regular';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/NeoDunggeunmoPro-Regular.woff2') format('woff2');
font-weight: normal;
font-style: nomal;
}
}
</style>
<style type="text/css">p,br,body,table,td,input,form,textarea {font-size:13pt;
font-family:'NeoDunggeunmoPro-Regular';}
</style>
<style>
.cafeview_subject {
border: none;
}
[class*="banner"], .btn_paging {
display: none !important;
}
</style>
<input type="checkbox" id="icon" />
<label for="icon">
<span></span>
<span></span>
<span></span>
</label>
<div id="header">
<nav class="menu">
<!-- 메뉴 아이템 1 -->
<div class="item">
<div class="item-img">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/531e817365cfb1068a2e9e62d51297bd6ae2eb45?type=thumb&opt=R667x0a">
</div>
<p class="navp"> vampire </p><br>
<a href=" https://m.cafe.daum.net/ok1221/4Don/8040988?svc=cafeapp" class="link-text">News</a>
</div>
<!-- 메뉴 아이템 2 -->
<div class="item">
<a href="https://m.cafe.daum.net/ok1221/4Don/8054287?svc=cafeapp" class="link-text"> Game</a>
</div>
</nav>
</div>
<style>
/* 햄버거 버튼 */
input[id="icon"] {
display: none;
}
input[id="icon"]:checked {
display: none;
}
input[id="icon"] + label {
display: block;
width: 30px;
height: 20px;
cursor: pointer;
position: fixed;
top: 10px;
right: 10px;
z-index: 3;
}
input[id="icon"] + label > span {
display: block;
width: 100%;
height: 3px;
border-radius: 30px;
background: #39FF14;
position: absolute;
transition: all 0.35s;
z-index: 2;
}
input[id="icon"] + label > span:nth-child(1) {
top: 0px;
}
input[id="icon"] + label > span:nth-child(2) {
top: 50%;
transform: translateY(-50%);
}
input[id="icon"] + label > span:nth-child(3) {
bottom: 0px;
}
input[id="icon"]:checked + label > span:nth-child(1) {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
input[id="icon"]:checked + label > span:nth-child(2) {
opacity: 0;
}
input[id="icon"]:checked + label > span:nth-child(3) {
bottom: 50%;
transform: translateY(50%) rotate(-45deg);
}
/* 슬라이드 메뉴 */
#icon + label + #header {
position: fixed;
width: 250px;
height: 100%;
background: #020202;
top: 0;
padding: 60px 25px 25px 25px;
box-sizing: border-box;
right: -300px;
z-index: 1;
transition: all 0.5s;
overflow-y: auto;
}
#icon:checked + label + #header {
right: 0px;
}
/* 메뉴 내용 */
.menu {
display: flex;
flex-direction: column;
gap: 30px;
}
/* 각 아이템 구조 */
.item {
display: flex;
flex-direction: column;
align-items: center; /* 가로 가운데 정렬 */
color: white !important;
text-align: center; /* 텍스트 가운데 정렬 */
}
/* 이미지 컨테이너 */
.item-img {
display: flex;
justify-content: center;
width: 150px;
margin-bottom: 10px;
}
/* 이미지 스타일 */
.item-img img {
width: 165px;
height: 160px;
border-radius: 100px;
pointer-events: none;
}
/* 설명 텍스트 */
.navp {
font-family: 'NeoDunggeunmoPro-Regular', sans-serif;
margin: 10px 0;
line-height: 1.4;
font-size: 24px;
color: #39FF14;
}
/* 링크 텍스트 */
.link-text {
font-family: 'NeoDunggeunmoPro-Regular', sans-serif;
font-size: 17px;
color: #39FF14;
text-decoration: none !important;
font-weight: bold;
margin-top: 5px;
cursor: pointer;
}
.link-text:hover {
text-decoration: underline;
}
</style></div></div><div class="figure-html" data-ke-type="html" data-source="<section>
<details class="panel-1">
<summary>NOTICE</summary>
<div> <p><br> 플미 or 컷수 관련 언급 금지 <br> <br> 기사 외 사생발 목격담 소비 금지 <br> <br> 개인팬 or 최애 티내기 금지 <br> <br> 알페스 언급 금지 <br> <br> 까빠계정 소비 금지 <br> <br> 타 커뮤니티 용어 사용 금지 <br> ( 댓 수정, 1나개, 례 등등) <br> <br> 달글에 외부 상황 끌고 오는거 금지 <br> <br> 달글 내 이야기 유출 금지 <br> <br> 지적은 둥글게 부탁드립니다 <br> <br></p>
</div>
</details>
<details class="panel-2">
<summary>MAKE</summary>
<div>
<p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e1898cf4eae7e85743e2ad76ea13413ce008c232" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/78bc3fd7759e5aee4bbc6bb7a15cd5288292139a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6fbb7068e7c9d1b0591aa21d9d19cd8ff2672b25" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f14742a773135d33196b2f94ff77ddc8aff10e6f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c585a92be939443b39daa104226bdb1fc3b4f06f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7790019728369681cab11d0edcc9d00707af10a9" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/257a77853fd2f3c7833ad6126328cdcd87953c64" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5959fc37fe7c8be539e41bf2c78332d805a729cf" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5ae942991045359b1287ea7c39f5ebc793d1e549" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/be53aa2fc94ef28e3105eba3cf87a4582663c3c6" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6bdd5f4f0bddf166efaac8342f2f66b711d39ece" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/226a63c442f7fc53e4502ec7314b672bc1b66079" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bc88169213bbb7a10c0b96ad66b853e254c75b20" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/031bd42fbb2fb576c428fa269a340c647bcd7d33" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/caeab3724b091f0fb0d1cb4dcfff145871483b34" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/095d88d6f21829de48840d8ef61005020eb7e962" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/993b1e7999f4191177cb5ef23c03a6db98504b80" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a135897669e44ee333338f3668c2e36b5e39a31b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/482f68e1f0cf7dd8cdd50b3371a5fe7291f5a626" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/3b4d318be9d2b353e0d938523f88e2dc1b290793" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/031a82a172894b8b51304920d1eaa13f24d0d62f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/0eb0e5b33f9fe70e27b82c75409363417c7c8154" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/642dac195fca871fc1a91483b9bc03f40f4ffa5e" />
<img src=" https://t1.daumcdn.net/cafeattach/1ZcFZ/8272ef5c997ab23a82f041bdef45015f31d639aa" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1befe0f7180fcd031bb8e4009b390b9be66e3f67" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/cf4945c085120171f87870be5e93d52b94026ee3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/91b2d1802e161900fa75272fa923969e6223e038" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/288c33648a719681f7ba5411867eb6b72ff4d268" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/2fbf42c1e934181cb75bda7ac15f435a66e39f74" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/cd5a72b4fcdc949c36edfef2f783803b4c10b682" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/735f9216411303ce8996db3a5d5b52fd9b2a975f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/dc43c484d1e348971787e3a34549820c9c524d7b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7c7bf99beff18953b197e8cc28966a3cdd55c6b5" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1f2fb24ba7648329b7d1ffdbd9540dbfa12edbf3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/125927dec4a468ef9bc8d157a440c70bd434c97d" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/28aee044f2cded0ea86746ace6a326a5a69efce3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/64f981d5b2775c1d06bc6016a3b2a2f4a1b32874" />
</div>
</details>
<details class="panel-3">
<summary>YOU</summary>
<div> <p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/55a5089e4634fd8c82aee86e09e42de7f6f32ecb" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/daceed692576d7d115bc1263f2763e27e3ca8083" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/3387ce22de072c1af50d83a29a4c6ab75a88e673" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e2e65d791ca2589e7370e15e469444bafcc34cff" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a2e4cdd26e9b82dd64ec4b881aeead5fd52030bd" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/69d14e93057ea7a6fc1993b92efd37f08bfe6c23" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/318b99becdb93cef0c40c0a0212bde4cdad7e8fa" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/507f874af8e046dbfc4b2001f7eca4e7f5671e29" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5a40ddee7c9ba32d294dbdf48cac472e864a3aca" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/fe470f89495e3e86e5b1748a436be941e11f2620" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6bf7bae5eeb710af6ae43c3bab04cead72445b6a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1fcba8ccd76af73e270103900f46baf06f07e340" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/98201256b8dbc8d9bc40b134eee59b60137332be" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/20f46c2c90db70567b1ec28c096155c057546159" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f188d5c80a369827f3b9101c965d9dcd7af934b4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/90c63eca417e9da093eb11c515fef70ddfd7507d" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/8f7af284ce79558dcdc2b01072f20fadd2b2abd5" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f8968940160911a4ea8002dc0b01eb85546bd649" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/391555332ca1e12971c02adf0f9a8d874d975095" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f1db52f7c2a1410f5cfff570a25b1abc7e956e74" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bd58b3ef3490ffdaf623280e7f4f46ef188b1791" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1d8e0130554a1e93e681ab79d44c1a709bfdb327" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/39308626d728f323ebf12f05716eb0191e094ae9" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/70a2552a84563e5149816bb216c9282783a8f48c" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/221052db70accf562cee805d4a19ea800af45d61" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/2cf9932c2bb0014a6cbf5ec4b2ea8be7c5c04678" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e7267c621f3ecd8b21465355e1acae467ee8dee6" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d62985f7408720f20977c28807e6936ccccf7619" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a7e843d4baccba16b39a0547fb1e6a770da99200" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7c467415f81760124c32c60d53b6f168fd1df7f9" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/02b991c82d0ede0af08ce408ae2a023e73aa1068" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d7173c92c6226c166e3f49ceb2a38f8f6926eeb3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/9eac23552ab4bcff7cc94b4171a9754b74703e02" />
</div>
</details>
<details class="panel-4" >
<summary>MINE</summary>
<div> <p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f339a27169f6d6d4daa4ac294f3bd9978f59b758" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f728340d075ce8fd89cf4310e843c84141121362" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/aff0ce2557f183654abe714d3c2918ca8a2c12f7" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5662746348325ae1cb7c6e8f2a13af07529205ee" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e3f51e9992628ea27fbd59228280a17633e54f85" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bda366e0ddee27f87501254b5b0d9eec7e6b0b78" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/08f8b64126eb0a0915074514d118fce7efaeb1b4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/55e025f7294bd20eaca0c68049d891497530b331" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6f17a19bf622ee6151331116d3f297493c6d18b3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/98f5f67b3f7f56ced54e70796dc62345b2855c60" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/835325048e29e1ed9c61b6eeee3067343d59f2de" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/8b0d48b4ea4140d44b0b4f9ed02212e15c9a8150" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/78ee53d6b8776ea21855ca7f227bce6312a44e82" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/789836b95954886227bcae415e9f927ccd348b26" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6025c1348c75d609b079ad75658ce291a6d51a59" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a67bc2d43ef04c1f717fbda062dcc4920869eaad" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f82262d2a3e36c32ec50d32a6274845d57e81828" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1eaac26ec8ba7834d55e0598c6dbe0e8bbbeb0d3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/4f28a40b7156d20b3555f8490f938371a79bbac3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/64c7db4ff79b2b3fe12ccaaa2955e138f6276498" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a885544f1e2c4ebe34a94bba8fad27180152d2b8" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/b1d09528784feed9f0fab5d79b713f91f70156a0" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5cf791acb417128a29179742c0fcc6fc448f4692" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/22b27a69e49d665a084909b5b5ad53c3f3f811fd" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/92d5a2b22673a979e5d187e1868507683e0ec7d5" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/4f40ca58f5ec1ee7929bd55e4924d8bae8534eb7" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/9494ca116383df1efe3cc480601db80334a8deaa" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c2e6b5ef3105b161564e0d7a8c95a5579976bd85" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e1110b54cb3075890e01c5a4ca9a0de9efab1e64" />
</div>
</details>
<details class="panel-5">
<summary>ENGENE</summary>
<div> <p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/ba146bc20efc5f9cd0fa721098d4f2d34f363b64" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bc996a922336228d9a97870244803a9438e5a843" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1c500126150b43aca9c561a995beb8e5fc3ddccb" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/2b6556f7ad8dcd5505ea3157bee7ffa906149b7b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/298485bd57ba8c6a0eae83b32ab45e5ead74945b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c9edc460afd696ccd4f09df21632e3c0e1a72162" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1cdad0570987865e3f4030327f9bc537df47bfc6" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7298cae14f7714f8562a5c735546384505ca47d8" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/4a11903014241e5c029c8045e41423ab4ba3e172" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f65a5bbedee2645f5d678478f5365fdc953328bb" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/fc3b910f616515041f4e58a6d60db49e1ccb344a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/ef04e3f45697121b090c35279de9c6fed94a0360" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c09caf115258efc38864e21c44bd1036c4eef45b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/0e430916dcc8c03018e58fd0dfbddd5bbd59430e" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5e5b7aae7d9a5d825c1399a17bcd8ae871dc279b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c260f511305808706f6f9f52013b3db0d46723bf" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/0cb34118344930aaa2bdb5cb0f6cb9db303abc14" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a9551d7cc47e3308bac545c97732c12df085871f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f1451110dabdc08210a804a10edfbb898ea973af" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/37d96a7f4dd418ab39e589b7239671215412ba25" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d6016a24930178b6760264d1e9c87d0a26a6d68a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d2f722a9269cd7a861287ecb71f6d9762f22dea4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/30c80333611d2d174dcd194a825f6b0e0c1e2d9b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/b0510b5a9bf9f96023f8cb26c8d8de97a57cb3d1" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7b440131883e14a87170995e94e8be1146ed52f4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f6148d3fcb22c8e7708ac9254a847a5a02884f2a" />
</div>
</details>
</section>
<style>
@import‎ url("https://fonts.googleapis.com/css?family=Jersey+15|Space+Mono");
:root {
--contentHeight: 30vh;
--sectionWidth: 700px;
}
* {
outline: 0;
box-sizing: border-box;
}
body {
background-color: #000;
}
section {
max-width: xxx(--sectionWidth);
margin: 40px auto;
width: 97%;
color: #39FF14;
}
summary {
display: block;
cursor: pointer;
padding: 10px;
font-family: "NeoDunggeunmoPro-Regular", monospace;
font-size: 25px;
transition: .3s;
border-bottom: 2px solid;
user-select: none;
text-align: center; /* 오른쪽 정렬 */
padding-right: 0px;
}
details > div {
display: flex;
flex-wrap: wrap;
overflow: auto;
height: 100%;
user-select: none;
padding: 0 15px;
font-family: "NeoDunggeunmoPro-Regular", sans-serif; karla
fon-size:15px;
line-height: 1.5;
text-align: center;
padding-right: 0px;
}
details > div > img {
align-self: flex-start;
max-width: 100%;
margin-top: 20px;
}
details > div > p {
flex: 1;
}
.panel-1[open] > summary {
color: #39FF14;
}
.panel-2[open] > summary {
color: #dededd;
}
.panel-3[open] > summary {
color: #FFFF33;
}
.panel-4[open] > summary {
color: #FF073A;
}
.panel-5[open] > summary {
color: #39FF14;
}
@media (min-width: 768px) {
details[open] > div > p {
opacity: 0;
animation-name: showContent;
animation-duration: 0.6s;
animation-delay: 0.2s;
animation-fill-mode: forwards;
margin: 0;
padding-left: 20px;
}
details[open] > div {
animation-name: slideDown;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
details[open] > div > img {
opacity: 0;
height: 100%;
margin: 0;
animation-name: showImage;
animation-duration: 0.3s;
animation-delay: 0.15s;
animation-fill-mode: forwards;
}
}
@keyframes slideDown {
from {
opacity: 0;
height: 0;
padding: 0;
}
to {
opacity: 1;
height: xxx(--contentHeight);
padding: 20px;
}
}
@keyframes showImage {
from {
opacity: 0;
clip-path: inset(50% 0 50% 0);
transform: scale(0.4);
}
to {
opacity: 1;
clip-path: inset(0 0 0 0);
}
}
@keyframes showContent {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
<style>
h3 {color: rgba(0, 0, 0, 0); font-size: 0pt !important;
background: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/f825307b51272c40c8715a4d0b3fb1a7b12edb32?type=thumb&opt=R667x0a')no-repeat center;
background-size: contain;
padding: 170px 0 170px;}
</style>"><div data-ke-class="article"><section>
<details class="panel-1">
<summary>NOTICE</summary>
<div> <p><br> 플미 or 컷수 관련 언급 금지 <br> <br> 기사 외 사생발 목격담 소비 금지 <br> <br> 개인팬 or 최애 티내기 금지 <br> <br> 알페스 언급 금지 <br> <br> 까빠계정 소비 금지 <br> <br> 타 커뮤니티 용어 사용 금지 <br> ( 댓 수정, 1나개, 례 등등) <br> <br> 달글에 외부 상황 끌고 오는거 금지 <br> <br> 달글 내 이야기 유출 금지 <br> <br> 지적은 둥글게 부탁드립니다 <br> <br></p>
</div>
</details>
<details class="panel-2">
<summary>MAKE</summary>
<div>
<p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e1898cf4eae7e85743e2ad76ea13413ce008c232" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/78bc3fd7759e5aee4bbc6bb7a15cd5288292139a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6fbb7068e7c9d1b0591aa21d9d19cd8ff2672b25" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f14742a773135d33196b2f94ff77ddc8aff10e6f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c585a92be939443b39daa104226bdb1fc3b4f06f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7790019728369681cab11d0edcc9d00707af10a9" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/257a77853fd2f3c7833ad6126328cdcd87953c64" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5959fc37fe7c8be539e41bf2c78332d805a729cf" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5ae942991045359b1287ea7c39f5ebc793d1e549" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/be53aa2fc94ef28e3105eba3cf87a4582663c3c6" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6bdd5f4f0bddf166efaac8342f2f66b711d39ece" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/226a63c442f7fc53e4502ec7314b672bc1b66079" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bc88169213bbb7a10c0b96ad66b853e254c75b20" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/031bd42fbb2fb576c428fa269a340c647bcd7d33" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/caeab3724b091f0fb0d1cb4dcfff145871483b34" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/095d88d6f21829de48840d8ef61005020eb7e962" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/993b1e7999f4191177cb5ef23c03a6db98504b80" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a135897669e44ee333338f3668c2e36b5e39a31b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/482f68e1f0cf7dd8cdd50b3371a5fe7291f5a626" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/3b4d318be9d2b353e0d938523f88e2dc1b290793" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/031a82a172894b8b51304920d1eaa13f24d0d62f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/0eb0e5b33f9fe70e27b82c75409363417c7c8154" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/642dac195fca871fc1a91483b9bc03f40f4ffa5e" />
<img src=" https://t1.daumcdn.net/cafeattach/1ZcFZ/8272ef5c997ab23a82f041bdef45015f31d639aa" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1befe0f7180fcd031bb8e4009b390b9be66e3f67" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/cf4945c085120171f87870be5e93d52b94026ee3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/91b2d1802e161900fa75272fa923969e6223e038" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/288c33648a719681f7ba5411867eb6b72ff4d268" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/2fbf42c1e934181cb75bda7ac15f435a66e39f74" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/cd5a72b4fcdc949c36edfef2f783803b4c10b682" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/735f9216411303ce8996db3a5d5b52fd9b2a975f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/dc43c484d1e348971787e3a34549820c9c524d7b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7c7bf99beff18953b197e8cc28966a3cdd55c6b5" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1f2fb24ba7648329b7d1ffdbd9540dbfa12edbf3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/125927dec4a468ef9bc8d157a440c70bd434c97d" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/28aee044f2cded0ea86746ace6a326a5a69efce3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/64f981d5b2775c1d06bc6016a3b2a2f4a1b32874" />
</div>
</details>
<details class="panel-3">
<summary>YOU</summary>
<div> <p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/55a5089e4634fd8c82aee86e09e42de7f6f32ecb" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/daceed692576d7d115bc1263f2763e27e3ca8083" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/3387ce22de072c1af50d83a29a4c6ab75a88e673" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e2e65d791ca2589e7370e15e469444bafcc34cff" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a2e4cdd26e9b82dd64ec4b881aeead5fd52030bd" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/69d14e93057ea7a6fc1993b92efd37f08bfe6c23" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/318b99becdb93cef0c40c0a0212bde4cdad7e8fa" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/507f874af8e046dbfc4b2001f7eca4e7f5671e29" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5a40ddee7c9ba32d294dbdf48cac472e864a3aca" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/fe470f89495e3e86e5b1748a436be941e11f2620" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6bf7bae5eeb710af6ae43c3bab04cead72445b6a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1fcba8ccd76af73e270103900f46baf06f07e340" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/98201256b8dbc8d9bc40b134eee59b60137332be" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/20f46c2c90db70567b1ec28c096155c057546159" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f188d5c80a369827f3b9101c965d9dcd7af934b4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/90c63eca417e9da093eb11c515fef70ddfd7507d" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/8f7af284ce79558dcdc2b01072f20fadd2b2abd5" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f8968940160911a4ea8002dc0b01eb85546bd649" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/391555332ca1e12971c02adf0f9a8d874d975095" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f1db52f7c2a1410f5cfff570a25b1abc7e956e74" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bd58b3ef3490ffdaf623280e7f4f46ef188b1791" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1d8e0130554a1e93e681ab79d44c1a709bfdb327" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/39308626d728f323ebf12f05716eb0191e094ae9" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/70a2552a84563e5149816bb216c9282783a8f48c" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/221052db70accf562cee805d4a19ea800af45d61" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/2cf9932c2bb0014a6cbf5ec4b2ea8be7c5c04678" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e7267c621f3ecd8b21465355e1acae467ee8dee6" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d62985f7408720f20977c28807e6936ccccf7619" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a7e843d4baccba16b39a0547fb1e6a770da99200" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7c467415f81760124c32c60d53b6f168fd1df7f9" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/02b991c82d0ede0af08ce408ae2a023e73aa1068" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d7173c92c6226c166e3f49ceb2a38f8f6926eeb3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/9eac23552ab4bcff7cc94b4171a9754b74703e02" />
</div>
</details>
<details class="panel-4" >
<summary>MINE</summary>
<div> <p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f339a27169f6d6d4daa4ac294f3bd9978f59b758" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f728340d075ce8fd89cf4310e843c84141121362" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/aff0ce2557f183654abe714d3c2918ca8a2c12f7" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5662746348325ae1cb7c6e8f2a13af07529205ee" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e3f51e9992628ea27fbd59228280a17633e54f85" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bda366e0ddee27f87501254b5b0d9eec7e6b0b78" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/08f8b64126eb0a0915074514d118fce7efaeb1b4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/55e025f7294bd20eaca0c68049d891497530b331" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6f17a19bf622ee6151331116d3f297493c6d18b3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/98f5f67b3f7f56ced54e70796dc62345b2855c60" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/835325048e29e1ed9c61b6eeee3067343d59f2de" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/8b0d48b4ea4140d44b0b4f9ed02212e15c9a8150" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/78ee53d6b8776ea21855ca7f227bce6312a44e82" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/789836b95954886227bcae415e9f927ccd348b26" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/6025c1348c75d609b079ad75658ce291a6d51a59" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a67bc2d43ef04c1f717fbda062dcc4920869eaad" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f82262d2a3e36c32ec50d32a6274845d57e81828" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1eaac26ec8ba7834d55e0598c6dbe0e8bbbeb0d3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/4f28a40b7156d20b3555f8490f938371a79bbac3" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/64c7db4ff79b2b3fe12ccaaa2955e138f6276498" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a885544f1e2c4ebe34a94bba8fad27180152d2b8" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/b1d09528784feed9f0fab5d79b713f91f70156a0" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5cf791acb417128a29179742c0fcc6fc448f4692" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/22b27a69e49d665a084909b5b5ad53c3f3f811fd" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/92d5a2b22673a979e5d187e1868507683e0ec7d5" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/4f40ca58f5ec1ee7929bd55e4924d8bae8534eb7" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/9494ca116383df1efe3cc480601db80334a8deaa" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c2e6b5ef3105b161564e0d7a8c95a5579976bd85" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/e1110b54cb3075890e01c5a4ca9a0de9efab1e64" />
</div>
</details>
<details class="panel-5">
<summary>ENGENE</summary>
<div> <p></p>
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/ba146bc20efc5f9cd0fa721098d4f2d34f363b64" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/bc996a922336228d9a97870244803a9438e5a843" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1c500126150b43aca9c561a995beb8e5fc3ddccb" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/2b6556f7ad8dcd5505ea3157bee7ffa906149b7b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/298485bd57ba8c6a0eae83b32ab45e5ead74945b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c9edc460afd696ccd4f09df21632e3c0e1a72162" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/1cdad0570987865e3f4030327f9bc537df47bfc6" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7298cae14f7714f8562a5c735546384505ca47d8" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/4a11903014241e5c029c8045e41423ab4ba3e172" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f65a5bbedee2645f5d678478f5365fdc953328bb" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/fc3b910f616515041f4e58a6d60db49e1ccb344a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/ef04e3f45697121b090c35279de9c6fed94a0360" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c09caf115258efc38864e21c44bd1036c4eef45b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/0e430916dcc8c03018e58fd0dfbddd5bbd59430e" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/5e5b7aae7d9a5d825c1399a17bcd8ae871dc279b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/c260f511305808706f6f9f52013b3db0d46723bf" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/0cb34118344930aaa2bdb5cb0f6cb9db303abc14" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/a9551d7cc47e3308bac545c97732c12df085871f" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f1451110dabdc08210a804a10edfbb898ea973af" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/37d96a7f4dd418ab39e589b7239671215412ba25" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d6016a24930178b6760264d1e9c87d0a26a6d68a" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/d2f722a9269cd7a861287ecb71f6d9762f22dea4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/30c80333611d2d174dcd194a825f6b0e0c1e2d9b" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/b0510b5a9bf9f96023f8cb26c8d8de97a57cb3d1" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7b440131883e14a87170995e94e8be1146ed52f4" />
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f6148d3fcb22c8e7708ac9254a847a5a02884f2a" />
</div>
</details>
</section>
<style>
@import‎ url("https://fonts.googleapis.com/css?family=Jersey+15|Space+Mono");
:root {
--contentHeight: 30vh;
--sectionWidth: 700px;
}
* {
outline: 0;
box-sizing: border-box;
}
body {
background-color: #000;
}
section {
max-width: xxx(--sectionWidth);
margin: 40px auto;
width: 97%;
color: #39FF14;
}
summary {
display: block;
cursor: pointer;
padding: 10px;
font-family: "NeoDunggeunmoPro-Regular", monospace;
font-size: 25px;
transition: .3s;
border-bottom: 2px solid;
user-select: none;
text-align: center; /* 오른쪽 정렬 */
padding-right: 0px;
}
details > div {
display: flex;
flex-wrap: wrap;
overflow: auto;
height: 100%;
user-select: none;
padding: 0 15px;
font-family: "NeoDunggeunmoPro-Regular", sans-serif; karla
fon-size:15px;
line-height: 1.5;
text-align: center;
padding-right: 0px;
}
details > div > img {
align-self: flex-start;
max-width: 100%;
margin-top: 20px;
}
details > div > p {
flex: 1;
}
.panel-1[open] > summary {
color: #39FF14;
}
.panel-2[open] > summary {
color: #dededd;
}
.panel-3[open] > summary {
color: #FFFF33;
}
.panel-4[open] > summary {
color: #FF073A;
}
.panel-5[open] > summary {
color: #39FF14;
}
@media (min-width: 768px) {
details[open] > div > p {
opacity: 0;
animation-name: showContent;
animation-duration: 0.6s;
animation-delay: 0.2s;
animation-fill-mode: forwards;
margin: 0;
padding-left: 20px;
}
details[open] > div {
animation-name: slideDown;
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
details[open] > div > img {
opacity: 0;
height: 100%;
margin: 0;
animation-name: showImage;
animation-duration: 0.3s;
animation-delay: 0.15s;
animation-fill-mode: forwards;
}
}
@keyframes slideDown {
from {
opacity: 0;
height: 0;
padding: 0;
}
to {
opacity: 1;
height: xxx(--contentHeight);
padding: 20px;
}
}
@keyframes showImage {
from {
opacity: 0;
clip-path: inset(50% 0 50% 0);
transform: scale(0.4);
}
to {
opacity: 1;
clip-path: inset(0 0 0 0);
}
}
@keyframes showContent {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
<style>
h3 {color: rgba(0, 0, 0, 0); font-size: 0pt !important;
background: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/f825307b51272c40c8715a4d0b3fb1a7b12edb32?type=thumb&opt=R667x0a')no-repeat center;
background-size: contain;
padding: 170px 0 170px;}
</style></div></div><div class="figure-html" data-ke-type="html" data-source="<style>
#mArticle > div:nth-child(10) {
display: none;
}
#mArticle > div:nth-child(1) > div:nth-child(2) {
display: none !important;
}
</style>
"><div data-ke-class="article"><style>
#mArticle > div:nth-child(10) {
display: none;
}
#mArticle > div:nth-child(1) > div:nth-child(2) {
display: none !important;
}
</style>
</div></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
· 덕구네 마약방석
뱀 파 이 어 로 돌 아 온 일 곱 소 년 13
JB
추천 0
조회 16,317
25.02.28 06:07
댓글 9926
다음검색
대리맡겻다 떨어지면 기분 거지색히같아서 난 작년부터 내가함
난 추천 내가 해서 가거든
나두 내가해서 감 그냥 직접 해보는 거 추천
초 알면 혼자해 그게 나음
근데 솔직히 뮤뱅 시야 제일 구려서 안가도 상관없었어 ㅎ… ((사실 너무가고싶었어요))
어나도뮤뱅별로안가고싶엇어
엔하이픈공방 드가기왤케 어렵지..
난 다리아파서 뮤뱅가고싶었어 경로우대부탁 ㅠ
ㅎㅂㅋㅋㅋㅋㅋㅋㅋ
팬들도 몰리고 돈 벌려는 업자들도 몰리니까 어렵겠지.. 근데 뭐 이건 다 그러니까.. 그치만 업자들이 꺼지면 될거 같은데..
뮤뱅 시야 구려 ( 사실넘넘가고싶었어요)
미팬은제발좀가자
시히히히히발 뮤뱅에서 힐리움이요?
머ㅁ머라고
예고 뜸 ㅆㅍ...
나저거못보면죽어 근데미당이래요
ㅆㅂ..
뭐? 힐리움을 한다고…
아 존나 부럽다 젠장
불참통온다 미친
첫번째일까 두번째일까 아마도 두번째가 힐링움이겟지
인원수 적은게 힐리움 같아
앗 시발 내일 헬리움이야 나 핼리움 보ㅑ야해
이 중요한 걸 왜 지금 말하지
일단
담달
https://m.cafe.daum.net/ok1221/4Don/8061494?svc=cafeapp
갑자기 너무 슬퍼짐