.career-guide{--paper:#fff;--ink:#282530;--muted:#716d78;--line:#dedbe4;--soft:#f7f6f9;--accent:#705579;--tint:#f0eaf4;--trigger:#a74462;--action:#386b64;color:var(--ink);container-type:inline-size}:is(body,body.jh-design #phone .report) .career-guide table{width:100%;border-collapse:collapse;table-layout:fixed}:is(body,body.jh-design #phone .report) .career-guide th,:is(body,body.jh-design #phone .report) .career-guide td{text-align:left;vertical-align:top;word-break:keep-all;overflow-wrap:break-word}:is(body,body.jh-design #phone .report) .career-guide h3,:is(body,body.jh-design #phone .report) .career-guide h4,:is(body,body.jh-design #phone .report) .career-guide h5,:is(body,body.jh-design #phone .report) .career-guide p{margin:0}:is(body,body.jh-design #phone .report) .career-guide *{box-sizing:border-box}body:not(.rd-paper).jh-design .career-guide,body.dark .career-guide{--paper:#211f28;--ink:#f1edf6;--muted:#b8b2c2;--line:#49424f;--soft:#2a2631;--accent:#d4b6e3;--tint:#372d40;--trigger:#ef9db6;--action:#98cbbb}:is(body,body.jh-design #phone .report) .career-guide .brand{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-2xs);color:var(--muted);padding-bottom:var(--sp-4);border-bottom:1px solid var(--line)}:is(body,body.jh-design #phone .report) .career-guide .brand b{color:var(--ink);font-size:var(--fs-sm)}:is(body,body.jh-design #phone .report) .career-guide .intro{display:grid;grid-template-columns:1fr 94px;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0}:is(body,body.jh-design #phone .report) .career-guide .intro h3{font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:-.6px;word-break:keep-all}:is(body,body.jh-design #phone .report) .career-guide .intro p{font-size:var(--fs-2xs);line-height:var(--lh-snug);color:var(--muted);margin-top:var(--sp-2);word-break:keep-all}:is(body,body.jh-design #phone .report) .career-guide .mini-model{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1);text-align:center}:is(body,body.jh-design #phone .report) .career-guide .mini-model span{font-size:var(--fs-2xs);color:var(--muted)}:is(body,body.jh-design #phone .report) .career-guide .mini-model i{height:23px;border:1px solid #c6c0cc;border-radius:var(--r-sm);font-style:normal;display:grid;place-items:center;font-size:var(--fs-2xs)}:is(body,body.jh-design #phone .report) .career-guide .mini-model .month{background:var(--tint);border:2px solid var(--accent);color:var(--accent);font-weight:var(--fw-bold)}:is(body,body.jh-design #phone .report) .career-guide .overview{font-size:var(--fs-sm);border-top:1px solid var(--line)}:is(body,body.jh-design #phone .report) .career-guide .overview thead{background:var(--tint);color:var(--accent)}:is(body,body.jh-design #phone .report) .career-guide .overview th,:is(body,body.jh-design #phone .report) .career-guide .overview td{padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--line)}:is(body,body.jh-design #phone .report) .career-guide .overview thead th{font-size:var(--fs-2xs);padding-top:var(--sp-2);padding-bottom:var(--sp-2)}:is(body,body.jh-design #phone .report) .career-guide .overview th:first-child{width:55px}:is(body,body.jh-design #phone .report) .career-guide .overview thead th span{color:var(--muted);font-weight:var(--fw-regular)}:is(body,body.jh-design #phone .report) .career-guide .overview tbody:nth-of-type(even){background:var(--soft)}:is(body,body.jh-design #phone .report) .career-guide .overview tbody th{vertical-align:middle}:is(body,body.jh-design #phone .report) .career-guide .overview th b{font-size:var(--fs-md)}:is(body,body.jh-design #phone .report) .career-guide .overview th small{display:block;color:var(--muted);font-size:var(--fs-2xs);font-weight:var(--fw-regular);margin-top:2px}:is(body,body.jh-design #phone .report) .career-guide .overview td strong{font-weight:var(--fw-semibold);line-height:var(--lh-snug)}:is(body,body.jh-design #phone .report) .career-guide .environment{font-size:var(--fs-xs);line-height:var(--lh-body);color:var(--muted);margin-top:3px}:is(body,body.jh-design #phone .report) .career-guide .environment span{white-space:nowrap}:is(body,body.jh-design #phone .report) .career-guide .environment i{font-style:normal;color:var(--muted)}:is(body,body.jh-design #phone .report) .career-guide .note{font-size:var(--fs-2xs);line-height:var(--lh-body);color:var(--muted);margin:var(--sp-4) 0 0;word-break:keep-all}:is(body,body.jh-design #phone .report) .career-guide .note strong{font-weight:var(--fw-regular);color:var(--ink)}:is(body,body.jh-design #phone .report) .career-guide .trigger-title{margin:var(--sp-8) 0 var(--sp-4);padding-top:var(--sp-5);border-top:1px solid var(--line)}:is(body,body.jh-design #phone .report) .career-guide .trigger-title>span{font-size:var(--fs-xs);color:var(--muted)}:is(body,body.jh-design #phone .report) .career-guide .trigger-title h4{font-size:var(--fs-xl);line-height:var(--lh-snug);margin:2px 0 var(--sp-1)}:is(body,body.jh-design #phone .report) .career-guide .trigger-title p{font-size:var(--fs-2xs);color:var(--muted)}:is(body,body.jh-design #phone .report) .career-guide .trigger-title p span{padding:0 var(--sp-2)}:is(body,body.jh-design #phone .report) .career-guide .trigger-group{margin-top:var(--sp-5)}:is(body,body.jh-design #phone .report) .career-guide .trigger-group h5{font-size:var(--fs-xs);color:var(--accent);padding:0 0 var(--sp-2)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table{font-size:var(--fs-xs);line-height:var(--lh-body);border-top:1px solid var(--line)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table th,:is(body,body.jh-design #phone .report) .career-guide .trigger-table td{padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--line)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table th:first-child{width:39px;padding-left:3px;padding-right:3px}:is(body,body.jh-design #phone .report) .career-guide .trigger-table thead th{background:var(--soft);font-size:var(--fs-2xs)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table thead th:nth-child(2){color:var(--trigger)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table thead th:nth-child(3){color:var(--action)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table td:last-child{border-left:1px solid var(--line)}:is(body,body.jh-design #phone .report) .career-guide .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(body,body.jh-design #phone .report) .career-guide .overview thead th:first-child{white-space:nowrap;padding-left:var(--sp-1);padding-right:var(--sp-1);font-size:var(--fs-2xs)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table td{text-wrap:pretty}@container (max-width:300px){:is(body,body.jh-design #phone .report) .career-guide .intro{grid-template-columns:1fr 80px;gap:var(--sp-2)}:is(body,body.jh-design #phone .report) .career-guide .intro h3{font-size:var(--fs-lg)}:is(body,body.jh-design #phone .report) .career-guide .overview th,:is(body,body.jh-design #phone .report) .career-guide .overview td{padding:var(--sp-2) var(--sp-1)}:is(body,body.jh-design #phone .report) .career-guide .overview th:first-child{width:47px}:is(body,body.jh-design #phone .report) .career-guide .overview td strong{font-size:var(--fs-xs)}:is(body,body.jh-design #phone .report) .career-guide .environment{font-size:var(--fs-2xs)}}:is(body,body.jh-design #phone .report) .career-guide :is(.brand,.mini-model span,.mini-model i,.overview thead th,.overview thead th:first-child,.overview th small,.environment,.trigger-title>span,.trigger-title p,.trigger-table thead th,.mood-flow){font-size:14px}:is(body,body.jh-design #phone .report) .career-guide .brand b{font-size:var(--fs-md)}:is(body,body.jh-design #phone .report) .career-guide .intro p{font-size:var(--fs-md);line-height:var(--lh-body)}:is(body,body.jh-design #phone .report) .career-guide .mini-model i{height:28px}:is(body,body.jh-design #phone .report) .career-guide .overview{font-size:var(--fs-md)}:is(body,body.jh-design #phone .report) .career-guide .overview th b{font-size:var(--fs-lg)}:is(body,body.jh-design #phone .report) .career-guide .overview td strong{font-size:var(--fs-lg)}:is(body,body.jh-design #phone .report) .career-guide .overview th:first-child{width:58px}:is(body,body.jh-design #phone .report) .career-guide .note{font-size:var(--fs-md)}:is(body,body.jh-design #phone .report) .career-guide .trigger-group h5{font-size:var(--fs-md)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table{font-size:14px;line-height:var(--lh-body)}:is(body,body.jh-design #phone .report) .career-guide .trigger-table th:first-child{width:46px;font-size:var(--fs-md)}:is(body,body.jh-design #phone .report) .career-guide .intro{grid-template-columns:1fr}:is(body,body.jh-design #phone .report) .career-guide .intro :is(.nb-head b,.nb-axis b,.nb-axis small,.nb-glyph strong,.nb-glyph small,.mini-model span,.mini-model i){font-size:14px}body.jh-design-a #phone .report.paper .career-guide .intro>.nb-pair-mini:not(#_),body.jh-design #phone .report .career-guide .intro>.nb-pair-mini:not(#_){width:100%;max-width:280px;min-width:0}body.jh-design #phone .report .career-guide .intro .nb-mini .nb-glyph{min-height:40px}body.jh-design #phone .report .career-guide .intro .nb-mini .nb-glyph strong{font-size:var(--fs-md)}body.jh-design #phone .report .career-guide .intro .nb-mini :is(.nb-head b,.nb-axis b,.nb-axis small,.nb-glyph small){font-size:14px}body.jh-design #phone .report .career-guide .intro .nb-item.is-active .nb-glyph:not(#_){border:2px solid var(--accent);background:var(--tint)}body.jh-design #phone .report .career-guide .intro .nb-item.is-active .nb-glyph strong:not(#_){color:var(--accent)}body.jh-design #phone .report .career-guide{--cg-rule:rgba(122,80,40,.28);--cg-edge:rgba(122,80,40,.55)}body.jh-design #phone .report:not(.paper) .career-guide{--cg-rule:rgba(214,178,122,.26);--cg-edge:rgba(214,178,122,.5)}body.jh-design #phone .report:not(.paper) .career-guide .mini-model i:not(#_){border-color:rgba(214,178,122,.45)}body.jh-design #phone .report:not(.paper) .career-guide .mini-model .month:not(#_){border:2px solid #d6b27a;background:rgba(214,178,122,.16);color:#f0d9a6}body.jh-design #phone .report .career-guide :is(.overview,.trigger-table):not(#_){border:1px solid var(--cg-edge);border-collapse:collapse}body.jh-design #phone .report .career-guide .overview tbody:not(#_){background:transparent;border:0}body.jh-design #phone .report .career-guide :is(.overview,.trigger-table) :is(th,td):not(#_){border-bottom:1px solid var(--cg-rule)}body.jh-design #phone .report .career-guide :is(.overview,.trigger-table) tbody th:not(#_){border-right:1px solid var(--cg-rule)}body.jh-design #phone .report .career-guide .trigger-table td:last-child:not(#_){border-left:1px solid var(--cg-rule)}body.jh-design #phone .report .career-guide :is(.overview,.trigger-table) thead:not(#_){border-bottom:1px solid var(--cg-edge)}body.jh-design #phone .report .career-guide .trigger-group+.trigger-group .trigger-table:not(#_){border-top:0}body.jh-design #phone .report .career-guide .intro .nb-pair>.nb-original:not(#_){display:none!important}body.jh-design #phone .report .career-guide .intro .nb-pair>.nb-white:not(#_){display:block!important}body.jh-design #phone .report:not(.paper) .career-guide .intro .nb-model .nb-glyph:not(#_){background:rgba(255,255,255,.06);border-color:rgba(214,178,122,.4)}body.jh-design #phone .report:not(.paper) .career-guide .intro .nb-model .nb-glyph strong:not(#_){color:#efe6d6}body.jh-design #phone .report:not(.paper) .career-guide .intro .nb-head b:not(#_){color:#cfc3ad}body.jh-design #phone .report .career-guide .intro .nb-model .nb-item.is-active .nb-glyph:not(#_){border:3px solid #e0463a;background:rgba(224,70,58,.14);box-shadow:0 0 0 2px rgba(224,70,58,.25)}body.jh-design #phone .report .career-guide .intro .nb-model .nb-item.is-active .nb-glyph strong:not(#_){color:#e0463a;font-weight:800}body.jh-design #phone .report.paper .career-guide .intro .nb-model .nb-item.is-active .nb-glyph:not(#_){border-color:#c8261a;background:#fdeceb}body.jh-design #phone .report.paper .career-guide .intro .nb-model .nb-item.is-active .nb-glyph strong:not(#_){color:#c8261a}body.jh-design #phone .report .career-guide .overview tr.mine td:not(#_){position:relative;padding-right:84px}body.jh-design #phone .report .career-guide .overview tr.mine :is(th,td):not(#_){background:rgba(224,70,58,.12)}body.jh-design #phone .report .career-guide .overview tr.mine th:not(#_){box-shadow:inset 3px 0 0 #e0463a}body.jh-design #phone .report .career-guide .overview .mine-tag:not(#_){position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:5px 9px;border-radius:999px;background:#e0463a;color:#fff;font:700 12px/1.25 "Pretendard","Noto Sans KR",sans-serif;font-style:normal;text-align:center;white-space:nowrap}