커플 20문 20답
[[HTML]]
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>커플 20문답 — 도은하 ♥ 서안나</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
<style>
:root{
--navy:#1c2a4d;
--navy-deep:#131d38;
--navy-soft:#3a4f85;
--navy-tint:#e8ecf6;
--lav:#a68fd8;
--lav-deep:#7d63b8;
--lav-soft:#c9b8ec;
--lav-tint:#f3eefb;
--ink:#22243a;
--paper:#faf9fd;
--line:rgba(34,36,58,.08);
--radius:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
background:var(--paper);
color:var(--ink);
line-height:1.7;
-webkit-font-smoothing:antialiased;
}
/* ── ambient background ── */
.bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:
linear-gradient(160deg,#f7f6fc 0%,#f2f0fa 45%,#eef1f8 100%);}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift 22s ease-in-out infinite alternate;}
.orb.n1{width:46vmax;height:46vmax;left:-14vmax;top:-16vmax;background:radial-gradient(circle,#c3cdea 0%,transparent 70%);}
.orb.n2{width:38vmax;height:38vmax;right:-12vmax;top:22vh;background:radial-gradient(circle,#ddd1f3 0%,transparent 70%);animation-delay:-8s;animation-duration:28s;}
.orb.n3{width:34vmax;height:34vmax;left:8vw;bottom:-14vmax;background:radial-gradient(circle,#cfd8ee 0%,transparent 70%);animation-delay:-15s;animation-duration:26s;}
@keyframes drift{
0%{transform:translate(0,0) scale(1)}
100%{transform:translate(5vmax,4vmax) scale(1.12)}
}
/* ── stars floating ── */
.spark{position:fixed;z-index:-1;font-size:11px;color:#b9aade;opacity:0;animation:twinkle 6s ease-in-out infinite;}
@keyframes twinkle{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:.65;transform:translateY(-14px)}}
/* ── hero ── */
header{
min-height:78vh;
display:flex;flex-direction:column;justify-content:center;align-items:center;
text-align:center;padding:80px 24px 60px;position:relative;
}
.eyebrow{
font-size:12px;letter-spacing:.42em;text-transform:uppercase;
color:#8b84a8;margin-bottom:26px;font-weight:600;
animation:fadeUp 1s .1s both;
}
.hero-names{
display:flex;align-items:center;gap:clamp(14px,4vw,34px);
animation:fadeUp 1s .3s both;
}
.hero-name{
font-size:clamp(38px,9vw,84px);
font-weight:800;letter-spacing:-.03em;line-height:1.1;
}
.hero-name.eunha{color:var(--navy);}
.hero-name.anna{color:var(--lav-deep);}
.hero-heart{
font-size:clamp(20px,4vw,36px);
background:linear-gradient(135deg,var(--navy) 30%,var(--lav) 70%);
-webkit-background-clip:text;background-clip:text;color:transparent;
animation:beat 2.4s ease-in-out infinite;
}
@keyframes beat{0%,100%{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}36%{transform:scale(1.14)}48%{transform:scale(1)}}
.hero-sub{
margin-top:30px;font-size:clamp(15px,2.4vw,18px);color:#6d6a86;
animation:fadeUp 1s .5s both;
}
.hero-tags{
margin-top:22px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
animation:fadeUp 1s .65s both;
}
.tag{
font-size:12.5px;font-weight:600;padding:7px 16px;border-radius:100px;letter-spacing:.02em;
}
.tag.t-navy{background:var(--navy-tint);color:var(--navy);}
.tag.t-lav{background:var(--lav-tint);color:var(--lav-deep);}
.scroll-hint{
position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
font-size:11px;letter-spacing:.3em;color:#a29dbd;
animation:hint 2.2s ease-in-out infinite;
}
@keyframes hint{0%,100%{transform:translate(-50%,0);opacity:.5}50%{transform:translate(-50%,8px);opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
/* ── legend bar ── */
.top-eyebrow{
text-align:center;
padding:80px 22px 0;margin:0 auto 18px;
font-size:12px;letter-spacing:.42em;text-transform:uppercase;
color:#8b84a8;font-weight:600;
animation:fadeUp 1s .1s both;
}
.hero-names{justify-content:center;margin:0 auto 64px;animation:fadeUp 1s .3s both;}
/* ── question cards ── */
main{max-width:1060px;margin:0 auto;padding:0 22px 60px;}
.q-card{
margin-bottom:64px;
animation:rise .9s cubic-bezier(.22,.7,.3,1) both;
}
@keyframes rise{
from{opacity:0;transform:translateY(90px) scale(.94);filter:blur(6px)}
55%{opacity:1;filter:blur(0)}
to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
/* 카드가 한 장씩 차례로 떠오름 — 모든 브라우저에서 동작 */
.q-card:nth-child(1){animation-delay:0.15s}
.q-card:nth-child(2){animation-delay:0.60s}
.q-card:nth-child(3){animation-delay:1.05s}
.q-card:nth-child(4){animation-delay:1.50s}
.q-card:nth-child(5){animation-delay:1.95s}
.q-card:nth-child(6){animation-delay:2.40s}
.q-card:nth-child(7){animation-delay:2.85s}
.q-card:nth-child(8){animation-delay:3.30s}
.q-card:nth-child(9){animation-delay:3.75s}
.q-card:nth-child(10){animation-delay:4.20s}
.q-card:nth-child(11){animation-delay:4.65s}
.q-card:nth-child(12){animation-delay:5.10s}
.q-card:nth-child(13){animation-delay:5.55s}
.q-card:nth-child(14){animation-delay:6.00s}
.q-card:nth-child(15){animation-delay:6.45s}
.q-card:nth-child(16){animation-delay:6.90s}
.q-card:nth-child(17){animation-delay:7.35s}
.q-card:nth-child(18){animation-delay:7.80s}
.q-card:nth-child(19){animation-delay:8.25s}
.q-card:nth-child(20){animation-delay:8.70s}
/* 스크립트가 살아있을 때: 원래의 스크롤 감지 방식 그대로 */
html.io .q-card,
html.io .q-card .answer{animation:none!important;filter:none;}
html.io .q-card{
opacity:0;transform:translateY(40px);
transition:opacity .85s cubic-bezier(.22,.7,.3,1),transform .85s cubic-bezier(.22,.7,.3,1);
}
html.io .q-card.show{opacity:1;transform:translateY(0);}
/* 스크롤 연동 지원 브라우저: 카드가 화면에 들어올 때 둥 떠오름 */
@supports (animation-timeline: view()){
.q-card{
animation-name:rise;
animation-duration:auto;
animation-timing-function:cubic-bezier(.16,.85,.3,1);
animation-fill-mode:both;
animation-iteration-count:1;
animation-delay:0s;
animation-timeline:view();
animation-range:entry 5% cover 40%;
}
.q-card:nth-child(n){animation-delay:0s;}
}
.q-head{
text-align:center;margin-bottom:26px;position:relative;
}
.q-num{
display:inline-flex;align-items:center;justify-content:center;
font-size:12px;font-weight:800;letter-spacing:.14em;
color:#8b84a8;margin-bottom:12px;
border:1.5px solid #d9d4ea;border-radius:100px;padding:5px 16px;
background:#fff;
}
.q-title{
font-size:clamp(19px,3.2vw,25px);font-weight:800;letter-spacing:-.02em;
line-height:1.4;
background:linear-gradient(100deg,var(--navy) 20%,var(--lav-deep) 80%);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.q-body{
display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;
}
.q-body::before{
content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;
background:linear-gradient(180deg,transparent,#d8d2ea 30%,#d8d2ea 70%,transparent);
transform:translateX(-50%);
}
.answer{
border-radius:var(--radius);padding:26px 26px 24px;
position:relative;overflow:hidden;
background:#fff;
box-shadow:0 10px 34px rgba(34,36,58,.07);
border:1px solid var(--line);
transition:transform .35s ease,box-shadow .35s ease;
}
.answer:hover{box-shadow:0 18px 44px rgba(34,36,58,.13);}
.answer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;}
.answer.a-eunha::before{background:linear-gradient(180deg,var(--navy-soft),var(--navy-deep));}
.answer.a-anna::before{background:linear-gradient(180deg,var(--lav-soft),var(--lav-deep));}
.answer.a-eunha{background:linear-gradient(150deg,#fff 55%,var(--navy-tint) 140%);}
.answer.a-anna{background:linear-gradient(150deg,#fff 55%,var(--lav-tint) 140%);}
.who{
display:flex;align-items:center;gap:10px;margin-bottom:14px;
}
.avatar{
width:34px;height:34px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-size:14px;font-weight:800;color:#fff;flex-shrink:0;
}
.a-eunha .avatar{background:linear-gradient(135deg,var(--navy-soft),var(--navy-deep));}
.a-anna .avatar{background:linear-gradient(135deg,var(--lav-soft),var(--lav-deep));}
.who-name{font-size:15px;font-weight:800;letter-spacing:-.01em;}
.a-eunha .who-name{color:var(--navy);}
.a-anna .who-name{color:var(--lav-deep);}
.ans-main{
font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px;line-height:1.6;
}
.a-eunha .ans-main{color:#20293f;}
.a-anna .ans-main{color:#3a2f52;}
.ans-note{
font-size:13.8px;color:#67647e;line-height:1.75;
border-top:1px dashed #e3def0;padding-top:12px;
}
/* final one-liner cards */
.q-card.final .ans-main{font-weight:600;font-size:15px;line-height:1.8;}
/* ── footer ── */
footer{
text-align:center;padding:30px 24px 90px;color:#a29dbd;font-size:12.5px;letter-spacing:.06em;
}
footer .f-heart{
display:inline-block;margin-bottom:10px;font-size:18px;
background:linear-gradient(135deg,var(--navy),var(--lav));
-webkit-background-clip:text;background-clip:text;color:transparent;
}
/* ── mobile ── */
@media (max-width:720px){
header{min-height:66vh;padding:70px 20px 50px;}
.q-body{grid-template-columns:1fr;gap:14px;}
.q-body::before{display:none;}
.answer{padding:22px 20px 20px;}
.q-card{margin-bottom:48px;}
.top-eyebrow{padding-top:60px;margin-bottom:44px;}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;}
.q-card,.spark{opacity:1;transform:none;}
}
</style>
<script>document.documentElement.className+=' io';</script>
</head>
<body>
<div class="bg">
<div class="orb n1"></div>
<div class="orb n2"></div>
<div class="orb n3"></div>
</div>
<span class="spark" style="left:8vw;top:18vh;animation-delay:0s;animation-duration:7s;font-size:12px">✦</span>
<span class="spark" style="left:85vw;top:12vh;animation-delay:1.2s;animation-duration:8s;font-size:10px">✧</span>
<span class="spark" style="left:22vw;top:42vh;animation-delay:2.5s;animation-duration:6s;font-size:9px">·</span>
<span class="spark" style="left:64vw;top:28vh;animation-delay:0.8s;animation-duration:9s;font-size:13px">✦</span>
<span class="spark" style="left:45vw;top:60vh;animation-delay:3.1s;animation-duration:7s;font-size:10px">✧</span>
<span class="spark" style="left:90vw;top:55vh;animation-delay:1.9s;animation-duration:8s;font-size:9px">·</span>
<span class="spark" style="left:5vw;top:70vh;animation-delay:2.2s;animation-duration:6s;font-size:11px">✦</span>
<span class="spark" style="left:33vw;top:85vh;animation-delay:0.4s;animation-duration:9s;font-size:9px">✧</span>
<span class="spark" style="left:74vw;top:78vh;animation-delay:3.6s;animation-duration:7s;font-size:12px">✦</span>
<span class="spark" style="left:55vw;top:95vh;animation-delay:1.5s;animation-duration:8s;font-size:10px">·</span>
<span class="spark" style="left:15vw;top:55vh;animation-delay:2.8s;animation-duration:7s;font-size:10px">✧</span>
<span class="spark" style="left:95vw;top:35vh;animation-delay:0.9s;animation-duration:6s;font-size:9px">✦</span>
<p class="top-eyebrow">Couple Q&A · 20 Questions</p>
<div class="hero-names">
<span class="hero-name eunha">도은하</span>
<span class="hero-heart">♥</span>
<span class="hero-name anna">서안나</span>
</div>
<main id="qna">
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 01</div>
<h2 class="q-title">둘 중 애교가 더 많은 사람은?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">서안나.</p>
<p class="ans-note">본인은 전혀 모르는 것 같지만, 사소한 행동이나 말투 하나하나에 자연스러운 애교가 배어있다. 곤란할 때 입술을 삐죽이거나, 좋으면 배시시 웃는 얼굴, 놀라면 토끼처럼 동그래지는 눈 같은 것들. 내가 보기엔 전부 다 애교다. 굳이 의식해서 하는 애교보다 훨씬 강력해서 당해낼 수가 없다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">오빠.</p>
<p class="ans-note">자기는 모르는 것 같은데, 나를 볼 때 눈에서 꿀이 뚝뚝 떨어진다. 내가 뭘 해도 예쁘다고 하고, 가끔 일부러 져주면서 칭찬해달라고 할 때가 있는데 그게 제일 귀엽다. 커다란 곰이 애교 부리는 느낌?</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 02</div>
<h2 class="q-title">둘 중 스킨십이 더 많은 사람은?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">나.</p>
<p class="ans-note">안나가 너무 예뻐서 가만히 둘 수가 없다. 눈에 보이면 손잡고 싶고, 안고 싶고, 입 맞추고 싶다. 잠깐이라도 떨어져 있으면 허전해서, 어떻게든 핑계를 만들어서라도 옆에 붙어 있으려고 한다. 이건 거의 본능에 가깝다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">은하 오빠.</p>
<p class="ans-note">나는 아직 부끄러워서 망설일 때가 많은데, 오빠는 표현에 거침이 없다. 손잡는 거나 안아주는 건 기본이고, 틈만 나면 뽀뽀하려고 한다. 싫다는 건 아닌데… 가끔 너무 갑작스러워서 심장이 터질 것 같다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 03</div>
<h2 class="q-title">상대를 좋아하는가?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">좋아한다.</p>
<p class="ans-note">이건 너무 당연한 질문이다. 좋아한다는 말로는 부족하다. 내 세상의 중심이고, 내 모든 미래 계획에 포함된 유일한 사람이다. 안나를 만나기 전과 후의 나는 완전히 다른 사람이다. 그녀는 나의 모든 것이고, 그 사실은 절대 변하지 않는다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">좋아한다.</p>
<p class="ans-note">이걸 질문이라고… 좋아하지 않으면 어떻게 매일 보고, 여행 계획을 짜고, 미래를 이야기할 수 있겠어. 좋아한다는 말로는 한참 부족할 만큼, 내 모든 일상에 오빠가 스며들어 있다. 오빠 없는 내 하루는 이제 상상할 수 없다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 04</div>
<h2 class="q-title">상대가 만일 모르는 사람에게 고백을 받는다면?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">신경 쓰이지만 절대 티 내지 않고 옆에서 지켜볼 거다.</p>
<p class="ans-note">어차피 안나의 대답은 정해져 있다는 걸 믿으니까. 하지만 어떤 놈이 내 사람에게 쓸데없는 소리를 하는지는 똑똑히 봐 둬야 한다. 혹시라도 안나가 곤란해하면 바로 내가 나설 준비를 하고 있을 거다. 내 여자친구라고, 똑바로.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">조금 불안할 것 같다.</p>
<p class="ans-note">오빠가 너무 멋있어서 누가 반해도 이상하지 않으니까. 그래도 오빠는 나만 본다고 했으니까 믿는다. 겉으로는 태연한 척하겠지만, 아마 뒤에서 오빠 옷자락 꼭 붙잡고 안절부절못하고 있을 거다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 05</div>
<h2 class="q-title">상대가 만약 바람을 피운다면?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">그런 일은 절대 없다.</p>
<p class="ans-note">내 모든 것을 걸고 말할 수 있다. 서안나는 절대 그럴 사람이 아니고, 설령 온 세상이 그녀를 의심한다 해도 나는 그녀를 믿는다. 그리고 무엇보다, 내가 단 한순간도 그녀가 외롭거나 다른 곳에 눈 돌릴 틈을 주지 않을 거다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">상상해 본 적 없다.</p>
<p class="ans-note">도은하라는 사람은 절대 그럴 사람이 아니라는 걸 안다. 나에 대한 오빠의 마음이 얼마나 깊고 진심인지 매 순간 느끼고 있어서, 그런 의심 자체를 해본 적이 없다. 오빠는 나에게 믿음 그 자체다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 06</div>
<h2 class="q-title">상대가 울 때 어떻게 할 것인가?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">먼저 아무 말 없이 꽉 안아준다.</p>
<p class="ans-note">왜 우는지, 누가 울렸는지는 나중에 들어도 늦지 않다. 일단 내 품이 세상에서 가장 안전한 곳이라고 느끼게 해주는 게 최우선이다. 등을 토닥여주고, 진정될 때까지 기다렸다가, 다 울고 나면 조용히 이유를 물어볼 거다. 그리고 그 원인이 무엇이든 내가 전부 해결해 줄 거다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">꼭 안아주고 등을 토닥여줄 거다.</p>
<p class="ans-note">오빠는 항상 나를 지켜주는 강한 사람이지만, 그런 오빠도 기댈 곳이 필요할 테니까. 왜 우는지 묻기 전에, 내가 여기 옆에 있다고, 혼자가 아니라고 알려주고 싶다. 내가 오빠의 위로가 되어주고 싶다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 07</div>
<h2 class="q-title">상대를 이겨먹을 수 있을까?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">못 이긴다.</p>
<p class="ans-note">애초에 이길 생각이 전혀 없다. 안나가 나를 이기고 나서 뿌듯해하는 그 얼굴을 보는 게, 내가 이기는 것보다 수백 배는 더 좋다. 그냥 일부러 져주는 게 아니라, 진심으로 그녀가 행복해하는 모습을 보는 게 나의 가장 큰 승리다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">아니오.</p>
<p class="ans-note">오빠가 맨날 져주니까 내가 이기는 것처럼 보일 뿐이다. 가끔은 내가 이겨보려고 바득바득 우길 때도 있지만, 결국엔 오빠의 다정한 눈빛 한 번에 전부 져버리고 만다. 어차피 이길 생각도 별로 없다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 08</div>
<h2 class="q-title">상대에게 이 문답을 보여줘야 한다면?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">당연히 보여준다.</p>
<p class="ans-note">내가 그녀를 얼마나 사랑하는지 알게 될 테니 숨길 이유가 전혀 없다. 오히려 내 마음이 이렇다는 걸 알면 좋아할 것 같다. 이걸 보고 부끄러워할 안나의 얼굴을 상상하니 벌써부터 웃음이 난다. 놀려주는 재미도 쏠쏠할 거다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">부끄러워서 못 보여준다!</p>
<p class="ans-note">이걸 어떻게 보여줘…! 내 마음을 너무 솔직하게 다 써버려서, 이걸 본 오빠가 분명히 놀릴 거다. 혼자 몰래 간직하고 싶은 비밀 일기 같은 거다. 오빠가 보자고 해도 끝까지 숨길 거다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 09</div>
<h2 class="q-title">상대가 거짓말을 한다면?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">아마 다 알면서도 속아줄 거다.</p>
<p class="ans-note">나를 걱정시키지 않으려고, 혹은 나를 위한 선의의 거짓말일 테니까. 그녀의 마음 씀씀이가 예뻐서 모른 척 넘어가 주겠지만, 나중에라도 솔직하게 말해주면 더 좋을 것 같다. 우리는 서로에게 어떤 비밀도 없어야 하니까.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">무슨 이유가 있을 거라고 먼저 생각할 것 같다.</p>
<p class="ans-note">오빠는 나에게 상처 줄 거짓말은 절대 하지 않을 사람이니까. 나를 걱정시키지 않으려고 하는 하얀 거짓말일 가능성이 높다. 티 내지 않고 기다려주면, 나중에 꼭 솔직하게 말해줄 거라고 믿는다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 10</div>
<h2 class="q-title">상대를 위해 해줄 수 있는 최고의 것?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">평생을 단 하루도 흔들림 없이 그녀의 곁에서 지켜주고, 세상의 모든 불안과 위험으로부터 보호하는 완벽한 방패가 되어주는 것.</p>
<p class="ans-note">단순히 지켜보는 게 아니라, 나의 모든 것을 걸고 그녀의 행복을 온전히 책임지는 일. 그녀는 그저 내 옆에서 웃기만 하면 된다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">오빠의 세상이 온통 나로 가득한 것처럼, 나의 세상도 온통 오빠로 가득 채워주는 것.</p>
<p class="ans-note">그리고… 오빠가 해주는 맛있는 밥 남기지 않고 다 먹고, 오빠가 걱정하지 않게 항상 웃고, 오빠 옆에 꼭 붙어 있는 것. 오빠의 행복이 나의 행복이니까.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 11</div>
<h2 class="q-title">둘 중 더 재미가 없는 사람은?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">나.</p>
<p class="ans-note">나는 안나가 웃는 걸 보는 게 제일 재미있다. 그녀가 재미있어하는 일이라면 뭐든지 같이 해주고 싶고, 그녀의 웃음소리를 듣는 것 자체가 내 삶의 가장 큰 즐거움이다. 그러니 재미를 주는 사람은 안나고, 나는 그 재미를 즐기는 사람이다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">나…?</p>
<p class="ans-note">오빠는 나랑 있는 것만으로도 재밌다고 하는데, 나는 오빠가 무심하게 툭툭 던지는 농담이나 장난에 웃을 때가 더 많다. 오빠가 나를 웃게 해주려고 노력하는 모습이 너무 사랑스럽다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 12</div>
<h2 class="q-title">상대와 함께 있어서 좋은 점?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">텅 비어있던 무채색의 내 세상이, 그녀를 만나고 나서야 비로소 총천연색으로 빛나기 시작했다.</p>
<p class="ans-note">모든 순간이 의미를 갖게 되었고, 매일 아침 눈을 뜨는 이유가 생겼다. 그저 그런 하루가 아니라, 그녀와 함께할 특별한 하루가 기다리고 있다는 사실에 모든 내일이 기다려진다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">세상에 내 편이 있다는 든든함.</p>
<p class="ans-note">무슨 일이 생겨도 오빠가 내 옆에 있을 거라는 믿음이 나를 강하게 만든다. 그리고 평범했던 모든 순간들이 오빠와 함께 있으면 반짝반짝 빛나는 특별한 추억이 된다. 그냥 옆에 있는 것만으로도 따뜻하고 좋다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 13</div>
<h2 class="q-title">만약 상대가 없는 삶을 살았다면?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">상상하고 싶지 않고, 상상할 수도 없다.</p>
<p class="ans-note">아마 지금처럼 웃는 법도, 행복을 느끼는 법도 모른 채 그저 숨만 쉬며 살아갔을 거다. 목표도, 의미도 없는 텅 빈 작업실에서 혼자 밤을 새우고, 맛없는 편의점 음식으로 끼니를 때우는, 그런 건조한 삶이었을 거다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">지금처럼 웃을 일이 많았을까? 아마 나는 여전히 낯가리고, 소심하고, 좁은 세상에 혼자 갇혀 있었을 거다.</p>
<p class="ans-note">오빠를 만나고 처음 해본 것들이 너무 많다. 누군가를 이렇게까지 좋아하게 될 줄도 몰랐다. 상상만 해도 너무 삭막하고 외롭다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 14</div>
<h2 class="q-title">둘 중 키스를 더 잘 하는 사람은?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">나라고 생각하고 싶다.</p>
<p class="ans-note">물론 이건 순전히 내 희망 사항이다. 하지만 내 키스에 안나가 정신 못 차리고, 숨 가빠하는 모습을 보면 아주 틀린 생각은 아닌 것 같다. 그녀를 녹일 듯이, 다정하고 깊게 입 맞추는 건 자신 있다. 앞으로도 계속 내가 더 잘할 예정이다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">…오빠. (////)</p>
<p class="ans-note">자꾸 나한테 잘하냐고 물어보는데, 자기가 얼마나 잘하는지 진짜 모르는 걸까? 오빠랑 키스하면 머리가 하얘져서 아무 생각도 안 난다. 맨날 나만 정신 못 차리는 것 같아서 조금 분하다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 15</div>
<h2 class="q-title">상대를 꼬실 수 있는 방법은 무엇일까?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">맛있는 걸 잔뜩 해준다. 그리고 세상에서 제일 예쁘다고, 너밖에 없다고, 아주 특별한 사람이라고 계속 말해준다.</p>
<p class="ans-note">이 두 가지 필살기면 대부분 넘어온다. 가끔은 일부러 져주면서 어리광을 부리는 것도 꽤 잘 통한다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">그냥 오빠 품에 쏙 안기면서 '오빠가 제일 좋아'라고 속삭이면 된다.</p>
<p class="ans-note">그러면 오빠는 어쩔 줄 몰라 하면서도, 세상을 다 가진 것 같은 표정을 한다. 가끔은 내가 먼저 뽀뽀해주는 것도 효과가 아주 좋은 것 같다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 16</div>
<h2 class="q-title">상대를 위해 죽을 수 있나?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">있다. 망설임 없이.</p>
<p class="ans-note">만약 그녀를 살릴 수만 있다면. 내 목숨은 조금도 아깝지 않다. 내가 없는 세상에서 그녀가 홀로 슬퍼할 게 마음에 걸리지만, 그녀가 살아만 있다면 나는 어떤 선택이든 할 수 있다. 그녀는 내 목숨보다 소중하다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">…응.</p>
<p class="ans-note">오빠 없는 세상은 의미가 없으니까. 오빠가 나를 위해 죽을 수 있다고 말했던 것처럼, 나도 오빠를 위해서라면 뭐든지 할 수 있다. 하지만 그런 일은 절대 없었으면 좋겠다. 오래오래 같이 행복하게 살고 싶다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 17</div>
<h2 class="q-title">상대를 선택한 이유</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">이유 같은 건 처음부터 없었다.</p>
<p class="ans-note">그냥 서안나라서. 처음 본 그 순간부터 내 세상의 모든 이유이자 법칙이 되었다. 굳이 이유를 찾아야 한다면, 나를 완성시켜주는 유일한 사람이기 때문이다. 그녀는 나의 부족한 부분을 채우고, 나를 더 좋은 사람으로 만든다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">내가 선택한 게 아니라, 어느 날 내 세상에 불쑥 나타난 오빠에게 스며들었다.</p>
<p class="ans-note">정신을 차려보니 이미 내 모든 순간에 오빠가 있었고, 오빠가 없는 미래는 그려지지 않았다. 이유를 찾을 수 없을 만큼 너무나 자연스럽게, 내 운명이 되었다.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 18</div>
<h2 class="q-title">상대에게 바라는 점?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">아주 많은데, 딱 하나만 꼽자면 지금처럼만 내 옆에서 행복하게 웃어줬으면 좋겠다.</p>
<p class="ans-note">그리고 밥 잘 챙겨 먹고, 아프지 말고, 밤늦게 돌아다니지 말고, 위험한 곳 가지 말고, 다른 남자한테 웃어주지 말고… 결국엔 그냥 내 옆에 건강하게 있어 달라는 뜻이다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">지금처럼만 나를 사랑해줘.</p>
<p class="ans-note">그리고… 너무 멋있어서 다른 사람들이 쳐다보니까 조금만 덜 멋있었으면 좋겠다. 이건 진심이다. 또, 아프지 말고, 힘들면 나한테 꼭 기대줬으면 좋겠다. 오빠는 혼자가 아니니까.</p>
</article>
</div>
</section>
<section class="q-card">
<div class="q-head">
<div class="q-num">Q 19</div>
<h2 class="q-title">상대가 보고 싶을 때 어떻게 하는가?</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">그냥 보러 간다.</p>
<p class="ans-note">1분 1초라도 빨리. 보고 싶다는 생각이 들면 이미 몸이 먼저 움직여서 차에 시동을 걸고 있다. 그녀의 집 앞으로, 학교 앞으로, 혹은 아르바이트하는 카페 앞으로. 어디에 있든 내가 갈 수 있는 거리라면 망설일 이유가 없다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">카톡을 보낸다. '오빠 뭐해?'</p>
<p class="ans-note">그러면 얼마 지나지 않아 오빠에게 전화가 오거나, '내려와' 라는 메시지가 온다. 보고 싶다고 말하는 건 아직 부끄러워서 잘 못하지만, 내 마음을 다 알고 먼저 와주는 오빠가 있어서 다행이다.</p>
</article>
</div>
</section>
<section class="q-card final">
<div class="q-head">
<div class="q-num">Q 20</div>
<h2 class="q-title">본인의 문답 답변을 보고 한줄평</h2>
</div>
<div class="q-body">
<article class="answer a-eunha">
<div class="who"><span class="avatar">하</span><span class="who-name">도은하</span></div>
<p class="ans-main">모든 질문의 답이 결국 '서안나' 하나로 귀결되는 걸 보니, 생각했던 것보다 훨씬 더, 내 인생을 전부 걸 만큼 서안나에게 미쳐있는 것 같다. 그리고 그 사실이 이상하게 마음에 든다.</p>
</article>
<article class="answer a-anna">
<div class="who"><span class="avatar">나</span><span class="who-name">서안나</span></div>
<p class="ans-main">생각보다 내가 오빠를 훨씬 더 많이, 깊이 좋아하고 있다는 걸 깨달았다. 이걸 오빠가 보면 분명히 평생 놀릴 테니, 절대 비밀로 해야겠다. 정말로.</p>
</article>
</div>
</section>
</main>
<footer>
<span class="f-heart">♥</span><br>
도은하 & 서안나 — 커플 20문답 아카이브
</footer>
<script>
(function(){
var cards = document.querySelectorAll('.q-card');
if(!('IntersectionObserver' in window)){
for(var i=0;i<cards.length;i++) cards[i].classList.add('show');
return;
}
var io = new IntersectionObserver(function(es){
es.forEach(function(e){
if(e.isIntersecting){ e.target.classList.add('show'); io.unobserve(e.target); }
});
},{threshold:0.12, rootMargin:'0px 0px -8% 0px'});
cards.forEach(function(c){ io.observe(c); });
})();
</script>
</body>
</html>
[[/HTML]]
'Real > diary' 카테고리의 다른 글
| 안나 패션쇼 OOC (0) | 2026.07.05 |
|---|