﻿@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css";:root{--border-color:#283952;--text-primary: #f8fafc;--text-secondary: #455d7a;--accent-navy: #1e3a8a;--accent-purple: #5675b3;--accent-deep: #4c1d95;--radius: 12px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}button{transition:all .3s;cursor:pointer;border:none}table{border-collapse:collapse;width:100%;margin-top:10px}.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}body{background:radial-gradient(circle at top right, #1e1b4b, #020617, #0f172a);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;min-height:100vh;padding-top:50px}.container{max-width:1000px;margin:0 auto;padding:3rem 1.5rem}header{text-align:center;margin-bottom:4rem}h1{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg, #1f3268, var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:-2px}.card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 50px rgba(0,0,0,.4);margin-bottom:2rem}.choice-card{border:1px solid rgba(139,92,246,.3) !important}.choice-card select{border:1px solid #b8c2d8;background-color:#fff}.form-section{display:flex;flex-direction:column;gap:2rem}.input-group{display:flex;flex-direction:column;gap:.7rem}label{font-size:.95rem;font-weight:700;color:#cbd5e1}input,textarea,select{border:1px solid rgba(255,255,255,.2);border-radius:.8rem;padding:1.1rem 1.25rem}.badge-status{font-size:.75rem;font-weight:800;padding:.3rem .7rem;border-radius:4px;text-transform:uppercase}.st-low{color:#ef4444;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3)}.st-med{color:#f59e0b;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3)}.st-high{color:#10b981;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3)}.mission-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.5rem;border-radius:1.2rem;margin-bottom:1rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;gap:1.2rem}.mission-item.completed{border-color:var(--accent-purple);background:rgba(139,92,246,.12)}.mission-check{width:28px;height:28px;border:2px solid rgba(255,255,255,.2);border-radius:50%;transition:all .3s}.mission-item.completed .mission-check{background:var(--accent-purple);border-color:var(--accent-purple)}.tab-container{display:flex;gap:.8rem;margin-bottom:2.5rem;padding:.6rem;background:rgba(15,23,42,.9);border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;width:fit-content}.tab-btn{background:rgba(0,0,0,0);padding:.8rem 1.6rem;font-size:1rem;font-weight:700;color:var(--text-secondary);border:none;cursor:pointer;border-radius:.8rem}.tab-btn.active{background:var(--accent-purple);color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.roadmap-tracker{display:flex;flex-direction:column;gap:3.5rem;position:relative;padding-left:3.5rem}.roadmap-tracker::before{content:"";position:absolute;left:17px;top:10px;bottom:15px;width:2.5px;background:linear-gradient(to bottom, var(--accent-purple), var(--accent-deep), transparent)}.step-icon{position:absolute;left:-35px;top:5px;width:34px;height:34px;background:var(--accent-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:900;color:#fff;box-shadow:0 0 20px rgba(139,92,246,.5);z-index:2}.badge-cert{background:rgba(139,92,246,.2);border:1px solid var(--accent-purple);color:#fff;padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:700;transition:all .3s}.badge-cert:hover{transform:translateY(-3px);background:var(--accent-purple)}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-section{display:none}.loader{width:60px;height:60px;border:4.5px solid rgba(255,255,255,.1);border-bottom-color:var(--accent-purple);border-radius:50%;animation:rotation 1s linear infinite;margin:0 auto}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.progress-bar-container{position:fixed;top:0;left:0;width:100%;background:rgba(15,23,42,.95);border-bottom:1px solid rgba(255,255,255,.1);padding:.8rem 1.5rem;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.5)}.progress-steps-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:.4rem}.progress-bar-track{width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right, var(--accent-purple), #00f0ff);width:0%;transition:width .4s ease-out}.option-btn{border:1px solid rgba(255,255,255,.08) !important;background:rgba(255,255,255,.02) !important;color:var(--text-primary) !important;border-radius:.8rem !important;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1) !important;cursor:pointer}.option-btn:hover{border-color:var(--accent-purple) !important;background:rgba(139,92,246,.08) !important;transform:translateY(-2px) !important}.option-btn.active{border-color:#00f0ff !important;background:rgba(0,240,255,.1) !important;box-shadow:0 0 15px rgba(0,240,255,.2) !important}.star-rating{display:inline-flex;flex-direction:row-reverse;gap:.4rem}.star-rating-star{font-size:2.2rem;color:rgba(255,255,255,.15);cursor:pointer;transition:color .2s ease-in-out}.star-rating-star:hover,.star-rating-star:hover~.star-rating-star{color:#f59e0b}.star-rating-star.selected,.star-rating-star.selected~.star-rating-star{color:#f59e0b}.scenario-step-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:1.2rem;padding:1.5rem;margin-bottom:1.2rem;transition:all .3s;position:relative;overflow:hidden}.scenario-step-card.active-level{border-color:#00f0ff;background:rgba(0,240,255,.02);box-shadow:0 0 25px rgba(0,240,255,.05)}.scenario-lvl-badge{position:absolute;top:15px;right:15px;background:rgba(0,240,255,.15);border:1px solid #00f0ff;color:#00f0ff;font-size:.75rem;font-weight:800;padding:.2rem .6rem;border-radius:4px}.scenario-progress-bar{width:100%;height:10px;background:rgba(255,255,255,.05);border-radius:5px;overflow:hidden;margin:1.2rem 0}.scenario-progress-fill{height:100%;background:linear-gradient(to right, #00f0ff, var(--accent-purple));border-radius:5px}.recommend-job-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:1.2rem;padding:1.8rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.recommend-score-badge{background:rgba(139,92,246,.15);border:1px solid var(--accent-purple);color:#fff;font-weight:800;font-size:.8rem;padding:.3rem .6rem;border-radius:5px}.recommend-job-card.selected-job-ui{border-color:#00f0ff !important;background:rgba(0,240,255,.05) !important;box-shadow:0 0 25px rgba(0,240,255,.15) !important}.recommend-job-card.selected-job-ui::after{content:"✓ 최종 선택됨";position:absolute;top:15px;right:15px;background:#00f0ff;color:#000;font-size:.72rem;font-weight:900;padding:.2rem .5rem;border-radius:4px}.roadmap-interactive-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:.8rem 1rem;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;color:var(--text-secondary)}.roadmap-interactive-item:hover{border-color:var(--accent-purple);background:rgba(139,92,246,.05);transform:translateX(3px);color:#fff}.roadmap-interactive-item.selected{border-color:#00f0ff;background:rgba(0,240,255,.08);box-shadow:0 0 12px rgba(0,240,255,.1);color:#fff}.roadmap-interactive-item.badge{display:inline-flex;margin-right:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.82rem}.roadmap-interactive-item.badge:hover{transform:translateY(-2px)}.test-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem;width:100%;max-width:750px;margin-top:1rem}.test-card{border:1px solid rgba(255,255,255,.08) !important;border-radius:1.25rem !important;padding:2.2rem 1.5rem !important;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1) !important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;outline:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.test-card .card-icon{font-size:3rem;line-height:1;transition:transform .3s ease;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3))}.test-card .card-text{font-size:1.05rem;font-weight:600;color:var(--text-primary);line-height:1.5;word-break:keep-all}.test-card:hover{transform:translateY(-5px) !important}.test-card:hover .card-icon{transform:scale(1.18) rotate(4deg)}.test-card.active{background:linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(0, 240, 255, 0.15)) !important;border-color:#00f0ff !important;box-shadow:0 0 25px rgba(0,240,255,.35) !important}.test-card.active .card-text{color:#fff !important}.guide-badge{display:inline-block;padding:.35rem .8rem;border-radius:50px;font-size:.78rem;font-weight:800;letter-spacing:.5px;margin-bottom:.8rem;text-transform:uppercase}.badge-value{background:rgba(139,92,246,.2);border:1px solid var(--accent-purple);color:#c084fc}.badge-strength{background:rgba(0,240,255,.15);border:1px solid #00f0ff;color:#22d3ee}.test-milestone-panel{text-align:center;padding:3rem 1.5rem;animation:slideInUp .5s ease-out}.milestone-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}body{font-family:"Inter","Outfit",sans-serif}.hero{max-width:800px;margin:0 auto;text-align:center;margin-bottom:2rem}select option{background-color:#0f172a !important;color:#f8fafc !important}body{background-image:radial-gradient(circle at top right, #9ac4d4, #e8e7e2, #e0d4c8);color:#283952;font-family:var(--font-sans);line-height:1.6;min-height:100vh;padding-top:50px}#landing-page{padding-top:3.5rem}#landing-page .dashboard-grid .card{margin-bottom:0}.landing-logo{width:150px;display:block;margin:0 auto 20px}.card{background-color:#a9bccb;background-image:linear-gradient(19deg, rgb(169, 188, 203) 83%, rgba(212, 203, 152, 0.73) 100%);border:1px solid rgba(103,156,175,.2509803922);color:#283952;box-shadow:0 20px 50px rgba(113,155,178,.37)}.card .card{background-color:#e7f0f6;background-image:none}.card .card h4{color:#283952;font-size:18px}.page-footer{color:#283952;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.page-footer img{height:70px}button{height:48px;border-radius:8px;padding:0 2rem;color:#fff;font-size:1.05rem;letter-spacing:-0.1px;display:flex;align-items:center;justify-content:center;gap:12px;line-height:1}button i{color:#9dc9ff;transition:.3s}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:2px 4px 10px rgba(37,104,160,.4);color:#9dc9ff}.progress-bar-container{padding-left:100px}.progress-bar-container .logo{position:absolute;left:0;top:50%;translate:0 -50%;background-image:url("../images/logo-symbol.png");background-repeat:no-repeat;background-position:20px center;background-size:auto 40px;width:100px;height:50px}h1.main-title{letter-spacing:-2px;font-weight:500;margin-bottom:0}.subtitle{letter-spacing:-1px}.icon-overline i{font-size:20px;color:#7596b1}.btn-cta{font-size:1.2rem;border-radius:50px;font-weight:bold;margin:0 auto;background-image:linear-gradient(156deg, #283952, #3e6196)}.btn-prev,.btn-next{display:inline-flex;align-items:center;justify-content:center;gap:20px}.btn-prev::before,.btn-prev::after,.btn-next::before,.btn-next::after{font-family:"Font Awesome 6 Free";font-weight:900}.btn-prev{background-color:rgba(57,48,48,.4)}.btn-prev::before{content:""}.btn-prev:hover:not(:disabled){box-shadow:2px 4px 10px rgba(37,104,160,.4);color:#e4f0ff}.btn-next{background-image:linear-gradient(156deg, #283952, #3e6196)}.btn-next::after{content:""}.btn-next:hover:not(:disabled){box-shadow:2px 4px 10px rgba(37,104,160,.4);color:#9dc9ff}.field-title{display:flex;gap:12px;align-items:center;margin-bottom:12px}.field-title:before{content:"";display:block;width:4px;height:20px;background-color:#5675b3}.icon-title{display:flex;justify-content:flex-start;align-items:center;gap:12px;color:#52504a;font-size:18px;font-weight:400}.icon-title i{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#fff;color:#949084;font-size:18px}label{color:#173361;font-weight:300}input,textarea,select{font-size:1rem;background-color:#d0dbe4}input::placeholder,textarea::placeholder,select::placeholder{color:#8699a8}input:focus,textarea:focus,select:focus{background-color:#4c5465;color:#cfd9e0}select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 448 512'%3E%3Cpath fill='%236b7280' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;cursor:pointer}.input-group{gap:8px}.required::after{content:"*";color:#b80606;margin-left:8px}.badge-value{background:#5a5753;border:none;color:#e5e0d8}.step-title .guide-badge{background-color:#405b71;color:#fff;font-weight:600;line-height:1;padding:8px;padding-right:16px;margin-bottom:0}.step-title .guide-badge i{background-color:#fff;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-right:8px;color:#283952}.step-title h3{color:#1d273e;margin:20px 0 12px;padding-bottom:12px;position:relative;line-height:1;font-size:1.6rem;letter-spacing:-0.5px;border-bottom:1px solid #7191aa;flex:1}.step-title p{color:#495f76}.test-card{background-color:#7191aa}.test-card:hover{background-color:#283952;box-shadow:2px 4px 10px rgba(37,104,160,.4);color:#9dc9ff}.question-title{color:#283952;font-weight:400;letter-spacing:-1px}#career-dna-result-box .career-result-card{background:none;border:none;box-shadow:none;border:none}#career-dna-result-box .career-result-card h2{background:linear-gradient(159deg, rgb(0, 47, 133) 0%, rgb(87, 190, 199) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-align:center}#career-dna-result-box .career-result-card .your-type{font-size:1.7rem;line-height:1.6;letter-spacing:-1px;font-weight:300;margin-bottom:1rem;color:#283952;text-align:center}#career-dna-result-box .career-result-card .result-content{color:var(--text-secondary);line-height:1.8;font-size:1rem;padding-top:20px;position:relative}#career-dna-result-box .career-result-card .result-content::before{content:"";width:40px;height:1px;background-color:#7191aa;position:absolute;left:calc(50% - 20px);top:0}#step4-career-dna li{color:#283952}#recommended-jobs-grid{margin-top:40px;display:flex;flex-direction:column;gap:20px}.recommend-score-badge{background-color:#5675b3}.recommend-job-footer.card{background-color:#504f4d;padding:1.7rem;color:#e2d5c8}.recommend-job-footer.card h4{color:#e2d5c8}.recommend-job-footer.card h4 i{margin-right:8px}.recommend-job-footer.card h4 em i{color:#beb583}.recommend-job-footer.card h4 strong i{color:#a9bccb}.recommend-job-footer.card .vs{opacity:.5;margin:0 8px}.recommend-job-footer.card .recommend-job-footer-content{display:flex;justify-content:space-between;align-items:center}.recommend-job-footer.card .recommend-job-footer-content .left,.recommend-job-footer.card .recommend-job-footer-content .right{flex-grow:1;flex-basis:calc(50% - 40px);text-align:center;align-self:flex-start}.recommend-job-footer.card .recommend-job-footer-content .left p{color:#e99696}.recommend-job-footer.card .recommend-job-footer-content .right p{color:#83bdff}.recommend-job-footer.card .recommend-job-footer-content .center{width:80px}.recommend-job-footer.card .recommend-job-footer-content h5{font-size:1rem;margin-bottom:10px}.recommend-job-footer.card .recommend-job-footer-content p{font-size:18px;line-height:1.2}.recommend-job-card{background-color:#efefef;transition:.4s}.recommend-job-card .recommend-header{display:flex;justify-content:space-between;align-items:center}.recommend-job-card .recommend-title{font-weight:900;font-size:1.1rem}.recommend-job-card .recommend-reason{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.recommend-job-card .recommend-reason strong{display:block}.recommend-job-card .recommend-comment{font-size:max(14px,.82rem);color:var(--text-secondary);background-color:#e2d5c8;border-radius:5px;padding:20px}.recommend-job-card .recommend-comment i{margin-right:8px}.recommend-job-card .job-card-title{font-size:1.35rem;padding-bottom:16px;color:var(--accent-purple);letter-spacing:-0.5px;margin-bottom:16px;position:relative}.recommend-job-card .job-card-title::before{content:"";width:30px;height:1px;background-color:#7191aa;position:absolute;left:0;bottom:0}.recommend-job-card:hover{scale:1.02;border:1px solid #4e7ca0;box-shadow:0 0 20px rgba(50,96,136,.27)}.tab-container{background-color:rgba(0,0,0,0);border:none;padding:0;margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;width:auto}.tab-container .tab-btn{background-color:#e7f0f6;border:1px solid #a2b5c5;color:#414957;padding:1.6rem;flex-grow:1;height:80px;position:relative;z-index:1}.tab-container .tab-btn:hover{color:#34538c !important}.tab-container .tab-btn::before{content:"";display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#cfdce5;color:#8ca5b6;font-family:"Font Awesome 6 Free";font-weight:900}.tab-container .tab-btn.active{color:#9bbeff;background-color:#34538c}.tab-container .tab-btn.active:hover{color:#9bbeff !important}.tab-container .tab-btn.active::before{background-color:#e7eefb;color:#6290e6}.tab-container .tab-btn.active::after{content:"";position:absolute;width:16px;height:16px;background:#34538c;left:50%;bottom:-8px;transform:translateX(-50%) rotate(45deg);z-index:-1}.tab-container .tab-btn:nth-child(1)::before{content:""}.tab-container .tab-btn:nth-child(2)::before{content:""}.tab-container .tab-btn:nth-child(3)::before{content:""}#roadmap-card-detail .roadmap-card-inner .roadmap-title{margin:0 0 1rem;font-size:2rem;font-weight:300;letter-spacing:-1px;border-bottom:1px solid #a4b1ca;padding-bottom:.6rem}#roadmap-card-detail .roadmap-card-inner .roadmap-title span{font-size:.5em}#roadmap-card-detail .roadmap-card-inner .title-underline{font-size:.85rem;color:#2196f3;margin-bottom:1.2rem}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-title{font-size:1.25rem;font-weight:300;letter-spacing:-0.5px;margin-bottom:12px}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-title i{margin-right:8px}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-content{list-style:none;font-size:.88rem;line-height:1.6;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:stretch;gap:20px}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-content li{border:1px dashed var(--accent-purple);border-radius:10px;padding:1.2rem;flex-basis:calc((100% - 40px)/3);display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-direction:column}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-content li:nth-child(1){background-color:#c2d7e6}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-content li:nth-child(2){background-color:#d8d2e8}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-content li:nth-child(3){background-color:#e8dfc5}#roadmap-card-detail .roadmap-card-inner .roadmap-success-timeline .timeline-content li strong{font-size:1.2rem}#roadmap-card-detail .roadmap-interactive-item{background-color:#fdfefe;border:1px solid #c1cadf;border-radius:20px;font-size:15px;gap:12px;overflow:hidden;transition:.4s;color:var(--text-secondary)}#roadmap-card-detail .roadmap-interactive-item:hover::before{translate:0}#roadmap-card-detail .roadmap-interactive-item::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;translate:-40px 0;transition:.4s;display:none}#roadmap-card-detail .roadmap-interactive-item.selected{background-color:#5875ab;color:#fff}#roadmap-card-detail .roadmap-interactive-item.selected::before{translate:0;display:inline}#roadmap-card-detail .roadmap-interactive-item .roadmap-check-item{flex-grow:1}#custom-roadmap-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-direction:column}.card.custom-roadmap-basket{background-color:#504f4d;padding:1.7rem;color:#e2d5c8}.card.custom-roadmap-basket h4{color:#e2d5c8}.card.custom-roadmap-basket h4 i{margin-right:8px}.card.custom-roadmap-basket h4 em i{color:#beb583}.card.custom-roadmap-basket h4 strong i{color:#a9bccb}.card.custom-roadmap-basket .custom-skills strong,.card.custom-roadmap-basket .custom-license strong,.card.custom-roadmap-basket .custom-activity strong{color:#fff}.card.custom-roadmap-basket .custom-skills .selected-list,.card.custom-roadmap-basket .custom-license .selected-list,.card.custom-roadmap-basket .custom-activity .selected-list{padding:.25rem .7rem;border-radius:30px}.card.custom-roadmap-basket .custom-skills{display:inline-flex;flex-wrap:wrap;gap:8px}.card.custom-roadmap-basket .custom-skills .selected-list{background:rgba(255,255,255,.1);border:1px solid #776e5e;color:#d2b988;font-size:13px}.card.custom-roadmap-basket .custom-license .selected-list{background:rgba(193,159,240,.26);border:1px solid #9682af;color:#d2c0e5;padding:.25rem .6rem;border-radius:15px;font-size:.78rem;margin-right:.4rem;display:inline-block}.card.custom-roadmap-basket .custom-activity .selected-list{background:rgba(121,152,176,.62);border:1px solid #699fc8;color:#d8e9ff;padding:.25rem .6rem;border-radius:15px;font-size:.78rem;margin-right:.4rem;display:inline-block}.style-inline-71,.style-inline-72,.card.final-result-container{padding:2rem;border-radius:15px;text-align:left}.card.final-result-container .title{margin:0;font-size:1.45rem}.card.final-result-container .final-result-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.card.final-result-container .final-result-body{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:2rem}.card.final-result-container .final-result-body .field-title{font-size:18px}.card.final-result-container .final-result-progress-container{background-color:#172133;padding:1.7rem;color:#e2d5c8;border-radius:20px;display:flex;flex-direction:column;gap:20px}.card.final-result-container .final-result-progress{list-style:none}.card.final-result-container .final-result-progress li:first-child{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:.4rem}.card.final-result-container .final-result-progress li:nth-child(2){width:100%;height:8px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden}.card.final-result-container .final-result-progress li:last-child{font-size:.78rem;color:#9bbde5;margin-top:.25rem}.card.final-result-container .field-text{font-size:.88rem;line-height:1.6;color:var(--text-secondary);margin:0}.card.final-result-container .final-badge{font-size:.75rem;background:#c6b79c;color:#000;padding:.1rem .4rem;border-radius:3px;margin-left:.5rem}.pdf-card{background-color:rgba(255,255,255,.64);margin-bottom:25px;border:1px solid #8f94a0;padding:1.5rem;border-radius:12px}.pdf-card .pdf-title{margin:0 0 1rem;color:#172033;letter-spacing:-0.5px;display:flex;justify-content:flex-start;align-items:center;gap:12px;font-size:22px;font-weight:600}.pdf-card .pdf-title i{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#fff;color:#949084;font-size:18px}.pdf-card .pdf-summary{font-size:.92rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.pdf-card .pdf-result{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-top:30px}.pdf-card .pdf-result .result-item{padding:1rem;border-radius:15px;background-color:#4d5c6d;display:flex;justify-content:flex-start;align-items:center;gap:10px;color:rgba(255,255,255,.8)}.pdf-card .pdf-result .result-item:nth-child(2){background-color:#80726d}.pdf-card .pdf-result .result-item:nth-child(2) .pdf-rank-icon{color:#80726d}.pdf-card .pdf-result .result-item:nth-child(3){background-color:#81978c}.pdf-card .pdf-result .result-item:nth-child(3) .pdf-rank-icon{color:#81978c}.pdf-card .matching-percent{color:#ffc735;font-weight:bold}.pdf-card .pdf-table th,.pdf-card .pdf-table td{padding:10px;color:#283952}.pdf-card .pdf-table thead{border-bottom:1px solid #8f94a0}.pdf-card .pdf-rank-icon{background-color:rgba(255,255,255,.5882352941);color:#4d5c6d;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:12px;white-space:nowrap;padding:10px 1rem}.pdf-card .pdf-rank-job{letter-spacing:-1px;color:rgba(255,255,255,.9);font-weight:600}.pdf-card .icon-title{border-top:1px solid #a9bccb;padding-top:1rem}.pdf-card.first-item{padding:2rem;border-radius:15px}.scenario-total-container{margin-top:25px;background-color:rgba(255,255,255,.64);margin-bottom:25px;border:1px solid #8f94a0;padding:1.5rem;border-radius:15px}.scenario-total-container .scenario-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.scenario-total-container .scenario-inner .scenario-status{font-size:.8rem;font-weight:800;padding:.3rem .6rem;border-radius:4px;background:#6a5e54;color:#62dbed}.scenario-total-container .scenario-inner .career-level{margin:.8rem 0 0;font-size:1.5rem}.scenario-total-container .scenario-inner .matching-percent{font-size:.85rem;color:var(--text-secondary)}.scenario-total-container .scenario-inner .matching-count{font-size:1.8rem;font-weight:900;color:#00f0ff}.scenario-total-container .scenario-progress-bar{width:100%;height:10px;background:rgba(255,255,255,.9);border-radius:5px;margin:1.5rem 0 .5rem;overflow:hidden}.scenario-total-container .scenario-purpose{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem}.scenario-total-container .scenario-quest{background:#595959;padding:1.2rem;border-radius:8px;font-size:.9rem;line-height:1.7}.scenario-total-container .scenario-quest .quest-text{color:#b49e6d;font-weight:bold}.scenario-total-container .scenario-quest .quest-title,.scenario-total-container .scenario-quest .reward-title{color:#fff;font-size:16px;font-weight:300}.scenario-total-container .scenario-quest .quest-title i,.scenario-total-container .scenario-quest .reward-title i{color:#a8d0fe}.scenario-total-container .scenario-quest .reward-container{margin-top:20px}.scenario-total-container .scenario-quest .reward-container .guide-badge{display:inline-block;margin-top:.2rem;background:rgba(0,240,255,.1);color:#4ceca8;border:1px solid #4ceca8;padding:.15rem .5rem;border-radius:3px;font-weight:800;font-size:.8rem}.scenario-total-container .scenario-quest .reward-container .reward-text{color:#aad9c5;font-size:.85rem;margin-left:.5rem}.scenario-title{margin:2.5rem 0 1rem;color:#172033;letter-spacing:-0.5px;display:flex;justify-content:flex-start;align-items:center;gap:12px;font-size:22px;font-weight:600}.scenario-title i{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#fff;color:#949084;font-size:18px}#scenario-dashboard-box .scenario-step-card{background-color:rgba(255,255,255,.64);margin-bottom:25px;border:1px solid #8f94a0;padding:1.5rem;border-radius:15px}.survey-questions-list .survey-group label,.survey-questions-list .input-group label{font-size:16px;color:inherit}.survey-questions-list .rating-stars-container{background-color:rgba(23,32,51,.5490196078);border-radius:12px;padding:0 1rem}.report-tools-list{display:flex;justify-content:flex-start;align-items:center;gap:1.2rem;display:inline-flex;flex-direction:column;margin:0 auto}/*# sourceMappingURL=common.css.map */
