@charset "UTF-8";

/* 채움진단 */
.pages[data-page="precision-level-list"] {}
.pages[data-page="precision-level-list"] section .page-title-box .image::before {top:150px;}
.pages[data-page="general-list"] section .page-title-box .image::before {top:106px;}

/* 채움지원 _추가20240428 */
#time_list{position:relative;border-top:1px solid var(--c_gray_30)}
.time_set{position:relative;}
.time_set .bn_time_add{position:absolute;top:-50px;right:0;}
.time_row{position:relative;margin-bottom:20px;padding:10px 0;border-bottom:1px solid var(--c_gray_20)}
.time_row .time_del{position:absolute;bottom:10px;right:0;}
.time_row input,
.time_row select{margin-left:8px;margin-right:2px;}

.coach_info > div{margin-bottom:20px;}
.coach_info b{color:var(--c_gray_90);}
.coach_info input{width:auto}
#target_list{display:flex;align-items:center;flex-wrap: wrap;}
#target_list li{display:flex;align-items:center;gap:2px;margin-right:20px}


/* 학생관리 */
.pages[data-page="student-management"] {}
.pages[data-page="student-management"] section .page-title-box .subject,
.pages[data-page="student-result"] section .page-title-box .subject,
.pages[data-page="student-matching"] section .page-title-box .subject {height: 170px;}

.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 {top:99px;height:184px;}


/* 느릭학습자 선별검사 */
/*.slow-test section .page-title-box {background-color:#f6f9ff;}
.slow-test section .page-title-box .subject {font-size:1.1rem;}
.slow-test section .page-title-box .subject h1 {color:#142c76;font-size:2.2rem;font-weight:800;}
.slow-test .tabs {margin:2rem 0 0;}
.slow-test .tabs ul {border-bottom:1px solid #395BA8;}
.slow-test .tabs ul li {max-width:300px;}
.slow-test .tabs.is-toggle li a {border-radius:4px 4px 0 0;border-bottom:none;border-color:#4b659d;font-size:1.2rem;color:#4b659d;font-weight:600;}
.slow-test .tabs.is-toggle li a:hover {background-color:#25448a;color:#fff;}
.pages.slow-test .tabs ul li.is-active a {background-color:#395BA8 !important;border-color:#395BA8 !important;color:#fff;font-weight:800;}
.pages.slow-test .tabs ul li.is-active a:hover {background-color:#25448a !important}*/

.pages[data-page="slow-test-page"] section .page-title-box .image::before {}
.slow-test section .page-title-box .subject .tag {in-width:initial;margin-top: .2rem;padding:.2rem .6rem .25rem;color:#fff;background-color:#737D8F;}

.slow-test .table-container {border-color:#d6e0f0;}
.slow-test .table-container:has(.inner_div) {margin-top:2rem !important;border-color:transparent;}
.slow-test .table-container .table th {height:46px;font-size:1rem !important;border-color:#d6e0f0;font-weight:700;}
.slow-test .table-container .table td {height:46px;font-size:1rem !important;border-color:#d6e0f0;font-weight:500;color:#59657a;}
.slow-test .table-container .table td:has(.chart-container) {padding:2rem 1rem;}
.slow-test .table-container .table td:has(.chart-container) .chart-container {margin-top:0;}

.slow-test .table-container .inner_txt {margin-bottom:1rem;text-align:center;color:var(--c_gray_80);font-size:1.5rem;font-weight:700;}

.slow-test .table-container .inner_tabs {display:flex;justify-content:center;gap:.5rem;margin:0 0 1rem;padding:6px 0;}
.slow-test .table-container .inner_tabs .button {padding:1rem;font-size:1.1rem;background-color:transparent;}
.slow-test .table-container .inner_tabs .button:focus {box-shadow:0 0 0 0.2rem rgb(214 218 227);}
.slow-test .table-container .inner_tabs .button.class_end {border-color:#ee708a;color:#ee708a;}
.slow-test .table-container .inner_tabs .button.class_end.is-primary {color:#fff;background-color:#ee708a;}
.slow-test .table-container .inner_tabs .button.class_ing {color:#12b690;border-color:#12b690;}
.slow-test .table-container .inner_tabs .button.class_ing.is-primary {color:#fff;background-color:#12b690;}
.slow-test .table-container .inner_tabs .button.class_no {border-color:#737D8F;color:#737D8F;}
.slow-test .table-container .inner_tabs .button.class_no.is-primary {color:#fff;background-color:#737D8F;}

.slow-test .level-info {padding:1.4rem 2rem;margin-top:1rem !important;border-radius:6px;background:transparent;}
.slow-test .level-info .info .school {font-weight:700;font-size:1.1rem;color:var(--c_gray_80);}
.slow-test .level-info .status {gap:.5rem;}
.slow-test .level-info .status li {margin:0;}
.slow-test .level-info .status li:first-child a {background-color:var(--c_gray_70);}
.slow-test .level-info .status li:first-child a:hover {background-color:var(--c_gray_80);}
.slow-test .level-info .status li:last-child a {border-color:var(--c_gray_70);color:var(--c_gray_70);}

.slow-test .table-container table.slow-state td .button {padding:.4rem .6rem;color:#fff;border-color:transparent}
.slow-test .table-container table.slow-state td .button.class_end {background-color:#ee708a}
.slow-test .table-container table.slow-state td .button.class_ing {background-color:#12b690}
.slow-test .table-container table.slow-state td .button.class_ing:hover {background-color:#03a781}
.slow-test .table-container table.slow-state td .button.class_no {background-color:#3772ff;}
.slow-test .table-container table.slow-state td .button.class_no:hover {background-color:#1f5cee;}

.slow-test .table-container table.slow-state .student_del {padding:.4rem .6rem;border:1px solid var(--c_gray_40);border-radius:4px;color:var(--c_gray_70);}
.slow-test .table-container table.slow-state .student_del:hover {text-decoration:none;background-color:var(--c_gray_5);}

.slow-test .table-container table.table td input {height:2rem;border-color:transparent !important;}
.slow-test .table-container table.table td select {height:2rem;padding:.3rem .6rem .4rem;font-size:1rem;border-color:var(--c_gray_30) !important;color:var(--c_gray_80);}

.slow-test .modal .box {gap:1rem;padding:4rem 2rem;}
.slow-test .modal .box h3 {font-family: var(--f_eli);font-size: 1.8rem;}
.slow-test .modal-class #grade_change_alert {margin-bottom:1rem;}
.slow-test .modal-test-start .box.flex-cont ul {border:4px solid var(--c_gray_20);border-radius:8px;}


/* 기초진단 */
.basic {display:block;width:32px; height:32px;margin:0 auto;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100% auto;}
.basic.ico1 {background-image: url('../images/common/ico_basic1.svg');}
.basic.ico2 {background-image: url('../images/common/ico_basic2.svg');}
.basic.ico3 {background-image: url('../images/common/ico_basic3.svg');}
.basic.white.ico1 {background-image: url('../images/common/ico_basic_w1.svg');}
.basic.white.ico2 {background-image: url('../images/common/ico_basic_w2.svg');}
.basic.white.ico3 {background-image: url('../images/common/ico_basic_w3.svg');}

.state {display:inline-block;margin:0 auto;padding:6px 10px;border-radius:4px;overflow:hidden;text-indent:-999px;vertical-align:middle;}
.state.txt {width:auto;padding:8px 10px;border-radius:4px;border:2px solid var(--c_gray_40);text-indent:initial;font-size:16px;font-style:normal;font-weight:800;;}
.state.txt.base {border-color:var(--c_secondary)}
.state.txt.subj {border-color:var(--c_primary)}
.state.txt.miss{background:var(--c_gray_5);}
.state.txt:after {display:block;line-height:.8;}
.state.txt.base:after {content:'기초';color:var(--c_secondary)}
.state.txt.subj:after {content:'교과';color:var(--c_primary)}
.state.txt.miss:after {content:'미진단';color:var(--c_gray_70)}

.basic_result .result_info h4 {position: relative;margin:40px 0 12px;font-size: 22px;align-items: center;}
.basic_result .result_info h4::before {margin:0;}
.basic_result .result_info h4 small {position: absolute;right: 0;bottom: 0;font-size: 14px;font-weight: 400;color: var(--c_gray_80);}
.basic_result .result_info h4 small::before{content:'';display:inline-block;width:12px;height:1}

.basic_result .result_txt{padding:0;margin-top:30px;margin-bottom:20px;border:0;gap:8px;background:transparent;}
.basic_result .result_txt dt,
.basic_result .result_txt dd {display:flex;flex-direction:column;align-items:center;color:var(--c_primary_m2);}
.basic_result .result_txt dt {gap:20px;min-width:160px;padding:30px 17px;border-radius:16px;border:3px solid var(--c_primary_m2);font-size:18px;font-weight:600;background:#fff;}
.basic_result .result_txt dd {gap:14px;width:calc(100% / 3);padding:22px 24px;border-radius:10px;border:1px solid var(--c_gray_30);font-weight:800;background:#FFF;box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.04);}
.basic_result .result_txt dd b{width:100%;text-align:center;padding-bottom:12px;border-bottom:1px solid var(--c_gray_30);}
.basic_result .result_txt dd b > i {margin-bottom:2px;}

.basic_result .result_info .cmtwrap {min-height: initial;}
.basic_result .result_info .cmtwrap.longtx{flex-direction:column;}
.result_info .cmtwrap.longtx .user{flex-direction:row;gap:10px;padding-top:38px;}
.result_info .cmtwrap.longtx .inner b{color:var(--c_primary);}
.result_info .cmtwrap.longtx .inner.user em:first-child b,
.result_info .cmtwrap.longtx .inner b,
.result_info .cmtwrap.longtx .inner em{font-size:24px;}
.result_info .cmtwrap.longtx .inner em:last-child:after{content:'';display:block;width:0;height:0;margin:10px 0 0 4px;border-top:10px solid var(--c_gray_30);border-bottom:10px solid transparent;border-left:7px solid transparent;border-right:7px solid transparent;}
.result_info .cmtwrap.longtx .inner.all .all-item{position:relative;padding-left:80px;}
.result_info .cmtwrap.longtx .inner.all .all-item .state.txt{position:absolute;left:0;top:0;}


/* 온채움이란 */
.pages[data-page="onchaeum-alarm"]{padding:0;height:100vh;color:#fff;background:#0077D2;}
.pages[data-page="onchaeum-alarm"] .breadcrumb .list .item{color:#fff;}
.pages[data-page="onchaeum-alarm"] .breadcrumb .list .item:first-child span{background-image:url(/images/common/navi_home_w.svg);}
.pages[data-page="onchaeum-alarm"] .breadcrumb .list .item::after{background-image:url(/images/common/navi_arr_w.svg);}


.pages[data-page="onchaeum-alarm"] .swiper{height:100vh;}

.pages[data-page="onchaeum-alarm"] section.about.alarm{padding:0;}
.pages[data-page="onchaeum-alarm"] .container.is-fluid{padding:0px 90px 0 200px;}
.pages[data-page="onchaeum-alarm"] section{max-width:100%}

.aboutSwiper .swiper-pagination{position:fixed;bottom:auto!important;top:200px!important;margin-left:30px;display:flex;align-items:center;justify-content:center;}
.aboutSwiper .swiper-pagination-bullet-active{width:11px!important;height:11px!important;background:url(/images/contents/pagenation_ov.svg);}
.aboutSwiper .swiper-pagination-bullet{width:4px;height:4px;}
.aboutSwiper .swiper-button-next, 
.aboutSwiper .swiper-rtl .swiper-button-prev,
.aboutSwiper .swiper-button-prev, 
.aboutSwiper .swiper-rtl .swiper-button-next,
.aboutSwiper .swiper-button-next.swiper-button-disabled, 
.aboutSwiper .swiper-button-prev.swiper-button-disabled{width:76px;height:76px;border:4px solid var(--c_primary_m);border-radius:50px;color:var(--c_primary_m);}
.aboutSwiper .swiper-button-next:after, 
.aboutSwiper .swiper-button-prev:after{font-size:32px;font-weight:900;}
.aboutSwiper .swiper-button-next svg, 
.aboutSwiper .swiper-button-prev svg{display:none} 


.aboutSwiper h2{padding:40px 0;}
.aboutSwiper h2,
.aboutSwiper h2 span{position:relative;display:block;font-size:52px;font-family:var(--f_eli);line-height:1.4;color:#fff;}
.aboutSwiper h3{position:relative;padding:110px 0 10px;text-align:center;font-size:42px;font-family:var(--f_eli_r);}
.aboutSwiper h3 b{font-family:var(--f_eli);}
.aboutSwiper p{position:relative;padding-bottom:60px;text-align:center;color:#fff;}
.aboutSwiper ul{position:relative;max-width:1100px;margin:0 auto;}

.aboutSwiper .swiper-slide {overflow:hidden;padding:200px 0 100px 0}

.aboutSwiper .swiper-slide:before{content:'';display:block;position:absolute;left:0;top:0;width:100vw;height:100vh;background:#6CBBF7}

.aboutSwiper .swiper-slide.item3:before,
.aboutSwiper .swiper-slide.item6:before{background:#0077D2}
.aboutSwiper .swiper-slide.item5:before{background:#EAEAEA}

.aboutSwiper .swiper-slide.item3 ul li em,
.aboutSwiper .swiper-slide.item6 ul li em{background:#0077D2;}


.aboutSwiper .item1{text-align:center;}
.aboutSwiper .item1 p{font-weight:700}
.aboutSwiper .item1 .c_point{display:block;}

.aboutSwiper .item1 .obj{position:relative;}
.aboutSwiper .item1 .obj i{z-index:10;position:relative;display:block;width:100%;height:400px;padding-bottom:50px;background:url(/images/contents/item1_bg.png) no-repeat 50% 0%;}
.aboutSwiper .item1 .obj::before,
.aboutSwiper .item1 .obj::after,
.aboutSwiper .item1 .obj i::after{content:'';display:block;position:absolute;left:50%;top:0;}
.aboutSwiper .item1 .obj::before{transform:translateX(-50%);width:66px;height:66px;margin-left:-20%;border-radius:40px;background:#0083E7;opacity:.3}
.aboutSwiper .item1 .obj::after{transform:translateX(-50%);margin-left:340px;top:-40px;width:380px;height:380px;background:url(/images/contents/item1_obj.svg) no-repeat;opacity:.3}
.aboutSwiper .item1 .obj i::after{transform:translateX(-50%);top:90%;width:36px;height:36px;border-radius:40px;background:#0083E7;opacity:.3}

.aboutSwiper .swiper-slide ul{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.aboutSwiper .swiper-slide ul li{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:calc(25% - 35px);padding:60px 10px 0;border-radius:40px;text-align:center;background:#fff;}
.aboutSwiper .swiper-slide ul *{color:#666;}
.aboutSwiper .swiper-slide ul li em{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto;border-radius:20px;background:#6CBBF7;font-size:13px;font-weight:900;color:#fff;}
.aboutSwiper .swiper-slide ul li b{font-size:20px;}
.aboutSwiper .swiper-slide ul li i{display:block;width:100%;height:140px;margin:120px 0 0;background:url(/images/contents/item2_ico1.svg) no-repeat 50% 110%;}

.aboutSwiper .swiper-slide.item4 ul li{align-items:flex-start;width:calc(50% - 60px);text-align:left;padding-left:40px;}
.aboutSwiper .swiper-slide.item4 ul li i{margin:0;}
.aboutSwiper .swiper-slide.item5 h3,
.aboutSwiper .swiper-slide.item5 p,
.aboutSwiper .swiper-slide.item5 b{color:#0070C6;}
.aboutSwiper .swiper-slide.item5 ul li{width:calc(33.3% - 33px);}

.aboutSwiper .swiper-slide.item1 .c_point{color:#0077D2!important;}


.aboutSwiper .swiper-slide.item2 ul li:nth-of-type(1) i{background-image:url(/images/contents/item2_ico1.svg);}
.aboutSwiper .swiper-slide.item2 ul li:nth-of-type(2) i{background-image:url(/images/contents/item3_ico1.svg);}
.aboutSwiper .swiper-slide.item2 ul li:nth-of-type(3) i{background-image:url(/images/contents/item3_ico3.svg);}
.aboutSwiper .swiper-slide.item2 ul li:nth-of-type(4) i{background-image:url(/images/contents/item3_ico2.svg);}

.aboutSwiper .swiper-slide.item3 ul li:nth-of-type(1) i{background-image:url(/images/contents/item3_ico1.svg);}
.aboutSwiper .swiper-slide.item3 ul li:nth-of-type(2) i{background-image:url(/images/contents/item3_ico2.svg);}
.aboutSwiper .swiper-slide.item3 ul li:nth-of-type(3) i{background-image:url(/images/contents/item3_ico3.svg);}
.aboutSwiper .swiper-slide.item3 ul li:nth-of-type(4) i{background-image:url(/images/contents/item3_ico4.svg);}

.aboutSwiper .swiper-slide.item4 ul li:nth-of-type(1) i{background-image:url(/images/contents/item4_ico1.svg);}
.aboutSwiper .swiper-slide.item4 ul li:nth-of-type(2) i{background-image:url(/images/contents/item4_ico2.svg);background-position:50% 100%}
.aboutSwiper .swiper-slide.item4 ul li:nth-of-type(3) i{background-image:url(/images/contents/item4_ico3.svg);}
.aboutSwiper .swiper-slide.item4 ul li:nth-of-type(4) i{background-image:url(/images/contents/item4_ico4.svg);}

.aboutSwiper .swiper-slide.item5 ul li:nth-of-type(1) i{background-image:url(/images/contents/item5_ico1.svg);background-position:50% 112%}
.aboutSwiper .swiper-slide.item5 ul li:nth-of-type(2) i{background-image:url(/images/contents/item5_ico2.svg);background-position:50% 130%}
.aboutSwiper .swiper-slide.item5 ul li:nth-of-type(3) i{background-image:url(/images/contents/item5_ico3.svg);background-position:50% 122%}

.aboutSwiper .swiper-slide.item6 ul li:nth-of-type(1) i{background-image:url(/images/contents/item3_ico2.svg);}
.aboutSwiper .swiper-slide.item6 ul li:nth-of-type(2) i{background-image:url(/images/contents/item6_ico2.svg);background-position:50% 40%}
.aboutSwiper .swiper-slide.item6 ul li:nth-of-type(3) i{background-image:url(/images/contents/item3_ico4.svg);}
.aboutSwiper .swiper-slide.item6 ul li:nth-of-type(4) i{background-image:url(/images/contents/item3_ico3.svg);}

.aboutSwiper .swiper-slide.item4 ul li{position:relative;padding-bottom:60px;}
.aboutSwiper .swiper-slide.item4 ul li i{position:absolute;right:10px;bottom:10px;width:160px;}
.aboutSwiper .swiper-slide.item5 ul li i{height:180px;margin-top:85px;}

.annotation{display:flex;justify-content:space-between;font-size:14px;}
.annotation p{margin:0;}

.legendwrap{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:40px;}
.ico_legend{display:flex;gap:10px;font-size:14px;}
.ico_legend .is-icon{width:24px;height:24px;margin-right:4px;border-radius:100px;}
.ico_legend .button .icon{width:14px;height:14px;}

#scoring_question{padding:60px 0;border:1px solid var(--c_gray_30);border-radius:2rem}
#scoring_question .question{color:var(--c_gray_80);font-weight:700;}
#scoring_question .answer{font-size:2rem;color:var(--c_primary);}


/* 저해요인 문항 선택 */
.test-screen .commt{display: flex;justify-content: center;align-items: center;gap:5px;margin:40px 0 20px;font-size:20px;font-weight:700;}


.btnwrap{display:flex;justify-content:flex-end;gap:4px;}
.btnwrap .btn{display:flex;justify-content:space-between;gap:8px;}
.btnwrap .btn i {margin:0;}
/*.pages[data-page="precision-level-list"] section .page-title-box .image::before,
.pages[data-page="precision-level-check"] section .page-title-box .image::before{width:250px;height:168px;background-image:url(/images/common/vs_ico1.svg);}
.pages[data-page="precision-cause-check"] section .page-title-box .image::before,
*/



/*프로그램페이지에 직접입력된 스타일 옮겨옴 250219*/
.pages[data-page="precision-level-list"] section .table-container table.table td .button {min-width: 60px; }
.pages[data-page="support-history-list"] section .table-container table.table th {font-size: .8rem;}
.pages[data-page="support-history-list"] section .table-container table.table td .button {min-width: 50px; }
.pages[data-page="support-history-list"] section .table-container table.table td .learn-start {font-size: 1px;}


.pages[data-page="support-history-list"] section .memo_buttons {border-color: var(--c_gray_90);}


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

p.is-head {
	margin-bottom: 2rem;
	border: 1px solid #b5b5b5;
	padding: 1rem;
	font-size: 1rem;
	font-weight: 400;
}

/* 기초진단 */

.pages[data-page="precision-level-test"] .test-screen .test-body {align-items: center;}
.pages[data-page="precision-level-test"] .test-screen .test-body .test-info {top: 0;width: 100%;background: white;}
.pages[data-page="precision-level-test"] .test-screen .test-body .test-info .process {width: auto;min-width: 300px;}
.pages[data-page="precision-level-test"] .test-screen .test-body .test-info .process .bar {width:calc(100% - 88px);}
.pages[data-page="precision-level-test"] .question-info {top: 54px;}
.pages[data-page="precision-level-test"] .test-screen .test-body .buttons:not(.is-centered) {width: 100%;justify-content: flex-end;}
.pages[data-page="precision-level-test"] .test-screen .test-body .buttons a[href="#"] {display:none;}
.pages[data-page="precision-level-test"] .test-screen .test-body .buttons .buttons-group .button {flex-direction: row-reverse;}
.pages[data-page="precision-level-test"] .test-screen .test-body .buttons .buttons-group .button i {margin-right:0;margin-left:6px;}

.pages[data-page="precision-level-test"] .test-screen .test-body .test-question .question-info {background-color: var(--c_gray_5);border: 1px solid var(--c_gray_20);}
.pages[data-page="precision-level-test"] .test-screen .test-body .test-question .question-info .header {padding: .8rem 1.2rem;font-size: 1rem;background-color: var(--c_primary);}

.test-screen .user-info div:last-child {border-right:0;}
.pages[data-page="precision-level-test"] .test-screen .user-info {padding: 0;background-color: transparent;}
.pages[data-page="precision-level-test"] .test-screen .user-info .subject {font-weight: 800;color: var(--c_primary_m);font-size: 1.1rem;}



.pages[data-page="support-history-list"] {}

.pages[data-page="general-test"] .question-item{margin:0 0 3rem!important;}
.pages[data-page="general-test"] .test-screen .test-body .test-question .question-content{padding-bottom:0;}

.pages[data-page="record-growth"] {position:relative;}
.pages[data-page="record-growth"]:after {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:270px;background:var(--c_primary_p10);}
.pages[data-page="record-growth"] section {position:relative;z-index:1;}
.pages[data-page="record-growth"] section .page-title-box{background:transparent;}

.pages[data-page="record-growth"] section .btn_wrap {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:60px 0 40px;}
.page-cont-box h2 em {display:block;color:var(--c_primary_m2);font-family:var(--f_eli);font-size:42px;font-weight:700;}
.page-cont-box {border:1px solid var(--c_gray_40);padding:100px 0;}
.page-cont-box > .wrap {width:100%;max-width:1024px;margin:0 auto;}


/* 성장이력 :: 의견작성 */
.comment_box {display:flex;align-items:center;justify-content:space-between;}
.comment_box h5 {display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800;color:var(--c_gray_80);}
.comment_box h5:before {content:'';display:inline-block;width:32px;height:32px;background:url(/images/common/ico_comment.svg) no-repeat;}
.comment_box > div {display:flex;align-items:center;justify-content:space-between;width:calc(100% - 120px);}
.comment_box > div input {width:calc(100% - 80px);height:38px;border-color:var(--c_gray_40);}
.comment_lst {display:flex;flex-direction:column;gap:12px;}
.comment_lst .item {display:flex;align-items:center;justify-content:space-between;padding:0 0 8px;border-bottom: 1px solid var(--c_gray_20);}
.comment_lst .item li {font-size:16px;color:var(--c_gray_80);}
.comment_lst .item li:nth-of-type(1) {width:10%;font-weight:800;}
.comment_lst .item li:nth-of-type(2) {width:10%;color:var(--c_gray_50);}
.comment_lst .item li:nth-of-type(3) {width:65%;}
.comment_lst .item li:nth-of-type(4) {display:flex;gap:6px;}
.comment_lst .item li:nth-of-type(4) a {display:inline-block;width:27px;height:27px;border:0;}
.comment_lst .item li:nth-of-type(4) a i {width:100%;background-size:100%;}
.comment_lst .item:last-child {margin-bottom:40px;}

.page-cont-box .result_txt.type2 {justify-content:space-between;gap:8px;margin:0;padding:32px;border:0;}
.page-cont-box .result_txt.type2 dd{width:calc(20% - 8px);}
.page-cont-box .result_txt.type2 dd a {display:flex;flex-direction:column;align-items:center;padding:20px;gap:12px;border-radius:10px;border:1px solid var(--c_gray_30);box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.04);}
.page-cont-box .result_txt.type2 dd a:hover,
.page-cont-box .result_txt.type2 dd a:active {border-color:var(--c_primary);}
.page-cont-box .result_txt.type2 dd a b {position:relative;width:100%;padding-bottom:12px;text-align:center;letter-spacing:-.5px;}
.page-cont-box .result_txt.type2 dd a:hover b,
.page-cont-box .result_txt.type2 dd a:active b{color:var(--c_primary);}
.page-cont-box .result_txt.type2 dd b:after {position:absolute;bottom:0;content:'';display:block;width:100%;height:1px;background:#DEE2E6;}
.page-cont-box .result_txt.type2 dd .date{font-size:14px;}

.cause_result .result_info section {position:relative;padding:0;z-index:1;}
.cause_result .result_info h4{display:flex;gap:10px;margin:40px 0 20px;color:var(--c_primary_m);font-size:18px;font-weight:700}
.cause_result .result_info h4::before{content:'';display:block;width:32px;height:32px;margin-top:-4px;border-radius:20px;background:var(--c_primary_m) url(/images/common/ico_arr_r_w2.svg) no-repeat 50% 50%;}

.cause_result .result_info .info_box.type2{padding:0;}
.cause_result .result_info .info_box.type2 .grap{padding:5%;}
.cause_result .result_info .info_box.type2 .grap:first-child{border-bottom:3px dashed var(--c_gray_30);}
.cause_result .result_info .info_box.type2{padding:0;}
.cause_result .result_info .info_box.type2 .grap{padding:5%;}
.cause_result .result_info .info_box.type2 .grap:first-child{border-bottom:3px dashed var(--c_gray_30);}
.cause_result .result_info .titbox{display:flex;justify-content:space-between;margin-top:40px;}
.cause_result .result_info .titbox *{margin:0;}
.cause_result .result_info .titbox+div{margin-top:20px;}

.cause_result .user_info{margin-bottom:40px;padding-bottom:40px;border-bottom: 3px solid var(--c_primary_m);}

/* 저해요인 아이콘 */
.cause {display: block; width:32px; height:32px;margin:0 auto;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100% auto;}
.cause.ico1,
.result_txt dd:nth-of-type(2) .cause{background-image: url(../images/common/ico_cause1.svg);}
.cause.ico2,
.result_txt dd:nth-of-type(3) .cause{background-image: url(../images/common/ico_cause2.svg);}
.cause.ico3,
.result_txt dd:nth-of-type(4) .cause{background-image: url(../images/common/ico_cause3.svg);}
.cause.ico4,
.result_txt dd:nth-of-type(1) .cause{background-image: url(../images/common/ico_cause4.svg);}
.cause.ico5,
.result_txt dd:nth-of-type(5) .cause{background-image: url(../images/common/ico_cause5.svg);}
.cause.ico6 {background-image: url(../images/common/ico_cause6.svg);}
.cause.white.ico1 {background-image: url(../images/common/ico_cause_w1.svg);}
.cause.white.ico2 {background-image: url(../images/common/ico_cause_w2.svg);}
.cause.white.ico3 {background-image: url(../images/common/ico_cause_w3.svg);}
.cause.white.ico4 {background-image: url(../images/common/ico_cause_w4.svg);}
.cause.white.ico5 {background-image: url(../images/common/ico_cause_w5.svg);}
.cause.white.ico6 {background-image: url(../images/common/ico_cause_w6.svg);}
.cause.gray.ico1 {background-image: url(../images/common/ico_cause_g1.svg);}
.cause.gray.ico2 {background-image: url(../images/common/ico_cause_g2.svg);}
.cause.gray.ico3 {background-image: url(../images/common/ico_cause_g3.svg);}
.cause.gray.ico4 {background-image: url(../images/common/ico_cause_g4.svg);}
.cause.gray.ico5 {background-image: url(../images/common/ico_cause_g5.svg);}
.cause.gray.ico6 {background-image: url(../images/common/ico_cause_g6.svg);}


/* 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%;}


/* 저해요인 팝업 공통 */
.modal-tab{margin-top:54px;}
.modal-tab.tabs.is-toggle li a,
.modal-tab.tabs.is-toggle li:first-child a,
.modal-tab.tabs.is-toggle li.is-active a{border-bottom-right-radius:0;border-bottom-left-radius:0}

.submain_result .layout{min-height:100vh;}

.chart-container{min-height:500px;padding:5%;border:8px solid var(--c_gray_20);border-radius:16px;}

.modal .submain_result.basic_result .result_txt dd {cursor: pointer;}
.modal .submain_result.basic_result .result_txt dd.on {position: relative;border-color: var(--c_primary);border-width: 2px;}
.modal .submain_result.basic_result .result_txt dd.on::after {content: '';display: block;position: absolute;left: 50%;bottom: -20px;margin-left: -10px;width: 0;height: 0;border-bottom: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid var(--c_primary);}

.basic_result .result_info .info_box {padding:52px;}
.basic_result .result_info .info_box.graphwrap {flex-wrap: wrap;gap:22px 32px;}
.basic_result .result_info .info_box.graphwrap .graph {width:420px}
.basic_result .result_info .info_box.graphwrap table {width:calc(100% - 452px);margin: 0;}

.basic_result .result_info .detali_box {width:100% !important;padding: 2rem;background: var(--c_gray_5);border-radius: .4rem;}
.basic_result .result_info .detali_box strong {display: flex;align-items: center;gap: .4rem;color:var(--c_gray_80);font-weight: 800;font-size:16px;}
.basic_result .result_info .detali_box strong::before {content:'';display: inline-block;width: 18px;height: 18px;background: url(../images/common/ico_info.svg) no-repeat 50%;}
.basic_result .result_info .detali_box ul {padding: 0 0 0 2rem;}
.basic_result .result_info .detali_box ul li {list-style-type: disc;color: var(--c_gray_80);font-size: 15px;}
.basic_result .result_info .detali_box ul li b {color: var(--c_primary);font-weight: 800;}

.basic_result .result_info .detali_box.type2 {display:flex;flex-direction:row;align-items:center;gap:12px;width:calc(100% - 460px) !important;padding:0;background:transparent;}

.basic_result .result_info .info_box.type2{padding:0;}
.basic_result .result_info .info_box.type2 .grap{padding:5%;}
.basic_result .result_info .info_box.type2 .grap:first-child{border-bottom:2px dashed var(--c_gray_30);margin-bottom: 20px;}

.basic_result .cmtwrap{display:flex;justify-content:center;align-items: center;gap:40px;margin-bottom:40px;}
.basic_result .cmtwrap p{display:flex;flex-direction:column;gap:4px;color: var(--c_gray_90);}
.basic_result .cmtwrap p em{display:flex;align-items: flex-end;gap:0;font-size:18px;}
.basic_result .cmtwrap p b{font-size:20px;font-weight:700;}
.basic_result .cmtwrap p.user{position:relative;display:flex;justify-content: center;flex-direction: row;align-items: center;gap: 1rem;padding:0;line-height:1.4}
.basic_result .cmtwrap p.user::before{content:'';display:inline-block;width:66px;height:58px;background:url(/images/common/ico_user.svg) no-repeat;background-size:100% auto}
.basic_result .cmtwrap p.user em:first-child b{color:var(--c_secondary);}
.basic_result .cmtwrap p.result_datali {display: inline-block;}

.result_cause{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50px;border:2px solid var(--c_primary);font-size:18px;color:var(--c_primary);text-align:center;line-height:1.3;font-weight:800;}
.basic_result .tbl_basic td.align_l {text-align: left;color: var(--c_gray_80);font-size: 15px;   padding: 16px;}

/* 저해요인 영역별 의견 - 아코디언 (공통) */
.result-accordion {border:8px solid var(--c_gray_20);border-radius:16px;margin-bottom:12px;overflow:hidden;}
.accordion-header {display:flex;justify-content: space-between;align-items:center;padding:26px 36px;cursor: pointer;font-size:20px;background-color:var(--c_gray_20);}
.accordion-header strong {font-weight:800;line-height:1.5;color: var(--c_gray_90);}
.accordion-header::after {content:'';display:inline-flex;justify-content:space-between;align-items:center;width:26px;height:26px;background:url('/images/common/accordion-arr.svg') no-repeat 50%;transform: rotate(180deg);background-size: 100%;}
.result-accordion.active .accordion-header::after {transform:rotate(0deg);}
.accordion-content {opacity:1;display:block;padding:34px 40px;background-color:#fff;transition:var(--ani_time);}
.result-accordion:not(.active) .accordion-content {opacity:0;height:0;padding:0 40px;border:0;}

.test_result_wrap {margin-bottom:3rem;}
.test_result_wrap > .title {display:flex;align-items:center;gap:4px;margin-bottom:12px;font-size:16px;font-weight:800;color:var(--c_gray_90);}
.test_result_wrap > .title::before {content:'';display:inline-block;width:22px;height:22px;background:url('/images/common/title-arr.svg') no-repeat 50%;background-size:100%;}

.test_result_wrap .detali_box.type2 p {width:100%;}
.test_result_wrap .detali_box.type2:has(.summary) p {width:calc(100% - 92px);}

.test_result_wrap .detali_box.type2 .summary {display:flex;justify-content:center;align-items:center;width:80px;height:80px;line-height:1.2;padding:12px;border-radius:80px;border:2px solid #028A3C;color:#028A3C;text-align:center;font-weight:700;font-size:18px;word-break:break-all;}
.test_result_wrap .detali_box.type2 .summary.medi {border-color:var(--c_themeB);color:var(--c_themeB);}
.test_result_wrap .detali_box.type2 .summary.very {border-color:var(--c_themeC);color:var(--c_themeC);}

.support_wrap {display: flex;justify-content:space-between;gap:1rem;}
.support_wrap .support_item {display:flex;flex-direction:column;gap:1rem;width:calc(50% - .5rem);padding:32px;border-radius:12px;border:1px solid #BADAF3;}
.support_wrap .support_item .title {display:inline-flex;margin:0;align-items:center;gap:8px;font-size:20px;font-weight:800;color:var(--c_primary_m);}
.support_wrap .support_item .title > span {font-size:12px;color:#fff;border-radius:30px;padding:8px 14px;background-color:var(--c_primary_m);}
.support_wrap .support_item .title > span > i {display:inline-flex;justify-content: center;align-items:center;width:18px;height:18px;margin: 0 0 0 4px;border-radius:18px;color:var(--c_primary_m);font-weight:800;font-style:normal;background:#fff;}

.support_wrap .support_item ul {font-size:14px;padding-left:30px;color:var(--c_gray_80);}
.support_wrap .support_item ul li {list-style:disc;}
.support_wrap .support_item ul li > span {margin:0;}

/* 정밀진단 저해요인 팝업 */s
.modal-result .basic_result .result_txt {margin-bottom:50px;}
.modal-result .basic_result .result_txt h3 span,
.modal-student-target .basic_result .result_txt h3 span{background-image:url('/images/common/tit_result2.svg');}

/* 학생로그인 페이지 */
.student-login-page {height:100vh;margin:0;}
.student-login-page .login-form {display:flex;justify-content:flex-start;height:100vh;padding:10rem 0 0;width:100%;background: #f5faff;}
.student-login-page .title {display:flex;flex-direction:column;align-items:center;gap:.2rem;}
.student-login-page .title p {font-size:1.1rem;font-weight: 400;color:var(--c_gray_70);}
.student-login-page .title h1, .student-login-page .title h1 * {font-size:2.4rem;font-weight:600;color:var(--c_primary_m);font-family:var(--f_eli);}
.student-login-page .login-form .login-box {width:100%;max-width:34rem;padding:4rem;border-radius:2rem;border:2px solid #d8ecff;background:var(--c_white);}
.student-login-page .login-form input,
.student-login-page .login-form input[type="password"] {padding:.8rem 1rem;border:1px solid var(--c_gray_50);border-radius: 0.5rem;font-size: 1rem;font-weight: 500;line-height: 1.5;color: var(--c_gray_90);height:auto;}
.student-login-page .login-form .button {font-weight: 600;text-align: center;vertical-align: middle;padding: 17px 22px;font-size: 1rem;line-height: 1;height: auto;border-radius: 0.5rem;}