/*  #20b9ef 		(blue)*/
/*  #fff100		(yellow)*/
/*  #e62e8c		(red)*/

body{
    background:white;
}

:root {
    --color-dark-three : white;
    --color-black-fixed-rgb: 255, 255, 255;
    --color-white-fixed : black;
    --color-white-rgb : black;
    --color-dark-twelve : white;
    --link-color: black;
    --color-black: white;
    --color-one:#e62e8c;
    --color-white: black;
    --color-yellow: #fff100;



}


.wptb-right-pane{
    background:#20b9ef;
}


.wptb-left-pane{
    background:#fc2f6e;
}
.wptb-bottom-pane{
    background:#6cbb48;
}

.logo h6{
    color:black;
}


.logos{
    width:100px;
}

.mr_menu ul.main-menu li a {
    color:black;
}
.wptb-item-layer img{
    opacity:0;
}


.wptb-icon-box6 .wptb-item--description{
    color:black;
}

.wptb-item--button a{
    background:#fff100;
}

.wptb-contact-form::before {
    background:white;
}
.wptb-contact-form .wptb-form--wrapper::before {
    background:white;
}

.wptb-counter1 .wptb-item--text {
    flex:3;
    color:black;
}

.wptb-item--description{
    /*background:var(--color-one) ;*/
    color:black;



}



.contest-hero {max-width: 980px; margin: 0 auto; text-align: center;}
.contest-hero .hero-title {font-size: clamp(28px, 4vw, 44px); margin-bottom: .6rem;}
.contest-hero .hero-title small {font-weight: 500; font-size: .65em;}
.contest-hero .hero-sub {opacity:.9; margin:.5rem auto 1rem; max-width: 720px;}
.hero-cta .btn {margin:.25rem .25rem .5rem;}
.btn-locked[disabled] {opacity:.7; cursor:not-allowed; position:relative;}
.btn-locked[disabled] .bi-lock {vertical-align: -2px;}
#countdown {font-family: ui-monospace, SFMono-Regular, Menlo, monospace; margin-top:.35rem; font-size: .95rem; opacity:.85;}

.guide-card {background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
    border-radius: 18px; padding:18px; height:100%;}
.guide-card h4 {font-size: 18px; margin-bottom: .5rem;}
.guide-card .small {font-size: .95em;}
ul.dot {padding-left: 1rem; margin: .5rem 0 0;}
ul.dot li {list-style: disc; margin-left: .75rem; opacity:.95;}

.timeline {background: rgba(255,255,255,.03); border:1px dashed rgba(255,255,255,.12);
    border-radius: 18px; padding:18px;}
.timeline-row {display:flex; overflow:auto; gap:12px; padding-bottom:6px;}
.tl-item {white-space:nowrap; border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:10px 12px;}
.tl-item .dt {display:block; font-size:.85em; opacity:.8;}
.tl-item.active {border-color:#d70006; box-shadow:0 0 0 2px rgba(215,0,6,.15) inset;}
.note {opacity:.8; font-size:.92em; margin-top:.5rem;}

section{
    color:black;
}


/* ===== Mesh background + glass cards ===== */
:root{
    --brand:#d70006;            /* Å׸¶ Æ÷ÀÎÆ® */
    --ink:#0f1223;              /* º»¹® ±ÛÀÚ */
    --glass:rgba(255,255,255,.14);
    --glass-2:rgba(255,255,255,.06);
    --stroke:rgba(255,255,255,.18);
    --shadow:0 10px 30px rgba(0,0,0,.12);
}

/* ¹è°æ */
.mesh-bg{
    position:relative;
    background:
            radial-gradient(1200px 600px at 10% 10%, rgba(255,231,150,.45), transparent 60%),
            radial-gradient(900px 500px at 85% 20%, rgba(126,240,255,.35), transparent 60%),
            radial-gradient(700px 500px at 15% 90%, rgba(255,147,167,.28), transparent 60%),
            linear-gradient(180deg, #f7f8fb 0%, #eef2f7 100%);
    overflow:hidden;
}

/* ÀºÀºÇÑ ±×·¹ÀÎ */
.grain{
    position:absolute; inset:0; pointer-events:none; opacity:.07; mix-blend:overlay;
    background-image: repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 2px);
    filter: contrast(120%);
}

/* Ä÷¯ ºí·Ó */
.blob{ position:absolute; width:46vmax; height:46vmax; border-radius:50%;
    filter: blur(60px); opacity:.35; pointer-events:none; }
.blob.b1{ background: radial-gradient(circle at 30% 30%, #ff79a6, transparent 60%);
    top:-20vmax; left:-15vmax; }
.blob.b2{ background: radial-gradient(circle at 70% 70%, #7ee7ff, transparent 60%);
    bottom:-22vmax; right:-12vmax; }

/* Çì´õ */
.contest-landing .landing-head{ text-align:center; max-width:920px; margin:0 auto 28px; }
.contest-landing .eyebrow{ letter-spacing:.08em; opacity:.75; font-weight:600; }
.contest-landing .title{ font-size: clamp(28px, 4.6vw, 48px); margin:.35rem 0 .4rem; }
.contest-landing .lead{ opacity:.92; font-size: clamp(15px, 1.3vw, 18px); }

.contest-landing .cta-row{ margin-top:14px; display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap; }
.contest-landing .btn-locked{ opacity:.8; cursor:not-allowed; }
.countdown.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; opacity:.8; }

/* Ä«µå ±×¸®µå */
.grid-cards{
    display:grid;
    grid-template-columns: repeat(12,1fr);
    gap:18px;
    margin-top: 26px;
}
.c-card{
    grid-column: span 4;
    background: linear-gradient(180deg, var(--glass) 0%, var(--glass-2) 100%);
    border:1px solid var(--stroke);
    border-radius: 20px;
    padding:18px 18px 16px;
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    box-shadow: var(--shadow);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.c-card:hover{ transform: translateY(-4px); box-shadow: 0 16px 38px rgba(0,0,0,.18); border-color: rgba(255,255,255,.3); }

.c-card h3{ font-size:18px; margin:8px 0 6px; }
.c-card p{ opacity:.9; }
.c-card .c-list{ margin:.5rem 0 0 .1rem; padding-left:1.1rem; }
.c-card .c-list li{ list-style: disc; margin:.18rem 0; opacity:.95; }
.c-card .c-list.small li{ font-size:.95em; }

.c-icon{
    width:42px; height:42px; border-radius:12px;
    display:grid; place-items:center;
    /*color:#fff; background: linear-gradient(135deg, #ff0080, #ff4d4d);*/
    background: linear-gradient(135deg, #e62e8b, #e62e8b);
    color:#fff;
    box-shadow: 0 6px 18px rgba(255,0,128,.25);
}

.c-card.span-2{ grid-column: span 8; }

.timeline{
    display:grid; grid-template-columns: repeat(2,1fr); gap:10px; margin-top:6px;
}
.timeline div{
    background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
    border-radius:12px; padding:10px 12px; display:flex; gap:8px; align-items:center;
}
.timeline div span{
    display:inline-flex; min-width:88px; font-size:.92em; opacity:.85;
    padding:6px 8px; border-radius:8px; background: rgba(255,255,255,.16);
}
.timeline .hot{ outline:2px solid rgba(215,0,6,.20); background: rgba(255,255,255,.12); }
.note{ opacity:.8; font-size:.92em; margin-top:8px; }

/* ¹ÝÀÀÇü */
@media (max-width: 1199px){
    .c-card{ grid-column: span 6; }
    .c-card.span-2{ grid-column: span 12; }
    .timeline{ grid-template-columns: 1fr; }
}
@media (max-width: 575px){
    .c-card{ grid-column: span 12; }
}

/* ¹öÆ° »ì¦ °­Á¶ */
.btn-two .btn-wrap .text-second i{ transform: translateY(1px); }


/* Timeline section */
#contest-timeline{ position:relative; overflow:hidden; }
.tl-wrap{
    position:relative; margin-top:14px;
    background: rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    border-radius:20px; padding:14px;
    backdrop-filter: blur(6px) saturate(120%);
    -webkit-backdrop-filter: blur(6px) saturate(120%);
}
.tl-track{
    display:flex; gap:14px; overflow-x:auto; scroll-behavior:smooth;
    padding:6px 6px 10px;
}
.tl-track::-webkit-scrollbar{ height:10px; }
.tl-track::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.15); border-radius:999px; }

.tl-card{
    flex:0 0 280px; max-width:280px;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.10));
    border:1px solid rgba(255,255,255,.26);
    border-radius:16px; padding:14px;
    box-shadow: 0 10px 26px rgba(0,0,0,.10);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tl-card:hover{ transform: translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.18); }
.tl-card .dt{ font-weight:700; font-size:.92rem; opacity:.9; }
.tl-card h3{ font-size:1.05rem; margin:.25rem 0 .15rem; }
.tl-card p{ opacity:.9; font-size:.95rem; }
.tl-card.hot{ outline:2px solid rgba(215,0,6,.22); }

.tl-card.is-now{
    border-color:#d70006; box-shadow:0 0 0 3px rgba(215,0,6,.18) inset;
}
.tl-footer{
    display:flex; align-items:center; justify-content:center; gap:12px;
    margin-top:12px;
}
.next-badge{
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    padding:6px 10px; border-radius:10px;
    background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18);
    opacity:.9;
}

@media (max-width:575px){
    .tl-card{ flex-basis: 85%; max-width:85%; }
}


/* Ä«µå ·¡ÆÛ + ¹è°æ */
.hero-card{
    position:relative;
    max-width: 980px;
    margin: 18px auto 8px;
    padding: 28px 22px 22px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 18px 48px rgba(0,0,0,.12);
    overflow: hidden;
    backdrop-filter: blur(10px) saturate(130%);
    -webkit-backdrop-filter: blur(10px) saturate(130%);
}
.mesh-bg{
    background:
            radial-gradient(800px 400px at 15% 10%, rgba(255,228,138,.45), transparent 60%),
            radial-gradient(700px 420px at 85% 20%, rgba(120,235,255,.35), transparent 60%),
            radial-gradient(600px 420px at 20% 90%, rgba(255,153,171,.30), transparent 60%);
}
.blob{position:absolute; width:40vmax; height:40vmax; border-radius:50%; filter: blur(60px); opacity:.35; pointer-events:none;}
.blob.b1{background: radial-gradient(circle at 30% 30%, #ff79a6, transparent 60%); top:-22vmax; left:-18vmax;}
.blob.b2{background: radial-gradient(circle at 70% 70%, #7ee7ff, transparent 60%); bottom:-24vmax; right:-16vmax;}
.grain{position:absolute; inset:0; pointer-events:none; opacity:.06; mix-blend:overlay;
    background-image: repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 2px);}

/* È÷¾î·Î ³»ºÎ */
.contest-hero{ text-align:center; position:relative; z-index:2; }
.hero-title{ font-size: clamp(28px, 4.6vw, 50px); margin: 4px auto 6px; line-height:1.12; }
.hero-title small{ font-weight:600; font-size:.62em; opacity:.85; }
.hero-sub{ opacity:.92; margin:.4rem auto 1rem; max-width:720px; }
.hero-cta{ display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap; }
.btn-locked[disabled]{ opacity:.8; cursor:not-allowed; }
.countdown{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; opacity:.9; }
.countdown.pill{ border:1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.10);
    padding:6px 10px; border-radius: 999px; }

.hero-bullets{ display:inline-grid; gap:6px; margin:12px auto 0; padding:0; list-style:none; }
.hero-bullets li{
    position:relative; padding-left:22px; text-align:left; margin:0 auto;
}
.hero-bullets li::before{
    content:""; position:absolute; left:0; top:6px; width:10px; height:10px; border-radius:50%;
    background: linear-gradient(135deg, #ff0080, #ff4d4d);
    box-shadow: 0 0 0 2px rgba(255,255,255,.25);
}

/* ¹ÝÀÀÇü */
@media (max-width:575px){
    .hero-card{ padding:22px 16px 18px; border-radius:22px; }
    .hero-bullets{ justify-items:start; }
}

.contest-card {
    background: var(--color-yellow);
    border-radius: 16px;
    padding: 2rem;
    max-width: 800px;
    margin: 2rem auto;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}

.contest-title {
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    padding: 30px;
    /*background: #20b9ef;*/
    border-radius: 20px;
    color: white;
    -webkit-text-stroke: 1px black;
    font-size: 40px;
    line-height: 3.2rem;
}

.contest-title small {
    display: block;
    font-size: 1rem;
    color: #555;
    margin-top: 4px;
}

.contest-title span{
    color:var(--color-yellow);
}

.contest-sub {
    margin: 1rem 0;
    font-size: 1rem;
    color: #444;
}

.contest-cta {
    margin: 1.5rem 0;
}

.btn {
    padding: 0.6rem 1.4rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
}

.btn-guide {
    background-color: #ff2f70;
    color: #fff;
    margin-right: 0.5rem;
}

.btn-apply {
    background-color: #ccc;
    color: #fff;
    cursor: not-allowed;
}

.countdown-timer {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin: 1rem 0;
}

.countdown-timer div {
    text-align: center;
}

.countdown-timer span {
    font-size: 2rem;
    font-weight: bold;
    color: #ff2f70;
}

.countdown-timer small {
    display: block;
    font-size: 0.8rem;
    color: #666;
}

.contest-benefits {
    list-style: none;
    padding: 0;
    margin-top: 1.5rem;
}

.contest-benefits li {
    margin: 0.4rem 0;
    color: #333;
}

.badge_card{
    display: inline-block;
    padding: 2px 8px;
    background: #20b9ef3b;
    border: 0px;
    border-radius: 7px;
    color: #025877;
}

.dt{
    display: inline-block;
    padding: 2px 8px;
    background: #20b9ef3b;
    border: 0px;
    border-radius: 7px;
    color: #025877;
}
.contest-benefits {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contest-benefits li {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #fff7e6, #ffe8cc);
    padding: 15px 20px;
    border-radius: 12px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.contest-benefits li:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

.contest-benefits i {
    font-size: 1.4rem;
    color: #ff7a00;
}

.award-list li,
.benefit-list li {
    font-size: 1.1rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.award-list li i,
.benefit-list li i {
    margin-right: 8px;
    font-size: 1.3rem;
}

:root{
    --g-border: rgba(255,255,255,.28);
    --g-bg-1: rgba(255,255,255,.16);
    --g-bg-2: rgba(255,255,255,.08);
    --shadow: 0 20px 50px rgba(0,0,0,.12);
}

.glass-group{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
    margin-top: 18px;
}
@media (max-width: 991px){
    .glass-group{ grid-template-columns: 1fr; }
}

.glass-card{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid var(--g-border);
    background: linear-gradient(180deg, var(--g-bg-1), var(--g-bg-2));
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    box-shadow: var(--shadow);
    padding: 18px 18px 16px;
    isolation: isolate;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.glass-card:hover{
    transform: translateY(-4px);
    border-color: rgba(255,255,255,.38);
    box-shadow: 0 28px 60px rgba(0,0,0,.18);
}

.glass-title{
    display:flex; align-items:center; gap:8px;
    font-weight:700; font-size: 1.05rem; margin-bottom:10px;
}
.glass-title .bi{ font-size: 1.1rem; background: linear-gradient(135deg,#ff6aa6,#ffaf4b);
    -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ¸®½ºÆ® °øÅë */
.fancy{ list-style:none; margin:0; padding:0; }
.fancy li{
    position: relative;
    display:flex; align-items:center; gap:10px;
    padding:10px 12px; border-radius:14px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.18);
    margin-bottom:8px;
}
.fancy li .bi{ font-size:1.05rem; opacity:.95; }
.fancy li strong{ font-weight:700; }

/* ¾î¿öµå ¹îÁö */
.badge{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:48px; height:26px; padding:0 10px; border-radius:999px;
    font-size:.82rem; font-weight:800; letter-spacing:.02em;
    color:#fff; box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
.badge.gold{    background: linear-gradient(135deg,#fff100,#fff100);
color:black;
font-weight:bold;}
.badge.silver{  background: linear-gradient(135deg,#00b9ef,#00b9ef); }
.badge.teal{    background: linear-gradient(135deg,#e62e8b,#e62e8b); }
.badge.magenta{ background: linear-gradient(135deg,#6eba44,#6eba44); }



/*[»ö»ó]*/
/*³ë¶û : fff100 (0 0 100 0)*/
/*ÆĶû : 00b9ef (70 0 0 0)*/
/*ºÐÈ« : e62e8b(0 90 0 0)*/
/*³ì»ö : 6eba44(60 0 90 0)*/
/* ¸®Äûµå ºí·Ó µ¥ÄÚ */
.blob{ position:absolute; inset:auto; width:34vmax; height:34vmax; border-radius:50%;
    filter: blur(60px); opacity:.28; z-index:-1; pointer-events:none; }
.glass-card .b1{ top:-22vmax; left:-18vmax; background: radial-gradient(circle at 30% 30%, #ff9ac0, transparent 60%); }
.glass-card .b2{ bottom:-20vmax; right:-16vmax; background: radial-gradient(circle at 70% 70%, #7ee7ff, transparent 60%); }
.glass-card .b3{ top:-20vmax; right:-16vmax; background: radial-gradient(circle at 65% 40%, #a7ff83, transparent 60%); }
.glass-card .b4{ bottom:-22vmax; left:-18vmax; background: radial-gradient(circle at 30% 70%, #ffd36e, transparent 60%); }

/* Á¢±Ù¼º: ¸ð¼Ç ÁÙÀ̱â */
@media (prefers-reduced-motion: reduce){
    .glass-card, .glass-card:hover{ transition: none; transform:none; }
}

.wptb-heading .glass-group,
.wptb-heading .glass-card,
.wptb-heading .glass-title,
.wptb-heading .fancy,
.wptb-heading .fancy li {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
}

/* 2¿­ ±×¸®µå + ÃÖ¼ÒÆø º¸Àå + Ä«µå ¾ÈÂÊ °£°Ý º¸Á¤ */
.glass-group{
    display:grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 18px;
    margin-top: 18px;
}
.glass-card{
    min-height: 240px;          /* ³Ê¹« ±æÂßÇÏ°Ô ¾È Âî±×·¯Áöµµ·Ï */
    padding: 18px 18px 16px;
}
.glass-title{ margin-bottom: 10px; }
.fancy li{ padding: 10px 12px; margin-bottom: 8px; }

/* ¸®Äûµå ºí·ÓÀÌ Ä«µå ¹ÛÀ¸·Î Æ¢¾î³ª¿ÀÁö ¾Ê°Ô »ì¦ Ãà¼Ò */
.glass-card .blob{ width: 26vmax; height: 26vmax; filter: blur(48px); opacity:.25; }
.glass-card .b1{ top:-16vmax; left:-12vmax; }
.glass-card .b2{ bottom:-16vmax; right:-10vmax; }
.glass-card .b3{ top:-16vmax; right:-12vmax; }
.glass-card .b4{ bottom:-16vmax; left:-12vmax; }

/* ¹ÝÀÀÇü: ÅÂºí¸´/¸ð¹ÙÀÏÀº 1¿­ */
@media (max-width: 991px){
    .glass-group{ grid-template-columns: 1fr; }
}

/* ¾î¿öµå ¹îÁö Å©±â/°¡µ¶¼º ¹Ì¼¼ Æ©´× */
.badge{
    min-width: 52px; height: 28px;
    font-size: .84rem; letter-spacing:.02em;
}

/* ¸®½ºÆ® ¾ÆÀÌÄÜ Åæ ¾÷ (±âÁ¸ bi ¾ÆÀÌÄÜ »ç¿ë) */
.fancy li .bi{
    opacity: .95;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.08));
}

.wptb-slider.style2 .wptb-slider--inner {
    bottom:unset;
}

.tro{
    background-image: url(img/tro.png);
    background-size: 200px;
}


.scroll-down{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:54px; height:54px;
    margin: 18px auto 0;              /* °¡¿îµ¥ Á¤·Ä */
    border-radius:999px;
    border:1.5px solid rgba(255,255,255,.35);
    background: rgba(255,255,255,.18);
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    box-shadow: 0 8px 30px rgba(0,0,0,.15);
    color:#111; text-decoration:none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    animation: bounceY 1.8s ease-in-out infinite;
}
.scroll-down:hover{
    transform: translateY(3px);
    border-color: rgba(255,255,255,.55);
    box-shadow: 0 10px 36px rgba(0,0,0,.18);
}
.scroll-down svg{ pointer-events:none; }

@keyframes bounceY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(6px); }
}


/* ===== Timeline Grid (Glass) ===== */
.tl-grid{
    display:grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap:22px;
    margin-top:32px;
}
@media (max-width: 1200px){
    .tl-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px){
    .tl-grid{ grid-template-columns: 1fr; }
}

.tl-item{
    position:relative;
    padding:20px 18px 22px;
    border-radius:22px;
    /* glass */
    background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10));
    border:1px solid rgba(255,255,255,.35);
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    box-shadow: 0 18px 40px rgba(0,0,0,.10);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    overflow:hidden;
}

.tl-item::before{
    /* »ó´Ü ¾ãÀº ¾×¼¾Æ® ¶óÀÎ */
    content:"";
    position:absolute; left:0; right:0; top:0;
    height:3px;
    background: linear-gradient(90deg, var(--color-yellow, #ffd400), #ff7ad1 60%, rgba(255,255,255,.0));
    opacity:.75;
}

/* hover */
.tl-item:hover{
    transform: translateY(-4px);
    box-shadow: 0 22px 46px rgba(0,0,0,.14);
    border-color: rgba(255,255,255,.55);
}

/* date pill */
.tl-date{
    display:inline-block;
    font-weight:700;
    font-variant-numeric: tabular-nums;
    padding:6px 10px;
    border-radius:999px;
    background: rgba(0,0,0,.06);
    color:#111;
    border:1px solid rgba(0,0,0,.06);
    margin-bottom:12px;
}

.tl-title{
    font-size:20px;
    line-height:1.25;
    margin: 2px 0 8px;
}

.tl-desc{
    margin:0;
    color: rgba(0,0,0,.68);
}

/* hot item ¸®º» */
.tl-item.hot::after{
    content:"Soon";
    position:absolute; top:12px; right:12px;
    font-size:11px; letter-spacing:.4px;
    background: linear-gradient(90deg,#ff5bbd,#ff2e84);
    color:#fff; padding:6px 10px; border-radius:999px;
    box-shadow:0 6px 16px rgba(255,46,132,.35);
}

/* ÁøÇàÁß ¹èÁö */
.tl-item.is-now::after{
    content:"Now";
    position:absolute; top:12px; right:12px;
    font-size:11px; letter-spacing:.4px;
    background: linear-gradient(90deg,var(--color-yellow,#ffd400), #ffc441);
    color:#111; padding:6px 10px; border-radius:999px;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 6px 16px rgba(255,204,65,.40);
}

/* ÀÛÀº ¸Þ½¬ ´À³¦ µ¥ÄÚ */
.tl-item .mesh{
    position:absolute; inset:-20%; pointer-events:none;
    background: radial-gradient(120px 120px at 20% 15%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(180px 180px at 80% 85%, rgba(255,255,255,.25), transparent 60%);
    filter: blur(2px);
    opacity:.55;
}


/* °øÅë ¹èÁö (À§Ä¡/ŸÀÌÆ÷) */
.tl-item::after{
    position:absolute; top:12px; right:12px;
    font-size:11px; letter-spacing:.4px;
    padding:6px 10px; border-radius:999px;
    border:1px solid rgba(0,0,0,.06);
}

/* ¹èÁö ¹®±¸ */
.tl-item.is-now::after { content:"Now"; color:#111; }
.tl-item.is-soon::after { content:"Soon"; color:#fff; }

/* ¦¡¦¡ Glass Base (ÀÌ¹Ì Á¤ÀÇµÈ tl-item À§¿¡ »ö¸¸ ¿À¹ö¶óÀ̵å) ¦¡¦¡ */
.tl-item{ isolation:isolate; }
.tl-item .mesh{ display:none; } /* ¿øÇϸé Äѵµ µÊ */

/* ±×·ì1: NOW & SOON (ÇÏÀ̶óÀÌÆ®: ³ë¶û/ÇÎÅ©) */
.tl-item.is-now,
.tl-item.is-soon{
    background:
            radial-gradient(180px 160px at 85% 15%, rgba(255,214,0,.25), transparent 60%),
            radial-gradient(220px 220px at 10% 90%, rgba(255,120,200,.18), transparent 60%),
            linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.12));
    border-color: rgba(255,255,255,.55);
    box-shadow: 0 22px 46px rgba(0,0,0,.14);
}
.tl-item.is-now::before,
.tl-item.is-soon::before{
    background: linear-gradient(90deg, var(--color-yellow, #ffd400), #ff7ad1 70%, rgba(255,255,255,0));
}
/* ¹èÁö »ö */
.tl-item.is-now::after{
    background: linear-gradient(90deg,var(--color-yellow,#ffd400),#ffc441);
    box-shadow:0 6px 16px rgba(255,204,65,.40);
}
.tl-item.is-soon::after{
    background: linear-gradient(90deg,#ff5bbd,#ff2e84);
    box-shadow:0 6px 16px rgba(255,46,132,.35);
}

/* ±×·ì2: FUTURE (¾ÆÁ÷ ½ÃÀÛ Àü: ¹ÎÆ®/Ƽ¾ó) */
.tl-item.is-future{
    background:
            radial-gradient(180px 160px at 90% 20%, rgba(0,191,165,.18), transparent 60%),
            radial-gradient(200px 200px at 10% 85%, rgba(0,220,255,.15), transparent 60%),
            linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10));
    border-color: rgba(255,255,255,.4);
}
.tl-item.is-future::before{
    background: linear-gradient(90deg, rgba(0,191,165,.7), rgba(0,220,255,.6), rgba(255,255,255,0));
}

/* ±×·ì3: PAST (Áö³ª°¨: Äð±×·¹ÀÌ/ºí·ç) */
.tl-item.is-past{
    background:
            radial-gradient(180px 160px at 85% 15%, rgba(120,140,255,.12), transparent 60%),
            radial-gradient(200px 200px at 10% 90%, rgba(100,110,130,.16), transparent 60%),
            linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
    border-color: rgba(255,255,255,.32);
    opacity:.92;
    filter:saturate(.9);
}
.tl-item.is-past::before{
    background: linear-gradient(90deg, rgba(120,140,255,.55), rgba(160,170,190,.45), rgba(255,255,255,0));
}

/* Á¢±Ù¼º: »óź° ÅؽºÆ® ´ëºñ ¾à°£ º¸Á¤ */
.tl-item.is-past .tl-desc{ color: rgba(0,0,0,.62); }
.tl-item.is-future .tl-desc{ color: rgba(0,0,0,.68); }
.tl-item.is-now   .tl-desc,
.tl-item.is-soon  .tl-desc{ color: rgba(0,0,0,.76); }


.highlight-yellow { color: #fff100; }
.highlight-blue { color: #00b9ef; }
.highlight-pink { color: #e62e8b; }
.highlight-green { color: #6eba44; }


/* ºê·£µå Ä÷¯ */
:root{
    --brand-yellow:#fff100; /* ³ë¶û */
    --brand-blue:#00b9ef;   /* ÆĶû */
    --brand-pink:#e62e8b;   /* ºÐÈ« */
    --brand-green:#6eba44;  /* ³ì»ö */

    /* ÅؽºÆ®/º¸´õ */
    --glass-border: rgba(255,255,255,.25);
    --glass-bg: rgba(255,255,255,.08);
    --glass-blur: 12px;
}

/* ±×¸®µå ·¹À̾ƿô À¯Áö */
#contest-timeline .tl-grid{
    display:grid; gap:18px;
    grid-template-columns: repeat(3,minmax(0,1fr));
}
@media (max-width:1200px){ #contest-timeline .tl-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:720px){  #contest-timeline .tl-grid{grid-template-columns:1fr;} }

/* °øÅë Ä«µå ? ±Û·¡½º */
.tl-item{
    position:relative; overflow:hidden;
    padding:22px 20px 20px;
    border-radius:18px;
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border:1px solid var(--glass-border);
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05));
    box-shadow: 0 10px 30px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.08);
    transition:transform .25s ease, box-shadow .25s ease;
}
.tl-item:hover{
    transform:translateY(-2px);
    box-shadow: 0 18px 40px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.12);
}
.tl-date{font:600 13px/1.3 ui-sans-serif,system-ui,-apple-system; opacity:.9; letter-spacing:.3px; margin-bottom:8px;}
.tl-title{font:700 20px/1.2 ui-sans-serif,system-ui,-apple-system; margin:0 0 6px;}
.tl-desc{font:400 14px/1.6 ui-sans-serif,system-ui,-apple-system; opacity:.9;}

/* Æ÷ÀÎÆ® ¹Ù(»ó´Ü) ? Ä«µåº° ¼øȯ Ä÷¯ */
.tl-item::before{
    content:""; position:absolute; inset:0 0 auto 0; height:4px;
    background: var(--accent, var(--brand-yellow));
}

/* Soon / Now ¹èÁö */
.tl-item.hot::after,
.tl-item.is-now::after{
    position:absolute; top:12px; right:12px;
    font-size:11px; letter-spacing:.4px; padding:6px 10px; border-radius:999px;
    border:1px solid rgba(255,255,255,.18);
}
.tl-item.hot::after{
    content:"Soon";
    background: linear-gradient(90deg, var(--brand-pink), #ff2e84);
    color:#fff; box-shadow:0 6px 16px rgba(230,46,139,.35);
}
.tl-item.is-now::after{
    content:"Now";
    background: linear-gradient(90deg, var(--brand-yellow), #ffc441);
    color:#111; box-shadow:0 6px 16px rgba(255,241,0,.40);
}

/* »óź° ±Û·¡½º-¸®Äûµå ¹è°æ */
.tl-item.is-past{
    background:
            radial-gradient(1200px 300px at -20% -20%, rgba(255,255,255,.12), transparent 55%),
            linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    opacity:.75;
}
.tl-item.is-now{
    background:
            radial-gradient(600px 200px at 80% -30%, rgba(255,241,0,.28), transparent 55%),
            linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
}
.tl-item.is-soon{
    background:
            radial-gradient(700px 240px at 90% 10%, rgba(230,46,139,.24), transparent 55%),
            linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
}
.tl-item.is-upcoming{
    background:
            radial-gradient(700px 240px at -10% 20%, rgba(0,185,239,.22), transparent 55%),
            radial-gradient(700px 240px at 110% 120%, rgba(110,186,68,.22), transparent 55%),
            linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
}

/* ¾×¼¾Æ® ÅؽºÆ® Ä÷¯(³¯Â¥/ŸÀÌƲ »ì¦ ¹°µéÀ̱â) */
.tl-item.is-now .tl-title{ color:#1b1b1b; text-shadow:0 1px 0 rgba(255,255,255,.25); }
.tl-item.is-soon .tl-title{ color:black; }
.tl-item.is-upcoming .tl-title{ color:black; }
.tl-item.is-past .tl-title{ color:#e9eef3; }
.tl-item .tl-date{ opacity:.95; }

.is-upcoming{
    opacity: 0.3;
}

.is-soon{
    opacity:0.7;
}

.footer{
 /*background-color: white;*/
    background-color: #fff000;
}
.footer .footer-nav li a {
    color:black;
    font-family:unset;
}

.footer:before{
 display:none;
    position: unset;
    left: unset;
    top: 0;
    width: unset;
    height: 110px;
    background-color: var(--color-dark-seven);
}


.footer .widget-title {
    color: #8e8e8e;}



/* ===== CP Sections (¸®Äûµå ±Û·¡½º + ºê·£µù) ===== */
:root{
    --seoul-yellow:#FFF100;
    --seoul-blue:#00B9EF;
    --seoul-pink:#E62E8B;
    --seoul-green:#6EBA44;
    --cp-glass-bg:rgba(255,255,255,.7);
    --cp-glass-br:16px;
    --cp-blur:14px;
    --cp-shadow:0 20px 50px rgba(0,0,0,.12);
}

.cp-section .cp-h{margin-bottom:28px}
.cp-section .cp-h h2{font-weight:800; letter-spacing:-.02em}
.cp-glass{
    position:relative; padding:28px 26px; margin:18px 0;
    background:linear-gradient(180deg, var(--cp-glass-bg), rgba(255,255,255,.6));
    border:1px solid rgba(255,255,255,.5);
    border-radius:var(--cp-glass-br);
    backdrop-filter:blur(var(--cp-blur));
    box-shadow:var(--cp-shadow);
}
.cp-glass:before{
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
    background:linear-gradient(120deg, rgba(255,241,0,.12), rgba(0,185,239,.12), rgba(230,46,139,.12));
    mix-blend-mode:overlay;
}
.cp-tt{font-size:22px; font-weight:800; margin-bottom:12px}
.cp-tt-sm{font-size:18px; font-weight:700; margin:18px 0 10px}

.cp-sub ul{margin:8px 0 0 0; padding:0}
.cp-sub ul.dot>li{list-style:none; margin:10px 0}
.cp-sub ul.dot>li:before{content:"-"; color:var(--seoul-pink); margin-right:8px; font-weight:700}
.cp-sub ul.dash{margin-top:8px; margin-left:16px}
.cp-sub ul.dash li{list-style:none; margin:4px 0}
.cp-sub ul.dash li:before{content:"- "; color:#999}

/* Tabs */
.cp-tabs{margin-top:12px}
.cp-tablist{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px}
.cp-tablist button{
    border:none; padding:10px 14px; border-radius:999px; cursor:pointer; font-weight:700;
    background:#fff; box-shadow:0 8px 18px rgba(0,0,0,.06);
}
.cp-tablist button.on{background:var(--seoul-blue); color:#000; border:1px solid rgba(0,0,0,.08)}
.cp-tabpanel{display:none}
.cp-tabpanel.on{display:block}

/* Tables */
.cp-table{overflow:auto; border-radius:12px; border:1px solid rgba(0,0,0,.06); background:#fff}
.cp-table table{width:100%; border-collapse:collapse; font-size:15px}
.cp-table thead th{

    border-bottom:1px solid #e9eef3; padding:12px 10px; white-space:nowrap; text-align:left
}

.cp-table td{border-top:1px solid #eef2f6; padding:12px 10px; vertical-align:top}
.cp-table tbody tr:first-child td{border-top:0}

/* spacing helpers */
.mt-4{margin-top:1.25rem}



/* ÀÛÀº È­¸é ÃÖÀûÈ­ */
@media(max-width:992px){
    .cp-glass{padding:22px 18px}
    .cp-table table{font-size:14px}
}

/* ========== Contest Details (»ó¿ë ½ºÅ¸ÀÏ) ========== */
#contest-details { overflow: hidden; }

/* ¼½¼Ç Çì´õ */
#contest-details .cp-h { margin-bottom: 28px; }
#contest-details .cp-h .eyebrow{
    display:inline-block; font-weight:700; letter-spacing:.04em;
    color:#E62E8B; margin-bottom:8px;
}
#contest-details .cp-h h2{
    font-size: clamp(24px, 2.6vw, 40px);
    line-height: 1.15; font-weight: 800; letter-spacing: -0.02em;
    margin:0;
}

/* ¸®Äûµå ±Û·¡½º Ä«µå */
#contest-details .cp-glass{
    position: relative;
    border-radius: 20px;
    padding: clamp(18px, 2vw, 28px);
    margin-bottom: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.48));
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px rgba(0,0,0,.08), inset 0 0 0 1px rgba(255,255,255,.55);
    isolation: isolate;
}
/* À¯¸® ¾È ÀºÀºÇÑ ¶óÀÌÆ® */
#contest-details .cp-glass::before{
    content:""; position:absolute; inset:-1px;
    background:
            radial-gradient(1200px 300px at -10% -20%, rgba(255,241,0,.35), transparent 60%),
            radial-gradient(1200px 300px at 110% 120%, rgba(0,185,239,.35), transparent 60%);
    z-index:-1; border-radius: inherit;
    pointer-events: none;
}

/* Ä«µå ÁÂÃø Ä÷¯ ¶óÀÎ(ºê·£µå 4»ö ¼øȯ) */
#contest-details .cp-glass{ --bar:#fff100; }
#contest-details .cp-glass:nth-of-type(2){ --bar:#00B9EF; }
#contest-details .cp-glass:nth-of-type(3){ --bar:#E62E8B; }
#contest-details .cp-glass:nth-of-type(4){ --bar:#6EBA44; }
#contest-details .cp-glass:nth-of-type(5){ --bar:#111; } /* ÅÇ/Ç¥ Ä«µå */
#contest-details .cp-glass > .cp-tt{
    position:relative; padding-left:14px; margin:0 0 14px;
    font-weight:800; letter-spacing:-.02em;
}
#contest-details .cp-glass > .cp-tt::before{
    content:""; position:absolute; left:0; top:0.25em;
    width:6px; height:1.15em; border-radius:4px; background: var(--bar);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--bar) 28%, transparent);
}

/* º»¹® ŸÀÌÆ÷ */
#contest-details .cp-glass p{
    margin:0; font-size: clamp(15px, 1.05vw, 17px); line-height:1.8; color:#101010;
}
#contest-details .cp-glass p + p { margin-top: 10px; }

/* ¼­ºê ºí·Ï */
#contest-details .cp-sub{ margin-top:16px; }
#contest-details .cp-sub h4{
    font-size: clamp(16px, 1.1vw, 18px); margin:0 0 10px; font-weight:800;
}

/* ¸®½ºÆ® ½ºÅ¸ÀÏ */
#contest-details .dot, #contest-details .dash { margin:0; padding:0; list-style:none; }
#contest-details .dot > li{
    position:relative; padding-left:18px; margin:8px 0;
}
#contest-details .dot > li::before{
    content:""; position:absolute; left:0; top:.7em;
    width:8px; height:8px; border-radius:50%;
    background: radial-gradient(circle at 30% 30%, var(--bar) 0%, var(--bar) 50%, #fff 55%);
    box-shadow: 0 0 0 3px rgba(0,0,0,.04) inset;
}
#contest-details .dash > li{ position:relative; padding-left:14px; margin:6px 0; }
#contest-details .dash > li::before{
    content:"-"; position:absolute; left:0; top:0; color:#888; }

/* ÅÇ */
#contest-details .cp-tabs{ margin-top:18px; }
#contest-details .cp-tablist{
    display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px;
}
#contest-details .cp-tablist button{
    border:1px solid rgba(0,0,0,.08); background:#fff; color:#111;
    padding:10px 14px; border-radius:12px; font-weight:700; cursor:pointer;
    transition: all .2s ease; font-size:14px;
}
#contest-details .cp-tablist button:hover{ transform: translateY(-1px); }
#contest-details .cp-tablist button.on{
    color:white; border-color: transparent;
    /*background: linear-gradient(120deg, #fff100 0%, #00B9EF 50%, #E62E8B 100%);*/
    background: #e12c89;
    background-size: 200% 200%; animation: cpTab 8s ease infinite;
}
@keyframes cpTab{ 0%{background-position:0 0} 50%{background-position:100% 100%} 100%{background-position:0 0} }

#contest-details .cp-tabpanel{ display:none; }
#contest-details .cp-tabpanel.on{ display:block; }

/* ǥ */
#contest-details .cp-table{ border-radius:14px; overflow: hidden; background:#fff; box-shadow:0 6px 20px rgba(0,0,0,.06); }
#contest-details .cp-table table{ width:100%; border-collapse:collapse; font-size:14px; }
#contest-details .cp-table thead th{
    font-weight:800; text-align:left; padding:12px 14px; border-bottom:1px solid rgba(0,0,0,.06);
}
#contest-details .cp-table tbody td{
    padding:12px 14px; vertical-align: top; border-bottom:1px solid rgba(0,0,0,.06);
}
#contest-details .cp-tt-sm{ font-weight:800; margin:14px 2px 10px; }
.mt-4{ margin-top: 22px !important; }

/* ¹ÝÀÀÇü */
@media (max-width: 768px){
    #contest-details .cp-glass{ padding:16px; border-radius:16px; }
    #contest-details .cp-h{ margin-bottom:16px; }
    #contest-details .cp-table table{ font-size:13px; }
}

/* Æ÷½ºÅÍ ·¡ÆÛ´Â ±âÁØ ÄÁÅ×ÀÌ³Ê */
.poster-wrap{position:relative;display:block;
    max-width: 1080px;
    margin: 50px auto;}

/* ÁÂ/¿ì ¿©¹é ¹Ú½º: Æø/³ôÀÌ´Â JS°¡ °è»êÇؼ­ ÁÖÀÔ */
.poster-deco{
    position:absolute; top:0; bottom:0; /* Æ÷½ºÅÍ ³ôÀÌ ¸¸Å­ */
    width:var(--side-w,0px); height:var(--poster-h,auto);
    pointer-events:none; z-index:0; overflow:visible;
}
.poster-deco.left{ left:calc(-1 * var(--side-w,0px)); }
.poster-deco.right{ right:calc(-1 * var(--side-w,0px)); }

/* Å«(e*) */
.poster-deco img.big{

    position:absolute;
    max-width:150px; /* ±âº»°ª, JS¿¡¼­ scale */
    filter:drop-shadow(0 20px 40px rgba(0,0,0,.18));
    animation:float 7s ease-in-out infinite;
}

/* ÀÛÀº(s1, s2) */
.poster-deco img.small{
    position:absolute; width:24px; height:24px; opacity:.9;
    animation:floatSmall 5s ease-in-out infinite;
}

.poster-deco img.big{
    position:absolute;
    max-width:120px;           /* ¡ç big ÃÖ´ë °¡·Î 120px */
    width:120px;               /* °¡·Î °íÁ¤(°¡º¯ ¿øÇϸé ÀÌ ÁÙÀº Á¦°Å) */
    height:auto;
    filter:drop-shadow(0 20px 40px rgba(0,0,0,.18));
    animation:float 7s ease-in-out infinite;
}

@keyframes float{
    0%,100%{ transform:translateY(0) rotate(0) }
    50%{ transform:translateY(-12px) rotate(6deg) }
}
@keyframes floatSmall{
    0%,100%{ transform:translateY(0) rotate(0) }
    50%{ transform:translateY(-10px) rotate(12deg) }
}

/* ¸ð¹ÙÀÏÀº °úÇÏÁö ¾Ê°Ô */
@media (max-width:768px){
    .poster-deco img.big{ max-width:140px }
}


.btn-wrap .text-first{
    color:white;
    font-weight:bold;
}

/* Âü°¡ ÇýÅà ±×¸®µå */
.benefit-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:14px;
    align-items:start;
}

/* Ä«µå: ±ÛÀÚ ±æÀÌ¿¡ µû¶ó ³ôÀÌ ÀÚµ¿ */
.benefit-card{
    padding:16px 18px;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.35));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 10px 28px rgba(0,0,0,.08);
    border:1px solid rgba(255,255,255,.5);
    font-weight:600;
    line-height:1.35;
    word-break:keep-all;
    contain:content;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    background: #fff;
    min-height: 78px;
}

/* Æ÷½ºÅÍ ÆÈ·¹Æ® ¹Ý¿µÇÑ ¾ãÀº º¸´õ ÇÏÀ̶óÀÌÆ® */
.benefit-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(0,0,0,.12);
    border-color: rgba(0,185,239,.45); /* Deep Sky Blue */
}

/* Á¶¹ÐÇÑ ÅؽºÆ®¿¡¼­µµ ±ÕÇü°¨ À¯Áö */
.benefit-card + .benefit-card{}

/* ŸÀÌƲ ºí·Ï ¿©¹é */
.mb-3{ margin-bottom:12px; }
.mt-2{ margin-top:8px; }
/* grid-cards Áß¾Ó Á¤·Ä */
.grid-cards {
    display: flex;
    justify-content: center;  /* ÁÂ¿ì °¡¿îµ¥ */
    align-items: flex-start;  /* À§ÂÊ Á¤·Ä */
    gap: 20px;                /* ÇÊ¿ä½Ã Ä«µå °£ °£°Ý */
    flex-wrap: wrap;          /* ¿©·¯ °³ÀÏ ¶§ ÁÙ¹Ù²Þ */
}

/* c-card °¡ ³Ê¹« ³Ð¾îÁöÁö ¾Ê°Ô */
.grid-cards .c-card {
    max-width: 720px;   /* ¿øÇϸé 600~800px Á¤µµ·Î Á¶Á¤ */
    width: 100%;
}

.wptb-icon-box5 {
    background-color: #ffef02;   /* Ä«µå ¹è°æ */
    border: none;                /* Å׵θ® Á¦°Å */
    border-radius: 12px;         /* µÕ±Ù ¸ð¼­¸® */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* ¹Ú½º ½¦µµ¿ì */
    padding: 24px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    height: 250px;               /* Ä«µå ³ôÀÌ °íÁ¤ */
    display: flex;
    flex-direction: column;
    justify-content: center;     /* ¼¼·Î Áß¾Ó Á¤·Ä */
    align-items: center;         /* °¡·Î Áß¾Ó Á¤·Ä */
    text-align: left;          /* ÅؽºÆ® Áß¾Ó Á¤·Ä */
}

.wptb-icon-box5:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.wptb-icon-box5 .wptb-item--icon {
    font-size: 40px;
    color: #000;
    margin-bottom: 16px;
}

.wptb-icon-box5 .wptb-item--title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.wptb-icon-box5 .wptb-item--description {
    font-size: 14px;
    opacity: 0.8;

}

.text-align-center{
    text-align: center;
}

/* È÷¾î·Î ¼½¼ÇÀº ÁÂÇ¥ ±âÁØÀÌ µÇ¾î¾ß ÇÔ */
#hero-poster { position: relative; overflow: visible; background:#02b7ed; }
#hero-poster .container { position: relative; }

/* µµÇü ·¹À̾î */
.hero-shapes-layer{
    position: absolute;
    inset: 0;         /* ¼½¼Ç ¾È¿¡¼­ ²Ë ä¿ì°í */
    pointer-events: none;
    z-index: 1;       /* Æ÷½ºÅͺ¸´Ù ¾Æ·¡/À§ Á¶Á¤ ÇÊ¿ä ½Ã 0~2 »çÀÌ·Î */
}

/* Æ÷½ºÅÍ ±×·ìÀ» ÃÖ»ó´ÜÀ¸·Î */
#hero-poster .landing-head { position: relative; z-index: 2; }

/* µµÇü °øÅë */
.hero-shape{
    position: absolute;
    max-width: 120px;     /* ¿äû: big À̹ÌÁö °¡·Î ÃÖ´ë 120px */
    height: auto;
    will-change: transform;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.18));
    opacity: .95;
}
.hero-shape.small{ max-width: 26px; filter: drop-shadow(0 3px 8px rgba(0,0,0,.18)); }

/* »ì¦ µÕ½Ç ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes heroFloat {
    0%   { transform: translateY(0) rotate(0deg); }
    50%  { transform: translateY(-8px) rotate(1.5deg); }
    100% { transform: translateY(0) rotate(0deg); }
}
.hero-shape.float { animation: heroFloat 6s ease-in-out infinite; }

/* (¼±ÅÃ) ¼½¼Ç ¹è°æÀÇ »ç¼± ³ë¶õ ¶ì À¯Áö ½Ã */
#hero-poster.has-stripe::before{
    content:""; position:absolute; top:-140px; left:-20%;
    width:160%; height:280px; background:#fff100;
    transform:rotate(-12deg); box-shadow:0 20px 40px rgba(0,0,0,.2); z-index:0;
}

:root{
    --cp-yellow: #FFF100;  /* ¾ÆÀ̵§Æ¼Æ¼ ³ë¶û */
    --cp-blue:   #00B9EF;  /* ¾ÆÀ̵§Æ¼Æ¼ ºí·ç */
}

#awards-benefits.cp-stripe-bg{
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#awards-benefits.cp-stripe-bg::before{
    content:"";
    position: absolute;
    inset: -8% -10%;
    z-index: -1;
    /* ÆĶû-³ë¶û ¹Ýº¹ */
    background:
            repeating-linear-gradient(
                    -16deg,
                    var(--cp-blue)   0    220px,
                    var(--cp-blue)   220px 440px,
                    var(--cp-yellow) 440px 660px,
                    var(--cp-yellow) 660px 880px
            );
    /* ºÒÇÊ¿äÇÑ Åõ¸íµµ/ºí·¯ Á¦°Å ¡æ ¿ø»ö ±×´ë·Î ÁøÇÏ°Ô */
}

#awards-benefits.cp-stripe-bg::after{
    content:"";
    position:absolute; inset:0;
    z-index:-1;
    /* ¹è°æÀÌ ³Ê¹« ´«¿¡ ¶é ¶§¸¸ À§¿¡¼­ ÇÏ¾á ±×¶óµ¥À̼ÇÀ¸·Î »ì¦ ´­·¯ÁÜ */
    background:
            linear-gradient(to bottom,
            rgba(255,255,255,0.2),
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,0) 80%,
            rgba(255,255,255,0.2)
            );
    pointer-events:none;
}

/* ¹ÝÀÀÇü */
@media (max-width: 992px){
    #awards-benefits.cp-stripe-bg::before{
        background:
                repeating-linear-gradient(
                        -16deg,
                        var(--cp-blue)   0    160px,
                        var(--cp-blue)   160px 320px,
                        var(--cp-yellow) 320px 480px,
                        var(--cp-yellow) 480px 640px
                );
    }
}
@media (max-width: 576px){
    #awards-benefits.cp-stripe-bg::before{
        background:
                repeating-linear-gradient(
                        -16deg,
                        var(--cp-blue)   0    120px,
                        var(--cp-blue)   120px 240px,
                        var(--cp-yellow) 240px 360px,
                        var(--cp-yellow) 360px 480px
                );
    }
}


/* °øÅë »ö»ó(ºê·£µå) */
.cp-footer{
    --yellow:#FFF100; --blue:#00B9EF; --pink:#E62E8B; --green:#6EBA44; --ink:#222;
    background: var(--yellow);
    color: var(--ink);
}

/* ====== º£ÇÚ½º½Ä: Á ½½¸², ¿ì Áý¾à ====== */
.cp-footer--right{ padding-top:56px; }
.cp-footer__row{
    display:flex; gap:40px; align-items:flex-start; justify-content:space-between;
}

/* ÁÂÃø ºê·£µå(½½¸²) */
.cp-footer__brand{flex:0 0 280px; max-width:280px}
.cp-footer__logo img{height:56px; width:auto; display:block; margin-bottom:10px}
.cp-footer__tagline{font-size:14px; line-height:1.6; opacity:.9; margin:0}

/* ¿ìÃø Ä÷³ Ŭ·¯½ºÅÍ */
.cp-footer__cluster{
    flex:1 1 auto;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns: minmax(160px, 1fr);
    gap:28px 36px;
    justify-items:end;               /* Ä÷³ ÅؽºÆ® ¿ìÃø Á¤·Ä ´À³¦ */
    text-align:left;                 /* Ç׸ñÀº ±âº» ÁÂÁ¤·Ä À¯Áö */
}

/* Ä÷³ ŸÀÌƲ */
.cp-footer__title{
    font-weight:700; letter-spacing:.02em; margin:6px 0 14px;
    position:relative; display:inline-block; padding-left:10px;
}


.cp-footer__list{list-style:none; margin:0; padding:0}
.cp-footer__list li{margin:.45rem 0}
.cp-footer__list a{
    color:var(--ink); text-decoration:none; font-size:15px; line-height:1.7;
    padding:2px 6px; border-radius:8px;
    transition:background .18s ease, transform .18s ease, color .18s ease;
}
.cp-footer__list a:hover{ background:rgba(255,255,255,.5); transform:translateY(-1px) }

/* ¼Ò¼ÈÀº ÅؽºÆ®¸¸ (¾ÆÀÌÄÜ »èÁ¦) */
.cp-footer__social a{ padding-left:6px }

/* ÇÏ´Ü ¹Ù */
.cp-footer__bar{ border-top:1px solid rgba(0,0,0,.1); margin-top:40px; background:rgba(0,0,0,.04) }
.cp-footer__bar-inner{
    display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0;
}
.cp-footer__copy{font-size:13px}
.cp-footer__legal{display:flex; gap:16px; list-style:none; margin:0; padding:0}
.cp-footer__legal a{font-size:13px; color:var(--ink); opacity:.85}
.cp-footer__legal a:hover{opacity:1}

/* ¹ÝÀÀÇü */
@media (max-width:1200px){
    .cp-footer__cluster{ grid-auto-columns:minmax(140px, 1fr); gap:24px 28px; }
}
@media (max-width:992px){
    .cp-footer__row{ flex-direction:column; gap:28px; }
    .cp-footer__brand{ max-width:none; }
    .cp-footer__cluster{ grid-auto-flow:row; grid-template-columns: 1fr 1fr; justify-items:stretch; }
}
@media (max-width:520px){
    .cp-footer__cluster{ grid-template-columns: 1fr; }
    .cp-footer__bar-inner{flex-direction:column; align-items:flex-start}
}


/* µµÇü ·¹À̾î */
#hero-orbits{
    position:absolute; inset:0;
    pointer-events:none;           /* Ŭ¸¯ ¹æÇØ X */
    z-index:0;                     /* Æ÷½ºÅÍ ¾Æ·¡ / ¹è°æ À§ */
}

/* µµÇü °øÅë */
.hero-shape{
    position:absolute;
    will-change: transform;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.15));
}

/* »çÀÌÁî ±ÔÄ¢ */
.hero-shape.big  { max-width:120px; }     /* ¿äû: big °¡·Î ÃÖ´ë 120px */
.hero-shape.small{ max-width:28px; }      /* ÀÛÀº Æ÷½ºÅÍ Çȼ¿°ú ºñ½ÁÇÑ Å©±â */
@media (max-width: 768px){
    .hero-shape.big  { max-width:84px; }
    .hero-shape.small{ max-width:22px; }
}

/* Æ÷½ºÅÍ°¡ µµÇü À§¿¡ ¿Ã¶ó¿Àµµ·Ï */
#hero-poster .landing-head,
#hero-poster .poster-wrap{ position:relative; z-index:1; }

/* ÄÁÅ×À̳ʴ Æ÷½ºÅÍ ¹Ù±ù ¿©¹é °ÅÅÍ¿¡¸¸ º¸À̵µ·Ï ¼½¼Ç Àüü¿¡ ±ò°í, Æ÷½ºÅÍ¿Í ´Ù¸¥ ·¹À̾î */
.hero-orbit {
    position:absolute; inset:0; /* ¼½¼Ç Àüü */
    pointer-events:none;
    overflow:visible;
    z-index: 3; /* Æ÷½ºÅͺ¸´Ù À§¿¡ µÎ°í ½ÍÀ¸¸é Å©°Ô, Æ÷½ºÅÍ ¾Æ·¡¸é ÀÛ°Ô */
}
#hero-poster .poster-wrap { position: relative; z-index: 4; } /* Æ÷½ºÅ͸¦ À§·Î ¿Ã¸®¸é µµÇüÀÌ °¡·ÁÁü ÁÖÀÇ */

.shape { position:absolute; will-change: transform; }
.shape.big   { filter: drop-shadow(0 8px 14px rgba(0,0,0,.25)); }
.shape.small { width: 28px; filter: drop-shadow(0 4px 8px rgba(0,0,0,.2)); }


.benefit-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: #e62e8c;
    color:white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    font-weight: 500;
    transition: transform 0.2s ease;

}

.benefit-card i {
    font-size: 1.4rem;
    color: #ffef02; /* ºê·£µå ³ë¶û */
}

.benefit-card:hover {
    transform: translateY(-4px);
}

.highlight {
    background-color: #e62e8c; /* ¹ÙÅÁ»ö */
    padding: 4px 8px;          /* ¿©¹é */
    border-radius: 6px;        /* µÕ±Ù ¸ð¼­¸® */
    font-weight: bold;         /* °­Á¶ */
    color:white !important;
    line-height: 30px;
}

#contest-details .cp-table thead th {
    background: #ffef02;
}

.br_on br{
    display:block;
}


/* ÁÖÁ¦ Ä«µå ±×¸®µå */
.topic-intro { margin-bottom: 14px; }
.topic-outro { margin-top: 14px; }

.topic-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
    gap:14px;
    margin:12px 0 6px;
}

.topic-card{
    display:flex; align-items:center; gap:10px;
    padding:14px 16px;
    border-radius:14px;
    background:#fff;               /* Èò ¹ÙÅÁ */
    box-shadow:0 8px 22px rgba(0,0,0,.08); /* Ä«µå ´À³¦ */
    border:0;
    font-weight:600;
    line-height:1.35;
}

.topic-card i{
    font-size:22px;
    flex:0 0 auto;
    padding:10px;
    border-radius:12px;
    background:rgba(255,241,0,.2); /* ±âº» ¾ÆÀ̵§Æ¼Æ¼ Åæ */
}

/* ºê·£µå Ä÷¯ Æ÷ÀÎÆ®(³ë¶û/ÆĶû/ºÐÈ«/¿¬µÎ) */
.topic-card.k1 i{ background:rgba(255,241,0,.25); color:#000; } /* Canary Yellow */
.topic-card.k2 i{ background:rgba(0,185,239,.18); color:#00B9EF; }
.topic-card.k3 i{ background:rgba(230,46,139,.16); color:#E62E8B; }
.topic-card.k4 i{ background:rgba(110,186,68,.16); color:#6EBA44; }

/* ´ÙÅ©¹è°æ ´ëºñ */
.mesh-bg .topic-card{ background:rgba(255,255,255,.96); backdrop-filter: blur(6px); }