.sub-content-tab{margin:4rem 0}.student-info-item-photo{width:4.8rem;height:4.8rem;border-radius:1.2rem;background-color:#dfe3e8}.student-info-item-photo img{max-width:100%}.student-info-item{display:flex;gap:2.1rem}.student-info-item-info{display:flex;flex-direction:column;justify-content:space-between}.student-info-item-name{font-size:2.4rem;color:#111;font-weight:700}.student-info-item-grade{font-size:1.6rem;color:#637381;font-weight:400}.survey-results-section{margin-top:4rem}.survey-results-content{display:flex;flex-direction:column;gap:1.6rem}.select-search{align-items:flex-start;background-color:#f4f6f8;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:10px 24px;position:relative}.select-search .stack{align-self:stretch;display:flex;gap:8px;padding:20px 8px;width:100%}.select-search .frame,.select-search .stack{align-items:center;flex:0 0 auto;position:relative}.select-search .frame{display:inline-flex;gap:16px}.select-search .textfield{align-items:flex-start;display:flex;flex-direction:column;height:48px;position:relative;width:200px}.select-search .div{align-items:center;align-self:stretch;display:flex;flex:0 0 auto;gap:8px;position:relative;width:100%}.select-search .label{color:#637381;font-family:Pretendard GOV,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;line-height:22px;position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content}.select-search .wrap{align-items:center;background-color:#ffffff;border:1px solid #d4dde6;border-radius:8px;display:flex;flex:1 1;flex-grow:1;height:48px;padding:0 14px;position:relative}.select-search .value{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#1c252e;display:-webkit-box;flex:1 1;font-family:var(--components-input-text-font-family);font-size:var(--components-input-text-font-size);font-style:var(--components-input-text-font-style);font-weight:var(--components-input-text-font-weight);letter-spacing:var(--components-input-text-letter-spacing);line-height:var(--components-input-text-line-height);overflow:hidden;position:relative;text-overflow:ellipsis}.select-search .end-adornment{height:40px;left:97px;position:absolute;top:4px;width:40px}.select-search .select-arrow{align-items:center;display:inline-flex;left:107px;padding:0 10px 0 0;position:absolute;top:14px}.select-search .start-adornment{aspect-ratio:1!important;height:20px!important;position:relative!important;width:20px!important}.select-search .frame-2{align-items:center;display:flex;gap:8px;position:relative;width:200px}.select-search .textfield-v{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;flex-grow:1;height:48px;position:relative}.select-search .wrap-2{align-items:center;align-self:stretch;background-color:#ffffff;border:1px solid #d4dde6;border-radius:8px;display:flex;height:48px;padding:0 14px;position:relative;width:100%}.select-search .text-wrapper{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#111111;display:-webkit-box;flex:1 1;font-family:var(--components-input-text-font-family);font-size:var(--components-input-text-font-size);font-style:var(--components-input-text-font-style);font-weight:var(--components-input-text-font-weight);letter-spacing:var(--components-input-text-letter-spacing);line-height:var(--components-input-text-line-height);overflow:hidden;position:relative;text-overflow:ellipsis}.select-search .end-adornment-2{height:40px;left:408px;position:absolute;top:4px;width:40px}.select-search .start-adornment-wrapper{align-items:center;display:inline-flex;left:418px;padding:0 10px 0 0;position:absolute;top:14px}.select-search .button{all:unset;align-items:center;background-color:#f6faff;border:1px solid #408ded;border-radius:8px;box-sizing:border-box;display:inline-flex;flex:0 0 auto;gap:8px;height:48px;justify-content:center;min-width:96px;padding:0 16px;position:relative}.select-search .label-2{color:#408ded;font-family:var(--components-button-largec-font-family);font-size:var(--components-button-largec-font-size);font-style:var(--components-button-largec-font-style);font-weight:var(--components-button-largec-font-weight);letter-spacing:var(--components-button-largec-letter-spacing);line-height:var(--components-button-largec-line-height);position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content}.title{font-size:2rem;font-weight:700;color:#111}.frame{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2.4rem;gap:2.4rem}.frame-wrapper{border:1px solid #e0e0e0;border-radius:1.2rem;padding:2.4rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f8f9fa}.frame-wrapper:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);border-color:#1976d2}.div{gap:1.6rem}.div,.name{display:flex;flex-direction:column;align-items:center}.name{gap:.8rem}.text-wrapper{font-size:2rem;font-weight:700;color:#111}.text-wrapper-2{font-size:1.4rem;color:#666}.text-wrapper-3{font-size:2rem;font-weight:700;color:#111}.text-wrapper-4{font-size:1.4rem;color:#666}.vector{width:2.4rem;height:2.4rem}@media (max-width:768px){.frame{grid-template-columns:1fr}}.subcontent{flex-direction:column;gap:16px;row-gap:0}.subcontent,.subcontent .subtitle{align-items:flex-start;display:flex;position:relative}.subcontent .subtitle{align-self:stretch;flex:0 0 auto;gap:12px;width:100%}.subcontent .title{color:#111111;flex:1 1;font-family:var(--h-5-font-family);font-size:var(--h-5-font-size);font-style:var(--h-5-font-style);font-weight:var(--h-5-font-weight);letter-spacing:var(--h-5-letter-spacing);line-height:var(--h-5-line-height);margin-top:-1px;position:relative}.subcontent .frame{gap:16px;width:100%}.subcontent .element,.subcontent .frame{align-items:flex-start;display:flex;position:relative}.subcontent .element{background-color:#f6faff;border-radius:8px;flex-direction:column;gap:48px;height:195px;padding:24px;width:195px}.subcontent .div{align-items:flex-end;display:inline-flex;gap:57px;justify-content:flex-end}.subcontent .div,.subcontent .name{flex:0 0 auto;flex-direction:column;position:relative}.subcontent .name{align-items:flex-start;border-radius:8px 8px 0 0;display:flex;gap:4px;width:147px}.subcontent .text-wrapper{color:#111111;font-family:var(--h-5-font-family);font-size:var(--h-5-font-size);font-style:var(--h-5-font-style);font-weight:var(--h-5-font-weight);letter-spacing:var(--h-5-letter-spacing);line-height:var(--h-5-line-height);margin-top:-1px}.subcontent .text-wrapper,.subcontent .text-wrapper-2{position:relative;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content}.subcontent .text-wrapper-2{color:#747478;font-family:var(--subtitle-2-font-family);font-size:var(--subtitle-2-font-size);font-style:var(--subtitle-2-font-style);font-weight:var(--subtitle-2-font-weight);letter-spacing:var(--subtitle-2-letter-spacing);line-height:var(--subtitle-2-line-height)}.subcontent .download-simple-bold{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative}.subcontent .vector{aspect-ratio:1;height:24px;position:relative;width:24px}.subcontent .frame-wrapper{align-items:flex-start;background-color:#408ded;border-radius:8px;box-shadow:0 6px 13px #1971d72e;display:flex;flex-direction:column;gap:48px;height:195px;padding:24px;position:relative;width:195px}.subcontent .text-wrapper-3{font-family:var(--h-5-font-family);font-size:var(--h-5-font-size);font-style:var(--h-5-font-style);font-weight:var(--h-5-font-weight);letter-spacing:var(--h-5-letter-spacing);line-height:var(--h-5-line-height);margin-top:-1px}.subcontent .text-wrapper-3,.subcontent .text-wrapper-4{color:#ffffff;position:relative;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content}.subcontent .text-wrapper-4{font-family:var(--subtitle-2-font-family);font-size:var(--subtitle-2-font-size);font-style:var(--subtitle-2-font-style);font-weight:var(--subtitle-2-font-weight);letter-spacing:var(--subtitle-2-letter-spacing);line-height:var(--subtitle-2-line-height)}.subject-card{align-items:flex-start;background-color:#f6faff;border-radius:8px;display:flex;flex-direction:column;gap:48px;height:195px;padding:24px;position:relative;width:195px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.frame .subject-card{flex:1 1!important}.subject-card:hover{box-shadow:0 6px 13px 0 rgba(25,113,215,.18);background-color:#408ded}.subject-card.active{box-shadow:0 6px 13px #1971d72e}.subject-card:hover .download-text,.subject-card:hover .subject-name{color:#ffffff}.subject-card .card-content{display:inline-flex;gap:57px;justify-content:flex-start;width:100%;height:100%;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.subject-card .card-content,.subject-card .subject-info{align-items:flex-start;flex:0 0 auto;flex-direction:column;position:relative}.subject-card .subject-info{border-radius:8px 8px 0 0;display:flex;gap:4px}.subject-card .subject-name{color:#111111;font-size:2.4rem;font-weight:700}.subject-card .download-text{color:#747478;font-size:1.6rem;font-weight:600}.subject-card.active .download-text,.subject-card.active .subject-name{color:#ffffff}.subject-card.download-icon{background-image:url(/portal/images/icons/icon_download_blue.svg);background-size:2.4rem 2.4rem;background-position:calc(100% - 2.4rem) calc(100% - 2.4rem);background-repeat:no-repeat}.subject-card.download-icon:hover{background-image:url(/portal/images/icons/icon_download_w.svg)}.subject-card .vector{aspect-ratio:1;height:24px;position:relative;width:24px}@media (max-width:768px){.subject-card{width:100%;max-width:195px}}.grade-evaluation-table-container{margin-top:2rem;width:100%;display:flex;flex-direction:row;gap:3rem}.elementary-table-section,.high-table-section,.middle-table-section{margin-bottom:4rem;flex:1 1}.apexcharts-tooltip{display:none!important}.school-type-title{font-size:2.4rem;font-weight:700;color:#111;margin-bottom:1.6rem;padding-left:.4rem}.elementary-table-section .grade-cell-text,.high-table-section .grade-cell-text,.middle-table-section .grade-cell-text{background-color:#f4f6f8;color:#111;line-height:1.3;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center}.grade-evaluation-table{width:100%;border-collapse:collapse;border-spacing:0;padding:0;margin-bottom:1rem}.grade-evaluation-table .table-header{padding:0 .4rem .2rem;border:none;text-align:center}.grade-evaluation-table .table-header:first-child{padding-left:0}.grade-evaluation-table .table-header:last-child{padding-right:0}.grade-header-text{background-color:#448ce3;color:#fff;font-size:2rem;font-weight:600;height:5.6rem;line-height:5.6rem;border-radius:.8rem}.table-header:nth-child(2) .grade-header-text{background-color:rgba(68,140,227,.8)}.table-header:nth-child(3) .grade-header-text{background-color:rgba(68,140,227,.6)}.grade-evaluation-table .grade-cell,.grade-evaluation-table .table-row{margin:0;padding:0}.download-content,.empty-cell,.grade-cell-text{font-size:1.8rem;color:#111;height:9.6rem;font-weight:600;line-height:9.6rem;background-color:#f6faff;text-align:center;padding:0;margin:.2rem .4rem;border-radius:.8rem}.grade-cell-text{margin-left:0}.download-cell:last-child .download-content,.download-cell:last-child .empty-cell{margin-right:0!important}.grade-evaluation-table .download-content{display:flex;flex-direction:row;align-content:center;align-items:center;cursor:pointer;justify-content:center;gap:1.6rem}.download-text{font-size:1.8rem;color:#111;transition:color .2s ease}.download-text:hover{color:#408ded}@media (max-width:1280px){.subcontent .frame{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.6rem;width:100%;flex-wrap:wrap}.frame .subject-card{max-width:100%}.tab-menu ul{text-align:center}}@media (max-width:1024px){.subject-card .subject-info{width:147px}.student-info-item-name{font-size:2rem}}@media (max-width:768px){.grade-evaluation-table-container{flex-direction:column}.school-type-title{font-size:2rem;margin-bottom:1.2rem}.grade-evaluation-table{font-size:1.4rem}.grade-evaluation-table .download-cell,.grade-evaluation-table .grade-cell,.grade-evaluation-table .table-header{padding:1.2rem 1rem}.download-text{font-size:1.2rem}}@media (max-width:550px){.grade-evaluation-table{display:table}.grade-evaluation-table colgroup{display:none}}.subject-tabs-container{width:100%;margin-bottom:4rem}.subject-tabs{width:100%;list-style:none;padding:0;margin:0;border:1px solid #d4dde6;border-radius:4px;box-sizing:border-box;overflow:hidden}.subject-tabs,.subject-tabs li{display:flex;background-color:#fff}.subject-tabs li{flex:1 1;text-align:center;padding:1.5rem 0;font-size:1.8rem;color:#637381;cursor:pointer;border-right:1px solid #d4dde6;transition:all .2s ease;align-items:center;justify-content:center}.subject-tabs li:last-child{border-right:none}.subject-tabs li.active{color:#408ded;font-weight:700;box-shadow:inset 0 0 0 2px #408ded;background-color:#fff;position:relative;z-index:1;text-decoration:underline}.detail-view{width:100%}.my-level-section{border-radius:8px;overflow:hidden;margin-bottom:3rem}.level-header{background-color:#408ded;color:#fff;font-size:1.8rem;font-weight:700;text-align:center;padding:1.2rem 0}.level-boxes{display:flex;justify-content:space-around;gap:1.6rem}.level-box{background-color:#f4f6f8;border-radius:8px;padding:2rem;text-align:center;flex:1 1;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.level-label{font-size:1.6rem;color:#111;font-weight:600}.level-value{font-size:2.2rem;font-weight:700;color:#111}.content-download-header{background-color:#f6faff;border-radius:8px;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:2rem;cursor:pointer}.content-download-header.disabled{opacity:.5;cursor:not-allowed}.content-download-header .subject-title{font-size:2rem;font-weight:700;color:#111}.content-download-header .download-text{font-size:1.6rem;color:#111}.content-download-header .download-icon{width:2.4rem;height:2.4rem}.question-table-wrap{width:100%;overflow-x:auto;border-top:1px solid #c5d6e6}.question-table{width:100%;border-collapse:collapse;table-layout:fixed;background-color:#fff}.question-table td,.question-table th{padding:1.2rem 1rem;border-bottom:1px solid #d4dde6;border-right:1px solid #d4dde6;font-size:1.5rem;color:#4b5563;vertical-align:middle}.question-table td:last-child,.question-table th:last-child{border-right:none}.question-table th{background-color:#dbe4ea;font-weight:700;text-align:center;color:#1f2937;border-bottom:1px solid #c5d6e6}.question-table td.center{text-align:center}.question-table td.left{text-align:left}.question-table tr.area-odd-row{background-color:#f7f9fc}.question-table tr.area-even-row{background-color:#fff}.area-cell{font-weight:700;color:#1f2937;background-color:inherit}.question-table tr.area-odd-row .area-cell{background-color:#f7f9fc}.area-cell,.question-table tr.area-even-row .area-cell{background-color:#fff}.competency-cell{font-weight:700;color:#374151}.criteria-cell{line-height:1.5}.explanatory-text-section{margin-top:2rem;padding:1rem 0}.explanatory-list{list-style:none;padding:0;margin:0}.explanatory-list li{font-size:1.4rem;color:#333;margin-bottom:.8rem;padding-left:1rem;position:relative;line-height:1.5}.explanatory-list li:before{content:"·";position:absolute;left:0;font-weight:700}.explanatory-list .bold-text{font-weight:700;color:#111}