@charset "UTF-8";
@import url(main.css);
@import url(intro.css);

/* ////////////////레이아웃, 컴포넌트////////////////*/
.gnb {font-family:var(--f_nsN);font-weight:900;height:100%;}
.gnb ul {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;height:100%;}
.gnb ul li {height:100%;border-bottom:4px solid transparent;}
.gnb ul li a {display:flex;flex-direction:row;align-items:center;gap:0.4rem;height:100%;padding:.6rem 1.6rem;color:#fff;font-size:1.9rem;font-weight:500;transition:var(--ani_time);}
/* nav on*/
.gnb ul li.gnb_on {border-color:var(--yellow_30);}
.gnb ul li:hover a,
.gnb ul li:focus a,
.gnb ul li.gnb_on a {color:var(--yellow_30);font-weight:800;}
.gnb ul li .menu_ico {width:2.8rem;height:2.8rem;transition:var(--ani_time);}
.gnb ul li .menu_ico.num1 {background:url('../images/common/ico_menu_s_01.svg') no-repeat 50%;}
.gnb ul li .menu_ico.num2 {background:url('../images/common/ico_menu_s_02.svg') no-repeat 50%;}
.gnb ul li .menu_ico.num3 {background:url('../images/common/ico_menu_s_03.svg') no-repeat 50%;}
.gnb ul li .menu_ico.num4 {background:url('../images/common/ico_menu_s_04.svg') no-repeat 50%;}

/* header */
.header.main {z-index:1;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:8rem;padding:0 6rem;border-bottom:1px solid var(--blue_70);background:var(--blue_80);}
.header.main h1 {width:26rem;}
.header.main h1 > a {display:block;}
.member {display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0;font-size:1.5rem}
.member .name {display:flex;flex-direction:row;align-items:center;gap:0.4rem;padding:0;color:#fff;}
.member .name span {font-weight:500;}
.member .name i {width:2.4rem;height:2.4rem;background:url('../images/common/arrow_circle_white.svg') no-repeat;}
.member button.btn {display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:800;}
.member button.btn i {width:2rem;height:2rem;margin-left:0.4rem;background:url('../images/common/plus.svg') no-repeat;background-size:100%;}
.member button.btn:hover {background:#fff;}
.member button.btn:hover i {transform:rotate(180deg);-webkit-transform: rotate(180deg);transition:all var(--ani_time) ease;-webkit-transition:all var(--ani_time) ease;}
.member .level{position:absolute;right:6rem;top:16.6rem;display:flex;align-items:center;gap:1rem;}
.member .level > .btn {height:48px;border-color:transparent;}

/* footer */
footer {width:100%;padding:6vh 6rem;border-top:1px solid var(--gray_30);background:var(--gray_10);}
footer .main_ft {display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}
footer p {font-size:1.3rem;color:var(--gray_70);font-weight:300;}

/* location */
/*.lct_box {width:100%; height:6.8rem; display: flex; flex-direction: row; align-items: center; gap:1.2rem;}
.lct_box .location {width: 27.5rem; height: 4.6rem;display: flex;align-items: center; padding:.8rem 0.4rem 0.6rem; gap: 3rem;}
.lct_box .location li {position:relative; line-height:1;font-size:1.5rem}
.lct_box .location li:not(:last-child)::before {content: ''; position: absolute; width: 1rem;height: 1rem; border-color: #777; right: -1.5rem; top:calc(50% - .5rem);border-right-width: 0.1rem;border-bottom-width: 0.1rem;border-right-style: solid;border-bottom-style: solid; transform: rotate(315deg);}*/
.lct_box .location {display:none;}

/* contents */
.container {position:relative;display:flex;flex-direction:column;align-items:center;gap:4rem;padding:8rem 6rem 10rem;font-family:var(--f_nsN);}
.container::before {z-index: -1;content:'';position:absolute;top:0;display:block;width:100%;height:300px;background:var(--blue_80);}
.con_wrap {width:100%;}
.chart_wrap {position:relative;}

/* 페이지 타이들 */
.lct_box .title {display:flex;align-items:center;gap:1rem;font-size:3.4rem;line-height:1;color:var(--c_blue);font-family:var(--f_gwE);}
.lct_box .title::before {content:'';display:block;width:4.8rem;height:4.8rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;}
.lct_box .title > span {margin-top:12px;color:#fff;font-family:var(--f_gwE);}
.lct_box .title.num1::before {background-image:url('../images/common/ico_tit_01.svg');}
.lct_box .title.num2::before {background-image:url('../images/common/ico_tit_02.svg');}
.lct_box .title.num3::before {background-image:url('../images/common/ico_tit_03.svg');}
.lct_box .title.num4::before {background-image:url('../images/common/ico_tit_04.svg');}

/* top_box 공통 규격 */
.top_box {display:flex;gap:1.6rem;width:100%;flex-wrap:wrap;}
.top_box .inner {display:flex;width:100%;height:260px;gap:1rem 2rem;padding:4.2rem;border-radius:.8rem;border:0.1rem solid var(--blue_30);background:#fff;}
.top_box .inner h3 {display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;}
.top_box .inner h3 > span {margin-bottom:0;margin-top:2px;line-height:1;font-size:2rem;transform:skew(-0.001deg);color:var(--gray_90);font-weight:900;}
.top_box .inner h3 > span > span {font-weight:600;margin-top:.5rem;}
.top_box .item {display:flex;flex-direction:column;align-items:flex-start;gap:1rem;}
.top_box .file {display:inline-flex;align-items:center;gap:1rem;padding:0;}
.top_box .table_wrap {margin:0;}
/* top_box type02, 03 공통규격 */
.top_box .inner.type02{width:calc(100% - 56rem)}
.top_box .inner.type02 .group_box {display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;width:30rem;padding:0;}
.top_box .inner.type02 .group_box .item {display:flex;width:100%;}
.top_box .inner.type02 .group_box .item .level{width:100%}
.top_box .inner.type02 .group_box .item.num2 {align-items:center;gap:2rem;font-weight:800;color:var(--c_blue);}
.top_box .inner.type02 .group_box .item.num2 ul li:first-child {margin-bottom:1rem;font-size:1.6rem;}
.top_box .inner.type02 .group_box .item.num2 ul li:last-child {font-size:2.4rem;}
.top_box .inner.type02 .report_box {display:flex;justify-content:center;gap:2rem;width:calc(100% - 30rem);}
.top_box .inner.type02 .report_box .item {display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:33.3%;padding:2.8rem;border-radius:.8rem;font-size:1.6rem;}
.top_box .inner.type02 .report_box .item.num1 {background:var(--pink_20);color:var(--pink_60);}
.top_box .inner.type02 .report_box .item.num2 {background:var(--yellow_20);color:var(--yellow_70);}
.top_box .inner.type02 .report_box .item.num3 {background:var(--green_20);color:var(--green_70);}
.top_box .inner.type02 .report_box .item b,
.top_box .inner.type02 .report_box .item span:not(:last-child) {font-weight:800;margin-bottom:1rem;}
.top_box .inner.type02 .report_box .item span:last-child {font-weight:400;font-size:1.6rem;color:var(--gray_80);}
.top_box .inner.type02 .report_box .item .per {position:relative;display:flex;flex-direction:row;align-items:center;gap:1rem;padding-left:3.4rem;font-size: 2.4rem;line-height:1}
.top_box .inner.type02 .report_box .item .per::before {content:"";position:absolute;left:0;top:50%;display: block; width:3rem; height: 3rem;margin-top:-.3rem;transform:translateY(-50%);background:url(../images/common/ico_per01.svg) no-repeat;}
.top_box .inner.type02 .report_box .item.num2 .per::before {background-image:url('../images/common/ico_per02.svg');}
.top_box .inner.type02 .report_box .item.num3 .per::before{background-image:url('../images/common/ico_per03.svg')}
.top_box .inner.type03 {width:54rem;}/* 그래프 wrap*/
.top_box .inner.type03 .info_wrap {width:calc(100% - 20rem);}
.top_box .inner.type03 .info_wrap ul {display:flex;flex-direction:column;gap:1rem;width:100%;max-width:12rem;}
.top_box .inner.type03 .info_wrap ul .item {display:flex;justify-content:space-between;gap:1rem;flex-direction:row;}
.top_box .inner.type03 .info_wrap ul .item span {font-weight:400;font-size:1.6rem;color:var(--gray_90);}
.top_box .inner.type03 .info_wrap ul .item span:nth-child(2) {width:5rem;}
.top_box .inner.type03 .info_wrap ul .item span:nth-child(3) {width:calc(100% - 8.8rem);text-align:right;font-weight:800;}
.top_box .inner.type03 .info_wrap ul .item i {display:block;width:1.8rem;height:1.8rem;border-radius:5rem;overflow:hidden;}
.top_box .inner.type03 .info_wrap ul .item.num1 i {background:var(--blue_80);}
.top_box .inner.type03 .info_wrap ul .item.num2 i {background:#FFF;}
.top_box .inner.type03 .info_wrap ul .item.num3 i {background:var(--gray_60);}
.top_box .inner.type03 .info_wrap ul .item.num4 i {background:#eee;}
/* top_box 안에 select */
.top_box .select {margin:0;width:100%;height:5.8rem;}
.top_box .select.type01 .lay {border:1px solid var(--gray_40);}
.top_box .select.type01 .lay a {color:var(--gray_90);height:5.6rem;}
.top_box .select.type01 .lay a::after {top:1.6rem;background-image:url('../images/common/arr_under_gray.svg')}
.top_box .select.type01 .lists ul li a {font-size:1.5rem;}
.top_box .select.type01.on .lists {top:57px;max-height:20rem;}
/* top_box 안에 blue box */
.blue-line-box {display:flex;align-items:center;width:100%;padding:1.4rem 2rem;border-radius:.6rem;border:1px solid var(--blue_30);font-size:1.4rem;font-weight:700;color:var(--gray_80);background:var(--blue_10);}
.blue-line-box em {color:var(--blue_80);font-weight:900;font-size:1.8rem;}

/* modal 공통규격*/
body.open {height:100vh;overflow:hidden;}
.modal__wrap {position:relative;}
.modal {z-index:100;position:fixed;display:none;justify-content:center;align-items:center;width:100%;height:auto;min-height:100%;left:0;top:0;background:rgba(0, 0, 0, 0.8);}
.modal .pop-test-wrap {width:100%;max-width:154.2rem;height:98vh;border-radius:0;border:0;overflow:hidden;-webkit-animation:pop-show .5s;animation:pop-show .5s;background:#fff;}
.modal .pop-test-wrap::-webkit-scrollbar {width:8px;}   
.modal .pop-test-wrap::-webkit-scrollbar-thumb {border-radius:0;background:var(--gray_50);}
.modal .pop-test-wrap .scroll-wrap {position:relative;overflow-y:scroll;height:93vh;}
.modal .pop-test-wrap .scroll-wrap::before {z-index:1;content:'';position:absolute;left:0;top:0;display:block;width:100%;height:54rem;background:var(--blue_10);}
.modal .pop-test-wrap .scroll-wrap::after {z-index:1;content:'';position:absolute;right:4rem;top:0;display:block;width:565px;height:483px;background:url('../images/common/popupwrap-top-bg.png') no-repeat 50%;}
.modal .pop-test-wrap .popupwrap {z-index:2;border-radius:0;border:none;padding:12rem 12.8rem 4rem;}
.modal .pop-test-wrap .popHeader {z-index:3;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 4rem;background:var(--blue_90);}
.modal .pop-test-wrap .popHeader ul {display:flex;align-items:center;gap:1rem;color:var(--blue_30);font-size:1.4rem;}
.modal .pop-test-wrap .popHeader ul li {display:flex;align-items:center;gap:1rem;}
.modal .pop-test-wrap .popHeader ul li::after {content:'';display:inline-block;width:1rem;height:1.4rem;background:url('../images/common/location_arr.svg') no-repeat 50%;}
.modal .pop-test-wrap .popHeader ul li:last-child::after {display:none}
.modal .pop-test-wrap .popHeader ul li > .ico.home {mask:url('../images/common/home_white.svg') no-repeat 50%;-webkit-mask:url('../images/common/home_white.svg') no-repeat 50%;background-color:var(--blue_30);background-image:none;}
.modal .pop-test-wrap .popHeader > .bn_close {position:static;width:2.6rem;height:2.6rem;background:transparent url('../images/common/ico_close_bl.svg') no-repeat 50% 50%;}
@keyframes pop-show {
    0% {-webkit-transform: scale(.7); transform: scale(.7)}
    40% {-webkit-transform: scale(1.05); transform: scale(1.05)}
    90% {-webkit-transform: scale(.99); transform: scale(.99)}
    100% {-webkit-transform: scale(1); transform: scale(1)}
}
/* 모달안에 테이블 */
.modal table thead tr th {font-family:var(--f_nsN);font-weight:400;line-height:1.8rem;}
.modal table tbody tr td {font-family:var(--f_nsN);font-weight:300;font-size:1.5rem;line-height:1.5;padding:1.3rem 1rem;}
.modal table .res_text_table tr td {line-height:4}

/* 콘텐츠 레이아웃 규격 */
.std_list {position:relative;width:100%;margin-top:1rem;}
.std_tit_wrap {display:flex;align-items:center;justify-content:space-between;}
.std_tit_wrap h3 {display:flex;align-items:center;gap:.5rem;margin:0;line-height:1.5;font-size:2.4rem;font-weight:900;color:var(--gray_100);}
.std_tit_wrap h3::before {content:'';display:block;width:32px;height:32px;background:url('../images/common/ico_list.svg') no-repeat 50%;}
.std_tit_wrap .btn_group {display:flex;gap:1rem;}
.std_tit_wrap .btn_group ul {display:flex;gap:1rem;}
.std_tit_wrap .btn_group ul li {display:flex;align-items:center;font-size:1.6rem;}
.std_tit_wrap .btn_group ul li label {display:flex;align-items:center;gap:1rem;cursor:pointer;}
.std_list tbody tr td .input_txt {display:none;}
.std_list tbody tr input,
.std_list tbody tr select {width:7rem;height:4rem;border-radius:0.8rem;border:0.1rem solid var(--gray_30);text-align:center;font-size:1.6rem;font-weight:400;font-family:var(--f_nsN);color:var(--gray_80);}
.std_list tbody tr .input_name {width:14rem;}
.std_list .state.tx {display:inline-flex;justify-content:center;align-items:center;width:auto;height:auto;padding:1rem 1.2rem;border-radius:.6rem;color:#fff;font-size:1.4rem;font-weight:500;}
.std_list .test_learn {background:var(--blue_70);}
.std_list .test_miss {background:var(--gray_60);}

/* 설명글 컴포넌트 */
.description {display:flex;align-items:center;gap:.5rem;padding:1.5rem 2rem;border-radius:.8rem;background:var(--yellow_10);}
.description > p {color:var(--yellow_80);font-size:1.4rem;font-weight:300}
.description.type2 {width:100%;margin-top:1rem;padding:0;background:#fff;}
.description.type2 > p {color:var(--gray_70);font-weight:500;}

@media only screen and (max-width:1700px){
	.header.main{padding:2rem 3rem;}
	.container{padding:4rem 3rem;}
	.member .level{right:3rem;top:13rem;}
	.top_box .inner {height:auto}
}
@media only screen and (max-width:1680px){
	
}
@media only screen and (max-width:1400px){
	.header.main{padding:2rem 3rem;}
	.header.main h1{width:15rem;}
	.gnb {position:absolute;left:0;top:8rem;width:100%;padding:1.6rem 0;background:var(--blue_80)}
	.gnb ul li a{font-size:1.8rem;}
	.member .level{top:21rem;}
	.container{padding:12rem 3rem 4rem;}
}
@media only screen and (max-width:1366px){
    .top_box .inner.type02,
    .top_box .inner.type03{width:100%;}
    .top_box .inner.type02 .report_box .item .per{font-size:2rem;}
	.top_box .inner.type03.flex-row	{justify-content:center !important}
}


/* ////////////////개별 컨텐츠////////////////*/

/* exam - 학생목록*/
#exam .top_box .inner {padding:4.8rem;}
#exam .top_box .inner:nth-child(1) {width:58.4rem}
#exam .top_box .inner:nth-child(2) {width:calc(100% - 96rem)}
#exam .top_box .inner:nth-child(3) {width:34.4rem}
#exam .top_box .inner .item {width:100%;}
#exam .top_box .inner:nth-child(1) {background:#fff url('../images/contents/exam-top-bg.png') no-repeat;background-position:right bottom;}
#exam .top_box .item.tch {max-width:30rem;}
#exam .top_box .item.tch ul li {font-size:2rem;color:var(--gray_80);line-height:1.5;}
#exam .top_box .item.tch ul li b {color:var(--gray_100);font-weight:900;}
#exam .top_box .inner:nth-child(2) .item:nth-child(1) {width:43rem;}
#exam .top_box .inner:nth-child(2) .item:nth-child(2) {width:22.5rem;}
#exam .top_box .inner:nth-child(2) .blue-line-box {justify-content:center;gap:1.5rem;height:100%;}
#exam .top_box .inner:nth-child(2) .blue-line-box > span {font-size:1.6rem;text-align:center;}
#exam .top_box .inner:nth-child(2) .blue-line-box > em {font-size:3.2rem;}
#exam .top_box .inner:nth-child(3) {border-color:var(--blue_30);background:var(--blue_10);}
#exam .top_box .inner:nth-child(3) .item > div {display:flex;flex-direction:column;gap:.5rem;}
#exam .top_box .inner:nth-child(3) .item > div > span {font-size:1.5rem;color:var(--gray_80);line-height:1.4;}
#exam .top_box .inner:nth-child(3) .item > .btn {width:100%;padding:3rem 2rem;font-size:1.8rem;font-weight:800;}
/* 학생정보 (등록진단, 통계 페이지에서 사용) */
.top_box .std {display:inline-flex;padding:0;gap:1rem;}
.top_box .std .btn_group {display:flex;align-items:center;gap:2rem;}
.top_box .std .btn_group .count_txt_input {width:10rem;height:5.8rem;padding:0;border:.2rem solid var(--gray_40);border-radius:.6rem;font-size:2rem;font-weight:900;text-align:center;font-family:var(--f_nsN);}
.top_box .std .btn_group button.circle_btn {width:6.6rem;height:6.6rem;}
.top_box .std .btn_group button.circle_btn > i {width:100%;height:100%;}
.top_box .std .btn_group button.btn {padding:3rem 2rem;font-size:1.8rem;}

@media only screen and (max-width:1800px){
	#exam .top_box .inner:nth-child(2) .item:nth-child(1) {width:45rem;}
}
@media only screen and (max-width:1720px){
	#exam .top_box .std .btn_group {gap:1rem;}
	#exam .top_box .std .btn_group button.circle_btn {width:5.6rem;height:5.6rem;}
	#exam .top_box .std .btn_group .count_txt_input {width:8rem;height:5.2rem;}
}
@media only screen and (max-width:1600px){
	#exam .top_box .inner:nth-child(1) {width:100%;height:12rem;}
	#exam .top_box .inner:nth-child(1) .item.tch {align-items:center;flex-direction:row;justify-content:flex-start !important;max-width:inherit;}
	#exam .top_box .inner:nth-child(1) .item.tch > ul {display:flex;align-items:center;gap:1rem;width:56rem;}
	#exam .top_box .inner:nth-child(1) .item.tch > .select {width:calc(100% - 56rem);max-width:44rem;}
	#exam .top_box .inner:nth-child(2) {width:calc(100% - 36rem);}
}
@media only screen and (max-width:1280px){
	#exam .top_box .inner .item h3{width:16rem;}
    #exam .top_box .inner .item .btn{width:16rem;}
    #exam .top_box .inner .item .btn_group{width:33.2rem;justify-content:space-between;}
}
@media only screen and (max-width:1200px){
	#exam .top_box .inner:nth-child(1) {background:#fff;}
	#exam .top_box .inner:nth-child(1) .item.tch {justify-content:space-between !important;}
	#exam .top_box .inner:nth-child(1) .item.tch > ul {align-items:flex-start;flex-direction:column;gap:0;width:calc(100% - 30rem);}
	#exam .top_box .inner:nth-child(1) .item.tch > .select {width:30rem;max-width:initial;}
}
@media only screen and (max-width:1080px){
	#exam .top_box .inner {padding:3.8rem;}
	#exam .top_box .inner:nth-child(2) .item:nth-child(1) {width:32rem;}
	#exam .top_box .inner .item .btn_group {gap:1rem;width:100%;}
	#exam .top_box .inner .item .btn_group button.circle_btn,
	#exam .top_box .inner .item .btn_group button.circle_btn > i {width:5rem;height:5rem;background-size:100%;}
	#exam .top_box .inner .item .btn_group .count_txt_input {width:7rem;}

}

/* 진단하기__modal 공통 규격 */
#test01.modal .pop-test-wrap,
#test02.modal .pop-test-wrap,
#test03.modal .pop-test-wrap {max-width:155rem;height:auto;border-radius:4rem;border:none;overflow:hidden;}
/* 진단하기__modal*/
.modal__wrap .test__intro {width:100%;background-color:var(--blue_10);}
.test__intro .intro__wrap {width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;background:url('../images/common/test_intro_bg01.png') no-repeat 50%;background-size:100%;}
.test__intro .intro__wrap .bn_close {z-index:3;position: absolute; right:3rem; top: 3rem;}
.test__intro .intro__wrap .con_wrap {position:relative;display:flex;flex-direction:column;margin-top:10.2rem;}
.test__intro .intro__wrap .con_wrap h2 {font-weight:800;line-height:1;letter-spacing:-0.01em;}
.test__intro .intro__wrap .con_wrap h2 > em {margin-top:36px;font-family:var(--f_gwE);font-size:8rem;color:var(--blue_100);}
.test__intro .intro__wrap .con_wrap h2 .badge.big {border-radius:5rem;padding:1.5rem 3rem;font-size:5rem;line-height:1;font-weight:700;color:#fff;background:var(--blue_100);}
.test__intro .intro__wrap .con_wrap .brand-name{display:block;width:18rem;height:5rem;margin:0;padding:0;font-weight:800;font-size:0;background:url('../images/common/logo_blue.svg') no-repeat 50%;background-size:100%;}
.test__intro .intro__wrap .con_wrap p{padding-left:.6rem;}
.test__intro .test_intro_hd {z-index:2;width:82%;justify-content:space-between;margin:auto;}
.test__intro .test_intro_hd h2{display:flex;align-items:center;flex-direction:row;gap:1rem;}
.test__intro .test_intro_hd .sub_txt {margin:0 0 5rem;font-size:1.8rem;font-family:var(--f_nsN);font-weight:500;letter-spacing:-0.01em;}
.test__intro .test_intro_hd .title_cover {display: flex; align-items: center; gap: 1.5rem; font-family: var(--f_nsN);}
.test__intro .test_intro_hd .btn_wrap {display:flex; gap: 1rem;}
.test__intro .test_intro_hd .btn_wrap .btn {text-align: center; padding:2rem 8rem;font-weight: 800; font-size: 2.1rem; font-family: var(--f_nsN);}
.test__intro .test_intro_hd .test_check{position:absolute;right:0;top:7rem;}
.test__intro .test_intro_hd .test_check ul {display:flex; gap: 6rem;}
.test__intro .test_intro_hd .test_check li {position:relative;display: flex; flex-direction: column; justify-content: flex-end; align-items: center;gap:2rem;font-size:2rem; color:var(--gray_80);}
.test__intro .test_intro_hd .test_check li strong {color:var(--gray_100);}
.test__intro .test_intro_hd .test_check ul li i {display:block; width: 9rem; height: 9rem;background-size: 100%;background-repeat: no-repeat;background-position: 50%;}
.test__intro .test_intro_hd .test_check ul li i.num1 {background-image: url('../images/common/ico_img01.svg');}
.test__intro .test_intro_hd .test_check ul li i.num2 {background-image: url('../images/common/ico_img02.svg');}
.test__intro .intro__wrap .con_wrap.test_exp {position:relative;margin-top:13.2rem;font-family:var(--f_nsN);background:#BCDBFF;}
.test__intro .intro__wrap .con_wrap.test_exp:before {z-index:1;content:'';position:absolute;right:200px;top:-168px;display:block;width:610px;height:209px;background:url('../images/common/test_intro_img03.png') no-repeat 50%;background-size:100%;pointer-events:none;}
.test__intro .test_exp h3 {position:relative;display:block;width:15rem;height:100%;margin-top:3rem;padding-left:0;color:var(--gray_90);font-size:3rem;line-height:1.2;font-weight:900;font-family:var(--f_gwE);}
.test__intro .test_exp h3 span {display:block;color:var(--blue_100);font-family:var(--f_gwE);}
.test__intro .test_exp h3::before {content:'';position:absolute;left:-10rem;bottom:-2rem;display:block;width:13.8rem;height:11.9rem;background:url('../images/common/test_intro_img02.png') no-repeat;}
.test__intro .test_exp .checklist {position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;width:100%;height:29rem;padding:6rem 12rem 5rem;}
.test__intro .test_exp .checklist:before {content:'';position:absolute;left:0;top:-49px;display:block;width:100%;height:49px;background:url('../images/common/test_intro_bg02.png') no-repeat 50%;pointer-events:none;}
.test__intro .test_exp .box_item_wrap {display:flex;width:calc(100% - 22rem);border-radius:2rem;background:rgba(248, 251, 255, 0.3);}
.test__intro .test_exp .box_item_wrap .box_item {position:relative;height:18rem;padding:3.2rem 3rem 2rem;}
.test__intro .test_exp .box_item_wrap .box_item .checklist_tit {font-size:1.7rem;font-family:var(--f_gwE);color:var(--blue_100);}
.test__intro .test_exp .box_item.num2 {display:flex;flex-direction:row;align-items:flex-start;width:70rem;}
.test__intro .test_exp .box_item.num2 > div {display:flex;flex-direction:column;gap:2rem;width:15rem;}
.test__intro .test_exp .box_item.num2 > div > span {font-size:1.5rem;line-height:1.5;color:var(--blue_90);font-weight:600;}
.test__intro .test_exp .box_item.num2 ul {display:flex;justify-content:space-between;align-items:center;width:calc(100% - 10rem);}
.test__intro .test_exp .box_item.num2 ul li{}
.test__intro .test_exp .box_item.num2 ul li img{width:100%;height:auto;}
.test__intro .test_exp .box_item.num2 ul li p {color:#fff;}
.test__intro .test_exp .box_item.num2 ul li:first-child{width:20rem;}
.test__intro .test_exp .box_item.num2 ul li:first-child .txt_green {font-weight:800; font-size:2rem; line-height:150%; letter-spacing: -0.005em; color:var(--blue_100);}
.test__intro .test_exp .box_item.num2 ul li:first-child .txt_green span{display:block;}
.test__intro .test_exp .box_item.num2 ul li:last-child {display:flex;flex-direction:column;width:27rem;font-size:1.5rem;}
.test__intro .test_exp .box_item.num2 ul li:last-child .txt_green {font-weight:700;font-size:1.6rem;line-height:1;letter-spacing:-0.005em;}
.test__intro .test_exp .box_item.num2 ul li .row_item {display:inline-flex;justify-content:space-between;align-items:center;gap:1.2rem;color:var(--gray_90);}
.test__intro .test_exp .box_item.num2 ul li .row_item dd{display:flex;flex-direction:row;align-items:center;gap:1rem;width:10rem;}
.test__intro .test_exp .box_item.num2 ul li .row_item dd i {display:block;width:2.5rem;height:2.5rem;}
.test__intro .test_exp .box_item.num2 ul li .row_item dd i.prev {background:url('../images/common/ico_key01.svg') no-repeat 50%;}
.test__intro .test_exp .box_item.num2 ul li .row_item dd i.next {background:url('../images/common/ico_key02.svg') no-repeat 50%;}
.test__intro .test_exp .box_item.num2 ul li .row_item dd i.top {background:url('../images/common/ico_key03.svg') no-repeat 50%;}
.test__intro .test_exp .box_item.num2 ul li .row_item dd i.foot {background:url('../images/common/ico_key04.svg') no-repeat 50%;}
.test__intro .test_exp .box_item.num2 ul li .row_item.num1 {margin-bottom:2rem;}
.test__intro .test_exp .box_item.num3 {width:27rem;display:flex;flex-direction:column;gap:1rem;}
.test__intro .test_exp .box_item.num3 .col_item {width: 100%;}
.test__intro .test_exp .box_item.num3 .col_item .sub_title {display: flex;flex-direction: row;align-items: center;margin-bottom: 1.5rem; color:var(--c_blue); gap: 0.4rem;}
.test__intro .test_exp .box_item.num3 .col_item .sub_title span {font-weight: 900;font-size: 1.6rem;line-height: 1.8rem;}
.test__intro .test_exp .box_item.num3 .col_item .sub_title i {display:block;width:3.2rem;height:3.2rem;background-image: url(../images/common/ico_img03.svg);background-size: 100%;}
.test__intro .test_exp .box_item.num3 .col_item .chart_wrap {display: flex; flex-direction: row; gap: 2rem; align-items: center;}
.test__intro .test_exp .box_item.num3 .col_item .chart_wrap .chart_bar {width: 100%; background: #fff; border-radius: 1.5rem; overflow:hidden;}
.test__intro .test_exp .box_item.num3 .col_item .chart_wrap .chart_bar .percent {display: block; width:40%; height: 1.5rem; border-radius: 1.5rem; background: var(--c_blue);}
.test__intro .test_exp .box_item.num3 .col_item .chart_wrap .count_wrap {display: flex; align-items: center; gap: 1rem; color:#fff; font-size:1.5rem; line-height: 2.5rem; color:var(--gray_70);}
.test__intro .test_exp .box_item.num3 .col_item .chart_wrap .count_wrap .circle {width:2.4rem; height:2.4rem;background: var(--c_blue);border-radius: 5rem;color:#FFF;text-align: center; font-weight: 800;}
.test__intro .test_exp .box_item.num4 {display:flex;flex-direction:column;align-items:center;width:21rem;}
.test__intro #step_confirm{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.test__intro #step_confirm button.confirm {position:relative;display:flex;align-items:center;font-size:1.6rem;font-weight:bold;padding:1.2rem 3rem;border-radius:3rem;border:1px solid var(--yellow_50);color:var(--yellow_70);background:#fff;}
.test__intro #step_confirm button.confirm.on {background-color:#FFF6DD;}
.test__intro #step_confirm button.confirm.on:before {content:'';position:absolute;top:-1.2rem;left:50%;transform:translateX(-50%);display:block;width:2rem;height:2rem;background:url('../images/common/icon_confirm_on.svg') no-repeat 50%;}
/* 진단하기 문제 시작*/
.test__start {width:100%;padding:5rem 6rem;background:#E3F0FF url('../images/common/sub_bg03.png') no-repeat;background-position:50% 28%;}
.test__start .start__hd {position:relative;width:100%;display:flex;justify-content:space-between;margin-bottom:4rem;}
.test__start .start__hd .start__title {display:flex;align-items:center;gap:1rem;}
.test__start .start__hd h2 {display:flex;align-items:center;gap:.6rem;font-weight:800;line-height:1;}
.test__start .start__hd h2 > em {margin-top:16px;font-size:3.4rem;font-family:var(--f_gwE);color:var(--blue_100);}
.test__start .start__hd h2 > span {padding:1.2rem 2rem;border-radius:3rem;font-size:2rem;font-weight:900;color:#fff;background:var(--blue_100);}
.test__start .start__hd .sub_txt {color:var(--gray_90);font-size:2rem;font-weight:500;}
.test__start .start__hd .sub_txt > em {color:var(--blue_70)}
.test__start .start__hd .bn_close {position:absolute;right:0;top:-0.5rem;}
.test__start .start__hd .btn.blue {position:relative;right:9rem;top:0;padding:2rem 3rem;font-size:2rem;font-weight:900;border-radius:4rem;background-color:var(--blue_80);}
/* 문제 유형 선택 버튼*/
.test__start .start__con {position:relative;display:flex;flex-direction:column;gap:3rem;width:100%;}
.test__start .start__con .tabmenu {display:flex; justify-content:center;gap:1rem;}
.test__start .start__con .btn_group {display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;}
.test__start .start__con .btn_group .bn_tab {padding:1.2rem 1.2rem;}
.test__start .start__con .btn_group .bn_tab.on::after {display:none;}
.test__start .start__con .btn_group .bn_tab.on::before {content:"";display:block;width:1.6rem;height:1.6rem;background:url('../images/common/arrow_under_blue.svg') no-repeat;}
.test__start .start__con .select.type03{width:50%;}
.test__start .start__con .select.type03.on .lists{z-index:100}
.test__start .start__con .sound_title_box .bn_tab{display:flex;align-items:center;justify-content:space-between;width:calc(25% - 10px);word-break:keep-all;border-color:#AFAFAF;color:#757575;}
.test__start .start__con .sound_title_box .bn_tab.on{color:var(--blue_70);border-color:var(--blue_70);}
.test__start .start__con .sound_title_box .bn_tab::after{content:"";display:block;width:3.2rem;height:3.2rem;background:url(../images/common/ico_speaker_off.svg) no-repeat;}
.test__start .start__con .sound_title_box .bn_tab.on::after{background-image:url(../images/common/ico_speaker_on.svg);}
/* 문제 출제 박스*/
.start__con .quest_wrap {position:relative;display:flex;justify-content:center;align-items:center;font-family:var(--f_nsN);font-weight:800;}
.start__con .slide_box {z-index:10;display:flex;flex-direction:column;gap:1rem;width:80%;margin:auto;padding:4rem 0;border-radius:3rem;background:#fff;box-shadow:0 5px 50px 0 rgba(14, 70, 134, .2);}
.quest-box {width:100%; text-align: center; margin:0 auto;}
.quest_num {display:inline-flex;gap:1rem;line-height:5rem;margin:0 auto;}
.quest_num span {font-weight:800;font-size:2.5rem;color:var(--blue_70);}
.circle {display: block;border: 0.1rem solid var(--blue_70);border-radius:10rem;text-align:center;color:var(--blue_70);background:var(--blue_10);}
.circle.type02 {width:5rem;height:5rem;font-size:2.5rem !important;font-weight:900;}
.circle.type03 {width:3rem;height:3rem;}
.quest-box ul li {display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 560px);}
.quest_item.single {font-size:26rem;line-height:1.2;word-break:keep-all;font-family:var(--f_nnB)}
.quest_item.ready {color:#EDEDED;}
/* 정답 표기 버튼*/
.test__start .start__con .answer_box {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.test__start .start__con .answer_box li:first-child {margin-bottom:15.5rem;}
/* 진단하기 화살표 버튼 */
.start__con .slide_btn_box {position: absolute;display: inline-flex; justify-content: space-between; top:50%; width: 100%; height: 10.2rem; transform:translateY(-50%);}
.arr-btn.big {position: absolute; display: block;width:10rem;height:10rem;overflow:hidden;border-radius:10rem;transition:var(--ani_time);background-repeat:no-repeat;background-color:#fff;box-shadow:0 1px 15px 0 rgba(0, 0, 0, .05);}
.arr-btn.big.prev {left: 0; background-image:url('../images/common/prev_big2.svg');background-position:45% 50%;}
.arr-btn.big.next {right: 0; background-image:url('../images/common/next_big2.svg');background-position:55% 50%;}
@media (hover: hover) and (pointer: fine) {/* 진단하기 화살표 버튼 hover PC에서만 작동 */
	.arr-btn.big:active,
	.arr-btn.big:hover {background-color:var(--blue_80);}
	.arr-btn.big.prev:active,
	.arr-btn.big.prev:hover {left: 0; background-image:url('../images/common/prev_big_ov.svg');background-position:45% 50%;}
	.arr-btn.big.next:active,
	.arr-btn.big.next:hover {right: 0; background-image:url('../images/common/next_big_ov.svg');background-position:55% 50%;}
}
/* 진행단계 그래프*/
.test__start .start__con .stage_nav {position:relative;display:flex;align-items:center;justify-content:flex-end;gap:2rem;padding:0 5rem;}
.test__start .start__con .stage_nav .frame {z-index:2;display:flex;}
.test__start .start__con .stage_nav .frame.num1 {width:calc(100% - 33rem);}
.test__start .start__con .stage_nav .frame.num2 {position: relative; display: flex; align-items: center; gap: 2rem;width:auto;}
/* 일괄쓰기진단일때 */
.test__start .start__con .stage_nav.all-nav {justify-content: center;}
.test__start .start__con .stage_nav.all-nav .frame.num2 {display:none;}
.test__start .start__con .grap__wrap {width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.test__start .start__con .grap__wrap .sub_title {display:inline-flex;width:11rem;}
.test__start .start__con .grap__wrap .sub_title i {display: block; width: 4rem;height: 4rem;background: url('../images/common/ico_img03.svg') no-repeat;}
.test__start .start__con .grap__wrap .sub_title span {line-height: 4rem; font-size:1.8rem; color: var(--blue_70); font-weight: 800;}
.test__start .start__con .grap__wrap .chart_wrap {display: flex; flex-direction: row; gap: 2rem; align-items: center; width:calc(100% - 11rem);}
.test__start .start__con .grap__wrap .chart_wrap .chart_bar {width:calc(100% - 6.6rem); border-radius: 1.5rem; overflow:hidden; background:var(--gray_10);}
.test__start .start__con .grap__wrap .chart_wrap .chart_bar .progress_percent {display: block; width:0%; height: 1.5rem; border-radius: 1.5rem;background:var(--blue_70);}
.test__start .start__con .grap__wrap .chart_wrap .count_wrap {display: flex; align-items: center; gap: 1rem; width:auto; font-size: 1.6rem; color:#000;}
.test__start .start__con .grap__wrap .chart_wrap .count_wrap span {color:#AFAFAF;font-weight: 800;}
.test__start .start__con .grap__wrap .chart_wrap .count_wrap .circle.type01 {width:2.4rem; height:2.4rem; text-align:center; line-height:2.4rem; border-radius:10rem; color:#FFF; background:var(--blue_70);}
.test__start .start__con .grap__wrap.off {display: none;}
.test__start .start__con .stage__wrap.on{width:100%;} 
/* 문제 저장, 진행단계 활성화 버튼 등*/
.test__start .start__con .btn.stage {display:block;width:10rem;height:10rem;padding:0;border-radius:10rem;overflow:hidden;background:initial;}
.test__start .start__con .btn.stage i {display:block;height:10rem;background:url('../images/common/stage_btn_img.svg') no-repeat 50%;}
.test__start .start__con .btn.stage.on > i {background:url('../images/common/stage_btn_img_on.svg')no-repeat 50%;}
.test__start .start__con .btn.save {color:#fff; transition: var(--ani_time); background: var(--blue_70); }
.test__start .start__con .btn.save:hover {background: var(--blue_90);}
.test__start .start__con .btn.record {background: #333;}
.test__start .start__con .btn.record:hover {background: #555;}
.test__start .start__con .time_label {font-weight: 800; font-size: 2rem; color:var(--gray_100);}
/* 진행단계 네비게이션 활성화 박스*/
.test__start .start__con .stage__wrap .table_wrap {display: none; font-size:1.6rem;}
.test__start .start__con .stage__wrap.on {display:block;width:100%;}
.test__start .start__con .stage__wrap.on .table_wrap {position:relative;display:block;width:100%;height:auto;margin:0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;border:none;border-radius:0;}
.test__start .start__con .stage__wrap.on .table_wrap::-webkit-scrollbar {width:10px;height:10px;}   
.test__start .start__con .stage__wrap.on .table_wrap::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(65, 149, 244, .6);}
.test__start .start__con .stage__wrap.on .table_wrap::-webkit-scrollbar-track {background:rgba(65, 149, 244, .1);}
.test__start .start__con .stage__wrap.on .table_wrap table{width:120rem;}
.test__start .start__con .stage__wrap.on th, .test__start .start__con .frame .stage__wrap td {width:1%; min-width: 5.7rem;}
.test__start .start__con .stage__wrap.on .thead.type02 th {border-width: .1rem .1rem .1rem 0; border-style: solid; border-color: #E3EEF3; color: var(--blue_70); background: #F7FAFD; }
.test__start .start__con .stage__wrap.on .tbody.type02 td {border-width: 0 .1rem .1rem 0; border-style: solid; border-color: #E3EEF3; background: #FFFFFF; }
.test__start .start__con .stage__wrap.on .thead.type02 th:last-child {border-right:none;}
.test__start .start__con .stage__wrap.on .tbody.type02 td:last-child {border-right:none;}
.test__start .start__con .stage__wrap.on .tablewrap{margin:0;}
.test__start .start__con .stage__wrap.on .td_lst li b {min-height:3rem;padding-top:.5rem;padding-bottom:.5rem;border-color:var(--blue_30);color:var(--blue_80);background:var(--blue_20);cursor:pointer;}
.test__start .start__con .stage__wrap.on .td_lst li span {min-height:4rem;padding-top:.5rem;padding-bottom:.5rem;border-color:var(--blue_30);background:#fff;}
@media (pointer:coarse) { /* 모바일에서 네비게이션 활성화 시 스크롤바 작동 안되서 숨김처리 :: 모바일에서는 테이블 자체에 스크롤 */
	.test__start .start__con .stage__wrap.on .table_wrap::-webkit-scrollbar {display:none}   
	.test__start .start__con .stage__wrap.on .table_wrap::-webkit-scrollbar-thumb {display:none}
	.test__start .start__con .stage__wrap.on .table_wrap::-webkit-scrollbar-track {display:none}
}
/* 진단하기 - 읽기 */
#reading .test__start .start__con .stage_nav:after {content:'';z-index:1;position:absolute;right:-60px;bottom:-50px;display:block;width:187px;height:102px;background:url('../images/common/quest_img02.png') no-repeat 50%;}
#reading .test__start .start__con .stage_nav .frame.num1 {width:calc(100% - 12rem);}
/* 진단하기 - 유창성 */
#fluency .quest_item.single {font-size:13rem;padding-bottom:5rem;}
#fluency .test__start .start__con .stage_nav .frame.num2 {justify-content:space-between;width:30rem;}
#fluency .test__start .start__con .stage_nav .frame.num2 .time_box {display:flex;align-items:center;justify-content:flex-end;gap:2rem;width:calc(100% - 11rem);}
#fluency .test__start .start__con .stage_nav .frame.num2 .time_box .btn {padding:1.6rem 3rem;font-size:2rem;font-weight:800;border-radius:5rem;background:var(--yellow_70);}
/* 진단하기 - 쓰기 */
#writing .start__con .slide_box {padding:8rem 0;}
#writing .quest-box.number {position: relative; display: flex; align-items: center; justify-content: center;font-size: 3rem; line-height: 3.4rem;}
#writing .quest-box .quest_btn {position: absolute;width: 23rem; right: 0; }
#writing .quest-box .quest_btn .at-once {display: flex; float: right; align-items: center; flex-direction: row-reverse; gap: 0.5rem; color: #333; font-size: 2rem; font-weight: 800; cursor: pointer;}
#writing .quest-box .quest_btn .at-once::before {content: ""; display: block; width: 3.2rem; height: 3.2rem; background: url('../images/common/ico_speaker.svg') no-repeat; background-size: 100%; background-position: 50%;}
#writing .test__start .start__con .stage_nav:after {content:'';z-index:1;position:absolute;right:-60px;bottom:-50px;display:block;width:187px;height:102px;background:url('../images/common/quest_img02.png') no-repeat 50%;}
#writing .test__start .start__con .stage_nav .frame.num1 {width:calc(100% - 12rem);}
.quest_item.group {display: flex;justify-content: center;align-items: center;}
.unit {display:flex;align-items:center;width:34rem;height:26rem;padding:3rem;}
.unit:after {content:"";display:block;width:100%;height:26rem;margin:0 auto;}
.unit::after {background:url('../images/common/play_off.svg') no-repeat;background-size:100%;background-position:50%;}
.unit.on::after {background:url('../images/common/play_on.svg') no-repeat;background-size:100%;background-position:50%;}

/* 쓰기 일괄진단 */
#test03.modal.all-tst .pop-test-wrap .test__intro .intro__wrap .con_wrap p {margin:0 0 2rem;}

/* 쓰기 일괄입력 팝업 :: 쓰기 일괄진단 > 일괄입력 */
.all-pop .title_wrap {display:flex;flex-direction:column;gap:2rem;}
.all-pop .title_wrap h1 {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin:0;}
.all-pop .title_wrap h1::before {display:none;}
.all-pop .title_wrap h1 .badge.big {font-size:3rem;}
.all-pop .title_wrap h1 .badge.small {border:.1rem solid var(--c_blue);}
.all-pop .title_wrap .inner {display:flex;align-items:center;justify-content:space-between;}
.all-pop .wa_result {min-width:4rem;min-height:3rem;padding:.8rem;border:1px solid var(--gray_40);border-radius:.6rem;font-size:1.5rem;}

@media only screen and (max-width:1600px){
	.test__start {padding:4rem 5rem;}
}
@media only screen and (max-width:1520px){
	#fluency .quest_item.single {font-size: 12rem;}
}
@media only screen and (max-width:1440px){
	.test__intro .intro__wrap {height:75rem;overflow-y:scroll;}

	#test01.modal .pop-test-wrap .intro__wrap,
	#test02.modal .pop-test-wrap .intro__wrap,
	#test03.modal .pop-test-wrap .intro__wrap {overflow-y:initial;height:90vh;}

	#test03.modal.all-tst .pop-test-wrap .test__intro .intro__wrap .con_wrap.test_exp {margin-top:3.2rem;}
	.test__intro .test_exp .checklist {height:28rem;padding:6rem 6rem 4rem}
	.test__intro .test_intro_hd {width:86%;margin-bottom:0;}
	.test__intro .intro__wrap .con_wrap.test_exp {margin-top:15.2rem;}
	.test__intro .intro__wrap .con_wrap.test_exp:before {right:120px;top:-143px;width:520px;height:176px;}
	.test__intro .test_exp .box_item_wrap {width: calc(100% - 16rem);}

	#fluency .start__con .slide_box {gap: 0.5rem;}
	#fluency .quest_item.single {font-size: 10rem;}
}

@media only screen and (max-width:1366px){
	.test__start .start__hd {margin-bottom:3rem;}
	.test__intro .test_intro_hd .sub_txt {margin-bottom:4rem;}
	.test__intro .intro__wrap .con_wrap.test_exp {margin-top:10.2rem;}
}
@media only screen and (max-width:1280px){
	#test01.modal .pop-test-wrap .intro__wrap,
	#test02.modal .pop-test-wrap .intro__wrap,
	#test03.modal .pop-test-wrap .intro__wrap {overflow-y:scroll;}
	
	.test__intro .test_exp .checklist {height: auto;flex-direction: column;gap:0;padding: 0rem 6rem 4rem;}
	.test__intro .test_exp .box_item_wrap {flex-wrap:wrap;width: 100%;}
	.test__intro .test_exp .box_item.num2 {width: 65rem;}
	.test__intro .test_exp .box_item.num3 {width:calc(100% - 82rem);}
	.test__intro .test_exp .box_item.num4 {width:16rem;}
	.test__intro .test_exp h3 {display:flex;width:100%;align-items:center;}
	.test__intro .test_exp h3::before {position: static;display:flex;align-items:center;}
}
@media only screen and (max-width:1200px){
	.test__intro .test_exp .box_item_wrap .box_item .checklist_tit {font-size:2rem;}

    .test__intro .test_exp .box_item.num2 {width:100%;}
	.test__intro .test_exp .box_item.num2 > div {align-items:flex-start;gap: 1rem;width:30rem;}
	.test__intro .test_exp .box_item.num2 > div .checklist_tit {padding-top:.6rem;}
	.test__intro .test_exp .box_item.num2 > div > span > br {display:none;}
	.test__intro .test_exp .box_item.num2 ul {justify-content: center;gap: 6rem;}
    .test__intro .test_exp .box_item.num3 {width:calc(100% - 18.5rem);}

    .test__start .start__con .stage_nav .frame.num1{width:calc(100% - 28rem);}
    .test__start .start__con .stage_nav .frame.num2{width:auto;}
    .test__start .start__con .btn.stage {width:10rem;}
    .test__start .start__con .answer_box li:first-child{margin-bottom:12.2rem;}
    
    .test__start .start__con .table_wrap ul{width:57rem;}

    .quest_item.single{font-size:22rem;line-height:1.2;}

	.test__start .start__con .slide_btn_box{height:8rem;}
    .arr-btn.big{width:8rem;height:8rem;background-size:2rem;}
    .mark.big{width:8rem;height:8rem;background-size:100%;}
	.mark.big:hover {width:8rem;height:8rem;background-size:100%;}

	.unit {width:30rem;height:24rem;padding:2rem 4rem;}
	.unit:after {height:20rem;}

	.test__start .start__hd .btn.blue {right:7rem;padding:1rem 2rem;font-size:1.8rem;}
	.test__start .start__hd .bn_close {top:-0.1rem;width:5.4rem;height:5.4rem;}

	#writing .test__start .start__con .stage_nav .frame.num1,
	#reading .test__start .start__con .stage_nav .frame.num1 {width: calc(100% - 17rem);}
}
@media only screen and (max-width:1024px){
	.test__start {padding:4rem;}

	.test__start .start__con .slide_btn_box{height:6rem;}
    .arr-btn.big{width:6rem;height:6rem;}
    .mark.big{width:6rem;height:6rem;}
	.mark.big:hover {width:6rem;height:6rem;}

	.start__con .slide_box {width:84%;}

	.test__intro .intro__wrap .con_wrap h2 > em {margin-top: 30px;font-size:6.2rem;}
	.test__intro .intro__wrap .con_wrap h2 .badge.big {font-size:3.5rem;padding:1.3rem 2rem;}
	.test__intro .intro__wrap .con_wrap.test_exp:before {right:39px;top: -121px;width: 438px;}

	.test__intro .test_intro_hd .btn_wrap .btn {padding:2rem 6rem;}

	#fluency .quest_item.single {font-size:9rem;}
	#fluency .test__start .start__con .grap__wrap .chart_wrap {width:calc(100% - 12rem);}
	#fluency .test__start .start__con .stage_nav .frame.num1 {width: calc(100% - 31rem);}
	#fluency .test__start .start__con .stage_nav .frame.num2 {gap: 1rem;}
	
	#writing .test__start .start__con .stage_nav .frame.num1,
	#reading .test__start .start__con .stage_nav .frame.num1 {width: calc(100% - 13rem);}
}
@media only screen and (max-width:1000px){
    .test__intro .test_exp .box_item{height:16.3rem;}
    .test__intro .test_exp .box_item.num2 {height:auto;}
    .test__intro .test_exp .box_item.num2 ul{flex-wrap:wrap;gap: 2rem;}
    .test__intro .test_exp .box_item.num2 ul li:first-child .txt_green span{display:inline;}
    .test__intro .test_exp .box_item.num2 ul li{width:17rem;}
    .test__start .start__con .table_wrap ul{width:36rem;}
	
	.test__intro .intro__wrap .con_wrap {margin-top: 7.2rem;}
	
	.test__intro .test_intro_hd .test_check {top: 13rem;}
	.test__intro .test_intro_hd .test_check li {gap:1rem;}
	.test__intro .test_intro_hd .test_check ul li i {width: 7rem;height: 7rem;}

	#writing .quest-box .quest_btn .at-once {font-size: 1.7rem;}
	#writing .quest-box .quest_btn .at-once::before {width: 2.5rem;height: 2.5rem;}
}
@media only screen and (max-height:857px){ /* 높이값 반응형*/
	.test__start .start__hd {margin-bottom:3rem;}
	.test__intro .test_intro_hd .sub_txt {margin-bottom:4rem;}
	.test__intro .intro__wrap .con_wrap.test_exp {margin-top:10.2rem;}

	#fluency .quest_item.single {font-size:12rem;padding-bottom:2rem;}
	#writing .start__con .slide_box {padding:6rem 0;}

	#test01.modal .pop-test-wrap .intro__wrap,
	#test02.modal .pop-test-wrap .intro__wrap,
	#test03.modal .pop-test-wrap .intro__wrap {overflow-y:scroll;}
}

/* 진단결과*/
#result .std_list .btn_group ul li label::before {cursor: pointer;} /* 학생개별 진단결과 학급마감 checkbox*/
#result .std_list .th_yellow_1, #result .std_list table thead .th_pink_1, #result .std_list table thead .th_mint_1  {width:7%;padding:2rem .5rem;}
#result .std_list .th_inner,
#result .std_list .td_inner {display:flex;align-items:center;justify-content:center;}
#result .std_list .th_inner label,
#result .std_list .td_inner label {display:flex;align-items:center;gap:1rem;}
#result .std_list .td_inner i {}
#result .table_wrap tbody .select.type02 strong {height: 3.8rem; display: block; line-height: 5.5rem;}
#result .table_wrap tbody .select.type02 strong a {display: inline-block;}
#result .top_box .inner.type03 .info_wrap ul {max-width:20rem;gap:1.5rem;}
#result .top_box .inner.type02 .report_box .item b {display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:2rem;font-weight:900;}
#result .top_box .inner.type02 .report_box .item b > .bullet {padding:.6rem 1rem;border-radius:20px;font-size:1.4rem;color:#fff;font-weight:700;}
#result .top_box .inner.type02 .report_box .item.num1 b > .bullet {background:var(--pink_60);}
#result .top_box .inner.type02 .report_box .item.num2 b > .bullet {background:var(--yellow_70);}
#result .top_box .inner.type02 .report_box .item.num3 b > .bullet {background:var(--green_70);}
#result .top_box .inner.type02 .report_box .item .per {margin:0;padding:0;font-weight:900;}
#result .top_box .inner.type02 .report_box .item .per::before {display:none;}
#result .top_box .inner.type02 .report_box .item > .count {display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;}
#result .top_box .inner.type02 .group_box .item.num2 {height: 100%;}
#result .top_box .inner.type02 .group_box .item.num2 .blue-line-box {height: 100%;}
#result .top_box .inner.type02 .group_box .item.num2 .blue-line-box > span {font-size:1.6rem}
#result .top_box .inner.type02 .group_box .item.num2 .blue-line-box > em {font-size:2.4rem}
#result .chart_wrap .chart-label {top:38%;}
/* 진단결과 하단 프린트용 그래프 숨김처리 */
#multi_chart_container {position: absolute; text-indent: -99999px; left: -100%;top: -100%;}

/* 나의학급 */
#myclass .std_list .btn_group {display: flex; gap: 5rem; top: 1%; margin-top: 0.1rem;}
#myclass .std_list .btn_group ul {align-items: center; gap: 1rem;}
#myclass .std_list .btn_group ul li {font-size: 1.6rem;}
#myclass .std_list .btn_group ul li label {display: flex; gap: 1rem; cursor: pointer;}
#myclass .std_list .btn_group ul li label::before {top: 1.4rem; left: -2.6rem; cursor: pointer;}
#myclass .th_inner label {display: flex; justify-content: center; gap: 1rem;}
#myclass .td_inner label {display: flex; align-items: center;justify-content: center; gap: 2rem;}
#myclass .td_inner label .state {margin:0;}
#myclass .std_list .btn_group ul li a {display: flex; align-items: center; gap: 0.5rem; padding: .8rem 1.2rem;}
#myclass .std_list .btn_group ul li a:after {content: ''; display: block; width: 2.5rem; height: 2.5rem; background:url('../images/common/ico_download_blue.svg') no-repeat 50%; background-size: 100%;}
#myclass .top_box .inner:nth-child(1) {width:24%}
#myclass .top_box .inner:nth-child(1) .item {gap:1.2rem;}
#myclass .top_box .inner:nth-child(1) .item .blue-line-box {padding:2rem;}
#myclass .top_box .inner:nth-child(2) {width:75%;gap:6rem;}
#myclass .top_box .summation .item:nth-child(1) {width:20%;}
#myclass .top_box .summation .item:nth-child(1) .blue-line-box {justify-content:center;gap:1rem;height:100%;}
#myclass .top_box .summation .item:nth-child(1) .blue-line-box > span {font-size:1.6rem;}
#myclass .top_box .summation .item:nth-child(1) .blue-line-box > ul {display:flex;align-items:flex-end;gap:.5rem}
#myclass .top_box .summation .item:nth-child(1) .blue-line-box > ul > li > em {font-size:2.2rem;}
#myclass .top_box .summation .item:nth-child(1) .blue-line-box > ul > li:nth-child(2) {margin-bottom:1px;}
#myclass .top_box .summation .item:nth-child(2) {width:100%;}
#myclass .top_box .summation .item:nth-child(2) .tbl_basic thead th {line-height:1}
#myclass .top_box .summation .item:nth-child(2) .tbl_basic thead th.type01 {border-radius:1rem 1rem 0 0;}
#myclass .top_box .summation .item:nth-child(2) .tbl_basic thead th.type02 {font-size:1.5rem}
#myclass .top_box .summation .item:nth-child(2) .tbl_basic thead th.type02:last-child {border-right:0;}
#myclass .top_box .summation .item:nth-child(2) .tbl_basic tbody tr td {line-height:2.5;font-size:1.5rem;font-weight:800;}
#myclass .top_box .summation .item:nth-child(2) .table_wrap,
#myclass .top_box .summation .item:nth-child(2) .table_wrap .tbl_basic {height:100%;}
#myclass .top_box .summation .item:nth-child(2) .table_wrap.num1,
#myclass .top_box .summation .item:nth-child(2) .table_wrap.num1 .tbl_basic tbody tr td {border-color:var(--pink_30);}
#myclass .top_box .summation .item:nth-child(2) .table_wrap.num2,
#myclass .top_box .summation .item:nth-child(2) .table_wrap.num2 .tbl_basic tbody tr td {border-color:var(--yellow_30);}
#myclass .top_box .summation .item:nth-child(2) .table_wrap.num3,
#myclass .top_box .summation .item:nth-child(2) .table_wrap.num3 .tbl_basic tbody tr td {border-color:var(--green_30);}
@media only screen and (max-width:1710px){
	#myclass .top_box .summation .item:nth-child(2) .table_wrap,
	#myclass .top_box .summation .item:nth-child(2) .table_wrap .tbl_basic {height:auto;}
	#myclass .top_box .inner:nth-child(1) {width:36rem;}
	#myclass .top_box .inner:nth-child(2) {width:calc(100% - 37.7rem);}
}
@media only screen and (max-width:1600px){
	#myclass .top_box .inner:nth-child(1) {display:none;}
	#myclass .top_box .inner:nth-child(2) {width:100%;}
}
@media only screen and (max-width:1280px){
	#myclass .top_box .inner:nth-child(2) {gap:2rem;}
}

/* /////////////// popupwrap 스타일 시작 /////////////// */
/* popupwrap 공통규격 */
.popupwrap{position:relative;display:flex;flex-direction:column;gap:2rem;width:100%;margin:0 auto;padding:9rem 6rem 15rem;background:transparent;}
.popupwrap *{font-size:1.5rem}
.popupwrap .wrapper {background:#fff;}

/* 인쇄버튼 */
.popupwrap .etcwrap button {padding:1.2rem;border-radius:.6rem;color:#fff;background:var(--blue_70);}
.popupwrap .etcwrap button::before {background-image:url('../images/common/ico_print_white.svg');}
.popupwrap .etcwrap button:hover {background-color:var(--blue_90)}
.popupwrap h1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;margin-bottom:5rem;color:var(--blue_100);font-family:var(--f_nsN);font-size:4.4rem;font-weight:900;}
.popupwrap h1::before{content:"";display:block;width:26rem;height:7rem;background:url(../images/common/logo_blue.svg) no-repeat;background-size: contain;}
.popupwrap section h2 {display:flex;align-items:center;gap:.5rem;padding:3.8rem 4.2rem;font-size:2rem;font-weight:700;color:var(--gray_100);background:var(--gray_10);}
.popupwrap section h2::before {content:"";display:block;width:2.4rem;height:2.4rem;background:url('../images/common/ico_tit01.svg') no-repeat;}

.popupwrap .std_tit_wrap {margin:3rem 0 1rem}
.popupwrap .std_tit_wrap h2 {display:flex;align-items:center;gap:.5rem;padding:0;margin:0;font-size:2rem;font-weight:700;color:var(--gray_100);line-height:2;background: transparent;}
.popupwrap .std_tit_wrap h2::before {content:"";display:block;width:2.4rem;height:2.4rem;background:url('../images/common/ico_tit01.svg') no-repeat;}

/* 팝업 - 맨위로(top) 이동 버튼 */
.scroll-top {position:sticky;bottom:7rem;width:5rem;height:5rem;margin-left:104%;border-radius:50%;background:var(--gray_90) url('../images/common/top-icon.svg') no-repeat 50%;transition:var(--ani_time);}
.scroll-top:hover {background-color:var(--gray_100);}

/* 진단결과 popup */
.result-pop section{width:100%;;border-radius:1.2rem;border:0.1rem solid var(--gray_40);overflow:hidden;}
.result-pop section h2.accordion {position:relative;cursor:pointer;}
.result-pop section h2.accordion:after {content:"";position:absolute;display:block;right:4rem;top:34%;width:3rem;height:3rem;transition:all var(--ani_time) ease;-webkit-transition: all var(--ani_time) ease;background:url(../images/common/arr_under_big.svg) no-repeat;background-position:50%;background-size:100%; }
.result-pop section h2.accordion.on:after {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.result-pop section .wrapper {padding:4.2rem;background:#fff;}
.result-pop section.con1,
.result-pop section.con2 {display:flex;justify-content:space-between;gap:1.6rem;border:none;border-radius:0;}
.result-pop section.con1 .wrapper,
.result-pop section.con2 .wrapper,
.result-pop section.con4 .wrapper{position:relative;display:flex;gap:2rem;flex-direction:column;height:260px;border:0.1rem solid var(--gray_40);border-radius:1.2rem;}
.result-pop section.con1 .wrapper h2,
.result-pop section.con2 .wrapper h2,
.result-pop section.con4 .wrapper h2 {padding:0;background:transparent;}
.result-pop section.con1 .wrapper:nth-child(1) {max-width:52.4rem;width:42%;}
.result-pop section.con1 .wrapper:nth-child(2) {max-width:41.6rem;width:33%;}
.result-pop section.con1 .wrapper:nth-child(3) {width:30.8rem}
.result-pop section.con1 .wrapper:nth-child(1) h2::before {background-image:url('../images/common/ico_tit01.svg');}
.result-pop section.con1 .wrapper:nth-child(2) h2::before {background-image:url('../images/common/ico_tit02.svg');}
.result-pop section.con1 .wrapper:nth-child(3) h2::before {background-image:url('../images/common/ico_tit03.svg');}
.result-pop section.con1 .std_info {display:flex;flex-wrap:wrap;align-content:center;gap:2rem 1rem;margin-top:3rem;}
.result-pop section.con1 .std_info dd {display:flex;align-items:center;gap:1rem;font-size:1.8rem;font-weight:800;}
.result-pop section.con1 .std_info dd > span{font-size:1.8rem;font-weight:800;}
.result-pop section.con1 .std_info dd.wide{width:100%;}
.result-pop section.con1 .std_info dd > b {display:inline-flex;font-size:1.4rem;padding:1rem;border-radius:.6rem;border:1px solid var(--blue_30);color:var(--blue_70);background:var(--blue_10);}
.result-pop section.con1 .wrapper:nth-child(2) > ul {display:flex;flex-direction:column;gap:2.5rem;margin-top:4.5rem;}
.result-pop section.con1 .wrapper:nth-child(2) > ul li {display:flex;justify-content:space-between;align-items:center;}
.result-pop section.con1 .wrapper:nth-child(2) > ul li > b {font-size:1.6rem;}
.result-pop section.con1 .wrapper:nth-child(3) .txout {flex-direction:column;margin-top:2.5rem;font-size:1.6rem;font-weight:800;color:var(--gray_90);}
.result-pop section.con1 .wrapper:nth-child(3) .txout > .state {width:7.4rem;height:7.4rem;background-size:100%;}
.result-pop section.con2 {gap:2rem;}
.result-pop section.con2 .wrapper {width:calc(50% - 1rem);height:540px;gap:0;}
.result-pop section.con2 .wrapper .chart_wrap {width:45rem;padding:1rem 1rem 0;margin:0 auto;}
.result-pop section.con2 .wrapper:nth-child(2) .chart_wrap {width:50rem;padding:3rem 2rem 0;}
.result-pop section.con2 .wrapper:nth-child(1) h2::before {background-image:url('../images/common/ico_tit04.svg');}
.result-pop section.con2 .wrapper:nth-child(2) h2::before {background-image:url('../images/common/ico_tit05.svg');}
.result-pop section.con3 h2::before {background-image:url('../images/common/ico_tit07.svg');}
.result-pop section.con4 {border-color:var(--blue_40);background-color:var(--blue_10);}
.result-pop section.con4 .wrapper {display:flex;gap:2rem;height:auto;border:none;background:transparent;}
.result-pop section.con4 .wrapper h2::before {background-image:url('../images/common/ico_tit06.svg');}
.result-pop section.con4 article{width: 100%;}
.result-pop section.con4 article p{margin:1rem .8rem 0;line-height:1;color:var(--gray_90);}
.result-pop section.con4 .res_text_table td:nth-child(2){text-align:left;}
.result-pop section.con4 table td p{margin:initial !important;min-height:initial !important; line-height:1.5;}
/* 진단결과 - 결과안내 코멘트 */
#comment, #comment_area {display:flex; flex-direction: column; justify-content: space-between; gap: 2rem;}
#comment .wrapper, #comment_area .wrapper {padding:0;}
#comment .wrapper table td {padding: 2.5rem 1rem;}
#comment .wrapper table td div {width:100%; margin: 0 auto 2rem; padding:.7rem 0; border-radius: 0.5rem; border: 0.1rem solid #ddd; font-size: 1.4rem; font-weight: 500;}
#comment .wrapper table td div:last-child {margin-bottom:0;}
#comment .wrapper table td div.step1 {color: var(--c_blue_m); border-color: var(--c_blue); background: var(--c_blue_1);}
#comment .wrapper table td div.step2 {color: var(--c_mint_m); border-color: var(--c_mint);}
#comment_area .wrapper table th {border-color: #D0D7E0; color: #FFF; background: #929EA9;}
#comment_area .wrapper table .th-2depth {background: #7e8993;}
#comment_area .wrapper table td {border-top: 0.1rem solid #E3EEF3;}
#comment_area .wrapper table .bdr-round-top {border-radius: 1rem 0 0 0;}
#comment_area .wrapper table .bdr-round-bot {border-radius: 0 0 0 1rem; border-bottom: 0;}
.comment_wrap {font-family:var(--f_nsN);line-height:1.5;color:var(--gray_100);font-weight:300;}

@media only screen and (max-width:1100px){
	.result-pop section.con2 .wrapper .chart_wrap {width:38rem;}
}

/*  누가 popup */
#nuga .pop-test-wrap {max-width: 153rem;}
.nuga-pop .badge.small{gap:1rem;padding:1rem 0.7rem;font-size:4.4rem;font-weight:900;color:var(--blue_100);background:transparent;}
.nuga-pop .badge.small em.step_tt{display:flex;align-items:center;border-radius:.6rem;padding:.6rem 1rem;font-style:normal;font-size:3.2rem;line-height:1;font-weight:900;color:var(--blue_100);border:0.1rem solid var(--blue_100);}
.nuga-pop h1 {flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem;font-size:2.5rem;font-weight:700;color:var(--gray_90);}
.nuga-pop h1::before {width:4.8rem;height:4.8rem;background-image:url('../images/contents/img_titico2.svg');}
.nuga-pop h1 .student_number {font-size:2.5rem;font-weight:700;}
.nuga-pop .con1{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:5.5rem 8rem;border:0.1rem solid var(--gray_40);border-radius:1rem;background:var(--c_white);}
.nuga-pop .con1 .article-wrap {display:flex;justify-content: space-between;}
.nuga-pop .con1 article{display:flex;flex-direction:column;justify-content:center;}
.nuga-pop .con1 article h3{position:relative;text-align:center;}
.nuga-pop .con1 article h3::before{z-index:0;content:"";display:block;position:absolute;top:2rem;left:0;width:calc(100% - 3px);height:3.7rem;border:0.1rem dashed var(--blue_60);border-bottom:0;}
.nuga-pop .con1 article h3 span{z-index:10;position:relative;display:inline-block;margin:0 auto 2rem;padding:1.2rem 2rem;color:#fff;border-radius:6rem;font-size:1.6rem;}
.nuga-pop .con1 article .td_lst li b {padding:2rem}
.nuga-pop .con1 article .td_lst li span {padding:2.5rem 2rem;}
.nuga-pop .con1 article.article-item.num1 h3::before {border-color:var(--yellow_60)}
.nuga-pop .con1 article.article-item.num1 h3 span {background:var(--yellow_70);}
.nuga-pop .con1 article.article-item.num1 .td_lst li b {border-color:var(--yellow_40);color:var(--yellow_70);background:var(--yellow_10);}
.nuga-pop .con1 article.article-item.num1 .td_lst li span {border-color:var(--yellow_40);}
.nuga-pop .con1 article.article-item.num2 h3::before {border-color:var(--green_60)}
.nuga-pop .con1 article.article-item.num2 h3 span {background:var(--green_60);}
.nuga-pop .con1 article.article-item.num2 .td_lst li b {border-color:var(--green_40);color:var(--green_70);background:var(--green_10);}
.nuga-pop .con1 article.article-item.num2 .td_lst li span {border-color:var(--green_40);}
.nuga-pop .con1 article.article-item.num3 h3::before {border-color:var(--blue_60)}
.nuga-pop .con1 article.article-item.num3 h3 span {background:var(--blue_70);}
.nuga-pop .con1 article.article-item.num3 .td_lst li b {border-color:var(--blue_40);color:var(--blue_70);background:var(--blue_10);}
.nuga-pop .con1 article.article-item.num3 .td_lst li span {border-color:var(--blue_40);}
.nuga-pop .con1 article.article-item.num4 h3::before {border-color:var(--purple_60)}
.nuga-pop .con1 article.article-item.num4 h3 span {background:var(--purple_60);}
.nuga-pop .con1 article.article-item.num4 .td_lst li b {border-color:var(--purple_40);color:var(--purple_70);background:var(--purple_10);}
.nuga-pop .con1 article.article-item.num4 .td_lst li span {border-color:var(--purple_40);}
.nuga-pop .con1 .btn_group ul {display:flex;justify-content:flex-end;align-items:center;gap:1rem;}
.nuga-pop button.confirm {display: block;width: 3rem;height: 3rem;margin: auto;line-height: 0.3rem;text-indent: -999px;overflow: hidden;background:url('../images/contents/confirm.svg') no-repeat; background-size:100%;}
.nuga-pop button.confirm.on {background:url(../images/contents/confirm_on.svg) no-repeat; background-size:100%;}
.nuga-pop button.confirm.chkall{display:inline-block;}
.nuga-pop section.con2 h2::before {background-image:url('../images/common/ico_tit10.svg')}

/* 성장기록 popup*/
.grow-pop section.con1 {display:flex;justify-content:space-between;border:none;border-radius:0;}
.grow-pop section.con1 .wrapper {position:relative;display:flex;gap:2rem;flex-direction:column;height:260px;border:0.1rem solid var(--gray_40);border-radius:1.2rem;}
.grow-pop section.con1 .wrapper h2 {padding:0;background:transparent;}
.grow-pop section.con1 .wrapper:nth-child(1) {width:42rem;}
.grow-pop section.con1 .wrapper:nth-child(2) {width:calc(100% - 43rem);max-width: initial;}
.grow-pop section.con1 .wrapper:nth-child(1) h2::before {background-image:url('../images/common/ico_tit01.svg');}
.grow-pop section.con1 .wrapper:nth-child(2) h2::before {background-image:url('../images/common/ico_tit02.svg');}
.grow-pop section.con1 .wrapper:nth-child(1) dl {margin-top:2rem;}
.grow-pop section.con1 .wrapper #step_result_box {display:flex;justify-content:flex-start;gap:2rem;}
.grow-pop section.con1 .wrapper #step_result_box dd {display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 1rem;flex-basis:initial;min-width:240px;max-width:24rem;min-height:12.8rem;padding:2.6rem 3rem;border:1px solid var(--gray_40);border-radius:1rem;}
.grow-pop section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(1))::after {content:'';display:block;width:calc(100% - 27rem);max-width:500px;background:url('../images/contents/test-temp2.png') no-repeat 50%;background-size: 100%;}
.grow-pop section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(2))::after {content:'';display:block;width:calc(100% - 54rem);max-width:240px;background:url('../images/contents/test-temp1.png') no-repeat 50%;background-size: 100%;}
.grow-pop section.con1 .wrapper #step_result_box dd > b {display:flex;justify-content:center;align-items:center;padding:.8rem;border:1px solid;border-radius:.6rem;font-weight:500;}
.grow-pop section.con1 .wrapper #step_result_box dd:nth-of-type(1) > b {border-color:var(--pink_30);color:var(--pink_70);background:var(--pink_10);}
.grow-pop section.con1 .wrapper #step_result_box dd:nth-of-type(2) > b {border-color:var(--yellow_30);color:var(--yellow_70);background:var(--yellow_10);}
.grow-pop section.con1 .wrapper #step_result_box dd:nth-of-type(3) > b {border-color:var(--green_30);color:var(--green_70);background:var(--green_10);}
.grow-pop section.con1 .wrapper #step_result_box dd p {display:flex;gap:0.5rem;font-weight:800;}
.grow-pop section.con1 .wrapper #step_result_box dd p:before {content:'검사일';display:block;color:var(--gray_100);font-weight:500;}
.grow-pop section.con4 {border-color:var(--gray_40);}
.grow-pop section.con4 .wrapper {background:#fff;}
.grow-pop section.con6 table .txout {justify-content:center;line-height:1;}
.grow-pop section.con6 table .txout .state {margin:0;}
.grow-pop section.con6 table thead tr th,
.grow-pop section.con6 table tbody tr td {width:initial;}
.grow-pop section.con6 table tbody .total {border-top:0.2rem solid var(--gray_80);background:var(--gray_10);}
.grow-pop section.con6 table tbody .total td {border-left:.1rem solid var(--gray_40);border-bottom:.1rem solid var(--gray_40);font-weight:800;}
.grow-pop section.con6 table tbody .total td:first-child {border-left:none;}
.grow-pop section .wrapper table tbody tr td .bullet {padding:.8rem;border:1px solid;border-radius:.6rem;font-weight:500;}
.grow-pop section .wrapper table tbody tr:nth-of-type(1) td .bullet {border-color:var(--pink_30);color:var(--pink_70);background:var(--pink_10);}
.grow-pop section .wrapper table tbody tr:nth-of-type(2) td .bullet {border-color:var(--yellow_30);color:var(--yellow_70);background:var(--yellow_10);}
.grow-pop section .wrapper table tbody tr:nth-of-type(3) td .bullet {border-color:var(--green_30);color:var(--green_70);background:var(--green_10);}
.grow-pop section.con3 h2::before {background-image:url('../images/common/ico_tit07.svg');}
.grow-pop section.con4 h2::before {background-image:url('../images/common/ico_tit04.svg');}
.grow-pop section.con5 h2::before {background-image:url('../images/common/ico_tit05.svg');}
.grow-pop section.con6 h2::before {background-image:url('../images/common/ico_tit10.svg');}
.grow-pop section.con7 h2::before {background-image:url('../images/common/ico_tit08.svg');}

/* 개별화 popup */
.myclass-pop .con1 {flex-direction: column; width: 100%; padding: 0; border-radius: 1rem; border: 0.1rem solid var(--line_gray); overflow: hidden;}
.myclass-pop section h2 {display: flex; align-items: center; gap: 1rem; margin:0; padding: 2rem 3.2rem; font-size: 2rem; font-weight: 700; color: #545454; background: #f6f6f6;}
.myclass-pop section h2::before {content: ""; display: block; width: 3.2rem; height: 3.2rem;background-image: url('../images/contents/ico_tit02.svg');}
.myclass-pop section .wrapper {padding: 5rem 4rem;}
.myclass-pop .wrapper table tr {background: #fff}
.myclass-pop .wrapper table tr td:not(:last-child) {border-right: 0.1rem solid #E3EEF3;}

/* 계획 popup*/
.plan-popup section.con2 article h3 {display:inline-block;padding:1rem 1.6rem;color:#fff;border-radius:10rem;font-size:1.5rem;background:var(--c_mint_m);}
.plan-popup section.con2 article:last-child h3 {background:var(--c_blue_m)}
.plan-popup section.con2 h2::before {background-image:url('../images/common/ico_tit02.svg');}
.plan-popup section.con3 h2::before {background-image:url('../images/common/ico_tit08.svg');}
.plan-popup section.con4 h2::before {background-image:url('../images/common/ico_tit03.svg');}
.plan-popup h1 > span {display:flex;align-items:center;gap:1rem;font-size:4.4rem;}
.plan-popup h1 > span > em {padding:.8rem 1rem;border-radius:.6rem;border:1px solid var(--blue_90);font-size:3rem;background:#fff;}
.plan-popup h1 > span > em.sp1 {border-color:var(--pink_30);color:var(--pink_70);background-color:var(--pink_10);}
.plan-popup h1 > span > em.sp2 {border-color:var(--yellow_30);color:var(--yellow_70);background-color:var(--yellow_10);}
.plan-popup h1 > span > em.sp3 {border-color:var(--green_30);color:var(--green_70);background-color:var(--green_10);}
.plan-popup section.con1 {display:flex;justify-content:space-between;flex-direction:row;border:none;border-radius:0;padding:0;border:0;border-radius:0;background:transparent;}
.plan-popup section.con1 .wrapper {position:relative;display:flex;flex-direction:column;gap:2rem;height:240px;padding:4.2rem;border:0.1rem solid var(--gray_40);border-radius:1.2rem;}
.plan-popup section.con1 .wrapper h2 {padding:0;background:transparent;}
.plan-popup section.con1 .wrapper:nth-child(1) {width:calc(100% - 32rem);background:#fff url('../images/contents/plan-popup-info-bg.png') no-repeat;background-position:right bottom;}
.plan-popup section.con1 .wrapper:nth-child(2) {width:30.7rem;}
.plan-popup section.con1 .wrapper:nth-child(1) h2::before {background-image:url('../images/common/ico_tit01.svg');}
.plan-popup section.con1 .wrapper:nth-child(2) h2::before {background-image:url('../images/common/ico_tit02.svg');}
.plan-popup section.con1 .wrapper:nth-child(2) > ul {display:flex;flex-direction:column;gap:2rem;margin-top:3rem;}
.plan-popup section.con1 .wrapper:nth-child(2) > ul li {display:flex;justify-content:space-between;align-items:center;}
.plan-popup section.con1 .wrapper:nth-child(2) > ul li > b {font-size:1.6rem;}
.plan-popup section.con1 .wrapper:nth-child(2) > ul li > span {}
.plan-popup section.con1 .wrapper dl {display:flex;flex-wrap:wrap;align-content:center;gap:2rem 1.5rem;}
.plan-popup section.con1 .wrapper:nth-child(1) dl {margin-top:1.5rem;}
.plan-popup section.con1 .wrapper #step_result_box {justify-content:flex-start;gap:2rem;}
.plan-popup section.con1 .wrapper #step_result_box dd {display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 1rem;flex-basis:initial;min-width:18rem;max-width:24rem;min-height:12.8rem;padding:3rem;border:1px solid var(--gray_40);border-radius:1rem;}
.plan-popup section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(1))::after {content:'';display:block;width:calc(100% - 27rem);min-width:500px;background:url('../images/contents/test-temp2.png') no-repeat 50%;}
.plan-popup section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(2))::after {content:'';display:block;width:calc(100% - 54rem);min-width:240px;background:url('../images/contents/test-temp1.png') no-repeat 50%;}
.plan-popup section.con1 .std_info dd {display:flex;align-items:center;gap:1rem;font-size:1.8rem;font-weight:800;}
.plan-popup section.con1 .std_info dd input[type='text'] {padding:1rem 1.2rem;font-size:1.6rem;}
.plan-popup section.con1 .std_info dd > span{font-size:1.8rem;font-weight:800;}
.plan-popup section.con1 .std_info dd.wide{width:100%;}
.plan-popup section.con1 .std_info dd > b {display:inline-flex;font-size:1.4rem;padding:1.2rem;max-height:39px;border-radius:.6rem;border:1px solid var(--blue_30);color:var(--blue_70);background:var(--blue_10);}
.plan-popup section.con1 .std_info .step {display:none;}
.plan-popup section.con2 {width: 100%; border-radius: 1rem; border: 0.1rem solid var(--line_gray); overflow: hidden;}
.plan-popup section.con2 .wrapper {display:flex;gap:4rem;justify-content: space-between; padding: 5rem 4rem;}
.plan-popup section.con2 .wrapper article .chart_wrap canvas {width:50rem; height:50rem;}
.plan-popup section.con2 .wrapper .chart_wrap {width:45rem; padding:2rem;}
.plan-popup section.con3 table td:first-child,
.plan-popup section.con3 table td:last-child {border-left: 0.1rem solid var(--gray_40);}
.plan-popup section.con3 table td.line {border-left:none;}
.plan-popup section.con3 .step_list li {border:0;}
.plan-popup section.con3 .step_list li.on {color:var(--orange_60);cursor:pointer;}
.plan-popup section.con3 .step_list li.on::after {content:'';display:inline-block;width:1.8rem;height:1.8rem;margin-top:-1px;background:url('../images/common/ico_cancel.svg') no-repeat 50%;}
.plan-popup section.con4 table .txout {justify-content:center;line-height:1;}
.plan-popup section.con4 table .txout .state {margin:0;}
.plan-popup section.con4 table thead tr th,
.plan-popup section.con4 table tbody tr td {width:initial;}
.plan-popup section.con4 table thead tr th:nth-child(4) {width: 25%;}
.plan-popup section.con4 table tbody .total {border-top:0.2rem solid var(--gray_80);background:var(--gray_10);}
.plan-popup section.con4 table tbody .total td {border-left:.1rem solid var(--gray_40);border-bottom:.1rem solid var(--gray_40);font-weight:800;}
.plan-popup section.con4 table tbody .total td:first-child {border-left:none;}

/* ////////////// 학습하기 스타일 시작(누가관리 팝업 안에서) //////////////  */
/* 학습하기 공통 */
#nuga .study-wrap {max-width:140rem;height:auto;border-radius:4rem;max-height:88rem;}
#nuga .study-wrap .test__start .start__hd h2 {line-height:1;color:#fff;}
#nuga .study-wrap .test__start .start__hd h2 > em {color:#fff;}
#nuga .study-wrap .test__start .start__hd h2 > span {margin-top:13px;}
#nuga .study-wrap .test__start .start__hd .badge.small {padding:.6rem 1.5rem;border-radius:2rem;line-he.start__con .slide_boxight:1;}
#nuga .study-wrap .test__start .start__hd .badge.small > em {font-size:2rem;}
#nuga .study-wrap .test__start .start__hd .sub_txt {font-family:var(--f_nsN);font-size:2rem;font-weight:900;color:#fff;}
#nuga .study-wrap .test__start.bg-green {background:var(--green_60) url('../images/contents/popup-learning-bg2.png') no-repeat;background-position:right top;}
#nuga .study-wrap .test__start.bg-green .start__hd .badge.small > em {color:var(--green_60)}
#nuga .study-wrap .start__con {min-height:66rem;padding:5rem;border-radius: 3rem;background: #fff;}
#nuga .study-wrap .start__con .select {margin:0 auto}
#nuga .study-wrap .start__con .quest_wrap {padding:4rem 0 0;}
#nuga .study-wrap .start__con .slide-item .btn_group .bn_tab {padding:2rem;}
#nuga .study-wrap .start__con .slide_btn_box .arr-btn.big.prev {background-image:url('../images/common/prev_big_ov.svg');}
#nuga .study-wrap .start__con .slide_btn_box .arr-btn.big.next {background-image:url('../images/common/next_big_ov.svg');}
#nuga .study-wrap .start__con .slide_btn_box .arr-btn.big:hover {background-color: var(--yellow_70);}
#nuga #reading .start__con .quest_wrap {padding:0;}
#nuga #reading .start__con .slide_box {padding:0;box-shadow:none;}

/* 학습하기 영상 popup*/
.video {position:relative;display:block;padding-top:55.155%;max-height:50rem;overflow:hidden;}
.video iframe {position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);;}

/* 학습하기 음성 popup */
#study-vod1 .pop-test-wrap {overflow-y:auto;}
#study-vod1 .quest_wrap {display:none;}
.voice .start__hd {padding-right:10rem;}
.voice .count_wrap {display:flex;align-items:center;gap:.5rem;font-family: var(--f_nsN);}
.voice .count_wrap span {font-size:2rem;font-weight:800;color:#fff;}
.voice .count_wrap .count_tt2 {font-weight:100;font-size:1.5rem;}
.voice-slide-wrap {padding:0 3rem;}
.voice-slide-wrap .voice_slide .slide-item {display:block;max-width:1120px;}
.voice-slide-wrap .voice_slide .slide-item .btn_group {justify-content: flex-start;padding-left: 1rem;}
.voice-slide-wrap .voice_slide .sound_title{display:flex;align-items:center;justify-content:space-between;width:calc(25% - 10px);word-break:keep-all;border-color:var(--gray_40);color:var(--gray_70);padding:3rem;font-size:2.5rem;}
.voice-slide-wrap .voice_slide .sound_title.on{color:var(--c_blue);border-color:var(--c_blue);}
.voice-slide-wrap .voice_slide .sound_title::after{content:"";display:block;width:3.2rem;height:3.2rem;background:url(../images/common/ico_speaker_off.svg) no-repeat;}
.voice-slide-wrap .voice_slide .sound_title.on::after{background-image:url(../images/common/ico_speaker_on.svg);}
.voice-slide-wrap .slide_btn_box {left:0;pointer-events: none;}
.voice-slide-wrap .slide_btn_box > button {pointer-events: painted;}
.voice-slide-wrap .slide_btn_box .arr-btn.big.prev {left:-3rem;}
.voice-slide-wrap .slide_btn_box .arr-btn.big.next {right:-3rem;}
.test__start.bg-green .voice-slide-wrap .slide_btn_box .arr-btn.big {background-color:var(--yellow_60)}
.test__start.bg-green .voice-slide-wrap .voice_slide .sound_title.on,
.test__start.bg-green .voice-slide-wrap .voice_slide .sound_title:hover {border-color:var(--green_40);color:var(--green_70);background-color:var(--green_10)}
.test__start.bg-green .voice-slide-wrap .voice_slide .sound_title.on::after {display:block;background-image:url('../images/common/ico_speaker_on_green.svg')!important;}
.test__start.bg-green .voice-slide-wrap .voice_slide .sound_title.on::before {display:none;}
.test__start.bg-green .select.type03 {}
.test__start.bg-green .select.type03 .lay {border-color: var(--green_60);}
.test__start.bg-green .select.type03 .lay a {color: var(--green_70);}
.test__start.bg-green .select.type03 .lay a::after {background-image:url('../images/common/arr_under_big_green.svg');}
.test__start.bg-green .select.type03 .lists ul li:hover {background:var(--green_10);}
.test__start.bg-green .select.type03 .lists ul li:hover a {color:var(--green_70);}

/*익힘자료*/
#learning.modal .pop-test-wrap {max-width:120rem;height:auto;overflow:hidden;border-radius:5rem;}
#learning.modal .pop-test-wrap .test__start{padding: 4.5rem;background:var(--blue_90) url('../images/common/popup-learning-bg.png') no-repeat;background-position:right top;}
#learning.modal .pop-test-wrap .test__start .start__hd {height:5rem;}
#learning.modal .pop-test-wrap .test__start .start__hd h2 > em {color:#fff;}
#learning.modal .pop-test-wrap .test__start .start__con {justify-content:center;height:calc(100% - 5rem);min-height:64rem;padding:4rem;border-radius:3rem;background:#fff;}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn{justify-content:center;gap:2rem;}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button {position:relative;justify-content:flex-start;flex-direction:column;gap:1.5rem;width:calc(25% - 4rem);
min-height:25rem;padding:3.6rem 2rem 8rem !important;border-radius:1.7rem;border-color:var(--blue_30);font-size:2.4rem;font-weight:900;line-height:1.4;color:var(--blue_80);background:var(--blue_10);transition:var(--ani_time);}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button::after {position:absolute;bottom:-4px;width:100%;height:7.6rem;background-image:url('../images/contents/book-bg.png');transition:var(--ani_time);}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button::before {content:'익힘자료 1';display:inline-flex;padding:.6rem 1rem;border-radius:3rem;color:#fff;font-size:1.4rem;font-weight:500;background:var(--blue_60);}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:nth-of-type(2)::before {content:'익힘자료 2';}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:nth-of-type(3)::before {content:'익힘자료 3';}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:nth-of-type(4)::before {content:'익힘자료 4';}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:nth-of-type(5)::before {content:'익힘자료 5';}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:nth-of-type(6)::before {content:'익힘자료 6';}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:nth-of-type(7)::before {content:'익힘자료 7';}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:nth-of-type(8)::before {content:'익힘자료 8';}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:hover {border-color:transparent;background-color:var(--blue_70);color:#fff;}
#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button:hover::after {mix-blend-mode: screen;}
@media only screen and (max-width:1440px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 1122px;}
}
@media only screen and (max-width:1366px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 1054px;}
}
@media only screen and (max-width:1304px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 994px;}
}
@media only screen and (max-width:1280px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 972px;}
}
@media only screen and (max-width:1242px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 932px;}
}
@media only screen and (max-width:1200px){
	.voice-slide-wrap {padding:0 1rem;}
	.voice-slide-wrap .voice_slide .slide-item {max-width: 934px;}
}
@media only screen and (max-width:1170px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 914px;}
}
@media only screen and (max-width:1125px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 860px;}
}
@media only screen and (max-width:1080px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 828px;}
}
@media only screen and (max-width:1024px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 812px;}
}
@media only screen and (max-width:1000px){
	.voice-slide-wrap .voice_slide .slide-item {max-width: 784px;}
}

/* 팝업들 반응형 */
@media only screen and (max-width:1600px){
	.modal:has(.pop-test-wrap) {padding:0 2%;}
	.modal .pop-test-wrap {width:100%}

	#nuga .study-wrap {max-height:85rem;}
	#nuga .study-wrap .start__con {min-height:60vh}
	#nuga #reading .start__con .slide_box {width: 70%;}
	.video {padding-top: 57.155%;}
}
@media only screen and (max-width:1536px){
	.grow-pop section.con1 .wrapper #step_result_box dd {min-width:200px;min-height:auto;padding:2.2rem;}
	.grow-pop section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(1))::after {width:initial;min-width:450px;}
	.grow-pop section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(2))::after {width:initial;min-width:218px;}
}
@media only screen and (max-width:1440px){
	.modal .pop-test-wrap .popupwrap {padding:10rem 6.8rem 0;}
	.scroll-top {margin-left:101.2%;width:4rem;height:4rem;}

	.nuga-pop .con1 {padding:5rem;}
	.nuga-pop .con1 article .td_lst li b {padding:2rem 1.5rem;}
}
@media only screen and (max-width:1366px){
	.grow-pop section.con1 .wrapper {padding: 3.2rem;height: 230px;}
	.plan-popup section.con1 .std_info dd input[type='text'] {max-width:20rem;}
}
@media only screen and (max-width:1280px){
	.plan-popup section.con1 {flex-wrap:wrap;row-gap:1.6rem;}
	.plan-popup section.con1 .wrapper:nth-child(1),
	.plan-popup section.con1 .wrapper:nth-child(2) {width:100%;height: auto;}
	.plan-popup section.con1 .wrapper:nth-child(2) > ul {align-items:flex-end;width:100%;margin-top:-5rem;}
	.plan-popup section.con1 .wrapper:nth-child(2) > ul li {width:30%;}

	.nuga-pop .con1 .article-wrap {gap:1.6rem;}
	
	.grow-pop section.con1 {flex-wrap:wrap;}
	.grow-pop section.con1 .wrapper:nth-child(1),
	.grow-pop section.con1 .wrapper:nth-child(2) {max-width:initial;width:100%;height:auto;}

	.grow-pop section.con1 .wrapper:nth-child(1) dl {margin-top:0;}
	.grow-pop section.con1 .wrapper:nth-child(1) .std_info dd.wide {width:initial;}
	
	.grow-pop section.con1 .wrapper #step_result_box {justify-content:center;}
	.grow-pop section.con1 .wrapper #step_result_box dd {min-height: 12.8rem;padding: 3rem;}
	.grow-pop section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(1))::after {width:calc(100% - 27rem);max-width:516px;}
	.grow-pop section.con1 .wrapper #step_result_box:has(dd:first-of-type:nth-last-child(2))::after {width:calc(100% - 54rem);max-width:248px;}
}
@media only screen and (max-width:1200px){
	.popupwrap h1 {margin-bottom:2rem;}
	
	.result-pop section .wrapper {padding:3.2rem;}
	.result-pop section.con1 {flex-wrap:wrap;}
	.result-pop section.con1 .wrapper:nth-child(1),
	.result-pop section.con1 .wrapper:nth-child(2) {max-width:initial;width:calc(50% - .8rem);}
	.result-pop section.con1 .wrapper:nth-child(3) {width:100%;}

	.result-pop section.con2 {flex-direction:column;}
	.result-pop section.con2 .wrapper {width:100%;height:450px;}
	.result-pop section.con2 .wrapper .chart_wrap {width:40rem;}
	.result-pop section.con2 .wrapper:nth-child(2) .chart_wrap {width:42rem;padding:2rem 1rem 0;}

	.grow-pop section.con1 .wrapper:nth-child(1),
	.grow-pop section.con1 .wrapper:nth-child(2) {width:100%;height:auto;}

	.step_res tr td:nth-child(1),
	.res_text_table tr td:nth-child(1) {width:13%;}

	.modal .all-pop table tbody tr td:nth-child(1) {width:initial;}

	#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button {width:calc(25% - 2rem);}
	#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button::after {bottom:-8px}
}
@media only screen and (max-width:1199px){
	.plan-popup section.con2 .wrapper {flex-direction: column; align-items: center;}
	.table_hd li:nth-child(1) {width: calc(100% - 77.6%);}
	.table_hd li:nth-child(2) {width: 21.1%;}
	.table_hd li:nth-child(3) {width: 26.9%;}
}
@media only screen and (max-width:1080px){
    .modal .pop-test-wrap .popupwrap {padding:6rem 4.8rem 0;}
	.scroll-top {margin-left:100.9%;border-radius:2rem 0 0 2rem;bottom:3rem;width:4rem;height:6rem;}

    .nuga-pop .con1{flex-wrap:wrap;justify-content: flex-start;}
	.nuga-pop .con1 .article-wrap {flex-wrap:wrap;}
    .nuga-pop .con1 article:nth-of-type(1),
    .nuga-pop .con1 article:nth-of-type(2) {width:100%;}
    .nuga-pop .con1 article:nth-of-type(3),
    .nuga-pop .con1 article:nth-of-type(4) {width:calc(50% - .8rem);}
	.nuga-pop .con1 .td_lst li{width:100%;}
	.nuga-pop .con2 table colgroup col {min-width:initial !important;}

	#nuga .study-wrap .start__con {padding: 4rem;}
	#nuga .study-wrap .start__con .select,
	#nuga #reading .start__con .slide_box {width:90%}

	.table_hd li:nth-child(1) {width: calc(100% - 77.5%);}
	.table_hd li:nth-child(2) {width: 21.3%;}
	.table_hd li:nth-child(3) {width: 26.8%;}

	.all-pop .title_wrap .inner .sub_txt {width:50%;}
}

@media only screen and (max-width:1024px){
	#learning.modal .pop-test-wrap .test__start .start__con .learning_btn {gap:3rem 2rem;}
	#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button {min-height:24rem;}
	#learning.modal .pop-test-wrap .test__start .start__con .learning_btn button::after {bottom:-12px}
}

/* 우리학급현황 */
#classwrap .inner{flex-direction:column;justify-content:space-between;align-items:flex-start;/*width:auto;*/gap:1rem}
#classwrap .inner:first-child .info_wrap{display:flex;justify-content:space-between;width:100%;}
#classwrap .inner {width:calc(80% - 52rem);}
#classwrap .inner h3{margin-bottom:0;}
#classwrap .inner .info_wrap .graphwrap{display:flex;gap:2rem}
#classwrap .inner .info_wrap .graphwrap > div {display:flex;flex-direction:column;gap:1rem;margin-top:1rem}
#classwrap .inner .info_wrap .graphwrap b{display:flex;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;font-size:1.3rem;border-radius:4rem;color:#fff;font-weight:500}
#classwrap .inner.type02{width:23%}
#classwrap .inner.type03{width:43.4rem;}
#classwrap .inner.type03 h3 {align-items:flex-start;}
#classwrap .inner.type03 .info_wrap,
#result .inner.type03 .info_wrap {display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:2.5rem;}
#classwrap .inner.type03 .info_wrap ul,
#result .inner.type03 .info_wrap ul{gap:.4rem;}
#classwrap .inner.type03 .info_wrap ul .item.num2 span,
#result .inner.type03 .info_wrap ul .item.num2 span{width:100%;}
#classwrap .inner.type03 .info_wrap ul .item.num3 {margin-top:.8rem;}

.chart_wrap .chart-label {top:41%;bottom:initial;display:flex;flex-direction:column;align-items:center;gap:.3rem;}
.chart_wrap .chart-label span:nth-child(2) {font-weight:700;}
.chart_wrap .chart-label span:nth-child(2) > i {font-size:2rem;font-weight:900;}

/* 컬러별적용 */
#classwrap .inner .info_wrap .graphwrap .step1 b{background:var(--pink_60)}
#classwrap .inner .info_wrap .graphwrap .step2 b{background:var(--yellow_60)}
#classwrap .inner .info_wrap .graphwrap .step3 b{background:var(--green_60)}
#classwrap .inner .info_wrap .graphwrap .step1 .chart-skills span{border-color:var(--pink_60)}
#classwrap .inner .info_wrap .graphwrap .step2 .chart-skills span{border-color:var(--yellow_60)}
#classwrap .inner .info_wrap .graphwrap .step3 .chart-skills span{border-color:var(--green_60)}
#classwrap .tabs {position:relative;margin-top:1rem;}
#classwrap .tabs .btn_group {z-index:10;position:absolute;right:0;top:25%;}
#classwrap .tabs .btn_group ul {display:flex;gap:1rem;}
#classwrap .table_wrap .state.tx.study {padding:1.2rem 3.5rem;font-size:1.6rem;font-weight:900;color:var(--blue_70);border-color:var(--blue_50);background-color:var(--blue_10);}
#classwrap .table_wrap .state.tx.study:hover {color:#fff;border-color:var(--blue_70);background-color:var(--blue_70);}

.chart-skills {position:relative;width:15.5rem;height:7.7rem;margin: 0 auto; padding: 0;overflow:hidden;}
.chart-skills *,
.chart-skills::before {box-sizing:border-box;}
.chart-skills::before {content:'';position:absolute;width:inherit;height:inherit;border:4rem solid rgba(211, 211, 211, .25);border-bottom:none;border-top-left-radius:17.5rem; border-top-right-radius:17.5rem;}
.chart-skills span {display:inline-block;z-index:4;position:absolute;top:100%;left:0;width:inherit;height:inherit;border:4rem solid;border-top:none;border-bottom-left-radius:17.5rem;border-bottom-right-radius:17.5rem;transform-origin:50% 0;font-size:0!important;}
.chart-skills span {animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;}
.chart-skills span.per10 {animation-name:chartAni1}
.chart-skills span.per20 {animation-name:chartAni2}
.chart-skills span.per30 {animation-name:chartAni3}
.chart-skills span.per40 {animation-name:chartAni4}
.chart-skills span.per50 {animation-name:chartAni5}
.chart-skills span.per60 {animation-name:chartAni6}
.chart-skills span.per70 {animation-name:chartAni7}
.chart-skills span.per80 {animation-name:chartAni8}
.chart-skills span.per90 {animation-name:chartAni9}
.chart-skills span.per100 {animation-name:chartAni10}

.chart-label {position:absolute;bottom:5%;left:50%;transform:translateX(-50%);font-size:1.5rem;color:var(--gray_80);font-weight:300;}
.chart-label i {font-style:normal;font-weight:800;}

@keyframes chartAni1{
    0%{transform: rotateZ(0);}
    26%{transform: rotateZ(20deg)}
    100%{transform: rotateZ(20deg)}
}
@keyframes chartAni2{
    0%{transform: rotateZ(0);}
    26%{transform: rotateZ(20deg);}
    30%{transform: rotateZ(30deg);}
    100%{transform: rotateZ(30deg);}
}
@keyframes chartAni3{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(30deg)}
    60%{transform: rotateZ(40deg)}
    100%{transform: rotateZ(40deg)}
}
@keyframes chartAni4{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(30deg)}
    60%{transform: rotateZ(50deg)}
    100%{transform: rotateZ(60deg)}
}
@keyframes chartAni5{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(50deg)}
    60%{transform: rotateZ(70deg)}
    100%{transform: rotateZ(90deg)}
}
@keyframes chartAni6{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(50deg)}
    60%{transform: rotateZ(100deg)}
    100%{transform: rotateZ(120deg)}
}
@keyframes chartAni7{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(50deg)}
    60%{transform: rotateZ(120deg)}
    100%{transform: rotateZ(150deg)}
}
@keyframes chartAni8{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(50deg)}
    60%{transform: rotateZ(140deg)}
    100%{transform: rotateZ(160deg)}
}
@keyframes chartAni9{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(50deg)}
    60%{transform: rotateZ(150deg)}
    100%{transform: rotateZ(170deg)}
}
@keyframes chartAni10{
    0%{transform: rotateZ(0);}
    30%{transform: rotateZ(50deg)}
    60%{transform: rotateZ(150deg)}
    100%{transform: rotateZ(180deg)}
}

/* 그래프테이블 */
.tbl_graph{width:calc(100% - 65.5rem)}
.tbl_graph thead th,
.tbl_graph tbody th,
.tbl_graph tbody td{padding:.8rem .8rem;font-size:1.5rem;border-color:#fff;border-width:.2rem;line-height:1;}
.tbl_graph thead th{color:var(--gray_80);font-weight:500;background:none}
.tbl_graph tbody tr,
.tbl_graph tbody tr:nth-child(even) {background:#fff}
.tbl_graph tbody td{border-radius:.4rem;font-weight:300;}
.tbl_graph tbody .step1{color:var(--pink_60)}
.tbl_graph tbody .step2{color:var(--yellow_60)}
.tbl_graph tbody .step3{color:var(--green_60)}
.tbl_graph tbody .tr_pink td {background:var(--pink_10)}
.tbl_graph tbody .tr_yellow td {background:var(--yellow_10)}
.tbl_graph tbody .tr_mint td {background:var(--green_10)}
.tbl_graph tbody .tr_pink .test-end {color:var(--pink_60);font-weight:700;}
.tbl_graph tbody .tr_yellow .test-end {color:var(--yellow_60);font-weight:700;}
.tbl_graph tbody .tr_mint .test-end {color:var(--green_60);font-weight:700;}

/* 미해득 막대그래프 */
.missgraph{display:flex;flex-direction:column;gap:1rem;width:100%;}
.missgraph li{display:flex;align-items:center;font-size:1.5rem;}
.missgraph li b{width:4rem;color:var(--gray_80);}
.missgraph li .linewrap{width:calc(100% - 12rem);padding:1rem;border:0.1rem solid var(--gray_40);border-radius:.4rem;}
.missgraph li .graph_line{display:block;height:1.4rem;border-radius:0 1rem 1rem 0;font-size:0!important;background:var(--gray_60)}
.missgraph li em{display:flex;gap:.5rem;justify-content:flex-end;width:12rem;font-style: normal;color:var(--gray_60)}
.missgraph li em span{color:var(--gray_90)}

/* 학교통계 popup */
.report-pop .calwrap {position: relative; display: flex;align-items: center; gap: 3rem;}
.report-pop .calwrap h2 {display: flex; align-items: center; gap: 1.5rem; font-size: 2.4rem; font-weight: 700; color: var(--c_blue); font-family: var(--f_nsN);}
.report-pop .calwrap h2::before {content: "";display: block; width: 4.8rem; height: 4.8rem; background: url('../images/contents/img_titico3.svg') no-repeat;}
.report-pop .calwrap .calender {display: flex; align-items: center; gap: 1rem; color: #757575;}
.report-pop .calwrap .calender .line-box input {width: 16rem; height: 4.5rem; padding: 0 1rem; border: 0.1rem solid #E2E2E2; border-radius: 0.4rem;font-family: var(--f_nsR); text-align: left; color: #757575; background: #FFF;}
.report-pop .calwrap .etcwrap {position: absolute; right: 0; top: 30%;}
.report-pop section .wrapper {display: flex; gap: 4rem; padding:5rem 4rem;}
.report-pop section.con1 .wrapper {position: relative; flex-direction: column; padding-left:4rem;}
.report-pop section.con1 .wrapper::before {display: none;}
.report-pop section.con1 h2::before {background: url(../images/contents/ico_tit08.svg) no-repeat;}
.report-pop section.con1 .graphwrap {position: relative; display:flex; justify-content:center;align-items:center; gap:2rem; width:40%; height:26rem; padding:2rem; border:0.1rem solid #E2E2E2; border-radius: 1.2rem;}
.report-pop section.con1 .graphwrap .chart-skills {width:22.5rem; height:11rem;}
.report-pop section.con1 .graphwrap .chart-skills::before {border: 5.5rem solid rgba(211, 211, 211, .3); border-bottom: none;}
.report-pop section.con1 .graphwrap .chart-skills span {border: 5.5rem solid; border-top: none;}
.report-pop section.con1 .graphwrap .step1 {color: var(--c_yellow);}
.report-pop section.con1 .graphwrap .step2 {color: var(--c_pink);}
.report-pop section.con1 .graphwrap .step3 {color: var(--c_mint);}
.report-pop section.con1 .graphwrap b {position:absolute; left: 3rem; top: 3rem; display: flex; justify-content: center; align-items: center; width: 5rem; height: 5rem; border-radius: 4rem; font-size: 1.5rem; font-weight: 800;}
.report-pop section.con1 .graphwrap .step1 b {color:var(--c_yellow_m); background: var(--c_yellow_1);}
.report-pop section.con1 .graphwrap .step2 b {background: var(--c_pink_1);}
.report-pop section.con1 .graphwrap .step3 b {background: var(--c_mint_1);}
.report-pop section.con1 .graphwrap .step1 .chart-skills span {border-color: var(--c_yellow);}
.report-pop section.con1 .graphwrap .step2 .chart-skills span {border-color: var(--c_pink);}
.report-pop section.con1 .graphwrap .step3 .chart-skills span {border-color: var(--c_mint);}
.report-pop section.con1 .step-item {display: flex; padding: 4rem 0 0; gap: 4rem;}
.report-pop section.con1 .step-item .tbl_graph {width: calc(100% - 40%);}
.report-pop section.con1 .step-item .tbl_graph thead th,
.report-pop section.con1 .step-item .tbl_graph tbody th,
.report-pop section.con1 .step-item .tbl_graph tbody td {padding: 0.7rem 0.7rem;}
.report-pop section.con1 .step-item .tbl_graph tbody tr:nth-child(even) {background: #fff;}
.report-pop section.con1 .step-item .tbl_graph tbody td:nth-child(3) {color: var(--c_blue);}
.report-pop section.con1 .step-item .tbl_graph tbody th {font-weight: 800;}
.report-pop section.con1 .step-item.num1 .tbl_graph tbody th {color:var(--c_yellow_m);}
.report-pop section.con1 .step-item.num2 .tbl_graph tbody th {color:var(--c_pink_m);}
.report-pop section.con1 .step-item.num3 .tbl_graph tbody th {color:var(--c_mint_m);}
.report-pop section.con2 h2::before {background: url('../images/contents/ico_tit09.svg') no-repeat;}
.report-pop section.con2 .wrapper {align-items: center;}
.report-pop section.con2 .wrapper .inner {display: flex; flex-direction: column; align-items: flex-start; gap: 3rem;}
.report-pop section.con2 .wrapper .inner h3 {padding: 1rem 2rem; border-radius:10rem; font-size: 1.6rem; font-weight: 800; color:#838E99; background: #F6F6F6;}
.report-pop section.con2 .wrapper .inner.type02 {width: 40rem;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap {display: flex; align-items: center; justify-content: space-between; width: 100%; padding:4rem 5rem;border: 0.1rem solid #E2E2E2; border-radius: 1.2rem;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul {display: flex; flex-direction: column; gap: 1rem;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul .item {display: flex; justify-content: flex-start; gap: 1rem;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul .item i {display: block; width: 1.8rem; height: 1.8rem; border-radius: 5rem; overflow: hidden;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul .item.num1 i {background: var(--c_blue);}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul .item.num2 i {background: #F0F6FC;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul .item.num3 i {background: #929EA9;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul .item.num4 i {background: #eee;}
.report-pop section.con2 .wrapper .inner.type02 .info_wrap ul .item span {font-weight: 400; font-size: 1.5rem; color: #545454;}
.report-pop section.con2 .wrapper .inner.type03 {width: calc(100% - 40rem);}
.report-pop section.con2 .wrapper .inner.type03 .missgraph li .linewrap {width: calc(100% - 14rem);}
.report-pop section.con2 .wrapper .inner.type03 .missgraph li .graph_line {height: 2.6rem;}
.report-pop section.con2 .wrapper .inner.type03 .missgraph li em {width: 10rem;}
.report-pop section.con3 h2::before {background: url(../images/contents/ico_tit10.svg) no-repeat;}
@media only screen and (max-width:1800px){
    #classwrap .top_box{flex-wrap:wrap;}
    #classwrap .top_box .inner:first-child{width:100%;}
    #classwrap .top_box .inner.type02{width:calc(100% - 45rem);}
}
@media only screen and (max-width:1023px){
	.tbl_graph{width:100%;}
    #classwrap .inner:first-child .info_wrap{flex-direction:column;}
    #classwrap .inner .info_wrap .graphwrap {justify-content:center;width:100%;}
}

/* ///////////// 미니팝업 모음 ///////////// */
/* 미니팝업 공통규격 */
.mini_pop {width:100%;padding:4rem;border:0.3rem solid var(--blue_60);border-radius:0.8rem;font-size:1.6rem;-webkit-animation:pop-show .5s;animation:pop-show .5s;background-color:#fff;}
.mini_pop .inner {display:flex;flex-direction: column; gap:1rem; text-align: center;}
.mini_pop h4 {display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:800;color:var(--gray_100);}
.mini_pop h4:before {content:"";display:block;width:2.4rem;height:2.4rem;background:url('../images/common/print_blue.svg') no-repeat;}
.mini_pop .btn_wrap {display: flex; justify-content: center; gap: 1rem;margin-top: 2rem;}
.mini_pop .btn_wrap .item {display: flex;}
.mini_pop .btn_wrap .item.num1 {width:30%;}
.mini_pop .btn_wrap .item.num2 {width:70%; flex-wrap: wrap; gap: 1rem;}
.mini_pop .btn_wrap .item.num1 input[type="checkbox"] + label {width:100%; line-height: 6.5rem;}
.mini_pop .btn_wrap .item.num2 input[type="checkbox"] + label {width:calc(50% - 1rem);}
.mini_pop .btn_wrap .item label:before {display: none;}
.mini_pop .btn_wrap .item input[type="checkbox"] + label {padding:1.2rem 1.6rem;border: 0.1rem solid #CACACA;border-radius:0.4rem;color:#757575;cursor:pointer;background:#fff;}
.mini_pop .btn_wrap .item input[type="checkbox"] + label::after {display: none;}
.mini_pop .btn_wrap .item input[type="checkbox"]:checked + label {color:#fff;border:0.1rem solid var(--c_blue);background:var(--c_blue);}
.mini_pop a.btn {display:inline-block;}
.mini_pop .bn_close2 {position:absolute;right:2rem; top: 2rem;}
.mini_pop .input_wrap {display:flex;flex-direction:column;gap:.5rem;}

.modal__wrap.type02 {width:56rem;height:34%;overflow-y:visible;}
.modal__wrap.type03 {width:42rem;height:34%;overflow-y:visible;}

/*경고창*/
.type04 .mini_pop {border: 0.3rem solid var(--orange_70); padding: 4rem 6rem;}
.type04 .mini_pop h4 {flex-direction: column;  font-weight: 800; font-size: 2rem; font-family: var(--f_nsN); color: #1F1F1F;}
.type04 .mini_pop .intro__txt {margin-top: 1rem; line-height: 2.2rem; font-size: 1.6rem; font-weight: 400; color: #555;}
.type04 .mini_pop .intro__txt span {display: block;}

/* ///////////// 미니팝업 개별 스타일 ///////////// */
#class_add .mini_pop h4:before {background:url('../images/common/ico_tit13.svg') no-repeat;background-size: 100%;}
#class_add_check .mini_pop h4:before {background:url('../images/contents/ico_tit06.svg') no-repeat;}
#class_add .input_wrap,
#file_upload .input_wrap{display:flex;flex-direction:column;gap:1rem;}
#class_add .input_wrap input,
#file_upload .input_wrap input {width:100%;height:4.4rem;line-height:1;padding:0.4rem 1.2rem;border-radius:.6rem;border:0.1rem solid var(--gray_60);color:var(--gray_80);font-family:var(--f_nsN);}
#class_add .input_wrap dl {display:flex;align-items:center;}
#class_add .input_wrap dl dt {display:block;flex:0 0 7rem;height:auto;text-align:left;font-weight:800;color:var(--gray_100);letter-spacing:0.01rem;}
#class_add .input_wrap dl dd {flex:0 0 calc(100% - 7rem);}
#class_add .mini_pop .inner {gap:2rem;}
#class_add .mini_pop .btn_wrap {gap:1rem;}
#class_add .mini_pop p,
#file_upload .mini_pop p {text-align:left;margin:1.5rem 0 0;letter-spacing:-0.05rem;line-height:2.3rem;font-size:1.4rem;color:var(--gray_70);}
#file_upload .mini_pop h4:before {background: url('../images/common/ico_excel.svg') no-repeat;}
#class_add_check .mini_pop h4:before {background:url('../images/common/ico_tit13.svg') no-repeat;background-size: 100%;}

/*경고창 개별*/
#test_alert.modal {z-index:110;}
#del .mini_pop h4:before,
#alert .mini_pop h4:before,
#test_uncomplete .mini_pop h4:before,
#test_save .mini_pop h4:before,
#class_delete .mini_pop h4:before{width:3.2rem;height:3.2rem;background:url('../images/common/ico_alert01.svg') no-repeat 50%;}
#cancel .mini_pop h4:before,
#test_timeout .mini_pop h4:before,
#test_alert .mini_pop h4:before {width:3.2rem;height:3.2rem;background:url('../images/common/ico_alert02.svg') no-repeat 50%;}

/*수정사항 일괄저장, 학생인원추가 팝업*/
#all_save .type04 .mini_pop,
#add_std .type04 .mini_pop {border:0.3rem solid var(--blue_60);padding:4rem 6rem;}
#all_save .type04 .mini_pop h4:before {width:3.2rem;height:3.3rem;background: url('../images/common/ico_ask.svg') no-repeat 50%;}
#add_std .type04 .mini_pop h4:before {background: url('../images/common/ico_tit14.svg') no-repeat 50%;}

/*누가관리 - 기록 팝업*/
#nuga_write .modal__wrap.type03 {width: 60rem;}
#nuga_write .mini_pop input[type='text'] {width:100%;font-weight:500;font-size:1.5rem;font-family:var(--f_nsN);}
#nuga_write .mini_pop h4:before {background:url('../images/common/ico_tit05.svg') no-repeat 50%;}

/* 인력매칭 팝업 */
#matching .modal__wrap.type03 {width: 65rem;}
#matching .mini_pop h4:before {background:url('../images/common/ico_tit11.svg') no-repeat 50%;}
#matching .input_wrap {display: flex; justify-content: space-between; gap: 1.5rem;}
#matching .input_wrap .group {width:100%;}
#matching .input_wrap .group h5 {display: inline-block;padding: 1rem 3rem; margin-bottom: 1rem; border-radius: 2rem 0;font-size: 1.7rem; text-align: center;background: var(--c_blue); color: #fff;}
#matching .input_wrap .group:last-child > h5 {background: var(--c_mint);}
#matching .input_wrap .group ul {height: 14rem; padding: 2rem 1rem;border: 0.1rem solid #EDEDED;border-radius: 1rem 0 0 1rem;overflow-y: scroll;}
#matching .input_wrap ul li {display: flex;align-items: center; gap: 1rem;padding: 1rem;text-align: left;}

/* 학습단계 설정 팝업 */
#add_plan .modal__wrap.type03 {width: 80rem;}
#add_plan .mini_pop .inner {gap:1rem;}
#add_plan .mini_pop h4 {color:var(--gray_100)}
#add_plan .mini_pop h4:before {background:url('../images/common/ico_tit09.svg') no-repeat 50%;}
#add_plan .mini_pop h4 #setting_area {display:flex;padding:.8rem 1rem;border:1px solid var(--gray_60);border-radius:.6rem;font-size:1.6rem;color:var(--gray_90);background:var(--gray_10);}
#add_plan .select_wrap {display:flex;align-items:center;flex-direction:column;gap:1rem;}
#add_plan .select_wrap h5 {display:flex;justify-content:center;align-items:center;min-height:9rem;width:100%;margin-top:2rem;padding:1rem;border-radius:.6rem;border:1px solid var(--blue_30);font-size:2.2rem;color:var(--blue_80);background:var(--blue_10);}
#add_plan .select_wrap .select {width:100%;}
#add_plan .select_wrap .select.type04 .lay a {text-align:left;}
#add_plan .btn_wrap {margin-top:4rem;}

/* 관리자 - 지원청관리*/
#manage.container, #stat_adm.container {min-height: 69rem;}
#manage .top_box .inner, #stat_adm .top_box .inner {align-items: center;justify-content: space-between;height:12rem;padding:4rem;}
#manage .top_box .inner h3, #stat_adm .top_box .inner h3 {margin:0;color:#444;}
#manage .top_box .select_wrap {width: 35rem; z-index: 100;}
#manage .top_box .select_wrap .select.type03.on .lists {max-height: 40rem;}
#manage .top_box .status {display: flex;align-items: center;gap: 1rem;}
#manage .top_box .status h4 {font-size: 1.6rem;}
#manage .top_box .status .badge.round {justify-content: center; min-width: 8rem; color: var(--c_blue_m);border: 0.1rem solid var(--c_blue);background: var(--c_blue_1);}

#manage.container .table_wrap {margin-top:4rem;}

#manage.container::before,
#chart.container::before,
#stat_adm.container::before {height: 262px;}


@media only screen and (max-width: 1700px) {
    #manage.container::before, #chart.container::before, #stat_adm.container::before {height: 222px;}
}

@media only screen and (max-width: 1400px) {
    #manage.container::before, #chart.container::before, #stat_adm.container::before {height: 302px;}
}


/* 관리자 - 회원수정 모달창 */
#member_mdf .modal__wrap.type02 {width: 65rem;}
#member_mdf .mini_pop {padding: 5rem;}
#member_mdf .mini_pop h4:before {background: url('../images/common/ico_tit05.svg') no-repeat;}
#member_mdf .input_wrap {display: flex; flex-direction: column; gap: 2rem;}
#member_mdf .input_wrap dl {display: flex; align-items: center;}
#member_mdf .input_wrap dl dt {display: block; flex: 0 0 8rem; height: auto; text-align: left; font-weight: 800; color: #333; letter-spacing: 0.01rem;}
#member_mdf .input_wrap dl dd {width:100%;}
#member_mdf .input_wrap input {width: 100%; height: 4rem; line-height: 3.5rem; padding: 0.4rem 1.2rem; border-radius: 0.4rem; border: 0.1rem solid #E2E2E2; color: #757575; font-family: var(--f_nsR);}
#member_mdf .input_wrap dl.dl_st {min-height: 4rem;}
#member_mdf .input_wrap dl.dl_st dd {max-width: 9.5rem; text-align: left;}
#member_mdf .input_wrap dl.dl_st dd input {max-width: 9.5rem;}
#member_mdf .input_wrap dl.dl_st:last-child dd:last-child {max-width:17rem;} /*권한지정:: 한글교육 업무담당자 길이에 맞춤*/
#member_mdf .input_disabled {color: #757575; border: 1px solid #CACACA; background: #F6F6F6;}

/* ///////////// 미니팝업 모음 - 끝 ///////////// */


/* 관리자 - 통계*/
#stat_adm .top_box .std {flex-direction:row;align-items:center;}
#stat_adm .top_box .std > h3 {font-size:2rem;font-weight:900;}
#stat_adm .top_box .select_wrap {width: 16rem; z-index: 100;}
#stat_adm .tabs {position: relative;}
#stat_adm .tabs .btn_group {z-index: 10; position: absolute; right: 0; top: 0.9rem;}
#stat_adm .tabs .tab-body thead tr:nth-child(2) th {width:4%;}
#stat_adm .tabs .tab-body tbody tr td {width:4%;}
#stat_adm .tabs .tab-body tbody .total-wrap {background: var(--c_blue_1);}
#stat_adm .tabs .tab-body tbody .total-wrap td {color: var(--c_blue);font-weight: 600;}
#stat_adm .not-test td {font-weight: 800;}
.tab-body-chart .table_wrap {border: none;}
.tab-body-chart .table_wrap .tbl_basic thead th {font-weight:500;font-size: 1.5rem;line-height: 1.2;}
.tab-body-chart .table_wrap .tbl_basic tbody tr:last-child td {border-bottom:.1rem solid var(--gray_40)}

/* new select */
.new_select {position: relative; height: 4.8rem;}
.new_select:after {content: ""; display: block; position: absolute; top: 25%; right: 2rem;width: 2.4rem; height: 2.4rem;background: url('../images/common/arrow_under_blue02.svg') no-repeat; pointer-events: none;}
.new_select select {width: 100%; height: 4.8rem; padding: 0 2rem; line-height: 4.8rem; border: 0.1rem solid var(--c_blue); border-radius: 0.4rem; color: var(--c_blue); font-family: var(--f_nsR); font-size: 1.5rem; font-weight: 800; } 
.new_select select option {color:#333;}
.new_select select .option {line-height: 4.8rem;}
.new_select select a {line-height: 4.8rem;}

/* 통계 */
.chartwrap .chart-container{width:100%;padding:40px;border: 1px solid #ddd;border-radius: 4px;}
#chart .tabs-chart {margin-top:3rem;}
#chart .tab-body-chart{position:relative;padding-top:40px;}
#chart .tab-body-chart .select{display:flex;gap:4px;width:16rem;}
#chart .tab-body-chart .select.num1,
#chart .tab-body-chart .select.num2 {width:20rem;}
#chart .tab-body-chart .select .lay {width:100%;}
#chart .tab-body-chart .select .lay a{padding-right:50px;}
#chart .tab-body-chart .selectarea{position:absolute;top:-60px;right:0;width:auto;display:flex;gap:8px;}
#chart .col2{display:flex;gap:20px;flex-wrap:wrap}
#chart .col2 .top_box{width:calc(50% - 20px);}
#chart .col2 .top_box:nth-last-of-type(even){width:50%}
#chart .col2 .top_box .inner{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:0;border-color: var(--gray_40);height:auto;overflow:hidden;}
#chart .col2 .top_box .inner .titwrap{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:2.4rem 3rem;border-bottom:1px solid var(--gray_40);background: var(--gray_20);}
#chart .col2 .top_box .inner .titwrap h3{margin:0;font-size:1.8rem;font-weight:800;color:var(--gray_90);}
#chart .col2 .top_box .inner .chart-container{width:100%;height:320px;padding:0 5rem 4rem}
#chart .col2 .top_box:first-child .inner .chart-container{width:auto;}
#chart .tabs .tab-header > button.active::before {display:none;}

.downwrap{display:flex;justify-content:center;}
.downwrap .state.download_ppt{margin:0 4px;}
.downwrap .state.download_pdf{margin:0 4px;}
.nuga-pop table tbody tr td:has(.downwrap) {padding:1.3rem 1rem}
.nuga-pop .downwrap {justify-content:center;gap:1rem;}
.nuga-pop .downwrap button.confirm {margin:0;}
.nuga-pop .downwrap .btn_group {display:flex;justify-content:flex-start;max-width:calc(100% - 4rem);}

@media only screen and (max-width:1400px){
	#chart .tab-body-chart .selectarea{top: -70px;margin:1rem 0 2rem;}
	#chart .tab-body-chart .select .lay{width:100%;}
}

@media only screen and (max-width:1080px){
	#chart .tab-body-chart .selectarea{position: static;justify-content: flex-end;}
	#chart .tab-body-chart .selectarea .select {margin:0;border: 1px solid var(--blue_80);}
}

/* 교육통계 - 테이블 화면 밖으로 넘치는 부분 css 재적용 */
#chart .tab-body-chart .table_wrap {overflow-y: scroll;}
#chart .tab-body-chart .table_wrap .tbl_basic {border-collapse: separate;}

#chart .tab-body-chart .table_wrap .tbl_basic th {border-width:inherit;border-left:.1rem solid #fff;border-bottom:.1rem solid #fff;margin: initial;}
#chart .tab-body-chart .table_wrap .tbl_basic td {margin: initial;}

#chart .tab-body-chart .table_wrap .tbl_basic thead th {padding:1rem;font-size:1.4rem;}
#chart .tab-body-chart .table_wrap .tbl_basic tbody th,
#chart .tab-body-chart .table_wrap .tbl_basic tbody td {line-height:2;padding:.2rem .8rem;font-size:1.4rem;font-weight:300;}

#chart .tbl_basic tbody tr:nth-child(odd) td {background: #fff;}
#chart .tbl_basic tbody tr:nth-child(even) td {background: #FCFCFC;}

#chart .tbl_basic thead tr:nth-of-type(1) th:nth-of-type(1),
#chart .tbl_basic thead tr:nth-of-type(1) th:nth-of-type(2) {position: -webkit-sticky;position: sticky;left:0;}
#chart .tbl_basic.mg-chart1 thead tr:nth-of-type(1) th:nth-of-type(3),
#chart .tbl_basic.mg-chart1 thead tr:nth-of-type(1) th:nth-of-type(4) {position: -webkit-sticky;position: sticky;left:0;}

#chart .tbl_basic tbody tr td:nth-of-type(1),
#chart .tbl_basic tbody tr td:nth-of-type(2) {position: -webkit-sticky;position: sticky;left:0;}
#chart .tbl_basic.mg-chart1 tbody tr td:nth-of-type(3),
#chart .tbl_basic.mg-chart1 tbody tr td:nth-of-type(4) {position: -webkit-sticky;position: sticky;left:0;}

#chart .tbl_basic thead tr:nth-of-type(1) th:nth-of-type(2),
#chart .tbl_basic tbody tr td:nth-of-type(2) {left: 35px;}

#chart .tbl_basic.mg-chart1 thead tr:nth-of-type(1) th:nth-of-type(3),
#chart .tbl_basic.mg-chart1 tbody tr td:nth-of-type(3) {left: 145px;}
#chart .tbl_basic.mg-chart1 thead tr:nth-of-type(1) th:nth-of-type(4),
#chart .tbl_basic.mg-chart1 tbody tr td:nth-of-type(4) {left: 194px;}

#chart .tbl_basic tbody tr.total-wrap td:nth-of-type(1) {z-index: 1;left:0;}
#chart .tbl_basic.mg-chart1 tbody tr.total-wrap td:nth-of-type(2) {left: 145px;}
#chart .tbl_basic.mg-chart1 tbody tr.total-wrap td:nth-of-type(3) {left: 194px;}
#chart .tbl_basic.mg-chart1 tbody tr.total-wrap td:nth-of-type(4) {position: initial;}

#chart .tbl_basic tbody tr.total-wrap td:nth-of-type(1),
#chart .tbl_basic tbody tr.total-wrap td:last-child {border-radius: 0;}

#chart .tbl_basic.mg-chart1 tbody tr td:nth-of-type(4),
#chart .tbl_basic.mg-chart1 tbody tr.total-wrap td:nth-of-type(3) {border-right: .1rem dashed var(--gray_40)}
#chart .tbl_basic.mg-chart1 tbody tr td:nth-of-type(5),
#chart .tbl_basic.mg-chart1 tbody tr.total-wrap td:nth-of-type(4){border-left:0;}

#chart .tbl_basic.mg-chart2 thead tr:nth-of-type(1) th:nth-of-type(1) {left:2px}
#chart .tbl_basic.mg-chart2 tbody tr.total-wrap td:nth-of-type(1) {left: 3px;}

#chart .tbl_basic.mg-chart2 tbody tr td:nth-of-type(2),
#chart .tbl_basic.mg-chart2 tbody tr.total-wrap td:nth-of-type(1) {border-right: .1rem dashed var(--gray_40);border-radius: 0;}
#chart .tbl_basic.mg-chart2 tbody tr td:nth-of-type(3),
#chart .tbl_basic.mg-chart2 tbody tr.total-wrap td:nth-of-type(2){border-left:0;}

/* 교육지원청 회원목록 팝업*/
#member_list .pop-test-wrap {max-width:153rem;height:auto;}


/* 그래프 자세히보기 팝업*/
.modal .pop-test-wrap:has(.graph-popup) {max-width:100rem;height:auto;}
.modal .pop-test-wrap .popupwrap.graph-popup {max-width:120rem;height:auto;padding:6rem;}
.modal .pop-test-wrap .popupwrap.graph-popup.popupwrap h1{display:flex;justify-content: flex-start;flex-direction: row;align-items:center;gap:1rem;margin-bottom:4rem;}
.modal .pop-test-wrap .popupwrap.graph-popup.popupwrap h1::before {display:none;}
.modal .pop-test-wrap .popupwrap.graph-popup.popupwrap h1 *{color:var(--blue_100);font-family:var(--f_nsN);font-size:3.6rem;font-weight:900;}
.modal .pop-test-wrap .popupwrap.graph-popup.popupwrap h1 span:last-child{font-weight:400;color: var(--gray_90);}
.modal .pop-test-wrap .popupwrap.graph-popup .titwrap{display:flex;justify-content:space-between;padding:0;}
.modal .pop-test-wrap .popupwrap.graph-popup .titwrap h3{font-size:2.4rem;color:var(--blue_70);font-weight:900;}
.modal .pop-test-wrap .popupwrap.graph-popup .titwrap .etcwrap {margin:0;}
.modal .pop-test-wrap .popupwrap.graph-popup .inner{display:flex;justify-content:center;align-items:center;padding:6rem;border:1px solid var(--gray_40);border-radius:1rem;}
.modal .pop-test-wrap .popupwrap.graph-popup .chart-container{margin:0 auto;}
.modal .pop-test-wrap .popupwrap.graph-popup.popupwrap .bn_close{right:5rem;top:3rem;}

/* //////////회원가입////////// */
.accounts {position:relative;background:var(--blue_10);min-height:100vh;}
.accounts.acc-sub:before {content:'';position:absolute;top:0;right:12rem;display:block;width:842px;height:719px;background:url('../images/common/accounts_bg.png') no-repeat 50%;}
.accounts .account_wrap {z-index:1;position:relative;display:flex;flex-direction:column;gap:1rem;max-width:992px;height:100%;margin:0 auto;padding:6rem 0 8rem;}
.accounts .page-title {display:flex;flex-direction:column;align-items:center;}
.accounts .page-title .logo {display:block;width:14rem;height:4.5rem;margin-bottom:4rem;font-size:0;background:url('../images/common/logo_blue.svg') no-repeat 50%;background-size:100%;}
.accounts .page-title h1 {display:inline-flex;font-size:5rem;font-weight:700;color:var(--blue_100);line-height:1;font-family:var(--f_gwE);}
.accounts .page-title h1 small {color:var(--gray_90);font-family:var(--f_nsN);font-size:3.2rem;font-weight:900;}
.accounts .page-title p {font-size:1.8rem;font-weight:500;color:var(--gray_80);text-align:center;}
.accounts .btn_group {width:100%;display:flex;justify-content:center;gap:1rem;}
.accounts .lineBox {position:relative;padding:3rem 2.2rem 3rem 3rem;border-radius:1rem;border:8px solid var(--gray_30);font-size:1.5rem;line-height:1.5;font-weight:300;background:#fff;}
/* 회원가입 - 유형 선택 */
.acc-main .account_wrap {gap:6rem;}
.acc-main .page-title {align-items:center;}
.accounts-select {display:flex;flex-direction:column;gap:6rem;}
.accounts-select .select-user-type {display:flex;justify-content:center;gap:2rem;width:100%;height:22rem;margin:0;}
.accounts-select .select-user-type .btn-box {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem;flex:1 0 0;padding:5rem;border-radius:2rem;border:1px solid var(--gray_40);box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.04);background:#fff;transition:initial;}
.accounts-select .select-user-type .btn-box:hover {border-color:var(--blue_40);outline:4px solid var(--blue_40);}
.accounts-select .select-user-type .btn-box h2 {display:flex;flex-direction:column;gap:1rem;margin:0;line-height:1;font-size:3rem;font-weight:900;color:var(--blue_100);}
.accounts-select .select-user-type .btn-box h2 > small {font-size:1.8rem;font-weight:500;margin:0;}
.accounts-select .select-user-type .btn-box img {position:absolute;right:36px;bottom:0;display:none;}
.accounts-select .select-user-type .btn-box.teacher {background:var(--blue_100);}
.accounts-select .select-user-type .btn-box.teacher h2 {color:#fff;}
.accounts-select .notice {width:100%;}
.accounts-select .notice * {font-family:var(--f_nsN);}
.accounts-select .notice > strong {display:flex;align-items:center;gap:.5rem;font-size:20px;font-weight:800;color:var(--blue_80);}
.accounts-select .notice ul {display:flex;align-items:flex-start;flex-direction:column;gap:1rem;margin-top:1rem;padding:4rem 7rem;border-radius:2rem;border:1px solid var(--blue_30);background:var(--blue_20);}
.accounts-select .notice ul li {font-size:1.4rem;font-weight:400;}
/* 회원가입 - 약관동의 */
.agreement {margin-top:6rem;}
.agreement h2 {font-size:2.5rem;font-weight:900;color: var(--gray_100);}
.agreement .item {display:flex;flex-direction:column;gap:2rem;margin-bottom:6rem;}
.agreement .document {display:block;max-height:490px;overflow-y:scroll;padding:3rem 2.2rem 3rem 3rem;border-radius:1rem;border:8px solid var(--gray_30);font-size:1.5rem;line-height:1.5;font-weight:300;background:#fff;}
.agreement .document strong {font-weight:700;}
.agreement .agree_btn {width:100%;}
.agreement .agree_btn input[type="checkbox"] {position:absolute;opacity:0;cursor:pointer;}
.agreement .agree_btn input[type="checkbox"] + label {cursor:pointer;display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin:0;padding:2rem;border-radius:.6rem;font-size:1.6rem;color:var(--gray_60);background:var(--gray_30);}
.agreement .agree_btn input[type="checkbox"] + label::before {display:none;}
.agreement .agree_btn input[type="checkbox"]:checked + label {background:var(--blue_80);color:#fff;}
.agreement + .btn_group > .btn {padding:2rem 4rem;font-size:1.8rem;border-radius:6rem;max-height:initial;background:var(--blue_90);}
.agreement + .btn_group > .btn:hover {background:var(--blue_100);}
.agreement + .btn_group > .btn.gray {background:var(--gray_70)}
.agreement + .btn_group > .btn.gray:hover {background:var(--gray_80)}
/* 회원가입 - 인증서가입 */
.accounts.join {position:relative;background:var(--blue_10);min-height:100vh;}
.accounts.join:before {content:'';position:absolute;top:0;right:12rem;display:block;width:842px;height:719px;background:url('../images/common/accounts_bg.png') no-repeat 50%;}
.accounts.join {margin:0;padding:0;}
.accounts.join form {display:flex;flex-direction:column;align-items:center;gap:3rem;width:76rem;padding:6rem 10rem;margin:4rem auto 0;}
.accounts.join form > .field {display:flex;align-items:center;width:100%;font-size: 1.6rem;}
.accounts.join form > .field > label {width:12rem;}
.accounts.join form > .field > .control {width:calc(100% - 12rem;)}
.accounts.join form .btn.big {margin-top:2rem;padding:2rem;background:var(--blue_90);}
.accounts.join form .btn.big:hover {background:var(--blue_100);}
.accounts.join #school_name_txt,
.accounts.join #m_email {width:32rem;}
.account_wrap .field.is-grouped,
.account_wrap .field.is-grouped .has-addons {display:flex;align-items:center;gap:1rem;}
.account_wrap  form #class,
.account_wrap  form #m_class {max-width:13rem;}
.account_wrap .mid_dupl_chk {background:var(--pink_60)}
.account_wrap .mid_dupl_chk:hover {background:var(--pink_70)}

.accounts.join form .btn.big.white {border: .1rem solid var(--blue_90);color: var(--blue_90);background: #fff;}
.accounts.join form .btn.big.white:hover {background:var(--blue_10);}

.accounts.join .block {display: block;color: var(--pink_80);}

/* 학교찾기 모달창 */
#search_modal.modal.is-active {display:flex;}
#search_modal .modal-content {min-width:92rem;min-height:46vh;padding:6rem;border-radius:2rem;background:#fff;}
#search_modal .modal-content .box {display:flex;flex-direction:column;gap:1rem;}
#search_modal .modal-content .box h3 {margin-bottom:2rem;font-size:3.2rem;color:var(--blue_90);font-weight:800;font-family:var(--f_gwE);}
#search_modal .modal-content .box .is-grouped {display:flex;align-items:center;gap:1rem;}
#search_modal .modal-content .box .is-grouped #school_name {width:37rem;max-height:42px;}
#search_modal .modal-content .table-container {margin-top:1rem;height:500px;overflow-y: scroll;padding: 2rem;border-radius: 1rem;background: var(--blue_20);}
#search_modal .modal-content .table-container::-webkit-scrollbar {display:block;width:6px;}   
#search_modal .modal-content .table-container::-webkit-scrollbar-thumb {border-radius:6px;background:var(--gray_50);}
#search_modal .modal-content .table-container table {background: transparent;}
#search_modal .modal-content .table-container table tbody td {padding: 1rem;text-align:center;background:#fff;}
#search_modal .modal-content .table-container table tbody td .btn.white {padding:.6rem 1.4rem;font-size: 1.5rem;min-width: initial;}
#search_modal .modal-content .table-container table thead th:nth-child(1),
#search_modal .modal-content .table-container table tbody td:nth-child(1) {width:32%;}
#search_modal .modal-content .table-container table thead th:nth-child(2),
#search_modal .modal-content .table-container table tbody td:nth-child(2) {width:40%;}
#search_modal .modal-content .table-container table thead th:nth-child(3),
#search_modal .modal-content .table-container table tbody td:nth-child(3) {width:14%;}
#search_modal .modal-content .table-container table tbody td:first-child:nth-last-child(1) {width:initial;text-align:center;padding:2rem;font-size:1.8rem;}
#search_modal .buttons.is-centered {display:flex;justify-content:center;margin-top:2rem;}
#search_modal .btn.gray {background: var(--gray_80);}
#search_modal .btn.gray:hover {background: var(--gray_90);}
/* //////////회원가입 - 끝////////// */

/* //////////로그인////////// */
/*로그인 팝업*/
#login .mini_pop h4:before {background: url('../images/contents/ico_tit07.svg') no-repeat;}
#login .input_wrap {display: flex; flex-direction: column; gap: 2rem;}
#login .input_wrap dl {display: flex; align-items: center;}
#login .input_wrap dt {display: block; flex: 0 0 7rem; height: auto; text-align: left; font-weight: 800; color: #333; letter-spacing: 0.01rem;}
#login .input_wrap dd {flex: 0 0 calc(100% - 7rem);}
#login .flex_wrap {display: flex; flex-direction: column; gap: 1.5rem;}
#login .txt-info {text-align:center;}

.login-page .login-form {display:flex;flex-direction:column;gap:4rem;}
.login-page form {display:flex;gap:3rem;}
.login-page form .inner {display:flex;flex-direction:column;align-items:center;gap:10px;width:50%;padding:6rem;background:#fff;border-radius:2rem;border:2px solid var(--blue_30);}
.login-page form .inner h2 {width: 100%;margin-bottom:.5rem;line-height:1;font-size:2.2rem;font-weight:900;}
.login-page form .inner h2 > b {color:var(--blue_70);font-weight:900;}
.login-page form .inner .field {display:flex;flex-direction: column;gap: 10px;margin-bottom: 0;width: 100%;}
.login-page form .inner .field .control {width:100%;}
.login-page form .inner .field .control input {width:100%;padding:1.7rem 2rem;max-height: 54px;}
.login-page .info-box {display:flex;align-items: flex-start;flex-direction: column;gap: 2rem;margin-top: 1rem;padding: 4rem 5rem;border-radius: 2rem;border: 1px solid var(--blue_30);background: var(--blue_20);}
.login-page .info-box .inner {display:flex;font-size: 1.6rem;flex-direction: column;gap:.5rem;}
.login-page .info-box .inner p {font-size: 1.6rem;}
.login-page .info-box .inner > strong {display: flex;color: var(--blue_80);line-height: 1.5;align-items: center;gap: .5rem;font-size: 1.8rem;}
.login-page .info-box .inner > strong:before {content:'';display:block;width:2.2rem;height:2.2rem;background-repeat: no-repeat;background-size: 100%;background-position: 50%;}
.login-page .info-box .inner:nth-child(1)  > strong:before {background-image:url('../images/common/ico_tit14.svg')}
.login-page .info-box .inner:nth-child(2)  > strong:before {background-image:url('../images/common/ico_tit15.svg')}
.login-page .btn {padding:1.8rem 2rem;font-size:1.8rem;}
.login-page .inner:nth-child(1) #btn_login,
.login-page .inner:nth-child(2) #btn_login_cert {background-color:var(--blue_90)}
.login-page .inner:nth-child(2) .btn_open {border:1px solid var(--gray_50);color:var(--gray_80);background:#fff;max-height:54px;}

/* 인증서갱신 */
.accounts.join.renewal form {gap:2rem;width:52rem;padding:6rem;}
.accounts.join.renewal form > .field {justify-content:center;}
.accounts.join.renewal form  > .field > label {width:8rem;font-size:1.8rem;}
.accounts.join.renewal form .btn_group {margin-top:4rem;}
.accounts.join.renewal form .btn_group .btn.big {margin:0;}
/* //////////로그인 - 끝////////// */

.error-popup .modal-close {z-index:99;position:absolute;top:0;right:-60px;width:50px!important;height:50px!important;border-radius:6px;background-color:#0a0a0a;opacity:.55;-webkit-transition:all .2s;transition:all .2s;}
.error-popup .modal-close:hover {opacity:1}
.error-popup .modal-close::after,
.error-popup .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}
.error-popup .modal-close::after {height:50%;width:2px;}
.error-popup .modal-close::before {height:2px;width:50%;}
.error-popup .pop_wrap {position:relative;}

.error_pop {gap:2rem;width:100rem;height:86rem;overflow-y:scroll;padding:6rem;background: #fff;}
.error_pop .title::before {display:none;}
.error_pop .top_wrap {text-align:center;}
.error_pop .top_wrap h2 {display:flex;justify-content:center;flex-direction:column;gap:1rem;margin-bottom:4rem;font-size:40px;font-style:normal;line-height:1.2;font-weight:900;}
.error_pop .top_wrap h2 > span {color:var(--blue_90);font-size:40px;}
.error_pop .top_wrap p {display:block;padding:30px 40px;border-radius:20px;text-align:left;color:var(--gray_90);background:var(--gray_20);}
.error_pop .top_wrap p > span {display:block;font-size:15px;color:var(--gray_70);}
.error_pop .prc_wrap ul {display:flex;flex-direction:column;gap:20px;}
.error_pop .prc_wrap ul li {display:flex;flex-direction:column;gap:16px;}
.error_pop .prc_wrap ul li:nth-child(1), .error_pop .prc_wrap ul li:nth-child(2) {margin-bottom:20px;}
.error_pop .prc_wrap ul li .title {margin:0;}
.error_pop .prc_wrap ul li .title .circle_num {display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:36px;font-size:20px;color:#fff;background-color:var(--blue_90);margin:0;}
.error_pop .prc_wrap ul li .title .subtitle {font-size:18px;font-weight:400;color:var(--gray_90);}
.error_pop .prc_wrap ul li .title .subtitle > a {color:var(--blue_90);}
.error_pop .prc_wrap ul li .title .subtitle > a:hover, .error_pop .prc_wrap ul li .title .subtitle > a:active, .error_pop .prc_wrap ul li .title .subtitle > a:focus {color:var(--blue_90);text-decoration:underline;}
.error_pop .prc_wrap ul li .imgbox {text-align:center;}
.error_pop .prc_wrap ul li .imgbox > small {color:var(--c_gray_70);}
.error_pop .prc_wrap ul li .imgbox > img {width:100%;}
.error_pop .btn_wrap {display:flex;justify-content:center;margin-top:50px;}
.error_pop .btn_wrap .button {display:inline-flex;width:auto;padding:2rem 3rem;border-radius:3rem;font-size:1.8rem;color:#fff;background:var(--gray_60);transition: var(--ani_time);}
.error_pop .btn_wrap .button:hover {background:var(--gray_70);}

/* 회원가입, 로그인 반응형 공통 */
@media only screen and (max-width:1280px){
	.accounts {padding:0 4%;}
	.modal.error-popup {padding: 0 10%;}
	.error_pop {width:100%;padding: 4rem;}
	.error_pop .top_wrap h2,
	.error_pop .top_wrap h2 > span {font-size:32px}
	.error_pop .top_wrap h2 {flex-direction:row;flex-wrap:wrap;}
}
@media only screen and (max-width:1080px){
	.login-form {padding:0 4%;}
}