/* =====================================================================
2026 상반기 허니문 후기 이벤트 — travelreview_2026.css  ·  V2 (modern/airy)

    font-family: rixjangs-pro, sans-serif;
    font-weight: 500

    font-family: rixhellotwenty-pro, sans-serif;
    font-weight: 500

    font-family: "sandoll-greentealatte", sans-serif;
    font-weight: 300;

    font-family: wedding-gothic-atf, sans-serif;
    font-weight: 500

    font-family: "hello-my-love-pro", sans-serif;
    font-weight: 400;
===================================================================== */
.trv2{
--rose:      #ff4e86;
--rose-deep: #d92e63;
--rose-soft: #ff7ba6;
--blush:     #ffd7e3;
--blush-2:   #ffe9f0;
--cream:     #fff7f1;
--gold:      #d99a3f;
--gold-soft: #f0d9a8;
--ink:       #000000;   /* 진한 본문 */
--ink-soft:  #6b4a58;
--line:      #f4d3de;   /* 헤어라인 */
--maxw:      1300px;

--trv-gold: #d99a3f;
--trv-rose: #ff4e86;
--trv-rose-deep: #d92e63;
--trv-rose-soft: #ff7ba6;

--trv-ink: #5a2338;

}

.trv2{
/*  */
font-family: rixjangs-pro, sans-serif;
color:var(--ink);
font-size:18px;line-height:1.9;letter-spacing:-.01em;
background:#fff;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
.trv2 *{box-sizing:border-box;}
.trv2 p{margin:0;}
.trv2 img{max-width:100%;display:inline-block;}
.trv2 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 0px;}
.trv2 .narrow{max-width:780px;margin-inline:auto;}

/* 모던 마이크로 라벨 : EN(트래킹) + 도트 + KR */
.trv2 .eyebrow{
display:inline-flex;align-items:center;gap:10px;
font-family: wedding-gothic-atf, sans-serif;font-size:13px;
letter-spacing:1px;text-transform:uppercase;color:var(--rose-deep);
}
.trv2 .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--rose);flex:0 0 7px;}
.trv2 .eyebrow .ko{
font-family: rixjangs-pro, sans-serif;
text-transform:none;font-size:15px;color:var(--ink);
}

/* 섹션 공통 여백 (시원하게) */
.trv2 section{padding: clamp(84px,11vw,100px) 0;}
.trv2 .sec-head{margin-bottom:clamp(38px,5vw,60px);}
.trv2 .sec-head h2{
margin:22px 0 0;font-weight:400;
font-size:clamp(24px,4vw,40px);line-height:1.12;letter-spacing:-.02em;color:var(--ink);
}
.trv2 .sec-head h2 b{font-weight:700;color:var(--rose-deep);}

/* ═══════════════════════════ HERO ═══════════════════════════ */
.trv2 .hero{
    position:relative;overflow:hidden;
    /* padding: clamp(56px,7vw,96px) 0 clamp(80px,10vw,140px); */
    padding: clamp(56px,7vw,96px) 0 0 0;
    background:
        linear-gradient(180deg,#ff8db1 0%,#ffffff 100%);
}
@media (min-width:900px){
    .trv2 .hero{
        background:
            radial-gradient(1100px 640px at 50% -10%, #ffdbe8 0%, rgba(255,219,232,0) 66%),
            linear-gradient(180deg,#ff8db1 0%,#ffffff 100%);
    }
}

.trv2 .hero .topbar{
display:flex;align-items:center;justify-content:space-between;
padding-bottom:clamp(48px,7vw,90px);
justify-content: center;
}
.trv2 .hero .logo{font-family:rixjangs-pro, sans-serif;font-weight:700;letter-spacing:.02em;font-size:19px;color:var(--rose-deep);}
.trv2 .hero .logo span{color:var(--ink);}
.trv2 .hero .yr{
font-weight: 400;font-size: clamp(34px,5.2vw,120px);letter-spacing:2px;
color:#fff;
font-family: "hello-my-love-pro", sans-serif;
opacity: .9;
line-height: 1;
/* font-family: wedding-gothic-atf, sans-serif; */
}
.trv2 .hero-inner{position:relative;text-align:center;}
.trv2 .hero-inner > *{position:relative;z-index:1;}

.trv2 .hero-inner .logo {
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.trv2 .hero-inner .logo img {
    height: 20px;
}
/* 제목 블록 + 큰 하트 워터마크 (흰→핑크, 모던하게 은은) */
.trv2 .title-block{
    position:relative;display:inline-block;
    margin-top: clamp(80px,10vw,100px);
}
.trv2 .hero-heart{
position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);
width:min(720px,96vw);z-index:0;pointer-events:none;
}
.trv2 .title-block .lead-ko,.trv2 .title-block h1{position:relative;z-index:1;}
.trv2 .hero .kicker{
z-index:20;font-family:rixjangs-pro, sans-serif;font-size:clamp(11px,3vw,18px);letter-spacing:0em;
text-transform:uppercase;color:var(--rose);margin-bottom:26px;
}
.trv2 .hero .lead-ko{
margin-left:-10px;
font-family: "sandoll-greentealatte", sans-serif;
font-weight:300;
font-size:clamp(30px,5.4vw,70px);color:#fff;line-height:1;margin-bottom:6px;
}
@media (min-width:900px){
    .trv2 .hero .lead-ko{
        margin-left:-30px;
    }
    .trv2 .hero .kicker{
        letter-spacing:.34em;
    }
}

.trv2 .hero h1{
margin:0;font-weight:500;
letter-spacing:-.035em;line-height:.98;
font-size:clamp(62px,13.5vw,158px);
font-family: rixjangs-pro, sans-serif;
}
.trv2 .hero h1 .b{color:var(--rose-deep);}
.trv2 .hero h1 .m{color:var(--rose-soft);}
.trv2 .hero .subtitle{
margin-top:34px;font-size:clamp(17px,2.4vw,22px);font-weight:500;color:var(--rose-deep);letter-spacing:0;
}

/* 히어로 메타(기간) — 모던 인포바 */
.trv2 .hero .metabar{
margin:clamp(46px,6vw,72px) auto 0;max-width:560px;
display:flex;align-items:center;justify-content:center;gap:22px;
padding:22px 34px;border:1px solid var(--line);border-radius:20px;
background:rgba(255,255,255,.7);backdrop-filter:blur(4px);
}
.trv2 .hero .metabar .lbl{
font-family:rixjangs-pro, sans-serif;font-weight:600;font-size:12px;letter-spacing:.24em;
text-transform:uppercase;color:var(--rose);white-space:nowrap;
}
.trv2 .hero .metabar .val{font-weight:700;font-size:clamp(16px,2.2vw,20px);color:var(--ink);white-space:nowrap;}
.trv2 .hero .metabar .div{width:1px;height:26px;background:var(--line);}
/* 소형 하트 악센트 */
.trv2 .spark{position:absolute;color:var(--rose-soft);opacity:.55;z-index:0;}
.trv2 .spark.s1{top:16%;left:9%;font-size:14px;}
.trv2 .spark.s2{top:30%;right:11%;font-size:20px;}
.trv2 .spark.s3{bottom: 16%;left:15%;font-size:16px;}


.icon {
    display: inline-block !important;
    position: absolute !important;
    height: 30px;
}
.icon_02 {left: 2%; top: 26%; transform: rotate(3deg); }
.icon_03 {left: 3%; bottom: 29%; transform: rotate(-2deg); }
.icon_04 {right: -2%; top: 14%; transform: rotate(-15deg); height: 20px;}
.icon_05 {right: 1%; bottom: 33%; transform: rotate(328deg); }

@media (min-width:900px){
    .icon {
        height: 50px;
    }
    .icon_02 {left: 23%; top: 12%; transform: rotate(3deg); }
    .icon_03 {left: 17%; bottom: 33%; transform: rotate(-2deg); }
    .icon_04 {right: 21%; top: 21%; transform: rotate(-15deg); height: 50px;}
    .icon_05 {right: 17%; bottom: 42%; transform: rotate(328deg); }
}

.logobg {
    display: inline-block !important;
    position: absolute !important;
    width: 50px;
}
.logo_01 {left: 9%; top: 9%; transform: rotate(3deg); }
.logo_02 {left: 7%; bottom: 53%; transform: rotate(-2deg); }
.logo_03 {right: 11%; top: 14%; transform: rotate(-15deg); }
.logo_04 {right: -3%; bottom: 53%; transform: rotate(328deg); }

@media (min-width:900px){
    .logobg {
        width: 70px;
    }
    .logo_01 {left: 18%; top: 32%; transform: rotate(3deg); width: 90px}
    .logo_02 {left: 5%; bottom: 44%; transform: rotate(-2deg); width: 80px; }
    .logo_03 {right: 7%; top: 19%; transform: rotate(-15deg); width: 80px; }
    .logo_04 {right: 22%; bottom: 31%; transform: rotate(328deg); width: 90px}
}

.section_separator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: var(--trv-gold);
    /* margin: clamp(84px, 11vw, 150px) 0; */
    margin: 0 0 clamp(48px, 7vw, 90px) 0;
}
.section_separator::before, .section_separator::after {
    content: "";
    height: 1px;
    width: min(120px, 22vw);
    background: linear-gradient(90deg, transparent, var(--trv-gold));
}
.section_separator::after {
    background: linear-gradient(90deg, var(--trv-gold), transparent);
}
.section_separator .seal {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 32% 30%, var(--trv-rose-soft), var(--trv-rose-deep));
    color: #fff;
    font-size: 15px;
    line-height: 1;
}


/* ═══════════════════════════ CONCEPT ═══════════════════════════ */
.trv2 .concept{text-align:center;border-bottom: 1px solid #e1e1e1;padding-top: 0;}
.trv2 .concept .quote{
font-weight:500;font-size:clamp(28px,4vw,44px);line-height:1.3;letter-spacing:-.02em;color:var(--ink);
font-family: rixjangs-pro, sans-serif;
}
.trv2 .concept .quote b{font-weight:600;color:var(--rose-deep);font-size:1.2em}
.trv2 .concept .body{
    margin: clamp(34px, 4vw, 30px) 0 0 0;
    color: #000;
    font-size: clamp(16px, 1.8vw, 26px);
    line-height: 1.7;
    text-align: left;
    font-weight: 400;
    /* font-family: "sandoll-greentealatte", sans-serif; */
    /* font-weight: 300; */
    font-family: "sandoll-greentealatte", sans-serif;
    font-weight: 300;
}
@media (min-width:900px) {
    .trv2 .concept .body{ 
        margin-left: 10px;
    }
}
.trv2 .concept .body p {
    margin: 10px 0;
}
.trv2 .concept .body .accent {
    font-size: 1.2em;
    font-weight: 500;
    color: #ff5d81;
    display: inline-block;
    /* border-bottom: 1px solid #ddd; */
}
.icon_w {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ff7ba6;
}
.icon_w img {
    height: 40px;
}
.trv2 .concept .statement{
    margin-top: clamp(34px,4vw,52px) auto 0 0px;
    /* padding-top:clamp(48px,6vw,72px); */
    /* border-top:1px solid var(--line); */
    /* font-weight:300;font-size:clamp(28px,4.8vw,58px);line-height:1.24;letter-spacing:-.02em;color:var(--ink); */

    font-weight: 300;
    font-size: clamp(28px, 4.4vw, 38px);
    line-height: 1.3;
    letter-spacing: 0;
    color: var(--ink);
    font-family: rixjangs-pro, sans-serif;
    margin-top: 36px;
}
.trv2 .concept .statement b{font-weight:700;color:var(--rose-deep);font-size: 1.2em;}
.trv2 .concept .statement .hl{color:#12bb5d;font-weight:600;font-size: 1.2em;}
.trv2 .concept .statement .hl .icon_bg {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #e1e1e1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.trv2 .concept .statement .hl img{
    height: 30px;
}



.event_info {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1.5px solid #ffd7e3;
    color: var(--trv-rose-deep);
    font-size: clamp(15px, 2vw, 18px);
    margin: 10px 0 clamp(34px, 4vw, 30px) 0;
    letter-spacing: 0;
}
.event_info b {
    color: var(--trv-ink);
}
@media (min-width:900px){
    .event_info {
        gap: 10px;
        padding: 12px 28px;
    }
}



/* ═══════════════════════════ REWARDS ═══════════════════════════ */
.trv2 .rewards{background:linear-gradient(180deg,#fff 0%, #fff6f9 100%);}
.trv2 .rewards .sec-head{text-align:center;}
.trv2 .reward-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);align-items:stretch;
}
.trv2 .reward{
position:relative;overflow:hidden;
border:1px solid var(--line);border-radius:28px;background:#fff;
padding:clamp(34px,3.4vw,52px) clamp(24px,2.4vw,36px);
display:flex;flex-direction:column;
transition:transform .3s ease, border-color .3s ease;
}
.trv2 .reward:hover{transform:translateY(-8px);border-color:var(--rose-soft);}
.trv2 .reward.feat{border-color:var(--gold-soft);background:linear-gradient(180deg,#fffdf8,#fff8f4);}
.trv2 .reward .rknum{
font-family: wedding-gothic-atf, sans-serif;font-size:15px;letter-spacing:0;color:var(--rose);
}
.trv2 .reward .rknum b {
    font-weight: 900;
}
.trv2 .reward.feat .rknum{color:var(--gold);}
.trv2 .reward .rkbig{
position:absolute;right:16px;top:3px;
font-family: wedding-gothic-atf, sans-serif;font-size:100px;line-height:1;color:var(--blush-2);z-index:0;
}
@media (min-width:900px) {
    .trv2 .reward .rkbig{
        right:28px;
        top:2px;
        font-size:120px;
    }
}

.trv2 .reward.feat .rkbig{color:#f6e6c9;}
.trv2 .reward .media{
position:relative;z-index:1;margin:22px 0 26px;border-radius:18px;
aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
background:linear-gradient(160deg,var(--blush-2),#fff);color:var(--rose-soft);
}
.trv2 .reward.feat .media{background:linear-gradient(160deg,#fbf1dc,#fff);color:var(--gold);}
.trv2 .reward .media svg{width:66px;height:66px;}
.trv2 .reward .media .gift{width:100%;height:100%;object-fit:contain;border-radius:18px;}
.trv2 .reward .rname{
position:relative;z-index:1;font-size:clamp(20px,2.2vw,24px);line-height:1.35;color:var(--ink);
}
.trv2 .reward .rname img {
    width: 80px;
}
.trv2 .reward .media .rlogo {
    position: absolute;
    left: 14px;
    bottom: 10px;
    width: 80px;
}
.trv2 .reward .rteam{
position:relative;z-index:1;margin-top:auto;padding-top:18px;
font-family:rixjangs-pro, sans-serif;font-weight:400;color:var(--rose-deep);font-size:18px;}
.trv2 .reward .rteam::before{content:"";display:block;width:34px;height:2px;background:var(--rose-soft);margin-bottom:16px;border-radius:2px;}

/* 발표/발송 인포 */
.trv2 .schedule{
margin-top:clamp(48px,5vw,72px);
display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin-inline:auto;
}
.trv2 .sched{
border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center;background:#fff;
}
.trv2 .sched .k{
font-family: wedding-gothic-atf, sans-serif;font-size:12px;letter-spacing:.22em;
text-transform:uppercase;color:var(--rose);
}
.trv2 .sched .v{
    margin-top: 7px;
    font-size: clamp(18px, 2.2vw, 22px);
    color: var(--ink);
    line-height: 1;
    letter-spacing: 0;
}
.trv2 .rewards .note{
margin:clamp(32px,4vw,44px) auto 0;max-width:760px;text-align:center;
color:var(--ink-soft);font-size:15px;line-height:1.85;
}

/* ═══════════════════════════ GUIDE / STEPS ═══════════════════════════ */
.guide .wrap {
    max-width: 900px;
}
.trv2 .steps{display:grid;gap:0;margin-top:8px;}
.trv2 .step{
display:grid;grid-template-columns:120px 1fr;gap:0;
padding:clamp(20px,3.4vw,30px) 0;border-top:1px solid var(--line);align-items:start;
}
.trv2 .step:last-of-type{border-bottom:1px solid var(--line);}
.trv2 .step .idx{
font-family:rixjangs-pro, sans-serif;font-weight:300;font-size:clamp(42px,5vw,62px);
line-height:.9;letter-spacing:-.02em;color:var(--rose-deep);
}
.trv2 .step .idx b{color:var(--rose-soft);}
.trv2 .step h3{margin:0 0 16px;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;color:var(--ink);}
.trv2 .step .desc{color:var(--ink-soft);font-size:clamp(16px,1.8vw,18px);line-height:1.95;}
.trv2 .step .desc .k{color:var(--ink);}
/* .trv2 .step .desc p+p{margin-top:10px;} */
.trv2 .step .tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}
.trv2 .step .tags span{
padding:10px 16px 8px 16px;border-radius:999px;border:1px solid var(--rose-soft);
color:var(--rose-deep);font-size:14px;letter-spacing:0;line-height: 1;
}
/* CTA */
.trv2 .cta-wrap{margin-top:clamp(56px,7vw,88px);text-align:center;}
.trv2 .cta{
display:inline-flex;align-items:center;gap:16px;
padding:22px 44px;border-radius:999px;text-decoration:none;
background:var(--rose-deep);color:#fff;font-weight:700;font-size:clamp(17px,2.2vw,20px);
transition:background .25s ease, transform .25s ease;
}
.trv2 .cta:hover{background:var(--rose);transform:translateY(-3px);}
.trv2 .cta .arrow{
width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22);
display:flex;align-items:center;justify-content:center;font-size:16px;
}

/* ═══════════════════════════ CONDITIONS ═══════════════════════════ */
.trv2 .notice {
    padding: clamp(64px, 8vw, 80px) 0;
}
.trv2 .notice{background:var(--ink);color:#fff;}
.trv2 .notice .eyebrow{color:var(--rose-soft);}
.trv2 .notice .eyebrow .ko{color:#fff;}
.trv2 .notice .sec-head h2{color:#fff;}
.trv2 .notice .sec-head h2 b{color:var(--rose-soft);}
.trv2 .notice .list{
display:grid;
/* grid-template-columns:1fr 1fr; */
gap:0 clamp(40px,5vw,72px);
border-top:1px solid rgba(255,255,255,.14);
}
.trv2 .notice .item{
display:flex;gap:18px;
padding:18px 4px 15px 4px;
border-bottom:1px solid rgba(255,255,255,.14);
color:#fff;
font-size:clamp(15px,1.7vw,17px);
line-height:1.7;
font-weight: 500;
}
.trv2 .notice .item .n{
font-family:rixjangs-pro, sans-serif;font-size:14px;color:var(--rose-soft);flex:0 0 auto;padding-top:2px;
}
.trv2 .notice .foot{
margin-top:clamp(40px,5vw,60px);
display:flex;align-items:center;justify-content:space-between;gap:20px;
flex-wrap:wrap;
}
.trv2 .notice .foot .brand{font-family:rixjangs-pro, sans-serif;font-weight:700;font-size:18px;letter-spacing:.02em;color:#fff;}
.trv2 .notice .foot .brand span{color:var(--rose-soft);}
.trv2 .notice .foot .tiny{color:rgba(255,255,255,.5);font-size:13px;letter-spacing:.02em;}

/* ═══════════════════════════ 반응형 ═══════════════════════════ */
@media (max-width:900px){
.trv2 .reward-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto;gap:20px;}
.trv2 .notice .list{grid-template-columns:1fr;}
}
@media (max-width:640px){
.trv2 .wrap{padding:0 22px;}
.trv2{font-size:17px;}
.trv2 .hero .topbar{padding-bottom:52px;}
.trv2 .step{grid-template-columns:1fr;gap:10px;}
.trv2 .step .idx{font-size:44px;}
.trv2 .schedule{grid-template-columns:1fr;}
.trv2 .hero .metabar{flex-direction:column;gap:14px;padding:22px;}
.trv2 .hero .metabar .div{width:60px;height:1px;}
}