@charset "utf-8";

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#ffffff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;}

.announce{background:#111827;color:#fff;}
.announce .inner{max-width:960px;margin:0 auto;padding:10px 16px;font-weight:300;letter-spacing:.01em;font-size:15px;text-align:center;}

.wrap{max-width:820px;margin:0 auto;padding:50px 20px;}

.hclogo{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border:1px solid #000;border-radius:8px;background:#fff;font-weight:700;font-size:15px;}

.title{text-align:center;}
.title br{display:block;}
.title h1{margin:12px 0 8px;font-size:32px;line-height:1.25;font-weight:700;}
.subtitle{margin:0 auto;max-width:680px;color:#6b7280;}

.search{margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr 160px;gap:14px;max-width:740px;}
.input{display:flex;align-items:center;width:100%;border-radius:10px;border:1px solid #e5e7eb;padding:0 16px;height:56px;color:#9ca3af;}
.input input{flex:1;border:0;outline:none;background:transparent;height:100%;font-size:16px;color:#111827;}
.btn{height:56px;border-radius:10px;border:0;font-weight:700;font-size:18px;cursor:pointer;}
.btn.primary{background:#1d4ed8;color:#fff;}
.sr_only{font-size:14px;color:#6b7280;padding-top:10px;max-width:740px;margin:0 auto;}

.result{margin:32px auto 0;text-align:center;display:none;}
.result .title{font-size:24px;font-weight:900;margin:0;color:#dc2626;}
.result .note{margin-top:8px;color:#6b7280;}

.success{margin:32px auto 0;text-align:center;display:none;}
.success .title{font-size:24px;font-weight:900;margin:0;color:#16a34a;}
.success .note{margin-top:8px;color:#6b7280;}

.benefits_container{overflow:hidden;max-width:740px;margin:32px auto 0;}
.benefits_track{display:flex;gap:20px;animation:scrollLeft 12s linear infinite;}
.benefit_card{min-width:220px;flex-shrink:0;}
.benefit_card p{margin:0;color:#6b7280;font-size:14px;}

@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

.info{max-width:740px;margin:16px auto 0;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#334155;padding:15px 25px;}
.info h3{margin:0 0 6px;font-size:16px;font-weight:800;}
.info ul{padding:0;margin:0 0 0 20px;}
.info li{margin:4px 0;list-style-type:disc;}
.info strong{color:#1d4ed8;font-weight:700;}

footer{max-width:820px;margin:0 auto;padding:16px 20px;font-size:14px;color:#6b7280;border-top:1px solid #e5e7eb;text-align:center;}

@media (max-width:720px){
    .title br{display:none;}
    .search{grid-template-columns:1fr;}
    .benefit_card{min-width:180px;}
}