@charset "UTF-8";
@import url(_variables.css);
@import url(_button.css);
/*@import url(cmpt.css);
@import url(common.css);
@import url(layout.css);
@import url(question.css);*/


/* 온채움이란 */
.pages[data-page="onchaeum-alarm"]{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"] *{color:#fff;}

.aboutSwiper .swiper-pagination{position:static;display:flex;align-items:center;justify-content:center;margin-top:80px;}
.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 h2{padding:40px 0;}
.aboutSwiper h2,
.aboutSwiper h2 span{display:block;font-size:52px;font-family:var(--f_eli);line-height:1.4}
.aboutSwiper h3{padding:40px 0;text-align:center;font-size:42px;font-family:var(--f_eli);}

.aboutSwiper .swiper-slide {overflow:hidden;}

.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;}
.aboutSwiper .item1 .obj::after{transform:translateX(-50%);margin-left:400px;width:380px;height:380px;background:url(/images/contents/item1_obj.svg) no-repeat;}
.aboutSwiper .item1 .obj i::after{transform:translateX(-50%);top:90%;width:36px;height:36px;border-radius:40px;background:#0083E7;}

.aboutSwiper .swiper-slide ul{display:flex;justify-content:center;gap:20px;}
.aboutSwiper .swiper-slide ul li{display:flex;flex-direction:column;align-items:center;padding:60px 50px;border:1px solid rgba(255, 255, 255, 0.20);text-align:center;}
.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:#fff;font-size:13px;font-weight:900;color:#0077D2;}
.aboutSwiper .swiper-slide ul li b{font-size:20px;}
.aboutSwiper .swiper-slide ul li i{display:block;width:100%;height:130px;margin:120px 0 0;background:url(/images/contents/item2_ico1.svg) no-repeat 50% 0;}

.aboutSwiper .swiper-slide.item2 ul li:nth-of-type(2) i{background-image:url(/images/contents/item2_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);}
.aboutSwiper .swiper-slide.item4 ul li:nth-of-type(3) i{background-image:url(/images/contents/item4_ico3.svg);}


/* 리스트top */
.level-info {display:flex;align-items:center;}

.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}


.pages section > .level-info {z-index:1;position:relative;display:flex;justify-content:space-between;align-items:center;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 section > .level-info p {word-break:keep-all;line-height:1.5;font-size:15px;font-weight:600;color:var(--c_gray_70);}


/* 성장이력 저해요인 */
.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 .btn_wrap {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:60px 0 40px;}
.pages[data-page="record-growth"] section .btn_wrap .designSelect.type01 {width:220px;height:40px;}
.pages[data-page="record-growth"] section .btn_wrap .designSelect.type01 .lay a {height:40px;}
.pages[data-page="record-growth"] section .btn_wrap .designSelect.type01 .lay a::after {top:7px;}
.pages[data-page="record-growth"] section .btn_wrap .designSelect.type01.on .lists {top:39px;}

.pages[data-page="record-growth"] .page-cont-box .result_txt h3 span {background-image:url('/images/common/tit_result4.svg');}
.pages[data-page="record-growth"] .result_info .cmtwrap p {flex-direction:row;flex-wrap:wrap;}
.pages[data-page="record-growth"] .result_info .cmtwrap p b {line-height:1;}

.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 {display:flex;flex-direction:column;align-items:center;padding:20px;gap:12px;/*flex:1 0 0;*/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.on {border-color:var(--c_primary);}
.page-cont-box .result_txt.type2 dd b {position:relative;width:100%;padding-bottom:12px;text-align:center;letter-spacing:-.5px;}
.page-cont-box .result_txt.type2 dd b:after {position:absolute;bottom:0;content:'';display:block;width:100%;height:1px;background:#DEE2E6;}

.comment_lst.type2 {}
.comment_lst.type2 .item li:nth-of-type(1) {width:5%;}
.comment_lst.type2 .item li:nth-of-type(2) {width:10%;font-weight:800;color:var(--c_gray_80);}
.comment_lst.type2 .item li:nth-of-type(3) {display:flex;width:15%;margin-right:1.2%;}
.comment_lst.type2 .item li:nth-of-type(4) {width:65%;}
.comment_lst.type2 .item li:nth-of-type(5) {width:10%;text-align:right;color:var(--c_gray_50);}
.comment_lst.type2 .item .state {margin:0;border-radius:0;}

.page-cont-box .result_info .info_box {min-height: initial !important;} /*style.css 옮길때 기존에 있는 300px 설정된거 지우기*/
.pages[data-page="record-growth"] .page-cont-box .result_info .cmtwrap {gap: 40px;align-items: center;}

.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;}

/* 정서행동 지원 인력 매칭 현황 */
.jiwon_box .info_box {display:flex;flex-direction:column;align-items:flex-start;gap:20px;}

/* 성장이력 저해요인 :: 정서행동지원 모달창 */
.modal-jiwon {}
.modal-jiwon .modal-content ul {display:flex;flex-direction:column;gap:10px;margin-top:40px;}
.modal-jiwon .modal-content ul li {display:flex;align-items:center;gap:20px;}
.modal-jiwon .modal-content ul li label {font-weight:800;}
.modal-jiwon .modal-content ul li input {width:calc(100% - 60px);}
.modal-jiwon .modal-content .btn_box {display:flex;justify-content:center;margin-top:20px;}


/* 페이지네이션 */
#secwrap .page_navi{z-index:5;position:fixed;right:30px;top:0;bottom:0;display:inline-flex;align-items:flex-end;}
#secwrap .page_navi .wrap{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-start;margin-bottom: 190px;padding:22px 16px;border-radius: 20px;
border: 1px solid var(--c_gray_30);background:#fff;box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.05);}
#secwrap .page_navi button{padding-bottom:12px;font-size:15px;border-bottom:1px solid var(--c_gray_20);font-weight:800}
#secwrap .page_navi button:last-child{padding:0;border:0;}
#secwrap .page_navi button+button{margin-top:12px}
#secwrap .page_navi button.active{color:var(--c_primary)}
#secwrap .page_navi.colored button:not(.active){color:var(--c_gray_70)}

html:has(body .modal.is-active) {overflow:hidden;}
html:has(body .modal.modal_scroll) {overflow:initial!important;}

/* modal */
.modal{width: 100%;
    height: auto;
    min-height: 100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:fixed}
.modal.modal_scroll{overflow:visible;position:absolute!important;justify-content:flex-start;}
.modal.modal_scroll.center{justify-content:center;}

.modal.is-active{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;}
.modal-background{background-color:rgb(10 10 10 / 41%)}
.modal-content {/* max-height:calc(100vh - 160px);overflow:auto */overflow: visible;}
.modal-card,
.modal-content{margin:0 20px;position:relative;width:100%}

@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;}
.modal-close.black::before,
.modal-close.black::after{background-color:var(--c_gray_60);}


.modal{z-index:101}
.modal .modal-background.is-click-disabled{pointer-events:none}

/*.modal .modal-content{overflow:visible}*/
.modal .modal-content .box{overflow-y:auto;max-height:calc(100vh - 160px);}
.modal .modal-content .modal-close{position:absolute;top:0 ;right:0;-webkit-transition:all .2s;transition:all .2s;z-index:99}
.modal .modal-content .modal-close:hover{opacity:1}
.modal .modal-content .modal-close.type2{right:-60px;border-radius: 6px;background-color:#0a0a0a;opacity: .55;}
.modal .modal-content .modal-close.type2:hover{opacity:1}

.modal .modal-content.is-small{width:540px}
.modal .modal-content.is-small-medium{width:700px}
.modal .modal-content.is-small .field.is-horizontal .field-label{-webkit-box-flex:1.5;-ms-flex-positive:1.5;flex-grow:1.5}
.modal .modal-content.is-medium{width:1000px}
.modal .modal-content.is-large{width:1200px}
.modal .modal-content.is-xlarge{width:1400px}
.modal .modal-content.is-full{width:100%;height:100vh;min-height:100vh;}

.modal .modal-content.is-full.type2 .box{height:100vh;min-height:100vh}

.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,.3)}

.delete:active,
.modal-close:active{background-color:rgba(10,10,10,.4)}

.is-small.delete,
.is-small.modal-close{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}

.is-medium.delete,
.is-medium.modal-close{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}

.is-large.delete,
.is-large.modal-close{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}

.button.is-loading::after,
.control.is-loading::after,
.loader,
.select.is-loading::after{-webkit-animation:spinAround 500ms infinite linear;animation:spinAround 500ms infinite linear;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em}


.modal .modal-content.is-small .box h3{margin-bottom:10px;}
.modal .modal-content.is-small .box textarea{width:100%;min-height:200px;padding:20px;}
.modal .modal-content.is-small p{font-size:24px;font-weight:700;color:var(--c_gray_80);text-align:center;line-height:1}
.modal .modal-content.is-small .time{position:relative;display:flex;justify-content:center;align-items:center;margin:30px 0;font-size:15px;font-weight:700;color:var(--c_gray_60);}
.modal .modal-content.is-small .time::before{content:'';display:block;width:52px;height:52px;background:url(/images/common/ico_time.svg) no-repeat 0 0;animation:spin infinite 3s linear;}
.modal .modal-content.is-small .time span{display:flex;flex-direction:column;padding-left:50px;background:url(/images/common/ico_ing.svg) no-repeat 10px 50%;}
.modal .modal-content.is-small .time span em{font-size:20px;line-height:1;color:var(--c_primary);font-weight:800;}
.modal .modal-content.is-small .ico_end{display:block;width:79px;height:72px;margin:30px auto;background:url(/images/common/ico_end.svg) no-repeat;}


.modal .modal-content.is-medium .modal-close,
.modal .modal-content.is-small .modal-close,
.modal .modal-content.type2 .modal-close{right:20px;top:20px;width:36px;height:36px;max-width:36px;max-height:36px;min-width:36px;min-height:36px;border-radius:20px;border:2px solid var(--c_gray_60);}

.modal .modal-content.is-medium .modal-close::before,
.modal .modal-content.is-medium .modal-close::after,
.modal .modal-content.is-small .modal-close::before,
.modal .modal-content.is-small .modal-close::after,
.modal .modal-content.type2 .modal-close::before,
.modal .modal-content.type2 .modal-close::after{background-color:var(--c_gray_60);}

.modal .box{padding:50px}
.modal .box .subtit{margin:0;font-size:28px;font-family:var(--f_eli)}
.modal .box .subtit+p{margin-bottom:20px;}

@keyframes spin {  
	from {transform:rotate(0deg);}  
	to {transform:rotate(360deg);}
}

/* 진단 팝업 */
.modal .submain{height:100vh;background:#fff;}
.modal .submain .subtit{margin:0;padding:12px 24px;color:#fff;font-size:16px;background:var(--c_primary);font-weight:700;}
.modal .submain .layout{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 50px);background:url(/images/common/bg_obj1.svg) no-repeat 100% 100%;}
.modal .submain .wrap{display:flex;width:100%;max-width:1200px;margin:-100px auto 0;}
.modal .submain .wrap .lcon{position:relative;width:calc(100% - 674px);}
.modal .submain .wrap .lcon::after{content:'';position:absolute;right:0;bottom:0;display:block;width:213px;height:190px;background:url(/images/common/vs_ico1.svg) no-repeat;}
.modal .submain .wrap .lcon .tit{margin-top:50px;font-size:50px;color:var(--c_primary_m2);font-family:var(--f_eli)}
.modal .submain .wrap .lcon .list_num{margin:40px 40px 100px 0;}
.modal .submain .wrap .lcon .list_num li{font-weight:700;color:var(--c_gray_60);}
.modal .submain .wrap .lcon .btnwrap{display:flex;align-items:flex-start;flex-direction:column;gap:4px;}
.modal .submain .wrap .lcon .btn{min-width:230px;border-radius:30px}

/* 진단하기 순서안내(기본-국어) */
.modal .submain .wrap .rcon{width:674px}
.modal .submain .wrap .rcon .boxtit{display:flex;justify-content:center;width:100%;margin:0;padding:20px 0;border-radius:20px 20px 0 0;background:var(--c_primary_m2);}
.modal .submain .wrap .rcon .grap{display:flex;flex-direction:column;padding:50px;border:11px solid var(--c_gray_20);border-top:0;border-radius:0 0 16px 16px}
.modal .submain .wrap .rcon .info{display:flex;}
.modal .submain .wrap .rcon .info li{min-width:220px;padding:30px 40px;text-align:center;border-radius: 20px;background:#F7FAFD;}
.modal .submain .wrap .rcon .info li:first-child{position:relative;margin-right:40px;}
.modal .submain .wrap .rcon .info li:first-child::after{content:'';position:absolute;right:-40px;top:0;display:block;width:23px;height:100%;padding:0 20px;background:url(/images/common/ico_arr_r_g.svg) no-repeat 50% 50%;}
.modal .submain .wrap .rcon .info li em{margin-bottom:20px;}
.modal .submain .wrap .rcon .info li span{display:block;font-size:20px;font-weight:800;color:var(--c_gray_70);}
.modal .submain .wrap .rcon .info li .time{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:20px;margin-top:26px;font-size:15px;border-top:1px solid var(--c_gray_30);}
.modal .submain .wrap .rcon .info li .time::before{content:'';display:block;width:20px;height:20px;background:url(/images/common/ico_clock.svg) no-repeat;}
.modal .submain .wrap .rcon b{display:flex;align-items:center;gap:10px;line-height:1;font-weight:700}
.modal .submain .wrap .rcon p{margin-top:40px}
.modal .submain .wrap .rcon b::before{content:'';display:block;width:32px;height:32px;background:url(/images/common/ico_flag.svg) no-repeat;}
/* 진단하기 순서안내(수학) */
.modal .submain .wrap.type_math .lcon{width:calc(100% - 805px);}
.modal .submain .wrap.type_math .rcon{width:805px;}
.modal .submain .wrap.type_math .rcon .test_procecc{display:flex;align-items:center;gap:10px;}
.modal .submain .wrap.type_math .rcon .test_procecc b{padding:8px 20px;text-align:center;border-radius:40px;background:#F7FAFD;}
.modal .submain .wrap.type_math .rcon .tip{margin-top:30px;padding-bottom:40px;border-bottom:1px solid var(--c_gray_40);}
.modal .submain .wrap.type_math .rcon .test_procecc{display:flex;}
.modal .submain .wrap.type_math .rcon .test_procecc .info li{display:flex;align-items:center;gap:10px;min-width:auto;padding:0;margin:0;background:transparent;font-weight:700}
.modal .submain .wrap.type_math .rcon .test_procecc .info li::after{content:'';position:static;display:block;width:54px;height:33px;padding:0 20px;border-radius:100px;background:var(--c_gray_10) url(/images/common/ico_arr_r_b.svg) no-repeat 50% 50%;background-size:50%;}
.modal .submain .wrap.type_math .rcon .test_procecc .info li:last-child::after{display:none}
.modal .submain .wrap.type_math .rcon .test_procecc .info li:first-child .q_tit{color:var(--c_gray_60);border-color:var(--c_gray_60);}
.modal .submain .wrap.type_math .rcon .info li em{margin:0;}

.modal .submain .wrap.type_math .rcon .select_cate{flex-wrap:nowrap;gap:15px;margin-top:20px;}
.modal .submain .wrap.type_math .rcon .select_cate button{width:100%;padding:30px 10px;color:var(--c_primary);}
.modal .submain .wrap.type_math .rcon .select_cate button i{width:42px;height:42px;}
.modal .submain .wrap.type_math .rcon .select_cate button::after{right:-10px;top:-10px;}
.modal .submain .wrap.type_math .rcon .select_cate button.end{color:var(--c_gray_50);}



/* 진단하기 :: 학생사용자 화면 */
.student {position:relative;display:block;padding-left:200px;padding-right:90px;}
.student .modal-content {position:relative;width:100%;max-height:initial;overflow:auto;}
.student .submain{height:100vh;background:#fff;}
.student .submain .layout{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 50px);background:url(/images/common/bg_obj1.svg) no-repeat 100% 100%;}
.student .submain .wrap{display:flex;width:100%;max-width:1200px;margin:-100px auto 0;}
.student .submain .wrap .lcon{position:relative;width:calc(100% - 674px);}
.student .submain .wrap .lcon::after{content:'';position:absolute;right:0;bottom:0;display:block;width:213px;height:190px;background:url(/images/common/vs_ico1.svg) no-repeat;}
.student .submain .wrap .lcon .tit{margin-top:50px;font-size:50px;color:var(--c_primary_m2);font-family:var(--f_eli)}
.student .submain .wrap .lcon .list_num{margin:40px 40px 100px 0;}
.student .submain .wrap .lcon .list_num li{font-weight:700;color:var(--c_gray_60);}
.student .submain .wrap .lcon .btnwrap{display:flex;align-items:flex-start;flex-direction:column;gap:4px;}
.student .submain .wrap .lcon .btn{min-width:230px;border-radius:30px}
/* 국어 */
.student .submain .wrap .rcon{width:674px}
.student .submain .wrap .rcon .boxtit{display:flex;justify-content:center;width:100%;padding:20px 0;border-radius:20px 20px 0 0;background:var(--c_primary_m2)}
.student .submain .wrap .rcon .grap{display:flex;flex-direction:column;padding:50px;border:11px solid var(--c_gray_20);border-top:0;border-radius:0 0 16px 16px}
.student .submain .wrap .rcon .info{display:flex;}
.student .submain .wrap .rcon .info li{min-width:220px;padding:30px 40px;text-align:center;border-radius: 20px;background:#F7FAFD;}
.student .submain .wrap .rcon .info li:first-child{position:relative;margin-right:40px;}
.student .submain .wrap .rcon .info li:first-child::after{content:'';position:absolute;right:-40px;top:0;display:block;width:23px;height:100%;padding:0 20px;background:url(/images/common/ico_arr_r_g.svg) no-repeat 50% 50%;}
.student .submain .wrap .rcon .info li em{margin-bottom:20px;}
.student .submain .wrap .rcon .info li span{display:block;font-size:20px;font-weight:800;color:var(--c_gray_70);}
.student .submain .wrap .rcon .info li .time{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:20px;margin-top:26px;font-size:15px;border-top:1px solid var(--c_gray_30);}
.student .submain .wrap .rcon .info li .time::before{content:'';display:block;width:20px;height:20px;background:url(/images/common/ico_clock.svg) no-repeat;}
.student .submain .wrap .rcon b{display:flex;align-items:center;gap:10px;line-height:1;font-weight:700}
.student .submain .wrap .rcon p{margin-top:40px}
.student .submain .wrap .rcon b::before{content:'';display:block;width:32px;height:32px;background:url(/images/common/ico_flag.svg) no-repeat;}
/* 수학 */
.student .submain .wrap.type_math .lcon{width:calc(100% - 805px);}
.student .submain .wrap.type_math .rcon{width:805px;}
.student .submain .wrap.type_math .rcon .test_procecc{display:flex;align-items:center;gap:10px;}
.student .submain .wrap.type_math .rcon .test_procecc b{padding:8px 20px;text-align:center;border-radius:40px;background:#F7FAFD;}
.student .submain .wrap.type_math .rcon .tip{margin-top:30px;padding-bottom:40px;border-bottom:1px solid var(--c_gray_40);}
.student .submain .wrap.type_math .rcon .test_procecc{display:flex;}
.student .submain .wrap.type_math .rcon .test_procecc .info li{display:flex;align-items:center;gap:10px;min-width:auto;padding:0;margin:0;background:transparent;font-weight:700}
.student .submain .wrap.type_math .rcon .test_procecc .info li::after{content:'';position:static;display:block;width:54px;height:33px;padding:0 20px;border-radius:100px;background:var(--c_gray_10) url(/images/common/ico_arr_r_b.svg) no-repeat 50% 50%;background-size:50%;}
.student .submain .wrap.type_math .rcon .test_procecc .info li:last-child::after{display:none}
.student .submain .wrap.type_math .rcon .test_procecc .info li:first-child .q_tit{color:var(--c_gray_60);border-color:var(--c_gray_60);}
.student .submain .wrap.type_math .rcon .info li em{margin:0;}

.student .submain .wrap.type_math .rcon .select_cate{flex-wrap:nowrap;gap:15px;margin-top:20px;}
.student .submain .wrap.type_math .rcon .select_cate button{width:100%;padding:30px 10px;color:var(--c_primary);}
.student .submain .wrap.type_math .rcon .select_cate button i{width:42px;height:42px;}
.student .submain .wrap.type_math .rcon .select_cate button::after{right:-10px;top:-10px;}
.student .submain .wrap.type_math .rcon .select_cate button.end{color:var(--c_gray_50);}



/* 결과확인 팝업 - 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 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:40px;padding-top:30px;}
.user_info li{display:flex;align-items:center;gap:10px;font-weight:700;}
.user_info li b{;padding:6px 7px;border-radius:4px;border:1px solid var(--c_primary_m);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_m);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_m);}
.result_txt h3 span{display:block;font-size:0;width:58px;height:34px;background:url(/images/common/tit_result.svg) no-repeat;}


.modal-content .result_txt{justify-content:space-between;}
.modal-content .result_txt dt h3{margin-bottom:10px;}
.modal-content .result_txt dt,
.modal-content .result_txt dd{display:flex;flex-direction:column;align-items:center;}


.result_info h4{display:flex;gap:10px;margin:40px 0 20px;color:var(--c_primary_m);font-size:18px;font-weight:700}
.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%;;}
.result_info .info_box{min-height:300px;padding:5%;border:8px solid var(--c_gray_20);border-radius:16px;}
.result_info .info_box.graphwrap{display:flex;justify-content:center;gap:40px;}
.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.type2 .graph > img {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 .cmtwrap{display:flex;justify-content:center;gap:40px;margin-bottom:40px;}
.result_info .cmtwrap p{display:flex;flex-direction:column;gap:4px;}
.result_info .cmtwrap p em{display:flex;align-items:center;gap:0;font-size:18px;}
.result_info .cmtwrap p b{font-size:24px;font-weight:700;color:var(--c_primary_m);}
.result_info .cmtwrap p b span{font-size:28px;color:var(--c_primary);}
.result_info .cmtwrap p.user{gap:0;position:relative;padding:0 0 0 100px;font-size:24px;line-height:1.4}
.result_info .cmtwrap p.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 p.user em:first-child b{color:var(--c_secondary);}
@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 p em,
	.result_info .cmtwrap p b{font-size:16px;}
	.result_info .cmtwrap p.user::before{width:52px;height:52px;}
	.result_info .cmtwrap p.user{padding-left:62px;}

}


/* 결과확인 팝업(수학) */
.type_math .result_info .cmtwrap p b,
.type_math .result_info .cmtwrap p b span{font-size:18px;}
.type_math .result_info .cmtwrap p b i{font-weight:400;}
/*결과확인 팝업(저해요인) */
.cause_result .result_txt{padding:0;margin-bottom:30px;border:0;gap:8px;background:transparent;}
.cause_result .result_txt dt,
.cause_result .result_txt dd{display:flex;flex-direction:column;align-items: center;width:calc(100% / 6 - 4px)}
.cause_result .result_txt dt{gap:20px;padding:30px 17px;border-radius:16px;border: 3px solid var(--c_primary_m);font-weight:800;background:#fff;}
.cause_result .result_txt dt span{background-image:url(/images/common/tit_result2.svg);}
.cause_result .result_txt dd{gap:14px;padding:24px;font-weight:800;border-radius:10px;border:1px solid var(--c_gray_30);background:#FFF;box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.04);}
/*.cause_result .result_txt dd:last-child{width:20%}*/
.cause_result .result_txt dd b{width:100%;text-align:center;padding-bottom:12px;border-bottom:1px solid var(--c_gray_30);}
.cause_result .result_txt dd.on{position:relative;border-color:var(--c_primary);border-width:2px;}
.cause_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);}
.cause_result .result_info .cmtwrap{gap:40px;align-items:center;}
.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_test_cate{flex-direction:column;}
.cause_test_cate .wrap{flex-direction:column;gap:40px;width:100%;max-width:1024px!important;margin:0 auto!important;}
.cause_test_cate .process{display:flex;padding:22px 24px;justify-content:center;align-items:center;border-radius:8px;border:4px solid var(--c_gray_10);background:#fff;}
.cause_test_cate .process li{display:flex;align-items:center;gap:30px;font-family:var(--f_eli);color:var(--c_gray_50);}
.cause_test_cate .process li::after{content:'';display:block;width:29px;height:5px;background:url(/images/common/ico_ing.svg) no-repeat;}
.cause_test_cate .process li::before{content:'';display:block;width:32px;height:32px;background:url(/images/common/ico_arr_r_b.svg) no-repeat;}
.cause_test_cate .process li:first-child::before{display:none}
.cause_test_cate .process li:last-child::after{display:none}
.cause_test_cate .process li b{display:flex;align-items:center;gap:12px;font-family:var(--f_eli)}
.cause_test_cate .process li .step{display:flex;justify-content:center;align-items:center;gap:10px;height:40px;padding:0px 20px;border-radius:20px;color:#fff;font-weight:700;background:var(--c_gray_50);line-height:1;}
.cause_test_cate .process li .step em{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:26px;height:26px;border-radius:30px;color:var(--c_gray_50);font-weight:800;line-height:1;background:#fff;}
.cause_test_cate .process li.active{color:var(--c_primary_m);}
.cause_test_cate .process li.active .step{background:var(--c_primary_m);}
.cause_test_cate .process li.active .step em{color:var(--c_primary_m);}

@media (max-width:1023px){
	.cause_result .result_txt dd,
	.page-cont-box .result_txt dd{gap:4px;padding:20px 0;}
	.cause_result .result_txt dd b i,
	.page-cont-box .result_txt dd b i,
	.cause_result .result_txt dd b:after,
	.page-cont-box .result_txt dd b:after{display:none}
	.cause_result .result_txt dd b,
	.page-cont-box .result_txt dd b{padding:0;border:0;font-size:13px;}

	.page-cont-box .result_txt.type2,
	.cause_result .result_txt{flex-wrap:wrap;}
	.cause_result .result_txt dt{flex-direction:row;justify-content:center;width:calc(100%)}
	.cause_result .result_txt dd{width:calc(100% / 3 - 6px)}
}

/* 저해요인 카테고리 선택 */
.select_cate{display:flex;flex-wrap:wrap;gap:20px;}
.select_cate button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:calc(33.3% - 15px);min-height:118px;padding:30px;font-weight:700;border-radius:10px;border: 1px solid var(--c_gray_30);color:var(--c_primary_m);background:#fff;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.04);}
.select_cate button i{width:72px;height:72px;}
.select_cate button::after{content:'';position:absolute;right:10px;top:10px;display:block;width:32px;height:32px;background-repeat:no-repeat;}
.select_cate button.is-active{border-color:var(--c_primary);}
.select_cate button.is-active::after{background-image:url(/images/common/ico_learn.svg);}
.select_cate button.end{color:var(--c_gray_50);background-color:var(--c_gray_10);}
.select_cate button.end::after{background-image:url(/images/common/ico_disable.svg);}
.select_cate button.ing{}
.select_cate button.ing::before{content:'진행중';position:absolute;display:flex;justify-content:center;align-items:center;bottom:30px;padding:10px 16px;color:#fff;border-radius:42px;border:4px solid #bddeff;background-color:var(--c_primary);}
.cause_test_cate .btn{border-radius:30px;}

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

.question-content {width:100%;height:100%;}
.pages .question-item{display:flex!important;flex-direction:column;justify-content:center;gap:30px;width:100%;height:68vh;margin:0 46px;padding:100px 50px;border:2px solid var(--c_primary_m);border-radius:20px;text-align:center;/*background: #F4F8FB;*/}
.pages .question-item .order{display:inline-flex;align-items:center;margin:0 auto;padding:10px 17px;border-radius:4px;color:#fff;font-weight:800;line-height:1;font-family:var(--f_eli);background:var(--c_primary_m);}
.pages .question-item .order em{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:40px;border:1px solid #fff;font-size:14px;font-weight:800;line-height:1;}
.pages .question-item .question{font-size:1.9rem;font-weight:600;margin-bottom:20px}
.pages .question-item .question-subject{color:var(--c_primary_m);font-size:34px;font-weight: 800;}
.pages .question-item .question-subject .q{word-break:keep-all;}
.pages .question-item .answers{display:flex;justify-content:center;gap:10px;margin:0 auto}
.pages .question-item .answers li::before{content:'';display:block;width:30px;height:30px;background:url(/images/common/confirm.svg) no-repeat;}
.pages .question-item .answers li{display:flex;justify-content:center;align-items:center;gap:10px;padding:40px 30px;border-radius:10px;border:1px solid var(--c_gray_30);box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.04);background:#fff;}
.pages .question-item .answers li.is-active{color:var(--c_primary);border-color:var(--c_primary);}
.pages .question-item .answers li.is-active::before{background:url(/images/common/confirm_on.svg);}

.pages .question-item .answers li label input:checked+span{color:#fff;background-color:#7a7a7a;font-weight:700;-webkit-transform:translateY(-10px);transform:translateY(-10px)}

.pages .question-item.end .question-subject i{display:block;width:80px;height:72px;margin:0 auto 20px;background:url(/images/common/ico_end.svg) no-repeat}

/* 슬라이드 추가 */
.test-body {margin: auto;width:100%;max-width:1320px;height:100%;overflow:hidden;}
.test-body .test-question {position:relative;height:100%;}

.slider-btn {position:absolute;top:30vh;width:100%;pointer-events:none;}
.slider-btn .slider-arr {position:absolute;display:flex!important;justify-content:center;align-items:center;width:60px;height:60px;color:var(--c_primary_m);font-size:0;pointer-events:painted;}
.slider-btn .slider-arr:after {content:'';display:block;width:60px;height:60px;background:url(/images/common/ico_arr_r_b.svg) no-repeat;background-size:100%;}
.slider-btn .slider-arr.prev {transform:rotate(180deg);left:-16px}
.slider-btn .slider-arr.next {right:-16px;}


/* 저해요인 결과리스트 */
.cause_lst{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;}
.cause_lst li{position:relative;display:flex;flex-direction: column;width:calc(25% - 15px);min-height:118px;padding:30px;border-radius:10px;border: 1px solid var(--c_gray_30);background:#fff;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.04);}
.cause_lst li .state,
.cause_lst li .btn{position:absolute;right:30px;top:50px;}

.userinfowrap{margin-bottom:30px;color:var(--c_primary_m);font-weight:700}
.userinfowrap span{width:auto;height:33px;border:1px solid;padding:8px;font-size:15px;line-height: 1;border-radius:4px;font-style:700;text-indent:0;overflow:hidden;text-align:center;color:var(--c_primary_m);border-color:var(--c_primary_m)}



/*//////////2023-12-21 온채움 중등 :: 페이지별 css 추가//////////*/
/* 학생관리 */
.pages[data-page="student-management"] {padding-bottom: 11.65rem;}
.pages[data-page="student-management"] section > .dis_flex > div:nth-of-type(2) > span {font-size: 16px;font-weight: 800;color:var(--c_primary_m)}
.pages[data-page="student-management"] section .count_txt_input {width:70px;border:1px solid var(--c_primary_m);border-radius:4px;text-align:center;font-weight:800;}
.pages[data-page="student-management"] section .tbl_lst thead tr:nth-child(2) th:first-child {border-left:1px solid #D0D7E0}
.pages[data-page="student-management"] section table input[type="text"] {width:100%;}
.pages[data-page="student-management"] section table thead input[type="checkbox"] + label {display: inline-flex;align-items: center;gap: 4px;}

.modal-edit-student .edit_form {display:flex;flex-direction:column;gap:20px;}
.modal-edit-student .edit_form li {display:flex;align-items:center;gap:12px;}
.modal-edit-student .edit_form li label {min-width:120px;text-align:left;color:var(--c_gray_90);font-size:16px;font-weight:800;background:transparent;}
.modal-edit-student .edit_form li input {border-color:transparent;}
.modal-edit-student .edit_form li input[name="password"] {border:1px solid var(--c_gray_50);}
.modal-edit-student .edit_form li input:focus {box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);}
.modal-edit-student .edit_form li > ul {display:flex;gap:22px;}
.modal-edit-student .edit_form li > ul > li {gap:4px;}
.modal-edit-student .edit_form li > ul > li > input {width:80px;border:1px solid var(--c_gray_50);}
.modal-edit-student .edit_form li > ul > li select {width:100px;height:36px;}


/* 성장이력 */
.pages[data-page="record-supporting"] {position:relative;}
.pages[data-page="record-supporting"]:after {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:270px;background:var(--c_primary_p10);}
.pages[data-page="record-supporting"] section {position:relative;z-index:1;}
.pages[data-page="record-supporting"] 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 .result_txt {display: flex;align-items: center;margin: 30px 0 40px;padding: 32px 40px;border: 3px solid var(--c_primary_m);border-radius: 16px}
.page-cont-box .result_txt h3 {padding: 10px 17px;border-radius: 12px;background: var(--c_primary_m);}
.page-cont-box .result_txt h3 span {display: block;font-size: 0;width: 58px;height: 34px;background-image: url(/images/common/tit_result3.svg);}
.page-cont-box .result_txt > div {display:flex;margin-left:28px;font-size:20px;}
.page-cont-box .result_txt > div > span {color:var(--c_primary);font-weight:800;}
.page-cont-box .result_txt > div > span:not(:first-child) {margin-left:8px;}
.page-cont-box .result_txt > div .txout {font-size:20px;}
@media (max-width:1024px){
	.page-cont-box .result_txt{padding:3%;}
	.page-cont-box .result_txt > div{margin-left:0;font-size:16px;}
	.page-cont-box .result_txt > div .txout{font-size:16px;}

}


/* 성장이력 :: 의견작성 */
.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;}
.comment_lst .item li:nth-of-type(4) a i {width:100%;background-size:100%;}
.comment_lst .item:last-child {margin-bottom:40px;}


.searchbox{display:flex;justify-content:flex-end;gap:4px;margin-bottom:20px;}



/* 보정학습 :: 개인별 누가관리 */
.pages[data-page="support-lookup"] table td button:last-child {margin-left:4px;}
.pages[data-page="support-lookup"] .modal-modify-detail .tbl_basic {margin-top:20px;}

.step_detail_list.on {color:var(--c_primary);font-weight:800;}






.modal .comments{margin:3rem 0;font-size:1.18rem;word-break:keep-all;line-height:1.7;text-align:center;color:#545657}
.modal .comments p.is-head{margin-bottom:2rem;border:1px solid #b5b5b5;padding:1rem;font-size:1rem;font-weight:400}

.modal .block{position:relative}
.modal .block.is-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.modal .block.is-flex .table-container{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:0}
.modal .block.is-flex .student-profile{margin-right:1rem;width:100px;height:100px;background-color:#eeeff2;border-radius:5px;overflow:hidden}
.modal .block.is-flex .student-profile img{display:block;-o-object-fit:cover;object-fit:cover}

.modal .block .top-buttons{position:absolute;top:0;right:0}

.modal .select-area,.modal .select-area .button{display:-webkit-box;display:-ms-flexbox;display:flex}
.modal .select-area{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.modal .select-area .button{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100px;height:3.2rem}
.modal .select-area .button.is-3rs{background-color:#7a66bf;color:#fff;border:0}
.modal .select-area .button.is-korean{background-color:var(--c_primary);color:#fff;border:0}
.modal .select-area .button.is-math{background-color:var(--c_secondary);;color:#fff;border:0}


.notification {background-color:var(--c_gray_5);border-radius: 4px;position: relative;padding: 1.25rem 2.5rem 1.25rem 1.5rem}
.notification_hd {background-color:var(--c_gray_5);border-radius: 4px;position: relative;padding: 1.25rem;}

.modal .modal-content .notification{padding:1.5rem;font-size:.9rem}
.modal .modal-content .notification .is-strong,.modal .process-list>div h4{font-weight:500;font-size:1.18rem;line-height:1.5;word-break:keep-all}
.modal .modal-content .notification h4{line-height:1}
.modal .modal-content .notification h4 i{font-size:1.6rem}
.modal .modal-content .notification h4+p,.modal-data .data-content .data-title .overview dl dt{color:#949697}
.modal .modal-content .notification h5{font-size:1.18rem;color:#0a0a0a;font-weight:500}
.modal .modal-content .notification hr{background-color:rgba(10,10,10,.1);height:1px}

.modal .modal-content .item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem;margin:1rem 0}
.modal .modal-content .item-list .item .title-bar,
.modal .modal-content .item-list .item .title-bar .step,
.modal .modal-content .notification h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.modal .modal-content .item-list .item .title-bar{margin-bottom:.5rem}
.modal .modal-content .item-list .item .title-bar .step{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--c_primary);color:#fff;line-height:1;height:26px;font-size:12px;padding:0 10px;margin-right:.4rem;font-weight:800;border-radius:50px}
.modal .modal-content .item-list .item .title-bar .subject,.modal h4{font-weight:600;font-size:1.18rem}
.modal .modal-content .item-list .item ul{list-style:disc}
.modal .modal-content .item-list .item ul li{padding:0;text-align:left;margin-left:1.5rem;color:#949697}


.is-question{background-color:#00FFFF;color:#000;opacity:0.5;margin:0 !important;padding:1rem 1.5rem !important;font-size:1rem !important;border-width:1px;border-style:solid;border-color:#111;cursor:pointer;}
.is-question.is-society{opacity:1;background-color:#ffceb0;border-color:#eb5800;}
.is-question.is-science{opacity:1;background-color:#9be5c8;border-color:#144e37;}
.is-question.is-english{opacity:1;background-color:#ffef99;border-color:#bfa100;}

.is-question.on{opacity:1;border-width:4px;}
.is-question.off{background-color:#d9d9d9;border-color:#a6a6a6;}
.is-question .qset{font-size:1.8rem;text-align:center}
.is-question .complete{font-size:0.7rem;text-align:center;border-bottom:1px solid #000}
.is-question .info{margin-top:0.5rem;line-height:1.4rem}


/* 학생관리 문항설정 모달 css 재설정*/
.modal-question-setting .box {display:flex; flex-direction:column; padding:0 0 1rem;}
.modal-question-setting h3:nth-child(1) {width:100%; padding:2.5rem 0 2rem; margin-bottom:1rem;color:#fff!important; text-align:center; background:linear-gradient(322deg,#11e2c7 0,#2a54d1 100%);}

.modal-question-setting .block {display:flex;flex-wrap:wrap; align-items:center; justify-content:center;gap:0.75rem;width:80%;margin:0 auto;padding:2rem 0;border-bottom:1px solid #ddd;}
.modal-question-setting .block:last-child {border-bottom:0;}
.modal-question-setting .block h3 {display:flex; justify-content:center; align-items:center;width:4rem;height:4rem;margin:0 1.5rem 0 0;padding:0; border-radius:4rem;font-size:1.2rem;color:#555 !important;background:#fff0c8;}

.modal-question-setting .is-justify-content-space-around {justify-content:space-between;width:80%;}
.modal-question-setting .is-question {cursor:pointer; padding:0.6rem 2.2rem !important; border-radius:10px;border:2px solid var(--color-grey); color:var(--font-grey); opacity:inherit; background-color:#fff;}
.modal-question-setting .is-question.on {border-color:#2294ff; color:#fff; background:var(--c_primary);}

.modal-question-setting .has-text-centered {margin-top:0 !important;}
.modal-question-setting .has-text-centered .tag:not(body) {font-size:1rem;}
.modal-question-setting .has-text-centered .tag:not(body).is-primary {color:#fff; background-color:#08c5a7;}



.modal .select-area .button sub{margin-bottom:3px;line-height:1;font-size:.8rem;font-weight:400}
.modal .select-area .button span{margin:0;line-height:1;font-size:15px}
.modal .select-resume{text-align:center}
.modal .select-resume p{line-height:1.4;margin-bottom:0;font-size:1.18rem}
.modal .notice,.modal-set-level .select-level ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.9rem}
.modal .notice{margin-bottom:.5rem;color:#949697}
.modal .process-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}
.modal .process-list>div{border:1px solid #e7eaf0;padding:1.5rem;border-radius:5px}
.modal .process-list>div .tag,.modal h4{margin-bottom:.5rem}
.modal .process-list>div h4{line-height:1.4}
.modal .process-list>div,.modal-set-level .set-buttons .button{-webkit-box-flex:1;-ms-flex:1;flex:1}
.modal-set-level .set-buttons .button.is-active{background-color:var(--c_primary);border-color:var(--c_primary);color:#fff}
.modal-set-level div[class^='block set-level']{display:none}
.modal-set-level div[class^='block set-level'].is-active{display:block}
.modal-set-level .add-level-item{margin-top:1.5rem}
.modal-set-level .add-level-item h3{font-size:.9rem;margin:0;margin-bottom:.5rem}
.modal-set-level .select-level{border:1px solid #e7eaf0;border-radius:5px;overflow:hidden}
.modal-set-level .select-level .class-name{background-color:#f8f8f8;border-bottom:1px solid #e7eaf0;padding:.3rem;text-align:center;font-size:.9rem;font-weight:600}
.modal-set-level .select-level ul li{border-bottom:1px solid #e7eaf0;padding:.3rem 1rem;color:#5f6264;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.modal-set-level .select-level ul li::before{display:none;font-family:'Line Awesome Free';content:'\f00c';margin-right:.3rem}
.modal-set-level .select-level ul li:hover{background-color:#eeeff2;color:#0a0a0a}
.modal-set-level .select-level ul li:last-child{border-bottom:0}
.modal-set-level .select-level ul li.is-active{background-color:var(--c_secondary);;color:#fff;font-weight:600}
.modal-set-level .select-level ul li.is-active::before{display:inline-block}
.modal-set-level .select-level ul li .button{margin-left:auto;font-size:.8rem;height:23px}
.modal-data .title-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.modal-data .data-content{display:none;border:1px solid #e7eaf0;border-radius:3px;padding:3rem;margin-bottom:2rem}
.modal-data .data-content.is-active{display:block}
.modal-data .data-content .data-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.modal-data .data-content .data-title h4{font-size:1.9rem;font-weight:500;color:#0a0a0a;text-align:center;margin:0;line-height:1}
.modal-data .data-content .data-title h4 i{margin-right:3px}
.modal-data .data-content .data-title .overview{line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex}
.modal-data .data-content .data-title .overview dl{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;font-size:.9rem}
.modal-data .data-content .data-title .overview dl:first-child{margin-right:2rem}
.modal-data .data-content .comment{margin:1.5rem 0;background-color:#f8f8f8;padding:1.8rem;border-radius:10px}
.modal-data .data-content .comment p{width:90%;margin:0 auto;text-align:center;word-break:keep-all;font-size:1.18rem;line-height:1.6}
.modal-data .data-content .charts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}
.modal-data .data-content .charts .chart-container{width:400px}
.modal-data .data-content .charts .chart-container.is-doughnut{width:210px}
.modal-data .data-content .support-process{margin-top:2rem}
.modal-data .data-content .support-process .process,
.modal-data .data-content .support-process h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.modal-data .data-content .support-process h4 i{margin-top:1px}
.modal-data .data-content .support-process .process{gap:1rem}
.modal-data .buttons .pages,.modal-data .data-content .support-process .process .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.modal-data .data-content .support-process .process .item{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #e7eaf0;border-radius:5px;padding:1rem;text-align:center;font-weight:500;word-break:keep-all;line-height:1.5}
.modal-data .data-content .support-process .process i{font-size:1.6rem;margin:0}
.modal-data .data-content .support-process .summary{font-size:1.18rem;word-break:keep-all;width:80%;margin:2rem auto 0;text-align:center}
.modal-data .buttons{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.modal-data .buttons .pages{position:absolute;left:0;right:0;margin:0 auto;width:100px;color:#a9afb4;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.modal-data .buttons .pages .current{color:#0a0a0a;font-weight:500;margin-right:5px}
.modal-support-history .input-support-content,
.modal-support-history .input-support-plan{border-top:1px solid #e7eaf0;margin-top:2rem;padding-top:2rem;display:none}
.modal-support-history .input-support-content.is-active,
.modal-support-history .input-support-plan.is-active,.modal-support-history ul.plan.is-active,
section.about div[class^=about-content] .list-item ul.support .support-content .image img,
section.about div[class^=about-content] .overview .image img{display:block}
.modal-support-history ul.plan{display:none;margin-top:3px;border:1px solid #e7eaf0;border-radius:3px;margin-bottom:4px;padding:10px 10px 10px 25px;list-style:disc;background-color:#fff}
.modal-support-history ul.plan li{font-size:12px;line-height:1;margin-bottom:8px}
.modal-support-history ul.plan li:last-child,

.modal-support-history .detail{padding:8px}
.modal-support-history .detail .detail-title{margin-bottom:5px;font-weight:500}
.modal-support-history .detail .detail-inputs .input{margin-bottom:10px}
.modal-download label,
.modal-print label{border:1px solid #e7eaf0;padding:1rem;line-height:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.modal-download label input[type=checkbox],
.modal-print label input[type=checkbox]{margin-right:7px}
.modal-download label input[type=checkbox]+span,
.modal-print label input[type=checkbox]+span{font-weight:500;color:#949697}
.modal-download label,
.modal-log .write-form,
.modal-print label{display:-webkit-box;display:-ms-flexbox;display:flex}
.modal-log .write-form .control:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}
.modal-log .write-form .control .button{height:100%;margin-left:10px}


.button,
.file-cta,
.file-name,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.textarea{-moz-appearance:none;-webkit-appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;
border-radius:4px;-webkit-box-shadow:none;box-shadow:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
font-size:16px;font-weight: 700;height:2.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:1.5;padding:calc(.5em - 1px) calc(.75em - 1px);position:relative;vertical-align:top}

.button:active,
.button:focus,
.file-cta:active,
.file-cta:focus,
.file-name:active,
.file-name:focus,
.input:active,
.input:focus,
.is-active.button,
.is-active.file-cta,
.is-active.file-name,
.is-active.input,
.is-active.pagination-ellipsis,
.is-active.pagination-link,
.is-active.pagination-next,
.is-active.pagination-previous,
.is-active.textarea,
.is-focused.button,
.is-focused.file-cta,
.is-focused.file-name,
.is-focused.input,
.is-focused.pagination-ellipsis,
.is-focused.pagination-link,
.is-focused.pagination-next,
.is-focused.pagination-previous,
.is-focused.textarea,
.pagination-ellipsis:active,
.pagination-ellipsis:focus,
.pagination-link:active,
.pagination-link:focus,
.pagination-next:active,
.pagination-next:focus,
.pagination-previous:active,
.pagination-previous:focus,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus{outline:0}

.button[disabled],
.file-cta[disabled],
.file-name[disabled],
.input[disabled],
.pagination-ellipsis[disabled],
.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .button,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .input,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .select select,
fieldset[disabled] .textarea{cursor:not-allowed}

.breadcrumb,
.button,
.file,
.is-unselectable,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.tabs{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after{border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:45%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center;transform-origin:center;width:.625em}

.block:not(:last-child),
.box:not(:last-child),
.breadcrumb:not(:last-child),
.content:not(:last-child),
.level:not(:last-child),
.message:not(:last-child),
.notification:not(:last-child),
.pagination:not(:last-child),
.progress:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child){margin-bottom:1.5rem}

.hero-video,
.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,.image.is-3by2 .has-ratio,
.image.is-3by2 img,.image.is-3by4 .has-ratio,
.image.is-3by4 img,.image.is-3by5 .has-ratio,
.image.is-3by5 img,.image.is-4by3 .has-ratio,
.image.is-4by3 img,.image.is-4by5 .has-ratio,
.image.is-4by5 img,.image.is-5by3 .has-ratio,
.image.is-5by3 img,.image.is-5by4 .has-ratio,
.image.is-5by4 img,.image.is-9by16 .has-ratio,
.image.is-9by16 img,.image.is-square .has-ratio,
.image.is-square img,
.is-overlay,
.modal,
.modal-background{bottom:0;left:0;position:absolute;right:0;top:0}

.navbar-burger{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:0;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0}


.box{background-color:#fff;border-radius:6px;display:block;padding:1.25rem;}
a.box:focus,
a.box:hover{-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px var(--c_primary);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px var(--c_primary);}
a.box:active{-webkit-box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px var(--c_primary);box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px var(--c_primary);}


.container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}
.container.is-fluid{max-width:none!important;padding-left:32px;padding-right:32px;width:100%}

@media screen and (min-width:1024px){
    .container{max-width:960px}
}

@media screen and (max-width:1215px){
    .container.is-widescreen:not(.is-max-desktop){max-width:1152px}
}

@media screen and (max-width:1407px){
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}
}

@media screen and (min-width:1216px){
    .container:not(.is-max-desktop){max-width:1152px}
}

@media screen and (min-width:1408px){
    .container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}
}




.heading{display:block;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}

.number{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;border-radius:9999px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.25rem;height:2em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:.25rem .5rem;text-align:center;vertical-align:top}




.control{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit}
.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon{color:#4a4a4a}
.control.has-icons-left .icon,
.control.has-icons-right .icon{color:#dbdbdb;height:2.5em;pointer-events:none;position:absolute;top:0;width:2.5em;z-index:4}
.control.has-icons-left .input,
.control.has-icons-left .select select{padding-left:2.5em}
.control.has-icons-left .icon.is-left{left:0}
.control.has-icons-right .input,
.control.has-icons-right .select select{padding-right:2.5em}
.control.has-icons-right .icon.is-right{right:0}
.control.is-loading::after{position:absolute!important;right:.625em;top:.625em;z-index:4}



.card{background-color:#fff;border-radius:.25rem;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;position:relative}
.card-content:first-child,
.card-footer:first-child,
.card-header:first-child,
.card-image:first-child img{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.card-content:last-child,
.card-footer:last-child,
.card-header:last-child,
.card-image:last-child img{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}
.card-header,
.card-header-title{display:-webkit-box;display:-ms-flexbox;display:flex}
.card-header{background-color:transparent;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-shadow:0 .125em .25em rgba(10,10,10,.1);box-shadow:0 .125em .25em rgba(10,10,10,.1)}
.card-header-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#363636;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-weight:700;padding:.75rem 1rem}
.card-header-icon,
.card-header-title.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.card-header-icon{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:0;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.75rem 1rem}
.card-image{display:block;position:relative}
.card-content{background-color:transparent;padding:1.5rem}
.card-footer,
.card-footer-item{display:-webkit-box;display:-ms-flexbox;display:flex}
.card-footer{background-color:transparent;border-top:1px solid #ededed;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.card-footer-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem}
.card-footer-item:not(:last-child){border-right:1px solid #ededed}
.card .media:not(:last-child){margin-bottom:1.5rem}

.dropdown{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:top}
.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}
.dropdown.is-right .dropdown-menu{left:auto;right:0}
.dropdown.is-up .dropdown-menu{bottom:100%;padding-bottom:4px;padding-top:initial;top:auto}
.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20}
.dropdown-content{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);padding-bottom:.5rem;padding-top:.5rem}
.dropdown-item{color:#4a4a4a;display:block;font-size:.875rem;line-height:1.5;padding:.375rem 1rem;position:relative}

a.dropdown-item,button.dropdown-item{padding-right:3rem;text-align:inherit;white-space:nowrap;width:100%}
a.dropdown-item:hover,
button.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a}
a.dropdown-item.is-active,
button.dropdown-item.is-active{background-color:var(--c_primary);color:#fff}
.dropdown-divider{background-color:#ededed;border:0;display:block;height:1px;margin:.5rem 0}

.level{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.level img{display:inline-block;vertical-align:top}
.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right{display:-webkit-box;display:-ms-flexbox;display:flex}
.level.is-mobile .level-left+.level-right{margin-top:0}
.level.is-mobile .level-item:not(:last-child){margin-bottom:0;margin-right:.75rem}
.level.is-mobile .level-item:not(.is-narrow){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
@media screen and (min-width:769px),print{
	.level{display:-webkit-box;display:-ms-flexbox;display:flex}
    .level>.level-item:not(.is-narrow){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
}

.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.level-item .subtitle,.level-item .title{margin-bottom:0}
@media screen and (max-width:768px){
	.level-item:not(:last-child){margin-bottom:.75rem}
}

.level-item,
.level-left,
.level-right{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
@media screen and (min-width:769px),print{
	.level-left .level-item:not(:last-child),
	.level-right .level-item:not(:last-child){margin-right:.75rem}
}

.level-left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
@media screen and (max-width:768px){
	.level-left+.level-right{margin-top:1.5rem}
}
@media screen and (min-width:769px),print{
	.level-left{display:-webkit-box;display:-ms-flexbox;display:flex}
}

.level-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media screen and (min-width:769px),print{
	.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}
}

.media{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:inherit}
.media .content:not(:last-child){margin-bottom:.75rem}
.media .media{border-top:1px solid rgba(219,219,219,.5);display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:.75rem}
.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:.5rem}
.media .media .media{padding-top:.5rem}
.media .media .media+.media{margin-top:.5rem}
.media+.media{border-top:1px solid rgba(219,219,219,.5);margin-top:1rem;padding-top:1rem}

.media.is-large+.media{margin-top:1.5rem;padding-top:1.5rem}
.media-left,
.media-right{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}
.media-left{margin-right:1rem}
.media-right{margin-left:1rem}
.media-content{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:inherit}

@media screen and (max-width:768px){
	.media-content{overflow-x:auto}
}

.menu{font-size:1rem}
.menu.is-small{font-size:.75rem}
.menu.is-medium{font-size:1.25rem}
.menu.is-large{font-size:1.5rem}
.menu-list{line-height:1.25}
.menu-list a{border-radius:2px;color:#4a4a4a;display:block;padding:.5em .75em}
.menu-list a:hover{background-color:#f5f5f5;color:#363636}
.menu-list a.is-active{background-color:var(--c_primary);color:#fff}
.menu-list li ul{border-left:1px solid #dbdbdb;margin:.75em;padding-left:.75em}
.menu-label{color:#7a7a7a;font-size:.75em;letter-spacing:.1em;text-transform:uppercase}
.menu-label:not(:first-child){margin-top:1em}
.menu-label:not(:last-child){margin-bottom:1em}

.hero.is-fullheight-with-navbar{min-height:calc(100vh - 3.25rem)}
.pagination{font-size:1rem;margin:-.25rem}
.pagination.is-small{font-size:.75rem}
.pagination.is-medium{font-size:1.25rem}
.pagination.is-large{font-size:1.5rem}
.pagination.is-rounded .pagination-next,.pagination.is-rounded .pagination-previous{padding-left:1em;padding-right:1em;border-radius:9999px}
.pagination.is-rounded .pagination-link{border-radius:9999px}
.pagination,
.pagination-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous{font-size:.9rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:.25rem;text-align:center}
.pagination-ellipsis,
.pagination-link{padding-left:.5em;padding-right:.5em}
.pagination-link,
.pagination-next,
.pagination-previous{border-color:#dbdbdb;color:#363636;min-width:2.5em}
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover{border-color:#b5b5b5;color:#363636}
.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus{border-color:var(--c_primary);}
.pagination-link:active,
.pagination-next:active,
.pagination-previous:active{-webkit-box-shadow:inset 0 1px 2px rgba(10,10,10,.2);box-shadow:inset 0 1px 2px rgba(10,10,10,.2)}
.pagination-link.is-disabled,
.pagination-link[disabled],
.pagination-next.is-disabled,
.pagination-next[disabled],
.pagination-previous.is-disabled,
.pagination-previous[disabled]{background-color:#dbdbdb;border-color:#dbdbdb;-webkit-box-shadow:none;box-shadow:none;color:#7a7a7a;opacity:.5}
.pagination-next,
.pagination-previous{padding-left:.75em;padding-right:.75em;white-space:nowrap}
.pagination-link.is-current{background-color:var(--c_primary);border-color:var(--c_primary);color:#fff}
.pagination-ellipsis{color:#b5b5b5;pointer-events:none}
.pagination-list{-ms-flex-wrap:wrap;flex-wrap:wrap}
.pagination-list li{list-style:none}

@media screen and (max-width:768px){
	.pagination{-ms-flex-wrap:wrap;flex-wrap:wrap}
    .pagination-list li,
    .pagination-next,
    .pagination-previous{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}
}

@media screen and (min-width:769px),print{
	.pagination-list{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .pagination-ellipsis,
    .pagination-link,
    .pagination-next,
    .pagination-previous{margin-bottom:0;margin-top:0}
    .pagination-previous{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
    .pagination-next{-webkit-box-ordinal-group:4;    -ms-flex-order:3;    order:3}
    .pagination{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0;margin-top:0}

    .pagination.is-centered .pagination-previous{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .pagination.is-centered .pagination-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
    .pagination.is-centered .pagination-next{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
    .pagination.is-right .pagination-previous{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .pagination.is-right .pagination-next{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
	.pagination.is-right .pagination-list{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
}

.panel{border-radius:6px;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);font-size:1rem}
.panel:not(:last-child){margin-bottom:1.5rem}
.panel.is-white .panel-heading{background-color:#fff;color:#0a0a0a}
.panel.is-white .panel-tabs a.is-active{border-bottom-color:#fff}
.panel.is-white .panel-block.is-active .panel-icon{color:#fff}
.panel.is-black .panel-heading{background-color:#0a0a0a;color:#fff}
.panel.is-black .panel-tabs a.is-active{border-bottom-color:#0a0a0a}
.panel.is-black .panel-block.is-active .panel-icon{color:#0a0a0a}
.panel.is-light .panel-heading{background-color:#f5f5f5;color:rgba(0,0,0,.7)}
.panel.is-light .panel-tabs a.is-active{border-bottom-color:#f5f5f5}
.panel.is-light .panel-block.is-active .panel-icon{color:#f5f5f5}
.panel.is-dark .panel-heading{background-color:#363636;color:#fff}
.panel.is-dark .panel-tabs a.is-active{border-bottom-color:#363636}
.panel.is-dark .panel-block.is-active .panel-icon{color:#363636}
.panel.is-primary .panel-heading{background-color:#f77944;color:#fff}
.panel.is-primary .panel-tabs a.is-active{border-bottom-color:#f77944}
.pages section .page-title-box .subject ul li.is-strong,
.panel.is-primary .panel-block.is-active .panel-icon{color:#f77944}
.panel.is-link .panel-heading{background-color:var(--c_primary);color:#fff}
.panel.is-link .panel-tabs a.is-active{border-bottom-color:var(--c_primary);}
.panel.is-link .panel-block.is-active .panel-icon{color:var(--c_primary);}
.panel.is-info .panel-heading{background-color:#3e8ed0;color:#fff}
.panel.is-info .panel-tabs a.is-active{border-bottom-color:#3e8ed0}
.panel.is-info .panel-block.is-active .panel-icon{color:#3e8ed0}
.panel.is-success .panel-heading{background-color:var(--c_secondary);;color:#fff}
.panel.is-success .panel-tabs a.is-active{border-bottom-color:var(--c_secondary);}
.panel.is-success .panel-block.is-active .panel-icon{color:var(--c_secondary);}
.panel.is-warning .panel-heading{background-color:#ffe08a;color:rgba(0,0,0,.7)}
.panel.is-warning .panel-tabs a.is-active{border-bottom-color:#ffe08a}
.panel.is-warning .panel-block.is-active .panel-icon{color:#ffe08a}
.panel.is-danger .panel-heading{background-color:var(--c_themeA);color:#fff}
.panel.is-danger .panel-tabs a.is-active{border-bottom-color:var(--c_themeA)}
.panel.is-danger .panel-block.is-active .panel-icon{color:var(--c_themeA)}
.panel-block:not(:last-child),
.panel-tabs:not(:last-child){border-bottom:1px solid #ededed}
.panel-heading{background-color:#ededed;border-radius:6px 6px 0 0;color:#363636;font-size:1.25em;font-weight:700;line-height:1.25;padding:.75em 1em}
.panel-block,
.panel-tabs{display:-webkit-box;display:-ms-flexbox;display:flex}
.panel-tabs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:.875em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.panel-tabs a{border-bottom:1px solid #dbdbdb;margin-bottom:-1px;padding:.5em}
.panel-tabs a.is-active{border-bottom-color:#4a4a4a;color:#363636}
.panel-list a{color:#4a4a4a}
.panel-block.is-active .panel-icon,
.panel-list a:hover,
.test-screen .test-body .test-question .question-content .ox-table .table td.result.is-correct,
main.index .overview h2 b{color:var(--c_primary);}

.panel-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#363636;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5em .75em}
.panel-block input[type=checkbox]{margin-right:.75em}
.panel-block>.control{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:100%}
.panel-block.is-wrapped{-ms-flex-wrap:wrap;flex-wrap:wrap}
.panel-block.is-active{border-left-color:var(--c_primary);color:#363636}
.panel-block:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.pages .question-item .answers li label,a.panel-block,label.panel-block{cursor:pointer}
a.panel-block:hover,
label.panel-block:hover{background-color:#f5f5f5}
.panel-icon{display:inline-block;font-size:14px;height:1em;line-height:1em;text-align:center;vertical-align:top;width:1em;color:#7a7a7a;margin-right:.75em}
.panel-icon .fa{font-size:inherit;line-height:inherit}
.section{padding:3rem 1.5rem}

@media screen and (min-width:1024px){
	.section{padding:3rem}
	.section.is-medium{padding:9rem 4.5rem}
	.section.is-large{padding:18rem 6rem}
}

.footer{background-color:#fafafa;padding:3rem 1.5rem 6rem}

@media (max-width:768px){
	.pages .pbt-test .container{padding:0}
    .pages .pbt-test .container .question-item,.pages .pbt-test.is-result .page-title-box{padding:2rem}
    .pages .pbt-test .container .question-item .order{font-size:1.18rem}
    .pages .pbt-test .container .question-item .question{font-size:1.6rem;line-height:1.4;word-break:keep-all}
    .pages .pbt-test .container .question-item .answers{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;    gap:.5rem!important}
    .pages .pbt-test .container .question-item .answers span{padding:1rem;    font-size:1.18rem!important}
    .pages .pbt-test .container .question-item .answers input:checked+span{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}
    .pages .pbt-test.is-result .page-title-box h1,.pages .pbt-test.is-result .result-item .score-box .score{font-size:1.6rem}
    .pages .pbt-test.is-result .page-title-box p{width:100%;font-size:.9rem}
    .pages .pbt-test.is-result .notification{padding:2rem!important}
    .pages .pbt-test.is-result .notification h2{line-height:1.4;    word-break:keep-all}
    .pages .pbt-test.is-result .result-item{padding:2.5rem 1.5rem}
    .pages .pbt-test.is-result .result-item .score-box{padding:.8rem}
    .pages .pbt-test.is-result .result-item .score-box span{font-size:.9rem}
    .pages .pbt-test.is-result .result-item .comment{font-size:1.1rem;    line-height:1.5}
    .pages .pbt-test.is-result .guide-content{padding:2rem}
    .pages .pbt-test.is-result .guide-content h3{font-size:1.18rem;    line-height:1.5}
}

.pages .pbt-test .result-item{position:relative;border:1px solid #e7eaf0;padding:3rem;margin:3rem 0;border-radius:10px}
.pages .pbt-test .result-item h2{font-size:1.6rem}
.pages .item-list li p,
.pages .pbt-test .guide-content p,
.pages .pbt-test .result-item p{color:#949697}
.pages .pbt-test .result-item .comment{font-size:1.18rem;margin-top:1rem;background-color:#f8f8f8;padding:1.5rem;border-radius:5px}
.pages .pbt-test .result-item .score-box{position:absolute;top:-20px;right:20px;border:3px solid #000;border-radius:5px;background-color:#fff;padding:1rem}
.pages .pbt-test .result-item .score-box .score{line-height:1;font-size:1.9rem;font-weight:700;text-align:center;margin-bottom:5px}
.pages .pbt-test .result-item .score-box span{display:block;text-align:center;line-height:1}
.pages .pbt-test .canvas-container{width:70vw;max-width:700px;margin:5rem auto}
.pages .pbt-test .guide-content{background-color:#f8f8f8;padding:3rem;border-radius:10px}
.pages .pbt-test .guide-content h2{font-size:1.9rem}
.pages .pbt-test .guide-content hr{background-color:#0a0a0a;opacity:.1;height:1px}
.pages .pbt-test .guide-content h3{font-size:1.6rem;font-weight:500;margin-bottom:1rem}

.pages .pbt-test .guide-content h3+p{font-size:1rem;color:#5f6264}
.pages .question-info,
.pages .question-info .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pages .question-info{position:sticky;top:81px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.9rem;background-color:#f2f8fc;margin-bottom:1.5rem;padding:1.2rem;border-radius:5px;z-index:100}
.pages .question-info .info{position:relative;line-height:1}
.pages .question-info .info span{border-right:1px solid #e7eaf0;padding-right:1rem;margin-right:1rem}
.pages .question-info .info span:first-of-type,.test-screen .test-body .test-info .info span:first-of-type{font-weight:500}
.pages .question-info .info span:last-of-type,.test-screen .test-body .test-info .info span:last-of-type{border-right:none}
.pages .question-info .process{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pages .question-info .process span{font-weight:500}
.pages .question-info .process .bar{width:80px;height:10px;background-color:rgba(122,122,122,.15);margin-left:.5rem;border-radius:10px;overflow:hidden}
.pages .question-info .process .bar .core,.test-screen .test-body .test-info .process .bar .core{height:10px;background-color:var(--c_primary);border-radius:10px}

.pages .item-list li .image,.pages .question-item .answers li label span{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f8f8f8}
.pages .question-item .answers li label span{font-size:1.18rem;line-height:1.1;color:#949697;padding:2rem 1rem;height:100%;border-radius:5px;-webkit-transition:all .3s;transition:all .3s}
.pages .item-list{gap:2rem;padding:2rem}
.pages .item-list li{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:2rem;text-align:center}
.pages .item-list li .image{display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;height:200px;border-radius:100px;margin:0 auto}
.pages .item-list li .image img{display:block;width:180px}
.pages .item-list li .subject{margin-top:1rem;font-weight:600;font-size:1.18rem;margin-bottom:.5rem}
.pages .item-list,.pages .message-block,.pages .question-item .answers li label span,.pages .title-block{display:-webkit-box;display:-ms-flexbox;display:flex}
.pages .title-block{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.pages .message-block{gap:1rem;width:70%;margin:3rem auto 1rem}
.pages .message-block .message{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0}
.pages .about-logo{display:block;width:400px;margin:3rem auto}
.pages .slide-student{padding-top:2rem;border-radius:10px;width:100%;max-width:1300px}
.pages .slide-student .student{cursor:pointer;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:auto}
.pages .slide-student .student:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.pages .slide-student .student.is-active img{-webkit-transform:translateY(-10px) scale(1.1);transform:translateY(-10px) scale(1.1);-webkit-box-shadow:20px 20px 10px rgba(0,0,0,.07);box-shadow:20px 20px 10px rgba(0,0,0,.07);border:3px solid #2387e5}
.pages .slide-student .student.is-active .info{font-size:1.18rem;margin-top:.6rem;color:#0a0a0a}
.pages .slide-student .student .profile-image{margin:0 auto;width:120px}
.pages .slide-student .student .profile-image img{display:block;width:120px;height:160px;-o-object-fit:cover;object-fit:cover;overflow:hidden;border-radius:5px;-webkit-transition:all .3s;transition:all .3s}
.pages .slide-student .student .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:.7rem;line-height:1;-webkit-transition:all .3s;transition:all .3s;color:#a9afb4}
.pages .slide-student .student .info .school,section label.label input[type=checkbox]{margin-right:5px}
.chart-container .chart-info .overview p,
.pages .slide-student .student .info .name,
.test-screen .test-body .test-info .process .pages .current,
.test-screen .user-info .name span{font-weight:600}
.test-screen .test-body .user_info{margin:40px; margin-bottom: 20px;padding: 15px 24px;border:4px solid var(--c_gray_10);}

.pages .select-student{margin-top:2rem;border-bottom:2px solid #0a0a0a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}
.pages .select-student .content-tab{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}
.pages .select-student .content-tab li{width:450px;height:55px;background-color:#f8f8f8;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}
.pages .select-student .content-tab li.is-active{background-color:#363636;color:#fff;font-weight:600}
.pages .blank-content,.pages .select-student .content-tab li,section.is-600{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.pages .blank-content,.pages .select-student .content-tab li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a9afb4}
.pages .blank-content{border:1px solid #e7eaf0;height:500px;border-radius:10px}
.pages .blank-content i{font-size:1.4rem;margin-right:3px}



.growth-content .top-content {
    border: 1px solid #e7eaf0;
    border-top: 2px solid #0a0a0a;
    padding: 2.5rem;
    margin-top: 3rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.growth-content .top-content,.growth-content .top-content .student-profile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.growth-content .top-content .student-profile .image,.growth-content .top-content .student-profile .info dl {
    margin-right: 2rem
}

.growth-content .top-content .student-profile .image img {
    display: block;
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.growth-content .top-content,.growth-content .top-content .student-profile,.growth-content .top-content .student-profile .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.growth-content .top-content .student-profile .info dl dt {
    font-size: .9rem;
    font-weight: 500;
    color: #a9afb4
}

.growth-content .top-content .student-profile .info dl dd,section h2 {
    font-weight: 600;
    font-size: 1.6rem
}

.growth-content h2 {
    font-size: 1.6rem;
    color: #0a0a0a
}

.growth-content h3 {
    font-size: 1.18rem;
    font-weight: 500;
    color: #0a0a0a;
    margin-bottom: 10px
}

.growth-content hr,.question-content .read-test img {
    margin: 4rem 0
}

.growth-content .notification h4,.growth-content .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.growth-content .profile .student-profile {
    margin-right: 1rem;
    width: 100px;
    height: 100px;
    background-color: #eeeff2;
    border-radius: 5px;
    overflow: hidden
}

.growth-content .profile .student-profile img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.growth-content .profile .student-profile img.is-empty,.modal .block.is-flex .student-profile img.is-empty {
    width: 100px;
    height: 100px;
    -webkit-transform: scale(.5);
transform: scale(.5);
    opacity: .15
}

.growth-content .profile .table-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.growth-content .profile .table-container table,html {
    height: 100%
}

.growth-content .table-container .caption {
text-align: center;
    background-color: #eeeff2;
    padding: 5px;
    font-weight: 500;
    border-bottom: 1px solid rgba(122,122,122,.15)
}

.growth-content .table-container table td[rowspan] {
    border-top: 1px solid rgba(36,42,48,.1);
    border-left: 1px solid rgba(36,42,48,.05);
    border-bottom: 0
}

.growth-content .comments {
    font-size: 1.18rem;
    padding: 2rem;
    word-break: keep-all
}

.growth-content .notification h4 {
    width: 150px
}

.growth-content .notification h4 i {
    font-size: 24px;
    margin-right: 3px
}

.growth-content .notification.is-single-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem
}



section.is-centered{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
section label.label.is-centered,
section.is-centered,
section.is-centered .page-title-box .subject{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
section h2{font-size:1.18rem;margin-bottom:1rem}
section p{word-break:keep-all}
main.index .etc h2 b,
main.index .top .login-form .buttons a:hover,
section .is-strong{color:var(--c_primary)}
section .register-box{width:600px;margin:3rem auto;padding:2rem}

.box.is-outlined{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(122,122,122,.2)}
.chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2rem;flex-wrap:wrap;}
.chart-container.result_cause{position:relative;text-align:center;width:100%;height:300px;margin-bottom:3rem;}

.chart-container .chart-body{margin-right:4rem}
.chart-container .chart-body .overlap{position:relative;text-align:center; background:#fff;}
.chart-container .chart-info .overview{margin-bottom:1rem}
.chart-container .chart-info .overview i{font-size:1.18rem}

.question-content .read-test,
.question-content .read-test-study,
.table-container table.table.is-fixed td{text-align:center}

.breadcrumb .list .item.current-page:hover>.sub-menu,
.question-content .read-test-study img,
main.index .bottom .test .content .image img{display:block}

.board-controls{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1rem}

@media (max-width:768px){
	.board-controls .input{width:150px;font-size:13px}
    .board-controls .button{font-size:13px}
    .board-controls .field{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
    .board-controls .field .control{margin-right:5px!important}
    .board-controls .field .control:last-child{margin-left:auto!important;    margin-right:0!important}
}

.board-controls .logo img{display:block;width:70px}

section.document{width:100%;max-width:1000px;margin:0 auto}

.breadcrumb .list,
main.index .etc .columns .column .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
main.index .etc .columns .column .text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:'NanumSquareBold';font-size:1.18rem;font-weight:600;text-align:center;color:#3c4651;height:100px;background-color:#f8f8f8;padding:1rem 0;-webkit-transition:all .3s ease;transition:all .3s ease}

@media (max-width:1024px){
	main.index .etc .columns .column .text{font-size:.9rem}
}

main.index .etc .columns .column .text .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;margin-top:.5rem}
main.index .etc .columns .column .text .buttons a{font-size:14px;background-color:rgba(60,70,81,.07);padding:.6rem .9rem;line-height:1;border-radius:3px;color:#3c4651}

.pages nav:not(.pagination){width:250px;min-width:250px;border-right:1px solid #e7eaf0}
.pages nav:not(.pagination) ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem;margin-top:2rem}
.pages nav:not(.pagination) ul li{margin-bottom:10px}
.pages nav:not(.pagination) ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(122,122,122,.05);border-radius:5px;padding:1rem;line-height:1;color:#5f6264;font-weight:600;font-size:.9rem}
.pages nav:not(.pagination) ul li a.is-active{background-color:#5f6264;color:#fff}
.pages nav:not(.pagination) ul li a:hover{background-color:rgba(122,122,122,.2);color:#0a0a0a}
.pages nav:not(.pagination) ul li a:hover i{opacity:.8}
.pages nav:not(.pagination) ul li a i{opacity:.3}

.print-table th.has-children,
.table-container table.table th.has-children{border-color: var(--c_gray_30);background-color:var(--c_gray_20);}

/*.table-container th.has-children, td.has-children{border-right:1px solid rgba(36,42,48,.05) !important}*/

.print-table th.has-children .th-multiple p:last-of-type,
.table-container table.table th .th-multiple p:last-of-type{border-right:1px solid transparent}
.pop-info{display:none}

.tippy-box{background-color:#4a687c;color:rgba(255,255,255,.9);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.02),0 12px 20px 0 rgba(0,0,0,.15);box-shadow:0 0 0 1px rgba(0,0,0,.02),0 12px 20px 0 rgba(0,0,0,.15)}
.tippy-box .tippy-content ul{padding:.2rem .5rem}
.tippy-box .tippy-content ul li{display:-webkit-box;display:-ms-flexbox;/*display:flex;*/font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.08);padding:6px;}
.tippy-box .tippy-content ul li:first-child{font-size:.9rem;font-style:italic;}
.tippy-box .tippy-content ul li .key{width:70px;text-align:left;border-right:1px solid rgba(255,255,255,.08);}
.tippy-box .tippy-content ul li .value{width:130px;text-align:left;border-right:1px solid rgba(255,255,255,.08);padding-left:10px;}
.tippy-box .tippy-content ul li .value.ext{width:300px;}
.tippy-box .tippy-content ul li .value:last-child{border-right:0px;}

.modal .modal-content p.is-strong,.modal b,.tippy-box .tippy-content ul li .value{font-weight:600}

.tippy-box .tippy-arrow{color:#4a687c}
.table td.has-image{padding:2rem}
.table td.has-image img{display:block;width:55px;margin:0 auto .5rem}
.table-description{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.9rem;color:#949697;margin-bottom:5px}
.table-description i{font-size:16px;margin-right:3px}

.print-table th{background-color:#f8f8f8;font-size:.9rem;font-weight:400;vertical-align:middle}
.print-table th.has-children .th-multiple{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:calc(100% + 1px);line-height:1;border-bottom:1px solid #dbdbdb}
.print-table th.has-children .th-multiple .is-triple{text-align:center;border-right:1px solid #dbdbdb}
.print-table th.has-children .th-multiple .is-triple .is-parent{padding:5px;border-bottom:1px solid #dbdbdb}
.print-table th.has-children .th-multiple,.print-table th.has-children .th-multiple .is-triple .is-children,.print-table th.has-children .th-multiple p,.table-description{display:-webkit-box;display:-ms-flexbox;display:flex}
.print-table th.has-children .th-multiple p{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;border-right:1px solid #dbdbdb;padding:5px;word-break:keep-all}
.print-table th.has-children .th-multiple:last-child{border-bottom:0}
.print-table td{vertical-align:middle;color:#5f6264}
.print-table td.fix-100{width:100px}
.print-table td.fix-150{width:150px}
.print-table td.className{font-weight:500;color:#0a0a0a}
.modal .process-list>div ul li,
.modal .select-area h4,
.modal .select-starting h4,
.print .page-top-title .page-title .logo span,
.print-table td.log{font-size:.9rem}

.print-table td .progress+p{font-size:.8rem;line-height:1;margin-top:5px;color:#a9afb4;text-align:center}

table.is-board{border-top:2px solid #0a0a0a}
table.is-board td,table.is-board th{font-size:.9rem;vertical-align:middle}
table.is-board th{text-align:center!important;font-weight:600;border-bottom:1px solid #0a0a0a}
table.is-board th.view-title{font-size:1.18rem;font-weight:600}
table.is-board td{text-align:center;color:#5f6264;border-color:#e7eaf0}

.board_view{border-top:2px solid #0a0a0a;border-bottom:1px solid #E3EEF3;}
.board-title{text-align:right;color:#5f6264;font-size:14px;}
.board-title h2{padding:20px 0;font-size:24px;font-weight:800;text-align:center;border-bottom:1px solid #ddd;}
.view-content{padding:50px;}

@media (max-width:768px){
	table.is-board td{font-size:15px!important}
table.is-board td a{padding:10px!important;color:#3c4651}
}

table.is-board td.board-title{text-align:left;font-weight:500;font-size:.9rem;padding:0}
table.is-board td.board-title a{display:block;padding:10px 20px;color:#3c4651}
table.is-board td .view-content{padding:2rem;word-break:keep-all;font-size:1.18rem;text-align:left}

@media (max-width:768px){
	table.is-board td .view-content{padding:1rem;font-size:15px}
}

table.is-board .is-reply .board-title{padding-left:.5rem}
table.is-board .is-reply .board-title a .tag{margin-right:10px}
table.is-board .is-reply .board-title a i{-webkit-transform:rotate(90deg);transform:rotate(90deg);font-size:1.18rem;color:#0a0a0a}
table.is-board+nav.pagination a.pagination-previous i{margin:0 5px 0 0}
table.is-board+nav.pagination a.pagination-next i{margin:0 0 0 5px}

.table-information{margin-top:1rem;border-top:1px solid #eee;padding-top:1rem;color:#5f6264;font-size:.9rem}
.table-information ul{list-style-type:disc;margin-left:1rem}


/* 회원가입 이전 css*/
.accounts,.login-page,.login-page .login-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.login-page{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.accounts,.login-page .login-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.login-page .login-form .logo{width:250px;margin-bottom:2rem}
.login-page .login-form form{width:300px}
.login-page .login-form .buttons{width:300px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1rem;font-size:.9rem}
.login-page .login-form .buttons a.join{color:#0a0a0a;font-weight:600}
.login-page .login-form .buttons a.join i,.pages .question-info .info i,.pages .question-info .process i,.pages section .page-title-box .description p.is-large,.test-screen .test-body .test-info .info i,.test-screen .test-body .test-info .process i{font-size:1.18rem}
@media (max-width:768px){
    .accounts{margin-top:40px}
}
.accounts .select-user-type{list-style:none;margin:2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}
.accounts .agreement .item .field .label,.accounts .select-user-type li,.login-page .login-form .buttons a.join,section label.label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.accounts .select-user-type li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:300px;background-color:#f8f8f8;padding:2rem}
.accounts .select-user-type li .user-type{font-size:1.9rem;color:#7a7a7a;font-weight:500}
.accounts .select-user-type li img{display:block;width:130px}
.accounts .select-user-type li a{margin-top:1rem}
.accounts ul.notice{font-size:.9rem;list-style-type:disc}
@media (max-width:768px){
	.accounts ul.notice{padding:0 3rem}
    .accounts ul.notice li{margin-bottom:1rem}
}
.join form{margin-top:2rem;padding:0 2rem;width:100%;max-width:700px}

.accounts .find-account{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:1024px;margin-top:20px;}
.accounts .find-account .box{width:100%;padding:60px;margin-bottom:0;border:1px solid var(--c_gray_20);}
.accounts .find-account .box h2{font-size:24px;font-weight:700;margin-bottom:1.5rem;font-weight:800;color:var(--c_primary_m);}
.accounts .find-account .box input,
.accounts .find-account .box a{width:100%;}

.join form{max-width:1024px}
.documentwrap{padding:50px;border:8px solid var(--c_gray_20);border-radius:16px;font-size:.9rem;}
.documentwrap.info_person{position:relative;padding-left:220px;}
.documentwrap.info_person i{position:absolute;left:50px;top:50px;display:block;width:90px;height:90px;border-radius:10px;background:var(--c_primary_m) url(/images/contents/ico_person.svg) no-repeat 50% 50%;}

.field .control.is-short{width:60px}

.accounts .agreement .item .field .label,section label.label{cursor:pointer}
.accounts .agreement .item .field .label input{margin-right:5px}
.accounts .agreement .item .field .label span,.chart-container .chart-info ul,main.index .overview .swiper-slide .text p.is-small{font-size:.9rem}
/* 여기까지 회원가입 이전 css :: 정리가 필요함*/


/* 회원가입 2024 */
.field {display:flex;align-items:center;gap:8px;margin:6px 0}
.field .label{min-width:120px;text-align:left;padding:0;color:var(--c_gray_80);line-height:1;font-weight:600;font-size:16px;background:transparent;}
.field .control{display:flex;align-items:center;}
/* 회원가입index */
.accounts {display:flex;justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:4rem;margin:0;padding:80px 0;}
.accounts .blue {color:var(--c_primary)}
.accounts .page-title {}
.accounts .page-title h1 {margin-bottom:2rem;}
.accounts .page-title p {font-size:18px;font-weight:800;color:var(--c_primary_m);}
.accounts .cont-wrap {display:flex;flex-direction:column;align-items:flex-start;gap:50px;width:100%;max-width:1024px;padding:0;}
.accounts .select-user-type {display:flex;gap:1rem;width:100%;height:300px;margin:0;}
.accounts .select-user-type .btn-box {position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px;flex:1 0 0;padding:50px;border-radius:10px;border:1px solid #DEE2E6;box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.04);background:#fff;transition:initial;}
.accounts .select-user-type .btn-box:hover {border-color:var(--c_primary_40);outline:4px solid var(--c_primary_40);}
.accounts .select-user-type .btn-box h2 {display:flex;flex-direction:column;gap:12px;margin:0;line-height:1;font-size:34px;font-weight:800;color:var(--c_primary_m);}
.accounts .select-user-type .btn-box h2 small {font-size:16px;margin:0;}
.accounts .select-user-type .btn-box img {position:absolute;right:36px;bottom:0;}
.accounts .select-user-type .btn-box.teacher {background:var(--c_primary_m);}
.accounts .select-user-type .btn-box.teacher h2 {color:#fff;}
.accounts .notice {width:100%;}
.accounts .notice * {font-family:var(--f_nsR);}
.accounts .notice > span {font-size:20px;font-weight:800;color:var(--c_primary_m);}
.accounts .notice ul {display:flex;align-items:flex-start;flex-direction:column;margin-top:14px;padding:40px 70px;border-radius:16px;border:1px solid #E9ECEF;background:#F8F6F5;}
/*회원가입(일반가입)*/
.accounts.join form {min-width:600px;margin-top:0;}

/* 이용동의 */
.accounts .agreement {width:100%;max-width:1024px;padding:0;}
.accounts .agreement .item{margin-bottom:2rem}
.accounts .agreement .item h2{font-size:18px;font-weight:800;color:var(--c_primary_m);font-family:var(--f_nsR);}
.accounts .agreement .document{overflow-y:scroll;height:220px;padding:2rem;border:8px solid var(--c_gray_20);border-radius:16px;font-size:.9rem;white-space:pre-wrap;}
.accounts .agreement .document::-webkit-scrollbar {width:10px;}
.accounts .agreement .document::-webkit-scrollbar-thumb {height:30%;border-radius:10px;background:var(--c_gray_40);}
.accounts .agreement .document strong {font-weight: 800;}
.accounts .agreement .item .field {justify-content:flex-end;margin:0;padding:.5rem 1rem}
.accounts .agreement .item .field .control {display:flex;align-items:center;gap:6px;font-size:15px;color:var(--c_gray_70);}

/* select*/
.accounts .select select {padding:.5rem 2.5rem .5rem 1rem;margin:0;border:1px solid var(--c_gray_30);border-radius:0.3em;font-size:16px;font-weight:400;font-family:var(--f_nsN);}
.accounts .select:not(.is-multiple):not(.is-loading)::after {top:1.3rem;right:1rem;border:3px solid #000;border-right:0;border-top:0;}
.accounts .select select {-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;}
.accounts .select select::-ms-expand {display:none;}
.accounts .select select:hover, .accounts .select select:focus, .accounts .select select:active {outline:none;}
.accounts .select select:hover{border-color:#888;}
.accounts .select select:focus {border-color:#aaa;box-shadow:0 0 1px 3px rgba(59, 153, 252, .7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none;}
.accounts .select select:disable {opacity:0.5;}
.accounts .select select.no-line {border:none;}

/*/////////////반응형 통합/////////////*/
@media(max-width:1365px){/*갤럭시 탭 s6*/
	/*/////////////common/////////////*/
	th, td, input, textarea, select {font-size:14px;}


	/*/////////////layout/////////////*/
	#header .logo a span {width:88px;height:79px;margin:22px auto 5px;}
	#header .user-name, #header .user-menu {margin:10px 0;}

	.pages {padding:0 10vw 0 calc(19vw - 5px);}
	.pages > section {padding:60px 0;}
	.pages > section .page-title-box {margin-bottom:80px!important;}
	.pages > section .page-title-box .image {width:310px;height:156px;background-size:100%;}
	.pages > section .page-title-box .image::before {right:20px;background-size:100%;}
	.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:203px;height:138px;}
	.pages[data-page="precision-cause-check"] section .page-title-box .image::before,
	.pages[data-page="precision-cause-list"] section .page-title-box .image::before {top:93px;width:218px;height:128px;}
	.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:194px;height:137px;}

	.pages[data-page="support-history-list"] section .page-title-box .image::before,
	.pages[data-page="support-lookup"] section .page-title-box .image::before {width:230px;height:175px;}

	.pages .pbt-test .result-item h2,
	.pages > section .page-title-box .subject h1,
	.page-title h1 {font-size:40px;}

	.pages > section .page-title-box {}
	

	footer address {font-size:10px;}
	footer address > br {display:none;}


	/*/////////////contents/////////////*/
	/* 온채움이란 */
	.pages[data-page="onchaeum-alarm"] {padding:0 calc(7vw - 6px) 0 calc(15vw - 5px);}

	.pages[data-page="onchaeum-alarm"] .breadcrumb {padding:0 4vw;}

	.aboutSwiper .swiper-pagination {margin-top:20px;}
	.aboutSwiper h2 {margin:0;padding:20px 0;}
	.aboutSwiper h2, .aboutSwiper h2 span {font-size:40px;}
	
	.aboutSwiper h3 {font-size:34px;}
	
	.aboutSwiper .item1 .obj::after {left:44%;width:300px;height:314px;background-size:100%;}
	.aboutSwiper .item1 .obj i {width:58%;margin:0 auto;background-size:100%;}
	.aboutSwiper .item1 .obj i::after {top:67%;}
	
	.aboutSwiper .swiper-slide ul {gap:8px;padding:0 4vw;}
	.aboutSwiper .swiper-slide ul li {padding:2vw 20px;font-size:14px;}
	.aboutSwiper .swiper-slide ul li em {margin-bottom:10px;}
	.aboutSwiper .swiper-slide ul li i {width:50%;height:100px;margin-top:14vh;background-size:100%;}

	.aboutSwiper .swiper-slide.item2 ul li {width:30%;}

	.aboutSwiper .swiper-slide.item3 ul li i,
	.aboutSwiper .swiper-slide.item4 ul li i {width:100px;}

	.aboutSwiper .swiper-button-next:after, .aboutSwiper .swiper-button-prev:after {font-size:22px;}
	.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:60px;height:60px;border:3px solid var(--c_primary_m);}

	/* 아이디, 비밀번호 찾기 */
	.accounts {gap:2rem;padding:10vh calc(14vw - 6px) 10vh calc(22vw - 5px);}
	.accounts .page-title h1 {margin-bottom:1rem;}
	.accounts .page-title p {font-size:16px;}
	.accounts .find-account .box h2 {font-size:20px;}

	.accounts input[type='text'],
	.accounts input[type="password"],
	.accounts input[type="email"]{height:2.8rem;padding:0.5rem;font-size:16px;}
	.accounts .find-account .field {margin:10px 0;}
	.accounts .find-account .box a {height:3rem;margin-top:14px;}

	.accounts .select-user-type .btn-box h2 {font-size:28px;}

	/* 성장이력 */
	.pages[data-page="record-supporting"]:after {height:220px;}

	.page-cont-box {padding:6vh 3vw;}
	.page-cont-box h2 em {font-size:36px;}
	.page-cont-box .user_info {gap:12px;padding-top:24px;}
	.page-cont-box .result_txt {padding:20px;}
	
	.result_info .info_box {padding:3%;}
	.result_info .info_box.graphwrap .graph {width:46%;}
}







/*학생진단 결과화면*/
.result_wrap {padding-bottom:5rem;}
.result_wrap::after {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:340px;background:var(--c_primary_p10);}
.result_wrap > .layout {z-index:1;position:relative;display:flex;flex-direction:column;max-width:1600px;margin:8rem auto 0;}

.result_wrap .title_wrap {position:relative;margin-bottom:3rem;}
.result_wrap .title_wrap h2 {z-index:3;position:relative;margin:0;}
.result_wrap .title_wrap h2 .tag_subject {padding:8px 12px;}
.result_wrap .title_wrap h2 em {display:block;color:var(--c_primary_m2);font-family:var(--f_eli);font-size:42px;font-weight:700;}
.result_wrap .title_wrap p {z-index:3;position:relative;font-weight:800;color:var(--c_gray_60);}
.result_wrap .title_wrap::before {z-index:2;content:"";position:absolute;right:5rem;bottom:-3rem;display:block;width:255px;height:168px;background:url('/images/common/vs_ico1.svg') no-repeat;}
.result_wrap .title_wrap::after {z-index:1;content:"";position:absolute;right:0;top:-8rem;display:block;width:528px;height:270px;background:url('/images/common/vs_bg.svg') no-repeat;}

.result_wrap .tbl_wrap {width:100%;margin-bottom:3rem;padding:2rem;border-radius:.6rem;border:4px solid var(--c_gray_30);background:#fff;}
.result_wrap .tbl_wrap > .inner {max-width:1536px;overflow:auto;background:var(--c_gray_5);}
.result_wrap .tbl_wrap > .inner::-webkit-scrollbar {width:20px;}
.result_wrap .tbl_wrap > .inner::-webkit-scrollbar-thumb {height:20%;border-radius:20px;background:var(--c_gray_40);background-clip:padding-box;border:6px solid transparent;}
.result_wrap .tbl_wrap > .inner::-webkit-scrollbar-track {background:#fff}

.result_wrap .info_wrap {display:flex;justify-content:space-between;margin-bottom:1rem;}
.result_wrap .info_wrap ul {display:flex;align-items:center;gap:1rem;}
.result_wrap .info_wrap ul > li {}
.result_wrap .info_wrap ul > li .bullet {min-height:42px;padding:4px 16px;border:2px solid var(--c_primary_m);border-radius:.4rem;line-height:1;font-weight:800;color:var(--c_primary_m);font-size:1.1rem;background:#fff;}
.result_wrap .info_wrap ul > li:nth-child(2),
.result_wrap .info_wrap ul > li:nth-child(3) {position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--c_gray_60);}
.result_wrap .info_wrap ul > li:nth-child(2) > .point,
.result_wrap .info_wrap ul > li:nth-child(3) > .point {color:var(--c_primary);font-weight:900;}
.result_wrap .info_wrap ul > li:nth-child(2) > em,
.result_wrap .info_wrap ul > li:nth-child(3) > em{font-size:.8rem;font-weight:700;color:var(--c_gray_40);}
.result_wrap .info_wrap ul > li:nth-child(2) {padding-right:1.2rem;}
.result_wrap .info_wrap ul > li:nth-child(2):after {content:'';position:absolute;right:0;display:block;width:1px;height:18px;background:var(--c_gray_60);}

.result_wrap .tbl_wrap table {width:initial;margin:0;border:1px solid var(--c_gray_30);}
.result_wrap .tbl_wrap table th,
.result_wrap .tbl_wrap table td {min-width:100px;}
.result_wrap .tbl_wrap table td {padding:8px 8px 0;border-bottom:1px solid var(--c_gray_30);background:#fff;}
.result_wrap .tbl_wrap table th {background:#F7FAFD;}
.result_wrap .tbl_wrap table th:has(em.mq) {background:var(--c_primary);}
.result_wrap .tbl_wrap table th:has(em.dq) {background:var(--c_gray_50);}
.result_wrap .tbl_wrap table th em {font-weight:800;color:#fff}
.result_wrap .tbl_wrap table th em.mq {}
.result_wrap .tbl_wrap table th em.dq {}

.result_wrap .tbl_wrap .select {border:2px solid var(--c_primary);color:var(--c_primary);font-weight:800;background-image:url('/images/common/arrow_under_blue.svg');}


.result_wrap #question_container {position:relative;}
.result_wrap #question_container.grade::before {z-index:100;content:"";position:absolute;top:13rem;left:9rem;display:block;width:200px;height:152px;background-repeat:no-repeat;background-position:50%;}
.result_wrap #question_container.grade.grade1::before {background-image:url('../images/common/img_grade1.svg');}
.result_wrap #question_container.grade.grade2::before {background-image:url('../images/common/img_grade2.svg');}

.result_wrap #question_container .question_wrapper {height:100%;padding:6rem;border-radius:2rem;}
.result_wrap #question_container .question_wrapper > .layout {max-width:1365px;padding:0;margin:0 auto;}
.result_wrap #question_container .question_wrapper section,
.result_wrap #question_container .question_wrapper .bonds.full {height:100%;}
.result_wrap #question_container .question_wrapper header {border-radius:22px;}
.result_wrap #question_container .question_wrapper section > .layout {border-radius:0 0 22px 22px;}

.result_wrap #question_container .question_wrapper #question_footer {position:absolute;width:100%;top:440px;}
.result_wrap #question_container .question_wrapper #question_footer .btn {position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:0;border-radius:76px;border:4px solid var(--c_primary_m);font-size:0;background:transparent;cursor:pointer;}
.result_wrap #question_container .question_wrapper #question_footer .btn i {width:34px;height:34px;background:url('/images/common/arr_blue_m.svg') no-repeat;}
.result_wrap #question_container .question_wrapper #question_footer .btn.save_prev {left:-6rem;}
.result_wrap #question_container .question_wrapper #question_footer .btn.save_and_next {right:-6rem;}


/*결과페이지에서는 정답버튼 이벤트 동작 막기*/
.result_wrap .designSelect .lay a,
.result_wrap .designSelect .lists ul li a,
.result_wrap .designCheck input[type="checkbox"] + label,
.result_wrap .designRadio input[type="radio"] + label, 
.result_wrap .txtblock,
.result_wrap .designBox li em,
.result_wrap .question_wrapper .fieldsLinker,
.result_wrap .question_wrapper .fieldsLinker > .FL-mid,
.result_wrap .question_wrapper .fieldsLinker > .FL-mid canvas,
.result_wrap .question_wrapper .fieldsLinker > div ul li > .dot,
.result_wrap .question_wrapper .fieldsLinker > div ul li > .unlink,
.result_wrap input,
.result_wrap .question_wrapper section .shape_sq {pointer-events:none;}

.result_wrap .designSelect.on .lists {display:none;}
.result_wrap .designSelect.on .lay a::after {transform:rotate(0deg);-webkit-transform:rotate(0deg);}

@media(max-width:1600px){
	.result_wrap > .layout {padding:0 2rem;}
	.result_wrap #question_container.grade::before {left:5rem;}
	.result_wrap #question_container .question_wrapper {padding:6rem 6rem;}
	.result_wrap #question_container .question_wrapper > .layout {max-width:100%;}
	.result_wrap #question_container .question_wrapper #question_footer .btn {width:60px;height:60px;}
	.result_wrap #question_container .question_wrapper #question_footer .btn.save_prev {left:-5rem;}
	.result_wrap #question_container .question_wrapper #question_footer .btn.save_and_next {right:-5rem;}
	.result_wrap #question_container .question_wrapper #question_footer .btn i {width:28px;height:28px;background-size:100%;}
}
@media(max-width:1280px){
	.result_wrap #question_container .question_wrapper {padding:6rem 4rem;}
	.result_wrap #question_container .question_wrapper #question_footer .btn {width:42px;height:42px;border:3px solid var(--c_primary_m);}
	.result_wrap #question_container .question_wrapper #question_footer .btn.save_prev {left:-3rem;}
	.result_wrap #question_container .question_wrapper #question_footer .btn.save_and_next {right:-3rem;}
	.result_wrap #question_container .question_wrapper #question_footer .btn i {width:24px;height:24px;}
}


/* 학생화면 :: 진단 인트로 */
.student[data-page="precision-level-list"] {padding-right:0;}
.student[data-page="precision-level-list"] ~ .quickmenu {display:none;}
.student[data-page="precision-level-list"] .submain .layout {height:100%;}
.student[data-page="precision-level-list"] .submain .wrap .lcon .btnwrap {z-index:1;position:relative;}
.student[data-page="precision-level-list"] .submain .wrap .rcon,
.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon {backdrop-filter:blur(30px);}
@media(max-width:1440px){
	.student[data-page="precision-level-list"] {float:right;width:calc(100% - 199px);padding:0;}
	.student[data-page="precision-level-list"] .submain .wrap {max-width:initial;padding:0 2vw;}
	.student[data-page="precision-level-list"] .submain .wrap .rcon .grap {padding:40px;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .test_procecc .info li::after {width:33px;padding:0;}
}
@media(max-width:1365px){
	.student[data-page="precision-level-list"] .submain .wrap {padding:0 4vw;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .lcon {width:calc(100% - 720px);}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon {width:720px;}

}
@media(max-width:1280px){
	.student[data-page="precision-level-list"] .submain .wrap {padding:0 2vw;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon::after {right:14px;bottom:-14px;width:225px;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon .tit {margin-top:7px;}
	.student[data-page="precision-level-list"] .submain .wrap .rcon p {margin-top:30px;}
	.student[data-page="precision-level-list"] .submain .wrap .rcon b::before {width:25px;height:25px;background-size:100%;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon .list_num {margin:40px 40px 40px 0;}

	.student[data-page="precision-level-list"] .submain .wrap.type_math .lcon {width:calc(100% - 660px);}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon {width:660px;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .test_procecc b {font-size: 14px;padding: 8px 12px;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .test_procecc .info li {font-size:14px;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .info li em {font-size:14px;padding:10px 6px;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .tip {padding-bottom:24px;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .select_cate {gap:8px;}
}
@media(max-width:1200px){
	.student[data-page="precision-level-list"] .submain .wrap {flex-direction:column-reverse;gap:20px;margin-top:-6vh;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon,
	.student[data-page="precision-level-list"] .submain .wrap.type_math .lcon {position:initial;width:100%;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon::after {right:3vw;bottom:12vh;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon .tit {position:absolute;top:2vh;font-size:40px;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon .list_num {margin:0;}
	.student[data-page="precision-level-list"] .submain .wrap .lcon .btnwrap {flex-direction:row;gap:20px;margin-top:4vh;}
	
	.student[data-page="precision-level-list"] .submain .wrap .rcon,
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon {width:100%;}
	.student[data-page="precision-level-list"] .submain .wrap .rcon .boxtit {padding:15px 0;}
	.student[data-page="precision-level-list"] .submain .wrap .rcon .grap {padding:30px 40px;}
	.student[data-page="precision-level-list"] .submain .wrap .rcon p {margin-top:20px;}

	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .tip {padding-bottom:20px;margin-top:20px;}
	.student[data-page="precision-level-list"] .submain .wrap.type_math .rcon .select_cate button {gap:10px;padding:20px 10px;}

	.student[data-page="precision-level-list"] .submain .wrap.type_kor .rcon b, 
	.student[data-page="precision-level-list"] .submain .wrap.type_kor .rcon 
	.info, .student[data-page="precision-level-list"] .submain .wrap.type_kor 
	.rcon p {justify-content: center;} } @media(max-width:1000px){

}


/*20240816*/

/*버튼 css 추가*/
.button.lightblue {border-color:#009CD7; color:#fff; background-color: #009CD7;}
.button.green {border-color:#52B06C; color:#fff; background-color: #52B06C;}
.button.mint {border-color:#0DAFA6; color:#fff; background-color: #0DAFA6;}
.button.pink {border-color:#D47C66; color:#fff; background-color:#D47C66;}
.button.yellow {border-color:#E5BB40; color:#fff; background-color:#E5BB40;}
.button.gray {border-color:#737D8F; color:#fff; background-color:#737D8F;}

.button.lightblue:hover, .button.lightblue:focus{border-color:#0092C9; color:#fff; background-color: #0092C9;}
.button.green:hover, .button.green:focus{border-color:#329B4F; color:#fff; background-color: #329B4F;}
.button.mint:hover, .button.mint:focus{border-color:#00978E; color:#fff; background-color: #00978E;}
.button.pink:hover, .button.pink:focus{border-color:#CC5E42; color:#fff; background-color:#CC5E42;}
.button.yellow:hover, .button.yellow:focus{border-color:#C69300; color:#fff; background-color:#C69300;}
.button.gray:hover, .button.gray:focus{border-color:#4A5364; color:#fff; background-color: #4A5364;}

.button.line_lightblue {border-color:#009CD7; color:#009CD7; background-color:#F1FBFF;}
.button.line_green {border-color:#52B06C; color:#52B06C; background-color:#E3F9E9;}
.button.line_mint {border-color:#0DAFA6; color:#0DAFA6; background-color:#F3FDFC;}
.button.line_pink {border-color:#D47C66; color:#D47C66; background-color:#FFF7F6;}
.button.line_yellow {border-color:#E5BB40; color:#E5BB40; background-color:#FFFCF3;}
.button.line_gray {border-color:#737D8F; color:#737D8F; background-color:#F5F7FB;}

.button.line_lightblue:hover, .button.line_lightblue:focus{border-color:#0092C9; color:#0092C9; background-color:#D9F2FC}
.button.line_green:hover, .button.line_green:focus{border-color:#329B4F; color:#329B4F; background-color:#E3F9E9}
.button.line_mint:hover, .button.line_mint:focus{border-color:#00978E; color:#00978E; background-color:#DEF6F5}
.button.line_pink:hover, .button.line_pink:focus{border-color:#CC5E42; color:#CC5E42; background-color:#FFE8E7}
.button.line_yellow:hover, .button.line_yellow:focus{border-color:#C69300; color:#C69300; background-color:#FFF4D6}
.button.line_gray:hover, .button.line_gray:focus{border-color:#4A5364; color:#4A5364; background-color:#E9ECEF}

.button.is-icon{padding:0;}
.button .icon{display: block; width:20px; height:20px; margin: auto; background-repeat:no-repeat;text-indent:-999px;overflow:hidden;}
.button .icon.ico1{background-image: url('../img/btn_ico1.svg');}
.button .icon.ico2{background-image: url('../img/btn_ico2.svg');}

.button .ico{display:inline-block;width:10px;height:10px;margin:-6px 0 -6px 12px;background-repeat:no-repeat;background-size:100% auto;}
.ico-arrow{display:block;width:8px;height:8px;border-left:2px solid #9c9c9c;border-bottom:2px solid #9c9c9c;transform:rotate(-135deg);-webkit-transform: rotate(-135deg);}
.is-primary .ico-arrow{border-color:#fff}


/*느린학습자 버튼*/
td .button {margin: 0 3px;font-size:0.875rem;line-height:1;border-radius: 0.2rem;}
.class_ing {border-color:#52B06C; color:#fff; background-color: #52B06C;}
.class_no {border-color:#737D8F; color:#fff; background-color:#737D8F;}
.class_end {border-color:#D47C66; color:#fff; background-color:#D47C66;}
.class_ing:hover{border-color:#329B4F; color:#fff; background-color: #329B4F;}
.class_no:hover{border-color:#4A5364; color:#fff; background-color: #4A5364;}
.class_end:hover{border-color:#CC5E42; color:#fff; background-color:#CC5E42;}
.class_ing:focus,
.class_no:focus,
.class_end:focus{border-color:var(--c_primary); color:#fff; background-color:var(--c_primary);}


/*느린학습자 선별검사*/
#slow.pages > section .page-title-box .image{height: 254px;overflow: hidden;}
#slow.pages > section .page-title-box .image img{position: absolute; bottom: -5px; right: 60px}
#slow .modal table tr,#slow .modal table td{border-top:1px solid #E3EEF3}
#slow .modal table td{text-align: left}
#slow .modal table th{width: 30%}
.modal .box.flex-cont {display: flex;flex-direction: column;gap: 10px;}
.modal .box.flex-cont ul {display: flex;flex-direction: column;gap: 10px;width: 90%; margin: 0 auto; padding:1.5rem 2rem 1.5rem 3rem; border-radius: 15px;border: 7px solid #ddd;}
.modal .box.flex-cont ul li {list-style: circle; line-height: 1.5;}


.pages .question-item .test-info {position: sticky;top: 80px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: .9rem;/*background-color: rgba(255,255,255,.7);*/margin: -1.2rem;padding: 1.2rem;border-radius: 5px}
.pages .question-item .test-info .info {position: relative;line-height: 1}
.pages .question-item .test-info .info span {border-right: 1px solid #e7eaf0;padding-right: 1rem;margin-right: 1rem}
.pages .question-item .test-info .clock {position: absolute;left: 0;right: 0;margin: 0 auto;width: 100px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #a9afb4}
.pages .question-item .test-info .clock .second {font-size: 1.6rem;font-weight: 800;margin-right: 2px}
.pages .question-item .test-info .clock,.pages .question-item .test-info .process,.pages .question-item .test-question,.pages .question-item .test-question .question-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;justify-content: center;align-items: center}
.pages .question-item .test-info .process {font-size:17px;font-weight: 600}
.pages .question-item .test-info .process i{font-size:27px;}
.pages .question-item .test-info .process .bar {width: 160px;height: 10px;background-color: rgba(122,122,122,.15);margin-left: .5rem;border-radius: 10px;overflow: hidden}
.pages .question-item .test-info .process .pages {display: flex;-webkit-box-direction: normal!important;-ms-flex-direction: row!important;flex-direction: row!important;margin-left: .5rem;padding:0;-webkit-box-orient: horizontal!important;}
.pages .question-item .test-info .process .pages .current::after {display: inline-block;content: "/";margin: 0 .3rem;color: #a9afb4;font-weight: 400}
.pages .question-item .test-info .process .pages .total {color: #a9afb4}

.pages .question-item .order.type2 {font-size:28px;}
.pages .question-item .order.type2 em{width: 40px;font-size: 24px;border:0;}
.pages .question-item .order.type2 em:nth-child(2){width:24px;font-size: 14px;font-weight: normal;}

.field.school_info_class > .field{flex-direction:column;align-items: flex-start;gap:5px;}

.la, .las{font-size: 26px;}

#slow_pop.pages{padding:0;}
#slow_pop.pages > section{padding:0;max-width: initial;}
#slow_pop.pages .level-info{padding: 12px 24px;font-weight: 700;border-radius: 1rem 1rem 0 0; border:none; color:#FFFFFF; background:#929EA9;}
#slow_pop.pages .level-info+.chart-container{padding:0 15px 20px;width:100%;height:90px;margin:0 auto;background:#fff;border-bottom:1px solid #E3EEF3;}
#slow_pop.pages .question-item{justify-content: flex-start;gap: 50px;margin: 0!important;padding:0 23px;border:none !important;}
#slow_pop.pages .test-screen{position: relative;background:#F4F8FB}
#slow_pop.pages .test-screen .level-info{padding:14px 24px;border-radius: 0;}
#slow_pop.pages .test-screen .test-body{padding:0 20px;border:none;}
#slow_pop.pages .test-screen .test-body .user_info{margin:30px 0 20px;border: 4px solid var(--c_gray_20);border-radius:4px;}
#slow_pop.pages .test-screen .test-body .top-info{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;width: 100%;}
#slow_pop.pages .test-screen .test-body .test-question .question-content .question-item .tags,
#slow_pop.pages .test-screen .test-body .test-question .question-content .question-item .tags .tag{margin:0;}
#slow_pop.pages .test-screen .test-body .test-info{margin:0; padding:0;}
#slow_pop.pages .test-screen .btn_end{position: absolute;bottom: 5%;left:45%;text-align: center;}
#slow_pop.pages .test-screen .commt{border-bottom: 1px solid; padding-bottom: 16px;}
#slow_pop.pages .question-item .answers{gap:15px;}
#slow_pop.pages .question-item .answers li{border:none;background:rgba(255, 255, 255, 0.5);box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.04);}


#slow .tab-ul{position: relative;display: flex;align-items: center;}
#slow .tab-ul::after{z-index: 0;content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 2px;background: var(--c_primary);}
#slow .tab-ul ul{display: flex;flex-wrap: wrap;gap:5px;padding-left: 1px;padding-top: 1px;overflow: hidden;}
#slow .tab-ul li.result_type_btn{position: relative;padding: 20px 40px;font-size: 16px;font-weight: 800;color: #757575;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border: 2px solid #fff;border-bottom: 0;cursor: pointer;background: var(--c_primary_p10);}
#slow .tab-ul li.result_type_btn.is-active{z-index: 10;color: var(--c_primary);border-color: var(--c_primary);background:#fff;}
#slow .tab-ul li a span{padding-left: 24px;padding-right: 34px;}


#slow_pop .tab-ul{position: relative;display: flex;align-items: center;}
#slow_pop .tab-ul::after{z-index: 0;content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 2px;background: var(--c_primary);}
#slow_pop .tab-ul ul{display: flex;justify-content: space-between;gap:5px;padding:2px 5px 0 5px;width: 100%;overflow: hidden;}
#slow_pop .tab-ul li.result_type_btn{position: relative;padding: 20px 40px;width: calc(50% - 2px);font-size: 16px;font-weight: 800;color: #757575;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border: 2px solid #fff;border-bottom: 0;cursor: pointer;background: var(--c_primary_p10);}
#slow_pop .tab-ul li.result_type_btn.is-active{z-index: 10;color: var(--c_primary);border-color: var(--c_primary);background:#fff;}
#slow_pop .tab-ul li a span{justify-content: center;padding-left: 24px;padding-right: 34px;}



/*관리자연계페이지 - 탑박스 디자인 추가*/
.page-title-box.type2 {display: flex; align-items: flex-end; gap: 1rem; padding: 3rem 4rem !important;}
.page-title-box.type2 .subject h1 {margin-bottom:0!important;}
.page-title-box.type2 .description {line-height: initial; margin-bottom: 0!important;}
.page-title-box.type2 .description p {margin-bottom: -0.2rem!important;}

/* 관리자연계페이지 - 상신내역 표 (top_wrap 안에 3차메뉴)*/
.top_wrap {display:flex;justify-content:space-between;align-items:center;margin-top:2rem;}

.menu_depth3 {display:flex; gap:.5rem;}
.menu_depth3 a{color:var(--c_gray_90);background-color:#fff;border-color:var(--c_gray_90);}
.menu_depth3 a span {color:var(--c_gray_90)}
.menu_depth3 a:hover {background-color:var(--c_gray_20); border-color:var(--c_gray_90);}
.menu_depth3 a:hover span {color:var(--c_gray_90)}
.menu_depth3 .depth3_on {background-color:var(--c_primary);border-color:var(--c_primary);}
.menu_depth3 .depth3_on span {color:#fff;}
.menu_depth3 .depth3_on:hover {background-color:var(--c_primary_m);border-color:var(--c_primary_m);}
.menu_depth3 .depth3_on:hover span {color:#fff;}

.sign_table {overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:.7rem;border:.1px solid #dbdbdb;border-radius:.5rem;padding-right:.7rem;}
.sign_table strong {padding:0.7rem 1rem;color:var(--c_gray_80);background:var(--c_gray_5);}
.sign_table .list_table {display:flex;justify-content:space-between;gap:1rem;}
.sign_table .list_table li {position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;padding:0.7rem;}
.sign_table .list_table li::after {content:'';position:absolute;display:block;top:32%;right:-.5rem;width:1px;height:1rem;background:var(--color-grey);}
.sign_table .list_table li:last-child::after {display:none;}
.sign_table .list_table li > b {width:2rem;color:var(--c_gray_80);}
.sign_table .list_table li > span {width:calc(100% - 2.5rem);text-align:right;}
.sign_table .list_table li > span > a {color:var(--c_primary);font-weight:800;}

/* 관리자연계페이지 - 회의록 >> 지원방안 아이콘 디자인 추가 */
.study_paln_wrap {display:flex;align-items:center;justify-content:center;gap:2rem;padding:.5rem 0;}
.study_paln_wrap li {position:relative;display:block;width:calc(33% - 2rem);}
.study_paln_wrap li::after {content:'';position:absolute;display:block;right:-1rem;top:0;width:1px;height:100%;background:var(--bg_line3);}
.study_paln_wrap li:last-child::after {display:none;}


/* 20250211 수정 ***********************하위 계속 추가*****/
.study_paln {display:inline-flex;width:100%;margin:12px 0;text-align:left;border: 1px solid var(--c_gray_50);border-radius: 0.4em;}
.study_paln .title {display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:14rem;padding:10px 0px 10px 12px;line-height:1;margin-bottom:0;font-size:.9rem;letter-spacing: -0.03rem;color:var(--c_gray_90);text-align:left;border-right: 1px solid var(--c_gray_40);}
.study_paln .title span {}
.study_paln .detail {display:flex;align-items:center;flex-wrap:wrap;padding:12px 16px;width:calc(100% - 14rem);}
.study_paln .detail span {overflow:hidden;display:block;max-width:12rem;text-overflow:ellipsis;white-space:nowrap;}

.study_paln .title::before {content:'';display:block;width:2.8rem;height:2.8rem;border-radius:.4rem;background-position:50% 50%;background-repeat:no-repeat;background-size:1.8rem;}
.study_paln.type1 {border-color:#0088FF;}
.study_paln.type2 {border-color:#184185;}
.study_paln.type3 {border-color:#EE7FB3;}

.study_paln.type1 .title::before{background-color:#0088FF;}
.study_paln.type2 .title::before{background-color:#184185;}
.study_paln.type3 .title::before{background-color:#EE7FB3;}
.study_paln.type1 .title span,
.study_paln.type1 .detail b{color:#0088FF}
.study_paln.type2 .title span,
.study_paln.type2 .detail b{color:#184185}
.study_paln.type3 .title span,
.study_paln.type3 .detail b{color:#EE7FB3}


/*.study_paln.type1 .title{background-color:#E5F3FF;}
.study_paln.type2 .title{background-color:#E8ECF3;}
.study_paln.type3 .title{background-color:#FDF2F7;}*/

.study_paln.type1 .title::before {background-image:url('/img/ico_sp1.svg')}/*교내지원*/
.study_paln.type2 .title::before {background-image:url('/img/ico_sp2.svg')}/*교육지원청통합지원*/
.study_paln.type3 .title::before {background-image:url('/img/ico_sp3.svg')}/*미선정*/






/* 관리자연계페이지 - 컨텐츠 상단 로고 추가 */
.top_logo_box {}
.top_logo {display:flex;align-items:center;justify-content:flex-end;gap:0.5rem;margin-bottom:0;font-size:1.8rem;font-weight:700;color:var(--c_gray_80);}
.top_logo::before {content:'';display:block;width:2.5rem;height:3.5rem;background-image:url('/img/cne_logo.svg');background-position:50%;background-size:100%;background-repeat:no-repeat;}

/* 관리자연계페이지 -- 상단 ui 재정리 */
.infoBox {display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:40px;margin:3rem 0 1rem;}
.infoBox .inner {display:flex;align-items:center;gap:1rem;}
.infoBox select {width:auto;}
.infoBox .level-info {justify-content:flex-start;margin-top:0;width:initial;padding:0;border-radius:4px;background:initial;}
.infoBox .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {margin:0;background-color:var(--c_primary_m);}
.infoBox .buttons .button {margin:0}
.infoBox .buttons:last-child {margin:0}
.infoBox .buttons:not(:last-child) {margin:0}
.infoBox .button.is-medium {font-size:1.02rem;}

.infoBox.type2 .inner {width:100%;gap:5.8rem;}
.infoBox.type2 .inner .level-info {min-width:22rem;}

/* 교육지원청 연계 페이지*/
a.on {color:var(--c_primary);}

/* 교육통계 */
.graphwrap{margin-top:40px;}
.graphwrap .inner{width:100%;margin-top:0;border:1px solid var(--c_gray_30);border-radius:4px}
.graphwrap.col2::after{content:"";display:block;clear:both;}
.graphwrap.col2 .inner{float:left;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;padding:0;}
.graphwrap.col2 .inner:nth-child(even){margin-right:0;}
.graphwrap .inner h3{padding:20px;font-weight:bold;border-bottom:1px solid var(--c_gray_20);font-size:16px;}
.graphwrap .chart-container{width:100%;height:400px;padding:30px;}
/* tab */
.tabs {position:relative;display:flex;flex-direction:column;width:100%;padding:30px 0 0;}
.tabs .tab-header {position:relative;display:flex;align-items:center;gap:4px;}
.tabs .tab-header::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background:var(--c_gray_80);}
.tabs .tab-header > button {position:relative;padding:16px 24px 14px;font-size:18px;font-weight:800;color:#757575;border-top-left-radius:4px;border-top-right-radius:4px;border:3px solid #fff;border-bottom:0;cursor: pointer;background-color:var(--c_gray_5);}
.tabs .tab-header > button.active {z-index:10;color:var(--c_blue);border-color:var(--c_gray_80);background:#fff;}
.tabs .tab-body{width:100%;padding:0;font-size:1.5rem}

.tabs.tabintab .tab-header{text-align:center;}
.tabs.tabintab .tab-header::after{display:none}
.tabs.tabintab .tab-header > button {border:1px solid var(--c_gray_80);color:var(--c_gray_80);border-radius:4px;background:#fff;font-size:15px;}
.tabs.tabintab .tab-header > button.active{color:#fff;background:var(--c_primary);border-color:var(--c_primary);}

.tabs .table a{border:0;padding:0;}

/* 교육통계 select backgroundcolor 변경*/
.field.is-grouped #area_tag{border-color:var(--c_primary);background:#dce8ff;}


.modal .table-container {
    border: 1px solid var(--c_gray_30);
    border-radius: 4px;
    overflow: hidden
}

input, 
.input, 
.select select {padding:.3rem .6rem;font-size:15px;}
input, 
.input, 
.select select, .textarea {background-color:#fff;border-color:var(--bg_line2);border-radius:4px;color:var(--c_gray_90);}

.select {position:relative;max-width: 100%;vertical-align: top}
.select:not(.is-multiple) {height: 2.5em;/*height: 100%;*/}
.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
top: 48%;
    -webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
    -webkit-transform-origin: center;
transform-origin: center;
    width: .625em
}
.select:not(.is-multiple):not(.is-loading)::after {
    border-color:var(--bg_line1);
    right: 0.5em;
    z-index: 4
}
.select select:not([multiple]) {
    padding-right: 2.5em;
	line-height: 1.2;
}


/*회의록 form*/
.meeting-con {margin-bottom:.5rem!important;}
.meeting-con .flex-wrap .td-title {float: left; width:4.6rem; height: 1.8rem;line-height: 2;border-radius:.2rem; color:var(--c_secondary); }
.meeting-con .flex-wrap .td-title.type1,
.meeting-con .flex-wrap .td-title.type2 {border:1px solid var(--c_secondary);background:var(--c_secondary_10)}

.meeting-con .not-good.type1 span:after {content: '/'; margin:0 .2rem 0 .4rem;}
.meeting-con .not-good.type2 {display:block;width: calc(100% - 7rem);height:1.9rem;line-height:2;text-align:left;}

.approval-select span:after,
.meeting-con .not-good.type2 span:after,
.modal-minutes-article .study-flex-wrap .item-box .item.num2 span:after,
.approval-detail-wrap .approval-detail-item li:nth-child(3) span:after,
.span-after tbody tr td:nth-child(6) span:after {content: ','}

.approval-select span:last-child:after,
.meeting-con .not-good.type1 span:last-child:after,
.meeting-con .not-good.type2 span:last-child:after,
.modal-minutes-article .study-flex-wrap .item-box .item.num2 span:last-child:after,
.approval-detail-wrap .approval-detail-item li:nth-child(3) span:last-child:after,
.span-after tbody tr td:nth-child(6) span:last-child:after {display: none;}

.meeting-register table:first-child {border-bottom:1px solid var(--c_gray_30);}

.meeting-register .table th[rowspan]:first-child {border-bottom: none;}

.meeting-register .td-select div.select,
.meeting-con .td-select div.select {width:100%;}

.meeting-register .td-select div.select select,
.meeting-con .td-select div.select select {width:100%; border: 0; padding: 0.2rem;}

.meeting-register div.selectbox{display:flex;align-items:center;gap:8px;margin:2px;}
.meeting-register div.selectbox select{width:25%;background:url(/images/common/ico_arr_b_g.svg) 95% 40% no-repeat;}

.table-container table.table td input,
.meeting-con .td-select .txt-box-hidden input,
.table-container table.table td select {border-radius: 4px;font-weight:400;color:var(--c_gray_70);}

.approval-wrap textarea:focus,
.meeting-result textarea:focus,
.table-container table.table td input:focus,
.meeting-con .td-select .txt-box-hidden input:focus {outline: 1px solid var(--c_gray_50);}

.meeting-result .td-box-wrap {width:40%;}
.meeting-result .td-box-wrap .td-box {display: flex; flex-direction: column; gap: 0.5rem;}
.meeting-result .td-box-wrap .td-box span {line-height: 2;padding: 0 1rem;margin: 0 auto;border: 1px solid var(--c_gray_50);border-radius: 4px;}

.approval-wrap textarea,
.meeting-result textarea {width: 100%; height:14rem; padding: 0.5rem; border-radius: 4px; border: 0; resize: none; }

.meeting-con .checkbox > label {margin: 0 15px 0 3px;cursor: pointer;}



/*회의록 보기 form*/
.modal-minutes-article .study-flex-wrap .item-box {font-size: 1.1rem; font-weight: 700;}

.modal-minutes-article .study-flex-wrap .item-box:before,
.modal-minutes-article .study-flex-wrap .item-box:after {content: "'"}

.modal-minutes-article .study-flex-wrap .item-box .item.num1:after {content: '-'; margin-left:.2rem}

.modal-minutes-article .meeting-result .td-box-wrap .td-box.type2 {gap:0}
.modal-minutes-article .meeting-result .td-box-wrap .td-box.type2 span {width: 100%;max-width: 100%; border: 0; text-align: left;}

/*회의 등록 form*/
.meeting-register {width:90%; margin:2rem auto;}

.approval-select {display: flex; flex-wrap: wrap; padding: .4rem .2rem;}

.approval-select span,
.meeting-register .student-select span,
.approval-detail-wrap .approval-detail-item li:nth-child(3) span {padding-right: 0.2rem;}

.approval-select span:last-child,
.meeting-register .student-select span:last-child,
.approval-detail-wrap .approval-detail-item li:nth-child(3) span:last-child {padding-right: 0;}

.meeting-register table tbody tr:nth-child(4) td {height: 3.5rem;}


.meeting-register .student-select {display:flex;flex-wrap:wrap;gap:.2rem;padding:0;}

.added_student {display:flex;justify-content:space-between;align-items:center;gap:0.2rem;min-width:7.2rem;border:1px solid var(--c_gray_30);padding:.2rem .4rem !important;}
.added_student .added_del {position:relative;display:block; width:1.3rem; height:1.3rem;background:var(--c_gray_80);border-radius:4px;text-indent:-9999px;}

.added_student .added_del:after {width: .8rem; height: 1px;}
.added_student .added_del:before {width: 1px; height: .8rem;}

.added_student .added_del:after,
.added_student .added_del: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;}

.modal-discuss-register .table-container table.table td input,
.modal-discuss-write .table-container table.table td input.discuss_person {border:none !important;}

.modal-discuss-register .table-container .td-all-select {display:flex;flex-direction:column;gap:0.2rem;}
.modal-discuss-register .table-container .td-all-select > span {display:flex;align-items:center;justify-content:center;gap:0.2rem;}

.modal-discuss-register .table-container table.table td input[type="checkbox"],
.modal-discuss-register .table-container table.table td label,
.modal-discuss-register .table-container .td-all-select > span > input[type="checkbox"],
.modal-discuss-register .table-container .td-all-select > span > label {cursor:pointer;}

.modal-discuss-register .table-container .td-select .block {display:flex;flex-wrap:wrap;gap:0.2rem;}
.modal-discuss-register .table-container .td-select .block .chk_target_wrap {display:flex;gap:.2rem;min-width:calc(50% - .2rem);padding:.2rem .4rem;border:1px solid var(--c_gray_30);text-align:left;}
.modal-discuss-register .table-container .td-select .block .chk_target_wrap input[type="checkbox"] {margin-right:.4rem;}


/* 20250210 추가*/
#progress_check{text-align:center;}

/* 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 input[type="checkbox"]{display:block;width:auto;height:auto!important;margin:0 auto;}
.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}


.field.has-addons.has-addons-fullwidth .control,.tabs.is-fullwidth li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.btn_absolute{position:absolute;top:20px;right:0;}



.is-capitalized {
text-transform: capitalize!important
}

.is-lowercase {
text-transform: lowercase!important
}

.is-uppercase {
text-transform: uppercase!important
}

.is-italic {
    font-style: italic!important
}

.is-underlined {
text-decoration: underline!important
}

.has-text-weight-light {
    font-weight: 300!important
}

.has-text-weight-normal {
    font-weight: 400!important
}

.has-text-weight-medium {
    font-weight: 500!important
}

.has-text-weight-semibold {
    font-weight: 600!important
}

.has-text-weight-bold {
    font-weight: 700!important
}

.is-family-primary,.is-family-sans-serif,.is-family-secondary {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif!important
}

.is-family-code,.is-family-monospace {
    font-family: monospace!important
}

.is-block {
    display: block!important
}

@media screen and (max-width: 768px) {
    .is-block-mobile {display:block!important}
}

@media screen and (min-width: 769px),print {
    .is-block-tablet {display:block!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .is-block-tablet-only {display:block!important}
}

@media screen and (max-width: 1023px) {
    .is-block-touch {display:block!important}
}

@media screen and (min-width: 1024px) {
    .is-block-desktop {display:block!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .is-block-desktop-only {display:block!important}
}

@media screen and (min-width: 1216px) {
    .is-block-widescreen {display:block!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .is-block-widescreen-only {display:block!important}
}

@media screen and (min-width: 1408px) {
    .is-block-fullhd {display:block!important}
}

.is-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@media screen and (max-width: 768px) {
    .is-flex-mobile {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (min-width: 769px),print {
    .is-flex-tablet {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .is-flex-tablet-only {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (max-width: 1023px) {
    .is-flex-touch {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (min-width: 1024px) {
    .is-flex-desktop {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .is-flex-desktop-only {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (min-width: 1216px) {
    .is-flex-widescreen {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .is-flex-widescreen-only {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

@media screen and (min-width: 1408px) {
    .is-flex-fullhd {display:-webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important}
}

.is-inline {
    display: inline!important
}

@media screen and (max-width: 768px) {
    .is-inline-mobile {display:inline!important}
}

@media screen and (min-width: 769px),print {
    .is-inline-tablet {display:inline!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .is-inline-tablet-only {display:inline!important}
}

@media screen and (max-width: 1023px) {
    .is-inline-touch {display:inline!important}
}

@media screen and (min-width: 1024px) {
    .is-inline-desktop {display:inline!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .is-inline-desktop-only {display:inline!important}
}

@media screen and (min-width: 1216px) {
    .is-inline-widescreen {display:inline!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .is-inline-widescreen-only {display:inline!important}
}

@media screen and (min-width: 1408px) {
    .is-inline-fullhd {display:inline!important}
}

.is-inline-block {
    display: inline-block!important
}

@media screen and (max-width: 768px) {
    .is-inline-block-mobile {display:inline-block!important}
}

@media screen and (min-width: 769px),print {
    .is-inline-block-tablet {display:inline-block!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .is-inline-block-tablet-only {display:inline-block!important}
}

@media screen and (max-width: 1023px) {
    .is-inline-block-touch {display:inline-block!important}
}

@media screen and (min-width: 1024px) {
    .is-inline-block-desktop {display:inline-block!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .is-inline-block-desktop-only {display:inline-block!important}
}

@media screen and (min-width: 1216px) {
    .is-inline-block-widescreen {display:inline-block!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .is-inline-block-widescreen-only {display:inline-block!important}
}

@media screen and (min-width: 1408px) {
    .is-inline-block-fullhd {display:inline-block!important}
}

.is-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media screen and (max-width: 768px) {
    .is-inline-flex-mobile {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (min-width: 769px),print {
    .is-inline-flex-tablet {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .is-inline-flex-tablet-only {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (max-width: 1023px) {
    .is-inline-flex-touch {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (min-width: 1024px) {
    .is-inline-flex-desktop {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .is-inline-flex-desktop-only {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (min-width: 1216px) {
    .is-inline-flex-widescreen {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .is-inline-flex-widescreen-only {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

@media screen and (min-width: 1408px) {
    .is-inline-flex-fullhd {display:-webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important}
}

.is-hidden {
    display: none!important
}

.is-sr-only {
    border: 0!important;
    clip: rect(0,0,0,0)!important;
    height: .01em!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: .01em!important
}

@media screen and (max-width: 768px) {
    .is-hidden-mobile {display:none!important}
}

@media screen and (min-width: 769px),print {
    .is-hidden-tablet {display:none!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .is-hidden-tablet-only {display:none!important}
}

@media screen and (max-width: 1023px) {
    .is-hidden-touch {display:none!important}
}

@media screen and (min-width: 1024px) {
    .is-hidden-desktop {display:none!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .is-hidden-desktop-only {display:none!important}
}

@media screen and (min-width: 1216px) {
    .is-hidden-widescreen {display:none!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .is-hidden-widescreen-only {display:none!important}
}

@media screen and (min-width: 1408px) {
    .is-hidden-fullhd {display:none!important}
}

.is-invisible {
    visibility: hidden!important
}

@media screen and (max-width: 768px) {
    .is-invisible-mobile {visibility:hidden!important}
}

@media screen and (min-width: 769px),print {
    .is-invisible-tablet {visibility:hidden!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .is-invisible-tablet-only {visibility:hidden!important}
}

@media screen and (max-width: 1023px) {
    .is-invisible-touch {visibility:hidden!important}
}

@media screen and (min-width: 1024px) {
    .is-invisible-desktop {visibility:hidden!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .is-invisible-desktop-only {visibility:hidden!important}
}

@media screen and (min-width: 1216px) {
    .is-invisible-widescreen {visibility:hidden!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .is-invisible-widescreen-only {visibility:hidden!important}
}

@media screen and (min-width: 1408px) {
    .is-invisible-fullhd {visibility:hidden!important}
}

.has-text-centered {text-align: center!important}
.has-text-justified {text-align: justify!important}
.has-text-left {text-align: left!important}
.has-text-right {text-align: right!important}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {text-align:center!important}
}

@media screen and (min-width: 769px),print {
    .has-text-centered-tablet {text-align:center!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .has-text-centered-tablet-only {text-align:center!important}
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {text-align:center!important}
}

@media screen and (min-width: 1024px) {
    .has-text-centered-desktop {text-align:center!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .has-text-centered-desktop-only {text-align:center!important}
}

@media screen and (min-width: 1216px) {
    .has-text-centered-widescreen {text-align:center!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .has-text-centered-widescreen-only {text-align:center!important}
}

@media screen and (min-width: 1408px) {
    .has-text-centered-fullhd {text-align:center!important}
}

@media screen and (max-width: 768px) {
    .has-text-justified-mobile {text-align:justify!important}
}

@media screen and (min-width: 769px),print {
    .has-text-justified-tablet {text-align:justify!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .has-text-justified-tablet-only {text-align:justify!important}
}

@media screen and (max-width: 1023px) {
    .has-text-justified-touch {text-align:justify!important}
}

@media screen and (min-width: 1024px) {
    .has-text-justified-desktop {text-align:justify!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .has-text-justified-desktop-only {text-align:justify!important}
}

@media screen and (min-width: 1216px) {
    .has-text-justified-widescreen {text-align:justify!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .has-text-justified-widescreen-only {text-align:justify!important}
}

@media screen and (min-width: 1408px) {
    .has-text-justified-fullhd {text-align:justify!important}
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {text-align:left!important}
}

@media screen and (min-width: 769px),print {
    .has-text-left-tablet {text-align:left!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .has-text-left-tablet-only {text-align:left!important}
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {text-align:left!important}
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {text-align:left!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .has-text-left-desktop-only {text-align:left!important}
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {text-align:left!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .has-text-left-widescreen-only {text-align:left!important}
}

@media screen and (min-width: 1408px) {
    .has-text-left-fullhd {text-align:left!important}
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {text-align:right!important}
}

@media screen and (min-width: 769px),print {
    .has-text-right-tablet {text-align:right!important}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
    .has-text-right-tablet-only {text-align:right!important}
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {text-align:right!important}
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {text-align:right!important}
}

@media screen and (min-width: 1024px) and (max-width:1215px) {
    .has-text-right-desktop-only {text-align:right!important}
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {text-align:right!important}
}

@media screen and (min-width: 1216px) and (max-width:1407px) {
    .has-text-right-widescreen-only {text-align:right!important}
}

@media screen and (min-width: 1408px) {
    .has-text-right-fullhd {text-align:right!important}
}



/*학교 담당자 - 통합지원요청 결재창*/
.approval-line-wrap,
.approval-detail-wrap {display:flex;flex-direction:column;margin:1rem;border:1px solid var(--bg_line3);}

.approval-line-wrap .approval-line-hd,
.approval-detail-wrap .approval-detail-hd {display:flex;justify-content:space-between;background:var(--c_gray_20);border-bottom:1px solid var(--bg_line2);}

.approval-line-wrap .approval-line-hd li,
.approval-line-wrap .approval-line-item li,
.approval-detail-wrap .approval-detail-hd li,
.approval-detail-wrap .approval-detail-item li {padding:0.4rem;border-left:1px solid var(--bg_line3);}

.approval-line-wrap .approval-line-hd li:first-child,
.approval-detail-wrap .approval-detail-hd li:first-child {border-left:0}

.approval-line-wrap .approval-line-item,
.approval-detail-wrap .approval-detail-item {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg_line3);}

.approval-detail-wrap .approval-detail-item li {line-height:2.1;}

.approval-line-wrap .approval-line-item:last-child,
.approval-line-wrap .approval-line-item li:first-child,
.approval-detail-wrap .approval-detail-item:last-child,
.approval-detail-wrap .approval-detail-item li:first-child {border:0}

#approval_name{margin:1rem;}

.width-type1 li {width: 100%;}
.width-type1 li:nth-child(1) {width: 40% !important;}
/*.width-type1 li:nth-child(2) {width: 50% !important;}*/
.width-type1 li:nth-child(6) {width: 120% !important;}

.width-type2 li {width: 100%;}
.width-type2 li:nth-child(1) {width: 40% !important;}
.width-type2 li:nth-child(2) {width: 30% !important;}
.width-type2 li:nth-child(4) {width: 30% !important;}


/*학교 관리자 - 통합지원 결재 창*/
.approval-wrap {width:100%; margin: 2rem auto;}
.radio-wrap {display: flex; gap: 2rem; justify-content: center;}
.radio-wrap li {display: flex;align-items: center;gap: 0.3rem;}
.radio-wrap li input {width: 1.2rem !important; cursor: pointer;}
.radio-wrap li input:active,
.radio-wrap li input:focus {outline: 0 !important;}
.radio-wrap li label {cursor: pointer;}

.approval-wrap textarea {height:5rem;}


/* 학생로그인 페이지 */
.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);line-height: 1;}
.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 .login-box .login-box-inner {display:flex;flex-direction:column;gap:.5rem;}
.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;}
.student-login-page .login-form ::placeholder {color:var(--c_gray_50)}