/* 호빠톡 메인 구인광고 · VIP/PREMIUM/CLASSIC/DELUXE/BASIC */
.hpa-main-ads,.hpa-recent{--hpa-navy:#2b435b;--hpa-deep:#122638;--hpa-gold:#d8b76a;--hpa-ink:#172431;--hpa-muted:#6f7d88;--hpa-line:#e1e6ea;--hpa-paper:#f5f7f9;color:var(--hpa-ink);font-family:inherit;font-size:16px;line-height:1.55;letter-spacing:-.015em;}
.hpa-main-ads *,.hpa-main-ads *:before,.hpa-main-ads *:after,.hpa-recent *,.hpa-recent *:before,.hpa-recent *:after{box-sizing:border-box;}
.hpa-main-ads a,.hpa-recent a{color:inherit;text-decoration:none;}
.hpa-main-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:148px;margin:0 0 42px;padding:26px 30px;border:1px dashed #c9a354;border-radius:18px;background:linear-gradient(135deg,#fbfcfd 0%,#fff 58%,#fff8e9 100%);box-shadow:0 10px 28px rgba(18,38,56,.07);}
.hpa-main-empty-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(176,135,52,.42);border-radius:50%;background:#18344a;color:#efd288;font-family:Georgia,serif;font-size:31px;line-height:1;box-shadow:0 0 0 8px rgba(216,183,106,.1);}
.hpa-main-empty-copy{min-width:0;}
.hpa-main-empty-copy>span{display:block;margin-bottom:4px;color:#a57d2d;font-size:10px;font-weight:900;letter-spacing:.18em;}
.hpa-main-empty-copy>strong{display:block;color:#18344a;font-size:22px;font-weight:950;line-height:1.35;letter-spacing:-.035em;word-break:keep-all;}
.hpa-main-empty-copy>p{margin:5px 0 0;color:#71808b;font-size:14px;font-weight:700;line-height:1.5;word-break:keep-all;}
.hpa-main-empty>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 17px;border-radius:9px;background:#1d394f;color:#fff!important;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px rgba(29,57,79,.16);transition:background .18s ease,transform .18s ease;}
.hpa-main-empty>a i{color:#efd288;font-style:normal;transition:transform .18s ease;}
.hpa-main-empty>a:hover,.hpa-main-empty>a:focus-visible{background:#b08734;color:#fff!important;outline:0;transform:translateY(-1px);}
.hpa-main-empty>a:hover i,.hpa-main-empty>a:focus-visible i{color:#fff;transform:translateX(3px);}
.hpa-vip{position:relative;margin:0 0 42px;}
.hpa-context-pc .hpa-vip{margin-bottom:36px;padding:18px 16px 17px;border:1px solid rgba(216,183,106,.48);border-radius:20px;background:linear-gradient(145deg,#0b1d2c 0%,#142f45 62%,#203e55 100%);box-shadow:0 21px 48px rgba(11,29,44,.22),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;}
.hpa-vip-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;min-height:51px;margin-bottom:13px;padding:0 145px 0 6px;color:#fff;}
.hpa-vip-head>div>span{display:block;margin-bottom:4px;color:var(--hpa-gold);font-size:11px;font-weight:900;letter-spacing:.2em;}
.hpa-vip-head h2{margin:0;color:#fff;font-size:24px;font-weight:800;line-height:1.1;letter-spacing:.03em;}
.hpa-vip-head h2 b{margin-right:6px;color:#f3d58d;font-size:31px;font-weight:950;letter-spacing:-.02em;}
.hpa-vip-head p{margin:0 0 4px;color:rgba(255,255,255,.66);font-size:13px;font-weight:700;text-align:right;}
.hpa-vip-viewport{position:relative;border-radius:18px;background:var(--hpa-deep);box-shadow:0 18px 45px rgba(15,36,53,.18);overflow:hidden;isolation:isolate;}
.hpa-context-pc .hpa-vip-viewport{border-radius:0;background:transparent;box-shadow:none;}
.hpa-vip-track{display:flex;transform:translate3d(0,0,0);transition:transform .58s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.hpa-vip-slide{flex:0 0 100%;min-width:0;}
.hpa-context-pc .hpa-vip-slide{flex-basis:33.333333%;padding:0 6px;}
.hpa-vip-slide>a{position:relative;display:block;min-height:335px;overflow:hidden;}
.hpa-context-pc .hpa-vip-slide>a{min-height:315px;border:1px solid rgba(216,183,106,.42);border-radius:15px;background:#10283a;box-shadow:0 12px 27px rgba(0,0,0,.23);}
.hpa-context-pc .hpa-vip-cta>a{display:flex;align-items:center;justify-content:center;border-style:dashed;background:radial-gradient(circle at 84% 17%,rgba(216,183,106,.17),transparent 27%),linear-gradient(145deg,#132f43,#0b1d2c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);}
.hpa-context-pc .hpa-vip-cta-content{max-width:255px;padding:20px 16px;}
.hpa-context-pc .hpa-vip-cta-mark{width:60px;height:60px;margin:11px 0 10px;box-shadow:0 0 0 7px rgba(216,183,106,.035);}
.hpa-context-pc .hpa-vip-cta-mark b{font-size:16px;}
.hpa-context-pc .hpa-vip-cta-mark i{right:-3px;bottom:0;width:23px;height:23px;font-size:16px;}
.hpa-context-pc .hpa-vip-cta-content>strong{font-size:20px;line-height:1.25;}
.hpa-context-pc .hpa-vip-cta-content>span:not(.hpa-vip-cta-kicker):not(.hpa-vip-cta-mark){margin-top:7px;font-size:11px;line-height:1.5;}
.hpa-context-pc .hpa-vip-cta-content>em{margin-top:13px;padding:8px 12px;font-size:11px;}
.hpa-vip-cta-content{display:flex;align-items:center;max-width:310px;flex-direction:column;padding:31px 25px;color:#fff;text-align:center;}
.hpa-vip-cta-kicker{color:#d8b76a;font-size:10px;font-weight:900;letter-spacing:.22em;}
.hpa-vip-cta-mark{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:18px 0 17px;border:1px solid rgba(216,183,106,.5);border-radius:50%;background:rgba(216,183,106,.08);box-shadow:0 0 0 9px rgba(216,183,106,.035);}
.hpa-vip-cta-mark b{color:#f1d28a;font-size:20px;font-weight:950;letter-spacing:.08em;}
.hpa-vip-cta-mark i{position:absolute;right:-2px;bottom:3px;display:grid;place-items:center;width:27px;height:27px;border:2px solid #10283a;border-radius:50%;background:#d8b76a;color:#10283a;font-size:19px;font-style:normal;font-weight:900;line-height:1;}
.hpa-vip-cta-content>strong{color:#fff;font-size:25px;font-weight:900;line-height:1.3;letter-spacing:-.04em;}
.hpa-vip-cta-content>span:not(.hpa-vip-cta-kicker):not(.hpa-vip-cta-mark){margin-top:11px;color:rgba(255,255,255,.66);font-size:13px;font-weight:700;line-height:1.6;}
.hpa-vip-cta-content>em{display:inline-flex;align-items:center;gap:9px;margin-top:21px;padding:10px 15px;border:1px solid rgba(216,183,106,.55);border-radius:999px;background:rgba(216,183,106,.1);color:#f5d993;font-size:13px;font-style:normal;font-weight:900;}
.hpa-vip-cta-content>em i{font-style:normal;transition:transform .18s ease;}
.hpa-vip-cta>a:hover .hpa-vip-cta-content>em i,.hpa-vip-cta>a:focus-visible .hpa-vip-cta-content>em i{transform:translateX(3px);}
.hpa-vip-image,.hpa-image-empty{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;}
.hpa-image-empty{display:grid;place-items:center;background:linear-gradient(135deg,#263e55,#102539);color:rgba(216,183,106,.55);}
.hpa-image-empty b{font-family:Georgia,serif;font-size:92px;font-weight:400;}
.hpa-vip-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,26,.94) 0%,rgba(8,22,34,.77) 45%,rgba(8,22,34,.18) 78%,rgba(8,22,34,.08) 100%);}
.hpa-context-pc .hpa-vip-shade{background:linear-gradient(0deg,rgba(4,15,24,.97) 0%,rgba(8,22,34,.82) 51%,rgba(8,22,34,.18) 100%);}
.hpa-vip-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(72%,620px);min-height:335px;padding:42px 46px 54px;color:#fff;}
.hpa-context-pc .hpa-vip-content{justify-content:flex-end;width:100%;min-height:315px;padding:20px 18px 21px;}
.hpa-context-pc .hpa-tier-badge{gap:7px;margin-bottom:12px;padding:8px 10px;font-size:15px;}
.hpa-context-pc .hpa-tier-badge>i{width:6px;height:6px;box-shadow:0 0 0 4px rgba(216,183,106,.18),0 0 10px rgba(216,183,106,.55);}
.hpa-context-pc .hpa-tier-badge small{padding-left:8px;font-size:10px;letter-spacing:.1em;}
.hpa-tier-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin-bottom:20px;padding:10px 14px;border:1px solid rgba(216,183,106,.58);border-radius:999px;background:rgba(10,24,37,.7);box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.05);color:#f7dfa1;font-size:18px;font-weight:900;line-height:1;letter-spacing:.08em;backdrop-filter:blur(7px);}
.hpa-tier-badge>i{display:block;width:8px;height:8px;border-radius:50%;background:var(--hpa-gold);box-shadow:0 0 0 5px rgba(216,183,106,.18),0 0 13px rgba(216,183,106,.55);}
.hpa-tier-badge small{margin-left:2px;padding-left:11px;border-left:1px solid rgba(216,183,106,.4);color:#fff;font-size:13px;font-weight:900;letter-spacing:.14em;}
.hpa-vip-meta{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:rgba(255,255,255,.72);font-size:14px;font-weight:700;}
.hpa-vip-meta b{color:#fff;font-weight:900;}
.hpa-vip-meta i{display:block;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.45);}
.hpa-vip-content>strong{display:block;color:#fff;font-size:32px;font-weight:900;line-height:1.24;letter-spacing:-.045em;word-break:keep-all;}
.hpa-context-pc .hpa-vip-meta{gap:6px;margin-bottom:7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-context-pc .hpa-vip-content>strong{display:-webkit-box;font-size:20px;line-height:1.28;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hpa-context-pc .hpa-vip-shop{margin-top:7px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-context-pc .hpa-vip-bottom{gap:9px;margin-top:17px;}
.hpa-context-pc .hpa-vip-bottom>b{min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-context-pc .hpa-vip-bottom>em{margin-left:auto;padding:7px 9px;font-size:11px;white-space:nowrap;}
.hpa-vip-shop{display:block;margin-top:11px;color:rgba(255,255,255,.76);font-size:16px;font-weight:800;}
.hpa-vip-shop i{padding:0 5px;color:var(--hpa-gold);font-style:normal;}
.hpa-vip-bottom{display:flex;align-items:center;gap:18px;margin-top:25px;}
.hpa-vip-bottom>b{color:#fff;font-size:17px;font-weight:900;}
.hpa-vip-bottom>em{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-style:normal;font-weight:900;}
.hpa-vip-bottom>em i{color:var(--hpa-gold);font-style:normal;}
.hpa-vip-controls{position:absolute;z-index:4;right:18px;bottom:17px;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,18,28,.55);backdrop-filter:blur(8px);}
.hpa-context-pc .hpa-vip-controls{top:18px;right:17px;bottom:auto;border-color:rgba(216,183,106,.3);background:rgba(5,17,27,.72);}
.hpa-vip-controls>button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer;}
.hpa-vip-controls>button:hover,.hpa-vip-controls>button:focus-visible{background:rgba(255,255,255,.14);outline:0;}
.hpa-vip-dots{display:flex;align-items:center;gap:5px;}
.hpa-vip-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:.2s;}
.hpa-vip-dots button.is-active{width:20px;background:var(--hpa-gold);}
.hpa-section{margin:0 0 44px;}
.hpa-section-premium{margin-bottom:48px;}
.hpa-section-classic{margin-bottom:43px;}
.hpa-section-deluxe{margin-bottom:39px;}
.hpa-section-basic{margin-bottom:34px;}
.hpa-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid var(--hpa-line);}
.hpa-section-head>div{display:flex;align-items:baseline;gap:10px;}
.hpa-section-head span{color:#89949c;font-size:11px;font-weight:900;letter-spacing:.14em;}
.hpa-section-head h2{margin:0;color:var(--hpa-deep);font-size:24px;font-weight:900;line-height:1.2;letter-spacing:-.025em;}
.hpa-section-head p{margin:0;color:var(--hpa-muted);font-size:14px;font-weight:700;line-height:1.5;text-align:right;}
.hpa-section-premium .hpa-section-head h2{font-size:26px;}
.hpa-section-classic .hpa-section-head h2{font-size:24px;}
.hpa-section-deluxe .hpa-section-head h2{font-size:22px;}
.hpa-section-basic .hpa-section-head h2{font-size:20px;}
.hpa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.hpa-context-pc .hpa-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.hpa-context-pc .hpa-grid-classic,.hpa-context-pc .hpa-grid-deluxe{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.hpa-card{min-width:0;border:1px solid var(--hpa-line);border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(25,48,66,.06);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.hpa-card:hover{transform:translateY(-3px);border-color:#c7d1d9;box-shadow:0 14px 30px rgba(25,48,66,.12);}
.hpa-card>a{display:flex;height:100%;flex-direction:column;}
.hpa-card-media{position:relative;display:block;height:190px;background:#e8edf1;overflow:hidden;}
.hpa-card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.hpa-card:hover .hpa-card-image{transform:scale(1.035);}
.hpa-card-badge{position:absolute;left:11px;top:11px;display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(18,38,56,.86);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(5px);}
.hpa-card-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:17px 17px 16px;}
.hpa-card-region{display:flex;align-items:center;min-width:0;gap:7px;margin-bottom:8px;color:#73818b;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-card-region i{flex:0 0 auto;width:3px;height:3px;border-radius:50%;background:#a4afb7;}
.hpa-card-body>strong{display:-webkit-box;min-height:48px;color:var(--hpa-deep);font-size:18px;font-weight:900;line-height:1.36;letter-spacing:-.03em;word-break:keep-all;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hpa-card-shop{display:block;margin-top:8px;color:#526370;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-card-shop i{color:#a4afb7;font-style:normal;}
.hpa-card-intro{display:-webkit-box;margin-top:10px;color:#75828c;font-size:13px;line-height:1.55;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hpa-card-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px;}
.hpa-card-info b{color:var(--hpa-navy);font-size:14px;font-weight:900;white-space:nowrap;}
.hpa-card-info em{color:#8a959d;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-card-premium{border-color:#ddc993;box-shadow:0 9px 25px rgba(130,99,36,.09);}
.hpa-card-premium .hpa-card-media{height:230px;}
.hpa-context-pc .hpa-card-premium .hpa-card-media{height:150px;}
.hpa-context-pc .hpa-card-premium .hpa-card-body{padding:14px 13px 13px;}
.hpa-context-pc .hpa-card-premium .hpa-card-region{font-size:11px;}
.hpa-context-pc .hpa-card-premium .hpa-card-body>strong{min-height:44px;font-size:16px;}
.hpa-context-pc .hpa-card-premium .hpa-card-shop{font-size:13px;}
.hpa-context-pc .hpa-card-premium .hpa-card-intro{font-size:12px;}
.hpa-context-pc .hpa-card-premium .hpa-card-info{display:block;padding-top:11px;}
.hpa-context-pc .hpa-card-premium .hpa-card-info em{display:block;margin-top:3px;font-size:10px;}
.hpa-card-premium .hpa-card-badge{background:rgba(125,91,27,.88);}
.hpa-card-premium .hpa-card-body>strong{font-size:20px;}
.hpa-card-premium .hpa-card-shop{font-size:15px;}
.hpa-card-classic .hpa-card-media{height:175px;}
.hpa-card-classic .hpa-card-badge{background:rgba(43,67,91,.88);}
.hpa-card-classic .hpa-card-body{padding:16px 16px 15px;}
.hpa-card-classic .hpa-card-body>strong{min-height:46px;font-size:18px;}
.hpa-context-pc .hpa-card-classic .hpa-card-media{height:105px;}
.hpa-context-pc .hpa-card-classic .hpa-card-badge{left:8px;top:8px;min-height:22px;padding:0 7px;font-size:9px;}
.hpa-context-pc .hpa-card-classic .hpa-card-body{padding:11px 10px 10px;}
.hpa-context-pc .hpa-card-classic .hpa-card-region{gap:5px;margin-bottom:6px;font-size:10px;}
.hpa-context-pc .hpa-card-classic .hpa-card-body>strong{min-height:39px;font-size:14px;line-height:1.38;}
.hpa-context-pc .hpa-card-classic .hpa-card-shop{margin-top:6px;font-size:11px;}
.hpa-context-pc .hpa-card-classic .hpa-card-info{display:block;padding-top:8px;}
.hpa-context-pc .hpa-card-classic .hpa-card-info b{font-size:12px;}
.hpa-context-pc .hpa-card-classic .hpa-card-info em{display:block;margin-top:2px;font-size:10px;}
.hpa-card-deluxe>a{display:grid;grid-template-columns:96px minmax(0,1fr);}
.hpa-card-deluxe .hpa-card-media{height:auto;min-height:142px;}
.hpa-card-deluxe .hpa-card-body{padding:13px 13px 12px;}
.hpa-card-deluxe .hpa-card-body>strong{min-height:41px;font-size:15px;line-height:1.35;}
.hpa-card-deluxe .hpa-card-region{margin-bottom:6px;font-size:11px;}
.hpa-card-deluxe .hpa-card-shop{margin-top:6px;font-size:12px;}
.hpa-card-deluxe .hpa-card-info{display:block;padding-top:8px;}
.hpa-card-deluxe .hpa-card-info b{font-size:13px;}
.hpa-card-inline-badge{display:inline-flex;align-items:center;align-self:flex-start;min-height:25px;margin-bottom:10px;padding:0 9px;border:1px solid #ccd4da;border-radius:999px;background:#eef2f5;color:#526879;font-size:10px;font-weight:900;letter-spacing:.09em;}
.hpa-context-pc .hpa-card-deluxe.is-text-only{border-left:3px solid #9cabb6;box-shadow:0 5px 16px rgba(25,48,66,.04);}
.hpa-context-pc .hpa-card-deluxe.is-text-only>a{display:flex;}
.hpa-context-pc .hpa-card-deluxe.is-text-only .hpa-card-body{min-height:143px;padding:12px 10px 11px;}
.hpa-context-pc .hpa-card-deluxe.is-text-only .hpa-card-body>strong{min-height:39px;font-size:14px;}
.hpa-context-pc .hpa-card-deluxe.is-text-only .hpa-card-region{font-size:10px;}
.hpa-context-pc .hpa-card-deluxe.is-text-only .hpa-card-shop{font-size:11px;}
.hpa-context-pc .hpa-card-deluxe.is-text-only .hpa-card-info{margin-top:auto;padding-top:9px;}
.hpa-basic-list{border-top:1px solid #cfd7dd;border-bottom:1px solid #dfe5e9;background:#fff;}
.hpa-basic-head,.hpa-basic-row{display:grid;grid-template-columns:minmax(110px,1.15fr) minmax(95px,1fr) minmax(220px,3.2fr) minmax(95px,1fr) minmax(105px,1fr) 24px;align-items:center;column-gap:14px;}
.hpa-basic-head{min-height:48px;padding:0 12px;border-bottom:1px solid #cfd7dd;color:#344552;font-size:13px;font-weight:900;}
.hpa-basic-body{display:block;}
.hpa-basic-row{min-height:55px;padding:9px 12px;border-bottom:1px solid #edf0f2;transition:background-color .18s ease,color .18s ease;}
.hpa-basic-item:last-child .hpa-basic-row{border-bottom:0;}
.hpa-basic-row:hover,.hpa-basic-row:focus-visible{background:#f3f6f8;color:var(--hpa-deep);outline:0;}
.hpa-basic-shop,.hpa-basic-box,.hpa-basic-title,.hpa-basic-region,.hpa-basic-pay{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-basic-shop{color:#1d2d39;font-size:14px;font-weight:900;}
.hpa-basic-box{color:#586873;font-size:13px;}
.hpa-basic-title{color:#293f53;font-size:14px;font-weight:800;}
.hpa-basic-region{color:#62717c;font-size:13px;}
.hpa-basic-pay{color:var(--hpa-navy);font-size:13px;font-weight:900;}
.hpa-basic-arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#a3adb5;font-size:15px;transition:.18s;}
.hpa-basic-row:hover .hpa-basic-arrow,.hpa-basic-row:focus-visible .hpa-basic-arrow{background:var(--hpa-navy);color:#fff;transform:translateX(2px);}
.hpa-recent{margin:38px 0;padding:25px 0;border-top:5px solid #f0f2f4;border-bottom:5px solid #f0f2f4;background:#fff;}
.hpa-recent>header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:15px;padding:0 4px;}
.hpa-recent>header>div{display:flex;align-items:baseline;gap:9px;}
.hpa-recent>header span{color:#8d98a0;font-size:10px;font-weight:900;letter-spacing:.14em;}
.hpa-recent>header h2{margin:0;color:var(--hpa-deep);font-size:21px;font-weight:900;line-height:1.3;}
.hpa-recent>header p{margin:0;color:#7b8790;font-size:13px;}
.hpa-recent-rail{display:flex;gap:12px;padding:2px 4px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.hpa-recent-rail::-webkit-scrollbar{display:none;}
.hpa-recent-rail article{flex:0 0 245px;scroll-snap-align:start;border:1px solid var(--hpa-line);border-radius:11px;background:#fff;overflow:hidden;}
.hpa-recent-rail article>a{display:grid;grid-template-columns:82px minmax(0,1fr);min-height:92px;}
.hpa-recent-image,.hpa-recent .hpa-image-empty{position:relative;width:82px;height:100%;min-height:92px;object-fit:cover;}
.hpa-recent-rail article>a>span:last-child{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:10px 11px;}
.hpa-recent-rail b{color:#75818b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hpa-recent-rail strong{display:-webkit-box;margin-top:3px;color:var(--hpa-deep);font-size:14px;font-weight:900;line-height:1.35;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hpa-recent-rail small{margin-top:5px;color:#8a959d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:767.98px){.hpa-main-empty{grid-template-columns:1fr;justify-items:center;gap:15px;min-height:0;margin-bottom:30px;padding:27px 18px;text-align:center}.hpa-main-empty-icon{width:58px;height:58px;font-size:27px;box-shadow:0 0 0 6px rgba(216,183,106,.1)}.hpa-main-empty-copy>strong{font-size:19px}.hpa-main-empty-copy>p{font-size:13px}.hpa-main-empty>a{min-height:42px;padding:0 15px;font-size:12px}}
@media(max-width:991.98px){.hpa-vip-slide>a,.hpa-vip-content{min-height:315px}.hpa-vip-content{width:78%;padding:34px 35px 49px}.hpa-vip-content>strong{font-size:28px}.hpa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hpa-grid>.hpa-card:last-child:nth-child(odd){grid-column:1/-1}.hpa-card-deluxe>a{grid-template-columns:120px minmax(0,1fr)}.hpa-basic-list{border-top-color:#d8dfe4}.hpa-basic-head{display:none}.hpa-basic-row{grid-template-columns:minmax(0,1fr) auto 24px;grid-template-areas:"shop pay arrow" "box pay arrow" "title title arrow" "region region arrow";gap:2px 12px;min-height:104px;padding:13px 12px}.hpa-basic-shop{grid-area:shop;font-size:15px}.hpa-basic-box{grid-area:box;font-size:12px}.hpa-basic-title{grid-area:title;margin-top:4px;font-size:14px}.hpa-basic-region{grid-area:region;font-size:12px}.hpa-basic-pay{grid-area:pay;align-self:center}.hpa-basic-arrow{grid-area:arrow;align-self:center}}
@media(max-width:767.98px){.hpa-main-ads{padding:0 12px}.hpa-vip{margin-bottom:30px}.hpa-vip-viewport{border-radius:15px}.hpa-vip-slide>a,.hpa-vip-content{min-height:390px}.hpa-vip-shade{background:linear-gradient(0deg,rgba(5,15,24,.96) 0%,rgba(7,19,30,.78) 58%,rgba(7,19,30,.12) 100%)}.hpa-vip-content{justify-content:flex-end;width:100%;padding:24px 21px 56px}.hpa-tier-badge{gap:8px;margin-bottom:11px;padding:8px 11px;font-size:16px}.hpa-tier-badge small{padding-left:8px;font-size:11px}.hpa-vip-meta{margin-bottom:7px;font-size:13px}.hpa-vip-content>strong{display:-webkit-box;font-size:25px;line-height:1.2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hpa-vip-shop{margin-top:7px;font-size:14px}.hpa-vip-bottom{gap:12px;margin-top:14px}.hpa-vip-bottom>b{font-size:16px;white-space:nowrap}.hpa-vip-bottom>em{margin-left:auto;padding:8px 11px;font-size:12px;white-space:nowrap}.hpa-vip-controls{right:12px;bottom:11px;gap:6px;padding:4px 6px}.hpa-vip-controls>button{width:25px;height:25px;font-size:20px}.hpa-section{margin-bottom:37px}.hpa-section-head{display:block;margin-bottom:14px;padding-bottom:11px}.hpa-section-head>div{justify-content:space-between}.hpa-section-head h2,.hpa-section-premium .hpa-section-head h2,.hpa-section-classic .hpa-section-head h2{font-size:22px}.hpa-section-deluxe .hpa-section-head h2{font-size:20px}.hpa-section-basic .hpa-section-head h2{font-size:19px}.hpa-section-head p{margin-top:5px;font-size:13px;text-align:left}.hpa-grid{grid-template-columns:1fr;gap:12px}.hpa-grid>.hpa-card:last-child:nth-child(odd){grid-column:auto}.hpa-card-premium .hpa-card-media{height:225px}.hpa-card-classic .hpa-card-media{height:175px}.hpa-card-deluxe>a{grid-template-columns:112px minmax(0,1fr)}.hpa-card-deluxe .hpa-card-media{min-height:150px}.hpa-card-deluxe .hpa-card-body>strong{font-size:16px}.hpa-recent{margin:34px 0;padding:22px 12px}.hpa-recent>header{display:block}.hpa-recent>header p{margin-top:4px}.hpa-recent-rail{padding-left:0;padding-right:0}.hpa-recent-rail article{flex-basis:230px}}
@media(max-width:399.98px){.hpa-main-ads{padding:0 10px}.hpa-vip-slide>a,.hpa-vip-content{min-height:370px}.hpa-vip-content{padding:22px 18px 54px}.hpa-vip-content>strong{font-size:23px}.hpa-vip-meta{font-size:12px}.hpa-vip-bottom{align-items:center;flex-direction:row;gap:8px}.hpa-vip-bottom>b{font-size:14px}.hpa-vip-bottom>em{margin-left:auto;padding:7px 9px;font-size:11px}.hpa-card-deluxe>a{grid-template-columns:100px minmax(0,1fr)}.hpa-card-deluxe .hpa-card-body{padding:12px 11px}.hpa-card-info b{font-size:13px}.hpa-basic-row{grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"shop arrow" "box arrow" "title arrow" "region arrow" "pay arrow";min-height:119px}.hpa-basic-pay{align-self:auto;margin-top:4px}}

/* v5.5 모바일 PREMIUM 2열 가로 스와이프 */
@media(max-width:767.98px){.hpa-context-mobile .hpa-section-premium{margin-bottom:32px}.hpa-context-mobile .hpa-grid-premium{display:flex;gap:10px;margin:0 -2px;padding:2px 2px 11px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:2px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hpa-context-mobile .hpa-grid-premium::-webkit-scrollbar{display:none}.hpa-context-mobile .hpa-grid-premium>.hpa-card{flex:0 0 calc(50% - 5px);scroll-snap-align:start;scroll-snap-stop:always;border-radius:11px;box-shadow:0 6px 16px rgba(130,99,36,.08)}.hpa-context-mobile .hpa-grid-premium>.hpa-card:hover{transform:none}.hpa-context-mobile .hpa-card-premium .hpa-card-media{height:112px}.hpa-context-mobile .hpa-card-premium .hpa-card-badge{left:7px;top:7px;min-height:22px;padding:0 7px;font-size:9px}.hpa-context-mobile .hpa-card-premium .hpa-card-body{padding:10px 9px}.hpa-context-mobile .hpa-card-premium .hpa-card-region{gap:5px;margin-bottom:5px;font-size:10px}.hpa-context-mobile .hpa-card-premium .hpa-card-body>strong{min-height:37px;font-size:14px;line-height:1.32}.hpa-context-mobile .hpa-card-premium .hpa-card-shop{margin-top:5px;font-size:11px}.hpa-context-mobile .hpa-card-premium .hpa-card-intro{display:none}.hpa-context-mobile .hpa-card-premium .hpa-card-info{display:block;padding-top:8px}.hpa-context-mobile .hpa-card-premium .hpa-card-info b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.hpa-context-mobile .hpa-card-premium .hpa-card-info em{display:block;margin-top:2px;font-size:9px}.hpa-context-mobile .hpa-card-premium>.hpa-scrap-button{top:3px;right:3px;width:34px;height:34px}.hpa-context-mobile .hpa-card-premium>.hpa-scrap-button svg{width:21px;height:21px}}
@media(max-width:399.98px){.hpa-context-mobile .hpa-grid-premium{gap:8px}.hpa-context-mobile .hpa-grid-premium>.hpa-card{flex-basis:calc(50% - 4px)}.hpa-context-mobile .hpa-card-premium .hpa-card-media{height:100px}.hpa-context-mobile .hpa-card-premium .hpa-card-body{padding:9px 8px}.hpa-context-mobile .hpa-card-premium .hpa-card-body>strong{min-height:35px;font-size:13px}.hpa-context-mobile .hpa-card-premium .hpa-card-info b{font-size:11px}.hpa-context-mobile .hpa-card-premium .hpa-card-info em{font-size:8px}}

/* v5.6 모바일 CLASSIC 3열 가로 스와이프 */
@media(max-width:767.98px){.hpa-context-mobile .hpa-section-classic{margin-bottom:30px}.hpa-context-mobile .hpa-grid-classic{display:flex;gap:9px;margin:0 -2px;padding:2px 2px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:none;scrollbar-width:none;cursor:grab}.hpa-context-mobile .hpa-grid-classic::-webkit-scrollbar{display:none}.hpa-context-mobile .hpa-grid-classic.is-dragging{cursor:grabbing;user-select:none}.hpa-context-mobile .hpa-grid-classic.is-dragging a{pointer-events:none}.hpa-context-mobile .hpa-grid-classic>.hpa-card{flex:0 0 calc(33.333333% - 6px);scroll-snap-align:none;scroll-snap-stop:normal;border-radius:10px;box-shadow:0 5px 14px rgba(25,48,66,.06)}.hpa-context-mobile .hpa-grid-classic>.hpa-card:hover{transform:none}.hpa-context-mobile .hpa-card-classic .hpa-card-media{height:86px}.hpa-context-mobile .hpa-card-classic .hpa-card-badge{left:5px;top:5px;min-height:19px;padding:0 5px;font-size:8px}.hpa-context-mobile .hpa-card-classic .hpa-card-body{padding:8px 7px}.hpa-context-mobile .hpa-card-classic .hpa-card-region{gap:3px;margin-bottom:4px;font-size:9px}.hpa-context-mobile .hpa-card-classic .hpa-card-body>strong{min-height:32px;font-size:12px;line-height:1.32}.hpa-context-mobile .hpa-card-classic .hpa-card-shop{margin-top:4px;font-size:10px}.hpa-context-mobile .hpa-card-classic .hpa-card-info{display:block;padding-top:6px}.hpa-context-mobile .hpa-card-classic .hpa-card-info b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis}.hpa-context-mobile .hpa-card-classic .hpa-card-info em{display:block;margin-top:1px;font-size:8px}.hpa-context-mobile .hpa-card-classic>.hpa-scrap-button{top:1px;right:1px;width:29px;height:29px}.hpa-context-mobile .hpa-card-classic>.hpa-scrap-button svg{width:18px;height:18px}}
@media(max-width:399.98px){.hpa-context-mobile .hpa-grid-classic{gap:7px}.hpa-context-mobile .hpa-grid-classic>.hpa-card{flex-basis:calc(33.333333% - 4.67px)}.hpa-context-mobile .hpa-card-classic .hpa-card-media{height:76px}.hpa-context-mobile .hpa-card-classic .hpa-card-body{padding:7px 6px}.hpa-context-mobile .hpa-card-classic .hpa-card-body>strong{min-height:31px;font-size:12px}.hpa-context-mobile .hpa-card-classic .hpa-card-info b{font-size:10px}.hpa-context-mobile .hpa-card-classic .hpa-card-info em{font-size:8px}}

/* v5.7 모바일 DELUXE 이미지 없는 3열 가로 스와이프 */
@media(max-width:767.98px){.hpa-context-mobile .hpa-section-deluxe{margin-bottom:28px}.hpa-context-mobile .hpa-grid-deluxe{display:flex;gap:9px;margin:0 -2px;padding:2px 2px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:none;scrollbar-width:none;cursor:grab}.hpa-context-mobile .hpa-grid-deluxe::-webkit-scrollbar{display:none}.hpa-context-mobile .hpa-grid-deluxe.is-dragging{cursor:grabbing;user-select:none}.hpa-context-mobile .hpa-grid-deluxe.is-dragging a{pointer-events:none}.hpa-context-mobile .hpa-grid-deluxe>.hpa-card{flex:0 0 calc(33.333333% - 6px);scroll-snap-align:none;scroll-snap-stop:normal;border-left:3px solid #9cabb6;border-radius:10px;background:linear-gradient(155deg,#fff 0%,#f3f6f8 100%);box-shadow:0 5px 14px rgba(25,48,66,.05)}.hpa-context-mobile .hpa-grid-deluxe>.hpa-card:hover{transform:none}.hpa-context-mobile .hpa-card-deluxe.is-text-only>a{display:flex;min-height:145px}.hpa-context-mobile .hpa-card-deluxe.is-text-only .hpa-card-body{padding:9px 7px 8px}.hpa-context-mobile .hpa-card-deluxe .hpa-card-inline-badge{min-height:19px;margin-bottom:6px;padding:0 5px;font-size:8px}.hpa-context-mobile .hpa-card-deluxe .hpa-card-region{gap:3px;margin-bottom:4px;font-size:9px}.hpa-context-mobile .hpa-card-deluxe .hpa-card-body>strong{min-height:32px;font-size:12px;line-height:1.32}.hpa-context-mobile .hpa-card-deluxe .hpa-card-shop{margin-top:4px;font-size:10px}.hpa-context-mobile .hpa-card-deluxe .hpa-card-info{display:block;padding-top:6px}.hpa-context-mobile .hpa-card-deluxe .hpa-card-info b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis}.hpa-context-mobile .hpa-card-deluxe.is-text-only>.hpa-scrap-button{top:2px;right:1px;width:29px;height:29px}.hpa-context-mobile .hpa-card-deluxe.is-text-only>.hpa-scrap-button svg{width:18px;height:18px}}
@media(max-width:399.98px){.hpa-context-mobile .hpa-grid-deluxe{gap:7px}.hpa-context-mobile .hpa-grid-deluxe>.hpa-card{flex-basis:calc(33.333333% - 4.67px)}.hpa-context-mobile .hpa-card-deluxe.is-text-only>a{min-height:135px}.hpa-context-mobile .hpa-card-deluxe.is-text-only .hpa-card-body{padding:8px 6px 7px}.hpa-context-mobile .hpa-card-deluxe .hpa-card-body>strong{min-height:31px;font-size:12px}.hpa-context-mobile .hpa-card-deluxe .hpa-card-info b{font-size:10px}}

/* v5.8 모바일 BASIC 핵심 텍스트 4열 가로 스와이프 */
@media(max-width:767.98px){.hpa-context-mobile .hpa-section-basic{margin-bottom:26px}.hpa-basic-mobile-rail{display:flex;gap:6px;margin:0 -2px;padding:2px 2px 9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:none;scrollbar-width:none;cursor:grab}.hpa-basic-mobile-rail::-webkit-scrollbar{display:none}.hpa-basic-mobile-rail.is-dragging{cursor:grabbing;user-select:none}.hpa-basic-mobile-rail.is-dragging a{pointer-events:none}.hpa-basic-mobile-card{position:relative;flex:0 0 calc(25% - 4.5px);min-width:0;border:1px solid #d8e0e5;border-radius:9px;background:#fff;box-shadow:0 4px 12px rgba(25,48,66,.045);overflow:hidden}.hpa-basic-mobile-card>a{display:flex;min-height:128px;height:100%;flex-direction:column;padding:8px 6px 7px}.hpa-basic-mobile-shop{display:block;padding-right:17px;color:#263f55;font-size:10px;font-weight:900;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpa-basic-mobile-title{display:-webkit-box;min-height:29px;margin-top:6px;color:#263846;font-size:11px;font-weight:850;line-height:1.32;word-break:keep-all;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hpa-basic-mobile-region{display:block;margin-top:5px;color:#7a8790;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpa-basic-mobile-pay{display:block;margin-top:auto;padding-top:6px;color:#2b435b;font-size:10px;font-weight:900;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpa-basic-mobile-card>.hpa-scrap-button{top:0;right:0;width:27px;height:27px}.hpa-basic-mobile-card>.hpa-scrap-button svg{width:16px;height:16px}}
@media(max-width:399.98px){.hpa-basic-mobile-rail{gap:5px}.hpa-basic-mobile-card{flex-basis:calc(25% - 3.75px)}.hpa-basic-mobile-card>a{min-height:120px;padding:7px 5px 6px}.hpa-basic-mobile-shop{font-size:9px}.hpa-basic-mobile-title{min-height:27px;margin-top:5px;font-size:10px}.hpa-basic-mobile-region{font-size:8px}.hpa-basic-mobile-pay{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hpa-vip-track,.hpa-card,.hpa-card-image{transition:none!important}.hpa-card:hover{transform:none}}

/* v5.2 사용자 광고 AJAX 스크랩 */
.hpa-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;overflow:hidden!important}
.hpa-vip-slide,.hpa-card,.hpa-basic-item,.hpa-recent-rail article{position:relative}
.hpa-scrap-button{position:absolute;z-index:8;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:#a8b2bb;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:color .18s ease,opacity .18s ease,transform .18s ease}
.hpa-scrap-button svg{display:block;width:24px;height:24px;overflow:visible;filter:drop-shadow(0 1px 1px rgba(18,38,56,.18))}
.hpa-scrap-button path{fill:rgba(168,178,187,.08);stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:fill .18s ease}
.hpa-scrap-button:hover,.hpa-scrap-button:focus-visible{border:0;background:transparent;color:#ad8738;box-shadow:none;outline:0;transform:scale(1.12)}
.hpa-scrap-button:focus-visible svg{filter:drop-shadow(0 0 3px rgba(198,147,40,.58))}
.hpa-scrap-button.is-saved{border:0;background:transparent;color:#c69328;box-shadow:none}
.hpa-scrap-button.is-saved path{fill:currentColor}
.hpa-scrap-button.is-loading{pointer-events:none;opacity:.58}
.hpa-scrap-button.is-vip{top:14px;right:21px;border:0;background:transparent;color:rgba(255,255,255,.9);box-shadow:none;backdrop-filter:none}
.hpa-scrap-button.is-vip:hover,.hpa-scrap-button.is-vip:focus-visible{border:0;background:transparent;color:#f1d28a;box-shadow:none}
.hpa-scrap-button.is-vip.is-saved{border:0;background:transparent;color:#f1c861;box-shadow:none}
.hpa-card>.hpa-scrap-button{top:9px;right:9px}
.hpa-context-pc .hpa-card-deluxe.is-text-only .hpa-card-body{padding:12px 48px 11px 10px}
.hpa-basic-item>.hpa-scrap-button{top:50%;right:8px;width:36px;height:36px;transform:translateY(-50%);box-shadow:none}
.hpa-basic-item>.hpa-scrap-button:hover,.hpa-basic-item>.hpa-scrap-button:focus-visible{transform:translateY(-50%) scale(1.12)}
.hpa-basic-item .hpa-basic-row{padding-right:54px}
.hpa-recent-rail article>.hpa-scrap-button{top:7px;right:7px;width:34px;height:34px;box-shadow:none}
.hpa-recent-rail article>.hpa-scrap-button svg{width:18px;height:18px}
.hpa-recent-rail article>a>span:last-child{padding-right:45px}
.hpa-scrap-toast{position:fixed;z-index:100000;left:50%;bottom:28px;box-sizing:border-box;max-width:calc(100vw - 28px);padding:13px 18px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(18,38,56,.95);color:#fff;font-family:inherit;font-size:14px;font-weight:800;line-height:1.45;text-align:center;box-shadow:0 12px 34px rgba(10,25,37,.28);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease}
.hpa-scrap-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.hpa-scrap-toast.is-error{background:rgba(145,45,45,.96)}
@media(max-width:767.98px){.hpa-scrap-button{width:42px;height:42px}.hpa-scrap-button.is-vip{top:12px;right:12px}.hpa-card>.hpa-scrap-button{top:10px;right:10px}.hpa-card-deluxe .hpa-card-body{padding-right:49px}.hpa-basic-item>.hpa-scrap-button{right:7px;width:38px;height:38px}.hpa-basic-item .hpa-basic-row{padding-right:52px}.hpa-recent-rail article>.hpa-scrap-button{width:36px;height:36px}.hpa-scrap-toast{bottom:18px;padding:12px 15px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.hpa-scrap-button,.hpa-scrap-button path,.hpa-scrap-toast{transition:none!important}}

/* 메인 모집지역 70% + 커뮤니티 30% 통합 탐색 */
.hpa-region-nav{margin:0 0 34px;border:1px solid #dfe5e9;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(18,38,56,.07);overflow:hidden}.hpa-filter-tabs{display:none}.hpa-filter-columns{display:grid;grid-template-columns:minmax(0,7fr) minmax(285px,3fr)}.hpa-filter-region,.hpa-filter-job{min-width:0;background:#fff}.hpa-filter-job{border-left:1px solid #e3e8eb}
.hpa-region-nav-head,.hpa-job-nav-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:18px 22px;border-bottom:1px solid #e6eaed;background:linear-gradient(135deg,#f9fbfc,#fff)}.hpa-region-nav-head>div,.hpa-job-nav-head>div{display:flex;align-items:baseline;gap:9px;min-width:0}.hpa-region-nav-head span,.hpa-job-nav-head span{color:#b08734;font-size:10px;font-weight:900;letter-spacing:.14em}.hpa-region-nav-head strong,.hpa-job-nav-head strong{color:#182e40;font-size:20px;font-weight:950}.hpa-region-nav-head small,.hpa-job-nav-head small{color:#75828c;font-size:12px}
.hpa-region-nearby-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;background:#1d394f;color:#fff!important;font-size:13px;font-weight:900;text-decoration:none!important}.hpa-region-nearby-link:hover,.hpa-region-nearby-link:focus-visible{background:#c79d43;color:#fff!important;outline:0}.hpa-region-nearby-link i{position:relative;width:12px;height:12px;border:2px solid currentColor;border-radius:50%}.hpa-region-nearby-link i:after{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:currentColor;content:"";transform:translate(-50%,-50%)}
.hpa-region-root-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:8px 12px}.hpa-region-root-list button{min-height:42px;padding:6px 3px;border:0;border-radius:7px;background:transparent;color:#5f6e79;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.hpa-region-root-list button:hover,.hpa-region-root-list button:focus-visible{background:#f2f5f7;color:#17334a;outline:0}.hpa-region-root-list button.is-active{background:#1f4058;color:#fff}
.hpa-job-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}.hpa-job-list a{display:flex;align-items:center;justify-content:center;min-height:39px;padding:5px 6px;border:1px solid #e0e6ea;border-radius:8px;background:#fff;color:#5b6b77!important;font-size:14px;font-weight:850;text-align:center;text-decoration:none!important;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.hpa-job-list a:hover,.hpa-job-list a:focus-visible{border-color:#c9a354;background:#fffaf0;color:#775b1d!important;outline:0;transform:translateY(-1px)}.hpa-job-list a.is-current{border-color:#1f4058;background:#1f4058;color:#fff!important;box-shadow:0 5px 13px rgba(31,64,88,.16)}
.hpa-filter-community{background:linear-gradient(145deg,#fbfcfd 0%,#fff 58%,#fbf7ec 100%)}.hpa-community-list{display:grid;gap:4px;padding:6px 10px 7px}.hpa-community-link{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;min-height:30px;padding:3px 8px 3px 6px;border:1px solid #e2e7ea;border-radius:8px;background:rgba(255,255,255,.92);color:#344b5d!important;text-decoration:none!important;box-shadow:0 2px 7px rgba(18,38,56,.035);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.hpa-community-link:hover,.hpa-community-link:focus-visible{border-color:#c9a354;background:#fffaf0;color:#725817!important;box-shadow:0 5px 14px rgba(166,126,45,.11);outline:0;transform:translateY(-1px)}.hpa-community-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eef3f6;color:#1f4058;transition:background .18s ease,color .18s ease}.hpa-community-icon svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.hpa-community-link:hover .hpa-community-icon,.hpa-community-link:focus-visible .hpa-community-icon{background:#1f4058;color:#f1d48a}.hpa-community-link strong{min-width:0;font-size:13px;font-weight:900;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpa-community-link>i{color:#b08734;font-size:15px;font-style:normal;font-weight:900;text-align:right;transition:transform .18s ease}.hpa-community-link:hover>i,.hpa-community-link:focus-visible>i{transform:translateX(2px)}
.hpa-region-child-panels{border-top:1px solid #e7ebee;background:#f7f9fa}.hpa-region-child-panels:empty{display:none}.hpa-region-child-panel{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:15px 19px}.hpa-region-child-panel[hidden]{display:none}.hpa-region-child-panel a{display:inline-flex;align-items:center;min-height:33px;padding:0 11px;border:1px solid #dce3e8;border-radius:999px;background:#fff;color:#53636f!important;font-size:12px;font-weight:800;text-decoration:none!important}.hpa-region-child-panel a:hover,.hpa-region-child-panel a:focus-visible,.hpa-region-child-panel a.is-current{border-color:#c79d43;background:#fff9eb;color:#725817!important;outline:0}
.hpa-mobile-region-selector{display:none}.hpa-mobile-region-selector,.hpa-mobile-region-selector *,.hpa-mobile-region-selector *:before,.hpa-mobile-region-selector *:after{box-sizing:border-box}
@media(max-width:1100px){.hpa-filter-columns{grid-template-columns:minmax(0,65fr) minmax(275px,35fr)}.hpa-region-root-list{grid-template-columns:repeat(4,minmax(0,1fr))}.hpa-region-nav-head>div,.hpa-job-nav-head>div{align-items:flex-start;flex-direction:column;gap:1px}}
@media(max-width:767.98px){.hpa-region-nav{margin-bottom:26px;border-radius:12px}.hpa-filter-tabs{display:grid;grid-template-columns:1fr 1fr;padding:6px;background:#f1f4f6}.hpa-filter-tabs button{min-height:42px;border:0;border-radius:8px;background:transparent;color:#6a7780;font:inherit;font-size:15px;font-weight:900;cursor:pointer}.hpa-filter-tabs button.is-active{background:#1f4058;color:#fff;box-shadow:0 4px 12px rgba(31,64,88,.16)}.hpa-filter-columns{display:block}.hpa-filter-job{display:none;border-left:0}.hpa-region-nav.is-job-active .hpa-filter-region{display:none}.hpa-region-nav.is-job-active .hpa-filter-job{display:block}.hpa-region-nav-head,.hpa-job-nav-head{align-items:flex-start;min-height:72px;padding:14px 15px}.hpa-region-nav-head>div,.hpa-job-nav-head>div{align-items:flex-start;flex-direction:column;gap:1px}.hpa-region-nav-head span,.hpa-job-nav-head span{display:none}.hpa-region-nav-head strong,.hpa-job-nav-head strong{font-size:18px}.hpa-region-nav-head small,.hpa-job-nav-head small{font-size:11px}.hpa-region-nearby-link{flex:0 0 auto;min-height:36px;padding:0 11px;font-size:12px}.hpa-region-root-list{display:flex;padding:9px 10px;overflow-x:auto;scrollbar-width:none}.hpa-region-root-list::-webkit-scrollbar,.hpa-region-child-panel::-webkit-scrollbar{display:none}.hpa-region-root-list button{flex:0 0 auto;min-width:62px;min-height:38px;padding:5px 10px}.hpa-job-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px}.hpa-job-list a{min-height:44px;font-size:13px}.hpa-community-list{gap:7px;padding:11px}.hpa-community-link{grid-template-columns:36px minmax(0,1fr) 22px;min-height:46px;padding:4px 12px 4px 7px;border-radius:9px}.hpa-community-icon{width:32px;height:32px}.hpa-community-icon svg{width:18px;height:18px}.hpa-community-link strong{font-size:14px}.hpa-region-child-panel{flex-wrap:nowrap;padding:12px;overflow-x:auto;scrollbar-width:none}.hpa-region-child-panel a{flex:0 0 auto}}
@media(max-width:767.98px){.hpa-region-nav.has-mobile-region-selector.is-mobile-region-ready .hpa-region-root-list,.hpa-region-nav.has-mobile-region-selector.is-mobile-region-ready>.hpa-region-child-panels{display:none}.hpa-region-nav.is-mobile-region-ready .hpa-mobile-region-selector{display:block;background:#fff}.hpa-mobile-region-summary{display:grid;grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 14px;border:0;border-bottom:1px solid #e3e8eb;background:#fff;color:#263b4c;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.hpa-mobile-region-summary span{font-size:14px;font-weight:950}.hpa-mobile-region-summary strong{min-width:0;color:#9b762e;font-size:13px;font-weight:900;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpa-mobile-region-summary i{position:relative;width:10px;height:10px;border-right:2px solid #64737e;border-bottom:2px solid #64737e;transform:translateY(-3px) rotate(45deg);transition:transform .18s ease}.hpa-mobile-region-summary[aria-expanded=true] i{transform:translateY(3px) rotate(225deg)}.hpa-mobile-region-summary:focus-visible{outline:2px solid #c79d43;outline-offset:-3px}.hpa-mobile-region-body{background:#fff}.hpa-mobile-region-body[hidden]{display:none}.hpa-mobile-region-search{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:7px;padding:10px 10px 9px}.hpa-mobile-region-search input{box-sizing:border-box;width:100%;height:44px;min-width:0;padding:0 12px;border:1px solid #d8dfe4;border-radius:8px;background:#fff;color:#263b4c;font:inherit;font-size:16px;outline:0;-webkit-appearance:none;appearance:none}.hpa-mobile-region-search input::placeholder{color:#8a969f}.hpa-mobile-region-search input:focus{border-color:#c79d43;box-shadow:0 0 0 3px rgba(199,157,67,.14)}.hpa-mobile-region-search button{height:44px;padding:0;border:0;border-radius:8px;background:#1f4058;color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.hpa-mobile-region-search button:hover,.hpa-mobile-region-search button:focus-visible{background:#b08734;outline:2px solid #6e531d;outline-offset:2px}.hpa-mobile-region-feedback{margin:0;padding:0 11px 9px;color:#687680;font-size:12px;font-weight:700;line-height:1.4}.hpa-mobile-region-feedback.is-error{color:#a44141}.hpa-mobile-region-labels{display:grid;grid-template-columns:34% 66%;border-top:1px solid #e3e8eb;border-bottom:1px solid #e3e8eb;background:#f5f7f8}.hpa-mobile-region-labels span{display:flex;align-items:center;justify-content:center;min-height:38px;color:#6d7982;font-size:12px;font-weight:900}.hpa-mobile-region-labels span+span{border-left:1px solid #e3e8eb}.hpa-mobile-region-columns{display:grid;grid-template-columns:34% 66%;min-width:0}.hpa-mobile-region-roots,.hpa-mobile-region-districts{min-width:0;height:320px;height:clamp(260px,48dvh,380px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cfd7dc transparent}.hpa-mobile-region-roots{padding:5px;border-right:1px solid #e3e8eb;background:#fafbfc}.hpa-mobile-region-roots button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:5px 6px;border:0;border-radius:8px;background:transparent;color:#53636f;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.hpa-mobile-region-roots button:hover,.hpa-mobile-region-roots button:focus-visible{background:#eef3f6;color:#1f4058;outline:2px solid #8ca0ae;outline-offset:-2px}.hpa-mobile-region-roots button.is-active{background:#e7eef3;color:#17364e;font-weight:950;box-shadow:inset 3px 0 0 #1f4058}.hpa-mobile-region-districts{padding:5px 7px;background:#fff}.hpa-mobile-region-panel{display:flex;flex-direction:column}.hpa-mobile-region-panel[hidden]{display:none}.hpa-mobile-region-panel a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 9px;border-radius:8px;color:#465762!important;font-size:13px;font-weight:800;text-align:center;text-decoration:none!important}.hpa-mobile-region-panel a:hover,.hpa-mobile-region-panel a:focus-visible{background:#f6f1e6;color:#725817!important;outline:2px solid #c79d43;outline-offset:-2px}.hpa-mobile-region-panel a.is-current{background:#fff5df;color:#775a1d!important;font-weight:950;box-shadow:inset 3px 0 0 #c79d43}.hpa-mobile-region-roots button.is-search-match,.hpa-mobile-region-panel a.is-search-match{background:#fff0c9;color:#704f0d!important;box-shadow:inset 0 0 0 2px #c79d43}.hpa-mobile-region-roots::-webkit-scrollbar,.hpa-mobile-region-districts::-webkit-scrollbar{width:5px}.hpa-mobile-region-roots::-webkit-scrollbar-thumb,.hpa-mobile-region-districts::-webkit-scrollbar-thumb{border-radius:999px;background:#cfd7dc}}
@media(max-width:767.98px){.hpa-region-nav.has-mobile-region-selector .hpa-filter-region>.hpa-region-nav-head{display:none}}
@media(max-width:767.98px){.hpa-region-nav.has-mobile-region-selector .hpa-filter-community>.hpa-community-head{display:none}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-list{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:52px;gap:0;width:100%;height:52px;min-height:52px;padding:0}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-link{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;height:52px;min-height:52px;padding:0 3px;border:0;border-radius:0;background:transparent;box-shadow:none}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-link+.hpa-community-link{border-left:1px solid #e3e8eb}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-link:hover,.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-link:focus-visible{box-shadow:none;transform:none}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-icon{flex:0 0 18px;width:18px;height:18px;border-radius:5px}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-icon svg{width:12px;height:12px}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-link strong{font-size:clamp(11px,3.1vw,12px);line-height:1.2;text-align:center}.hpa-region-nav.has-mobile-region-selector .hpa-filter-community .hpa-community-link>i{display:none}}
@media(max-width:399.98px){.hpa-job-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hpa-region-nav-head small{display:none}}

/* 전국 전체: 왼쪽 버튼과 오른쪽 시·도 두 행의 높이를 함께 맞춥니다. */
.hpa-region-root-layout{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;padding:8px 12px}
.hpa-region-root-layout>.hpa-region-all{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;min-height:84px;padding:8px 6px;border:1px solid #dce4e9;border-radius:8px;background:#f5f8fa;color:#415b6e!important;font:inherit;font-size:15px;font-weight:900;line-height:1.4;text-align:center;text-decoration:none!important}
.hpa-region-root-layout>.hpa-region-all:hover{border-color:#9aaebc;background:#eaf0f4;color:#17334a!important}
.hpa-region-root-layout>.hpa-region-all.is-active{border-color:#1f4058;background:#1f4058;color:#fff!important}
.hpa-region-root-layout>.hpa-region-all:focus-visible{outline:2px solid #b08734;outline-offset:2px}
.hpa-region-root-layout>.hpa-region-root-list{box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--hpa-region-columns,8),minmax(68px,1fr));grid-template-rows:repeat(2,minmax(42px,auto));gap:0;min-width:0;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hpa-region-root-layout>.hpa-region-root-list::-webkit-scrollbar{display:none}
.hpa-region-root-layout>.hpa-region-root-list button{box-sizing:border-box;min-width:0;min-height:42px;padding:6px 3px;white-space:nowrap}
@media(max-width:1100px){.hpa-region-root-layout{grid-template-columns:58px minmax(0,1fr);gap:6px;padding:8px 10px}}
@media(max-width:767.98px){.hpa-region-root-layout{grid-template-columns:52px minmax(0,1fr)}.hpa-region-root-layout>.hpa-region-all{font-size:14px}.hpa-region-nav.has-mobile-region-selector.is-mobile-region-ready .hpa-region-root-layout{display:none}}

/* v5.10.0 (2026-09-12): mobile VIP, CLASSIC and BASIC layout */
@media (max-width:767.98px) {
    .hpa-context-mobile .hpa-vip-slide>a,
    .hpa-context-mobile .hpa-vip-content {
        min-height:260px;
    }
    .hpa-context-mobile .hpa-vip-content {
        width:100%;
        padding:18px 18px 48px;
    }
    .hpa-context-mobile .hpa-tier-badge {
        gap:7px;
        margin-bottom:8px;
        padding:6px 10px;
        font-size:14px;
    }
    .hpa-context-mobile .hpa-tier-badge small {
        padding-left:7px;
        font-size:10px;
    }
    .hpa-context-mobile .hpa-vip-meta {
        display:block;
        min-width:0;
        margin-bottom:5px;
        font-size:12px;
        line-height:1.4;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hpa-context-mobile .hpa-vip-meta i {
        display:inline-block;
        margin:0 7px 3px;
    }
    .hpa-context-mobile .hpa-vip-content>strong {
        font-size:22px;
        line-height:1.25;
        overflow-wrap:anywhere;
    }
    .hpa-context-mobile .hpa-vip-shop {
        margin-top:5px;
        font-size:13px;
        line-height:1.4;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hpa-context-mobile .hpa-vip-bottom {
        gap:8px;
        margin-top:10px;
    }
    .hpa-context-mobile .hpa-vip-bottom>b {
        min-width:0;
        font-size:14px;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hpa-context-mobile .hpa-vip-bottom>em {
        flex-shrink:0;
        padding:7px 9px;
        font-size:11px;
        line-height:1.4;
    }
    .hpa-context-mobile .hpa-vip-controls {
        right:10px;
        bottom:8px;
    }

    /* Keep the three-card horizontal rail; give CLASSIC more room than DELUXE. */
    .hpa-context-mobile .hpa-card-classic.is-text-only {
        border-top:3px solid #415f76;
        background:linear-gradient(155deg,#fff 0%,#f4f7fa 100%);
    }
    .hpa-context-mobile .hpa-card-classic.is-text-only>a {
        min-height:178px;
    }
    .hpa-context-mobile .hpa-card-classic.is-text-only .hpa-card-body {
        padding:10px 8px;
    }
    .hpa-context-mobile .hpa-card-classic .hpa-card-inline-badge {
        min-height:20px;
        margin-bottom:8px;
        padding:0 5px;
        background:#e5edf3;
        color:#2b435b;
        font-size:8px;
        letter-spacing:.03em;
    }
    .hpa-context-mobile .hpa-card-classic .hpa-card-region {
        margin-bottom:6px;
        font-size:10px;
        line-height:1.4;
    }
    .hpa-context-mobile .hpa-card-classic .hpa-card-body>strong {
        min-height:36px;
        font-size:13px;
        line-height:1.38;
        overflow-wrap:anywhere;
    }
    .hpa-context-mobile .hpa-card-classic .hpa-card-shop {
        margin-top:6px;
        font-size:11px;
    }
    .hpa-context-mobile .hpa-card-classic .hpa-card-info {
        padding-top:9px;
    }
    .hpa-context-mobile .hpa-card-classic .hpa-card-info b {
        font-size:11px;
    }
    .hpa-context-mobile .hpa-card-classic .hpa-card-info em {
        margin-top:3px;
        font-size:9px;
    }
    .hpa-context-mobile .hpa-card-classic.is-text-only>.hpa-scrap-button {
        top:3px;
        right:1px;
        width:29px;
        height:29px;
    }

    /* BASIC: full-width rows with dividers, no individual card boxes. */
    .hpa-context-mobile .hpa-basic-mobile-rail {
        display:block;
        margin:0;
        padding:0;
        border-top:1px solid #cfd9e1;
        border-bottom:1px solid #cfd9e1;
        background:#fff;
        overflow:visible;
        scroll-snap-type:none;
        overscroll-behavior-x:auto;
        cursor:auto;
    }
    .hpa-context-mobile .hpa-basic-mobile-card {
        width:100%;
        margin:0;
        border:0;
        border-bottom:1px solid #e8edf1;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
    }
    .hpa-context-mobile .hpa-basic-mobile-card:last-child {
        border-bottom:0;
    }
    .hpa-context-mobile .hpa-basic-mobile-card>a {
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        grid-template-areas:"shop shop" "title title" "region pay";
        gap:5px 12px;
        min-height:0;
        height:auto;
        padding:13px 46px 13px 4px;
    }
    .hpa-context-mobile .hpa-basic-mobile-card>a:hover,
    .hpa-context-mobile .hpa-basic-mobile-card>a:focus-visible {
        background:#f5f8fa;
    }
    .hpa-context-mobile .hpa-basic-mobile-shop {
        grid-area:shop;
        min-width:0;
        padding:0;
        font-size:15px;
        line-height:1.4;
    }
    .hpa-context-mobile .hpa-basic-mobile-title {
        grid-area:title;
        min-width:0;
        min-height:0;
        margin:0;
        font-size:14px;
        font-weight:700;
        line-height:1.45;
        overflow-wrap:anywhere;
    }
    .hpa-context-mobile .hpa-basic-mobile-region {
        grid-area:region;
        min-width:0;
        margin:0;
        font-size:12px;
        line-height:1.4;
    }
    .hpa-context-mobile .hpa-basic-mobile-pay {
        grid-area:pay;
        min-width:0;
        margin:0;
        padding:0;
        font-size:12px;
        line-height:1.4;
        text-align:right;
    }
    .hpa-context-mobile .hpa-basic-mobile-card>.hpa-scrap-button {
        top:8px;
        right:2px;
        width:38px;
        height:38px;
    }
    .hpa-context-mobile .hpa-basic-mobile-card>.hpa-scrap-button svg {
        width:21px;
        height:21px;
    }
}
@media (max-width:399.98px) {
    .hpa-context-mobile .hpa-vip-slide>a,
    .hpa-context-mobile .hpa-vip-content {
        min-height:247px;
    }
    .hpa-context-mobile .hpa-vip-content {
        padding:16px 16px 48px;
    }
    .hpa-context-mobile .hpa-vip-content>strong {
        font-size:21px;
    }
    .hpa-context-mobile .hpa-card-classic.is-text-only>a {
        min-height:168px;
    }
    .hpa-context-mobile .hpa-card-classic.is-text-only .hpa-card-body {
        padding:9px 6px;
    }
}

/* v5.10.1 (2026-09-12): BASIC single-line PC rows and compact mobile list. */
.hpa-context-pc .hpa-basic-list {
    overflow-x:auto;
}
.hpa-context-pc .hpa-basic-head,
.hpa-context-pc .hpa-basic-body {
    min-width:680px;
}
.hpa-context-pc .hpa-basic-head,
.hpa-context-pc .hpa-basic-item .hpa-basic-row {
    display:grid;
    grid-template-columns:minmax(70px,1fr) minmax(65px,.85fr) minmax(0,3fr) minmax(66px,1fr) minmax(92px,1fr) 44px;
    grid-template-areas:none;
    align-items:center;
    gap:0 12px;
    padding:8px 10px;
}
.hpa-context-pc .hpa-basic-head {
    min-height:38px;
    font-size:13px;
    white-space:nowrap;
}
.hpa-context-pc .hpa-basic-item .hpa-basic-row {
    min-height:44px;
}
.hpa-context-pc .hpa-basic-row>* {
    grid-area:auto;
    min-width:0;
    min-height:0;
    margin:0;
    align-self:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.4;
}
.hpa-context-pc .hpa-basic-row .hpa-basic-shop,
.hpa-context-pc .hpa-basic-row .hpa-basic-title {
    font-size:14px;
}
.hpa-context-pc .hpa-basic-row .hpa-basic-box,
.hpa-context-pc .hpa-basic-row .hpa-basic-region,
.hpa-context-pc .hpa-basic-row .hpa-basic-pay {
    font-size:13px;
}
.hpa-context-pc .hpa-basic-head>span:last-child {
    text-align:center;
}
.hpa-context-pc .hpa-basic-arrow {
    visibility:hidden;
}
.hpa-context-pc .hpa-basic-item>.hpa-scrap-button {
    right:14px;
    width:36px;
    height:36px;
}

@media (max-width:767.98px) {
    .hpa-context-mobile .hpa-basic-mobile-card>a {
        display:flex;
        flex-direction:column;
        gap:3px;
        min-height:0;
        height:auto;
        padding:8px 44px 8px 4px;
    }
    .hpa-context-mobile .hpa-basic-mobile-shop {
        display:flex;
        align-items:baseline;
        gap:5px;
        margin:0;
        font-size:14px;
        line-height:1.35;
    }
    .hpa-context-mobile .hpa-basic-mobile-shop .hpa-basic-mobile-region {
        flex:0 1 auto;
        max-width:45%;
        color:inherit;
        font-size:inherit;
        line-height:inherit;
        font-weight:700;
    }
    .hpa-context-mobile .hpa-basic-mobile-separator {
        flex:none;
        color:#a4afb7;
        font-style:normal;
        font-weight:400;
    }
    .hpa-context-mobile .hpa-basic-mobile-name {
        flex:1;
        min-width:0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hpa-context-mobile .hpa-basic-mobile-title {
        display:block;
        font-size:13px;
        font-weight:600;
        line-height:1.4;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:unset;
    }
    .hpa-context-mobile .hpa-basic-mobile-meta {
        display:flex;
        align-items:baseline;
        gap:8px;
        min-width:0;
        color:#7a8790;
        font-size:12px;
        line-height:1.35;
    }
    .hpa-context-mobile .hpa-basic-mobile-meta .hpa-basic-mobile-pay {
        flex:0 1 auto;
        max-width:55%;
        color:#71808b;
        font-size:inherit;
        font-weight:700;
        line-height:inherit;
        text-align:left;
    }
    .hpa-context-mobile .hpa-basic-mobile-jobs {
        flex:1;
        min-width:0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hpa-context-mobile .hpa-basic-mobile-card>.hpa-scrap-button {
        top:50%;
        right:2px;
        width:36px;
        height:36px;
        transform:translateY(-50%);
    }
    .hpa-context-mobile .hpa-basic-mobile-card>.hpa-scrap-button:hover,
    .hpa-context-mobile .hpa-basic-mobile-card>.hpa-scrap-button:focus-visible {
        transform:translateY(-50%) scale(1.12);
    }
}

/* v5.10.2: BASIC spacing and left-aligned text. */
.hpa-context-pc .hpa-basic-head,
.hpa-context-pc .hpa-basic-item .hpa-basic-row {
    padding-top:6px;
    padding-bottom:6px;
    text-align:left;
}
.hpa-context-pc .hpa-basic-head {
    min-height:34px;
}
.hpa-context-pc .hpa-basic-item .hpa-basic-row {
    min-height:40px;
}
.hpa-context-pc .hpa-basic-head>span,
.hpa-context-pc .hpa-basic-row>* {
    text-align:left;
}
@media (max-width:767.98px) {
    .hpa-context-mobile .hpa-basic-mobile-card>a {
        align-items:stretch;
        justify-content:flex-start;
        gap:2px;
        padding-top:6px;
        padding-bottom:6px;
        text-align:left;
    }
    .hpa-context-mobile .hpa-basic-mobile-card>a strong,
    .hpa-context-mobile .hpa-basic-mobile-card>a span,
    .hpa-context-mobile .hpa-basic-mobile-card>a b {
        text-align:left;
    }
    .hpa-context-mobile .hpa-basic-mobile-shop,
    .hpa-context-mobile .hpa-basic-mobile-meta {
        justify-content:flex-start;
    }
}

/* v5.10.3: keep BASIC region and pay together on one mobile line. */
@media (max-width:767.98px) {
    .hpa-context-mobile .hpa-basic-mobile-meta {
        flex-wrap:nowrap;
    }
    .hpa-context-mobile .hpa-basic-mobile-location-pay {
        display:flex;
        flex:0 1 auto;
        align-items:baseline;
        justify-content:flex-start;
        flex-wrap:nowrap;
        gap:5px;
        min-width:0;
        max-width:100%;
        white-space:nowrap;
    }
    .hpa-context-mobile .hpa-basic-mobile-location-pay .hpa-basic-mobile-region {
        flex:0 1 auto;
        min-width:0;
        margin:0;
        padding:0;
        font-size:inherit;
        line-height:inherit;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hpa-context-mobile .hpa-basic-mobile-location-pay .hpa-basic-mobile-pay {
        flex:none;
        max-width:none;
        margin:0;
        padding:0;
        color:#2b435b;
        white-space:nowrap;
    }
}

/* v5.11.0 PC 여러 줄 편성 · VIP 마우스 드래그 (모바일 규칙 유지) */
.hpa-context-pc .hpa-grid-premium,
.hpa-context-pc .hpa-grid-classic,
.hpa-context-pc .hpa-grid-deluxe {
    display:grid;
    grid-auto-flow:row;
    grid-auto-rows:auto;
}
.hpa-context-pc .hpa-grid>.hpa-card:last-child:nth-child(odd) {
    grid-column:auto;
}
.hpa-context-pc .hpa-vip.is-pc-scrollable .hpa-vip-viewport {
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:auto;
    scroll-snap-type:none;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    cursor:grab;
    -webkit-user-select:none;
    user-select:none;
}
.hpa-context-pc .hpa-vip.is-pc-scrollable .hpa-vip-viewport::-webkit-scrollbar {
    display:none;
}
.hpa-context-pc .hpa-vip.is-pc-scrollable .hpa-vip-track {
    transform:none;
    transition:none;
    will-change:auto;
}
.hpa-context-pc .hpa-vip.is-pc-scrollable .hpa-vip-slide>a {
    cursor:grab;
    -webkit-user-drag:none;
}
.hpa-context-pc .hpa-vip.is-pc-scrollable img {
    -webkit-user-drag:none;
}
.hpa-context-pc .hpa-vip.is-dragging .hpa-vip-viewport,
.hpa-context-pc .hpa-vip.is-dragging .hpa-vip-slide>a {
    cursor:grabbing;
}

/* v5.11.1 PC CLASSIC: 사진 없이 배지·채용정보 중심의 카드 */
.hpa-context-pc .hpa-card-classic.is-text-only {
    border-top:3px solid #415f76;
    background:linear-gradient(155deg,#fff 0%,#f4f7fa 100%);
}
.hpa-context-pc .hpa-card-classic.is-text-only>a {
    min-height:210px;
}
.hpa-context-pc .hpa-card-classic.is-text-only .hpa-card-body {
    padding:13px 11px 12px;
}
.hpa-context-pc .hpa-card-classic.is-text-only .hpa-card-inline-badge {
    min-height:22px;
    max-width:calc(100% - 25px);
    margin-bottom:10px;
    padding:0 7px;
    background:#e5edf3;
    color:#2b435b;
    font-size:9px;
    letter-spacing:.03em;
}
.hpa-context-pc .hpa-card-classic.is-text-only .hpa-card-info {
    margin-top:auto;
    padding-top:10px;
}
.hpa-context-pc .hpa-card-classic.is-text-only>.hpa-scrap-button {
    top:5px;
    right:3px;
    width:32px;
    height:32px;
}
.hpa-context-pc .hpa-card-classic.is-text-only>.hpa-scrap-button svg {
    width:20px;
    height:20px;
}

/* v5.11.4 CLASSIC: PC·모바일 공통 블루/라벤더 배경과 인디고 배지.
   카드 크기, 열 개수, 모바일 가로 스와이프는 기존 설정을 사용합니다. */
.hpa-main-ads .hpa-grid-classic>.hpa-card-classic.is-text-only {
    border-color:#c8d3f0;
    border-top-color:#5465c4;
    background:linear-gradient(140deg,#e6efff 0%,#eeebff 57%,#f6f1ff 100%);
    box-shadow:0 7px 18px rgba(74,84,168,.12);
}
.hpa-main-ads .hpa-grid-classic>.hpa-card-classic.is-text-only .hpa-card-inline-badge {
    border-color:transparent;
    background:linear-gradient(110deg,#3f59a8,#6954ae);
    color:#fff;
    box-shadow:0 2px 5px rgba(65,76,155,.18);
}
.hpa-main-ads .hpa-grid-classic>.hpa-card-classic.is-text-only .hpa-card-region,
.hpa-main-ads .hpa-grid-classic>.hpa-card-classic.is-text-only .hpa-card-info em {
    color:#596c81;
}
.hpa-main-ads .hpa-grid-classic>.hpa-card-classic.is-text-only .hpa-card-shop {
    color:#435a72;
}
.hpa-main-ads .hpa-grid-classic>.hpa-card-classic.is-text-only>.hpa-scrap-button:not(.is-saved):not(:hover):not(:focus-visible) {
    color:#6f7fa7;
}
@media(hover:hover) and (pointer:fine) {
    .hpa-main-ads .hpa-grid-classic>.hpa-card-classic.is-text-only:hover {
        border-color:#aab7e4;
        border-top-color:#5465c4;
        box-shadow:0 12px 24px rgba(74,84,168,.17);
    }
}