:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}html,body{overflow-x:hidden}@supports (-webkit-touch-callout: none){html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%}input,textarea,select{font-size:16px!important}}body{font-family:Pretendard,SUIT,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif!important}h1,h2,h3,h4,strong,.font-bold,.font-semibold,.font-extrabold{color:#172554!important;letter-spacing:-.04em!important}p,span,label,button,input,textarea,select,div{letter-spacing:-.018em}.card,section,article,[class*=rounded]{border-color:#38bdf852!important}button{border-radius:18px!important}button[class*=bg-blue],button[class*=bg-sky],button[class*=from-sky],button[class*=to-cyan]{background:linear-gradient(135deg,#38bdf8,#22d3ee,#5eead4)!important;box-shadow:0 12px 24px #0ea5e938!important}[class*=text-slate-500],[class*=text-slate-600],[class*=text-gray-500],[class*=text-gray-600]{color:#64748b!important}[class*=rounded-full]{background:linear-gradient(135deg,#dbeafe,#ccfbf1)!important;color:#2563eb!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h1,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h2,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h3,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h4,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) strong,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .font-bold,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .font-semibold,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .font-extrabold{color:#f8fafc!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) p,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) li,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) label{color:#e2e8f0!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-slate-500],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-slate-600],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-gray-500],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-gray-600],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-neutral-500],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-neutral-600]{color:#cbd5e1!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-blue],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-sky],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-cyan]{color:#7dd3fc!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 h1,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 h2,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 h3,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 h4,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 strong,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 .font-bold,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 .font-semibold{color:#fff!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 p,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .klc-travel-tone-v1 li{color:#dbeafe!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h1,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h2,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h3,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h4,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h5,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) h6,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) p,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) li,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) label,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) strong,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) small,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .font-bold,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .font-semibold,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) .font-extrabold{color:#fff!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-slate],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-gray],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-neutral],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-zinc],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-blue],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-sky],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-cyan],:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) [class*=text-emerald]{color:#fff!important}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) input,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) textarea,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) select,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) option{color:inherit}:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) input::placeholder,:is(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) textarea::placeholder{color:#ffffff9e}:where(html.dark,body.dark,html.dark-mode,body.dark-mode,html.theme-dark,body.theme-dark,html[data-theme=dark],body[data-theme=dark],html[data-color-mode=dark],body[data-color-mode=dark],.dark,.dark-mode,.theme-dark,[data-theme=dark],[data-color-mode=dark]) :is(h1,h2,h3,h4,h5,h6,p,li,label,small,strong,.font-bold,.font-semibold,.font-extrabold,[class*=text-slate],[class*=text-gray],[class*=text-neutral],[class*=text-zinc],[class*=text-blue],[class*=text-sky],[class*=text-cyan],[class*=text-indigo],[class*=text-emerald]){color:#fff!important}body:has([class*="bg-[#0"],[class*=bg-neutral-9],[class*=bg-slate-9],[class*=bg-zinc-9]) :is(h1,h2,h3,h4,h5,h6,p,li,label,small,strong,.font-bold,.font-semibold,.font-extrabold,[class*=text-slate],[class*=text-gray],[class*=text-neutral],[class*=text-zinc],[class*=text-blue],[class*=text-sky],[class*=text-cyan],[class*=text-indigo],[class*=text-emerald]){color:#fff!important}:is([class*=bg-black],[class*=bg-slate-900],[class*=bg-neutral-900],[class*=bg-zinc-900],[class*=bg-gray-900],[class*="bg-[#0"],[class*="bg-[#1"]) :is(h1,h2,h3,h4,h5,h6,p,li,label,small,strong,.font-bold,.font-semibold,.font-extrabold,[class*=text-slate],[class*=text-gray],[class*=text-neutral],[class*=text-zinc],[class*=text-blue],[class*=text-sky],[class*=text-cyan],[class*=text-indigo],[class*=text-emerald]){color:#fff!important}:where(html.dark,body.dark,html.dark-mode,body.dark-mode,html.theme-dark,body.theme-dark,html[data-theme=dark],body[data-theme=dark],html[data-color-mode=dark],body[data-color-mode=dark],.dark,.dark-mode,.theme-dark,[data-theme=dark],[data-color-mode=dark]) :is(input,textarea,select,option){color:inherit!important}:where(html.dark,body.dark,html.dark-mode,body.dark-mode,html.theme-dark,body.theme-dark,html[data-theme=dark],body[data-theme=dark],html[data-color-mode=dark],body[data-color-mode=dark],.dark,.dark-mode,.theme-dark,[data-theme=dark],[data-color-mode=dark]) button{color:#fff}:where(html.dark,body.dark,html.dark-mode,body.dark-mode,html.theme-dark,body.theme-dark,html[data-theme=dark],body[data-theme=dark],html[data-color-mode=dark],body[data-color-mode=dark],.dark,.dark-mode,.theme-dark,[data-theme=dark],[data-color-mode=dark]) :is([class*="text-["],[class*="text_["],[class*="text-[#"],[class*="text-[rgb"],[class*="text-[var"]){color:#fff!important}:where(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) *:has(+p),:where(html.dark,body.dark,.dark,[data-theme=dark],[data-color-mode=dark]) *:has(+div){color:inherit}:where(html.dark,body.dark,.dark,.dark-mode,.theme-dark,[data-theme=dark],[data-color-mode=dark]) .klc-force-dark-title-white,:where(html.dark,body.dark,.dark,.dark-mode,.theme-dark,[data-theme=dark],[data-color-mode=dark]) .klc-force-dark-title-white[style]{color:#fff!important;-webkit-text-fill-color:#ffffff!important}