<![CDATA[
<p style="text-align: left;"><br><br><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
body, div, li {
background-color: transparent !important;
}
div > .bg {
position: fixed;
top:0;
left:0;
z-index: -1;
width: 100%;
height: 100%;
background: url('https://t1.daumcdn.net/cafeattach/1VrFC/10b9cf125e9edd86d9161b45723126b0afd26a5a') center / cover !important;
}
</style>
<div class="bg"></div>
"><div data-ke-class="article"><style>
body, div, li {
background-color: transparent !important;
}
div > .bg {
position: fixed;
top:0;
left:0;
z-index: -1;
width: 100%;
height: 100%;
background: url('https://t1.daumcdn.net/cafeattach/1VrFC/10b9cf125e9edd86d9161b45723126b0afd26a5a') center / cover !important;
}
</style>
<div class="bg"></div>
</div></div><p style="text-align: left;"><span></span></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.lipwoo-notice,
.lipwoo-notice *{
box-sizing:border-box;
}
/* 전체 */
.lipwoo-notice{
width:88vw;
max-width:340px;
margin:35px auto;
position:relative;
overflow:hidden;
border-radius:28px;
background:
linear-gradient(
180deg,
#ffffff 0%,
#eaf7ff 100%
);
border:3px solid #b8dcf5;
box-shadow:
0 0 0 6px #f4fbff,
0 15px 35px rgba(80,150,200,.18);
font-family:'Ownglyph_corncorn';
color:#58758c;
}
/* 장식 */
.lipwoo-notice::before,
.lipwoo-notice::after{
content:'⋅˚₊‧ ଳ ‧₊˚ ⋅';
position:absolute;
color:#ffffff;
opacity:.95;
text-shadow:
0 0 10px rgba(255,255,255,.9);
}
.lipwoo-notice::before{
top:18px;
left:14px;
font-size:12px;
}
.lipwoo-notice::after{
top:20px;
right:14px;
font-size:10px;
}
/* 상단 */
.lipwoo-top{
position:relative;
padding:28px 20px 22px;
text-align:center;
background:
linear-gradient(
180deg,
#c8eaff 0%,
#addcf8 55%,
#95caef 100%
);
}
/* 하트 */
.lipwoo-heart{
position:absolute;
top:14px;
right:18px;
font-size:15px;
color:#ffffff;
text-shadow:
0 0 8px rgba(255,255,255,.8);
}
/* 제목 */
.lipwoo-title{
font-size:28px;
color:#ffffff;
letter-spacing:3px;
text-shadow:
0 0 8px rgba(255,255,255,.8),
0 2px 0 rgba(80,140,190,.25);
}
/* 리본 */
.lipwoo-ribbon{
width:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:#eaf6ff;
border-top:2px dashed #b8dcf5;
border-bottom:2px dashed #b8dcf5;
padding:9px 0;
font-size:18px;
color:#5d86a8;
line-height:1;
}
/* 본문 */
.lipwoo-body{
padding:22px 20px 24px;
}
/* 공지 박스 */
.notice-box{
position:relative;
background:
linear-gradient(
180deg,
#ffffff 0%,
#f2faff 100%
);
border:2px solid #c9e5f8;
border-radius:18px;
padding:16px 16px 15px;
margin-bottom:15px;
box-shadow:
0 5px 12px rgba(80,150,200,.12);
}
/* 구름 */
.notice-box::before{
content:'';
position:absolute;
top:10px;
right:14px;
font-size:14px;
color:#b5d7ef;
}
/* 라벨 */
.notice-title{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
width:100%;
padding:6px 12px;
margin-bottom:8px;
border-radius:999px;
background:#dff1ff;
color:#5780a0;
font-size:18px;
}
/* 반짝 */
.spark{
font-size:12px;
color:#9cc9eb;
animation:spark 1.6s infinite ease-in-out;
}
.spark:first-child{
animation-delay:0s;
}
.spark:last-child{
animation-delay:.8s;
}
@keyframes spark{
0%,100%{
opacity:.3;
transform:scale(.9);
}
50%{
opacity:1;
transform:scale(1.2);
}
}
/* 내용 */
.notice-text{
font-size:17px;
line-height:1.8;
color:#58758c;
}
/* 하단 */
.lipwoo-bottom{
padding:10px;
text-align:center;
background:#eaf6ff;
border-top:2px dashed #b8dcf5;
font-size:13px;
color:#5d86a8;
}
</style>
<div class="lipwoo-notice">
<div class="lipwoo-top">
<div class="lipwoo-heart">
♡
</div>
<div class="lipwoo-title">
최립우 달글
</div>
</div>
<div class="lipwoo-ribbon">
공지 사항
</div>
<div class="lipwoo-body">
<div class="notice-box">
<div class="notice-title">
<span class="spark">✦</span>
마플 자제
<span class="spark">✦</span>
</div>
<div class="notice-text"></div>
</div>
<div class="notice-box">
<div class="notice-title">
<span class="spark">✦</span>
애기어 금지
<span class="spark">✦</span>
</div>
<div class="notice-text"></div>
</div>
</div>
<div class="lipwoo-bottom">
୨୧ welcome to liyu world ୨୧
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.lipwoo-notice,
.lipwoo-notice *{
box-sizing:border-box;
}
/* 전체 */
.lipwoo-notice{
width:88vw;
max-width:340px;
margin:35px auto;
position:relative;
overflow:hidden;
border-radius:28px;
background:
linear-gradient(
180deg,
#ffffff 0%,
#eaf7ff 100%
);
border:3px solid #b8dcf5;
box-shadow:
0 0 0 6px #f4fbff,
0 15px 35px rgba(80,150,200,.18);
font-family:'Ownglyph_corncorn';
color:#58758c;
}
/* 장식 */
.lipwoo-notice::before,
.lipwoo-notice::after{
content:'⋅˚₊‧ ଳ ‧₊˚ ⋅';
position:absolute;
color:#ffffff;
opacity:.95;
text-shadow:
0 0 10px rgba(255,255,255,.9);
}
.lipwoo-notice::before{
top:18px;
left:14px;
font-size:12px;
}
.lipwoo-notice::after{
top:20px;
right:14px;
font-size:10px;
}
/* 상단 */
.lipwoo-top{
position:relative;
padding:28px 20px 22px;
text-align:center;
background:
linear-gradient(
180deg,
#c8eaff 0%,
#addcf8 55%,
#95caef 100%
);
}
/* 하트 */
.lipwoo-heart{
position:absolute;
top:14px;
right:18px;
font-size:15px;
color:#ffffff;
text-shadow:
0 0 8px rgba(255,255,255,.8);
}
/* 제목 */
.lipwoo-title{
font-size:28px;
color:#ffffff;
letter-spacing:3px;
text-shadow:
0 0 8px rgba(255,255,255,.8),
0 2px 0 rgba(80,140,190,.25);
}
/* 리본 */
.lipwoo-ribbon{
width:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:#eaf6ff;
border-top:2px dashed #b8dcf5;
border-bottom:2px dashed #b8dcf5;
padding:9px 0;
font-size:18px;
color:#5d86a8;
line-height:1;
}
/* 본문 */
.lipwoo-body{
padding:22px 20px 24px;
}
/* 공지 박스 */
.notice-box{
position:relative;
background:
linear-gradient(
180deg,
#ffffff 0%,
#f2faff 100%
);
border:2px solid #c9e5f8;
border-radius:18px;
padding:16px 16px 15px;
margin-bottom:15px;
box-shadow:
0 5px 12px rgba(80,150,200,.12);
}
/* 구름 */
.notice-box::before{
content:'';
position:absolute;
top:10px;
right:14px;
font-size:14px;
color:#b5d7ef;
}
/* 라벨 */
.notice-title{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
width:100%;
padding:6px 12px;
margin-bottom:8px;
border-radius:999px;
background:#dff1ff;
color:#5780a0;
font-size:18px;
}
/* 반짝 */
.spark{
font-size:12px;
color:#9cc9eb;
animation:spark 1.6s infinite ease-in-out;
}
.spark:first-child{
animation-delay:0s;
}
.spark:last-child{
animation-delay:.8s;
}
@keyframes spark{
0%,100%{
opacity:.3;
transform:scale(.9);
}
50%{
opacity:1;
transform:scale(1.2);
}
}
/* 내용 */
.notice-text{
font-size:17px;
line-height:1.8;
color:#58758c;
}
/* 하단 */
.lipwoo-bottom{
padding:10px;
text-align:center;
background:#eaf6ff;
border-top:2px dashed #b8dcf5;
font-size:13px;
color:#5d86a8;
}
</style>
<div class="lipwoo-notice">
<div class="lipwoo-top">
<div class="lipwoo-heart">
♡
</div>
<div class="lipwoo-title">
최립우 달글
</div>
</div>
<div class="lipwoo-ribbon">
공지 사항
</div>
<div class="lipwoo-body">
<div class="notice-box">
<div class="notice-title">
<span class="spark">✦</span>
마플 자제
<span class="spark">✦</span>
</div>
<div class="notice-text"></div>
</div>
<div class="notice-box">
<div class="notice-title">
<span class="spark">✦</span>
애기어 금지
<span class="spark">✦</span>
</div>
<div class="notice-text"></div>
</div>
</div>
<div class="lipwoo-bottom">
୨୧ welcome to liyu world ୨୧
</div>
</div></div></div><p style="text-align: left;"><span></span></p><div class="figure-html" data-ke-type="html" data-source="<style>
/* ===== 아이콘 링크 ===== */
.myIconBlock_9831{
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0px;
padding:10px 0 10px 0;
margin-left:-40px; /* 👈 과하면 깨지니까 줄임 */
background:transparent;
}
/* ===== 아이콘 ===== */
.myIconBlock_9831 .icon-btn{
display:block;
margin:0;
padding:0;
}
/* 👇 겹치기 핵심 */
.myIconBlock_9831 .icon-btn + .icon-btn{
margin-top:-40px; /* -20도 가능하지만 -18이 안정적 */
}
/* ===== 이미지 ===== */
.myIconBlock_9831 .icon-btn img{
width:130px;
height:auto;
display:block;
border:0;
}
</style>
<div class="myIconBlock_9831">
<a class="icon-btn" href="https://www.instagram.com/fredr1ck._choi?igsh=OXQyYXNidDg2NXNy" target="_blank">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/70454bce8e6e3a6046ae851a80aa6fbed28f23ba">
</a>
<a class="icon-btn" href="https://artist.mnetplus.world/main/stg/flareu" target="_blank">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/29315a0daca189443c3b4b686d077c05b4febcd0">
</a>
<a class="icon-btn" href="https://flareu.oopy.io" target="_blank">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/5df48b676ea697195250f926d4ffe7b8123c630c">
</a>
<a class="icon-btn" href="" target="_blank">
<img src="">
</a>
</div>
<style>
/* 상단 지우기 */
h3, .cafeview_info {
display: none !important;
}
</style>
<style>
/* 폰트 */
@font-face {
font-family: 'Ownglyph_ParkDaHyun';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2411-3@1.0/Ownglyph_ParkDaHyun.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
*{
color:#fff;
font-family:'Ownglyph_ParkDaHyun', serif !important;
}
</style>"><div data-ke-class="article"><style>
/* ===== 아이콘 링크 ===== */
.myIconBlock_9831{
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0px;
padding:10px 0 10px 0;
margin-left:-40px; /* 👈 과하면 깨지니까 줄임 */
background:transparent;
}
/* ===== 아이콘 ===== */
.myIconBlock_9831 .icon-btn{
display:block;
margin:0;
padding:0;
}
/* 👇 겹치기 핵심 */
.myIconBlock_9831 .icon-btn + .icon-btn{
margin-top:-40px; /* -20도 가능하지만 -18이 안정적 */
}
/* ===== 이미지 ===== */
.myIconBlock_9831 .icon-btn img{
width:130px;
height:auto;
display:block;
border:0;
}
</style>
<div class="myIconBlock_9831">
<a class="icon-btn" href="https://www.instagram.com/fredr1ck._choi?igsh=OXQyYXNidDg2NXNy" target="_blank">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/70454bce8e6e3a6046ae851a80aa6fbed28f23ba">
</a>
<a class="icon-btn" href="https://artist.mnetplus.world/main/stg/flareu" target="_blank">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/29315a0daca189443c3b4b686d077c05b4febcd0">
</a>
<a class="icon-btn" href="https://flareu.oopy.io" target="_blank">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/5df48b676ea697195250f926d4ffe7b8123c630c">
</a>
<a class="icon-btn" href="" target="_blank">
<img src="">
</a>
</div>
<style>
/* 상단 지우기 */
h3, .cafeview_info {
display: none !important;
}
</style>
<style>
/* 폰트 */
@font-face {
font-family: 'Ownglyph_ParkDaHyun';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2411-3@1.0/Ownglyph_ParkDaHyun.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
*{
color:#fff;
font-family:'Ownglyph_ParkDaHyun', serif !important;
}
</style></div></div><p style="text-align: left;"><span></span></p><div class="figure-html" data-ke-type="html" data-source="<style>
/* 씨디 */
html,
body{
margin:0;
padding:0;
overflow-x:hidden;
}
.sky-player,
.sky-player *{
box-sizing:border-box;
font-family:Arial Rounded MT Bold,sans-serif;
}
.sky-player{
width:92%;
max-width:340px;
margin:30px auto;
border-radius:28px;
overflow:hidden;
background:
linear-gradient(#f7fdff,#d8f3ff);
border:2px solid #b4e4ff;
box-shadow:
0 0 0 6px #effaff,
8px 8px 0 #9ed8f5;
}
/* HEADER */
.sky-top{
padding:13px 16px;
display:flex;
justify-content:center;
align-items:center;
background:
linear-gradient(#8ddcff,#4bbbf2);
color:white;
font-size:15px;
}
/* BODY */
.sky-body{
padding:18px;
}
/* CD */
.cd{
position:relative;
width:min(240px,72vw);
aspect-ratio:1;
margin:auto;
border-radius:50%;
background:
radial-gradient(
circle at center,
transparent 0 22px,
rgba(255,255,255,.8) 23px,
transparent 25px
),
repeating-radial-gradient(
circle,
rgba(255,255,255,.45) 0px,
rgba(255,255,255,.12) 2px,
transparent 5px
),
conic-gradient(
#ffffff,
#7fdcff,
#d9f8ff,
#4fc6ff,
#ffffff,
#b8efff,
#ffffff
);
box-shadow:
inset 0 0 35px rgba(255,255,255,.9),
0 10px 25px rgba(80,170,220,.35);
}
/* VIDEO */
.video{
position:absolute;
inset:13.5%;
border-radius:50%;
overflow:hidden;
box-shadow:
0 0 15px rgba(90,210,255,.5);
}
.video iframe{
display:block;
transform:translate3d(0,0,0) scale(1.8);
transform-origin:center;
width:100%;
height:100%;
border:0;
}
/* CD CENTER */
.hole{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:32px;
height:32px;
border-radius:50%;
background:
radial-gradient(
circle,
#fff,
#bdeeff
);
box-shadow:
0 0 8px white,
inset 0 0 6px #74c8ed;
pointer-events:none;
}
/* TITLE */
.title{
text-align:center;
margin:14px 0 4px;
color:#438db8;
font-size:13px;
}
.artist{
text-align:center;
font-size:12px;
color:#78b5d3;
}
/* PLAYER UI */
.ui{
margin-top:15px;
padding:10px;
border-radius:18px;
background:#f7fdff;
border:1px solid #c7ebff;
}
/* BAR */
.bar{
height:10px;
border-radius:20px;
background:#d8f2ff;
overflow:hidden;
}
.fill{
width:60%;
height:100%;
background:
linear-gradient(
90deg,
#58c9ff,
#c9f4ff
);
}
/* TIME */
.time{
display:flex;
justify-content:space-between;
font-size:15px;
color:#72afd0;
margin:7px 0;
}
/* BUTTON */
.btns{
display:flex;
justify-content:center;
gap:10px;
}
.btn{
width:38px;
height:38px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff !important;
border:2px solid #c4eaff;
color:#55a8d0;
font-size:15px;
box-shadow:
0 3px 8px rgba(100,190,230,.25);
}
.play{
width:42px;
height:42px;
background:#73d0ff !important;
color:white;
border-color:#8edcff;
}
/* FOOTER */
.footer{
padding:10px;
text-align:center;
font-size:11px;
color:#70afd0;
}
</style>
<div class="sky-player">
<div class="sky-top">
<span>˚₊ ‧꒰ Playlist ꒱ ‧₊˚</span>
<span></span>
</div>
<div class="sky-body">
<div class="cd">
<div class="video">
<iframe src="https://www.youtube.com/embed/videoseries?list=OLAK5uy_m79gLFCrRwwccVB3RtVv-DgLi0MDB1feA&autoplay=1&loop=1&playsinline=1&rel=0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
</div>
</div>
<div class="title">
⊹ ﹏𓊝﹏𓂁﹏⊹ ˖
</div>
<div class="artist">
</div>
<div class="ui">
<div class="bar">
<div class="fill"></div>
</div>
<div class="time">
<span>1:02</span>
<span>2:01</span>
</div>
<div class="btns">
<div class="btn">
𓇼
</div>
<div class="btn play">
𓆉
</div>
<div class="btn">
𓇼
</div>
</div>
</div>
</div>
<div class="footer">
</div>
</div>"><div data-ke-class="article"><style>
/* 씨디 */
html,
body{
margin:0;
padding:0;
overflow-x:hidden;
}
.sky-player,
.sky-player *{
box-sizing:border-box;
font-family:Arial Rounded MT Bold,sans-serif;
}
.sky-player{
width:92%;
max-width:340px;
margin:30px auto;
border-radius:28px;
overflow:hidden;
background:
linear-gradient(#f7fdff,#d8f3ff);
border:2px solid #b4e4ff;
box-shadow:
0 0 0 6px #effaff,
8px 8px 0 #9ed8f5;
}
/* HEADER */
.sky-top{
padding:13px 16px;
display:flex;
justify-content:center;
align-items:center;
background:
linear-gradient(#8ddcff,#4bbbf2);
color:white;
font-size:15px;
}
/* BODY */
.sky-body{
padding:18px;
}
/* CD */
.cd{
position:relative;
width:min(240px,72vw);
aspect-ratio:1;
margin:auto;
border-radius:50%;
background:
radial-gradient(
circle at center,
transparent 0 22px,
rgba(255,255,255,.8) 23px,
transparent 25px
),
repeating-radial-gradient(
circle,
rgba(255,255,255,.45) 0px,
rgba(255,255,255,.12) 2px,
transparent 5px
),
conic-gradient(
#ffffff,
#7fdcff,
#d9f8ff,
#4fc6ff,
#ffffff,
#b8efff,
#ffffff
);
box-shadow:
inset 0 0 35px rgba(255,255,255,.9),
0 10px 25px rgba(80,170,220,.35);
}
/* VIDEO */
.video{
position:absolute;
inset:13.5%;
border-radius:50%;
overflow:hidden;
box-shadow:
0 0 15px rgba(90,210,255,.5);
}
.video iframe{
display:block;
transform:translate3d(0,0,0) scale(1.8);
transform-origin:center;
width:100%;
height:100%;
border:0;
}
/* CD CENTER */
.hole{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:32px;
height:32px;
border-radius:50%;
background:
radial-gradient(
circle,
#fff,
#bdeeff
);
box-shadow:
0 0 8px white,
inset 0 0 6px #74c8ed;
pointer-events:none;
}
/* TITLE */
.title{
text-align:center;
margin:14px 0 4px;
color:#438db8;
font-size:13px;
}
.artist{
text-align:center;
font-size:12px;
color:#78b5d3;
}
/* PLAYER UI */
.ui{
margin-top:15px;
padding:10px;
border-radius:18px;
background:#f7fdff;
border:1px solid #c7ebff;
}
/* BAR */
.bar{
height:10px;
border-radius:20px;
background:#d8f2ff;
overflow:hidden;
}
.fill{
width:60%;
height:100%;
background:
linear-gradient(
90deg,
#58c9ff,
#c9f4ff
);
}
/* TIME */
.time{
display:flex;
justify-content:space-between;
font-size:15px;
color:#72afd0;
margin:7px 0;
}
/* BUTTON */
.btns{
display:flex;
justify-content:center;
gap:10px;
}
.btn{
width:38px;
height:38px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff !important;
border:2px solid #c4eaff;
color:#55a8d0;
font-size:15px;
box-shadow:
0 3px 8px rgba(100,190,230,.25);
}
.play{
width:42px;
height:42px;
background:#73d0ff !important;
color:white;
border-color:#8edcff;
}
/* FOOTER */
.footer{
padding:10px;
text-align:center;
font-size:11px;
color:#70afd0;
}
</style>
<div class="sky-player">
<div class="sky-top">
<span>˚₊ ‧꒰ Playlist ꒱ ‧₊˚</span>
<span></span>
</div>
<div class="sky-body">
<div class="cd">
<div class="video">
<iframe src="https://www.youtube.com/embed/videoseries?list=OLAK5uy_m79gLFCrRwwccVB3RtVv-DgLi0MDB1feA&autoplay=1&loop=1&playsinline=1&rel=0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="title">
⊹ ﹏𓊝﹏𓂁﹏⊹ ˖
</div>
<div class="artist">
</div>
<div class="ui">
<div class="bar">
<div class="fill"></div>
</div>
<div class="time">
<span>1:02</span>
<span>2:01</span>
</div>
<div class="btns">
<div class="btn">
𓇼
</div>
<div class="btn play">
𓆉
</div>
<div class="btn">
𓇼
</div>
</div>
</div>
</div>
<div class="footer">
</div>
</div></div></div><p style="text-align: left;"><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
🐚: 리부등장!
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/8db65b89c2c4e590a91e570a1b0c0fd381d0da06">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/f6bb91625645a3e7f999ce504d60b1cd44877177">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/10d72a858f4f07e385dc1b5f281e10e59d20600a">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/bcfb723de6f9be963bc40a0504f07fd6f66303ba">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
🐚: 리부등장!
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/8db65b89c2c4e590a91e570a1b0c0fd381d0da06">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/f6bb91625645a3e7f999ce504d60b1cd44877177">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/10d72a858f4f07e385dc1b5f281e10e59d20600a">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/bcfb723de6f9be963bc40a0504f07fd6f66303ba">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div></div></div><p style="text-align: left;"><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
까먹고 인스타에 안 올린 것들
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/df534b56098ea8e90f87c8bd81007358ba6ff2b1">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/c4891cba99acaa825265dd2c8fca9a9314779847">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/4578077846adf6b04f5f396f65b58e7888227a9b">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
까먹고 인스타에 안 올린 것들
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/df534b56098ea8e90f87c8bd81007358ba6ff2b1">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/c4891cba99acaa825265dd2c8fca9a9314779847">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/4578077846adf6b04f5f396f65b58e7888227a9b">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div></div></div><p style="text-align: left;"><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
~~~
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/a7b58c3fc46fa727eb3cfae6e22f299314344ae2">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/977c3a9f21791c0428c3f46c68e4e3907a599532">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/04b7326df41a9c42df1d448346174b84fd703272">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
~~~
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/a7b58c3fc46fa727eb3cfae6e22f299314344ae2">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/977c3a9f21791c0428c3f46c68e4e3907a599532">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/04b7326df41a9c42df1d448346174b84fd703272">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div></div></div><p style="text-align: left;"><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
셀카예요
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/9f2599dfb28144fc273c18981df56427e39b9bce">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/fbb680c50e4a4272244261bf13589de2945b614a">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/421dd79de133f446aa2cf7648612e4cd7e3b9861">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/9aa17e8c6c7d1a846f49edf6b44beca3939508f3">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/d2f88f07ce8ff8d2dd9ab42ac254f5cb571cfb23">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
셀카예요
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/9f2599dfb28144fc273c18981df56427e39b9bce">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/fbb680c50e4a4272244261bf13589de2945b614a">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/421dd79de133f446aa2cf7648612e4cd7e3b9861">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/9aa17e8c6c7d1a846f49edf6b44beca3939508f3">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/d2f88f07ce8ff8d2dd9ab42ac254f5cb571cfb23">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div></div></div><p style="text-align: left;"><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
Me & fendi 🤎🩵
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/bcc3004c83f595643eb128b5476cf0108a073a2c">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/a0216d2c61b4ad9cc1e8a450b755c222cd3ab122">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/8a17f0428fcf4da2af10e226271bb270e9e17646">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/79969b3cc6b35626fd6db6ca1e4a0e9e033e64b8">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/525cec45dfa144e82e378322f31cb4b813e57a7d">
<div class="caption">
따뜻했어요
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
Me & fendi 🤎🩵
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/bcc3004c83f595643eb128b5476cf0108a073a2c">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/a0216d2c61b4ad9cc1e8a450b755c222cd3ab122">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/8a17f0428fcf4da2af10e226271bb270e9e17646">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/79969b3cc6b35626fd6db6ca1e4a0e9e033e64b8">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/525cec45dfa144e82e378322f31cb4b813e57a7d">
<div class="caption">
따뜻했어요
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div></div></div><p style="text-align: left;"> <br></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
어제의 setlog ~~
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/b7b83822ef73e195901727d9225b2611ba079e9f">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/e3daf387e8814a057acb0ee8153059ce0d2d0241">
<div class="caption">
리부로그
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
어제의 setlog ~~
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/b7b83822ef73e195901727d9225b2611ba079e9f">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/e3daf387e8814a057acb0ee8153059ce0d2d0241">
<div class="caption">
리부로그
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div></div></div><p style="text-align: left;"><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
Hi this s Fredrick🐰🐰
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/2461b3f4c5552277f0a14beec425fbe2be0649ed">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/c1e3c7c75049252818419dab9b4395c5ae2d74fc">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/7bb9e7d60b408a60e4939b19786d6882b72fd2fe">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/eaebab2cb28334bff7089fbef7653e3888754cbf">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div>"><div data-ke-class="article"><style>
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
}
.deepsea-album{
width:92%;
max-width:400px;
margin:20px auto;
background:
linear-gradient(
180deg,
#eafaff 0%,
#c8f1ff 45%,
#91d8ff 100%
);
border:3px solid #7fd7ff;
border-radius:30px;
box-shadow:
0 0 25px rgba(70,190,255,.35),
inset 0 0 35px rgba(255,255,255,.7);
overflow:hidden;
position:relative;
isolation:isolate;
}
/* 장식 */
.corner{
position:absolute;
color:white;
opacity:.9;
z-index:3;
font-size:12px;
}
.c1{top:12px;left:14px;}
.c2{top:12px;right:14px;}
.c3{bottom:12px;left:14px;}
.c4{bottom:12px;right:14px;}
/* HEADER */
.album-header{
padding:14px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.75),
rgba(255,255,255,.2)
);
border-bottom:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
.ocean-stars{
color:white;
font-size:11px;
letter-spacing:8px;
margin-bottom:4px;
}
.album-sub{
color:#429bc5;
font-size:10px;
letter-spacing:4px;
}
.album-title{
font-family:'Ownglyph_corncorn';
color:white;
font-size:22px;
margin-top:4px;
text-shadow:
0 0 10px rgba(60,190,255,.8);
}
/* 사진 스크롤 */
.album-scroll{
height:380px;
overflow-y:auto;
padding:15px;
box-sizing:border-box;
position:relative;
}
.album-scroll::-webkit-scrollbar{
width:5px;
}
.album-scroll::-webkit-scrollbar-thumb{
background:#70d2ff;
border-radius:10px;
}
/* 기포 */
.bubble{
position:absolute;
width:12px;
height:12px;
border-radius:50%;
background:
radial-gradient(
circle at 30% 30%,
white,
rgba(120,220,255,.7)
);
box-shadow:
0 0 10px rgba(255,255,255,.8);
animation:float 8s linear infinite;
pointer-events:none;
z-index:1;
}
.b1{
left:10%;
bottom:20px;
}
.b2{
left:35%;
bottom:40px;
width:18px;
height:18px;
animation-delay:2s;
}
.b3{
left:65%;
bottom:25px;
width:14px;
height:14px;
animation-delay:4s;
}
.b4{
left:85%;
bottom:35px;
width:20px;
height:20px;
animation-delay:1s;
}
@keyframes float{
0%{
transform:translateY(0);
opacity:0;
}
15%{
opacity:1;
}
100%{
transform:translateY(-550px);
opacity:0;
}
}
/* 사진 */
.deep-photo{
width:100%;
margin-bottom:18px;
position:relative;
z-index:2;
border:
2px solid rgba(255,255,255,.9);
border-radius:18px;
box-sizing:border-box;
box-shadow:
0 0 15px rgba(60,190,255,.4),
0 0 30px rgba(255,255,255,.35);
overflow:hidden;
}
.deep-photo img{
display:block;
width:100%;
height:auto;
border:none;
border-radius:0;
}
/* 캡션 */
.caption{
text-align:center;
color:#2582ad;
font-family:'Ownglyph_corncorn';
font-size:20px;
margin-top:8px;
letter-spacing:1px;
}
/* FOOTER */
.album-footer{
padding:12px;
text-align:center;
color:#258dc0;
font-size:11px;
border-top:
1px solid rgba(80,190,255,.35);
position:relative;
z-index:2;
}
</style>
<div class="deepsea-album">
<div class="corner c1">✦</div>
<div class="corner c2">✦</div>
<div class="corner c3">✦</div>
<div class="corner c4">✦</div>
<div class="album-header">
<div class="ocean-stars">
✦ ⋆ ✦
</div>
<div class="album-sub">
</div>
<div class="album-title">
Hi this s Fredrick🐰🐰
</div>
</div>
<div class="album-scroll">
<span class="bubble b1"></span>
<span class="bubble b2"></span>
<span class="bubble b3"></span>
<span class="bubble b4"></span>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/2461b3f4c5552277f0a14beec425fbe2be0649ed">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/c1e3c7c75049252818419dab9b4395c5ae2d74fc">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/7bb9e7d60b408a60e4939b19786d6882b72fd2fe">
<div class="caption">
</div>
</div>
<div class="deep-photo">
<img src="https://t1.daumcdn.net/cafeattach/1VrFC/eaebab2cb28334bff7089fbef7653e3888754cbf">
<div class="caption">
</div>
</div>
</div>
<div class="album-footer">
𓇼 𓆉 𓆡 𓇼
</div>
</div></div></div><p style="text-align: left;"><br><br><br><br><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
/* 편지 */
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://t1.daumcdn.net/cafeattach/1VrFC/36acc7ce453c031ec63ce6374ae7548b773353ae') format('woff2');
}
/* 🫙 병 전체 */
.bottle-wrap{
width:100%;
max-width:520px;
margin:0 auto;
padding:0;
text-align:center;
font-family:'Ownglyph_corncorn';
}
/* 🫙 병 영역 */
.glass-bottle{
position:relative;
width:110%;
margin-left:-5%;
}
.glass-bottle img.frame{
width:100%;
height:auto;
display:block;
}
/* ⭐ 별모양 병 */
.glass-bottle img.frame{
width:170%;
max-width:none;
height:auto;
display:block;
margin-left:-35%;
}
/* 📜 편지 */
.paper{
position:absolute;
top:40%;
left:50%;
transform:translateX(-50%);
width:43%;
height:43%;
padding:12px;
box-sizing:border-box;
background:
repeating-linear-gradient(
to bottom,
#fffdf8,
#fffdf8 27px,
#f1e8d7 28px
);
border:1px solid #eadfca;
border-radius:14px;
overflow-y:auto;
color:#7f7668;
font-size:15px;
line-height:27px;
text-align:left;
box-shadow:
0 8px 20px rgba(0,0,0,.12);
}
.paper::-webkit-scrollbar{
width:4px;
}
.paper::-webkit-scrollbar-thumb{
background:#d8cbb8;
border-radius:10px;
}
</style>
<div class="bottle-wrap">
<div class="glass-bottle">
<img class="frame" src="https://t1.daumcdn.net/cafeattach/1VrFC/676aef65af34df8c283d14624d49f44770be8f4a">
<div class="paper">
U’RE들!!안녕!! 잘 지냈지?!?! <br>
활동 끝나자마자 보고 싶어졌네요.. 이번 플레어유의 시작은 여러분들과 함께 할 수 있어서 너무 다행이고 행복했어요 <br>
플레어유 데뷔도 전에 KCON도 있었고 저의 솔로 활동도 있었고 스케줄을 다니면서 이 모든 걸 하나하나 다 지켜보려면 또 얼마나 힘든지 저도 너무 잘 알고 있어요 <br>
하지만 저희 앞에서 힘들다고 절대 표현 안 하고 항상 열정 가득한 응원으로만 응답해주시는데 이건 정말 대단하고 정말 사랑해야 할 수 있는 거잖아요? <br>
그거 생각하니까 제가 또다시 이런 생각을 하게 되더라고요 <br>
이 어마어마한 사랑은 진짜 어떻게 나한테 찾아오게 되는걸까 <br>
그리고 항상 얘기하는데 제가 위로를 줄 수 있는 존재가 되고 싶다는데 근데 여러분이 먼저 저의 위로가 되어줘 버리고 그것 또 어떻게 보답해야 할까..<br><br>
나를 빛나는 별로 만들어주는 <br>
U’RE아☺ <br>
제게 그런 말을 하더라고요 립우가 눈에 별이 있다고 근데 그건 제 눈에 여러분이 있기 때문에 그런 거예요 <br>
사랑한다는 말 백만번 해도 부족하지만 정말 사랑합니다! <br>
미래에도 여러분들과 길을 걷고 싶고 같이 노래 부르고 싶고 꿈도 하나하나 이루고 싶어요!! 정말 고생 많았어요!! <br>
여러분의 빛나는 별이 될 수 있게 계속계속 노력할게요!! <br><br>
그리고 오늘은 보플 비주얼 포스터 공개 1주년이래여… 시간이 너무 빠른 것 같지 않아요..? <br>
어떻게 보면 제가 여러분들과 만난지 1년이 됐다는 거잖아요! 너무 믿기지 않다…ㅎㅎㅎ <br>
앞으로의 최립우도 잘 부탁드리겠습니다!! 플레어유도 잘 부탁드리겠습니다!!☺️
</div>
</div>
</div>"><div data-ke-class="article"><style>
/* 편지 */
@font-face{
font-family:'Ownglyph_corncorn';
src:url('https://t1.daumcdn.net/cafeattach/1VrFC/36acc7ce453c031ec63ce6374ae7548b773353ae') format('woff2');
}
/* 🫙 병 전체 */
.bottle-wrap{
width:100%;
max-width:520px;
margin:0 auto;
padding:0;
text-align:center;
font-family:'Ownglyph_corncorn';
}
/* 🫙 병 영역 */
.glass-bottle{
position:relative;
width:110%;
margin-left:-5%;
}
.glass-bottle img.frame{
width:100%;
height:auto;
display:block;
}
/* ⭐ 별모양 병 */
.glass-bottle img.frame{
width:170%;
max-width:none;
height:auto;
display:block;
margin-left:-35%;
}
/* 📜 편지 */
.paper{
position:absolute;
top:40%;
left:50%;
transform:translateX(-50%);
width:43%;
height:43%;
padding:12px;
box-sizing:border-box;
background:
repeating-linear-gradient(
to bottom,
#fffdf8,
#fffdf8 27px,
#f1e8d7 28px
);
border:1px solid #eadfca;
border-radius:14px;
overflow-y:auto;
color:#7f7668;
font-size:15px;
line-height:27px;
text-align:left;
box-shadow:
0 8px 20px rgba(0,0,0,.12);
}
.paper::-webkit-scrollbar{
width:4px;
}
.paper::-webkit-scrollbar-thumb{
background:#d8cbb8;
border-radius:10px;
}
</style>
<div class="bottle-wrap">
<div class="glass-bottle">
<img class="frame" src="https://t1.daumcdn.net/cafeattach/1VrFC/676aef65af34df8c283d14624d49f44770be8f4a">
<div class="paper">
U’RE들!!안녕!! 잘 지냈지?!?! <br>
활동 끝나자마자 보고 싶어졌네요.. 이번 플레어유의 시작은 여러분들과 함께 할 수 있어서 너무 다행이고 행복했어요 <br>
플레어유 데뷔도 전에 KCON도 있었고 저의 솔로 활동도 있었고 스케줄을 다니면서 이 모든 걸 하나하나 다 지켜보려면 또 얼마나 힘든지 저도 너무 잘 알고 있어요 <br>
하지만 저희 앞에서 힘들다고 절대 표현 안 하고 항상 열정 가득한 응원으로만 응답해주시는데 이건 정말 대단하고 정말 사랑해야 할 수 있는 거잖아요? <br>
그거 생각하니까 제가 또다시 이런 생각을 하게 되더라고요 <br>
이 어마어마한 사랑은 진짜 어떻게 나한테 찾아오게 되는걸까 <br>
그리고 항상 얘기하는데 제가 위로를 줄 수 있는 존재가 되고 싶다는데 근데 여러분이 먼저 저의 위로가 되어줘 버리고 그것 또 어떻게 보답해야 할까..<br><br>
나를 빛나는 별로 만들어주는 <br>
U’RE아☺ <br>
제게 그런 말을 하더라고요 립우가 눈에 별이 있다고 근데 그건 제 눈에 여러분이 있기 때문에 그런 거예요 <br>
사랑한다는 말 백만번 해도 부족하지만 정말 사랑합니다! <br>
미래에도 여러분들과 길을 걷고 싶고 같이 노래 부르고 싶고 꿈도 하나하나 이루고 싶어요!! 정말 고생 많았어요!! <br>
여러분의 빛나는 별이 될 수 있게 계속계속 노력할게요!! <br><br>
그리고 오늘은 보플 비주얼 포스터 공개 1주년이래여… 시간이 너무 빠른 것 같지 않아요..? <br>
어떻게 보면 제가 여러분들과 만난지 1년이 됐다는 거잖아요! 너무 믿기지 않다…ㅎㅎㅎ <br>
앞으로의 최립우도 잘 부탁드리겠습니다!! 플레어유도 잘 부탁드리겠습니다!!☺️
</div>
</div>
</div></div></div><p style="text-align: left;"><br><br></p><div class="figure-html" data-ke-type="html" data-source="<style>
/* =========================
댓글 전체 투명 + 안정화
========================= */
body{
background:transparent;
}
/* 댓글 전체 */
.cafeview_cmt{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
padding:0 !important;
}
/* 기본 박스 투명 */
.bg_mine,
.list_comment li,
.cafeview_cmt,
.cmt_wrap,
.cmt_wrap_inner,
.cmt_info,
.desc_cmt,
.allcmtwrap{
background:transparent !important;
box-shadow:none !important;
border:none !important;
}
/* =========================
댓글 한 줄 정렬
========================= */
.cafeview_cmt li{
padding:8px 0 !important;
margin:0 !important;
}
.cafeview_cmt li .cmt_wrap_inner{
display:flex !important;
align-items:flex-start !important;
gap:4px !important;
position:relative;
}
/* =========================
프로필 영역
========================= */
.cafeview_cmt li > .cmt_wrap_inner > *:nth-child(1){
width:58px !important;
min-width:58px !important;
height:58px !important;
position:relative;
flex-shrink:0 !important;
overflow:hidden;
}
/* 기존 프로필 숨김 */
.cafeview_cmt li > .cmt_wrap_inner > *:nth-child(1) img{
opacity:0 !important;
}
/* =========================
커스텀 프로필 이미지
========================= */
.cafeview_cmt li > .cmt_wrap_inner > *:nth-child(1)::before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:58px;
height:58px;
background-image:url('https://t1.daumcdn.net/cafeattach/1VrFC/de3e5e4bb59982db5faf5558df5218984b2ceaa8');
background-repeat:no-repeat;
background-position:center;
background-size:contain;
border-radius:50%;
}
/* =========================
댓글 영역
========================= */
.cafeview_cmt li .cmt_wrap_inner{
margin-left:-1px !important;
}
position:relative;
z-index:1;
}
/* 댓글 내용 */
.desc_cmt{
margin-top:0px !important;
line-height:1.5 !important;
word-break:break-word;
}
/* =========================
댓글쓰기 버튼
========================= */
#writeAComment{
width:150px !important;
height:60px !important;
background:url('')
no-repeat center / contain !important;
border:none !important;
font-size:0 !important;
box-shadow:none !important;
}
#writeAComment span{
display:none !important;
}
/* =========================
공통 숨김
========================= */
#comment_empty,
.cafeview_cmt > *:nth-child(1),
.cafeview_cmt .reply_on > div > *:nth-child(1),
.cafeview_cmt > span,
.cafeview_cmt .cmt_info > *,
.cafeview_cmt .desc_cmt span:not(.deletedCmt):not(.txt_secret),
#cafeview_paging,
.banner_wrapper{
display:none !important;
}
/* 비밀댓글 유지 */
.secret_wrap{
display:block !important;
}
</style>"><div data-ke-class="article"><style>
/* =========================
댓글 전체 투명 + 안정화
========================= */
body{
background:transparent;
}
/* 댓글 전체 */
.cafeview_cmt{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
padding:0 !important;
}
/* 기본 박스 투명 */
.bg_mine,
.list_comment li,
.cafeview_cmt,
.cmt_wrap,
.cmt_wrap_inner,
.cmt_info,
.desc_cmt,
.allcmtwrap{
background:transparent !important;
box-shadow:none !important;
border:none !important;
}
/* =========================
댓글 한 줄 정렬
========================= */
.cafeview_cmt li{
padding:8px 0 !important;
margin:0 !important;
}
.cafeview_cmt li .cmt_wrap_inner{
display:flex !important;
align-items:flex-start !important;
gap:4px !important;
position:relative;
}
/* =========================
프로필 영역
========================= */
.cafeview_cmt li > .cmt_wrap_inner > *:nth-child(1){
width:58px !important;
min-width:58px !important;
height:58px !important;
position:relative;
flex-shrink:0 !important;
overflow:hidden;
}
/* 기존 프로필 숨김 */
.cafeview_cmt li > .cmt_wrap_inner > *:nth-child(1) img{
opacity:0 !important;
}
/* =========================
커스텀 프로필 이미지
========================= */
.cafeview_cmt li > .cmt_wrap_inner > *:nth-child(1)::before{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:58px;
height:58px;
background-image:url('https://t1.daumcdn.net/cafeattach/1VrFC/de3e5e4bb59982db5faf5558df5218984b2ceaa8');
background-repeat:no-repeat;
background-position:center;
background-size:contain;
border-radius:50%;
}
/* =========================
댓글 영역
========================= */
.cafeview_cmt li .cmt_wrap_inner{
margin-left:-1px !important;
}
position:relative;
z-index:1;
}
/* 댓글 내용 */
.desc_cmt{
margin-top:0px !important;
line-height:1.5 !important;
word-break:break-word;
}
/* =========================
댓글쓰기 버튼
========================= */
#writeAComment{
width:150px !important;
height:60px !important;
background:url('')
no-repeat center / contain !important;
border:none !important;
font-size:0 !important;
box-shadow:none !important;
}
#writeAComment span{
display:none !important;
}
/* =========================
공통 숨김
========================= */
#comment_empty,
.cafeview_cmt > *:nth-child(1),
.cafeview_cmt .reply_on > div > *:nth-child(1),
.cafeview_cmt > span,
.cafeview_cmt .cmt_info > *,
.cafeview_cmt .desc_cmt span:not(.deletedCmt):not(.txt_secret),
#cafeview_paging,
.banner_wrapper{
display:none !important;
}
/* 비밀댓글 유지 */
.secret_wrap{
display:block !important;
}
</style></div></div><p style="text-align: left;"><br><br><br><br><br><br><br></p><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div><div class="figure-html" data-ke-type="html" data-source="<!-- -->"><div data-ke-class="article"><!-- --></div></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
· 덕구네 마약방석
🍒🐰🍒⑨
추천 0
조회 11,376
26.07.11 13:03
댓글 9994
다음검색
어떡해……
그냥 허공에 휘두르기만 하면 된다 리부야
언제 나오려나 떨려
애들이 시구하니까 경기도 잘됐으면 좋겠음 같이 응원하고싶음
ㄹㅇ
이제... 하나....?
헉 이제 하나봐
아 떨려
승요가자
리부 떨리겠다 ㅋㅋㅋㅋㅋㅋㅋㅋ
내가 토할거같음
립우 애국가 들어본적 있으려나
아
아 머야 광고
아니 잠시만요 시구 언제해요
광고뭐야
쉽지 않네
헉 나옴
한다ㅏ
갹 ㅁㅊ
ㅅㅂ ㅋㅋㅋㅋㅋㅋㅋㅋ 쓰다듬어줌
아 ㄱㅇㅇ
아ㅁㅊ
보이그룹ㅋㅋㅋㅋㅋㅋ
미소년ㅅㅂㅋㅋㅋ
두명도 그룹으로 쳐주는구나
아 잘생겻다
고와요ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
오
끝??
잘은 모르지만 우리 듀오 잘 던진 거 같아요
아 끝이야?
끝?
아 귀여워
ㅇㅇ끝임 잘햇다
정말 순식간이군아...
삭제된 댓글 입니다.
ㄱㅅㄱㅅ 봐야겠다ㅎ
아 끌까 했는데 계속 봐야겠다
타이트하게 하네
티빙 아예 구독해야지 보인다고 나오네ㅜ
아니 우리 잘한 건가봐 야구팬분들이 개잘던졌댘ㅋㅋㅋㅋㅋㅋ (립우는 휘둘르기만 했다는 말은 ㄴㄴ)
https://m.cafe.daum.net/ok1221/4Don/8088239?svc=cafeapp 담달
https://x.com/zeroszml/status/2087479651396698258?s=46
립우 바보같애..