*{margin:0;padding:0}

/* fonts */
*{outline: 0}
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Thin.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Thin.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Thin.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraLight.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraLight.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraLight.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Light.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Light.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Light.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Regular.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Regular.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Regular.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Medium.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Medium.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Medium.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-SemiBold.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-SemiBold.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Bold.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Bold.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Bold.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraBold.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraBold.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraBold.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Black.eot');
    src: url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Black.woff2') format('woff2'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Black.woff') format('woff'),
        url('https://t.mathpro.co.kr/MathPro_Parameter/DesignCompany1/fonts/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

ul,li{list-style:none}
ul::after{content:"";display:block;clear:both}
body{background:#FFF}
body{font-family:'Pretendard','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif;color:#666;font-weight:600;font-size:12px;}
.logo{width:130px;}
.page1 .body .inner .distribution .graph_area .compare2 .graph > div > p.my::before {content: "●";position: absolute;top: -15px;left: 50%;transform: translateX(-50%);font-size: 10px;color: rgb(113, 101, 87);}
.ui-datepicker-trigger,.hasDatepicker,.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{cursor:pointer}
.page1{position: absolute;top:20px;left:0;width:780px;font-family:'Pretendard','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif;}
.page1 button{margin:0;padding:0;border:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}
.page1 .head{position:relative;height:27px;background:url("/Mathpro_E/img/bg_head_pink.jpg") repeat}
.page1 .head .title{position:relative;padding-left:25px;background:url("/Mathpro_E/img/icon_symbol.png") no-repeat 5px center;line-height:24px;font-size:14px;color:#fff}
.page1 .head .title span{position:relative;margin-right:20px}
.page1 .head .title span::after{content:">";position:absolute;top:-2px;right:-15px}
.page1 .head .title span:last-child::after{display:none}
.page1 .head .close{position:absolute;top:5px;right:4px;width:13px;height:13px;background:transparent}
.page1 .body{height:980px;padding:0px 40px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.page1 .body .inner{width:640px;margin:0 auto}
.page1 .body .inner > .top{background:url('/Mathpro_E/img/bg_maingraph.jpg')no-repeat;background-position:105% 80%}
.page1 .body .inner > .top::after{content:"";display:block;clear:both}
.page1 .body .inner > .top .left{float:left;position:relative;padding-top:30px}
.page1 .body .inner > .top .left .img{position:absolute;top:50px;left:0}
.page1 .body .inner > .top .left .top_title{margin-bottom:15px;line-height:24px;letter-spacing:3px;font-family:"Pretendard";font-size:14px;font-weight:500;color:#545454}
.page1 .body .inner > .top .left .bottom_title{line-height:50px;letter-spacing:-1px;font-size:40px;color:#545454}
.page1 .body .inner > .top .left .bottom_title span{font-size:45px;color:#545454}
.page1 .body .inner > .top .right{position:relative;float:right;width:230px;height:376px;padding:20px 10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.page1 .body .inner > .top .right .img {text-align:right;font-size:30px;font-weight:600}
.page1 .body .inner > .top .right .my{position:absolute;bottom:40px;left:15px;font-size:16px;color:#545454}
.page1 .body .inner > .top .right .my::before{content:"";position:absolute;bottom:-5px;left:0;width:70px;height:0px;background:#fff}
.page1 .body .inner > .top .right .score{position:absolute;bottom:10px;right:0;text-align:right;letter-spacing:-4px;font-size:75px;color:#0080ff;margin-bottom:10px;}
.page1 .body .inner > .top .right .score::after{content:"";position:absolute;bottom:-5px;left:0;width:140px;height:0px;background:#fff}
.page1 .body .inner .profile{height:60px;margin-bottom:40px;background:#0080ff;border-radius:50px;}
.page1 .body .inner .profile::after{content:"";display:block;clear:both}
.page1 .body .inner .profile .left{float:left;width:45%;height:100%;padding:20px 10px 20px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}
.page1 .body .inner .profile .left p{display:inline-block;font-size:18px;color:#fff}
.page1 .body .inner .profile .left .name{position:relative;margin-right:10px;padding-right:15px;font-weight:700}
.page1 .body .inner .profile .left .name::after{content:"|";position:absolute;top:0;right:0;font-weight:500}
.page1 .body .inner .profile .left .class{font-weight:600}
.page1 .body .inner .profile .right{display:table;float:left;width:55%;height:100%;padding:13px 18px;border-width:1px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.page1 .body .inner .profile .right dl{display:table-cell;font-size:12px;padding-bottom: 0px;}
.page1 .body .inner .profile .right dl dt{margin-bottom:4px;font-weight:700;color:#fff;font-size:14px}
.page1 .body .inner .profile .right dl dd {color:#fff}
.page1 .body .inner .profile .right dl:first-child{width:60%}
.page1 .body .inner .result{margin-bottom:40px;padding:20px;background:#f0f8ff;border:1px solid #8bc6ff;border-radius:10px}
.page1 .body .inner .result .title{margin-bottom:15px;font-size:20px;font-weight:600;color:#0080ff}
.page1 .body .inner .result .table table{width:100%;max-width:640px;border-radius:10px;overflow:hidden;border-style: hidden;box-shadow: 0 0 0 1px #8bc6ff;table-layout:fixed;border-collapse:collapse;border-spacing:0}
.page1 .body .inner .result .table caption{text-indent:-9999px;width:0;height:0;line-height:0;font-size:0}
.page1 .body .inner .result .table th{height:35px;background:#b2d9ff;font-size:13px;font-weight:600;color:#0080ff;border-right:1px solid #8bc6ff}
.page1 .body .inner .result .table th:last-child{border-right:0px}
.page1 .body .inner .result .table td{position:relative;height:35px;text-align:center;font-size:12px;background:#fff;border-right:1px solid #8bc6ff}
.page1 .body .inner .result .table td:last-child{border-right:0px}
/*.page1 .body .inner .result .table td::after{content:"";position:absolute;bottom:0;right:0;width:1px;height:10px;background:#1f4473}*/
.page1 .body .inner .result .table td:first-child{font-size:14px;font-weight:700;color:#0080ff}
.page1 .body .inner .result .table td:last-child::after{display:none}
.page1 .body .inner .result .table td:nth-child(n+2):nth-child(-n+3)::after{background:#ebebeb}
.page1 .body .inner .distribution{position:relative}
.page1 .body .inner .distribution .title{padding-bottom:20px;font-size:20px;color:#222}
.page1 .body .inner .distribution > .my{position:absolute;top:70px;right:25px;font-size:12px;color:#0080ff}
.page1 .body .inner .distribution > .my span{padding-right:5px;font-size:10px}
.page1 .body .inner .distribution .graph_area{height:220px}
.page1 .body .inner .distribution .graph_area::after{content:"";display:block;clear:both}
.page1 .body .inner .distribution .graph_area .compare1{float:left;width:110px;height:100%;border:1px solid #eaeaea;border-radius:10px;padding:25px 0 15px 0}

.page1 .body .inner .distribution .graph_area .compare1 .score{padding:2px 12px}
.page1 .body .inner .distribution .graph_area .compare1 .score::after{content:"";display:block;clear:both}
.page1 .body .inner .distribution .graph_area .compare1 .score > div{float:left;font-size:13px;color:#5bcbff}
.page1 .body .inner .distribution .graph_area .compare1 .score > div:first-child{margin-right:25px;color:#0080ff}

.page1 .body .inner .distribution .graph_area .compare1 .graph{position:relative;left:10px;width:100%;height:165px;/*background:url("../img/bg_graph_height.jpg") repeat-x 0 100%;border-bottom:1px solid #1d4070;*/-webkit-box-sizing:border-box;box-sizing:border-box}
.page1 .body .inner .distribution .graph_area .compare1 .graph .area{position:absolute;bottom:0;left:15px;background:#e8f8ff;width:13px;height:140px;border-radius:20px}
.page1 .body .inner .distribution .graph_area .compare1 .graph .area > p{position:absolute;bottom:0;left:15px;width:13px;height:100px;left:0px;background:#0080ff;color:#1d4070;border-radius:20px;font-size:14px;color:#f58a3b}

.page1 .body .inner .distribution .graph_area .compare1 .graph .area2{position:absolute;bottom:0;left:60px;background:#e8f8ff;width:13px;height:140px;border-radius:20px}
.page1 .body .inner .distribution .graph_area .compare1 .graph .area2 > p{position:absolute;bottom:0;left:60px;width:13px;height:100px;left:0px;background:#5bcbff;color:#1d4070;border-radius:20px;font-size:14px;color:#f58a3b}

.page1 .body .inner .distribution .graph_area .compare1 .unit{padding:14px 10px}
.page1 .body .inner .distribution .graph_area .compare1 .unit::after{content:"";display:block;clear:both}
.page1 .body .inner .distribution .graph_area .compare1 .unit > div{float:left;font-size:13px;color:#545454}
.page1 .body .inner .distribution .graph_area .compare1 .unit > div:first-child{margin-right:22px;margin-left:10px;color:#0080ff}
.page1 .body .inner .distribution .graph_area .compare2{float:left;position:relative;width:490px;height:100%; border: 1px solid #eaeaea;border-radius: 10px;padding:25px 20px 15px 10px;margin-left: 6px;}
.page1 .body .inner .distribution .graph_area .compare2 .figure span{position:absolute;bottom:63px;left:15px;font-size:11px;font-weight:400;color:#666;z-index:1}
.page1 .body .inner .distribution .graph_area .compare2 .figure span:nth-child(1){left:20px}
.page1 .body .inner .distribution .graph_area .compare2 .figure span:nth-child(2){bottom:100px}
.page1 .body .inner .distribution .graph_area .compare2 .figure span:nth-child(3){bottom:138px}
.page1 .body .inner .distribution .graph_area .compare2 .figure span:nth-child(4){bottom:176px}
.page1 .body .inner .distribution .graph_area .compare2 .graph{position:relative;width:100%;height:165px;padding-left:46px;background:url("/Mathpro_E/img/bg_graph_height2.jpg") repeat-x 46px 100%;border-bottom:0px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box}
.page1 .body .inner .distribution .graph_area .compare2 .graph::after{content:"";position:absolute;top:2px;left:0;width:40px;height:99%;background:#fff}
.page1 .body .inner .distribution .graph_area .compare2 .graph > div{float:left;position:relative;width:40px;height:100%}
.page1 .body .inner .distribution .graph_area .compare2 .graph > div > p{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50.1%);-ms-transform:translateX(-50.1%);transform:translateX(-50.1%);width:15px;height:100px;border-radius:10px 10px 0 0;background:#5ccaff}
.page1 .body .inner .distribution .graph_area .compare2 .graph > div > p.my{background:#007ffe}
.page1 .body .inner .distribution .graph_area .compare2 .graph > div > p.my::before{content:"●";position:absolute;top:-15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;color:#0080fd}
.page1 .body .inner .distribution .graph_area .compare2 .unit{padding-left:46px}
.page1 .body .inner .distribution .graph_area .compare2 .unit::after{content:"";display:block;clear:both}
.page1 .body .inner .distribution .graph_area .compare2 .unit > div{float:left;width:40px;padding-top:10px;line-height:16px;text-align:center;font-size:10px;font-weight:500;color:#555555}
.page1 .body .inner .distribution .graph_area .compare2 .unit > div span{font-size:12px;font-weight:700}
.page1 .body .inner .distribution .graph_area .compare2 .figure span {margin-left:10px}
.page1 .body .inner .distribution .graph_area .compare2 .unit_title{position:absolute;bottom:28px;left:10px;line-height:16px;text-align:center;font-size:12px;font-weight:700;color:#555555}
.page2{display:;position:absolute;top:1100px;left:0px;width:780px;font-family:'Pretendard','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif;}
.page2 button{margin:0;padding:0;border:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}
.page2 .head{position:relative;height:27px;background:url("/Mathpro_E/img/bg_head_pink.jpg") repeat}
.page2 .head .title{position:relative;padding-left:25px;background:url("/Mathpro_E/img/icon_symbol.png") no-repeat 5px center;line-height:24px;font-size:14px;color:#fff}
.page2 .head .title span{position:relative;margin-right:20px}
.page2 .head .title span::after{content:">";position:absolute;top:-2px;right:-15px}
.page2 .head .title span:last-child::after{display:none}
.page2 .head .close{position:absolute;top:5px;right:4px;width:13px;height:13px;background:transparent}
.page2 .body{height:980px;padding:60px 40px;overflow-y:auto;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.page2 .body .inner{width:640px;margin:0 auto}
.page2 .body .inner .small_title{margin-bottom:13px;font-size:20px;color:#222}
.page2 .body .inner .table table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-radius: 10px;overflow: hidden;border-style: hidden;box-shadow: 0 0 0 1px #eaeaea;}
.page2 .body .inner .table table caption{text-indent:-9999px;width:0;height:0;line-height:0;font-size:0}
.page2 .body .inner .table table thead th{position:relative;height:35px;background:#f2f2f2;text-align:center;font-size:13px;font-weight:700;border-right:1px solid #eaeaea;color:#545454}
.page2 .body .inner .table table thead th:nth-child(3){padding-left:15px;text-align:left}
.page2 .body .inner .table table thead th:nth-child(3)::before{content:"";position:absolute;bottom:0;right:0;width:0px;height:10px;background:#1f4473}
.page2 .body .inner .table table tbody tr{border-bottom:1px solid #eaeaea}
.page2 .body .inner .table table tbody tr td{position:relative;height:30px;text-align:center;font-size:12px;font-weight:600;color:#545454;border-right:1px solid #eaeaea;}
.page2 .body .inner .table table tbody tr td::before{content:"";position:absolute;bottom:0;right:0;width:0px;height:10px;background:#ebebeb}
.page2 .body .inner .table table tbody tr td .marking{position:absolute;top:4px;left:14px}
.page2 .body .inner .table table tbody tr td:nth-child(3){padding-left:15px;text-align:left;}
.page2 .body .inner .table table tbody tr td:nth-child(3)::before{display:none}
.page2 .body .inner .table table tbody tr td:nth-child(4) .star{position:relative;width:73px;height:12px;margin-left:8px;background:url("/Mathpro_E/img/img_empty_star.png") no-repeat 0 0;text-align:left}
.page2 .body .inner .table table tbody tr td:nth-child(4) .star span{display:inline-block;margin-right:3px;width:12px;height:12px;background:url("/Mathpro_E/img/img_star.png") no-repeat}
.page2 .body .inner .table table tbody tr td:nth-child(4) .star span:last-child{margin-right:0}
.page2 .body .inner .table table tbody tr td:last-child .percent{float:left;width:45px;line-height:20px}
.page2 .body .inner .table table tbody tr td:last-child .graph{float:left;position:relative;top:5px;width:75px;height:10px;border-radius:5px;background:#dbedff;overflow:hidden}
.page2 .body .inner .table table tbody tr td:last-child .graph::before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50.1%);-ms-transform:translateX(-50.1%);transform:translateX(-50.1%);width:0;height:100%;border-left:0px dashed #3f5069;z-index:1}
.page2 .body .inner .table table tbody tr td:last-child .graph span{position:absolute;top:0;left:0;height:100%;background:#0090ff;border-radius:5px;}
.page2 .body .inner .table table tbody tr td:last-child::before{display:none}
.page2 .body .inner .table table tbody tr:last-child{border-bottom:none}