@charset "utf-8";
/*@import url('//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
@import url('//hangeul.pstatic.net/hangeul_static/css/nanum-square.css');
*/
@font-face {
  font-family: 'Roboto';       
  font-style:   normal;
  font-weight:  300;
  src: url(/assets/common/v2/fonts/Roboto-Thin.woff2) format('woff2'), 
       url(/assets/common/v2/fonts/Roboto-Thin.woff) format('woff'), 
       url(/assets/common/v2/fonts/Roboto-Thin.otf)  format('opentype')
}
@font-face {
  font-family: 'NanumSquare';       
  font-style:   normal;
  font-weight:  800;
  src: url(/assets/common/v2/fonts/NanumSquareEB.eot);
  src: url(/assets/common/v2/fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'), 
       url(/assets/common/v2/fonts/NanumSquareEB.woff2) format('woff2'),
       url(/assets/common/v2/fonts/NanumSquareEB.woff) format('woff'), 
       url(/assets/common/v2/fonts/NanumSquareEB.otf)  format('opentype')
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url(/assets/common/v2/fonts/SpoqaHanSansBold.woff2) format('woff2'),
    url(/assets/common/v2/fonts/SpoqaHanSansBold.woff) format('woff'),
    url(/assets/common/v2/fonts/SpoqaHanSansBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url(/assets/common/v2/fonts/SpoqaHanSansRegular.woff2) format('woff2'),
    url(/assets/common/v2/fonts/SpoqaHanSansRegular.woff) format('woff'),
    url(/assets/common/v2/fonts/SpoqaHanSansRegular.ttf) format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url(/assets/common/v2/fonts/SpoqaHanSansLight.woff2) format('woff2'),
    url(/assets/common/v2/fonts/SpoqaHanSansLight.woff) format('woff'),
    url(/assets/common/v2/fonts/SpoqaHanSansLight.ttf) format('truetype');
}
/* 200107 추가 */
.onprint {display : none;}
.noprint {display : block;}
.page-break{
  page-break-before: always;
  overflow: hidden;
  padding-top: 20px;
}
/* 2024-09-12 추가 */
.report_ctype{
  background-color: #fff;
}
@media print {
  .page_header{margin-top: 10px;}
  .cover_wrap.cover_type2:after{display: block !important;}
  .report_wrap .page{display: block;border: none;}
  .onprint {display : block;}
  .noprint {display : none;}
  .report_wrap02{padding-bottom: 0;}
  .report_wrap03,
  .report_ctype{page-break-before: always; }
}
@media screen and (max-width:720px) {
  .report_view .onprint{display : block;}
  .report_view .noprint{display : none;}
}
/** { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }*/
body{overflow: auto;width:100%;font-family: 'Spoqa Han Sans', 'Sans-serif';font-weight: 400;color: #393939; background-color: #fff;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, td, input, select, textarea{margin:0;padding:0}
caption{display: none}
table{width: 100%;border-collapse:collapse;}
a,a:hover{text-decoration: none;}

.pc_view{display: block !important; width: auto;}
.mb_view{display: none !important;}
.wrap{max-width: 720px;min-height: 1040px;margin:0 auto;border: 1px transparent solid;}
/* 표지 */
.cover_wrap{position: relative;page-break-after: always;background: url(/assets/common/v2/images/bg_cover.png) 0 0 no-repeat;text-align: right;font-family: 'NanumSquare';border: 1px transparent solid;}
.cover_wrap.cover_type2:after{position: relative;top: 0;left: 0;display: none;content: '';width: 720px;height: 500px;margin-top: 500px;border: 1px #fff solid;page-break-after: always;background: #fff;z-index: 0;}
.cover_wrap h1{margin: 225px 70px 0 0;font-family: 'Roboto';font-size: 94px;color: #9f9f9f;font-weight:  300;}
.cover_wrap h1 strong{padding-bottom: 30px;color: #fa3158;border-bottom: 2px #fa3158 solid;font-weight:  300;}
.cover_wrap h2{margin: 60px 70px 20px 0;font-size: 30px;font-weight: 800;color: #3d3d3d}
.cover_wrap h3{margin-right: 70px;font-size: 22px;color: #3d3d3d;line-height: 1.5;font-weight: 400;}
.cover_logo{position: absolute;left: 50%;top: 885px;z-index: 2;width: 125px;height: 60px;margin-left: -60px;line-height: 60px;text-align: center;}
.cover_logo img{max-width: 95%;max-height: 100%;}
.cover_logo:before{content: '';display: inline-block;width: 0;height: 70%;}
/* 분석표 공통 */
.page_header{page-break-before: always;overflow: hidden;margin-top: 20px;border-bottom: 1px #fa3158 solid;line-height: 37px;font-size: 13px;clear: both;}
.wrap .page_header:first-child{page-break-before: auto;}
.page_header .logo {float: left;width: 90px;height: 45px;margin-bottom: 5px;}
.page_header .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.page_header .date{float: right;margin-top: 15px;padding-left: 5px;font-weight: 300;}
.page_header .info{float: right;margin-top: 15px;font-weight: 400;}
.page_header .info:after{content: '';display: inline-block;width: 2px;height: 14px;background: #fa3158;margin-left: 5px;margin-right: 5px;vertical-align: middle;}

h4{padding: 24px 0 8px;font-size: 27px;text-align: center;font-family: 'NanumSquare';font-weight: 700;color: #393939}
h5{margin-bottom: 5px;font-size: 16px;color: #000;font-weight: 400; margin-top: 8px;}
h5 .h5_icon{display: inline-block;width: 16px;height: 16px;margin-right: 3px;background: url(/assets/common/v2/images/img_h5.png) 50% 50% no-repeat;vertical-align: middle;}
h5 img{margin-right: 7px;vertical-align: middle;}
h5.tit{margin-right: 200px;white-space: nowrap;overflow : hidden;text-overflow: ellipsis;}
h6{position: absolute;top: 0;right: 0;color: #000;font-size: 16px}
.fc_impt{color: #fa3158 !important;}/* 메인 강조 컬러 */
.fc_pk{color: #fa3158 !important;}/* 메인 강조 컬러 */
/* icon */
span[class ^= "icon"]{display: inline-block;width: 24px;height: 24px;vertical-align:middle; white-space:nowrap;margin: 0;font-size: 0;background-position: 50% 50%;background-repeat: no-repeat;}
.icon_mark_o{background-image: url(/assets/common/v2/images/icon_mark_o.png);} 
.icon_mark_x{background-image: url(/assets/common/v2/images/icon_mark_x.png);}
.icon_mark_ex{background-image: url(/assets/common/v2/images/icon_mark.png);background-position: 0 -74px !important;}

/* table */
.board_list{border-top: 2px #4c4949 solid;position: relative;}
.board_list table{table-layout: fixed;font-size: 11px}
.board_list th{background: #f6f6f6;font-weight: 700;color: #4c4949; vertical-align: middle;}
.board_list th,.board_list td{padding: 0;border-left: 1px #d7d7d7 solid;border-bottom: 1px #d7d7d7 solid;text-align: center; vertical-align: middle;}
.board_list th:first-child,.board_list td:first-child{border-left: none;}
.board_list strong{font-weight: 700;}
.board_list .taL{text-align: left;padding-left: 15px !important;}
.board_list .tit_txt{width: 100%;white-space: nowrap;overflow : hidden;text-overflow: ellipsis;}
.board_list th.taL{text-align: center;padding-left: 0;}
.board_list img{vertical-align: middle;margin-right: 3px;}
.board_list>p{font-size: 13px;position: absolute;top: -23px;left: 0;}
.help{overflow: hidden;margin-bottom: 10px;padding:  8px;font-size: 10px;background: #f8f8f8;letter-spacing: -1px;}
.board_list .help{margin-bottom: 0;}
.help .toggle_btn{display: none;}
.help li{margin-top: 0px;}
.help li:first-child{margin-top: 0;}
.help .tit{float: left;font-weight: 700;}
.help .cont{margin-left: 55px;}
/* 수직그래프 */
.grph_vertical{position: relative;height: 230px;text-align: center;}
.grph_vertical .g_top{position: absolute;top: 8px;left: 30px;font-size: 9px}
.grph_vertical .g_top p{line-height: 17px;}
.grph_vertical .g_top .icon{display: inline-block;position: relative;top: -1px;background: #b7b7b7;width: 22px;height: 8px;margin-right: 3px;border-radius:8px ;}
.grph_vertical .g_top .icon.std{background: #fa3158;}
.grph_vertical ul{position: absolute;z-index: 2;top: 70px;left: 35px;bottom: 1px;right: 0;}
.grph_vertical ul li{position: relative;float: left;width: 25%;height: 100%;}
.grph_vertical ul li .txt{position: absolute;bottom: -20px;width: 100%;font-size: 10px;text-align: center;white-space: nowrap;overflow : hidden;text-overflow: ellipsis;color: #333}
.grph_vertical ul li .bar_wrap{position: relative;width: 100%;height: 100%;}
.grph_vertical ul li .bar{position: absolute;bottom: 0;left: 50%;width: 7px;height: 100%;margin-left: -8px;background: #fa3158;border-radius: 7px 7px 0 0 ;}
.grph_vertical ul li .bar.std{left: 50%;margin-left: 0;background: #b7b7b7 ;}
.grph_vertical ul li .num{position: relative;left: 50%;z-index: 999;width: 38px;height: 14px;margin-top: -20px;margin-left: -19px;font-size: 10px;color: #e2547b;text-align: center;}
.grph_vertical ul li .num span{border: 1px #767474 solid;background: #fff;border-radius: 3px;padding: 0 2px;letter-spacing: -1px;}
.grph_vertical ul li .num strong{font-size: 12px;font-weight: 700;line-height: 14px;}
.grph_vertical ul li .num img{position: absolute;bottom: -4px;left: 50%;margin-left: -3px;}
.grph_vertical dl{position: absolute;z-index: 1;top: 50px;left: 35px;bottom: 0;right: 0;padding-top: 20px;border-left: 1px #444444 solid;border-bottom: 1px #444444 solid;}
span.circle{display: inline-block;width: 12px;height: 12px;font-size: 10px;color: #fff;background: #fa3158;border-radius: 100%;line-height: 10px;text-align: center;vertical-align: middle;}
td span.circle{margin-right: 5px;}
.grph_vertical dl dt{position: relative;top: -7px;left: -35px;float: left;width: 30px;font-size: 12px;text-align: right;color: #4c4949}
.grph_vertical dl dd{width: 100%;height: 20%;border-top: 1px #dddddd solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.grph_vertical.single_bar ul li .bar{margin-left: -3px;}
.grph_vertical.single_bar ul{top: 20px;}
.grph_vertical.single_bar dl{top: 0;}

.grph_vertical.n_grph dl{top: 0;padding-top: 35px;border-left: 1px #cfcfcf solid;border-bottom: 1px #ababab solid;} 
.grph_vertical.n_grph dl dt{top: -10px;left: -38px;}
.grph_vertical.n_grph dl dd{position: relative;}
.grph_vertical.n_grph dl dd:before{content: '';display: inline-block;width: 6px;height: 1px;background: #000;position: absolute;top: -1px;left: -6px;}
.grph_vertical.n_grph ul{top: 35px;}
.grph_vertical.n_grph ul li{width: 12.5%;}
.grph_vertical.n_grph ul li:first-child:before{content: '';display: inline-block;width: 6px;height: 1px;background: #000;position: absolute;bottom: -1px;left: -5px;}
.grph_vertical.n_grph ul li:first-child:after{content: '';display: inline-block;width: 1px;height: 4px;background: #000;position: absolute;bottom: -4px;left: 0;}
.grph_vertical.n_grph ul li .bar{width: 50px;margin-left: -25px;background: #fee3e7;border-radius: 0 ;}
.grph_vertical.n_grph ul li .txt{height: 70px;bottom: -70px;}
.grph_vertical.n_grph ul li .txt:before{content: '';display: inline-block;width: 1px;height: 4px;position: absolute;top: 0;left: 50%;background: #000;}
.grph_vertical.n_grph ul li .txt span{display: block;margin: 5px auto;font-size: 12px}
.grph_vertical.n_grph ul li .num{top: 50%;margin-top: -7px;color: #000;}
.grph_vertical.n_grph ul li .num span{border: none;background: none;}
.grph_vertical.n_grph ul li .num strong{font-weight: normal;}

/* 수평그래프 */
.grph_horizontal{position: relative;width: 250px;height: 35px;text-align: center;}
.grph_horizontal .bar_wrap{position: relative;width: 100%;height: 100%;}
.grph_horizontal .bar{position: absolute;top: 50%;left: 0;width: 100%;height: 12px;margin-top: -14px;background: #fa3158;border-radius: 0 7px 7px 0 ;}
.grph_horizontal .bar.std{margin-top: 1px;background: #b7b7b7 ;}
.grph_horizontal .num{position: relative;left: 100%;z-index: 999;width: 38px;height: 12px;margin-top: 0;margin-left: 5px;font-size: 10px;color: #e2547b;text-align: center;border: 1px #e2547b solid;background: #fff;border-radius: 14px;line-height: 11px;font-weight: 700;}
.grph_horizontal .num strong{position: relative;top: 1px;font-size: 12px;margin: 0 2px;}
.grph_horizontal .num img{position: absolute;left: -4px;top: 0;}
.grph_horizontal .std .num{width: 55px;border-color: #cdcdcd;color: #cdcdcd}

/* 전체학습분석 */
/* 전체학습분석 -종합성취도,전체학습량 */
.report_wrap01 .report01{overflow: hidden;}
.report_wrap01 .report01 ul li{text-align: center;position: relative;}
.report_wrap01 .report01 ul li:nth-child(1),
.report_wrap01 .report01 ul li:nth-child(2){float: left;width: 160px;height: 95px;padding-top: 17px;}
.report_wrap01 .report01 ul li:nth-child(3),
.report_wrap01 .report01 ul li:nth-child(4){width: 393px;margin-left: 325px;padding: 5px 0;border: 1px #e2e2e2 solid;}
.report_wrap01 .report01 ul li:nth-child(4){margin-top: -1px;}
.report_wrap01 .report01 ul li .tit{font-size: 13px;}
.report_wrap01 .report01 ul li:nth-child(1):after{content: '';display: inline-block;width: 2px;height: 30px;background: #d7d7d7;position: absolute;top: 50%;right: 0;margin-top: -10px;}
.report_wrap01 .report01 ul li:nth-child(1) .cont,
.report_wrap01 .report01 ul li:nth-child(2) .cont{font-size: 15px;}
.report_wrap01 .report01 ul li:nth-child(1) .cont strong,
.report_wrap01 .report01 ul li:nth-child(2) .cont strong{font-size: 37px;font-weight: 700;}
.report_wrap01 .report01 ul li:nth-child(1) .cont{color: #fa3158;}
.report_wrap01 .report01 ul li:nth-child(2) .cont{color: #9f9f9f}
.report_wrap01 .report01 ul li:nth-child(3) .cont,
.report_wrap01 .report01 ul li:nth-child(4) .cont{font-weight: 700;color: #fa3158;font-size: 12px;}

/* 전체학습분석 -선생님 의견 */
.report_wrap01 .report02{margin-bottom: 20px;}
.teacher_cmt{overflow: hidden;clear: right;width: 100%;height: 130px;margin-top: 10px;padding: 10px 20px;background: #f8f8f8;text-align: justify;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;border: none;font-family: 'Spoqa Han Sans', 'Sans-serif';}
/* 전체학습분석 -행동영역별 성취도 */
.report_wrap01 .report03{height: 270px;margin-bottom: 20px;}
.report_wrap01 .report03 .grph_vertical{float: left;width: 220px;} 
.report_wrap01 .report03 .board_list{margin-top: -29px;margin-left: 280px;} 
/* 전체학습분석 -난이도별 학습 현황 */
.report_wrap01 .report04{height: 315px;}
.report_wrap01 .report04 .grph_vertical{float: left;width: 220px;} 
.report_wrap01 .report04 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap01 .report04 .grph_vertical ul li{width: 20%;}
/* 전체학습분석 -월별 ,대단원별,교재연동&매칭,문제지별 학습현황 */
.report_wrap01 .report05{margin-bottom: 10px;}
.report_wrap01 .report05 .grph_wrap{width: 720px;height: 290px;}

/* 대단원 상세분석 */
.report_wrap02{padding-bottom: 20px;}
.wrap.report_wrap02 .page_header:first-child{page-break-before:always;}
/*.wrap.report_wrap02 ~ .wrap.report_wrap02 .page_header:first-child {page-break-before:auto;}*/
/* 대단원 상세분석 -종합성취도,전체학습량 */
.report_wrap02 .report01{text-align: center;}
.report_wrap02 .report01 h4{padding-bottom: 25px;}
.report_wrap02 .report01 .unit{display: inline-block;padding: 4px 28px;border: 1px #d9d9d9 solid;font-size: 13px;font-weight: 700;color: #fa3158}
.report_wrap02 .report01 ul{overflow: hidden;width: 590px;height: 120px;margin: 0 auto;}
.report_wrap02 .report01 ul li{float: left;width: 25%;padding-top: 35px;color: #9f9f9f}
.report_wrap02 .report01 ul li .tit{font-size: 13px;}
.report_wrap02 .report01 ul li .cont{font-size: 15px;}
.report_wrap02 .report01 ul li .cont strong{font-size: 37px;font-weight: 700;}
.report_wrap02 .report01 ul li .fc_impt strong{font-weight: 700;}
.report_wrap02 .report02{margin-bottom: 10px;}

/* 200108 추가 */
.empty{padding: 50px 0 !important;}
.grph_vertical+.board_list .empty{padding: 30px 0 !important;}

/* 200324 추가 */
.list02{margin-bottom: 10px;border: 2px #4c4949 solid;}
.list02 th,.list02 td{border-bottom: none;}

/* 200611 추가 */
.report_wrap03 .teacher_cmt{height: 500px;}


.teacher_cmt{overflow: hidden;clear: right;width: 100%;height: 100px;margin-top: 10px;padding: 10px 20px;background: #f8f8f8;text-align: justify;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;border: none;font-family: 'Spoqa Han Sans', 'Sans-serif';}

.grph_wrap{width: 720px;height: 290px;}
/*---------------------------------------------------------------------------------------------------------------
성취도평가-pc,인쇄
---------------------------------------------------------------------------------------------------------------*/

/* 성취도평가 -종합성취도,전체학습량 */
.report_summary{overflow: hidden;position: relative;}
.report_summary ul li{text-align: center;position: relative;}
.report_summary ul li.s_type1,
.report_summary ul li.s_type2{float: left;width: 160px;height: 95px;padding-top: 17px;}
.report_summary ul li.s_type3,
.report_summary ul li.s_type4{width: 393px;margin-left: 325px;padding: 5px 0;border: 1px #b7b7b7 solid;}
.report_summary ul li.s_type4{margin-top: -1px;}
.report_summary ul li .tit{font-size: 13px;}
.report_summary ul li.s_type1:after{content: '';display: inline-block;width: 2px;height: 30px;background: #d7d7d7;position: absolute;top: 50%;right: 0;margin-top: -10px;}
.report_summary ul li.s_type1 .cont,
.report_summary ul li.s_type2 .cont{font-size: 15px;}
.report_summary ul li.s_type1 .cont strong,
.report_summary ul li.s_type2 .cont strong{font-size: 37px;font-weight: 700;}
.report_summary ul li.s_type1 .cont{color: #fa3158;}
.report_summary ul li.s_type2 .cont{color: #9f9f9f}
.report_summary ul li.s_type3 .cont,
.report_summary ul li.s_type4 .cont{font-weight: 700;color: #fa3158;font-size: 12px;white-space: nowrap;overflow : hidden;text-overflow: ellipsis;}
/* 성취도평가 -선생님 의견 */
.report_wrap_test01 .report_teacher{margin-bottom: 20px;position: relative;}
/* 성취도평가 -단원별 성취도 */
.report_wrap_test01 .report_type01{height: 270px;margin-bottom: 20px;}
.report_wrap_test01 .report_type01 .grph_vertical{float: left;width: 250px;height: 220px;} 
.report_wrap_test01 .report_type01 .grph_vertical ul li{width: 16.6%;}
.report_wrap_test01 .report_type01 .board_list{margin-top: 83px;margin-left: 280px;} 
.report_wrap_test01 .report_type01 col:nth-child(1){width: 65%;}
/* 성취도평가 -행동영역별 성취도 */
.report_wrap_test01 .report_type02{position: relative;height: 270px;margin-bottom: 20px;}
.report_wrap_test01 .report_type02 .grph_vertical{position: absolute;top:25px;left: 0;width: 250px;} 
.report_wrap_test01 .report_type02 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap_test01 .report_type02 .help{margin-left: 280px;}
.report_wrap_test01 .report_type02 col:nth-child(1){width: 30%;}
/* 성취도평가 -성취도 변화 */
.report_wrap_test01 .report_type03{height: 250px;margin-top: 20px;}
.report_wrap_test01 .report_type03 .grph_vertical{float: left;width: 250px;height: 170px;} 
.report_wrap_test01 .report_type03 .grph_vertical ul li{width: 16.6%;}
.report_wrap_test01 .report_type03 .board_list{margin-top: 30px;margin-left: 280px;} 
.report_wrap_test01 .report_type03 col:nth-child(1){width: 20%;}
/* 성취도평가 -난이도별 학습 현황 */
.report_wrap_test01 .report_type04{position: relative;height: 315px;}
.report_wrap_test01 .report_type04 .grph_vertical{position: absolute;top:25px;left: 0;width: 250px;} 
.report_wrap_test01 .report_type04 .grph_vertical ul li{width: 20%;}
.report_wrap_test01 .report_type04 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap_test01 .report_type04 .help{margin-left: 280px;}
/* 성취도평가 -문항별 결과 */
.report_wrap_test01 .report_type05{margin-top: 20px;margin-bottom: 10px;}
.report_wrap_test01 .report_type05 col:nth-child(1){width: 5%;}
.report_wrap_test01 .report_type05 col:nth-child(2),
.report_wrap_test01 .report_type05 col:nth-child(4),
.report_wrap_test01 .report_type05 col:nth-child(5){width: 15%;}

/*---------------------------------------------------------------------------------------------------------------
일일평가-pc,인쇄
---------------------------------------------------------------------------------------------------------------*/
.report_wrap_test02 h5 strong,
.report_wrap_test02 h5 strong+br{display: none;}
/* 일일평가 -평가결과요약 */
.report_wrap_test02 .report_summary{margin-bottom: 20px;}
.report_wrap_test02 .report_summary ul{text-align: center;}
.report_wrap_test02 .report_summary ul li.s_type1, 
.report_wrap_test02 .report_summary ul li.s_type2{float: none;display: inline-block;}
.report_wrap_test02 .report_summary ul li.s_type2+.s_type2:before{content: '';display: inline-block;width: 2px;height: 30px;background: #d7d7d7;position: absolute;top: 50%;left: 0;margin-top: -10px;}

/* 일일평가 -선생님 의견 */
.report_wrap_test02 .report_teacher{margin-bottom: 10px;position: relative;}
/* 일일평가 -성취도 변화 */
.report_wrap_test02 .report_type01{height: 250px;margin-top: 20px;}
.report_wrap_test02 .report_type01 .grph_vertical{float: left;width: 250px;height: 170px;} 
.report_wrap_test02 .report_type01 .grph_vertical ul li{width: 16.6%;}
.report_wrap_test02 .report_type01 .board_list{margin-top: 30px;margin-left: 280px;} 
.report_wrap_test02 .report_type01 col:nth-child(1){width: 20%;}
/* 일일평가 -문항별 결과 */
.report_wrap_test02 .report_type02{margin-top: 20px;margin-bottom: 10px;}
.report_wrap_test02 .report_type02 col:nth-child(1){width: 5%;}
.report_wrap_test02 .report_type02 col:nth-child(2),
.report_wrap_test02 .report_type02 col:nth-child(4),
.report_wrap_test02 .report_type02 col:nth-child(5){width: 15%;}


/*---------------------------------------------------------------------------------------------------------------
학력진단평가-pc,인쇄
---------------------------------------------------------------------------------------------------------------*/
/* 학력진단평가 -종합성취도,전체학습량 */
.report_wrap_test03 .report_summary{margin-bottom: 20px;}
.report_wrap_test03 .report_summary ul li.s_type1, 
.report_wrap_test03 .report_summary ul li.s_type2{height: 65px;}
.report_wrap_test03 .report_summary ul li.s_type2+.s_type1{clear: left;}
.report_wrap_test03 .report_summary ul li.s_type5{margin-left: 325px;text-align: left;font-size: 15px}
.report_wrap_test03 .report_summary ul li.s_type3, 
.report_wrap_test03 .report_summary ul li.s_type4{padding: 10px 0;}
/* 학력진단평가 -선생님 의견 */
.report_wrap_test03 .report_teacher{margin-bottom: 10px;position: relative;}
/* 학력진단평가 -단원별 성취도 */
.report_wrap_test03 .report_type01{height: 220px;margin-bottom: 15px;}
.report_wrap_test03 .report_type01 .grph_vertical{float: left;width: 250px;height: 170px;} 
.report_wrap_test03 .report_type01 .grph_vertical ul li{width: 16.6%;}
.report_wrap_test03 .report_type01 .board_list{margin-top: 32px;margin-left: 280px;} 
.report_wrap_test03 .report_type01 col:nth-child(1){width: 65%;}
/* 학력진단평가 -행동영역별 성취도 */
.report_wrap_test03 .report_type02{position: relative;height: 270px;margin-bottom: 0;}
.report_wrap_test03 .report_type02 .grph_vertical{position: absolute;top:25px;left: 0;width: 250px;} 
.report_wrap_test03 .report_type02 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap_test03 .report_type02 .help{margin-left: 280px;}
.report_wrap_test03 .report_type02 col:nth-child(1){width: 30%;}
/* 학력진단평가 -난이도별 학습 현황 */
.report_wrap_test03 .report_type03{position: relative;height: 315px;margin-top: 20px;}
.report_wrap_test03 .report_type03 .grph_vertical{position: absolute;top:25px;left: 0;width: 250px;} 
.report_wrap_test03 .report_type03 .grph_vertical ul li{width: 20%;}
.report_wrap_test03 .report_type03 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap_test03 .report_type03 .help{margin-left: 280px;}
/* 학력진단평가 -문항별 결과 */
.report_wrap_test03 .report_type04{margin-top: 20px;margin-bottom: 10px;}
.report_wrap_test03 .report_type04 col:nth-child(1){width: 5%;}
.report_wrap_test03 .report_type04 col:nth-child(2),
.report_wrap_test03 .report_type04 col:nth-child(4),
.report_wrap_test03 .report_type04 col:nth-child(5){width: 15%;}

/*---------------------------------------------------------------------------------------------------------------
기간별분석표-pc,인쇄
---------------------------------------------------------------------------------------------------------------*/

/* 기간별분석표 -요약 */
.report_wrap_test04 .report_summary{text-align: center;margin-bottom: 20px;}
.report_wrap_test04 .report_summary h5{display: none;}
.report_wrap_test04 .report_summary ul li.s_type1, 
.report_wrap_test04 .report_summary ul li.s_type2{float: none;display: inline-block;}
.report_wrap_test04 .report_summary ul li.s_type1:after{display: none;}
.report_wrap_test04 .report_summary ul li.s_type2:before{content: '';display: inline-block;width: 2px;height: 30px;background: #d7d7d7;position: absolute;top: 50%;right: 0;margin-top: -10px;}
/* 기간별분석표 -출결현황 */
.report_wrap_test04 .report_summary.ty2{float: left;width: 48%;}
.report_wrap_test04 .report_summary.ty2 h5{display: block;text-align: left;}
.report_wrap_test04 .report_summary.ty2 ul li.s_type1,
.report_wrap_test04 .report_summary.ty2 ul li.s_type2{float: left;width: 33.3%;}
.report_wrap_test04 .report_summary.ty2 ul li.s_type2:before{content: '';display: inline-block;width: 2px;height: 30px;background: #d7d7d7;position: absolute;top: 50%;left: 0;margin-top: -10px;}

/* 기간별분석표 -일 평균 학습량 */
.g_top2{display: inline-block;margin-left: 30px;font-size: 9px;vertical-align: middle;}
.g_top2 p{display: inline-block;line-height: 17px;}
.g_top2 .icon{display: inline-block;position: relative;top: -1px;background: #fee3e7;width: 22px;height: 8px;margin-right: 3px;border-radius:8px ;}
.g_top2 .icon.ty2{height: 3px;border-radius: 0;margin-left: 10px;background: #fa3158;}
.g_top2 .s{display: none;}
.report_wrap_test04 .report_summary.ty3{float: right;width: 48%;}
.report_wrap_test04 .report_summary.ty3 h5{display: block;text-align: left;margin-left: 10%;}
.report_wrap_test04 .report_summary.ty3 ul li.s_type1,
.report_wrap_test04 .report_summary.ty3 ul li.s_type2{float: left;width: 50%;height: 100%;}
.report_wrap_test04 .report_summary.ty3 ul li.s_type2:before{content: '';display: inline-block;width: 2px;height: 30px;background: #d7d7d7;position: absolute;top: 50%;left: 0;margin-top: -10px;}
.report_wrap_test04 .report_summary.ty3 .tit span{display: none;}
.report_wrap_test04 .report_summary.ty3 .cont2{display: inline-block;padding: 3px 10px;background: #000;color: #fff;font-size: 14px;line-height: 16px;}
.report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background: #fa3158;}
.report_wrap_test04 .report_summary.ty3 ul li.s_type2 .cont2{background: #9f9f9f;}
/* 기간별분석표 -학습단원 */
.report_wrap_test04 .report_type01{clear: both;height: auto;margin-bottom: 20px;}
.report_wrap_test04 .report_type01 col:nth-child(1){width: 65%;}
/* 기간별분석표 -단원별 학습비중(%) 및 성취도(%) */
.report_wrap_test04 .report_type02{height: 325px;margin-top: 20px;}
/* 기간별분석표 -주별 학습량(문항수) 및 성취도(%) */
.report_wrap_test04 .report_type03{height: 325px;margin-top: 10px;}
/* 기간별분석표 -평가 성취도(%) */
.report_wrap_test04 .report_type04{height: auto;margin: 20px 0 40px;}
.report_wrap_test04 .report_type04 .board_list>p{top: -28px;left: auto;right: 0;}
.report_wrap_test04 .report_type04 col:nth-child(2){width: 70%;}
/* 기간별분석표 -행동영역별 성취도 */
.report_wrap_test04 .report_type05{position: relative;height: 270px;margin-bottom: 20px;}
.report_wrap_test04 .report_type05 .grph_vertical{position: absolute;top:25px;left: 0;width: 250px;} 
.report_wrap_test04 .report_type05 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap_test04 .report_type05 .help{margin-left: 280px;}
.report_wrap_test04 .report_type05 col:nth-child(1){width: 30%;}
/* 기간별분석표 -난이도별 학습 현황 */
.report_wrap_test04 .report_type06{position: relative;height: 315px;margin-top: 20px;}
.report_wrap_test04 .report_type06 .grph_vertical{position: absolute;top:25px;left: 0;width: 250px;} 
.report_wrap_test04 .report_type06 .grph_vertical ul li{width: 20%;}
.report_wrap_test04 .report_type06 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap_test04 .report_type06 .help{margin-left: 280px;}
/* 기간별분석표 -우수유형 성취도(%),취약유형 성취도(%) */
.report_wrap_test04 .report_type07,
.report_wrap_test04 .report_type08{float: left;width: 48%;height: 275px;margin-top: 20px;}
.report_wrap_test04 .report_type08{float: right;}
.report_wrap_test04 .report_type07 col:nth-child(1),
.report_wrap_test04 .report_type08 col:nth-child(1){width: 80%;}
/* 기간별분석표 -선생님 의견 */
.report_wrap_test04 .report_teacher{clear: both;margin: 20px 0;position: relative;}

/* 220510 기간별분석표 수정 */
/*.report_wrap_test04 h5{margin-bottom: 0;}*/
.report_wrap_test04 h4{font-size: 24px;line-height: 1.2;height: 60px !important;}
.report_wrap_test04 .report_summary,
.report_wrap_test04 .report_type01,
.report_wrap_test04 .report_type02,
.report_wrap_test04 .report_type03,
.report_wrap_test04 .report_type04,
.report_wrap_test04 .report_type05,
.report_wrap_test04 .report_type06,
.report_wrap_test04 .report_type07,
.report_wrap_test04 .report_type08,
.report_wrap_test04 .report_teacher{margin-top: 0;margin-bottom: 0;}
.report_wrap_test04 .report_type01,
.report_wrap_test04 .report_type02,
.report_wrap_test04 .report_type03,
.report_wrap_test04 .report_type04,
.report_wrap_test04 .report_type05,
.report_wrap_test04 .report_type06,
.report_wrap_test04 .report_teacher{clear: both;}
.report_wrap_test04 .report_type02,
.report_wrap_test04 .report_type03,
.report_wrap_test04 .report_type04,
.report_wrap_test04 .report_type05,
.report_wrap_test04 .report_type06{height: 315px;}
.report_wrap_test04 .report_summary ul li.s_type1,.report_wrap_test04 .report_summary ul li.s_type2{height: 80px;}
.report_wrap_test04 .report_summary.ty2,
.report_wrap_test04 .report_summary.ty3{height: 127px;margin-bottom: 20px;}
.report_wrap_test04 .report_summary.ty2 ul li.s_type1, .report_wrap_test04 .report_summary.ty2 ul li.s_type2,
.report_wrap_test04 .report_summary.ty3 ul li.s_type1, .report_wrap_test04 .report_summary.ty3 ul li.s_type2{padding-top: 4px;}
.report_wrap_test04 .report_type01{padding-top: 70px;height: 245px;}
.report_wrap_test04 .report_type04{padding-top: 70px;height: 245px;}
.report_wrap_test04 .report_type07,
.report_wrap_test04 .report_type08{padding-top: 30px;height: 285px;}
.report_wrap_test04 .report_teacher{padding-top: 80px;height: 235px;}

/*---------------------------------------------------------------------------------------------------------------
오답학습분석표-pc,인쇄
---------------------------------------------------------------------------------------------------------------*/
.report_wrap_test06 .report_tit{position: relative;height: 115px;border: 1px transparent solid;}
.report_wrap_test06 h4{overflow: hidden;width: 475px;height: 75px;margin-top: 20px;padding: 0;line-height: 1.5;text-align: left;font-size: 25px;letter-spacing: -1px;}
.report_wrap_test06 .report_tit .logo2{position: absolute;top: 13px;right: 0;width: 176px;height: 88px;line-height: 88px;text-align: right;}
.report_wrap_test06 .report_tit .logo2 img{width: 100%;max-height: 100%;}
/* 오답학습분석표 -분석표정보 */
.report_wrap_test06 .report_info{clear: both;height: auto;margin-bottom: 20px;}
.report_wrap_test06 .report_info .bd1 {width: 250px;float: left;}
.report_wrap_test06 .report_info .bd2 {margin-left: 280px;}
.report_wrap_test06 .report_info .bd1 col:nth-child(1){width: 90px;}
.report_wrap_test06 .report_info .bd2 col:nth-child(1){width: 135px;}
/* 오답학습분석표 -요약 */
.report_wrap_test06 .report_summary{text-align: center;margin-bottom: 20px;}
.report_wrap_test06 .report_summary h5{text-align: left;}
.report_wrap_test06 .report_summary ul li.s_type1, 
.report_wrap_test06 .report_summary ul li.s_type2{float: none;display: inline-block;}
.report_wrap_test06 .report_summary ul li.s_type1:after{display: none;}
.report_wrap_test06 .report_summary ul li.s_type2:before{content: '';display: inline-block;width: 2px;height: 30px;background: #d7d7d7;position: absolute;top: 50%;right: 0;margin-top: -10px;}
/* 오답학습분석표 -학습단원 */
.report_wrap_test06 .report_type01{clear: both;height: auto;margin-bottom: 20px;}
.report_wrap_test06 .report_type01 td{padding: 5px;}
.report_wrap_test06 .report_type01 col:nth-child(1){width: 40px;}
.report_wrap_test06 .report_type01 col:nth-child(2){width: 90px;}
.report_wrap_test06 .report_type01 col:nth-child(3){width: 50%;}
/* 오답학습분석표 -성취도 그래프 */
.report_wrap_test06 .report_type02{position: relative;height: 300px;margin-top: 30px;}
.report_wrap_test06 .report_type02 h5{display: none;}
.report_wrap_test06 .report_type02 .grph_vertical{position: absolute;top:0;left: 0;width: 685px;height: 215px;}
/* 오답학습분석표 -최근 문제지 오답학습 현황 */
.report_wrap_test06 .report_type03{height: auto;margin: 20px 0;}
.report_wrap_test06 .report_type03>p{font-size:14px;padding-bottom: 5px;}
.report_wrap_test06 .report_type03 col:nth-child(2){width: 50%;}
/* 오답학습분석표 -오답 학습 취약 유형 현황 */
.report_wrap_test06 .report_type04{height: auto;margin: 20px 0;}
.report_wrap_test06 .report_type04 col:nth-child(1){width: 50%;}
.report_wrap_test06 .report_type04 thead tr:nth-child(2) th:nth-child(1){border-left: 1px #d7d7d7  solid;}
/* 오답학습분석표 -문항별 상세 결과표 */
.report_wrap_test06 .report_type05{height: auto;margin: 20px 0;}
.report_wrap_test06 .report_type05 .board_list{margin-bottom: 25px;}
.report_wrap_test06 .report_type05 col:nth-child(1),.report_wrap_test06 .report_type05 col:nth-child(5){width: 5%;}
.report_wrap_test06 .report_type05 col:nth-child(2),.report_wrap_test06 .report_type05 col:nth-child(6){width: 6%;}
.report_wrap_test06 .report_type05 col:nth-child(3),.report_wrap_test06 .report_type05 col:nth-child(7){width: 7%;}
.report_wrap_test06 .report_type05 col:nth-child(4),.report_wrap_test06 .report_type05 col:nth-child(8){width: 34%;}
.report_wrap_test06 .report_type05 span[class ^= "icon"]{height: 20px;}
.report_wrap_test06 .report_type05 span.icon_mark_ex{background-position: 0 -76px !important;}
/* 오답학습분석표 -선생님 의견 */
.report_wrap_test06 .report_teacher{clear: both;margin: 20px 0;position: relative;}
.report_wrap_test06 .report_teacher .teacher_cmt{min-height: 335px;height: auto;overflow: visible;}

@media screen and (max-width:720px) {
  html{font-size:21px;}
  .pc_view{display: none !important;}
  .mb_view{display: block !important; }
  .cover_wrap{display: none;}

  .wrap{width: 99%;min-width: 320px;margin:0 auto;}
  /* 분석표 공통 */
  .page_header{overflow: hidden;margin-top: 0;padding: 0 1.5rem;border-bottom: 2px #fa3158 solid;line-height: 3.462rem;font-size:  1.154rem}
  .report_wrap01 .page_header:first-child{page-break-before: auto;}
  .page_header .logo {position: relative;top: 0.8rem;display: inline-block;width:5rem;height: 2rem;line-height: 1.2rem;}
  .page_header .logo img{max-width: 100%;max-height: 100%;}
  .page_header .date{float: right;margin-top: 0;padding-left: 0.7rem;font-weight: 300;}
  .page_header .info{float: right;margin-top: 0;font-weight: 400;}
  .page_header .info:after{content: '';display: inline-block;width: 2px;height: 1rem;background: #fa3158;margin-left: 0.7rem;vertical-align: middle;position: relative;top: -2px;}

  h4{padding: 3.346rem 0  2.462rem;font-size:  2.462rem;text-align: center;font-family: 'Nanum Square';font-weight: 700;color: #393939}
  h5{height: 2.5rem;margin: 1.5rem 1.5rem 1rem 1.5rem;padding-left: 0;font-size: 1.615rem;color: #000;font-weight: 400;line-height: 2.5rem;}
  h5 .h5_icon{display: inline-block;width: 1.615rem;height: 1.615rem;margin-right: 0.3rem;background: url(/assets/common/v2/images/img_h5_mb.png) 50% 50% no-repeat;vertical-align: middle;-webkit-background-size: cover;  background-size: cover;}
  h5 img{position: relative;top: 0.1rem;max-height: 100%;margin-right: 0.3rem;vertical-align: top;}
  h5.tit{height: auto;margin-right:0;padding-right: 1.5rem;white-space:normal;overflow:visible;text-overflow:unset;line-height: 1.3;}
  h6{position: relative;width: 80%;left: calc(1.5rem + 20px);right: auto;margin-bottom: -2.5rem;font-size:1.3rem;font-weight: 700;}
  /* icon */
  span[class ^= "icon"]{display: inline-block;width: 1.2rem;height: 1.2rem;vertical-align:middle; white-space:nowrap;margin: 0;font-size: 0;background-position: 50% 50%;background-repeat: no-repeat;}
  .icon_mark_o{background-image: url(/assets/common/v2/images/icon_mark_o_mb.png);-webkit-background-size: cover;  background-size: cover;}
  .icon_mark_x{background-image: url(/assets/common/v2/images/icon_mark_x_mb.png);-webkit-background-size: cover;  background-size: cover;}
  .icon_mark_ex{background-image: url(/n_content/images/center/common/icon_mark.png);background-position: 0 -74px !important;}

  /* table */
  .board_list{margin: 0 1.5rem !important;border-top: 2px #4c4949 solid;}
  .board_list table{table-layout: fixed;font-size:  1rem}
  .board_list th{background: #f6f6f6;font-weight: 700;}
  .board_list th,.board_list td{padding: 0.2rem 0;border-left: 1px #d7d7d7 solid;border-bottom: 1px #d7d7d7 solid;text-align: center;}
  .board_list th:first-child,.board_list td:first-child{border-left: none;}
  .board_list strong{font-weight: 700;}
  .board_list .taL{text-align: left;padding: 0 0.5rem !important;}
  .board_list th.taL{text-align: center;padding-left: 0;}
  .board_list img{vertical-align: middle;margin-right: 3px;}
  .board_list>p{font-size: 1rem;top: -1.5rem;}
  .board_list .tit_txt{white-space:normal;overflow:visible;text-overflow:unset;word-break:break-all;}
  /* 도움말 */
  .help{font-size: 1rem;background: none;padding: 0;}
  .help .toggle_btn{display: block;position: relative;padding: 0 1.5rem;font-size: 1.1rem;font-weight: 700;color: #4c4949;line-height: 3rem;border-top: 1px #ededed solid;border-bottom: 1px #ededed solid;}
  .help .toggle_btn:before,
  .help .toggle_btn:after{position: relative;top: -0.1rem;vertical-align: middle;content: '';display: inline-block;width: 1.1rem;height: 1.1rem;background-repeat: no-repeat;background-position: 0 0;-webkit-background-size: contain;background-size: contain;}
  .help .toggle_btn:before{margin-right: 0.5rem;background-image: url(/assets/common/v2/images/icon1.png);}
  .help .toggle_btn:after{position: absolute;right: 1.5rem;top: 50%;margin-top: -0.6rem;background-image: url(/assets/common/v2/images/icon2_off.png);}
  .help .toggle_btn.on:after{background-image: url(/assets/common/v2/images/icon2_on.png);}
  /* .help .on+ul{display: block;} */
  .help ul{display: none;padding: 0.7rem 1.5rem;background: #f8f8f8;}
  .help li{margin-top: 1.5rem;}
  .help li:first-child{margin-top: 0;}
  .help .tit{color: #4c4949;float: none;font-weight: 400;}
  .help .cont{color: #797979;margin-left: 0;}
  /* 수직그래프 */
  .grph_vertical{float: none !important;position: relative;width: auto !important;height: 22rem !important;margin: 1rem 1.5rem;text-align: center;}
  .grph_vertical .g_top{position: absolute;top: 0;left: 30px;font-size: 1.15rem}
  .grph_vertical .g_top p{line-height: 1.3;text-align: left;}
  .grph_vertical .g_top .icon{position: relative;top: -1px;background: #b7b7b7;width: 1.8rem;height: 0.8rem;margin-right: 0.4rem;border-radius:1rem ;}
  .grph_vertical .g_top .icon.std{background: #fa3158;}
  .grph_vertical ul{position: absolute;z-index: 2;top: calc(4rem + 20px);left: 3rem;bottom: 2rem;right: 0;}
  .grph_vertical ul li{position: relative;float: left;width: 25%;height: 100%;}
  .grph_vertical ul li .txt{position: absolute;bottom:-1.5rem;width: 100%;font-size: 1rem;text-align: center;white-space: nowrap;overflow : hidden;text-overflow: ellipsis;color: #333}
  .grph_vertical ul li .bar_wrap{position: relative;width: 100%;height: 100%;}
  .grph_vertical ul li .bar{position: absolute;bottom: 0;left: 50%;width: 1rem;height: 100%;margin-left: -1.2rem;background: #fa3158;border-radius: 1rem 1rem 0 0 ;}
  .grph_vertical ul li .bar.std{left: 50%;margin-left: 0;background: #b7b7b7 ;}
  .grph_vertical ul li .num{position: relative;left: 50%;z-index: 999;width: 3.2rem;height: 1.4rem;margin-top:-1.8rem;margin-left: -1.6rem;font-size: 1rem;color: #e2547b;text-align: center;}
  .grph_vertical ul li .num span{border: 2px #4c4949 solid;background: #fff;border-radius: 0.3rem;padding: 0 2px;}
  .grph_vertical ul li .num strong{font-size: 1.15rem;font-weight: 700;line-height: 14px;}
  .grph_vertical ul li .num img{position: static;display: block;margin: -3px auto 0; width: auto;}
  .grph_vertical dl{position: absolute;z-index: 1;top: 4rem;left: 3rem;bottom: 2rem;right: 0;padding-top: 20px;border-left: 1px #000044 solid;border-bottom: 1px #000044 solid;}
  .grph_vertical dl dt{position: relative;top: -1rem;left: -3.5rem;float: left;width: 2.7rem;font-size: 1.15rem;text-align: right;color: #4c4949}
  .grph_vertical dl dd{width: 100%;height: 20%;border-top: 1px #d7d7d7 solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  span.circle{width: 1rem;height: 1rem;font-size: 0.8rem;line-height: 1rem;}
  .grph_vertical.single_bar{height: 20rem !important;margin-top: 3rem;}
  /* 수평그래프 */
  .grph_horizontal{position: relative;width: 250px;height: 35px;text-align: center;}
  .grph_horizontal .bar_wrap{position: relative;width: 100%;height: 100%;}
  .grph_horizontal .bar{position: absolute;top: 50%;left: 0;width: 100%;height: 12px;margin-top: -14px;background: #fa3158;border-radius: 0 7px 7px 0 ;}
  .grph_horizontal .bar.std{margin-top: 1px;background: #b7b7b7 ;}
  .grph_horizontal .num{position: relative;left: 100%;z-index: 999;width: 38px;height: 12px;margin-top: 0;margin-left: 5px;font-size: 10px;color: #e2547b;text-align: center;border: 1px #e2547b solid;background: #fff;border-radius: 14px;line-height: 11px;font-weight: 700;}
  .grph_horizontal .num strong{position: relative;top: 1px;font-size: 12px;margin: 0 2px;}
  .grph_horizontal .num img{position: absolute;left: -4px;top: 0;}
  .grph_horizontal .std .num{width: 55px;border-color: #cdcdcd;color: #cdcdcd}

  /* 셀렉크박스 */
  .selectbox{position:relative;height:2.5rem;margin: 0 1.5rem 1.5rem;font-size: 1rem;color: #4c4949;}
  .help+.selectbox{margin-top: 1.5rem;}
  .selectbox strong{display: inline-block;width: 5rem;line-height: 2.5rem;position: absolute;left: 0;text-align: center;}
  .selectbox .select{position:relative; z-index: 10;width: calc(100% - 5rem);height: 2.5rem;left: 5rem;line-height: 2.5rem;opacity: 0;}
  .selectbox .select-value{display: block;position: absolute;bottom: 0;left: 5rem;width: calc(100% - 8rem);height: 2.5rem;padding: 0 3rem 0 0;text-align: left;line-height: 2.2em;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;background: #f6f6f6;text-indent: 0.5rem;border-radius: 0.3rem;}
  .selectbox .select-value:hover{color: #000;text-decoration: none;}
  .selectbox .select-value:after{content: '';position: absolute;top: 50%;right: 0.5rem;width: 1.2rem;height: 1.2rem;margin-top: -0.7rem;overflow: hidden;background: url(/assets/common/v2/images/btn_select.png) 50% 50% no-repeat;-webkit-background-size: cover;background-size: cover;}
  .selectbox .select:disabled+.select-value{background: #dcc9af !important;}

  /* 전체학습분석 */
  /* 전체학습분석 -종합성취도,전체학습량 */
  .report_wrap01 .report01{overflow: hidden;background: url(/assets/common/v2/images/bg_cover_mb.png) 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
  .report_wrap01 .report01 ul li{text-align: center;position: relative;}
  .report_wrap01 .report01 ul li:nth-child(1),
  .report_wrap01 .report01 ul li:nth-child(2){float: left;width: 50%;height: auto;margin-bottom: 1.5rem}
  .report_wrap01 .report01 ul li:nth-child(3){clear: both;}
  .report_wrap01 .report01 ul li:nth-child(3),
  .report_wrap01 .report01 ul li:nth-child(4){width: auto;margin: 0.8rem 1.5rem 0;padding: 1rem;background: #f6f6f6;border-radius: 1rem;}
  .report_wrap01 .report01 ul li .tit{font-size:  1.154rem;}
  .report_wrap01 .report01 ul li:nth-child(1):after{content: '';display: inline-block;width: 2px;height: 60%;background: #d7d7d7;position: absolute;top: 25%;right: 0;}
  .report_wrap01 .report01 ul li:nth-child(1) .tit,
  .report_wrap01 .report01 ul li:nth-child(2) .tit{display: inline-block;color: #fff;background: #fa3158;padding: 0 0.5rem;line-height: 1.5rem;border-radius: 2rem;}
  .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #a6a6a6;}
  .report_wrap01 .report01 ul li:nth-child(1) .cont,
  .report_wrap01 .report01 ul li:nth-child(2) .cont{font-size: 1.1rem;}
  .report_wrap01 .report01 ul li:nth-child(1) .cont strong,
  .report_wrap01 .report01 ul li:nth-child(2) .cont strong{font-size: 3.3rem;font-weight: 400;}
  .report_wrap01 .report01 ul li:nth-child(1) .cont{color: #fa3158;}
  .report_wrap01 .report01 ul li:nth-child(2) .cont{color: #9f9f9f}
  .report_wrap01 .report01 ul li:nth-child(3) .cont,
  .report_wrap01 .report01 ul li:nth-child(4) .cont{font-weight: 700;color: #fa3158;font-size: 1.2rem;}
  /* 전체학습분석 -선생님 의견 */
  .report_wrap01 .report02{margin-bottom: 20px;}
  /* 전체학습분석 -행동영역별 성취도 */
  .report_wrap01 .report03{margin-bottom: 20px;}
  /* 전체학습분석 -난이도별 학습 현황 */
  .report_wrap01 .report04{}
  .report_wrap01 .report04 .grph_vertical ul li{width: 20%;}
  /* 전체학습분석 -월별 ,대단원별,교재연동&매칭,문제지별 학습현황 */
  .report_wrap01 .report05{margin-bottom: 10px;}
  .report_wrap01 .report05 .grph_wrap{height: auto !important;margin: 1rem 1.5rem;}
  .report_wrap01 .report05 .grph_wrap img{max-width: 100%}/* 200218 */

  /* 대단원 상세분석 */
  .report_wrap02{padding-bottom: 20px;}
  .report_wrap02 .page_header{display: none;}
  /* 대단원 상세분석 -종합성취도,전체학습량 */
  .report_wrap02 .report01{text-align: center;overflow: hidden;background: url(/assets/common/v2/images/bg_cover_mb.png) 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;}
  .report_wrap02 .report01 h4{padding-bottom: 25px;}
  .report_wrap02 .report01 ul{overflow: hidden;width: 100%;margin: 0 auto;}
  .report_wrap02 .report01 ul li{position: relative;float: left;width: 50%;color: #9f9f9f;}
  .report_wrap02 .report01 ul li:nth-child(1),
  .report_wrap02 .report01 ul li:nth-child(2){margin-bottom: 1.5rem}
  .report_wrap02 .report01 ul li:nth-child(1):after,
  .report_wrap02 .report01 ul li:nth-child(3):after{content: '';display: inline-block;width: 2px;height: 60%;background: #d7d7d7;position: absolute;top: 25%;right: 0;}
  .report_wrap02 .report01 ul li .tit{display: inline-block;color: #fff;background: #a6a6a6;padding: 0 0.5rem;line-height: 1.5rem;border-radius: 2rem;font-size:  1.154rem;}
  .report_wrap02 .report01 ul li:nth-child(3) .tit{background: #fa3158;}
  .report_wrap02 .report01 ul li .cont{font-size: 1.2rem;}
  .report_wrap02 .report01 ul li .cont strong{font-size: 3.3rem;font-weight: 400;}
  .report_wrap02 .report02{margin-bottom: 10px;}
  .report_wrap02 .report03{margin-bottom: 10px;}
  /* 난이도 */
  .dfct{margin: 0 1.5rem;color: #4c4949}
  .dfct span{font-size: 1rem;margin-right: 0.4rem;}
  .dfct span:before{vertical-align: middle;display: inline-block;content: '';width: 0.5rem;height: 0.5rem;margin-right: 0.2rem;border-radius: 100%;}
  .dfct span:nth-child(1):before,
  .lv1{background: #e9ebed;}
  .dfct span:nth-child(2):before,
  .lv2{background: #ffd8d9;}
  .dfct span:nth-child(3):before,
  .lv3{background: #ffe8ba;}
  .dfct span:nth-child(4):before,
  .lv4{background: #d5e9d2;}
  .dfct span:nth-child(5):before,
  .lv5{background: #dbebfd;}
  .dfct span:nth-child(6):before,
  .lv6{background: #e9e3ff;}
  /* 탭 */
  .tab_wrap{overflow: hidden;margin: 1rem 1.5rem 0;}
  .tab_wrap li{float: left;width: 25%;text-align: center;line-height: 3.4rem;background: #e8ecf0;border-top: 4px #e8ecf0 solid;}
  .tab_wrap li.on{background: #fff;border-color: #fa3158;font-weight: 700;}
  .report_wrap02_2 .report03 .board_list{display: none;}
  .report_wrap02_2 .report03 .board_list.on{display: block;}


  .report_wrap_test01,
  .report_wrap_test02,
  .report_wrap_test03,
  .report_wrap_test04,
  .report_wrap_test05{background: url(/assets/common/v2/images/bg_cover_mb.png) 0 3.462rem no-repeat;-webkit-background-size: contain;background-size: contain;}

  .teacher_cmt{width: auto;height: auto;margin: 0 1.5rem;padding-top: 1.25rem;font-weight: 300;color: #393939;border-radius: 1rem;}
  .grph_wrap{width: auto;height: auto !important;margin: 1rem 1.5rem;}
  .grph_wrap img{max-width: 100%}
  /*---------------------------------------------------------------------------------------------------------------
  성취도평가 모바일
  ---------------------------------------------------------------------------------------------------------------*/

  .report_wrap_test01{background: url(/assets/common/v2/images/bg_cover_mb.png) 0 3.462rem no-repeat;-webkit-background-size: contain;background-size: contain;}
  .report_wrap_test01>div{height: auto !important;}
  /* 성취도평가 -종합성취도,전체학습량 */
  .report_summary{overflow: hidden;}
  .report_summary h5{display: none;}
  .report_summary ul li{text-align: center;position: relative;}
  .report_summary ul li.s_type1,
  .report_summary ul li.s_type2{float: left;width: 50%;height: auto;margin-bottom: 1.5rem}
  .report_summary ul li.s_type3{clear: both;}
  .report_summary ul li.s_type3,
  .report_summary ul li.s_type4{width: auto;margin: 0.8rem 1.5rem 0;padding: 1rem;background: #f6f6f6;border-radius: 1rem;border: none;}
  .report_summary ul li .tit{font-size:  1.154rem;}
  .report_summary ul li.s_type1:after{content: '';display: inline-block;width: 2px;height: 60%;background: #d7d7d7;position: absolute;top: 25%;right: 0;}
  .report_summary ul li.s_type1 .tit,
  .report_summary ul li.s_type2 .tit{display: inline-block;color: #fff;background: #fa3158;padding: 0 0.5rem;line-height: 1.5rem;border-radius: 2rem;}
  .report_summary ul li.s_type2 .tit{background: #a6a6a6;}
  .report_summary ul li.s_type1 .cont,
  .report_summary ul li.s_type2 .cont{font-size: 1.1rem;}
  .report_summary ul li.s_type1 .cont strong,
  .report_summary ul li.s_type2 .cont strong{font-size: 3.3rem;font-weight: 400;}
  .report_summary ul li.s_type1 .cont{color: #fa3158;}
  .report_summary ul li.s_type2 .cont{color: #9f9f9f;}
  .report_summary ul li.s_type3 .cont,
  .report_summary ul li.s_type4 .cont{font-weight: 700;color: #fa3158;font-size: 1.2rem;white-space:normal;overflow:visible;text-overflow:unset;}

  /* 성취도평가 -선생님 의견 */
  .report_wrap_test01 .report_teacher{margin-bottom: 20px;position: relative;}

  /* 성취도평가 -단원별 성취도 */
  .report_wrap_test01 .report_type01 .board_list{margin-top: 2rem !important;}
  .report_wrap_test01 .report_type01 col:nth-child(1){width: 50%;}
  /* 성취도평가 -행동영역별 성취도 */
  .report_wrap_test01 .report_type02 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_test01 .report_type02 col:nth-child(1){width: 30%;}
  .report_wrap_test01 .report_type02 .help{margin-left: 0;}
  /* 성취도평가 -성취도 변화 */
  .report_wrap_test01 .report_type03{}
  .report_wrap_test01 .report_type03 .board_list{margin-top: 2rem !important;}
  /* 성취도평가 -난이도별 학습 현황 */
  .report_wrap_test01 .report_type04{}
  .report_wrap_test01 .report_type04 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_test01 .report_type04 .help{margin-left: 0;}
  /* 성취도평가 -문항별 결과 */
  .report_wrap_test01 .report_type05 col:nth-child(1){width: 10%;}
  .report_wrap_test01 .report_type05 col:nth-child(2),
  .report_wrap_test01 .report_type05 col:nth-child(4),
  .report_wrap_test01 .report_type05 col:nth-child(5){width: 20%;}

  /*---------------------------------------------------------------------------------------------------------------
  일일평가 모바일
  ---------------------------------------------------------------------------------------------------------------*/

  .report_wrap_test02>div{height: auto !important;}
  .report_wrap_test02 h5 strong{font-weight: 700;display: inline-block;}
  .report_wrap_test02 h5 strong+br{display: block;}
  .report_wrap_test02 h6{display: none;}
  /* 일일평가 -평가결과요약 */
  .report_wrap_test02 .report_summary ul li.s_type1, 
  .report_wrap_test02 .report_summary ul li.s_type2{width: 25%;margin: 0 0.5rem;padding: 1rem 0;background: #f6f6f6;border-radius: 1rem}
  .report_wrap_test02 .report_summary ul li.s_type1:after,
  .report_wrap_test02 .report_summary ul li.s_type2+.s_type2:before{display: none;}
  .report_wrap_test02 .report_summary ul li.s_type1 .tit,
  .report_wrap_test02 .report_summary ul li.s_type2 .tit{background: none;color: #393939}
  .report_wrap_test02 .report_summary ul li .cont{font-size: 0}
  .report_wrap_test02 .report_summary ul li .cont strong{font-size: 1.1rem;font-weight: 800;color: #f93158}

  /* 일일평가 -성취도 변화 */
  .report_wrap_test02 .report_type01{}
  .report_wrap_test02 .report_type01 .board_list{margin-top: 2rem !important;}
  /* 일일평가 -문항별 결과 */
  .report_wrap_test02 .report_type02 col:nth-child(1){width: 10%;}
  .report_wrap_test02 .report_type02 col:nth-child(2),
  .report_wrap_test02 .report_type02 col:nth-child(4),
  .report_wrap_test02 .report_type02 col:nth-child(5){width: 20%;}

  /*---------------------------------------------------------------------------------------------------------------
  학력진단평가 모바일
  ---------------------------------------------------------------------------------------------------------------*/

  .report_wrap_test03>div{height: auto !important;}
  /* 학력진단평가 -종합성취도,전체학습량 */
  .report_wrap_test03 .report_summary ul li.s_type1, 
  .report_wrap_test03 .report_summary ul li.s_type2{height: auto;}
  .report_wrap_test03 .report_summary ul li.s_type2+.s_type1{clear: left;}
  .report_wrap_test03 .report_summary ul li.s_type5{display: none;}
  .report_wrap_test03 .report_summary ul li.s_type1:first-child .tit{background: #a6a6a6;}
  .report_wrap_test03 .report_summary ul li.s_type1:first-child .cont{color: #a6a6a6}

  /* 학력진단평가 -단원별 성취도 */
  .report_wrap_test03 .report_type01 .board_list{margin-top: 2rem !important;}
  .report_wrap_test03 .report_type01 col:nth-child(1){width: 50%;}
  /* 학력진단평가 -행동영역별 성취도 */
  .report_wrap_test03 .report_type02 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_test03 .report_type02 col:nth-child(1){width: 30%;}
  .report_wrap_test03 .report_type02 .help{margin-left: 0;}
  /* 학력진단평가 -난이도별 학습 현황 */
  .report_wrap_test03 .report_type03{}
  .report_wrap_test03 .report_type03 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_test03 .report_type03 .help{margin-left: 0;}
  /* 학력진단평가 -문항별 결과 */
  .report_wrap_test03 .report_type04 col:nth-child(1){width: 10%;}
  .report_wrap_test03 .report_type04 col:nth-child(2),
  .report_wrap_test03 .report_type04 col:nth-child(4),
  .report_wrap_test03 .report_type04 col:nth-child(5){width: 20%;}
  /*---------------------------------------------------------------------------------------------------------------
  기간별분석표-모바일
  ---------------------------------------------------------------------------------------------------------------*/

  /* 기간별분석표 -요약 */
  .report_wrap_test04 .report_summary ul {padding: 0;}
  .report_wrap_test04 .report_summary ul li.s_type1, 
  .report_wrap_test04 .report_summary ul li.s_type2{float: left;width: 32%;}
  .report_wrap_test04 .report_summary ul li.s_type2:before{display: none;}
  .report_wrap_test04 .report_summary ul li:first-child:before{content: '';display: inline-block;width: 2px;height: 60%;background: #d7d7d7;position: absolute;top: 25%;right: 0;margin-top: -10px;}
  .report_wrap_test04 .report_summary ul li.s_type1 .tit, 
  .report_wrap_test04 .report_summary ul li.s_type2 .tit{width: 75%;}   
  /* 기간별분석표 -출결현황 */
  .report_wrap_test04 .report_summary.ty2{float: none;width: 100%;}
  .report_wrap_test04 .report_summary.ty2 ul{text-align: center;padding: 0;}
  .report_wrap_test04 .report_summary.ty2 ul li.s_type1, 
  .report_wrap_test04 .report_summary.ty2 ul li.s_type2{float: none;width: 25%;margin: 0 0.5rem;padding: 1rem 0;background: #f6f6f6;border-radius: 1rem}
  .report_wrap_test04 .report_summary ul li:first-child:before,
  .report_wrap_test04 .report_summary.ty2 ul li.s_type2:before{display: none;}
  .report_wrap_test04 .report_summary.ty2 ul li.s_type1 .tit,
  .report_wrap_test04 .report_summary.ty2 ul li.s_type2 .tit{background: none;color: #393939}
  .report_wrap_test04 .report_summary.ty2 ul li .cont{font-size: 0}
  .report_wrap_test04 .report_summary.ty2 ul li .cont strong{font-size: 1.1rem;font-weight: 800;color: #f93158}



  /* 기간별분석표 -일 평균 학습량 */
  .g_top2{display: inline-block;margin-left: 0;font-size: 1.2rem;vertical-align: middle;}
  .g_top2 p{display: block;line-height: 1.5;}
  .g_top2 .icon{display: inline-block;position: relative;top: -1px;background: #fee3e7;width: 2rem;height: 0.8rem;margin-right: 0.5rem;border-radius:0 ;}
  .g_top2 .icon.ty2{height: 0.3rem;border-radius: 0;margin-left: 0;background: #fa3158;}
  .g_top2 .s{display: inline;}
  .report_wrap_test04 .report_summary.ty3{float: none;width: 100%;}
  .report_wrap_test04 .report_summary.ty3 h5{margin: 1.5rem 1.5rem 1rem 1.5rem;}
  .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .tit, 
  .report_wrap_test04 .report_summary.ty3 ul li.s_type2 .tit{width: auto;}
  .report_wrap_test04 .report_summary.ty3 .tit span{display: inline;}
  .report_wrap_test04 .report_summary.ty3 ul li .cont,
  .report_wrap_test04 .report_summary.ty3 ul li .cont2{display: inline-block;/*font-size: 0;*/background: none;}
  .report_wrap_test04 .report_summary.ty3 ul li .cont2 strong{font-size: 1.5rem;}
  .report_wrap_test04 .report_summary.ty3 ul li .cont2 strong:before{content: '/'}
  .report_wrap_test04 .report_summary.ty3 ul li .cont2 span{display: none;}
  .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{padding: 0;background: transparent;color: #fa3158}
  .report_wrap_test04 .report_summary.ty3 ul li.s_type2 .cont2{padding: 0;background: transparent;color: #9f9f9f}
  /* 기간별분석표 -학습단원 */
  .report_wrap_test04 .report_type01{clear: both;height: auto;}
  .report_wrap_test04 .report_type01 col:nth-child(1){width: 50%;}
  /* 기간별분석표 -단원별 학습비중(%) 및 성취도(%) */
  .report_wrap_test04 .report_type02{height: auto;}
  .report_wrap_test04 .report_type02 h5{height: auto;}
  /* 기간별분석표 -주별 학습량(문항수) 및 성취도(%) */
  .report_wrap_test04 .report_type03{height: auto;}
  .report_wrap_test04 .report_type03 h5{height: auto;}
  /* 기간별분석표 -평가 성취도(%) */
  .report_wrap_test04 .report_type04{height: auto;}
  .report_wrap_test04 .report_type04 h5{margin-bottom: 2rem;}
  .report_wrap_test04 .report_type04 .board_list>p{top: -1.5rem;left: 0;right: auto;}
  .report_wrap_test04 .report_type04 col:nth-child(2){width: 50%;}
  /* 기간별분석표 -행동영역별 성취도 */
  .report_wrap_test04 .report_type05{height: auto;}
  .report_wrap_test04 .report_type05 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_test04 .report_type05 col:nth-child(1){width: 30%;}
  .report_wrap_test04 .report_type05 .help{margin-left: 0;}
  /* 기간별분석표 -난이도별 학습 현황 */
  .report_wrap_test04 .report_type06{height: auto;}
  .report_wrap_test04 .report_type06 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_test04 .report_type06 .help{margin-left: 0;}
  /* 기간별분석표 -우수유형 성취도(%),취약유형 성취도(%) */
  .report_wrap_test04 .report_type07,
  .report_wrap_test04 .report_type08{float: none;width: 100%;height: auto;}
  .report_wrap_test04 .report_type08{float: none;}
  .report_wrap_test04 .report_type07 col:nth-child(1),
  .report_wrap_test04 .report_type08 col:nth-child(1){width: 70%;}
  .report_wrap_test04 .report_type07 .fc_impt,
  .report_wrap_test04 .report_type08 .fc_impt{/*color: #4c4949 !important;*/font-size: 0}
  .report_wrap_test04 .report_type07 .fc_impt strong,
  .report_wrap_test04 .report_type08 .fc_impt strong{font-size: 1rem}
  /* 기간별분석표 -선생님 의견 */
  .report_wrap_test04 .report_teacher{clear: both;margin: 20px 0;position: relative;}

  /* 220510 수정 */
  .report_wrap_test04 .report_type01{padding-top: 0;}
  .report_wrap_test04 .report_type04{padding-top: 0;}
  .report_wrap_test04 .report_type07,
  .report_wrap_test04 .report_type08{padding-top: 0;}
  .report_wrap_test04 .report_teacher{height: auto;padding-top: 0;}
  .report_wrap_test04 .report_summary.ty2,
  .report_wrap_test04 .report_summary.ty3{height: auto;margin-bottom: 0;}
  /*---------------------------------------------------------------------------------------------------------------
  오답학습분석표-모바일
  ---------------------------------------------------------------------------------------------------------------*/
  .report_wrap_test06 .report_tit{height: auto;}
  .report_wrap_test06 h5{margin: 1.5rem 0 1rem 0;}
  .report_wrap_test06 h4{overflow: hidden;width: auto;height: auto;margin-top: 100px;padding: 0 1.5rem;font-size: 1.615rem;text-align: center;font-size: 2.462rem}
  .report_wrap_test06 .board_list{margin: 0 !important;}
  .report_wrap_test06 .report_tit .logo2{position: absolute;top: 0;right: 1.5rem;width: 176px;height: 88px;line-height: 88px;text-align: right;}
  .report_wrap_test06 .report_tit .logo2 img{width: 100%;max-height: 100%;}
  /* 오답학습분석표 -분석표정보 */
  .report_wrap_test06 .report_info{clear: both;height: auto;margin-bottom: 20px;}
  .report_wrap_test06 .report_info .bd1 {width: auto;float: none;}
  .report_wrap_test06 .report_info .bd2 {border-top: none;}
  .report_wrap_test06 .report_info .bd1 col:nth-child(1),
  .report_wrap_test06 .report_info .bd2 col:nth-child(1){width: 150px;}

  /* 오답학습분석표 -요약 */
  .report_wrap_test06 .report_summary ul {padding: 0;}
  .report_wrap_test06 .report_summary ul li.s_type1, 
  .report_wrap_test06 .report_summary ul li.s_type2{width: 32%;}
  .report_wrap_test06 .report_summary ul li.s_type2:before{display: none;}
  /*.report_wrap_test06 .report_summary ul li:first-child:before{content: '';display: inline-block;width: 2px;height: 60%;background: #d7d7d7;position: absolute;top: 25%;right: 0;margin-top: -10px;}*/
  .report_wrap_test06 .report_summary ul li.s_type1 .tit, 
  .report_wrap_test06 .report_summary ul li.s_type2 .tit{width: 75%;}

  /* 오답학습분석표 -학습단원 */
  .report_wrap_test06 .report_type01{clear: both;height: auto;}
  .report_wrap_test06 .report_type01 col:nth-child(1){width: 10%;}
  .report_wrap_test06 .report_type01 col:nth-child(2){width: 60px;}
  .report_wrap_test06 .report_type01 col:nth-child(3){width: 30%;}
  /* 오답학습분석표 -성취도그래프 */
  .report_wrap_test06 .report_type02{height: auto;}
  .report_wrap_test06 .report_type02 h5{height: auto;}
  .report_wrap_test06 .report_type02 .grph_vertical{float: none !important;position: relative;width: auto !important;height: 22rem !important;margin: 1rem 0 4rem;text-align: center;}
  .grph_vertical.n_grph dl dt{left: -3.5rem;}
  .grph_vertical.n_grph ul li .bar{width: 80%;margin-left: -40%;}
  
  /* 오답학습분석표 -최근 문제지 오답학습 현황 */
  .report_wrap_test06 .report_type03{height: auto;}
  .report_wrap_test06 .report_type03 h5{height: auto;}
  .report_wrap_test06 .report_type03>p{font-size: 1rem;}
  .report_wrap_test06 .report_type03 col:nth-child(1){width: 60px;}
  /* 오답학습분석표 -오답 학습 취약 유형 현황 */
  .report_wrap_test06 .report_type04{height: auto;}
  .report_wrap_test06 .report_type04 h5{margin-bottom: 2rem;}
  .report_wrap_test06 .report_type04 .board_list>p{top: -1.5rem;left: 0;right: auto;}
  .report_wrap_test06 .report_type04 col:nth-child(1){width: 40%;}
  /* 오답학습분석표 -문항별 상세 결과표 */
  .report_wrap_test06 .report_type05{height: auto;}
  .report_wrap_test06 .report_type05 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_test06 .report_type05 span[class ^= "icon"]{height: 1.2rem;}
  .report_wrap_test06 .report_type05 col:nth-child(1), .report_wrap_test06 .report_type05 col:nth-child(5){width: 10%;}
  .report_wrap_test06 .report_type05 col:nth-child(2), .report_wrap_test06 .report_type05 col:nth-child(6),
  .report_wrap_test06 .report_type05 col:nth-child(3), .report_wrap_test06 .report_type05 col:nth-child(7){width: 15%;}
  /* 오답학습분석표 -선생님 의견 */
  .report_wrap_test06 .report_teacher{clear: both;margin: 20px 0;position: relative;}
  .report_wrap_test06 .report_teacher .teacher_cmt{margin: 0;}

}

/*@media (max-width:521px){
  body{border: 1px #f00 solid;}
  .grph_vertical{height:30rem;}
  .grph_vertical ul li .num{width: 5rem;margin-left: -2.5rem;margin-top: -2.5rem;}
  .grph_vertical ul li .num span{border-radius: 5px;}
  .tab_wrap li{border-width: 2px;}
}*/


/* font-size */
html,body{font-size:14px;}
@media (min-width:300px) and (max-width: 420px){
  html,body{font-size:12px;}
}
/*@media (min-width:421px) and (max-width: 520px){
  html,body{font-size:16px;}
}
@media (min-width:521px) and (max-width: 620px){
  html,body{font-size:20px;}
}
@media (min-width:621px) and (max-width: 720px){
  html,body{font-size:24px;}
}*/
@media (min-width:421px){html,body{font-size:14px;}}


/* 컬러타입추가 */
.cover_wrap h2{margin-left: 40px;}
span.icon_bul{width: 6px;height: 6px;margin-right: 3px;background: url(/assets/common/v2/images/img_bul.png) 0 0 no-repeat;}
.ctype02 .icon_bul{background-image: url(/assets/common/v2/images/img_bul_c02.png);}
.report_wrap_test04 h4{overflow: hidden;height: 75px;margin: auto;padding: 10px 72px;line-height: 1.5;text-align: center;}
.ctype02 .cover_wrap h1 strong{color: #2d63fb;border-color: #2d63fb;}
.ctype02 .page_header{border-color: #2d63fb;}
.ctype02 .page_header .info:after{background-color: #2d63fb;}
.ctype02 h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_c02.png);}
.ctype02 .report_wrap01 h5 img,
.ctype02 .report_wrap02 h5 img,
.ctype02 .report_wrap03 h5 img{display: none;}
.ctype02 .report_wrap01 h5,
.ctype02 .report_wrap02 h5,
.ctype02 .report_wrap03 h5{background: url(/assets/common/v2/images/img_h5_c02.png) 0 50% no-repeat;padding-left: 17px;}


.ctype02 .report_wrap01 .report01 ul li:nth-child(1) .cont,
.ctype02 .report_wrap01 .report01 ul li:nth-child(3) .cont, 
.ctype02 .report_wrap01 .report01 ul li:nth-child(4) .cont{color: #2d63fb}

.ctype02 .report_wrap02 .report01 .unit{color: #2d63fb}
.ctype02 .report_summary ul li.s_type1 .cont,
.ctype02 .report_summary ul li.s_type3 .cont, 
.ctype02 .report_summary ul li.s_type4 .cont{color: #2d63fb}
.ctype02 .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background-color: #2d63fb;}

.ctype02 .grph_vertical .g_top .icon.std{background: #2d63fb;}
.ctype02 .grph_vertical ul li .num{color: #2d63fb}
.ctype02 .grph_vertical ul li .bar{background-color: #2d63fb;}
.ctype02 .grph_vertical ul li .bar.std{background-color: #b7b7b7;}

.ctype02 .grph_vertical.n_grph ul li .bar{background: #bdbcfd;}

.ctype02 .grph_horizontal .bar{background-color: #2d63fb;}
.ctype02 .grph_horizontal .bar.std{background-color: #b7b7b7;}
.ctype02 .grph_horizontal .num{color: #2d63fb;border-color: #2d63fb;}
.ctype02 .grph_horizontal .num img{display: none;}
.ctype02 .grph_horizontal .num:before{position: absolute;left: -4px;content:'';display: inline-block;width: 7px;height: 12px;background: url(/assets/common/v2/images/img_grph_bul2_c02.png) 0 0 no-repeat;}
.ctype02 .grph_horizontal .std .num{color: #cdcdcd;border-color: #cdcdcd;}
.ctype02 .grph_horizontal .std .num img{display: inline;}
.ctype02 .grph_horizontal .std .num:before{display: none;}
.ctype02 span.circle{background-color: #2d63fb;}
.ctype02 .fc_impt{color: #2d63fb !important;}
.ctype02 .fc_pk{color: #2d63fb !important;}
.ctype02 .g_top2 .icon{background-color: #bdbcfd;}
.ctype02 .g_top2 .icon.ty2{background-color: #2d63fb;}
@media screen and (max-width:720px) {
  .ctype02 .selectbox .select-value:after{background-image: url(/assets/common/v2/images/btn_select_c02.png);}
  .ctype02  h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_mb_c02.png);}
  .ctype02 .report_summary ul li.s_type1 .tit, .ctype02 .report_summary ul li.s_type2 .tit{background: #2d63fb;}
  .ctype02 .report_summary ul li.s_type2 .tit{background: #a6a6a6;}
  .ctype02 .report_wrap01 .report01 ul li:nth-child(1) .tit, .ctype02 .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #2d63fb;}
  .ctype02 .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #a6a6a6;}
  .ctype02 .report_wrap_test02 .report_summary ul li.s_type1 .tit, .ctype02 .report_wrap_test02 .report_summary ul li.s_type2 .tit{background: none;}
  .ctype02 .report_wrap_test02 .report_summary ul li .cont strong,
  .ctype02 .report_wrap_test04 .report_summary.ty2 ul li .cont strong{color: #2d63fb}
  .ctype02 .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background: transparent;color: #2d63fb}
  .report_wrap_test04 h4{overflow: auto;height: auto !important;padding: 10px;}
}


/*  -----------------------------------------------------------------
  레드마인 이슈 : 3014 해당 수정 
  ---------------------------------------------------------------- */
@media screen and (max-width: 720px){
  /* 기간별 분석표 */
  .report_wrap_test04 .report_type07 .fc_impt,
  .report_wrap_test04 .report_type08 .fc_impt{color: inherit;font-size: 1rem}
  .report_wrap_test04 .report_type07 .fc_impt strong,
  .report_wrap_test04 .report_type08 .fc_impt strong{font-size: 1rem}
  /* 오답학습 분석표 */
  .report_wrap_test06{background: url(/assets/common/v2/images/bg_cover_mb.png) 0 3.462rem no-repeat;-webkit-background-size: contain;background-size: contain;}
  .report_wrap_test06 h4{margin-top: 1rem;}
  .report_wrap_test06 .report_tit .logo2{display: none;}

}
/*  -----------------------------------------------------------------
  //레드마인 이슈 : 3014 해당 수정 
  ---------------------------------------------------------------- */


/*  -----------------------------------------------------------------
  레드마인 이슈 : 4067 해당 수정 
  ---------------------------------------------------------------- */

/* 컬러타입추가 */
/* 표지 */
.ctype02 + .cover_wrap h1 strong{color: #2d63fb;border-color: #2d63fb;}
/* 표지가 있는 경우 */
.ctype02 + .wrap + .wrap .icon_bul{background-image: url(/assets/common/v2/images/img_bul_c02.png);}
.ctype02 + .wrap + .wrap .page_header{border-color: #2d63fb;}
.ctype02 + .wrap + .wrap .page_header .info:after{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_c02.png);}
.ctype02 + .wrap + .report_wrap01 h5 img,
.ctype02 + .wrap + .report_wrap02 h5 img,
.ctype02 + .wrap + .report_wrap03 h5 img{display: none;}
.ctype02 + .wrap + .report_wrap01 h5,
.ctype02 + .wrap + .report_wrap02 h5,
.ctype02 + .wrap + .report_wrap03 h5{background: url(/assets/common/v2/images/img_h5_c02.png) 0 50% no-repeat;padding-left: 17px;}

.ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(1) .cont,
.ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(3) .cont, 
.ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(4) .cont{color: #2d63fb}

.ctype02 + .wrap + .report_wrap02 .report01 .unit{color: #2d63fb}
.ctype02 + .wrap + .wrap .report_summary ul li.s_type1 .cont,
.ctype02 + .wrap + .wrap .report_summary ul li.s_type3 .cont, 
.ctype02 + .wrap + .wrap .report_summary ul li.s_type4 .cont{color: #2d63fb}
.ctype02 + .wrap + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background-color: #2d63fb;}

.ctype02 + .wrap + .wrap .grph_vertical .g_top .icon.std{background: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_vertical ul li .num{color: #2d63fb}
.ctype02 + .wrap + .wrap .grph_vertical ul li .bar{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_vertical ul li .bar.std{background-color: #b7b7b7;}

.ctype02 + .wrap + .wrap .grph_vertical.n_grph ul li .bar{background: #bdbcfd;}

.ctype02 + .wrap + .wrap .grph_horizontal .bar{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_horizontal .bar.std{background-color: #b7b7b7;}
.ctype02 + .wrap + .wrap .grph_horizontal .num{color: #2d63fb;border-color: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_horizontal .num img{display: none;}
.ctype02 + .wrap + .wrap .grph_horizontal .num:before{position: absolute;left: -4px;content:'';display: inline-block;width: 7px;height: 12px;background: url(/assets/common/v2/images/img_grph_bul2_c02.png) 0 0 no-repeat;}
.ctype02 + .wrap + .wrap .grph_horizontal .std .num{color: #cdcdcd;border-color: #cdcdcd;}
.ctype02 + .wrap + .wrap .grph_horizontal .std .num img{display: inline;}
.ctype02 + .wrap + .wrap .grph_horizontal .std .num:before{display: none;}
.ctype02 + .wrap + .wrap span.circle{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap .fc_impt{color: #2d63fb !important;}
.ctype02 + .wrap + .wrap .fc_pk{color: #2d63fb !important;}
.ctype02 + .wrap + .wrap .g_top2 .icon{background-color: #bdbcfd;}
.ctype02 + .wrap + .wrap .g_top2 .icon.ty2{background-color: #2d63fb;}

/* 표지가 없는 경우 */
.ctype02 + .wrap .icon_bul{background-image: url(/assets/common/v2/images/img_bul_c02.png);}
.ctype02 + .wrap .page_header{border-color: #2d63fb;}
.ctype02 + .wrap .page_header .info:after{background-color: #2d63fb;}
.ctype02 + .wrap h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_c02.png);}
.ctype02 + .report_wrap01 h5 img,
.ctype02 + .report_wrap02 h5 img,
.ctype02 + .report_wrap03 h5 img{display: none;}
.ctype02 + .report_wrap01 h5,
.ctype02 + .report_wrap02 h5,
.ctype02 + .report_wrap03 h5{background: url(/assets/common/v2/images/img_h5_c02.png) 0 50% no-repeat;padding-left: 17px;}

.ctype02 + .report_wrap01 .report01 ul li:nth-child(1) .cont,
.ctype02 + .report_wrap01 .report01 ul li:nth-child(3) .cont, 
.ctype02 + .report_wrap01 .report01 ul li:nth-child(4) .cont{color: #2d63fb}

.ctype02 + .report_wrap02 .report01 .unit{color: #2d63fb}
.ctype02 + .wrap .report_summary ul li.s_type1 .cont,
.ctype02 + .wrap .report_summary ul li.s_type3 .cont, 
.ctype02 + .wrap .report_summary ul li.s_type4 .cont{color: #2d63fb}
.ctype02 + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background-color: #2d63fb;}

.ctype02 + .wrap .grph_vertical .g_top .icon.std{background: #2d63fb;}
.ctype02 + .wrap .grph_vertical ul li .num{color: #2d63fb}
.ctype02 + .wrap .grph_vertical ul li .bar{background-color: #2d63fb;}
.ctype02 + .wrap .grph_vertical ul li .bar.std{background-color: #b7b7b7;}

.ctype02 + .wrap .grph_vertical.n_grph ul li .bar{background: #bdbcfd;}

.ctype02 + .wrap .grph_horizontal .bar{background-color: #2d63fb;}
.ctype02 + .wrap .grph_horizontal .bar.std{background-color: #b7b7b7;}
.ctype02 + .wrap .grph_horizontal .num{color: #2d63fb;border-color: #2d63fb;}
.ctype02 + .wrap .grph_horizontal .num img{display: none;}
.ctype02 + .wrap .grph_horizontal .num:before{position: absolute;left: -4px;content:'';display: inline-block;width: 7px;height: 12px;background: url(/assets/common/v2/images/img_grph_bul2_c02.png) 0 0 no-repeat;}
.ctype02 + .wrap .grph_horizontal .std .num{color: #cdcdcd;border-color: #cdcdcd;}
.ctype02 + .wrap .grph_horizontal .std .num img{display: inline;}
.ctype02 + .wrap .grph_horizontal .std .num:before{display: none;}
.ctype02 + .wrap span.circle{background-color: #2d63fb;}
.ctype02 + .wrap .fc_impt{color: #2d63fb !important;}
.ctype02 + .wrap .fc_pk{color: #2d63fb !important;}
.ctype02 + .wrap .g_top2 .icon{background-color: #bdbcfd;}
.ctype02 + .wrap .g_top2 .icon.ty2{background-color: #2d63fb;}
@media screen and (max-width:720px) {
    /* 표지가 있는 경우 */
  .ctype02 + .wrap + .wrap .selectbox .select-value:after{background-image: url(/assets/common/v2/images/btn_select_c02.png);}
  .ctype02 + .wrap + .wrap  h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_mb_c02.png);}
  .ctype02 + .wrap + .wrap .report_summary ul li.s_type1 .tit, 
  .ctype02 + .wrap + .wrap .report_summary ul li.s_type2 .tit{background: #2d63fb;}
  .ctype02 + .wrap + .wrap .report_summary ul li.s_type2 .tit{background: #a6a6a6;}
  .ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(1) .tit, 
  .ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #2d63fb;}
  .ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #a6a6a6;}
  .ctype02 + .wrap + .report_wrap_test02 .report_summary ul li.s_type1 .tit, 
  .ctype02 + .wrap + .report_wrap_test02 .report_summary ul li.s_type2 .tit{background: none;}
  .ctype02 + .wrap + .report_wrap_test02 .report_summary ul li .cont strong,
  .ctype02 + .wrap + .report_wrap_test04 .report_summary.ty2 ul li .cont strong{color: #2d63fb}
  .ctype02 + .wrap + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background: transparent;color: #2d63fb}
    /* 표지가 없는 경우 */
  .ctype02 + .wrap .selectbox .select-value:after{background-image: url(/assets/common/v2/images/btn_select_c02.png);}
  .ctype02 + .wrap  h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_mb_c02.png);}
  .ctype02 + .wrap .report_summary ul li.s_type1 .tit, 
  .ctype02 + .wrap .report_summary ul li.s_type2 .tit{background: #2d63fb;}
  .ctype02 + .wrap .report_summary ul li.s_type2 .tit{background: #a6a6a6;}
  .ctype02 + .report_wrap01 .report01 ul li:nth-child(1) .tit, 
  .ctype02 + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #2d63fb;}
  .ctype02 + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #a6a6a6;}
  .ctype02 + .report_wrap_test02 .report_summary ul li.s_type1 .tit, 
  .ctype02 + .report_wrap_test02 .report_summary ul li.s_type2 .tit{background: none;}
  .ctype02 + .report_wrap_test02 .report_summary ul li .cont strong,
  .ctype02 + .report_wrap_test04 .report_summary.ty2 ul li .cont strong{color: #2d63fb}
  .ctype02 + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background: transparent;color: #2d63fb}
}


/*  -----------------------------------------------------------------
  //레드마인 이슈 : 4067 해당 수정 
  ---------------------------------------------------------------- */





  /*  -----------------------------------------------------------------
  //v3: 2024. 07. 18 디자인 수정 
  ---------------------------------------------------------------- */
  
 /* flex */
.flex{
  display: flex;
}
.justify-content-center{
  justify-content: center;
}
.justify-content-between{
  justify-content: space-between;
}
.flex-direction-column{
  flex-direction: column;
}
.align-items-center{
  align-items: center;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.flex-grow-1{
  flex-grow: 1;
}
.w-full{
  width: 100%;
}
.half{
  width: 50%;
}
.report-item{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Margin classes */
.mt-4 { margin-top: 4px !important; }
.mt-8 { margin-top: 8px !important; }
.mt-12 { margin-top: 12px !important; }
.mt-16 { margin-top: 16px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-24 { margin-top: 24px !important; }
.mt-28 { margin-top: 28px !important; }
.mt-32 { margin-top: 32px !important; }
.mt-36 { margin-top: 36px !important; }
.mt-40 { margin-top: 40px !important; }

.mb-4 { margin-bottom: 4px !important; }
.mb-8 { margin-bottom: 8px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-16 { margin-bottom: 16px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-24 { margin-bottom: 24px !important; }
.mb-28 { margin-bottom: 28px !important; }
.mb-32 { margin-bottom: 32px !important; }
.mb-36 { margin-bottom: 36px !important; }
.mb-40 { margin-bottom: 40px !important; }

.ml-4 { margin-left: 4px !important; }
.ml-8 { margin-left: 8px !important; }
.ml-12 { margin-left: 12px !important; }
.ml-16 { margin-left: 16px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-24 { margin-left: 24px !important; }
.ml-28 { margin-left: 28px !important; }
.ml-32 { margin-left: 32px !important; }
.ml-36 { margin-left: 36px !important; }
.ml-40 { margin-left: 40px !important; }

.mr-4 { margin-right: 4px !important; }
.mr-8 { margin-right: 8px !important; }
.mr-12 { margin-right: 12px !important; }
.mr-16 { margin-right: 16px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-24 { margin-right: 24px !important; }
.mr-28 { margin-right: 28px !important; }
.mr-32 { margin-right: 32px !important; }
.mr-36 { margin-right: 36px !important; }
.mr-40 { margin-right: 40px !important; }

/* Padding classes */
.pt-4 { padding-top: 4px !important; }
.pt-8 { padding-top: 8px !important; }
.pt-12 { padding-top: 12px !important; }
.pt-16 { padding-top: 16px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-24 { padding-top: 24px !important; }
.pt-28 { padding-top: 28px !important; }
.pt-32 { padding-top: 32px !important; }
.pt-36 { padding-top: 36px !important; }
.pt-40 { padding-top: 40px !important; }

.pb-4 { padding-bottom: 4px !important; }
.pb-8 { padding-bottom: 8px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pb-16 { padding-bottom: 16px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-24 { padding-bottom: 24px !important; }
.pb-28 { padding-bottom: 28px !important; }
.pb-32 { padding-bottom: 32px !important; }
.pb-36 { padding-bottom: 36px !important; }
.pb-40 { padding-bottom: 40px !important; }

.pl-4 { padding-left: 4px !important; }
.pl-8 { padding-left: 8px !important; }
.pl-12 { padding-left: 12px !important; }
.pl-16 { padding-left: 16px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-24 { padding-left: 24px !important; }
.pl-28 { padding-left: 28px !important; }
.pl-32 { padding-left: 32px !important; }
.pl-36 { padding-left: 36px !important; }
.pl-40 { padding-left: 40px !important; }

.pr-4 { padding-right: 4px !important; }
.pr-8 { padding-right: 8px !important; }
.pr-12 { padding-right: 12px !important; }
.pr-16 { padding-right: 16px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-24 { padding-right: 24px !important; }
.pr-28 { padding-right: 28px !important; }
.pr-32 { padding-right: 32px !important; }
.pr-36 { padding-right: 36px !important; }
.pr-40 { padding-right: 40px !important; }

.w-10p { width: 10% !important; }
.w-20p { width: 20% !important; }
.w-30p { width: 30% !important; }
.w-40p { width: 40% !important; }
.w-50p { width: 50% !important; }
.w-60p { width: 60% !important; }
.w-70p { width: 70% !important; }
.w-80p { width: 80% !important; }
.w-90p { width: 90% !important; }
.w-100p { width: 100% !important; }

/* Widths in multiples of 10 up to 300 */
.w-10 { width: 10px !important; }
.w-20 { width: 20px !important; }
.w-30 { width: 30px !important; }
.w-40 { width: 40px !important; }
.w-50 { width: 50px !important; }
.w-60 { width: 60px !important; }
.w-70 { width: 70px !important; }
.w-80 { width: 80px !important; }
.w-90 { width: 90px !important; }
.w-100 { width: 100px !important; }
.w-110 { width: 110px !important; }
.w-120 { width: 120px !important; }
.w-130 { width: 130px !important; }
.w-140 { width: 140px !important; }
.w-150 { width: 150px !important; }
.w-160 { width: 160px !important; }
.w-170 { width: 170px !important; }
.w-180 { width: 180px !important; }
.w-190 { width: 190px !important; }
.w-200 { width: 200px !important; }
.w-210 { width: 210px !important; }
.w-220 { width: 220px !important; }
.w-230 { width: 230px !important; }
.w-240 { width: 240px !important; }
.w-250 { width: 250px !important; }
.w-260 { width: 260px !important; }
.w-270 { width: 270px !important; }
.w-280 { width: 280px !important; }
.w-290 { width: 290px !important; }
.w-300 { width: 300px !important; }

.h-100{
  height: 100%;
}
.h-100>table{
  height: 100%;
}

.h-90{
  height: 90%;
}
.h-90>table{
  height: 90%;
}

 /* 종합학습분석표 */
.report-item-group{
   display: flex; 
}
.report-item-group > li{  
  position: relative;   
}
.report-item-group > li:not(:last-child):after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 30px;
  background: #d7d7d7;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px; 
}
.tit{
  font-size: 11px;
}
.cont:not(.help .cont) {    
  font-weight: 700;
  color: #9f9f9f;
  font-size: 12px;
}
.primary .cont,
.primary .cont strong{
  color: #fa3158;
}

.report-item-group .cont2 {
  background: #fa3158;
  color:#fff;
  padding: 2px 6px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.cont2{
  background: #9f9f9f;
}
.cont{
  color: #9f9f9f;
}
.cont strong{
  font-size: 37px;
  font-weight: 700;
  color: #393939;
}
.gap-1{
  gap:4px;
}
.gap-2{
  gap:8px;
}
.gap-3{
  gap:16px;
}
.gap-4{
  gap:24px;
}

.report_summary-group > li{
  justify-content: space-around;
}
.report_summary-group{  
  position: relative;
  top:16px;
}


.board_list th, .board_list td.border-left {
  border-left: 1px #d7d7d7 solid; 
}

td.text-left{
  text-align: left;
  padding-left: 4px;
}

/*수평그리드*/

.horizontal-chart {
  width: 100%;
  max-width: 100%; /* 차트의 최대 너비를 설정할 수 있습니다. */
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  position: relative; /* 부모 요소로부터의 상대 위치 설정 */
  font-size: 9px;
}

.legend {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.legend-item {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.legend-color {
display: inline-block;
position: relative;
top: -1px;
background: #b7b7b7;
width: 22px;
height: 8px;
margin-right: 3px;
border-radius: 8px;
}

.my-score {
  background-color: #fa3158; /* 내 점수 막대의 색상 */
}

.average-score {
  background-color: #b7b7b7; /* 전국 평균 막대의 색상 */
}

.legend-label {
  color: #333;
}

.chart-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
}

.bar-container {
  flex-grow: 1;
  background-color: #f0f0f090;
  position: relative;
  height: 16px;
}

.bar {
  height: 100%;
  position: relative;
}

.bar-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  color: #393939;
  font-weight: bold;
background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 999px;
  padding: 0px 8px;
}

.bar-label.primary {
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-weight: bold;
  color: #e2547b;;
  border: 1px solid #e2547b;
  border-radius: 999px;
  padding: 0px 8px;
}


.axis {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  position: relative; 
z-index: -1;
  font-size: 9px;
}

.axis div {
  text-align: center;
  color: #666;
  flex-grow: 1; 
  position: relative; 
  top: 10px; 
}

.axis::before {
  content: '';
  position: absolute;
  top: calc(100% - 8px); 
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.axis div::after {
  content: '';
  position: absolute;
  top: -78px; 
  left: 0;
  width: 1px;
  height: calc(100% + 60px); 
  background-color: #ccc;
}


.paragraph {
  line-height: 1.6em;
  padding: 16px;
  background-color: #f8f8f8;
}
.paragraph * {
  font-size: 12px;
}
.paragraph ul {
  list-style: disc;
}
.paragraph ul li {
  font-size: 12px;
  line-height: 1.6em;
}
.paragraph ul li + li {
  margin-top: 16px;
}
.paragraph h5 {
  font-size: 14px;
  font-weight: bold;
  margin: 1em 0.25em;
}
.paragraph h5:first-child {
  margin-top: 0;
}
.paragraph p {
  font-size: 12px;
  line-height: 1.6em;
}
.list-bulleted > li{
  position: relative;
  padding-left: 10px;
}
.list-bulleted > li::before{
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius:999px;
  background-color: #333;
  position: absolute;
  left:0;
  top:8px;
}

.text-primary{
  color:#e2547b;
}

.help li{
  display: flex;
}

.help.m-inline-block li{
  display: inline-block !important;
}
.help .tit{
  flex-shrink: 0;
}
.help .cont{
  margin-left: 10px;
}

.h-unset{
  height: inherit !important;
}
.grph_vertical ul{
  display: flex;  
}

.report_summary_03 {
  display: flex;
  justify-content: space-between;
  gap:40px;
}
.report_summary_03 > ul{
  width: 50%;
}

.grph_horizontal .num img {
  display: none;
}
.grph_horizontal .std .num img{
  width: auto !important;
  display: block;
}

/* 모바일 */
@media screen and (max-width: 1200px) {
  body{ min-width: inherit !important;}
}
@media screen and (max-width: 720px) {
  .report_summary_03 {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
  }
    .report_summary_03>ul {
      width: 80%;
      margin: 0 auto;
    }
  .m-block{
    display: block !important;
  }
  .m-w100{
    width: 100% !important;
  }
  .report-item .tit{
    display: block;
    color: #fff;
    background: #a6a6a6;
    padding: 0 0.5rem;
    line-height: 1.5rem;
    border-radius: 2rem;
  }
  .report-item-group > li:after {
    background: none !important;
  }
  .report-item.primary .tit {
    background: #e2547b;
  }
  /* 모바일 컬러타입 추가 */
  .ctype02 .report-item.primary .tit {
    background: #2d63fb;
  }
  .report_wrap01 .report03,
  .report_wrap01 .report04 {
    height: auto;
  }
  .grph_horizontal{
    width: calc(100% - 60px) !important;
  }
  h7{
    margin-left: 20px;
  }
  .m-none{
    display: none;
  }
  .help{
    margin-left: 0 !important;
  }
}


/* 컬러타입추가 */
/* 표지 */
.ctype02 + .cover_wrap h1 strong{color: #2d63fb;border-color: #2d63fb;}
/* 표지가 있는 경우 */
.ctype02 + .wrap + .wrap .icon_bul{background-image: url(/assets/common/v2/images/img_bul_c02.png);}
.ctype02 + .wrap + .wrap .page_header{border-color: #2d63fb;}
.ctype02 + .wrap + .wrap .page_header .info:after{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_c02.png);}
.ctype02 + .wrap + .report_wrap01 h5 img,
.ctype02 + .wrap + .report_wrap02 h5 img,
.ctype02 + .wrap + .report_wrap03 h5 img{display: none;}
.ctype02 + .wrap + .report_wrap01 h5,
.ctype02 + .wrap + .report_wrap02 h5,
.ctype02 + .wrap + .report_wrap03 h5{background: url(/assets/common/v2/images/img_h5_c02.png) 0 50% no-repeat;padding-left: 17px;}

.ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(1) .cont,
.ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(3) .cont, 
.ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(4) .cont{color: #2d63fb}

.ctype02 + .wrap + .report_wrap02 .report01 .unit{color: #2d63fb}
.ctype02 + .wrap + .wrap .report_summary ul li.s_type1 .cont,
.ctype02 + .wrap + .wrap .report_summary ul li.s_type3 .cont, 
.ctype02 + .wrap + .wrap .report_summary ul li.s_type4 .cont{color: #2d63fb}
.ctype02 + .wrap + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background-color: #2d63fb;}

.ctype02 + .wrap + .wrap .grph_vertical .g_top .icon.std{background: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_vertical ul li .num{color: #2d63fb}
.ctype02 + .wrap + .wrap .grph_vertical ul li .bar{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_vertical ul li .bar.std{background-color: #b7b7b7;}

.ctype02 + .wrap + .wrap .grph_vertical.n_grph ul li .bar{background: #bdbcfd;}

.ctype02 + .wrap + .wrap .grph_horizontal .bar{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_horizontal .bar.std{background-color: #b7b7b7;}
.ctype02 + .wrap + .wrap .grph_horizontal .num{color: #2d63fb;border-color: #2d63fb;}
.ctype02 + .wrap + .wrap .grph_horizontal .num img{display: none;}
.ctype02 + .wrap + .wrap .grph_horizontal .num:before{position: absolute;left: -4px;content:'';display: inline-block;width: 7px;height: 12px;background: url(/assets/common/v2/images/img_grph_bul2_c02.png) 0 0 no-repeat;}
.ctype02 + .wrap + .wrap .grph_horizontal .std .num{color: #cdcdcd;border-color: #cdcdcd;}
.ctype02 + .wrap + .wrap .grph_horizontal .std .num img{display: inline;}
.ctype02 + .wrap + .wrap .grph_horizontal .std .num:before{display: none;}
.ctype02 + .wrap + .wrap span.circle{background-color: #2d63fb;}
.ctype02 + .wrap + .wrap .fc_impt{color: #2d63fb !important;}
.ctype02 + .wrap + .wrap .fc_pk{color: #2d63fb !important;}
.ctype02 + .wrap + .wrap .g_top2 .icon{background-color: #bdbcfd;}
.ctype02 + .wrap + .wrap .g_top2 .icon.ty2{background-color: #2d63fb;}

/* 표지가 없는 경우 */
.ctype02 + .wrap .icon_bul{background-image: url(/assets/common/v2/images/img_bul_c02.png);}
.ctype02 + .wrap .page_header{border-color: #2d63fb;}
.ctype02 + .wrap .page_header .info:after{background-color: #2d63fb;}
.ctype02 + .wrap h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_c02.png);}
.ctype02 + .report_wrap01 h5 img,
.ctype02 + .report_wrap02 h5 img,
.ctype02 + .report_wrap03 h5 img{display: none;}
.ctype02 + .report_wrap01 h5,
.ctype02 + .report_wrap02 h5,
.ctype02 + .report_wrap03 h5{background: url(/assets/common/v2/images/img_h5_c02.png) 0 50% no-repeat;padding-left: 17px;}

.ctype02 + .report_wrap01 .report01 ul li:nth-child(1) .cont,
.ctype02 + .report_wrap01 .report01 ul li:nth-child(3) .cont, 
.ctype02 + .report_wrap01 .report01 ul li:nth-child(4) .cont{color: #2d63fb}

.ctype02 + .report_wrap02 .report01 .unit{color: #2d63fb}
.ctype02 + .wrap .report_summary ul li.s_type1 .cont,
.ctype02 + .wrap .report_summary ul li.s_type3 .cont, 
.ctype02 + .wrap .report_summary ul li.s_type4 .cont{color: #2d63fb}
.ctype02 + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background-color: #2d63fb;}

.ctype02 + .wrap .grph_vertical .g_top .icon.std{background: #2d63fb;}
.ctype02 + .wrap .grph_vertical ul li .num{color: #2d63fb}
.ctype02 + .wrap .grph_vertical ul li .bar{background-color: #2d63fb;}
.ctype02 + .wrap .grph_vertical ul li .bar.std{background-color: #b7b7b7;}

.ctype02 + .wrap .grph_vertical.n_grph ul li .bar{background: #bdbcfd;}

.ctype02 + .wrap .grph_horizontal .bar{background-color: #2d63fb;}
.ctype02 + .wrap .grph_horizontal .bar.std{background-color: #b7b7b7;}
.ctype02 + .wrap .grph_horizontal .num{color: #2d63fb;border-color: #2d63fb;}
.ctype02 + .wrap .grph_horizontal .num img{display: none;}
.ctype02 + .wrap .grph_horizontal .num:before{position: absolute;left: -4px;content:'';display: inline-block;width: 7px;height: 12px;background: url(/assets/common/v2/images/img_grph_bul2_c02.png) 0 0 no-repeat;}
.ctype02 + .wrap .grph_horizontal .std .num{color: #cdcdcd;border-color: #cdcdcd;}
.ctype02 + .wrap .grph_horizontal .std .num img{display: inline;}
.ctype02 + .wrap .grph_horizontal .std .num:before{display: none;}
.ctype02 + .wrap span.circle{background-color: #2d63fb;}
.ctype02 + .wrap .fc_impt{color: #2d63fb !important;}
.ctype02 + .wrap .fc_pk{color: #2d63fb !important;}
.ctype02 + .wrap .g_top2 .icon{background-color: #bdbcfd;}
.ctype02 + .wrap .g_top2 .icon.ty2{background-color: #2d63fb;}
@media screen and (max-width:720px) {
	/* 표지가 있는 경우 */
  .ctype02 + .wrap + .wrap .selectbox .select-value:after{background-image: url(/assets/common/v2/images/btn_select_c02.png);}
  .ctype02 + .wrap + .wrap  h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_mb_c02.png);}
  .ctype02 + .wrap + .wrap .report_summary ul li.s_type1 .tit, 
  .ctype02 + .wrap + .wrap .report_summary ul li.s_type2 .tit{background: #2d63fb;}
  .ctype02 + .wrap + .wrap .report_summary ul li.s_type2 .tit{background: #a6a6a6;}
  .ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(1) .tit, 
  .ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #2d63fb;}
  .ctype02 + .wrap + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #a6a6a6;}
  .ctype02 + .wrap + .report_wrap_test02 .report_summary ul li.s_type1 .tit, 
  .ctype02 + .wrap + .report_wrap_test02 .report_summary ul li.s_type2 .tit{background: none;}
  .ctype02 + .wrap + .report_wrap_test02 .report_summary ul li .cont strong,
  .ctype02 + .wrap + .report_wrap_test04 .report_summary.ty2 ul li .cont strong{color: #2d63fb}
  .ctype02 + .wrap + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background: transparent;color: #2d63fb}
	/* 표지가 없는 경우 */
  .ctype02 + .wrap .selectbox .select-value:after{background-image: url(/assets/common/v2/images/btn_select_c02.png);}
  .ctype02 + .wrap  h5 .h5_icon{background-image: url(/assets/common/v2/images/img_h5_mb_c02.png);}
  .ctype02 + .wrap .report_summary ul li.s_type1 .tit, 
  .ctype02 + .wrap .report_summary ul li.s_type2 .tit{background: #2d63fb;}
  .ctype02 + .wrap .report_summary ul li.s_type2 .tit{background: #a6a6a6;}
  .ctype02 + .report_wrap01 .report01 ul li:nth-child(1) .tit, 
  .ctype02 + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #2d63fb;}
  .ctype02 + .report_wrap01 .report01 ul li:nth-child(2) .tit{background: #a6a6a6;}
  .ctype02 + .report_wrap_test02 .report_summary ul li.s_type1 .tit, 
  .ctype02 + .report_wrap_test02 .report_summary ul li.s_type2 .tit{background: none;}
  .ctype02 + .report_wrap_test02 .report_summary ul li .cont strong,
  .ctype02 + .report_wrap_test04 .report_summary.ty2 ul li .cont strong{color: #2d63fb}
  .ctype02 + .report_wrap_test04 .report_summary.ty3 ul li.s_type1 .cont2{background: transparent;color: #2d63fb}
}
.ctype02 h5 .h5_icon{
  display: none;
}

/* print */
.teacher_cmt{
  width: 100%;
  border:1px solid #d7d7d7;
  min-height: 130px;
}
.onprint{ 
  display: none; 
  min-height: 240px;
  padding: 16px;
  border: 1px solid #f1f1f2;
}
.noprint{
  display: block;
}
.onprint.h-mini,
.noprint.h-mini {
  min-height: 160px;
}
@media print {
  body{
    min-width: inherit !important;
  }
  .onprint{ display: block;}
  .noprint{ display: none;}
}
/* */
.chart-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 0; 
  margin: 0; 
}
.chart-svg {
  width: 100%;
  height: auto;
  display: block;
  margin: 0; 
  padding: 0; 
}
.text-label,
.chart-legend,
.axis-label {
  font-family: Arial, sans-serif;
  font-size: 12px; /* Fixed font size */
  fill: #222222;
}
.chart-legend {
  font-weight: bold;
  fill: #fa3158;
}
.axis-label {
  fill: #444444;
}
.additional-info {
  text-align: center;
  font-size: 12px; /* Fixed font size */
  color: #333;
  margin-top: 0; 
}
@media (max-width: 600px) {
  .text-label,
  .chart-legend,
  .axis-label,
  .additional-info {
    font-size: 1.2em;
  }
}

/* 컬러타입 추가 */
.ctype02 .primary .cont{
  color: #2d63fb;
}
.ctype02 .cont2 {
  background: #2d63fb;
}

.ctype02 .my-score {
  background-color: #2d63fb; /* 내 점수 막대의 색상 */
}
.ctype02 .bar-label.primary {
  color: #2d63fb;
  border: 1px #2d63fb solid;
}

.ctype02 .text-primary{
  color:#2d63fb;
}

.ctype02 .primary .cont, .ctype02 .primary .cont strong {
  color: #2d63fb;
}

.ctype02 .chart-legend {
  fill: #2d63fb;
}

/* 내 성적 분포 */
.chart-wrap canvas {
  --line-color: rgba(250, 49, 88, 1);
  --highlight-color: rgb(250, 49, 88);
  --point-color: rgba(250, 49, 88, 1);
  --font: 14px;
  --label-color: black;
  border: 1px solid #d7d7d7;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.highlight-text {
  position: absolute;
  color: var(--highlight-color);
  font: var(--font);
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
  transform: translate(-50%, -120%);
  text-align: center;
}

.chart-wrap {
  position: relative;
  width: 100%;
  height: 400px;
}

.ctype02 .chart-wrap canvas {
  --line-color: rgba(30, 133, 255, 1);
  --highlight-color: rgba(30, 133, 255, 1);
  --point-color: rgba(30, 133, 255, 1);
}

.chart-flex{
  display: flex;
}
.chart-flex .chart-wrap{
  width:100%;
}
.chart-flex .help{
  width:100%;
  margin: 0 !important;
}

/* 표지 */
.cover_kmt_wrap{position: relative;page-break-after: always;background: url(/assets/common/v2/images/bg_cover_kmt.png) 0 0 no-repeat;text-align: center;font-family: 'NanumSquare';border: 1px transparent solid;}
.cover_kmt_wrap h3{position: absolute;bottom: 130px;right: 32px;width: 182px;font-size: 22px;color: #3d3d3d;line-height: 1.5;font-weight: 400;}
.cover_kmt_wrap h3 p{height: 37px;margin-top: 15px;line-height: 37px;}
.cover_kmt_wrap h3 p.test{text-align: left;color: #fff;margin-bottom: 18px;}
.cover_kmt_wrap h3 p.name_a{position: absolute;left: -460px;bottom: -100px;width: 421px;white-space: nowrap;overflow : hidden;text-overflow: ellipsis;color:#fff;text-align: left;}
.cover_kmt_wrap h3 p.grade,
.cover_kmt_wrap h3 p.name_s{font-size: 18px}
@media screen and (max-width: 720px) {
  .cover_kmt_wrap {
      display: none;
  }
}


/* kmt -내 성적 분포 */
.grph_vertical .g_tit {
  border: 1px solid #4c4949;
  display: inline-block;
  background: #f6f6f6;
  color: #4c4949;
  margin-left: 20px;
  padding: 0 12px;
  line-height: 18px;
  border-radius: 5px;
  font-size: 12px;
}
.report_wrap_kmt .report_type03{height: 210px;margin-top: 10px;}
.report_wrap_kmt .report_type03 .grph_wrap{float: left;width: 297px;height: 172px;border: 1px solid #000;} 
.report_wrap_kmt .report_type03 .help{margin-left: 327px;padding: 8px 30px} 
.report_wrap_kmt .report_type03 .help li:first-child{margin-top: 0;}
.report_wrap_kmt .report_type03 .help li{position: relative;margin-top: 1px;}
.report_wrap_kmt .report_type03 .help .tit2:before{content: '';position: absolute;top: 3px;left: -8px;display: inline-block;width: 4px;height: 11px;border-radius: 3px;background: #fa3158;}
.report_wrap_kmt .report_type03 .help .cont{margin-left: 27px;}

/* kmt -수학 교과 역량 */
.report_wrap_kmt .report_type04{position: relative;height: 300px;}
.report_wrap_kmt .report_type04 .grph_vertical{position: absolute;top:25px;left: 0;width: 297px;} 
.report_wrap_kmt .report_type04 .grph_vertical ul li{width: 20%;}
.report_wrap_kmt .report_type04 .board_list{margin-top: -29px;margin-left: 280px;} 
.report_wrap_kmt .report_type04 .help{margin-left: 327px;}
.report_wrap_kmt .report_type04 .help li{margin-top: 12px;}
.report_wrap_kmt .report_type04 .help li:first-child{margin-top: 0;}
.report_wrap_kmt .report_type04 .help .cont{margin-left: 8px;margin-right: 0px;word-break:keep-all;}

/* kmt -단원과 난이도별 분석 */
.report_wrap_kmt .report_type05{height: 400px;}
.report_wrap_kmt .report_type05 .help{margin-top: 30px;margin-bottom: 0;}
.report_wrap_kmt .report_type05 .box1{width: 297px;float: left;}
.report_wrap_kmt .report_type05 .box1 .grph_vertical ul li{width: 16.6%;}
.report_wrap_kmt .report_type05 .box1 .help ul{height: 100px;}
.report_wrap_kmt .report_type05 .box1 .help li:first-child{margin-top: 0;}
.report_wrap_kmt .report_type05 .box1 .help li{margin-top: 2px;}
.report_wrap_kmt .report_type05 .box2{margin-left: 327px;}
.report_wrap_kmt .report_type05 .box2 .grph_vertical ul li{width: 25%;}
.report_wrap_kmt .report_type05 .box2 .help li:first-child{margin-top: 0;}
.report_wrap_kmt .report_type05 .box2 .help li{margin-top: 0px;}
/* kmt -학력 종합 진단 */
.report_wrap_kmt .report_type06{margin-top: 10px;}
.report_wrap_kmt .report_type06 .help {padding: 8px 30px;font-size: 12px}
.help strong {
  color: #fa3158;
}

@media screen and (max-width:720px) {
  html{font-size:21px;}
  .pc_view{display: none !important;}
  .mb_view{display: block !important;}
  .cover_kmt_wrap{display: none;}

  .report_wrap_kmt,
  .report_wrap_test02,
  .report_wrap_test03,
  .report_wrap_test04,
  .report_wrap_test05{background: url(/assets/common/v2/images/bg_cover_mb.png) 0 3.462rem no-repeat;-webkit-background-size: contain;background-size: contain;}

  .teacher_cmt{width: auto;height: auto;margin: 0 1.5rem;padding-top: 2.5rem;font-size: 1.3rem;font-weight: 300;color: #393939;border-radius: 1rem;}
  .grph_wrap{width: auto;height: auto !important;margin: 1rem 1.5rem;}
  .grph_wrap img{max-width: 100%}
  /*---------------------------------------------------------------------------------------------------------------
  kmt 모바일
  ---------------------------------------------------------------------------------------------------------------*/

  .report_wrap_kmt{background: url(/assets/common/v2/images/bg_cover_mb.png) 0 3.462rem no-repeat;-webkit-background-size: contain;background-size: contain;}
  .report_wrap_kmt>div{height: auto !important;}

  /* kmt -평가결과종합 */
  .report_wrap_kmt .report_type01 .board_list{width: auto;float: none}
  .report_wrap_kmt .report_type01 .board_list+.board_list{margin-top: 10px !important;}

  .report_wrap_kmt .report_type01 .board_list+.board_list th:first-child,
  .report_wrap_kmt .report_type01 .board_list+.board_list td:first-child{border-left: none ;}
  .report_wrap_kmt .report_type01 .help .cont{margin-left: 0}
  /* kmt -문항별 분석표 및 채점 결과 */
  .report_wrap_kmt .report_type02 .mb_hide{display: none;}
  /* kmt -수학 교과 역량 */
  .report_wrap_kmt .report_type04{}
  .report_wrap_kmt .report_type04 .grph_vertical{position: relative;top: auto;} 
  .report_wrap_kmt .report_type04 .help{margin: 0 1.5rem;}
  /* kmt -단원과 난이도별 분석 */
  .report_wrap_kmt .report_type05 .box1 .help{display: none}
  .report_wrap_kmt .report_type05 .box1,
  .report_wrap_kmt .report_type05 .box2{float: none;width: auto;margin-left: 0}
  .report_wrap_kmt .report_type05 .box2{margin-top: 3rem}

  /* kmt -학력 종합 진단 */
  .report_wrap_kmt .report_type06 .help{padding: 0;border-radius: 2rem}
  .report_wrap_kmt .report_type06 .help ul{display: block;padding-bottom: 2rem}
  .report_wrap_kmt .report_type06 .help ul li{margin-top: 0}
  .report_wrap_kmt .report_type06 .help ul li.tit3{margin-top: 2rem}
}

/* font-size */
html,body{font-size:14px;}
@media (min-width:300px) and (max-width: 420px){
  html,body{font-size:12px;}
}
@media (min-width:421px){
  html,body{font-size:14px;}
}

  /* kmt 모바일 2025-06-05 수정 - iframe 동적 높이 조정 */
.m-w10 { width: 10px !important; }
.m-w20 { width: 20px !important; }
.m-w30 { width: 30px !important; }
.m-w40 { width: 40px !important; }
.m-w50 { width: 50px !important; }
.m-w60 { width: 60px !important; }
.m-w70 { width: 70px !important; }
.m-w80 { width: 80px !important; }
.m-w90 { width: 90px !important; }
.m-w100 { width: 100px !important; }
.report_type03_chart{
  display: flex;
  gap:10px;
  padding: 0 20px;
}
.report_type03_chart .report_type03 .help{
  padding: 0 !important;
}
.board_list th, .board_list td {
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
}
@media (max-width:720px){
  .page_header {
    padding: 0 1.5rem 0.5rem;
    line-height: 1.462rem;
    font-size: 1rem;
    margin-top: 2rem;
  }
  .page_header .logo {
      top: initial;
  }
   .board_list table{font-size:  0.8rem}
   .report_type03_chart{
    flex-direction: column;
  }
  .m-h-auto{
    height: auto !important;
  }
  .report_wrap_kmt .report_type05 .box1 .help{
    display: block !important;
  }
  .report_type06 .help{
    padding: 0 20px !important;
  }  
  .d-block-li li{
    display: block;
  }
  .help.m-inline-block li{
    display: inline-block !important;
  }
}