:root { --font-suit:"SUIT",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-rokaf:'ROKAFSlabSerifMedium',serif; }
body { font-family:var(--font-suit); }
*{letter-spacing: -.76px;}
html,body{width:100%;max-width:100%;overflow-x:hidden;}
img{width:100%;height:auto;object-fit:cover;}

[data-ani] { opacity:0; transform:translateY(40px); transition:opacity .8s ease, transform .8s ease; }
[data-ani].show { opacity:1; transform:translateY(0); }

[data-ani="fade"] { transform:none; }
[data-ani="zoom"] { transform:scale(.9); }
[data-ani="zoom"].show { transform:scale(1); }
.fair02__bubble[data-ani].show, .fair08__bubble[data-ani].show{ transform:translateX(-50%) scale(1); }
#wedding_fair2026{overflow: hidden;}

/* hero */
.hero { position:relative; }
.fair_btn { display:flex; width:100%; text-align:center; justify-content:center;padding:30px 0; background:#01C4BE;text-decoration:none; position:relative; overflow:hidden; transition:color .3s ease; }
.fair_btn span{ color:#fff; font-size:40px; font-weight:400;z-index:1;  }
.fair_btn b { font-weight:700; }
.fair_btn::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,#FFD454,#FFFFFF,#A0FFFC,#FFD454); background-size:300% 300%; opacity:0; transition:opacity .3s ease; z-index:0; }
.fair_btn:hover::before { opacity:1; animation:gradientMove 10s ease infinite; }
.fair_btn:hover span{ color:#00605D; }
.fair_btn, .fair_btn b { position:relative; z-index:1; }
@keyframes gradientMove { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }



/* fair01 */
.fair01 {text-align:center; padding:120px 20px 100px; }
.fair01 .txt01 { font-family:var(--font-suit); font-size:34px; color:#FFD454; letter-spacing:2px; margin-bottom:8px;line-height:0.8; }
.fair01 .txt02 { font-family:var(--font-suit); font-size:70px; font-weight:800; color:#FFD454; margin-bottom:40px;line-height:0.8; }
.fair01 .txt03 { font-size:28px; font-weight:700; color:#00605D; }
.fair01 .txt04 { font-size:28px; color:#1D1D1D; margin-bottom:60px; }
.fair01 .txt05 { font-size:64px; font-weight:800; color:#01C4BE; margin-bottom:40px; }
.fair01 .txt06 { font-size:22px; line-height:1.6; color:#1D1D1D;; margin-bottom:80px; }
.fair01 .txt06 b {font-weight:700; }
.fair01 img { display:block; max-width:520px; width:100%; margin:0 auto 80px; }
.fair01 ul { display:flex; flex-wrap:wrap; justify-content:center; gap:16px 20px; max-width:720px; margin:0 auto; padding:0; list-style:none; }
.fair01 ul li { background:#fff; color:#00605D; font-size:18px;width:220px; font-weight:500; padding:14px 20px; border-radius:999px; box-shadow:0 0 11px 0px rgb(77 77 77 / 20%);border:1px solid #eee;}
.fair01 ul li b { font-weight:800; }

/* fair02 */
.fair02 { cursor:none; position:relative; width:100%; padding:80px 0; background:#01C4BE; text-align:center;}
/* 상단 말풍선 */
.fair02__bubble { display:inline-block; background:#3a3a3a; color:#fff; font-size:22px; font-weight:500; padding:14px 42px; border-radius:32px; margin-bottom:40px; position:absolute;top:-33px;left:50%;transform:translateX(-50%);border:1px solid #00FFF7;}
.fair02__bubble b { color:#00FFF7; font-weight:700; }
.fair02__bubble:after { content:""; position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); border-width:12px 10px 0; border-style:solid; border-color:#3a3a3a transparent transparent; }
/* 타이틀 */
.fair02__title { font-size:36px; color:#fff; font-weight:700; line-height:1.24; margin-bottom:60px; }
.fair02__title span { color:#00FFF7; }
/* 메인 버튼 */
.fair02__btn.main { margin:0 auto;display:flex; align-items:center; justify-content:center; width:420px; height:84px; background:#005f5b; color:#fff; font-size:28px; font-weight:700; border-radius:999px; text-decoration:none;transition:.5s; }
/* 네이버 예약 원형 버튼 */
.fair02__btn.sub { position:absolute; right:-40px; width:160px; height:160px; background:#fff; color:#00605D; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; font-size:22px; font-weight:700; line-height:1.2; box-shadow:0 10px 30px rgba(0,0,0,.15);}
.fair02__btn.main:hover{background: #024b47;}
/* 커서 */
.fair02__cursor { position:absolute; width:120px; height:120px; pointer-events:none; transform:translate(-50%,-50%) scale(1); transition:transform .15s ease, opacity .2s ease; opacity:0; z-index:20; }
.fair02__cursor img { width:100%; height:100%; object-fit:contain; }
.fair02:hover .fair02__cursor { opacity:1; }
.fair02__cursor.is-hover { transform:translate(-50%,-50%) scale(1.15); }
.fair02__cursor.is-click { transform:translate(-50%,-50%) scale(0.9); }

/* fair03 */
.fair03 { background:url(/img/Lalapass_bg.png)no-repeat center 480px  #00605D; padding:120px 20px 140px; text-align:center; }
.fair03{overflow:visible;}

.fair03 .txt02 img {height:auto; }
.fair03>img{display:block;width:100%;height:auto;max-width:520px;margin:26px auto 34px;object-fit:contain;}

.fair03 .pass_badge { display:block; width:240px; max-width:70vw; margin:0 auto 70px; }
.fair03 .pass_list { max-width:860px; margin:0 auto; padding:0; list-style:none; display:flex; flex-direction:column; gap:45px; }
.fair03 .pass_item { position:relative; overflow:hidden;transform:translateY(12px); opacity:0; transition:opacity .7s ease, transform .7s ease; }
.fair03 .pass_item.is-inview { opacity:1; transform:translateY(0); }
.fair03 .pass_item .img_base { display:block; width:100%; height:auto; }
.fair03 .pass_item .img_hover { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; transition:opacity .55s ease; pointer-events:none; }
.fair03 .pass_item.is-active .img_hover { opacity:1; }
.fair03 .pass_list .pass_item:nth-child(2), .fair03 .pass_list .pass_item:nth-child(5), .fair03 .pass_list .pass_item:nth-child(8) { margin-bottom:-10px; }
.fair03{background:#00605D url(/img/lalapass_bg.png) no-repeat center 480px;}
@media (max-width:768px){.fair03{background-position:center top;background-size:cover;}}

/* fair04 */
.fair04{padding:40px 0 0; text-align:center;}
.fair04 .txt01{font-size:32px;font-weight:500;color:#01C4BE;font-family: var(--font-rokaf);margin-top:42px}
.fair04 .txt02{font-size: 42px;font-weight:700;color:#00605D;font-family: var(--font-rokaf);margin-bottom:80px;line-height: 120%;}
.fair04 .txt03{font-size:22px;margin:40px auto 80px;color:#1D1D1D;font-weight:400;}
.fair04 .txt03 b{font-weight:800;}
.img_center{margin:0 15px}


/* fair05 */
.fair05 { background:#F4F1E7; padding:130px 0 110px; text-align:center; }
.fair05__inner { width:min(860px,100%); margin:0 auto; padding:0 20px; }
.fair05__badge { display:inline-block; background:#01C4BE; color:#fff; font-size:28px; font-weight:800; padding:14px 26px; margin:0 0 30px; }
.fair05__tit { margin:0 0 36px; font-size:54px; line-height:1.18; }
.fair05__tit .c1 { color:#01C4BE; font-weight:400; }
.fair05__tit .c2 { color:#00605D; font-weight:800;  }
.fair05__desc { margin:0 0 70px; font-size:26px; line-height:1.65; color:#666; }
.fair05__desc b { color:#333; font-weight:700; }
.fair05__img { display:block; width:min(860px,100%); height:auto; margin:0 auto 70px; }
.fair05__bottom { margin:0 auto; width:min(760px,100%); text-align:left; padding-left:26px; border-left:1px solid #00605D; font-size:24px; line-height:1.75; color:#6b6b6b; }
.fair05__bottom b { color:#2f2f2f; font-weight:700; }

/* fair06 */
.fair06 { position:relative; width:100%; padding:110px 0 120px; overflow:hidden; text-align:center; }
.fair06__bg { position:absolute; inset:0; background:url("/img/dress_benefit.png") center/cover no-repeat; transform:scale(1.02); }
.fair06__overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.6) 100%); }
.fair06__inner { position:relative; z-index:2; width:min(860px,100%); margin:0 auto; padding:0 20px; }
.fair06__top { margin:0 0 14px; font-size:30px; font-weight:400; color:#fff; }
.fair06__top b{font-weight:700;}
.fair06__tit { margin:0 0 52px; font-size:54px; font-weight:700; line-height:1.05; }
.fair06__tit span { color:#A0FFFC; }
.fair06__list { margin:0 auto 60px; padding:0; list-style:none; display:flex; flex-direction:column; gap:34px; width:min(760px,100%); }
.fair06__item { border-radius:26px; overflow:hidden; box-shadow:0 18px 45px rgba(0,0,0,.28); background:transparent; }
.fair06__itemHead { background:#01C4BE; color:#fff; font-size:34px; font-weight:700; padding:28px 22px; }
.fair06__itemBody { background:#fff; color:#666; font-size:22px; font-weight:600; line-height:1.55; padding:26px 22px 28px; }
.fair06__bottom { margin:0; font-size:30px; font-weight:400; color:#fff; line-height:1.5; }
.fair06__bottom b { font-weight:700; }
@media (max-width:768px){ .fair06 { padding:90px 0 90px; } .fair06__inner { padding:0 16px; } .fair06__top { font-size:20px; } .fair06__tit { font-size:40px; margin-bottom:40px; } .fair06__list { gap:22px; margin-bottom:44px; } .fair06__itemHead { font-size:24px; padding:10px 16px; } .fair06__itemBody { font-size:16px; padding:18px 16px 20px; } .fair06__bottom { font-size:20px; } }

/* fair07 */
.fair07 { width:100%; }
.fair07__brand { padding:110px 0 0; }
.fair07__brand:nth-child(odd) { background:#F4F4F4; }
.fair07__brand:nth-child(even) { background:#fff; }
.fair07__head { width:min(860px,100%); margin:0 auto; padding:0 20px 70px; text-align:center; }
.fair07__dress { margin:0 0 28px; font-size:32px; font-weight:100; letter-spacing:2px; color:#ACC6C5; font-family:var(--font-suit); }
.fair07__logo { display:flex; justify-content:center; align-items:center; margin:0 0 20px; }
.fair07__logo img {width:180px; display:block; }
.fair07__name { margin:0; font-size:34px; font-weight:400; color:#545454; }
.fair07__name b{font-weight:700;}
.fair07__slider { position:relative; width:100%; padding:0 0 110px; }
.fair07__swiper { width:100%; }
.fair07__swiper .swiper-wrapper { align-items:stretch; }
.fair07__swiper .swiper-slide { width:auto; height:420px; }
.fair07__swiper .swiper-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.fair07__fade { position:absolute; inset:auto 0 110px 0; height:360px; pointer-events:none; background:linear-gradient(90deg,rgba(244,244,244,1) 0%,rgba(244,244,244,0) 12%,rgba(244,244,244,0) 88%,rgba(244,244,244,1) 100%); }
.fair07__brand:nth-child(even) .fair07__fade { background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 88%,rgba(255,255,255,1) 100%); }


/* fair07 drag cursor (mint) */
.fair07 { position:relative; }
.fair07__slider { cursor:none; }
.fair07__cursor { position:absolute; width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,.10); border:2px solid #00FFF7; backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; pointer-events:none; transform:translate(-50%,-50%) scale(.75); opacity:0; transition:opacity .18s ease, transform .18s ease; z-index:30; }
.fair07__cursor span { font-size:14px; font-weight:400; letter-spacing:2px; color:#00FFF7; opacity:.95; }
.fair07__cursor.is-show { opacity:1; }
.fair07__cursor.is-enter { animation:fair07CursorEnter .32s ease-out both; }
.fair07__cursor.is-leave { animation:fair07CursorLeave .22s ease-in both; }
.fair07__cursor.is-down { transform:translate(-50%,-50%) scale(.68); }
@keyframes fair07CursorEnter { 0%{transform:translate(-50%,-50%) scale(.75);} 65%{transform:translate(-50%,-50%) scale(1.08);} 100%{transform:translate(-50%,-50%) scale(1);} }
@keyframes fair07CursorLeave { 0%{opacity:1; transform:translate(-50%,-50%) scale(1);} 100%{opacity:0; transform:translate(-50%,-50%) scale(.72);} }
@media (max-width:768px){ .fair07__slider { cursor:auto; } .fair07__cursor { display:none; } }


/* ✅ fair07: iPhone에서 비율 들쭉날쭉/가로로 길어지는 문제 해결 */
@media (max-width:640px){
  .fair07__swiper{padding:0 10px;}
  .fair07__swiper .swiper-slide{width:78%;aspect-ratio:3/4;height:auto;}
  .fair07__swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}
}


/* fair08 */
.fair08 { cursor:none; position:relative; width:100%; padding:80px 0; background:#1D1D1D; text-align:center;}
.fair08__title { font-size:36px; color:#fff; font-weight:700; line-height:1.24; margin-bottom:60px; }
.fair08__title span { color:#00FFF7; }
.fair08__btn.main { margin:0 auto;display:flex; align-items:center; justify-content:center; width:420px; height:84px; background:#01C4BE; color:#fff; font-size:28px; font-weight:700; border-radius:999px; text-decoration:none;transition:.5s; }
.fair08__btn.sub { position:absolute; right:-40px; width:160px; height:160px; }
.fair08__btn.main:hover { background:linear-gradient(92deg,#FFD454 -0.61%,#FFF 50.85%,#A0FFFC 101.34%);color:#00605D}
.fair08__cursor { position:absolute; width:120px; height:120px; pointer-events:none; transform:translate(-50%,-50%) scale(1); transition:transform .15s ease, opacity .2s ease; opacity:0; z-index:20; }
.fair08__cursor img { width:100%; height:100%; object-fit:contain; }
.fair08:hover .fair08__cursor { opacity:1; }
.fair08__cursor.is-hover { transform:translate(-50%,-50%) scale(1.15); }
.fair08__cursor.is-click { transform:translate(-50%,-50%) scale(0.9); }
.fair08__actions { position:relative; width:420px; height:84px; margin:0 auto; }
.fair08__btn.main { width:100%; height:100%; margin:0; }
.fair08__btn.sub { display:none;position:absolute; right:-22px; top:50%; transform:translateY(-50%); width:120px; height:120px; }
@media (max-width:768px){ .fair08 { cursor:auto; } .fair08__actions { width:min(320px,86vw); height:76px; } .fair08__btn.main { font-size:22px; } .fair08__btn.sub { right:-18px; width:104px; height:104px; font-size:14px; } .fair08__cursor { display:none; } }




/* fair09 */
.fair09{background:url('/img/makeup_bg.png')no-repeat center;padding:80px 0 0;text-align: center;}
.fair09 .txt01{font-size: 42px;font-weight:500;color:#01C4BE;font-family: var(--font-rokaf);margin-top:42px}
.fair09 .txt02{font-size: 42px;font-weight:700;color:#00605D;font-family: var(--font-rokaf);margin-bottom:42px;line-height: 120%;}
.fair09 .txt03{font-size:22px;margin:40px auto;color:#1D1D1D;font-weight:400;}
.fair09 .txt03 b{font-weight:800;}
.fair09 .fair07__slider{padding:0 0 0}
/* eventCard */
.eventCard { position:relative; width:100%; padding:40px 20px 80px; display:flex; justify-content:center; }
.eventCard__box { position:relative; width:min(720px,100%); background:#fff; border-radius:36px; padding:80px 28px 52px; text-align:center; box-shadow:0 10px 24px rgba(0,0,0,.10); }
.eventCard__pill { position:absolute; top:18px; left:50%; transform:translateX(-50%); width:220px; height:64px; border-radius:999px; background:#0B6A67; color:#fff; display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:800; letter-spacing:.5px; box-shadow:0 8px 16px rgba(0,0,0,.12);z-index:1; }
.eventCard__tit { margin:0 0 10px; font-size:34px; font-weight:900; color:#111; }
.eventCard__desc { margin:0; font-size:30px; font-weight:500; color:#111; line-height:1.25; }
.eventCard__desc b { font-weight:900; }
.fair09 .bt_wrap{position:relative}
.fair09 .fair02__bubble.show{z-index:2;top:-48px}



/* fair10 */
.fair10{background:#FFF7DF;padding:80px 0 0;text-align: center;overflow: hidden;}
.fair10 .txt01{font-size: 42px;font-weight:500;color:#01C4BE;font-family: var(--font-rokaf);margin-top:42px}
.fair10 .txt02{font-size: 42px;font-weight:700;color:#00605D;font-family: var(--font-rokaf);margin-bottom:42px;line-height: 120%;}
.fair10 .txt03{font-size:22px;margin:40px auto;color:#1D1D1D;font-weight:400;}
.fair10 .imgcenter{margin:0 auto;width:90%;}
.fair10 .benefit{display:flex;flex-direction: column;margin:40px auto 100px;}
.fair10 .benefit img{margin:0 auto;width:80%;}
.fair10__inner { width:min(1120px,100%); margin:0 auto; padding:0 20px; }
.fair10__head { text-align:center; margin-bottom:60px; }
.fair10__h2 { font-family:var(--font-suit); font-size:62px; letter-spacing:6px; font-weight:300; color:#7EA8A8; margin:0 0 14px; }
.fair10__sub { font-size:22px; color:#1D1D1D; margin:0; opacity:.75; }
.fair10__brand { display:flex;flex-direction: column; align-items:center; margin:0 auto 70px;width:100%;max-width: 320px;}
.fair10__tit { position:relative; width:100%; height:80px; border-radius:28px 28px 0 0; overflow:hidden;}
.fair10__titBg { position:absolute; inset:0; }
.fair10__titBgImg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.fair10__titTxt { position:absolute; left:0; top:0; display:inline-flex; align-items:center; justify-content:center;width:100%;height:100%;text-align:center;;color:#fff; font-size:18px; font-weight:600; margin:0; }
.fair10__frame { position:relative; width:100%;border-radius:0 0 28px 28px;}
.fair10__swiper { width:100%; overflow:hidden; }
.fair10__swiper .swiper-wrapper { align-items:stretch; }
.fair10__swiper .swiper-slide { width:auto; height:auto; }
.fair10__swiper { width:100%; overflow:hidden; }
.fair10__swiper .swiper-slide { width:100%; }
.fair10__swiper .swiper-slide img { width:100%; height:420px; object-fit:cover; display:block; }
.fair10__frame { overflow:hidden; }
.fair10__brand:nth-child(odd) .fair10__titBgImg.is-a { opacity:1; }
.fair10__brand:nth-child(odd) .fair10__titBgImg.is-b { opacity:0; }
.fair10__brand:nth-child(even) .fair10__titBgImg.is-a { opacity:0; }
.fair10__brand:nth-child(even) .fair10__titBgImg.is-b { opacity:1; }


/* fair11 */
.fair11{padding:100px 20px 80px}
.fair11 .txt01{font-size:32px;font-weight:400;text-align: center;}
.fair11 .txt01 b{font-weight: 700;}
.fair11 .img_wrap{display:flex;flex-direction: column;gap:7px;margin-top:20px;}

/* map_area */
.map_area{background:#fff;padding:90px 0;}
.map_area__inner{width:min(900px,100%);margin:0 auto;padding:0 24px;text-align:center;}
.map_area__eyebrow{font-family:var(--font-suit);font-size:28px;letter-spacing:1px;font-weight:300;color:#1d1d1d;margin:0 0 12px;}
.map_area__title{font-family:var(--font-suit);font-size:44px;font-weight:800;color:#01C4BE;margin:0 0 32px;}
.map_area__addr{margin:0 auto 34px;}
.map_area__addrTit{font-size:22px;font-weight:800;color:#1d1d1d;margin:0 0 10px;}
.map_area__addrTxt{font-size:18px;font-weight:400;color:#1d1d1d;opacity:.85;margin:0 0 10px;}
.map_area__addrName{font-size:20px;font-weight:800;color:#00605D;margin:0;}
.map_area__map{margin:34px auto 42px;width:100%;}
.map_area__map img{display:block;width:100%;height:auto;border-radius:0;}
.map_area__info{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px;text-align:left;margin:0 auto;}
.map_area__col{display:flex;flex-direction:column;gap:10px;}
.map_area__colTit{font-size:18px;font-weight:800;color:#1d1d1d;margin:0;}
.map_area__colTxt{font-size:16px;line-height:1.75;color:#1d1d1d;opacity:.8;margin:0;}
@media (max-width:768px){.map_area{padding:70px 0;}.map_area__eyebrow{font-size:22px;}.map_area__title{font-size:34px;margin:0 0 24px;}.map_area__addrTit{font-size:18px;}.map_area__addrTxt{font-size:15px;}.map_area__addrName{font-size:17px;}.map_area__map{margin:26px auto 30px;}.map_area__info{grid-template-columns:1fr;gap:18px;}}


/* =========================
   Fixed Timer Bar (ftimer)
   스샷 스타일: 좌측 게이지 + 우측 반투명 영역 + 버튼
========================= */
.ftimer{position:fixed;left:0;right:0;bottom:16px;z-index:9999;display:flex;justify-content:center;padding:0 16px;pointer-events:none;}
.ftimer__inner{pointer-events:auto;width:min(980px,100%);height:72px;border-radius:32px;overflow:hidden;background:rgba(60,60,60,.92);box-shadow:0 12px 30px rgba(0,0,0,.25);display:flex;align-items:stretch;position:relative;}

/* ✅ 게이지(전체 바에 깔림) */
.ftimer__gwrap{position:absolute;inset:0;z-index:0;}
.ftimer__gauge{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#00FFF7 0%,#FFD454 55%,#B8FFFA 100%);transform-origin:left center;transform:scaleX(1);transition:transform .35s ease;}

/* 왼쪽 라벨 영역(배경 투명: 게이지가 보이게) */
.ftimer__left{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;;justify-content:center;align-items:flex-start;padding:0 22px;background:transparent;}
.ftimer__label{font-family:var(--font-suit);font-size:18px;font-weight:800;color:#0b3f3e;letter-spacing:-.5px;white-space:nowrap;}

/* ✅ 오른쪽 영역(게이지 위에 반투명 검정 덮어서 스샷처럼) */
.ftimer__right{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px 0 18px;}
.ftimer__time{font-family:var(--font-suit);font-size:18px;font-weight:800;color:#fff;letter-spacing:.6px;white-space:nowrap;}

/* 버튼 */
.ftimer__cta{font-family:var(--font-suit);height:48px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#00FFF7;color:#00605D;font-size:18px;font-weight:900;text-decoration:none;box-shadow:0 10px 22px rgba(0,255,247,.25);transition:transform .12s ease,filter .2s ease;}
.ftimer__cta:active{transform:scale(.97);}

/* 마감 상태(원하면 JS에서 .is-ended 붙임) */
.ftimer.is-ended .ftimer__gauge{transform:scaleX(0);}
.ftimer.is-ended .ftimer__time{opacity:.85;}
.ftimer.is-ended .ftimer__cta{filter:grayscale(1) brightness(.95);}

/* responsive */
@media (max-width:640px){
  .ftimer{bottom:20px;padding:0 12px;}
  .ftimer__inner{height:64px;}
  .ftimer__label{font-size:14px;}
  .ftimer__right{padding:0 10px 0 12px;}
  .ftimer__time{font-size:12px;}
  .ftimer__cta{height:44px;font-size:14px;padding:0 25px;}
}
.ftimer__time{color:#fff;transition:color .2s ease;}
.ftimer.is-light-time .ftimer__time{color:#0b3f3e;} /* 민트/노랑 위에서 더 잘 보이게 */


    /**모바일***/
    @media (max-width:768px){
        .fair_btn span { font-size:22px;color:#005f5b }
        .fair01 { padding:80px 5px; }
        .fair01 .txt01 { font-size:24px; }
        .fair01 .txt02 { font-size:52px; }
        .fair01 .txt03 { font-size:18px; }
        .fair01 .txt04 { font-size:18px;margin-bottom:20px }
        .fair01 .txt05 { font-size:40px; }
        .fair01 .txt06 { font-size:18px; }
        .fair01 img { margin-bottom:60px; }
        .fair01 ul{gap:20px 5px}
        .fair01 ul li { width:30%; max-width:320px; font-size:12px;padding: 10px 0;}
        .fair_btn::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,#FFD454,#FFFFFF,#A0FFFC,#FFD454); background-size:300% 300%; opacity:0; transition:opacity .3s ease; z-index:0; }
        .fair_btn::before { opacity:1; animation:gradientMove 10s ease infinite; }
        .fair_btn::before span{ color:#00605D; }
        .fair_btn, .fair_btn b { position:relative; z-index:1; }
        @keyframes gradientMove { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }


        .fair02 { padding:70px 5px 30px; }
        .fair02__title { font-size:25px;margin-bottom:20px }
        .fair02__bubble { font-size:18px; padding:10px 15px;width:70% ;top: -20px;}
        .fair02__btn.main { width:280px; height:46px; font-size:22px; }
        .fair02__btn.sub{display: flex;}
        .fair02__actions{padding-top:19px}
        .fair02__btn.main{position:relative;overflow:hidden;background:transparent;color:#00605D;box-shadow:0 14px 35px rgba(0,0,0,.12);} 
        .fair02__btn.main::before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#FFD454 0%,#FFF 45%,#A0FFFC 100%);background-size:220% 100%;animation:fair08Flow 3.2s ease-in-out infinite;z-index:0;} 
        .fair02__btn.main{isolation:isolate;} 
        .fair02__btn.main{display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.6px;} 
        .fair02__btn.main>*{position:relative;z-index:1;} 
        .fair02__btn.main:active{transform:scale(.98);}
        .fair02__btn.main a{color:#00605D ;z-index: 1;}
        
        .fair03 .pass_badge { width:200px; margin-bottom:50px; }
        .fair03 .pass_list { gap:16px; }

        .fair04 .txt01{font-size:24px}
        .fair04 .txt02{font-size:36px;}
        .fair04 .txt03{font-size:20px}

        .fair05 { padding:90px 0 80px; } 
        .fair05__inner { padding:0 16px; } 
        .fair05__badge { font-size:20px; padding:12px 18px; margin-bottom:22px; } 
        .fair05__tit { font-size:34px; margin-bottom:22px; } 
        .fair05__desc { font-size:18px; margin-bottom:46px; } 
        .fair05__img { margin-bottom:46px; } 
        .fair05__bottom { font-size:18px; padding-left:18px; }

        .fair08 { padding:70px 5px 30px; }
        .fair08__title { font-size:25px;margin-bottom:20px }
        .fair08__bubble { font-size:18px; padding:10px 15px;width:70% ;top: -20px;}
        .fair08__btn.main { width:280px; height:46px; font-size:22px; }
        .fair08__btn.sub{display: flex;}
        .fair08__actions{padding-top:19px}
        .fair08__btn.main{position:relative;overflow:hidden;background:transparent;color:#00605D;box-shadow:0 14px 35px rgba(0,0,0,.12);} 
        .fair08__btn.main::before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#FFD454 0%,#FFF 45%,#A0FFFC 100%);background-size:220% 100%;animation:fair08Flow 3.2s ease-in-out infinite;z-index:0;} 
        .fair08__btn.main{isolation:isolate;} 
        .fair08__btn.main{display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.6px;} 
        .fair08__btn.main>*{position:relative;z-index:1;} 
        .fair08__btn.main:active{transform:scale(.98);}
        .fair08__btn.main a{color:#00605D ;z-index: 1;}

        .fair09 .txt01{font-size:36px}
        .fair09 .logo{width: 240px;}
        .fair09 .txt02{font-size:36px;}
        .fair09 .txt03{font-size:20px}
        .fair09 .fair_btn{padding:26px 0;}
        .fair09 .fair_btn span{font-size:24px;font-weight:700;}
        .fair09 .fair02__bubble.show{z-index:2;top:-34px;}
        .eventCard { padding:34px 16px 60px; } 
        .eventCard__box { border-radius:32px; padding:62px 22px 44px; } 
        .eventCard__pill { width:200px; height:58px; font-size:26px; } 
        .eventCard__tit { font-size:26px; } 
        .eventCard__desc { font-size:24px; }

        .fair10 .txt01{font-size:36px}
        .fair10 .txt02{font-size:36px;}
        .fair10 .txt03{font-size:20px}
        .fair10 .benefit{margin:20px auto 30px;width:90%;}
        
    }
@keyframes fair08Flow{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}