@charset "UTF-8";


/* header 공통 */
header {z-index:100;position:fixed;top:0;left:0;right:0;width:200px;height:100vh;padding:0;border-right:1px solid #e7eaf0;background-color:#fff;}/*display:flex;flex-direction:column;*/
header > .container {display:flex;flex-direction:column;justify-content:initial;}
header > .container nav ul {display:flex;flex-direction:column;}
/* logo */
header .logo {display:flex;justify-content:center;width:100%;height:initial;}
header .logo a {width:initial;}
header .logo a span {display:block;width:123px;height:89px;margin:20px auto 10px;font-size:0;background:url('/img/logo.svg') no-repeat 50%;background-size:auto 100%;}
/* user */
header .extra-menu {display:flex;justify-content:center;margin:8px 0 16px;}
header .user {margin:0;}

header .user-name, header .user .user-menu, header .user .user-level {display:flex;justify-content:center;align-items:center;padding:0;}

header .user-name {margin:0;font-size:1.1rem}
header .user-name > .las {margin:0;font-size:26px}
header .user .user-level {font-size: .9rem;font-weight: 700;color: #fff;padding: 3px;background: var(--c_gray_60);border-radius: 3px;}
header .user .user-menu {margin-top:10px;flex-wrap: wrap;row-gap:.5rem;}

header .user a {display:block;padding:10px;border:1px solid #ddd;border-radius:0;word-break:keep-all;line-height:1;font-size:15px;color:#545657;font-weight:500;}
header .user a.student-login {width:100%;max-width:143px;}
header .user a:nth-child(2) {margin-left:-1px}
header .user a:hover {z-index:1;border-color:#ddd;background:var(--c_gray_5)}

header .user:has(.user-level) .user-level {margin: 10px 0;}
header .user:has(.user-level) .user-menu {margin-top:0}

/* new gnb */
.gnb {width:100%;height:100%;z-index:9997;transition:.5s right;}
.gnb__depth1 .depth1-item {border-top:1px solid rgba(255, 255, 255, 0.3);}
.gnb__depth1 .depth1-item a {display:block;color:#333;letter-spacing:-0.04em;font-size:16px;}
.gnb__depth1 .depth1-item > a {padding:6px 34px;font-weight:700;}
.gnb__depth1 .depth1-item .active {position:relative;color:var(--c_primary);font-weight:800;}
.gnb__depth1 .depth1-item .active::after {content:'';position:absolute;top:13px;right:24px;width:17px;height:12px;background:url('/img/arrow_under_blue.svg') no-repeat;}
.gnb__depth1 .depth2 {display:none;padding:0 24px;}
.gnb__depth1 .depth2__item > a {display:flex;align-items:center;gap:4px;padding:2px 0 2px 10px;font-size:15px;word-break:keep-all;line-height:1.4;}
.gnb__depth1 .depth2__item > a::before{content:'';display:block;width:6px;height:2px;background:var(--c_gray_40);}
.gnb__depth1 .depth2__item > a.is-active {position:relative;border:1px solid #fff;background-color:#fff;color:var(--c_primary);font-weight:800;}
.gnb__depth1 .depth2__item > a.is-active::before{background-color:var(--c_primary);}
.gnb__depth1 .depth3 {display:none;padding:6px 24px 16px;font-size:15px;line-height:30px;list-style:disc;}
.gnb__depth1 .depth3__item::marker {color:#fff;}
.gnb__depth1 .depth3__item > a {font-weight:300;font-size:15px;}
.gnb__depth1 .depth3__item > a.is-active {text-decoration:underline;}
/* 온한글바로가기 */
.outlink {display:inline-flex;}
.outlink a {position:relative;display:inline-block;width:60px;line-height:1;}
.outlink a:after {content:'';opacity:0;position:absolute;top:-8px;right:-15px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px solid var(--c_gray_40);border-radius:20px;background:#fff url('/img/outlink_arr.svg') no-repeat 50% 50%;transition-duration:250ms;transition-timing-function:ease-in-out;}
.outlink a:hover:after {opacity:1;}
.outlink a img {width:100%;}

/* footer */
footer {position:fixed;z-index:100;left:0;bottom:0;width:200px;padding:0 20px 20px;border:0;}
footer > .container {display:flex;flex-direction:column;align-items:flex-start;}
footer > .container .logo {width:120px;}
footer > .container .info nav ul {display:flex;flex-direction:column;gap:.4rem;line-height:1;margin:10px 0;}
footer > .container .info nav ul li {margin:0;border:0;}
footer > .container .info nav ul li a {display:block;color:#0a0a0a;font-size:.8rem;font-weight:500;}
footer p {margin-top:8px;font-style: normal;line-height:1.2;font-size: .8rem;color: #a9afb4;}


/* quickmenu */
.quickmenu{position:fixed;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:90px;height:100vh;background:var(--c_primary);}
.quickmenu b{width:50px;height:29px;margin-bottom:10px;font-size:0;background:url('/img/tit_quick.svg') no-repeat;}
.quickmenu a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:800;}
.quickmenu a::before{content:'';display:block;width:25px;height:25px;background:url('/img/ico_faq.svg') no-repeat;}
.quickmenu a.qna::before{background-image:url('/img/ico_qna.svg');}
.quickmenu a.btn_top{position:fixed;bottom:20px;right:17px;width:56px;height:56px;border-radius:30px;font-size:0;background:#0083E7 url('/img/ico_top.svg') no-repeat 50% 50%;}
.quickmenu a.btn_top::before{display:none}

/* contents 공통 */
.pages,
.pages > section{flex-direction:column;position:relative;}
.pages {display:flex;flex-direction:column;flex:1;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;padding:0 150px 100px 260px;margin:0;}
.pages .breadcrumb {display:none;}
.pages section {display:flex;display:-webkit-box;display:-ms-flexbox;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.pages section {width:100%;max-width:1410px;padding:80px 0;margin:0 auto;}
.pages > section .page-title h1{font-size:2.2rem;font-weight:700;line-height:1.3;text-align:center;margin-bottom:2.5rem}
.pages > section .page-title-box{min-height:114px;margin-bottom:40px;line-height:1;color:#3c4651;}
.pages section .page-title-box .subject {}
.pages section .page-title-box-centered h1,
.pages section .page-title-box .subject h1 {font-size:52px;font-weight:700;margin-bottom:1rem;color:var(--c_primary_m2);line-height:1;font-family:'EliceDigitalBaeum-Bd';}
.pages section .page-title-box-centered h1 > small,
.pages section .page-title-box .subject h1 > small {font-size:2rem;font-weight:900;color:var(--c_gray_70);}
.pages section .page-title-box .subject p {overflow:hidden;width:64%;max-height:60px;font-size:16px;line-height:1.2;word-break:keep-all;font-weight:600;color:rgba(14, 29, 75, 0.58);}
.pages section .page-title-box .subject ul {margin-top:1rem;list-style:disc;margin-left:1.2rem;}
.pages section .page-title-box .subject ul li {font-size:.9rem;line-height:1.5;color:var(--c_gray_70);}
.pages section .page-title-box .image {position:absolute;right:0;top:0;width:528px;height:270px;background:url('/img/vs_bg.svg') no-repeat;}
.pages section .page-title-box .image > img {display:none}
.pages > section .page-title-box .image::before {content:'';display:block;position:absolute;right:60px;top:83px;background-size:100% auto;background-repeat:no-repeat;}

.pages[data-page="precision-level-list"] section .page-title-box .image::before,
.pages[data-page="support-history-list"] section .page-title-box .image::before,
.pages[data-page="general-list"] section .page-title-box .image::before{width:250px;height:168px;background-image:url('/img/vs_ico1.svg');}

.pages[data-page="student-management"] section .page-title-box .image::before,
.pages[data-page="student-result"] section .page-title-box .image::before,
.pages[data-page="student-matching"] section .page-title-box .image::before {width:250px;height:193px;background-image:url('/img/vs_ico4.svg');}

.pages .level-info {z-index:1;position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;line-height:1;padding:22px 24px;border-radius:8px;border:4px solid var(--c_gray_10);color:var(--c_gray_80);background:#fff;}
.pages .level-info p {word-break:keep-all;line-height:1.5;font-size:15px;font-weight:600;color:var(--c_gray_70);}

.chart-container .chart-info .overview,
.level-info,
.level-info .info,
.level-info .info div{display:flex;align-items:center;gap:8px;line-height:1;}
.level-info .info .member{padding:10px 14px;border:1px solid var(--c_gray_50);border-radius:20px;color:var(--c_gray_80);}
.level-info+.table-container {margin-top:10px}

.level-info.col2{flex-wrap:wrap;}
.level-info.col2 .info{width:calc(50% - 8px)}

.box {color:var(--c_gray_70);}
.type_support h3 {font-size:1rem!important;padding: 0.5rem 1rem!important;}

/* new컴포넌트 */
.info-flow {display:flex;flex-direction:row;align-items:center;gap:1rem;}
.info-flow > .bullet {display:inline-block;padding:.5rem 1rem;border-radius:50px;color:#fff;background:var(--c_primary_m);}
.info-flow > ul {display:flex;align-items:center;gap:1rem;}
.info-flow > ul li {display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;}
.info-flow > ul li:after {content:'';display:inline-block;width:10px;height:10px;border-top:2px solid var(--c_gray_60);border-right:2px solid var(--c_gray_60);transform:rotate(45deg);}
.info-flow > ul li:last-child:after {display:none;}


/* modal */
.modal {z-index:101;position:fixed;bottom:0;left:0;right:0;top:0;overflow:hidden;}
.modal {display:none;align-items:center;flex-direction:column;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;}
.modal.is-active {display:flex;display:-webkit-box;display:-ms-flexbox;}

.modal h3 {font-size:1.5rem;color:var(--c_primary_m2);padding-top:0;margin-bottom:0;font-weight:900;}
.modal-background {background-color:rgb(10 10 10 / 60%);}
.modal .modal-background.is-click-disabled {pointer-events:none;}
.modal .modal-close {opacity:initial;position:absolute;top:0;right:-60px;background-color:#0a0a0a;border-radius:6px;-webkit-transition:all .2s;transition:all .2s;z-index:99;}

.modal.modal_scroll{overflow:visible;position:absolute!important;bottom:auto;justify-content:flex-start;}
.modal.modal_scroll.center{justify-content:center;}

.modal .modal-content{margin:0 20px;position:relative;width:100%}
.modal .modal-content.is-medium {width:1200px}

.modal .modal-content .box {max-height: calc(110vh - 160px);}

@media screen and (min-width:769px){
    .modal-card,
    .modal-content{margin:0 auto;max-height:calc(100vh - 40px);width:700px}
}

.modal-close{background:0 0;height:40px;position:fixed;right:20px;top:20px;width:40px}
.modal-close{width:50px;height:50px;max-height:50px;max-width:50px;min-height:50px;min-width:50px}
.modal-close:before{height:2px;width:50%}
.modal-close:after{height:50%;width:2px}
.modal-close.black{background:transparent;right:0;border-radius:50px;}
.modal-close.black::before,
.modal-close.black::after{background-color:var(--c_gray_60);}

.delete,
.modal-close{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;border:0;border-radius:9999px;cursor:pointer;pointer-events:auto;display:inline-block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;height:50px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;outline:0;position:relative;vertical-align:top;width:50px}

.delete::after,
.delete::before,
.modal-close::after,
.modal-close::before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}
.delete::before,
.modal-close::before{height:2px;width:50%}
.delete::after,
.modal-close::after{height:50%;width:2px}
.delete:focus,
.delete:hover,
.modal-close:focus,
.modal-close:hover{background-color:rgba(10,10,10,.2)}
.delete:active,
.modal-close:active{background-color:rgba(10,10,10,.4)}

/* table */
.pages .table-container {border:0;border-radius:4px;overflow:hidden;}
.pages .table-container table.table th {height:42px;padding:14px 4px;border-bottom:1px solid #D0D7E0;font-size:16px!important;font-weight:700;text-align:center;color:#FFFFFF;background-color:#929EA9;vertical-align:middle;}
.pages .print-table th.has-children,
.pages .table-container table.table th.has-children {background-color:#838E99;}
.pages .table-container table.table td {border-bottom:1px solid #E3EEF3;border-right:1px solid #E3EEF3;font-size:1rem;vertical-align:middle;color:var(--c_gray_80);font-weight:500;background:#fff;}
.pages .content table tbody tr:last-child td,
.pages .content table tbody tr:last-child th,
.pages .table tbody tr:last-child td,
.pages .table tbody tr:last-child th {border-bottom:1px solid #E3EEF3;}
.pages .table-container table.table td:last-child {border-right:none;}
/* 테이블 안에 요소들 */
.pages .table-container table.table td input {/* width:100%; */height:auto;padding:.5rem .6rem;border:4px;color:#363636;font-family:'NanumSquareNeo';font-size:15px;border:1px solid var(--bg_line2) !important;}
.pages .table-container table.table td select {width:auto;height:auto;padding:.5rem .6rem;border:4px;color:#363636;font-family:'NanumSquareNeo';font-size:15px;border:1px solid var(--bg_line2) !important;}

/* tab */
.tabs,.tabs a,.tabs ul {display: -webkit-box;display: -ms-flexbox;display: flex}
.tabs {-webkit-overflow-scrolling:touch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-size:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}
.tabs a,.tabs ul {-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom-color: #dbdbdb;border-bottom-style: solid;border-bottom-width: 1px}
.tabs a {color: #4a4a4a;margin-bottom: -1px;padding: .5em 1em;vertical-align: top}
.tabs a:hover {border-bottom-color: #363636;color: #363636}
.tabs li.is-active a {border-bottom-color: var(--c_primary);color: var(--c_primary);}
.tabs ul {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start}
.tabs ul.is-center,.tabs ul.is-left {padding-right: .75em}
.tabs a,.tabs ul.is-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.tabs ul.is-center {-webkit-box-flex: 0;-ms-flex: none;flex: none;padding-left: .75em}
.tabs ul.is-right {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding-left: .75em}
.tabs .icon:first-child {margin-right: .5em}
.tabs .icon:last-child {margin-left: .5em}
.tabs.is-centered ul {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.tabs.is-right ul {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end}
.tabs.is-boxed a {border: 1px solid transparent;border-radius: 4px 4px 0 0}
.tabs.is-boxed a:hover {background-color: #f5f5f5;border-bottom-color: #dbdbdb}
.tabs.is-boxed li.is-active a {background-color: #fff;border-color: #dbdbdb;border-bottom-color: transparent!important}
.tabs.is-toggle a {border-color: var(--bg_line2);border-style: solid;border-width: 1px;margin-bottom: 0;position: relative;background: #fff;}
.tabs.is-toggle a:hover {background-color: #f5f5f5;border-color: var(--bg_line2);z-index: 2}
.tabs.is-toggle li+li {margin-left: -1px}
.tabs.is-toggle li:first-child a {border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.tabs.is-toggle li:last-child a {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.tabs.is-toggle li.is-active a {background-color: var(--c_primary);border-color: var(--c_primary);color: #fff;z-index: 1}
.hero .tabs ul,.tabs.is-toggle ul {border-bottom: none}
.tabs.is-toggle.is-toggle-rounded li:first-child a {border-bottom-left-radius: 9999px;border-top-left-radius: 9999px;padding-left: 1.25em}
.tabs.is-toggle.is-toggle-rounded li:last-child a {border-bottom-right-radius: 9999px;border-top-right-radius: 9999px;padding-right: 1.25em}
.tabs.is-small {font-size: .75rem}
.tabs.is-medium {font-size: 1.25rem}
.tabs.is-large {font-size: 1.5rem}

.wd-auto{width:auto!important}
.dis_flex{display:flex;align-items:center;}

.ui-timepicker-container{z-index:1151 !important;} /*타입피커 모달위로..*/

/* 로그인페이지 */
.pages[data-page="login"] > iframe {padding:0;margin:0 0 0 200px;}

/* 프린트일때 */
@media print {
.pages {padding:0 10mm;}
.pages section {padding:0;max-width: initial;}
}

/* btn-top */
.floating{position:fixed;bottom:34px;right:50px;z-index:9999;display:flex;flex-direction:column;gap:4px;}
.floating *{transition:all 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.btn_top{display:block;position:relative;width:56px;height:56px;border-radius:30px;font-size:0;background:var(--c_primary) url('/images/common/ico_top.svg') no-repeat 50% 50%;}
.btn_print{display:block;position:relative;width:56px;height:56px;border-radius:30px;font-size:0;border:1px solid var(--c_gray_40);background-color:#fff;background:url('/images/common/ico_print.svg') no-repeat 50% 50%;}


/* 태그, 불릿 */
.tag_subject{padding:8px 10px;font-size:16px;border-radius:4px;color:#fff;font-weight:700;background-color:var(--c_primary_m2);}
.tag_subject:afte {display:block;}
.tag_subject.sm {padding:6px 8px;font-size:14px;}

@media (max-width:1024px){
	.tag_subject{padding:6px;font-size:5px 6px;}
}


/* 결과확인팝업 - full */
.submain_result{background:#fff;}
.submain_result::after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:398px;background:var(--c_primary_p10)}
.submain_result .layout{display:flex;justify-content:center;width:100%;height:100%;}
.submain_result .layout::after{content:'';position:absolute;z-index:1;left:50%;top:0;transform:translateX(-20%);display:block;width:546px;height:375px;background:url('/images/common/bg_obj3.svg') no-repeat 100% 0%;}
.submain_result .wrap{position:relative;z-index:10;width:100%;max-width:1024px;margin:110px auto;}
.submain_result .wrap section {max-width:initial;padding:0;}

.submain_result .wrap h2 em{display:block;color:var(--c_primary_m2);font-family:var(--f_eli);font-size:42px;font-weight:700;}

.user_info{display:flex;align-items:center;gap:32px;padding-top:30px;}
.user_info li{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--c_primary_m2);}
.user_info li b{;padding:6px 7px;border-radius:4px;border:1px solid var(--c_primary_m2);line-height:1;}

.result_txt{display:flex;align-items:center;gap:30px;margin-top:40px;padding:32px 40px;border-radius: 16px;border:3px solid var(--c_primary_m2);background:#fff;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.00);}
.result_txt h3{padding:10px 17px;border-radius:12px;background:var(--c_primary_m2);}
.result_txt h3 span{display:block;font-size:0;width:58px;height:34px;background:url('/images/common/tit_result.svg') no-repeat;}
.result_info h4{display:flex;gap:10px;margin:40px 0 20px;color:var(--c_primary_m2);font-size:18px;font-weight:800}
.result_info h4::before{content:'';display:block;width:32px;height:32px;margin-top:-2px;border-radius:20px;background:var(--c_primary_m2) url('/images/common/ico_arr_r_w2.svg') no-repeat 50% 50%;;}

.result_info .info_box{min-height:300px;padding:60px;border:8px solid var(--c_gray_20);border-radius:16px;}
.result_info .info_box.graphwrap{display:flex;justify-content:center;gap:40px;margin:0;}
.result_info .info_box.graphwrap .graph{width:50%}
.result_info .info_box.graphwrap .graph img{width:100%;}
.result_info .info_box.graphwrap table{width:50%}

.result_info .info_box.graphwrap.type2 {flex-direction:column;gap:0;}
.result_info .info_box.graphwrap.type2 .graph {width:100%;}

.result_info .info_box.graphwrap.type3 {padding-top:2%;border:0;}
.result_info .info_box.graphwrap.type3 .graph {width:50%;}
.result_info .info_box.graphwrap.type3 table {width:50%;margin: 0;}

.result_info .info_box.graphwrap.type4 {display:flex;flex-direction:row;align-items:center;min-height:initial;padding:28px;border:1px dashed var(--c_gray_60);border-radius:10px;}
.result_info .info_box.graphwrap.type4 .graph {width:320px;}


.result_info .cmtwrap{display:flex;justify-content:flex-start;gap:32px;}

.result_info .cmtwrap .inner {display:flex;flex-direction:column;gap:10px;}
.result_info .cmtwrap .inner em{display:flex;align-items:center;gap:4px;font-size:20px;color:var(--c_gray_90);line-height:1.5;}
.result_info .cmtwrap .inner b {font-size:20px;font-weight:800;}
.result_info .cmtwrap .inner b span{font-size:28px;color:var(--c_primary);}

.result_info .cmtwrap .inner.user{gap:2px;position:relative;padding:0 0 0 100px;font-size:24px;}
.result_info .cmtwrap .inner.user::before{content:'';position:absolute;left:0;top:0;display:block;width:82px;height:70px;background:url('/images/common/ico_user.svg') no-repeat;background-size:100% auto}
.result_info .cmtwrap .inner.user em:first-child b{color:var(--c_primary_m2);}

.result_info .cmtwrap .inner.all .all-item {line-height:1.5;color:var(--c_gray_90);}
.result_info .cmtwrap .inner.all .all-item .state.txt {margin-top:-2px;margin-right:6px;}
.result_info .cmtwrap .inner.all .all-item b {font-size:18px;color:var(--c_primary_m2);}

.btn_wrap {display:flex;justify-content:center;gap:12px;margin-top:28px;}
.btn.round {height: auto;padding:14px 24px;border-radius: 50px;}
.btn.round.modal-close {position:static;width: initial !important;height: initial !important;max-height: initial;max-width: initial;min-height: initial;min-width: initial;font-size: 16px;}
.btn.round.modal-close:before,
.btn.round.modal-close:after {display:none;}

.is-gray {border-color: var(--c_gray_20) !important;background-color: var(--c_gray_20) !important;}
.is-gray:hover {border-color: var(--c_gray_70) !important;background-color: var(--c_gray_70) !important;color:#fff}

.description {display:inline-flex;margin-top:20px;align-items:center;line-height:1.5;}
.description > i {display:inline-block;width:18px;height:18px;background:url(../images/common/ico_info.svg) no-repeat 50%;}

.arr {display:inline-block;width:16px;height:16px;margin:0 0 0 4px;background-repeat:no-repeat;background-position:50%;}
.arr.arr_w {background-image:url('../images/common/arr_w.svg');}

@media (max-width:1024px){
	.result_info .cmtwrap{flex-direction:column;gap:30px;}
	.result_info .info_box.graphwrap{flex-direction:column;}
	.result_info .info_box.graphwrap .graph,
	.result_info .info_box.graphwrap table{width:100%;}
	.submain_result .wrap h2 em{font-size:32px;}
	.user_info{gap:20px;}

	.result_info .cmtwrap .inner em,
	.result_info .cmtwrap .inner b{font-size:16px;}
	.result_info .cmtwrap .inner.user::before{width:52px;height:52px;}
	.result_info .cmtwrap .inner.user{padding-left:62px;}

}



.pages[data-page="record-supporting"] section .page-title-box .image::before,
.pages[data-page="record-growth"] section .page-title-box .image::before,
.pages[data-page="student-management"] section .page-title-box .image::before{width:250px;height:168px;background-image:url(/images/common/vs_ico4.svg);}


.pages[data-page="precision-cause-list"] section .page-title-box .image::before{top:103px;width:250px;height:148px;background-image:url(/images/common/vs_ico2.svg);}
.pages[data-page="support-history-list"] section .page-title-box .image::before,
.pages[data-page="slow-test-page"] section .page-title-box .image::before,
.pages[data-page="support-lookup"] section .page-title-box .image::before{width:250px;height:168px;background-image:url(/images/common/vs_ico3.svg);}
.pages[data-page="record-supporting"] section .page-title-box .image::before,
.pages[data-page="record-growth"] section .page-title-box .image::before {height:186px;}

.pages[data-page="record-growth"] > section .page-title-box{min-height:189px;}