.container {
    padding-bottom: 50px;
}

.list_option {
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px dashed #ced0da;
}

.is-w100 .list_option {
    padding-top:24px; padding-bottom: 24px;
    border-bottom: 1px solid #DEE2E6;
}

.list_option::after {
    content: '';
    display: block;
    clear: both;
}

.list_option .option_left {
    float: left;
    width: 590px;
    margin-right: 20px;
}

.list_option .option_right {
    float: left;
    width: 590px;
}

.option_line {
    padding-top: 12px;
    overflow: hidden;
}

.option_line.is-fit {display: flex;}

.option_line.is-fit .option_group {flex: 1;}

.option_line:first-child {
    padding: 0;
}

.option_line .option_title {
    float: left;
    width: 80px;
    line-height: 36px;
    font-size: 15px;
    letter-spacing: -0.3px;
    font-weight: 500;
}

.option_line .option_group {
    float: left;
    font-size: 0;
}

.option_line .option_group_02 {
    margin-left: 89px;
}

.option_line .radio_lab {
    margin-left: 5px;
}



.option_line .radio_lab:first-child {
    margin-left: 0px;
}

.option_line_02 .option_title {
    width: 85px;
}

.option_line_02 .option_group {
    width: calc(100% - 85px)
}

.option_group .search_wrap {
    background: #fff;
}

.option_group .datepicker {
    width: 229px;
    height: 35px;
    border-radius: 18px;
    border: 1px solid #d1d3dc;
    background: url(/static/image/icon_calander.png) no-repeat 195px 10px;
    text-indent: 20px;
    font-size: 15px;
    color: #626262;
}

.option_group .button_date {
    display: inline-block;
    width: 265px;
    margin-left: 5px;
    text-align: right;
    vertical-align: top;
}

.option_group .button_date .radio_lab span {
    width: 60px;
    border-radius: 18px;
}

.option_line .radio_lab.type_02 {
    margin-left: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

.book_list {
    padding-top: 45px;
    position: relative;
}

.book_list .allSelect {
    padding:20px 0 0 0;
    clear: both;
}

.book_header {
    overflow: hidden;
}

.book_header .title {
    float: left;
}

.book_header .search_wrap {
    float: right;
    width: 240px;
    background: #fff;
}

.treeMenu {
    margin: 10px 0 64px;
    border-top: 1px solid #ced0da
}

.treeMenu li {
    font-size: 0;
}

.treeMenu li>div {
    padding: 12px 0 12px 12px;
    line-height: 20px;
    font-size: 15px;
    border-bottom: 1px solid #ced0da;
}

.treeMenu li button {
    width: 20px;
    height: 21px;
    border: 0 none;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999em;
    border-radius: 2px;
}

.treeMenu li button.open {
    background: url(/static/image/icon_tree_close2.png) no-repeat 0 0;
}

.treeMenu li button.close {
    background: url(/static/image/icon_tree_open2.png) no-repeat 0 0;
}

.treeMenu li a,
.treeMenu li span {
    font-size: 15px;
    vertical-align: top;
}

.treeMenu li .coustom_checkbox {
    padding:0;
    margin: 0 10px;
}

.treeMenu li li {
    background: #fffbea;
}

.treeMenu li li>div {
    padding-left: 43px;
}

.treeMenu li li li>div {
    padding-left: 74px;
}

.treeMenu li li li li>div {
    padding-left: 104px;
}

.treeMenu li li li li li>div {
    padding-left: 135px;
}

.right_cont {
    padding-top: 35px;
}

.right_cont .setting_wrap {
    padding-bottom: 25px;
}

.setting_wrap .setting_head::after {
    content: '';
    display: block;
    clear: both;
}

.setting_wrap .setting_head .title {
    float: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
}

.topInfo {
    padding-bottom:10px;
    display: flex; align-items: center;
}
.topInfo .topInfo__title {
    margin-right:21px;
    color: #000;
    font-family: "Noto Sans KR";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.topInfo .topInfo__badge {
    width: 100px; height: 34px; 
    border-radius: 4px;
    background-color: #485667;
    display: flex; align-items: center; justify-content: center;
}
.topInfo .topInfo__badge .badge__text {
    color: #FFF;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.setting_wrap .setting_head .btn_wrap {
    float: right;
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.setting_wrap .setting_head .btn_wrap img {
    vertical-align: middle;
    margin-top: -2px;
    padding-left: 8px;
}

.setting_wrap .setting_cont {
    padding-top: 10px;
}

.range_wrap {
    width: 100%;
}

.range_wrap .asRange {
    width: 100%;
}

.range_wrap .asRange .asRange-selected {
    background: #197EDF;
    height: 4px;
}

.range_wrap .asRange {
    background: #e2e7ee;
    height: 4px;
}

.range_wrap .asRange .asRange-pointer {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border-radius: 16px;
    top: -6px;
}

.range_wrap .asRange .asRange-pointer:before {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: #cfd1db;
}

.range_wrap .asRange .asRange-pointer .asRange-tip {
    display: none;
}

.test_number {
    margin-top: 15px;
    border-top: 1px solid #ecedef;
    border-bottom: 1px solid #ecedef;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    text-align: center;
}

.test_number span {
    padding: 0 10px;
}

.setting_footer {
    margin-top: 9px;
    font-size: 0;
    text-align: right;
}

.setting_footer button {
    display: inline-block;
    width: 48px;
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    border-radius: 2px;
    background: #485667;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
}

.setting_wrap .setting_cont .setting_select {
    font-size: 0;
}

.setting_wrap .setting_cont .setting_select .radio_lab {
    width: 100px;
    margin-left: 12px;
    margin-top: 6px;
}

.setting_wrap .setting_cont .setting_select .radio_lab:first-child {
    margin-left: 0;
}

.setting_wrap .setting_cont .setting_select .radio_lab:nth-child(1) {
    margin-top: 0;
}

.setting_wrap .setting_cont .setting_select .radio_lab:nth-child(2) {
    margin-top: 0;
}

.setting_wrap .setting_cont .setting_select .radio_lab:nth-child(3) {
    margin-top: 0;
}

.setting_wrap .setting_cont .setting_select .radio_lab:nth-child(4n) {
    margin-left: 0;
}

.setting_wrap .setting_cont .setting_select .radio_lab span {
    width: 100px;
}


.test_number::after {
    content: '';
    display: block;
    clear: both;
}

.test_number p {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: -0.3;
}

.test_number ul {
    padding: 0 20px 0 10px;
}

.test_number ul,
.test_number li {
    display: inline-block;
    vertical-align: top;
    line-height: 37px;
    font-size: 14px;
    letter-spacing: -0.3;
}

.test_number li span {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    width: 16px;
    height: 16px;
    border: 1px solid #dc948d;
    background: #f3b79b;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 14px;
    padding: 0;
    margin: -2px 5px 0 14px;
}

.test_number li span.icon_type_02 {
    background: #f4d368;
    border-color: #e9c070;
}

.test_number li span.icon_type_03 {
    background: #9bd3ab;
    border-color: #80ce96;
}

.test_number li span.icon_type_04 {
    background: #a3c3fb;
    border-color: #7fa0d9;
}

.setting_select .coustom_checkbox {
    margin-left: 30px;
}

.setting_select .coustom_checkbox:first-child {
    margin-left: 0;
}

.setting_select>div:nth-child(2) {
    margin-left: 30px;
}

.setting_select>div:nth-child(3) {
    margin-left: 30px;
}

.list_check {
    font-size: 0;
}

.list_check div.tooltip {
    display: inline-block;
    margin: 3px 0 0 5px;
    z-index: auto;
}

.list_wrap {
    margin-top: 13px;
    border-top: 1px solid #ecedef;
}

.list_wrap li {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #ecedef;
    font-size: 14px;
}

.list_wrap li i {
    float: right;
    font-style: normal;
}

.list_result {
    margin-top: 12px;
}

.list_result::after {
    content: '';
    display: block;
    clear: both;
}

.result_title {
    font-size: 14px;
    letter-spacing: -0.3;
    line-height: 28px;
    float: left;
}

.list_result .btn_wrap {
    float: right;
}

.list_result button {
    display: inline-block;
    width: 48px;
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    border-radius: 2px;
    background: #485667;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    vertical-align: top;
}

.test_list {
    margin-bottom: 18px;
}

.setting_bottoms {
    margin-top: 45px;
    margin-bottom: 90px;
}

.setting_bottoms .test_num {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d5dce6;
    border-radius: 2px;
    text-align: center;
    font-size: 19px;
    color: #7f8fa4
}

.setting_bottoms .test_num span {
    color: #000;
}

.setting_bottoms .btn_two {
    overflow: hidden
}

.setting_bottoms .btn_two button {
    float: left;
    width: 216px;
    margin-left: 24px;
}

.setting_bottoms .btn_two button:first-child {
    margin-left: 0;
}

.setting_bottoms .btn_two button {
    background: #7f8fa4
}

.setting_bottoms .btn_two button.btn_save {
    background: #20bcb7
}

.next_btn {
    margin-top: 12px;
}

.next_btn button {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #20bcb7;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
}

.content .left_cont.exam {
    padding-top: 35px;
    width: 828px;
    margin-left: 46px;
    margin-right: 24px;
    box-sizing: border-box;
}


.exem_setting {
    margin-bottom: 22px;
}

.exem_setting::after {
    content: '';
    display: block;
    clear: both;
}

.exem_setting .left_set {
    float: left;
    display: flex;
    align-items: center;
}

.exem_setting .right_set {
    float: right;
}

.exem_setting .left_set button {
    height: 39px;
    border: 1px solid #CED0DA;
    padding: 6px 8px;
    margin-right:11px;
    background: #F4F6FA;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 5px;
}

.exem_setting .left_set button.qst_add_opt {
    border-radius: 5px;
    border: 1px solid #20BCB7;
    background-color: #E9F9F8;
}

.exem_setting .left_set button.qst_add_opt.is-plus {
    display: flex;
    align-items: center;
}

.exem_setting .left_set button.qst_add_opt.is-plus .icon-plus {
    width:10px; height:11px;
    margin-top:1px;
    margin-right:10px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.28571 0.5H5.71429V10.5H4.28571V0.5Z' fill='%23212529'/%3E%3Cpath d='M10 4.78571V6.21429L0 6.21429L6.24433e-08 4.78571H10Z' fill='%23212529'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

.exem_setting .left_set button img {
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
    padding-right: 7px;
}

.exem_setting .right_set .option_line {
    float: left;
    margin-left: 40px;
    padding: 0;
}

.exem_setting .right_set .radio_lab span {
    height: 28px;
    line-height: 28px;
    width: auto;
    padding: 0 10px;
}

.exem_setting .right_set .option_line .option_title {
    line-height: 28px;
}

.exem_setting .right_set .radio_lab input:checked+span {
    background: #7f8fa4;
    border-color: #7f8fa4
}

.exem_container {
    padding: 30px 0 25px 28px;
    width: 828px;
    height: 889px;
    border: 1px solid #d5dce6;
    box-sizing: border-box;
}

.exem_content {
    height: 740px;
    overflow: auto;
    padding: 30px 25px 30px 0;
    box-sizing: border-box;
    font-size: 0;
}


.exem_content::-webkit-scrollbar {
    width: 6px;
}

.exem_content::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #dadce0;
}

.exem_content>div {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: center;
    border-left: 1px solid #ebebeb;
    box-sizing: border-box;
}

.exem_content>div.left_exem {
    border: 0;
}

.exem_content .exem_item {
    padding: 15px 0 45px;
}

.exem_content>div div.select {
    padding: 70px 0 75px;
    position: relative
}

.exem_content>div div.select .select_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #fbdf83
}

.select_layer .select_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.select_layer .select_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 0 20px 12px 20px;
    box-sizing: border-box;
}

.select_layer .select_bottom::after {
    content: '';
    display: block;
    clear: both;
}

.select_layer .select_title p {
    font-size: 14px;
    line-height: 43px;
    text-align: left;
    padding-left: 20px;
}

.select_layer .select_title p img {
    width: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
    padding-right: 5px;
}

.select_layer .select_bottom button {
    font-family: 'Dotum';
    font-size: 11px;
    padding-left: 15px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
}

.select_layer .select_bottom button.btn_alram {
    margin-top: -2px
}

.select_layer .select_bottom button.btn_heart img {
    padding-right: 10px;
}

.select_layer .select_bottom button.btn_same {
    float: right;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background: #485667;
    color: #fff;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}


.print_text {
    padding-left: 24px;
    padding-bottom: 35px;
    border-bottom: 1px solid #dadce0;
    margin-bottom: 35px;
}

.print_text p {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #7f8fa4;
}

.print_text p b {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #000;
}

.print_text p span {
    padding-left: 15px;
}

.print_setting>div {
    padding: 0 24px;
}

.print_setting .item__head {
    display: flex;
    align-items: center;
    & > .input {
            float: none;
            .input {margin-left:0;}
        }
    .date__hidden {margin-left:20px;}
}

.print_setting .item__body {
    margin-top:10px;
    padding-left:72px;
}

.print_setting .item__body .body__text {
    color: #7F8FA4;
    font-family: "Noto Sans KR";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.print_name {
    overflow: hidden;
}

.print_name .title {
    float: left;
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 40px;
}

.print_name .input {
    float: left;
    margin-left: 16px;
    width: 260px;
    position:relative;
}


.print_name .input input {
    width: 100%;
    height: 40px;
    border: 1px solid #ced0da;
    text-indent: 10px;
}

.print_badge {
    margin-top: 35px;
}

.print_badge {
    .dflexAlign {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .select_layer {
            .add_exem {
                width:410px;
            }
        }
    }
    .sch__box {
        .title {
            margin:30px 0 10px 45px;
            color: #7F8FA4;
            font-family: "Noto Sans KR";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        .search-group {
            justify-content: end;
            .search__box {
                width:325px;
            }
            .search__button {
                width: 80px !important;
                min-width: 80px !important;
                margin-left:5px;
                word-break: keep-all;
            }
        }
    }
}

.print_badge.dflexAlign {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.print_badge.dflexAlign .conditionAdd__radio {
    display: flex; align-items: center;
}

.print_badge.dflexAlign .conditionAdd__radio .ui-form-check-inline {margin-left:10px;}

.print_badge.dflexAlign .conditionAdd__radio .ui-form-check-inline label {font-size:15px;}

.print_badge.dflexAlign .conditionAdd__radio .ui-form-check-inline:first-child {margin-left:0;}

.print_badge.problemTagTop {margin-top:25px;}

.print_badge .title {
    max
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 40px;
}

.print_badge .title span {
    padding-left: 15px;
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #7f8fa4;
}

.print_badge .badge_list {
    margin-top: 10px;
    font-size: 0;
}

.print_badge .badge_list .badge {
    display: inline-block;
    width: 107px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    color: #626262;
    border: 1px solid #626262;
    border-radius: 18px;
    margin-left: 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.print_badge .badge_list .badge:first-child {
    margin-left: 0;
}

.print_badge .badge_list .badge.select {
    background: #20bcb7;
    border-color: #20bcb7;
    color: #fff;
}

.print_badge .badge_list .badge button {
    margin-left: 9px;
    padding-left: 9px;
    height: 13px;
    border-left: 1px solid #90dedb
}

.print_badge .select_layer {
    position: relative;
}

.print_badge .select_layer .add_exem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 319px;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    background: #FFFFFF;
    border: 1px solid #CED0DA;
    border-radius: 5px;
    padding: 6px 8px;
    &:not(:disabled):hover {border-color: #20BCB7;}
    &:disabled {
        color: var(--grey-60);
        border-color: #dddee5;
        background-color: var(--grey-20);
        &::after {
            border-top-color: #c5cbd1;
            border-left-color: transparent;
            border-right-color: transparent;
        }
    }
}

.print_badge .select_layer .add_exem:hover i {
    background-image: url(/static/image/icon_add_exam_hover.png);
}

.print_badge .select_layer .add_exem i {
    display: block;
    width: 23px; height: 25px;
    background-image: url(/static/image/icon_add_exam.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 5px;
}

.print_badge .select_layer .add_exem:after {
    content: '';
    display: block;
    border-top: 6px solid #000;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    margin-left: 16px;
}

.print_badge .select_layer .add_exem img {
    padding-left: 4px;
}

.print_badge .select_layer .layer_warp {
    display: none;
    position: absolute;
    right: 0; /* top: 44px; */
    z-index: 10;
    width: 319px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #dadce0;
    border-radius: 5px;

    overflow-x: hidden;
    overflow-y: auto;
    bottom: 44px;
    max-height: 415px;
    z-index: 12;
}

.print_badge .select_layer .layer_warp label {
    position: relative;
    display: flex;
    width: 100%; height: 30px;
    padding-left: 20px;
    text-align: left;
    span {
        color: #333;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
    }
    i {
        position: absolute;
        left: 0; top: 50%;
        display: inline-block;
        width: 16px; height: 16px;
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='0.5' y='0.5' width='15' height='15' fill='white' stroke='%23CED0DA'/%3E%3C/svg%3E");
        transform: translateY(-50%);
    }
    input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        &:checked + i {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0H0V16H16V0ZM3.70619 6.6842L2.51429 7.87611L6.37219 11.734L13.4857 4.61627L12.2938 3.42857L6.37219 9.35019L3.70619 6.6842Z' fill='%2320BCB7'/%3E%3C/svg%3E");}
    }
}
.print_badge .add_school {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px; height: 40px;
    color: #212529;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #CED0DA;
    background-color: #F7F9FB;
    &:hover {
        color: #20BCB7;
        border: 1px solid #20BCB7;
    }
}

.print_logo {
    margin-top: 30px;
    .title {
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        span {
            padding-left: 7px;
            color: #7F8FA4;
            font-size: 12px;
        }
    }
    .upload {
        position: relative;
        display: flex;
        margin-top: 16px;
        .upload__preview {
            position: relative;
            z-index: 11;
            width: 331px; height: 90px;
            border: 1px solid #CED0DA;
            display: flex;
            justify-content: center;
            > img {width: 100%; height: 100%; object-fit: contain;}
            .preview__text {
                display: none;
                position: absolute;
                left: 93px; top: 27px;
                z-index: 10;
                width: 144px;
                color: #868E96;
                font-size: 12px;
                line-height: normal;
                text-align: center;
                &:only-child {display: inline-block;}
            }
        }
        .upload__label {
            position: relative;
            display: flex;
            align-self: flex-end;
            margin-left: 5px;
            .upload__text {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                width: 120px; height: 90px;
                color: #212529;
                font-size: 12px;
                line-height: 16px;
                border-radius: 4px;
                border: 1px solid #CED0DA;
                background-color: #F7F9FB;
                position: relative;
                &::before {
                    content: "";
                    display: block;
                    width:16px; height:16px; margin-bottom:4px;
                    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ADB5BD'/%3E%3Cg clip-path='url(%23clip0_7918_5761)'%3E%3Cpath d='M3.55664 7.33594H12.4455V8.66927H3.55664V7.33594Z' fill='white'/%3E%3Cpath d='M7.33398 12.4436V3.55469L8.66732 3.55469V12.4436H7.33398Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7918_5761'%3E%3Crect width='8.88889' height='8.88889' fill='white' transform='translate(3.55664 3.55469)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
                    background-repeat: no-repeat;
                    background-size: contain;
                }
                &:hover {
                    color:#20BCB7;
                    border: 1px solid #20BCB7;
                    &::before {
                        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2320BCB7'/%3E%3Cg clip-path='url(%23clip0_7918_5808)'%3E%3Crect width='8.88889' height='8.88889' transform='translate(3.55664 3.55469)' fill='%2320BCB7'/%3E%3Cpath d='M3.55664 7.33594H12.4455V8.66927H3.55664V7.33594Z' fill='white'/%3E%3Cpath d='M7.33398 12.4436V3.55469L8.66732 3.55469V12.4436H7.33398Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7918_5808'%3E%3Crect width='8.88889' height='8.88889' fill='white' transform='translate(3.55664 3.55469)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
                    }
                }
            }
            .upload__input {
                position: absolute;
                opacity: 0;
            }
        }
    }
}

.academy_name {
    margin-top: 25px;
    .title {
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        span {
            padding-left: 7px;
            color: #7F8FA4;
            font-size: 12px;
        }
    }
    .academy_nameInput {
        margin-top:19px;
        input {
            width: 100%;
            height: 40px;
            padding:0 8px;
            border: 1px solid #CED0DA;
            background: #FFF;
            color: #000;
            font-family: "Noto Sans KR";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            &::placeholder {
                color: var(--Gray-70, #868E96);
            }
        }
    }
}

.schoolTag {
    display: flex;
    margin-top: 10px;
    .schoolTag__inner {
        overflow: hidden;
        display: inline-flex;
        flex-wrap: nowrap;
        max-width: 386px;
    }
    .schoolTag__item {
        display: inline-flex;
        margin-left: 21px;
        color: #20BCB7;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        white-space: nowrap;
        &:first-child {margin-left: 41px;}
    }
}

.title {
    span {
        &.req {
            padding: 0; margin-right: 12px;
            position: relative;
            font-size: 15px;
            color: #000;
            font-weight: 400;
            &::after {
                content: '';
                display: block;
                position: absolute;
                right: -8px;
                top: 50%;
                transform: translateY(-50%);
                background: #f3b79b;
                width: 5px;
                height: 5px;
                border-radius: 50%;
            } 
        }
    }
}

.print_setting>div.print_templet {
    margin: 10px 0 20px 0;
    padding: 15px 24px;
    /*border-bottom:1px solid #dadce0;border-top:1px solid #dadce0;*/
}

.select_color {
    overflow: hidden;
}

.select_color .title {
    float: left;
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 29px;
}

.select_color .color_wrap {
    font-size: 0;
    float: left;
    margin-left: 20px;
}

.select_color .color_wrap .color_chip {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    position: relative;
}

.select_color .color_wrap .color_chip.select::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
    background: url(/static/image/icon_color_checked.png) no-repeat
}

.select_color .color_wrap .color_chip.mint {
    background: #20bcb7
}

.select_color .color_wrap .color_chip.gray {
    background: #485667
}

.select_color .color_wrap .color_chip.blue {
    background: #5879e9
}

.select_color .color_wrap .color_chip.sky {
    background: #2ca1f8
}

.select_color .color_wrap .color_chip.green {
    background: #5b9f56
}

.select_color .color_wrap .color_chip.yellow {
    background: #ebcd1d
}

.select_color .color_wrap .color_chip.orange {
    background: #f08324
}

.select_color .color_wrap .color_chip.red {
    background: #f05153
}

.select_templet {
    margin-top: 20px;
    overflow: hidden;
}

.select_templet>div {
    float: left;
    font-size: 0;
}

.select_templet>div .title {
    font-size: 15px;
    letter-spacing: -0.3px;
    padding-bottom: 11px;
}

.select_templet .basic {
    width: 100px;
}

.select_templet .recommend {
    width: 356px;
}

.select_templet .recommend .title {
    padding-left: 30px;
}

.select_templet .recommend .templet_list {
    margin-left: 15px;
    border-left: 1px dashed #ced0da
}

.select_templet .list {
    width: 100px;
    height: 138px;
    border: 1px solid #ced0da;
    margin-left: 13px;
    margin-bottom: 13px;
}

.select_templet .basic .list {
    margin: 0;
}

.print_infomation {
    margin-top:35px;
    overflow: hidden;
}

.print_infomation .title {
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 40px;
    margin-bottom: 15px;
}

.print_infomation .coustom_checkbox {
    width: 33.33%;
    float: left;
    margin-bottom: 12px;
    padding-left:0;
}

.print_width {
    width: 100%;
    margin-top: 25px;
    overflow: hidden;
}

.print_width .title {
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 30px;
    float: left;
}

.print_width .range {
    float: left;
    margin-left: 25px;
    width: 370px;
    line-height: 30px;
}

.print_width .range span {
    color: #354052;
    font-size: 14px;
    letter-spacing: -0.3px
}

.print_width .range .range_wrap {
    display: inline-block;
    margin: 0 10px;
    width: 250px;
}

.config_wrap {
    overflow: hidden
}

.config_wrap .total_num {
    float: left;
    width: 60px;
    height: 54px;
    background: #485667;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1em;
    padding-top: 5px;
    padding-bottom: 9px;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
}

.config_wrap .total_num::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-top: 6px solid #485667;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.config_wrap .total_num span {
    font-size: 26px;
    display: block;
    line-height: 1em;
}

.config_wrap .graph {
    float: left;
    margin-left: 24px;
}

.text_info {
    overflow: hidden;
}

.text_info .title {
    float: left;
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 15px;
}

.text_info ul,
.text_info ul li {
    float: left;
    line-height: 15px;
}

.text_info ul li {
    font-size: 12px;
    margin-left: 9px;
    line-height: 12px;
    color: #7f8fa4
}

.text_info ul li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 2px;
}

.text_info ul li span.type_01 {
    border: 1px solid #dc948d;
    background: #f3b79b;
}

.text_info ul li span.type_02 {
    background: #f4d368;
    border-color: #e9c070;
}

.text_info ul li span.type_03 {
    background: #9bd3ab;
    border-color: #80ce96;
}

.text_info ul li span.type_04 {
    background: #a3c3fb;
    border-color: #7fa0d9;
}

.percent {
    font-size: 0;
    width: 375px;
    border-bottom: 1px solid #e2e7ee;
    margin-top: 15px;
}

.percent div {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    height: 25px;
    line-height: 25px;
}

.percent div.type_01 {
    background: #f3b79b;
}

.percent div.type_02 {
    background: #f4d368
}

.percent div.type_03 {
    background: #9bd3ab
}

.percent div.type_04 {
    background: #a3c3fb
}

.percent_text {
    width: 375px;
    margin-top: 5px;
    position: relative;
}

.percent_text .min {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #354052;
    opacity: 0.5;
}

.percent_text .max {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #354052;
    opacity: 0.5;
}

.percent_text .now {
    display: inline-block;
    text-align: right;
    font-size: 12px;
    vertical-align: top;
}

.exem_list {
    margin-top: 10px;
    padding: 27px 24px;
    border-top: 1px solid #dadce0
}

.list_head::after {
    content: '';
    display: block;
    clear: both;
}

.list_head .del_item {
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.list_head .del_item img {
    padding-right: 5px;
    margin-top: 2px;
}

.list_head .select_layer {
    position: relative;
}

.list_head .select_layer .add_exem {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    background: #FFFFFF;
    border: 1px solid #CED0DA;
    border-radius: 5px;
    padding: 6px 8px;
}

.list_head .select_layer .add_exem:hover i {
    background-image: url(/static/image/icon_add_exam_hover.png);
}

.list_head .select_layer .add_exem i {
    display: block;
    width: 23px;
    height: 25px;
    background-image: url(/static/image/icon_add_exam.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 5px;
}

.list_head .select_layer .add_exem:after {
    content: '';
    display: block;
    border-top: 6px solid #000;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    margin-left: 16px;
}

.list_head .select_layer .add_exem img {
    padding-left: 4px;
}

.list_head .select_layer .layer_warp {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    width: 158px;
    padding: 14px 0;
    background: #fff;
    border: 1px solid #dadce0;
    border-radius: 5px;
}

.list_head .select_layer .layer_warp button {
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block;
    width: 100%;
}

.list_head .select_layer .layer_warp button:hover {
    background: #eef2f7;
}

.list_head {
    &.has-align {
        display: flex;
        justify-content: space-between;
        .del_item {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 39px;
            padding: 0;
            color: #212529;
            border-radius: 4px;
            &:nth-child(1) {width: 80px;}
            &:nth-child(4) {width: 121px;}
        }
        .w188 {
            width:188px; padding:0 5px 0 10px; justify-content: space-between;
        }
        &::after {display: none;}
        .select_layer {
            .add_exem {
                position: relative;
                width: 88px; height: 39px;
                padding: 0 0 0 8px;
                justify-content: flex-start;
                &::after {
                    position: absolute;
                    right: 8px; top: 50%;
                    transform: translateY(-50%);
                }
            }
            &.has-align {
                .add_exem {width: 162px;}
                .w188 {width:188px;}
                .layer_warp {
                    width: 191px;
                    padding: 16px 20px;
                    button {
                        text-align: left;
                        &:hover,
                        &.is-active {
                            color: #1CBCB7;
                            background-color: #fff;
                        }
                        &.is-active {
                            position: relative;
                            &::after {
                                position: absolute;
                                right: 0; top: 50%;
                                display: block;
                                width: 20px; height: 20px;
                                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.8645L5.30365 9.56084L8.21958 12.4768L14.6964 6L16 7.29904L8.21958 15.0841L4 10.8645Z' fill='%2320BCB7'/%3E%3C/svg%3E");
                                transform: translateY(-50%);
                                content: "";
                            }
                        }
                    }
                }
            }
        }
    }
}

.exem_list table {
    margin-top: 15px;
    border-top: 1px solid #ced0da
}

.exem_list table th {
    height: 43px;
    border-bottom: 1px solid #ced0da;
    background: #f4f6f9;
    font-size: 16px;
    color: #7f8fa4;
    font-weight: 500;
}

.exem_list table td {
    height: 45px;
    border-bottom: 1px solid #ced0da;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.exem_list table td input {
    width: 73px;
    height: 35px;
    border: 1px solid #ced0da;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.3px;
}

.exem_list table .select td {
    background: #fffbea
}

.exem_list table td .badge {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 10px;
}

.exem_list table td .badge.color_01 {
    background: #f3e19b
}

.exem_list table td .badge.color_02 {
    background: #f3b79b
}

.exem_list table td .badge.color_03 {
    background: #f39bb8
}

.exem_list table td .badge.color_04 {
    background: #f39bdd
}

.exem_list table td .badge.color_05 {
    background: #d39bf3
}

.exem_list table td .badge.color_06 {
    background: #a6abf3
}

.exem_list table td .badge.color_07 {
    background: #9bcdf3
}

.exem_list table td .badge.color_08 {
    background: #96eedc
}

.exem_list table td .badge.color_09 {
    background: #94eb9a
}

.exem_list table td .badge.color_10 {
    background: #d4ef92
}

.right_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height:100%;*/
    min-height: 100%;
    background: #f8f9f9;
    border: 1px solid #dadce0;
    border-top: 0;
    /* overflow-y: auto;*/
}

.right_layer::-webkit-scrollbar {
    width: 7px;
    position: relative;
}
.right_layer::-webkit-scrollbar-thumb {
    background-color: #98999B;
    background-clip: padding-box;
    border-radius: 7px;
    margin:3px;
}

.right_layer::-webkit-scrollbar-track {
    background-color: #DEE2E6;
    border-radius: 7px;
    margin:3px;
}

.layer_close {
    position: absolute !important;
    top: 14px;
    right: 23px;
}

.solt_wrap {
    padding: 36px 24px 24px;
}

.solt_wrap select {
    width: 157px;
    text-indent: 10px;
    margin-left: 5px;
    border: 1px solid #ced0da;
    border-radius: 5px;
}

.layer_exem_item {
    padding: 24px;
    border-bottom: 1px dashed #ced0da
}

.item_header {
    overflow: hidden;
}

.item_header .level {
    float: left;
    width: 42px;
    height: 42px;
    line-height: 40px;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border: 1px solid #ddd;
}

.item_header .level.type_01 {
    border: 1px solid #dc948d;
    background: #f3b79b;
}

.item_header .level.type_02 {
    background: #f4d368;
    border-color: #e9c070;
}

.item_header .level.type_03 {
    background: #9bd3ab;
    border-color: #80ce96;
}

.item_header .level.type_04 {
    background: #a3c3fb;
    border-color: #7fa0d9;
}

.item_header .levelAi {
    width: 56px;
    height: 56px;
    background-image: url(/static/image//exam/levelAi.png);
    background-repeat: no-repeat;
    background-size: 56px;
    border:none;
}

.header_info {
    float: left;
    padding-left: 14px;
}

.header_info .description {
    font-size: 16px;
    line-height: 20px;
}

.header_info .tag {
    font-size: 0;
    padding-top: 5px;
}

.header_info .tag span {
    display: inline-block;
    font-size: 14px;
    color: #626262;
    padding: 0 7px;
    height: 23px;
    border-radius: 2px;
    box-sizing: border-box;
    border: 1px solid #e9edf1;
    background: #fff;
    margin-left: 5px;
}

.header_info .tag span:first-child {
    margin-left: 0;
}

.item_btn {
    margin-top: 25px;
    overflow: hidden;
}

.item_btn .btn_left {
    float: left;
}

.item_btn .btn_right {
    float: right;
    font-size: 0;
}

.item_btn .btn_left button {
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #e9edf1;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
}

.item_btn .btn_left button img {
    vertical-align: middle;
    margin-top: -2px;
    padding-right: 5px;
}

.item_btn .btn_right button {
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #485667;
    background: #485667;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}

.item_btn .btn_right button img {
    vertical-align: middle;
    margin-top: -2px;
    padding-right: 5px;
}

.drag_item {
    margin-top: 10px;
    padding: 50px 0;
    background: #fff;
    position: relative;
    border: 1px solid #dadce0;
    position: relative;
    text-align: center;
}

.drag_item .tooltip {
    position: absolute;
    top: -1px;
    left: -1px;
}

.config_content {
    width: 551px;
    height: 680px;
    overflow: auto;
    border: 1px solid #dadce0;
    margin-top: 24px;
}

.range_text {
    position: relative;
    width: 100%;
    height: 20px;
    margin-top: 15px;
}

.range_text span {
    position: absolute;
    font-size: 12px;
    top: 0;
}

.range_text span.num_0 {
    left: 0;
}

.range_text span.num_15 {
    left: 25%;
}

.range_text span.num_20 {
    right: 48%
}

.range_text span.num_25 {
    right: 25%
}

.range_text span.num_30 {
    right: 0%
}

.list_content {
    margin-top: 15px;
    border-top: 1px solid #ced0da;
}

.list_content .item {
    font-size: 0;
    width: 100%;
    border-bottom: 1px solid #ced0da;
}

.list_content .list_cont_head .item {
    background: #f4f6f9;
}

.list_content .list_cont_head .item div {
    color: #7f8fa4
}

.list_content .item div {
    display: inline-block;
    font-size: 13px;
    letter-spacing: -0.3px;
    text-align: center;
    height: 45px;
    line-height: 45px;
}

.list_content .item_group {
    position: relative;
    box-sizing: border-box;
}

.list_content .item_group .group_hander {
    position: absolute;
    top: -1px;
    right: -21px;
    width: 21px;
    height: 100%;
    box-sizing: border-box;
}

.list_content .item_group .group_hander button {
    display: block;
    width: 21px;
    height: 100%;
}

.list_content .item_group .group_hander button img {
    vertical-align: middle;
}

.list_content .item:hover {
    background: #fffbea;
}

.list_content .item_group:hover {
    background: #fffbea;
}

/*.list_content .item_group:hover::after{content:'';display:block;position:absolute;top:-1px;left:0;width:100%;height:100%;border:1px solid #fbdf83;}*/
/*.list_content .item_group:hover .group_hander{border:1px solid #fbdf83;border-left:0;}*/


.list_content .item div .badge {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 10px;
}

.list_content .item div .badge.color_01 {
    background: #f3e19b
}

.list_content .item div .badge.color_02 {
    background: #f3b79b
}

.list_content .item div .badge.color_03 {
    background: #f39bb8
}

.list_content .item div .badge.color_04 {
    background: #f39bdd
}

.list_content .item div .badge.color_05 {
    background: #d39bf3
}

.list_content .item div .badge.color_06 {
    background: #a6abf3
}

.list_content .item div .badge.color_07 {
    background: #9bcdf3
}

.list_content .item div .badge.color_08 {
    background: #96eedc
}

.list_content .item div .badge.color_09 {
    background: #94eb9a
}

.list_content .item div .badge.color_10 {
    background: #d4ef92
}


.full_cont::after {
    content: '';
    display: block;
    clear: both;
}

.data_list {
    margin-top: 20px;
    padding-bottom: 200px;
}

.data_list.none_footer {
    padding-bottom:0;
}

.data_list .list_head::after {
    content: '';
    display: block;
    clear: both;
}

.data_list .list_head .head_left {
    float: left
}

.data_list .list_head .head_right {
    float: right
}

.data_list .list_head .total_num {
    line-height: 28px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.data_list .list_cont {
    margin-top: 25px;
}

.data_list .list_cont table {
    border-top: 1px solid #ced0da
}

.data_list .list_cont table .coustom_checkbox {
    vertical-align: middle;
    background: #fff;
}

.data_list .list_cont table.my .coustom_checkbox input:not(:checked):hover + span{border: 1px solid #20bcb7;}
.data_list .list_cont table.my .coustom_checkbox input:not(:checked):disabled + span{border: 1px solid #CED0DA; opacity: 0.5; cursor: not-allowed;}

.data_list .list_cont table th {
    height: 52px;
    border-bottom: 1px solid #ced0da;
    background: #f4f6f9;
    font-size: 16px;
    color: #7f8fa4;
    font-weight: 500;
}

.data_list .list_cont table td {
    padding: 24px 0;
    border-bottom: 1px solid #ced0da;
    text-align: center;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.data_list .list_cont table.my td {
    padding: 10px 0;
    border-bottom: 1px solid #ced0da;
    text-align: center;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.data_list .list_cont table tr:hover td:not(:has(div.no-data)) {
    background: #fffbea
}

.data_list .list_cont table.my thead tr th[sort_type]{
   cursor: pointer;
}

.data_list .list_cont table.my tr:hover td:not(:has(div.no-data)) {
    background: #F8F9FA;
}

.data_list .list_cont table.my tbody tr.draggable td,
.data_list .list_cont table.my tbody tr.draggable:hover td {
    cursor: grabbing;
    background-color: #fffbea;
}

.data_list .list_cont table.my tbody tr.drop-tr td,
.data_list .list_cont table.my tbody tr.drop-tr:hover td {
    background-color: #F8F9FA;
    border-top: 1px solid #868296;
    border-bottom:  1px solid #868296;
    &:first-of-type {
        border-radius: 8px 0 0 8px;
        border: 1px solid #868296;
        border-right: 0;
    }
    &:last-of-type {
        border-radius: 0 8px 8px 0;
        border: 1px solid #868296;
        border-left: 0;
    }
}

.data_list .list_cont table td .list_cont_wrap {
    text-align: left;
    padding-left: 20px;
}

.data_list .list_cont table.my td .none_exam {
    display: flex;
    align-items: center;
    height: 54px;
}

.data_list .list_cont table.my:not(.none_cursor) td .none_exam span,
.data_list .list_cont table.my:not(.none_cursor) td .ws_title a {
    cursor: pointer;
}

.data_list .list_cont table td .list_cont_wrap .badge_wrap .badge {
    padding: 0 6px;
    border: 1px solid #ced0da;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    margin-left: 4px;
}

.data_list .list_cont table td .list_cont_wrap .badge_wrap:first-child {
    margin-left: 0;
}


.data_list .list_cont table td .list_cont_wrap .title {
    padding: 5px 0;
}

.data_list .list_cont table td .list_cont_wrap .title .badge {
    padding: 0 8px;
    border: 1px solid #20bcb7;
    color: #20bcb7;
    font-size: 14px;
    margin-left: 5px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 13px;
}

.data_list .list_cont table td .list_cont_wrap .title a {
    margin: 0 12px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.data_list .list_cont table td .list_cont_wrap .title img {
    vertical-align: middle;
    margin-top: -3px;
}

.data_list .list_cont table td .list_cont_wrap .sub_title {
    font-size: 14px;
    color: #000;
}


.lately_wrap {
    width: 752px;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 45px 45px 0 45px;
    box-sizing: border-box;
}

.lately_wrap .popup_close {
    position: absolute;
    top: 0;
    left: -62px;
    width: 62px;
    height: 62px;
    background: #000;
}

.lately_cont {
    margin-top: 24px;
}

.lately_cont .date_list::after {
    content: '';
    display: block;
    clear: both;
}

.lately_cont .date_list button {
    float: left;
    display: block;
    width: 78px;
    height: 36px;
    border-radius: 18px;
    margin-left: 5px;
    border: 1px solid #ced0da
}

.lately_cont .date_list button:first-child {
    margin-left: 0;
}

.lately_cont .date_list button.active {
    background: #20bcb7;
    border-color: #20bcb7;
    color: #fff;
}

.lately_list {
    margin-top: 35px;
    position: relative;
    /*overflow-x:hidden;overflow-y:auto;height: calc(100vh - 190px);*/
    padding-bottom: 24px;
    box-sizing: border-box;
    background: url(/static/image/bg_line.png) repeat-y 80px 0;
}

.lately_list::-webkit-scrollbar {
    width: 6px;
}

.lately_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #dadce0;
}

.lately_item {
    position: relative;
}

.lately_item .date {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #f3b79b;
}

.lately_item .item_time {
    padding-left: 110px;
    position: relative;
    margin-top: 10px;
}

.lately_item .item_time .time {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #000;
}

.lately_item .item_time .time_content {
    position: relative;
    padding: 24px;
    width: 545px;
    border: 1px solid #ced0da;
    border-radius: 10px;
    box-sizing: border-box;
}

.lately_item .item_time .time_content::before {
    content: '';
    display: block;
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 9px;
    background: url(/static/image/bg_item.png) no-repeat left center
}

.lately_item .item_time .time_content:hover {
    background: #fffbea;
    border-color: #fbdf83;
}

.lately_item .item_time .time_content:hover::before {
    background-image: url(/static/image/bg_item_hover.png);
}

.lately_item .item_time .time_content::after {
    content: '';
    display: block;
    position: absolute;
    left: -38px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #d6d8e0;
    border-radius: 8px;
}

.lately_item .item_time .time_content .title .badge {
    padding: 0 8px;
    border: 1px solid #20bcb7;
    color: #20bcb7;
    font-size: 14px;
    margin-left: 5px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 13px;
    margin-right: 9px;
}

.lately_item .item_time .time_content .title {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.lately_item .item_time .time_content .cont {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px dashed #ced0da
}

.lately_item .item_time .time_content .cont .cont_line {}

.lately_item .item_time .time_content .cont .cont_line::after {
    content: '';
    display: block;
    clear: both;
}

.lately_item .item_time .time_content .cont .cont_line .line_left {
    float: left;
    width: 290px;
}

.lately_item .item_time .time_content .cont .cont_line .line_right {
    float: left;
    width: 205px;
}

.lately_item .item_time .time_content .cont .cont_line dl {
    overflow: hidden;
}

.lately_item .item_time .time_content .cont .cont_line dl dt {
    float: left;
    width: 57px;
    font-size: 15px;
    line-height: 25px;
    color: #7f8fa4;
    letter-spacing: -0.03px;
}

.lately_item .item_time .time_content .cont .cont_line dl dd {
    float: left;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    letter-spacing: -0.03px;
}

.lately_item .item_time .time_content .btn_delete {
    position: absolute;
    top: 7px;
    right: 9px;
}

.notice_wrap {
    margin-top: 35px;
}

.notice_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.notice_wrap .notice-tab {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--Gray-60, #ADB5BD);
}

.notice_wrap .notice-tab a {
    display: flex;
    position: relative;
    min-width: 150px;
    padding: 10px 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    color: var(--Grey-70, #868E96);
    font-family: "Spoqa Han Sans Neo";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.notice_wrap .notice-tab a.active {
    color: #212529;
}

.notice_wrap .notice-tab a.active::before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #20BCB7;
    position: absolute;
    left: 0;
    bottom: 0;
}


.notice_wrap .notice_list {
    float: left;
    width: 623px;
    border-bottom: 1px solid #ced0da
}

.notice_wrap .notice-tableStyle {
    border-bottom: 1px solid var(--Grey-70, #868C99);
}

.notice-tableStyle tbody tr.key td {
    border-top: 1px solid var(--Grey-30, #ECEEF3);
    background: #E8F8F8;
}

.notice-tableStyle tbody tr:first-child td {
    border-top: none;
}

.notice-tableStyle tbody tr th {
    padding: 13px 0 14px 0;
    border-bottom: 1px solid var(--Stroke, #CED0DA);
    background: #F4F6F9;
    color: var(--Gray-80, #495057);
    font-family: "Spoqa Han Sans Neo";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-family: "Spoqa Han Sans Neo";
    word-break: break-all;
    word-spacing: 0;
}

.notice-tableStyle tbody tr td {
    padding: 13px 0 14px 0;
    border-bottom: 1px solid var(--Stroke, #CED0DA);
    color: var(--Black, #000);
    font-family: "Spoqa Han Sans Neo";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-family: "Spoqa Han Sans Neo";
    word-break: break-all;
    word-spacing: 0;
}

.notice-tableStyle tbody tr td strong {
    font-weight: 700;
}

.notice-tableStyle tbody tr td.td-left {
    text-align: left;
    padding: 13px 13px 13px 30px;
}

.notice-tableStyle tbody tr td a {
    color: var(--Black, #000);
    font-family: "Spoqa Han Sans Neo";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-family: "Spoqa Han Sans Neo";
    word-break: break-all;
    word-spacing: 0;
}

.notice-tableStyle tbody tr td .is-listNew {
    margin-left:6px;
    position: relative; top:1px; 
}

.notice_wrap .mt30-box {
    margin-top: 30px;
}

.notice_wrap .notice-viewtable tbody tr th {
    padding: 12px 0 12px 0;
    color: #343434;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    background: #F9F9F9;
    color: var(--Black, #000);
    font-family: "Spoqa Han Sans Neo";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    word-spacing: 0;
}

.notice_wrap .notice-viewtable {word-break: break-all;}

.notice_wrap .notice-viewtable tbody tr td {
    padding: 11px 20px 14px 20px;
    color: var(--Grey-100, #333);
    font-family: "Spoqa Han Sans Neo";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    word-spacing: 0 !important;
    border-bottom: 1px solid #DCDCDC;
}

.notice_wrap .notice-viewtable tbody tr td p { 
    padding: 15px 0;
}

.notice_wrap .notice-viewtable .postday-area {
    display: flex;
    align-items: center;
    justify-content: end;
}

.notice_wrap .notice-viewtable .postday-area dl {
    display: flex;
    align-items: center;
}

.notice_wrap .notice-viewtable .postday-area dl dt {
    display: flex;
    align-items: center;
    color: var(--Grey-70, #868C99);
    font-family: "Spoqa Han Sans Neo";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.notice_wrap .notice-viewtable .postday-area dl dt::after {
    content: "";
    display: block;
    margin-left: 10px;
    width: 1px;
    height: 8px;
    background: var(--Grey-50, #BDC3CF);
}

.notice_wrap .notice-viewtable .postday-area dl dd {
    margin-left: 10px;
    color: var(--Black, #000);
    font-family: "Spoqa Han Sans Neo";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.notice_wrap .notice-viewtable .postday-area dl + dl {
    margin-left: 20px;
}

.notice_wrap .notice-viewtable tbody tr th.table-left {
    padding: 12px 10px;
}

.notice_wrap .notice-viewtable tbody tr th.pl40,
.notice_wrap .notice-viewtable tbody tr td.pl40  {
    padding: 12px 40px;
}

.notice_wrap .notice-viewtable tbody tr td.pr0 {
    padding-right: 0;
}
.notice_wrap .table-left {
    text-align: left !important;
}

.notice_wrap .notice-viewtable tbody tr td * {
    word-spacing: 0 !important;
}

.notice_wrap .notice-viewtable tbody tr td .icon {
    display: inline-block;
    vertical-align: middle;
}
.notice_wrap .notice-viewtable tbody tr td .no-list {
    color: var(--Grey-70, #868C99);
}

.notice_wrap .notice-viewtable tbody tr td a {
    font-size: 14px;
    color: var(--Grey-100, #333);
}

.notice_wrap .notice-viewtable tbody tr td .file {
    padding:5px 40px 5px 45px;
}

.notice_wrap .notice-viewtable tbody tr td .file dt {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    color: var(--Grey-70, #868C99);
    font-family: "Noto Sans KR";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.notice_wrap .notice-viewtable tbody tr td .file dt::before {
    content: '';
    position: absolute;
    top: 2px;
    left: -23px;
    width: 17px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4796_4909)'%3E%3Cpath d='M12.9996 5.35281L7.17923 11.2081C6.51307 11.8783 5.43055 11.8783 4.76438 11.2081C4.09822 10.5379 4.09822 9.44894 4.76438 8.77878L10.7108 2.79677C12.0025 1.49726 14.0992 1.49726 15.391 2.79677C16.6827 4.09627 16.6827 6.20555 15.391 7.50505L9.02399 13.9102C7.10663 15.8391 3.99787 15.8391 2.07838 13.9102C0.161019 11.9792 0.161019 8.85181 2.08051 6.92296L8.3194 0.644531' stroke='%23868C99' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4796_4909'%3E%3Crect width='17' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.notice_wrap .notice-viewtable tbody tr td .file dt::after {
    content: '';
    position: absolute;
    top: 7px;
    right: 7px;
    width: 1px;     
    height: 8px;
    background: var(--Grey-50, #BDC3CF);
}

.notice_wrap .notice-viewtable tbody tr td .file dd {
    display: inline-block;
    color: var(--Black, #000);
    font-family: "Noto Sans KR";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    &:hover {
        color:#20BCB7;
    }
}

.next_btn.btn-list {    
    width: 180px;
    height: 48px;
    padding: 10px;
    margin: 60px auto;
}

.notice-label {
    display: inline-block;
    padding: 3px 5px;
    min-width: 60px;
    margin: 0 0 0 0 !important;
    height: 26px;
    line-height: 140%;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.13px;
    color: #fff;
    border-radius: 16px;
    vertical-align: middle;
    word-spacing: normal;
    border-radius: 30px;
    text-align: center;
}

.notice-label.news {
    border: 1px solid #82C91E;
    background: #F4FCE3;
    color: #5C940D;
}

.notice-label.event {
    border: 1px solid #9775FA;
    background: #F3F0FF;
    color: #7048E8;
}

.notice-label.guide {
    border: 1px solid #4DABF7;
    background: #E7F5FF;
    color: #1C7ED6;
}

.notice-label.system {
    border: 1px solid #FF8787;
    background: #FFECEC;
    color: #F03E3E;
}

.notice_wrap .notice_detail {
    float: right;
    width: 550px;
    height: 688px;
    border: 1px solid #d5dce6;
    padding: 35px;
    box-sizing: border-box;
}

.notice_wrap .list_content {
    margin: 0;
    border: 0;
}

.notice_wrap .list_item {
    padding: 35px 0 35px 35px;
    border-top: 1px solid #ced0da;
    overflow: hidden;
}

.notice_wrap .list_item .image {
    float: left;
    width: 156px;
    height: 98px;
    background-color: #f4f6f9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.notice_wrap .list_item .list_content {
    float: left;
    padding-left: 24px;
    width: 405px;
}

.notice_wrap .list_item .list_content .title {
    font-size: 16px;
}

.notice_wrap .list_item .list_content .title img {
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 10px;
}

.notice_wrap .list_item .list_content .description {
    font-size: 15px;
    line-height: 22px;
    padding-top: 10px;
}

.notice_wrap .list_item .list_content .date {
    font-size: 15px;
    color: #7f8fa4;
    padding-top: 3px;
}

.notice_detail .title {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.notice_detail .title img {
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 10px;
}

.notice_detail .date {
    font-size: 15px;
    color: #7f8fa4;
    padding: 10px 0;
}

.notice_detail .description {
    font-size: 15px;
    line-height: 22px;
}

.notice_detail .detail_img {
    padding-top: 30px;
}

.notice_detail .detail_file {
    text-align: right;
    padding-bottom: 30px;
}

.notice_detail .detail_file span {
    font-size: 15px;
}

.notice_detail .detail_file a {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}

.notice_detail .detail_file a img {
    vertical-align: middle;
    margin-right: 9px;
    max-width: 100%;
}

.inquire_wrap {
    padding-top: 35px;
}

.inquire_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.inquire_form {
    float: left;
    width: 828px;
}

.banner_wrap {
    float: right;
    width: 355px;
    padding: 22px;
    box-sizing: border-box;
    border: 1px solid #d5dce6
}

.inquire_form th {
    width: 84px;
    text-align: left;
}

.inquire_form th span {
    position: relative;
    font-size: 15px;
    letter-spacing: -0.3px;
}

.inquire_form th span.req::after {
    content: '*';
    display: inline;
    font-size: 15px;
    color: #000;
}

.inquire_form td {
    padding: 10px;
}

.inquire_form td .coustom_radio {
    padding-left: 60px;
}

.inquire_form td .coustom_radio:first-child {
    padding-left: 0;
}

.inquire_form td .coustom_radio+.contact_radio {
    padding-left: 45px;
}

.inquire_form td .coustom_radio+.contact_radio:first-child {
    padding-left: 0;
}

.inquire_form td input {
    width: 100%;
    height: 46px;
    border: 1px solid #ced0da;
    padding-left: 10px;
    box-sizing: border-box;
}

.inquire_form td .file_wrap {
    display: block;
    width: 100%;
    height: 46px;
    border: 1px solid #ced0da;
    padding-left: 10px;
    background: url(/static/image/icon_file.png) no-repeat 15px center;
    padding-left: 52px;
    box-sizing: border-box;
}

.inquire_form td .file_wrap input {
    display: none;
}

.inquire_form td .file_wrap span {
    display: inline-block;
    height: 46px;
    line-height: 46px;
}

.inquire_form td .file_wrap span img {
    padding-left: 10px;
    width: 10px;
    vertical-align: middle;
    margin-top: -7px;
}

.inquire_form td textarea {
    width: 100%;
    height: 192px;
    border: 1px solid #ced0da;
    resize: none;
    padding: 10px;
    box-sizing: border-box;
}

.inquire_form td .info_text {
    font-size: 14px;
    color: #7f8fa4;
}

.inquire_form td .agree {
    margin-top: 20px;
}

.inquire_form .btn_wrap {
    margin-top: 45px;
    text-align: center;
}

.inquire_form .btn_wrap button {
    width: 216px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background: #7f8fa4;
    border-radius: 5px;
    font-size: 18px;
}

.inquire_form .btn_wrap button.btn_save {
    margin-left: 20px;
    background: #20bcb7;
}

.banner_wrap .kakao_plus {}

.banner_wrap .kakao_plus a {
    display: inline-block;
    width: 206px;
    height: 47px;
    line-height: 47px;
    border-radius: 5px;
    margin-left: 10px;
    border: 1px solid #bebebe;
    padding-left: 9px;
    box-sizing: border-box;
    background: url(/static/image/icon_kakaoplus_add.png) no-repeat 172px center;
    text-decoration: none;
}

.banner_wrap .info_text {
    margin-top: 20px;
}

.banner_wrap .info_text .title {
    font-size: 16px;
}

.banner_wrap .info_text ul {
    padding-top: 10px;
}

.banner_wrap .info_text ul li {
    font-size: 14px;
    letter-spacing: -0.3px;
}

/* .date-picker-wrapper */
.date-picker-wrapper {
    background: #fff;
    padding: 0;
    border: 1px solid #ced0da;
    border-radius: 10px;
    overflow: hidden;
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 0;
}

.date-picker-wrapper .drp_top-bar {
    display: none
}

.date-picker-wrapper .month-wrapper {
    padding: 20px 50px;
    border: 0;
}

.date-picker-wrapper table .caption .prev {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 7px;
    height: 20px;
    background: url(/static/image/icon_calander_prev.png) no-repeat center center;
    font-size: 0;
    padding: 0;
}

.date-picker-wrapper table .caption .prev:hover {
    background-image: url(/static/image/icon_calander_prev_hover.png);
    background-color: #fff;
}

.date-picker-wrapper table .caption .next {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 20px;
    background: url(/static/image/icon_calander_next.png) no-repeat center center;
    font-size: 0;
    padding: 0;
}

.date-picker-wrapper table .caption .next:hover {
    background-image: url(/static/image/icon_calander_next_hover.png);
    background-color: #fff;
}

.date-picker-wrapper .month-wrapper table th:nth-child(1) {
    color: #ff0000
}

.date-picker-wrapper .month-wrapper table tr td:nth-child(1) .day.toMonth.valid {
    color: #ff0000
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    border-radius: 50%;
    background: #e8ebf1;
}

.date-picker-wrapper .first-date-selected {
    border-radius: 50% 0 0 50%;
    background: #e8ebf1 !important;
    color: #000 !important;
}

.date-picker-wrapper .last-date-selected {
    border-radius: 0 50% 50% 0;
    background: #e8ebf1 !important;
    color: #000 !important;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background: #e8ebf1 !important;
}

.tab_wrap {
    padding-top: 35px;
}

.tab_head {
    overflow: hidden;
}

.tab_head .tab_btns {
    float: left;
    font-size: 0;
}

.tab_head .tab_btns button {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    border: 1px solid #ced0da;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
}

.tab_head .tab_btns button.active {
    border-color: #20bcb7;
    background: #20bcb7;
    color: #fff;
}

.tab_head .tab_btns button:first-child {
    margin-left: 0;
}

.tab_head .tab_sort {
    float: right;
}

.tab_head .tab_sort label {
    padding-left: 50px;
    vertical-align: middle;
}

.tab_container {
    padding-top: 25px;
}

.tab_thead {
    border-top: 1px solid #ced0da;
    border-bottom: 1px solid #ced0da;
    background: #f4f6f9;
    font-size: 0;
}

.tab_thead .custom_th {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    letter-spacing: -0.3px;
    color: #7f8fa4;
}

.tab_01 .tab_thead .custom_th:nth-child(1) {
    width: 85px;
}

.tab_01 .tab_thead .custom_th:nth-child(2) {
    width: 130px;
}

.tab_01 .tab_thead .custom_th:nth-child(3) {
    width: 780px;
}

.tab_01 .tab_thead .custom_th:nth-child(4) {
    width: 110px;
}

.tab_01 .tab_thead .custom_th:nth-child(5) {
    width: 110px;
}

.tab_item {
    border-bottom: 1px solid #ced0da;
}

.custom_tbody {
    font-size: 0;
}

.custom_td {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 63px;
    letter-spacing: -0.3px;
    color: #000;
    box-sizing: border-box;
}

.custom_td.comp {
    color: #dc948d;
}

.tab_01 .custom_td:nth-child(1) {
    width: 85px;
}

.tab_01 .custom_td:nth-child(2) {
    width: 130px;
}

.tab_01 .custom_td:nth-child(3) {
    width: 780px;
    text-align: left;
    padding-left: 28px;
    cursor: pointer;
}

.tab_01 .custom_td:nth-child(4) {
    width: 110px
}

.tab_01 .custom_td:nth-child(5) {
    width: 110px
}

.item_cont {
    display: none;
    padding: 40px;
}

.item_cont .sub_title {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #7f8fa4;
}

.item_cont .description {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #000;
    padding-top: 22px;
}

.item_cont .answer {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #fbdf83;
    border-radius: 5px;
    padding: 30px;
    background: #fffbea;
    margin-top: 24px;
}

.item_cont .answer .name {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.3px;
}

.item_cont .answer .date {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.3px;
    padding-left: 0px;
    color: #626262;
}

.item_cont .answer .answer_cont {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.3px;
    padding-top: 20px;
}

.tab_02 {
    display: none;
}

.tab_02 .tab_thead .custom_th:nth-child(1) {
    width: 85px;
}

.tab_02 .tab_thead .custom_th:nth-child(2) {
    width: 110px;
}

.tab_02 .tab_thead .custom_th:nth-child(3) {
    width: 130px;
}

.tab_02 .tab_thead .custom_th:nth-child(4) {
    width: 660px;
}

.tab_02 .tab_thead .custom_th:nth-child(5) {
    width: 110px;
}

.tab_02 .tab_thead .custom_th:nth-child(6) {
    width: 110px;
}

.tab_02 .custom_td:nth-child(1) {
    width: 85px;
}

.tab_02 .custom_td:nth-child(2) {
    width: 110px;
}

.tab_02 .custom_td:nth-child(3) {
    width: 130px;
}

.tab_02 .custom_td:nth-child(4) {
    width: 660px;
    text-align: left;
    padding-left: 28px;
    cursor: pointer;
}

.tab_02 .custom_td:nth-child(5) {
    width: 110px;
}

.tab_02 .custom_td:nth-child(6) {
    width: 110px;
}


.setting_title {
    padding: 30px 0;
    border-bottom: 1px dashed #ced0da;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.3px;
}

.setting_data {
    margin-top: 24px;
}

.setting_data::after {
    content: '';
    display: block;
    clear: both;
}

.info_setting {
    float: left;
    width: 530px;
}

.info_setting th {
    width: 84px;
    text-align: left;
}

.info_setting th span {
    position: relative;
    font-size: 15px;
    letter-spacing: -0.3px;
}

.info_setting th span.req::after {
    content: '';
    display: block;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #f3b79b;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.info_setting td {
    padding: 10px 0;
}

.info_setting td .coustom_radio {
    padding-left: 60px;
}

.info_setting td .coustom_radio:first-child {
    padding-left: 0;
}

.info_setting td input {
    width: 100%;
    height: 46px;
    border: 1px solid #ced0da;
    padding-left: 10px;
    box-sizing: border-box;
}

.info_setting td .file_wrap {
    display: block;
    width: 100%;
    height: 46px;
    border: 1px solid #ced0da;
    padding-left: 10px;
    background: url(/static/image/icon_file.png) no-repeat 15px center;
    padding-left: 52px;
    box-sizing: border-box;
}

.info_setting td .file_wrap input {
    display: none;
}

.info_setting td .file_wrap span {
    display: inline-block;
    height: 46px;
    line-height: 46px;
}

.info_setting td .file_wrap span img {
    padding-left: 10px;
    width: 10px;
    vertical-align: middle;
    margin-top: -7px;
}

.info_setting td textarea {
    width: 100%;
    height: 192px;
    border: 1px solid #ced0da;
    resize: none;
    padding: 10px;
    box-sizing: border-box;
}

.info_setting td .info_text {
    font-size: 14px;
    color: #7f8fa4;
}

.info_setting td .agree {
    margin-top: 20px;
}

.info_setting td .logo_set {
    display: inline-block;
}

.info_setting td .logo_set input {
    display: none;
}

.info_setting td .logo_set span {
    display: block;
    width: 157px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #626262;
    background: #f7f9fb;
    border: 1px solid #d5dce6;
    border-radius: 4px;
    text-align: center;
}

.info_setting td .logo_image {
    margin: 12px 0;
}

.info_setting td .logo_info {
    font-size: 15px;
    color: #7f8fa4;
}

.info_setting td .search_wrap {
    background: #fff;
    width: 100%;
    border: 1px solid #ced0da;
    overflow: visible;
    position: relative;
}

.info_setting td .search_wrap.profile_search_wrap {
    margin-top: 12px;
}

.info_setting td .search_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.info_setting td .search_wrap input {
    border: 0;
    line-height: 38px;
    height: 38px;
}

.info_setting td .school_list {
    margin-top: 20px;
}

.info_setting td .school_list .badge {
    display: inline-block;
    width: 107px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    color: #626262;
    border: 1px solid #626262;
    border-radius: 18px;
    margin-right: 8px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 12px;
}

.info_setting td .school_list .badge.select {
    background: #20bcb7;
    border-color: #20bcb7;
    color: #fff;
}

.info_setting .auto_search {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    padding: 15px 0;
    border: 1px solid #dadce0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.info_setting .auto_search .auto_result {
    display: block;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    cursor: pointer;
}

.info_setting .auto_search .auto_result:hover {
    background: #eef2f7
}

.info_setting .auto_search .auto_result:first-child {
    margin-top: 0;
}

.info_setting .auto_search .auto_result span {
    font-size: 14px;
}

.info_setting .auto_search .auto_result span.name {
    float: left;
    color: #000;
}

.info_setting .auto_search .auto_result span.location {
    float: right;
    color: #7f8fa4;
    padding-left: 20px;
    background: url(/static/image/icon_location.png) no-repeat left center;
}

.setting_data .info_design {
    float: left;
    width: 659px;
    padding-left: 35px;
}

.setting_data .info_design .title {
    font-size: 15px;
    color: #000;
}

.setting_data .info_design .title span {
    color: #7f8fa4;
    padding-left: 15px;
}

.setting_data .preview {
    margin-top: 25px;
}

.setting_data .preview::after {
    content: '';
    display: block;
    clear: both;
}

.setting_data .big {
    float: left;
    width: 404px;
    height: 580px;
    border: 1px solid #ced0da;
    box-sizing: border-box;
}

.setting_data .big img {
    width: 100%;
}

.setting_data .select_design {
    float: left;
    width: 220px;
    margin-left: 20px;
}

.setting_data .select_design .color_wrap {
    font-size: 0;
    width: 100%;
}

.setting_data .select_design .color_wrap .color_chip {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-left: 34px;
    position: relative;
    margin-bottom: 10px;
}

.setting_data .select_design .color_wrap .color_chip.select::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
    background: url(/static/image/icon_color_checked.png) no-repeat
}

.setting_data .select_design .color_wrap .color_chip:nth-child(1) {
    margin-left: 0;
}

.setting_data .select_design .color_wrap .color_chip:nth-child(5) {
    margin-left: 0;
}

.setting_data .select_design .color_wrap .color_chip.green {
    background: #20bcb7
}

.setting_data .select_design .color_wrap .color_chip.orange {
    background: #efa17d
}

.setting_data .select_design .color_wrap .color_chip.yellow {
    background: #f2c73d
}

.setting_data .select_design .color_wrap .color_chip.green2 {
    background: #7dc692
}

.setting_data .select_design .color_wrap .color_chip.sky {
    background: #5bbade
}

.setting_data .select_design .color_wrap .color_chip.blue {
    background: #87b1fa
}

.setting_data .select_design .color_wrap .color_chip.purple {
    background: #c799ff
}

.setting_data .select_design .color_wrap .color_chip.gray {
    background: #7f8fa4
}

.color_tab .list {
    font-size: 0;
    display: none;
}

.color_tab .list.list_01 {
    display: block;
}

.color_tab button {
    border: 1px solid #ced0da;
    display: inline-block;
    width: 48%;
    margin-left: 4%;
    margin-bottom: 4%;
    box-sizing: border-box;
    position: relative;
}

.color_tab button:nth-child(odd) {
    margin-left: 0;
}

.color_tab button {
    overflow: initial !important;
}

.color_tab button.active {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 107px;
    border: 1px solid #26BCB7 !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
}

.color_tab button img {
    width: 100%;
}

/*
.setting_wrap .btn_wrap{margin-top:45px;text-align:center;}
.setting_wrap .btn_wrap button{width:216px;height:48px;line-height:46px;text-align:center;color:#fff;background:#7f8fa4;border-radius:5px;font-size:18px;}
.setting_wrap .btn_wrap button.btn_save{background:#20bcb7;}
*/

.setting_wrap .btn_wrap_save {
    margin-top: 45px;
    text-align: center;
}

.setting_wrap .btn_wrap_save button.btn_save {
    width: 216px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background: #7f8fa4;
    border-radius: 5px;
    font-size: 18px;
}

.setting_wrap .btn_wrap_save button.btn_save {
    background: #20bcb7;
}

.comment {
    width: 100%;
    max-width: 450px;
    margin: 20px 0;
}

.comment_head {
    text-align: center;
    position: relative;
    width: 90%;
    margin: auto;
}

.comment_head::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1cbcb7;
    z-index: 1
}

.comment_head p {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    font-size: 16px;
    background-color: #1cbcb7;
    color: #fff;
    border-radius: 20px;
    font-weight: 400;
    z-index: 2
}

.comment_cont {
    margin-top: 30px;
}

.answer_wrap {
    margin-bottom: 10px;
    margin-left: 25px;
}

.answer_wrap .title {
    padding: 3px 5px;
    font-size: 16px;
    background: #f6f6f6;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}

.answer_wrap .info {
    padding-left: 12px;
    font-size: 16px;
}

.answer_wrap_02 {
    margin-top: 5px;
}

.answer_wrap_02 .title {
    float: none
}

.answer_wrap_02 .info {
    display: block;
    float: none;
    padding-top: 10px;
}


/* [����] */
.option_line {
    padding-top: 7px;
    overflow: hidden;
}

.option_line .option_group.many {
    width: 750px;
}

.option_line .radio_lab {
    margin-right: 5px;
    margin-left: 0;
    margin-bottom: 5px
}

.option_line .radio_lab:last-child {
    margin-right: 0px;
}

.option_line .radio_lab.chapter {margin-right: 10px;}

.treeMenu li li {
    background: none;
}

.treeMenu li li li li li li>div {
    padding-left: 166px;
}

.treeMenu li div.over {
    background: #fffbea;
}

.range_wrap .asRange .asRange-pointer {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border-radius: 16px;
    top: -6px;
    outline: none
}

.range_wrap .asRange .asRange-pointer .asRange-tip {
    display: block;
}

.setting_wrap .setting_cont .setting_select .radio_lab span {
    width: auto;
    min-width: 90px;
}

.content .left_cont.exam {
    padding-top: 20px;
    width: 852px;
    margin-left: 46px;
    margin-right: 0;
    box-sizing: border-box;
}

.exem_setting {
    margin-bottom: 12px;
}

.exam_container {
    width: 852px;
    height: 889px;
    border: 1px solid #d5dce6;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden
}

.exam_container img,
.q_sim_img {
    image-rendering: -webkit-optimize-contrast;
    display: initial !important;
}

.exem_content {
    height: 740px;
    overflow: auto;
    padding: 30px 25px 30px 0;
    box-sizing: border-box;
    font-size: 0;
}

.print_name .input input {
    width: 100%;
    height: 40px;
    font-size: 17px;
    border: 1px solid #ced0da;
    text-indent: 10px;
}

.print_input input {
    width: 456px;
    height: 43px;
    font-size: 19px;
    border: 1px solid #ced0da;
    text-indent: 10px;
}

.print_input .print_inputDesc {
    margin-top:10px;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #7f8fa4;
}

.select_color .color_wrap .color_chip.green {
    background: #20bcb7
}

.select_color .color_wrap .color_chip.orange {
    background: #efa17d
}

.select_color .color_wrap .color_chip.yellow {
    background: #f2c73d
}

.select_color .color_wrap .color_chip.green2 {
    background: #7dc692
}

.select_color .color_wrap .color_chip.sky {
    background: #5bbade
}

.select_color .color_wrap .color_chip.blue {
    background: #87b1fa
}

.select_color .color_wrap .color_chip.purple {
    background: #c799ff
}

.select_color .color_wrap .color_chip.gray {
    background: #7f8fa4
}

.exem_list {
    margin-top: 10px;
    padding: 25px 14px 0 14px;
    border-top: 1px solid #dadce0
}

.right_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 514px;
    min-height: 100%;
    background: #f8f9f9;
    border: 1px solid #dadce0;
    border-top: 0;
}

.drag_item .drag_icon {
    position: absolute;
    top: -1px;
    left: -1px;
}

.config_content {
    width: 450px;
    max-height: 600px;
    overflow: auto;
    border: none;
    margin-top: 24px;
}

.range_text span.num_20 {
    right: 48%
}

.list_content .item {
    font-size: 0;
    width: 100%;
    border-bottom: 1px solid #ecedef;
}

.list_content .item.exam_head,
.list_content .list_items.exam_list .item {
    display: flex;
    align-items: center;
    height: auto;
}

.list_content .item.exam_head div {
    height: auto;
    font-size: 14px;
    display: flex; align-items: center; justify-content: center;
}

.list_content .item.exam_head div .worksheet_edit_tooltip {margin-left:3px;}

.list_content .item.exam_head div span {
    line-height: 100%;
}

.lineTwo {display: flex; align-items:center; line-height: 18px !important;}

.list_content .item div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    &.soopring_div {
        width: 35px;
    }
}

.list_content .item div:nth-child(1) label span {
    display: block;
}

.list_content .item div:nth-child(2) {
    width: 50px;
    &.soopring_div {
        width: 50px;
    }
}

.list_content .item div:nth-child(3) {
    width: 50px;
    &.soopring_div {
        width: 47px;
    }
}

.list_content .item div:nth-child(4) {
    width: 50px;
    &.soopring_div {
        width: 56px;
    }
}

.list_content .item div:nth-child(5) {
    width: 144px;
    &.soopring_div {
        width: 124px;
    }
}

.list_content .item div:nth-child(6) {
    width: 92px;
    &.soopring_div {
        width: 56px;
    }
}

.list_content .item div:nth-child(7):not(.soopring_div) {
    display: flex;
    align-items: center;
    width: 60px;
}

.list_content .item div:nth-child(7):not(.soopring_div) span {
    line-height: 18px;
}

.list_content .item div:nth-child(7):not(.soopring_div) span+span {
    margin-left: 5px;
}

.list_content .item div:nth-child(7).soopring_div {
    width: 56px;
}

.list_content .item div:nth-child(8).soopring_div {
    display: flex;
    align-items: center;
    width: 56px;
}

.list_content .item div:nth-child(8).soopring_div span {
    line-height: 18px;
}

.list_content .item div:nth-child(8).soopring_div span+span {
    margin-left: 5px;
}

.list_content .item_group {
    position: relative;
    background-color: #fff
}

.list_content .item_group .group_hander {
    position: absolute;
    top: -1px;
    right: -41px;
    width: 40px;
    height: 100%;
    box-sizing: border-box;
}

.list_content .item_group .group_hander img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.list_content .handle img {
    vertical-align: middle;
}

.list_content .handle2 img {
    vertical-align: middle;
}

.list_content .list_items {
    min-height: 200px
}

.list_content .list_items .item:hover {
    background: #fffbea;
    cursor: pointer
}

.list_content .list_items .item_group:hover {
    background: #fffbea;
    cursor: pointer
}

.list_content .item div .badge.color_1 {
    background: #f3e19b
}

.list_content .item div .badge.color_2 {
    background: #f3b79b
}

.list_content .item div .badge.color_3 {
    background: #f39bb8
}

.list_content .item div .badge.color_4 {
    background: #f39bdd
}

.list_content .item div .badge.color_5 {
    background: #d39bf3
}

.list_content .item div .badge.color_6 {
    background: #a6abf3
}

.list_content .item div .badge.color_7 {
    background: #9bcdf3
}

.list_content .item div .badge.color_8 {
    background: #96eedc
}

.list_content .item div .badge.color_9 {
    background: #94eb9a
}

.list_content .item i.no {
    font-style: normal
}

.list_content .list_items.exam_list .item.new-item {
    margin-top: -1px;
    border-top: 1px solid #ecedef;
    background-color: #fff;
    animation: blink-effect 1s 5 forwards;
}
.list_content .list_items.exam_list .item.new-item:last-child {
    border-bottom: 1px solid #ecedef;
}

@keyframes blink-effect {
    50% {
        border-color: #20BCB7;
        background-color: #E9F9F8;
    }
}

.list_content .list_items.exam_list .item div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 47px;
    line-height: 24px;
    word-break: keep-all;
}

.list_content .list_items.exam_list .item div:nth-child(6) img {
    display: block;
    margin-right: 25px;
}
/* 수능출제용 */
.list_content .list_items.exam_list .item_group .item div:nth-child(7) img {
    display: block;
    margin-right: 35px;
}

.list_content .list_items.exam_list .item .btn_link {
    width: 60px;
}

.list_content .list_items.exam_list .item_group {
    position: relative;
    background-color: #fff
}

.list_content .list_items.exam_list .item_group .group_hander {
    position: absolute;
    top: 0;
    width: 40px;
    height: calc(100% - 1px);
    box-sizing: border-box;
    background-color: #fff;
}

.list_content .list_items.exam_list .item_group .group_hander.handle {
    width: 50px;
    right: 60px;
    /* 수능출제용 */
    &.soopring_div {
        width: 40px;
        right: 45px;
    }
}

.list_content .list_items.exam_list .item_group .group_hander.btn_link {
    width: 60px;
    right: 0;
}


.select_templet .list {
    overflow: hidden;
}

.select_templet .list img {
    width: 100px;
}

.templet_list button.list {
    position: relative;
}

.option_group .datepicker {
    font-size: 13px
}

.date-picker-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
    font-family: Arial, sans-serif;
}

.date-picker-wrapper * {
    font-family: Arial, sans-serif;
}

.date-picker-wrapper .month-wrapper table th:nth-child(1) {
    color: #000
}

.date-picker-wrapper .month-wrapper table tr td:nth-child(1) .day.toMonth.valid {
    color: #000
}

.date-picker-wrapper .month-wrapper table th:nth-child(7) {
    color: #ff0000
}

.date-picker-wrapper .month-wrapper table tr td:nth-child(7) .day.toMonth.valid {
    color: #ff0000
}

.date-picker-wrapper .gap {
    visibility: hidden !important
}

.search_wrap.title_search {
    width: 380px;
    float: left
}

button.title_search {
    font-weight: normal;
    font-size: 15px;
    line-height: 1em;
    width: 100px;
    height: 40px;
    margin-left: 5px;
    border-radius: 20px;
    border: 1px solid #dfe3e9;
    background: #f4f6fa;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.search_wrap.keyword input {
    font-size: 18px;
    font-weight: normal;
    padding-left: 5px;
    height: 37px;
}

.info_setting td .logo_image {
    width: 400px;
    height: 109px;
    position: relative;
    border: 1px solid #ced0da;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    .preview__text {
        display: none;
        position: absolute;
        left: 128px; top: 37px;
        z-index: 10;
        width: 144px;
        color: #868E96;
        font-size: 13px;
        line-height: normal;
        text-align: center;
        &:only-child {display: inline-block;}
    }
}

.del_logo {
    position: absolute;
    right: 10px;
    top: 10px
}

.school_list .badge button {
    margin-left: 9px;
    padding-left: 9px;
    height: 13px;
    border-left: 1px solid #90dedb;
}

.info_setting td .school_list .badge {
    background: #20bcb7;
    border-color: #20bcb7;
    color: #fff;
    padding: 0 20px;
    width: auto;
    height: auto
}

.info_setting .auto_search .auto_result {
    position: initial;
}

.info_setting .auto_search .auto_result.on {
    background: #eef2f7
}

.info_setting td input {
    font-size: 15px
}

.templet_list.template {
    width: 100px;
    height: 138px;
    border: 1px solid #ced0da;
}

.templet_list.template img {
    width: 100px;
    height: 138px
}

.option_group .button_date {
    display: inline-block;
    width: 265px;
    margin-left: 5px;
    text-align: left;
    vertical-align: top;
}

.option_group .button_date .radio_lab span {
    width: 40px;
    border-radius: 18px;
}

.data_list .list_cont table td .list_cont_wrap .badge_wrap .badge {
    display: inline-block;
    padding: 0 6px;
    border: 1px solid #ced0da;
    font-size: 14px;
    margin-left: 0;
    margin-bottom: 5px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    border-radius: 2px;
}

.data_list .list_cont table td .list_cont_wrap .badge_wrap .badge2 {
    display: inline-block;
    padding: 0 4px;
    border: 1px solid #73C9C6 !important;
    font-size: 14px;
    color: #fff;
    margin-left: 0;
    margin-bottom: 5px;
    height: 20px;
    line-height: 18px;
    background: #73C9C6 !important;
    border-radius: 2px;
    font-weight: 500;
}

.data_list .list_cont table td .list_cont_wrap .badge_wrap .badge3 {
    display: inline-block;
    padding: 0 4px;
    border: 1px solid #CED4DA;
    font-size: 14px;
    margin-left: 4px;
    margin-bottom: 5px;
    height: 20px;
    line-height: 18px;
    font-weight: 500;
    background: #fff;
    border-radius: 2px;
    color: #868E96;
}

.data_list .list_cont table td .list_cont_wrap .badge_wrap .badge4 {
    display: inline-block;
    padding: 0 4px;
    border: 1px solid #5580D6;
    font-size: 14px;
    margin-bottom: 5px;
    height: 20px;
    line-height: 18px;
    background: #5580D6;
    border-radius: 2px;
    font-weight: 500;
    color: #fff;
}

.lately_wrap {
    background-color: #fff;
}

.lately_item .item_time .time_content .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lately_list {
    height: calc(100vh - 250px);
}

.lately_item .item_time .time_content {
    width: 538px;
    cursor: pointer
}

.lately_item .item_time .time_content .cont .cont_line .line_left {
    float: left;
    width: 283px;
}

.lately_list.no-background {
    background: none;
}

.lately_list p.empty {
    text-align: center;
    font-size: 24px;
    color: #dadada;
    height: 300px;
    margin: 0 auto;
    padding: 200px 0;
}

.table_place {
    max-height: 500px;
}

.chapter_list_place {
    max-height: 200px;
}

.inquire_form td .file_wrap {
    display: inline-block;
    width: initial;
    height: initial;
    border: none;
    padding-left: 0;
    background: none;
    padding-left: 0;
    box-sizing: border-box;
}

.inquire_form td .file_wrap span {
    display: block;
    width: 157px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #626262;
    background: #f7f9fb;
    border: 1px solid #d5dce6;
    border-radius: 4px;
    text-align: center;
}

.inquire_form td span.c_file_name {
    margin-left: 10px
}

.inquire_form td span.c_file_name button img {
    margin: 0 10px;
}

.item_cont .description {
    padding-top: 0;
}

.tab_head .tab_sort label {
    padding-left: 20px;
}

.tab_01 .custom_td.empty {
    width: 100%;
    padding: 60px 0
}

.tab_02 {
    display: block;
}

.tab_02 .custom_td.empty {
    width: 100%;
    padding: 60px 0
}

.notice_detail.scroll-content {
    padding: 35px !important;
}

/* �������� �� ��ũ�� ���� ����*/
.notice_wrap .list_item {
    cursor: pointer
}

/*.ans_divide_line {
    width: 200px;
    margin: 200px;
    padding: 0 100px;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.15, #9bd3ab),
        color-stop(0.15, #e2e7ee)
    );
}*/

h4.ans_divide_line {
    display: flex;
    flex-direction: row;
}

h4.ans_divide_line:before,
h4.ans_divide_line:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #20bcb7;
    margin: auto;
}

.ans_divide_line span {
    background: #20bcb7;
    border-color: #20bcb7;
    color: #fff;
    border: 1px solid #20bcb7;
    width: initial;
    min-width: 108px;
    border-radius: 18px;
    display: block;
    padding: 0 5px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 19px;
    letter-spacing: -0.3px;
    box-sizing: initial;
    font-weight: normal;
}

.gnb_wrap .layer_warp {
    display: none;
    position: absolute;
    top: 60px;
    right: -50px;
    width: 158px;
    padding: 14px 0;
    background: #fff;
    border: 1px solid #dadce0;
    border-radius: 5px;
    z-index: 1000;
}

.gnb_wrap .layer_warp button {
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block;
    width: 100%;
    font-size: 15px
}

.gnb_wrap .layer_warp button:hover {
    background: #eef2f7;
}

.list_content .item div span.tooltip_cont {
    line-height: initial;
}

.setting_wrap .setting_cont .setting_select .radio_lab:nth-child(7) {
    margin-left: 0;
}

.setting_wrap .setting_cont .setting_select .radio_lab:nth-child(8) {
    margin-left: 12px;
}

.treeMenu div.loading {
    height: 200px;
}

.print_badge {
    padding-left: 25px !important
}

.list_head .select_layer .layer_warp {
    z-index: 150;
}

.data_list .list_cont table td .list_cont_wrap .sub_title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

/* [�߰�] */
p.editor blockquote {
    font-size: .9em;
    margin: 30px 0 30px 0;
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    background-color: #f4f5f8;
}

p.editor table {
    border-collapse: collapse;
    border-style: solid !important;
    border-color: #e2e5ec !important;
}

p.editor table td,
p.editor table th {
    border-bottom-color: #e2e5ec;
    border-bottom-style: solid;
    border-right-color: #e2e5ec;
    border-right-style: solid;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
}

p.editor table th {
    background-color: #f8f9fa;
    font-weight: bold
}

/* 2022-01 �߰� */
.cont_header .page_info img {
    padding-left: 10px;
}

/*.cont_header .page_info img:first-child{padding-left:0px;}*/
.publish_popup .popup_wrap {
    width: 1206px;
    box-sizing: border-box;
}

.title_description {
    font-size: 18px;
    color: #7f8fa4;
    letter-spacing: -0.03px;
    font-weight: 400
}

.publish_content {
    padding-top: 10px;
}

.publish_content .select_publish label {
    margin-left: 35px
}

.publish_content .select_publish label:first-child {
    margin-left: 0;
}

.publish_content .select_publish span {
    font-size: 20px;
}

.publish_content .select_publish span.cls_nm {
    font-weight: 400;
}

.publish_content .select_student {
    padding-top: 10px;
}

.publish_content .select_student .class_line {
    padding-top: 15px;
}

.publish_content .select_student .class_line::after {
    content: '';
    display: block;
    clear: both;
}

.publish_content .select_student .class_item {
    float: left;
    width: 255px;
    margin-left: 24px;
}

.publish_content .select_student .class_item:first-child {
    margin-left: 0;
}

.publish_content .select_student .class_item .class_name {
    width: 100%;
    height: 43px;
    background: #f4f6f9;
    padding: 10px 5px;
    box-sizing: border-box;
    border-top: 1px solid #ced0da;
    border-bottom: 1px solid #ced0da;
}

.publish_content .select_student .class_item .class_name label,
.publish_content .select_student .class_item .class_name .class_title {
    float: left;
}

.publish_content .select_student .class_item .class_name>button {
    float: right;
    margin-right: 5px;
}

.publish_content .select_student .class_item .class_name .coustom_checkbox i {
    font-weight: 400;
    font-size: 17px;
}

.publish_content .select_student .class_item .student_list .coustom_checkbox i {
    font-weight: 400;
    font-size: 16px;
}

.student_list p {
    height: 43px;
    border-bottom: 1px solid #ced0da;
    padding: 10px 30px;
    box-sizing: border-box;
}

.publish_content .select_student .selected {
    width: 216px;
    height: 48px;
    border: 1px solid #d5dce6;
    text-align: center;
    line-height: 48px;
    margin: 36px auto 0;
    border-radius: 5px;
    color: #7f8fa4;
}

.publish_content .select_student .selected span {
    color: #000;
}


.sheet_wrap {
    padding-top: 35px;
    width: 1080px;
    margin: 0 auto;
}

.sheet_wrap .title_description {
    padding-bottom: 10px;
}

.sheet_wrap .publish_head::after {
    content: '';
    display: block;
    clear: both;
}

.sheet_wrap .publish_head .select_publish {
    float: left;
}

.sheet_wrap .publish_head .select_publish label {
    padding-top: 10px;
    height: 36px;
    box-sizing: border-box;
}

.sheet_wrap .select_student .list_02 {
    display: none;
}

.sheet_wrap .select_shool {
    display: none;
    padding-left: 30px;
}

.sheet_wrap .select_shool select {
    width: 121px;
    height: 36px;
    text-indent: 10px;
    margin-left: 5px;
    border: 1px solid #ced0da;
    border-radius: 5px;
}

.sheet_wrap .publish_head .all_button {
    float: right;
    font-size: 0;
}

.sheet_wrap .publish_head .all_button button {
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 5px;
    text-align: center;
    padding: 5px 15px;
    font-size: 14px;
    color: #2d2d2d;
    line-height: 1;
    margin-left: 5px;
}

.sheet_wrap .publish_head .all_button button img {
    margin-left: 8px;
    vertical-align: top;
    width: 16px;
}

.sheet_wrap .publish_content .select_student .class_item {
    width: 252px;
}

.sheet_wrap .publish_content .select_student .class_item .class_name {
    padding: 10px 15px;
}

.sheet_wrap .publish_content .select_student .class_item .class_name::after {
    content: '';
    display: block;
    clear: both;
}

.sheet_wrap .publish_content .select_student .class_item .class_title {
    font-size: 17px;
    line-height: 1;
}

.sheet_wrap .publish_content .select_student .class_item .class_title button {
    margin-left: 15px;
    border: 1px solid #d5dce6;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 5px 7px;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 1;
    margin-left: 5px
}

.sheet_wrap .student_list p {
    font-size: 17px;
    line-height: 1;
}

.sheet_wrap .student_list p button {
    margin-left: 15px;
    border: 1px solid #d5dce6;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 5px 7px;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 1;
    margin-left: 5px
}

.sheet_content {
    padding-top: 40px;
}

.sheet_content .cont_title {
    font-size: 24px;
}

.sheet_content .cont_title span {
    font-size: 18px;
    padding-left: 15px;
}

.content_search {
    padding-top: 30px;
}

.content_search::after {
    content: '';
    display: block;
    clear: both;
}

.content_search .search_select {
    float: left;
}

.content_search .search_select select {
    min-width: 121px;
    height: 40px;
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-100);
    background-image: url(data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 10px 6px;
    border: 1px solid #CED0DA;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 26px 0 8px;
}

.content_search .search_select select:hover {
    border-color: #20BCB7;
}

.content_search .search_select select:focus {
    outline: 0;
}

.content_search .search_select select.invalid {
    border-color:#FF4545;
}

.content_search .search_select.type_02 select {
    width: 75px;
}

.content_search .search_select.type_03 select {
    width: 170px;
}

.content_search .search_calander {
    float: left;
    margin-left: 10px;
}

.content_search .search_calander .calander_input {
    border: 1px solid #d1d3dc;
    border-radius: 18px;
    padding: 0 18px;
}

.content_search .option_group .button_date {
    width: auto;
}

.content_search .search_checked {
    float: left;
    margin-left: 30px;
}

.content_search .search_checked label {
    padding-top: 10px;
}

.content_search .add_btns {
    float: right;
    font-size: 0;
}

.content_search .add_btns button {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #20bcb7;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin-left: 10px;
}

.content_search .add_btns button:first-child {
    margin-left: 0;
}

.data_list .list_cont table td .list_cont_wrap .title_badge .badge {
    padding: 0 8px;
    border: 1px solid #20bcb7;
    color: #20bcb7;
    font-size: 14px;
    margin-left: 5px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 13px;
}

.data_list .list_cont table td .data_badge {
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
}

.data_list .list_cont table td .data_badge.black {
    color: #000;
}

.data_list .list_cont table td .data_badge.green {
    color: #20bcb7;
}

.data_list .list_cont table td .data_badge.purple {
    color: #ac78e9;
}

.data_list .list_cont table td .data_badge.blue {
    color: #73a5fd;
}

.data_list .list_cont table td .data_badge.orange {
    color: #ed9065;
}

.content_data .data_list .list_cont table td .list_cont_wrap .title a {
    margin: 0;
}

.page_btns {
    text-align: center;
    padding-top: 35px;
}

.page_btns button {
    display: inline-block;
    width: 180px;
    height: 48px;
    border-radius: 10px;
    font-size: 18px;
    margin-left: 10px;
}

.page_btns button:first-child {
    margin-left: 0;
}

.page_btns button.gray {
    color: #fff;
    background: #7f8fa4;
}

.page_btns button.dark {
    color: #fff;
    background: #485667;
}

.page_btns button.green {
    color: #fff;
    background: #20bcb7;
}

.exem_grading {
    padding-top: 40px;
}

.exem_grading::after {
    content: '';
    display: block;
    clear: both;
}

.exem_grading .grading_mamber {
    float: left;
    width: 350px;
}

.exem_grading .grading_head .grading_title {
    text-align: center;
    font-size: 18px;
}

.exem_grading .grading_head .grading_title.title_02 {
    text-align: left;
    font-size: 18px;
}

.exem_grading .grading_head .grading_title.title_02 span {
    color: #f98d5b
}

.exem_grading .grading_head .grading_btns {
    text-align: right;
}

.exem_grading .grading_head .grading_btns button {
    padding: 7px 15px;
    margin-left: 15px;
    border: 1px solid #d5dce6;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 5px 7px;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 1;
    margin-left: 5px
}

.exem_grading .grading_head .grading_btns button img {
    width: 15px;
    margin-left: 10px;
}

.exem_grading .grading_data {
    float: right;
    width: 730px;
    margin-right: 100px;
}

.exem_grading .grading_data.type_02 {
    float: none;
    width: 100%;
    margin: 0;
}

.exem_grading table {
    width: 100%;
    border-top: 1px solid #ced0da;
    margin-top: 10px;
}

.exem_grading table th {
    background: #f4f6f9;
    height: 43px;
    border-bottom: 1px solid #ced0da;
    border-left: 1px solid #ced0da;
    font-size: 15px;
}

.exem_grading table.type_02 th {
    border-left: 0;
}

.exem_grading table th:first-child {
    border-left: 0;
}

.exem_grading table td {
    border-bottom: 1px solid #ced0da;
    border-left: 1px solid #ced0da;
    text-align: center;
    padding: 20px 0;
    font-size: 15px;
    vertical-align: top;
}

.exem_grading table.type_02 td {
    border-left: 0;
}

.exem_grading table.type_02 td.left {
    text-align: left;
}

.exem_grading table.type_02 .top td {
    border-bottom: 0;
}

.exem_grading table.type_02 .top td.row {
    border-bottom: 1px solid #ced0da
}

.exem_grading table td:first-child {
    border-left: 0;
}

.exem_grading .grading_mamber table tr.active {
    background: #fffbea
}

.exem_grading table td .comment_wrap {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.exem_grading table td .comment_top::after {
    content: '';
    display: block;
    clear: both;
}

.exem_grading table td .comment_top .grading_answer {
    float: left;
}

.exem_grading table td .comment_top .btn_comment {
    float: right;
    width: 50px;
    height: 28px;
    border: 1px solid #d5dce6;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 1;
}

.exem_grading table td .comment_body {
    padding-top: 15px;
    text-align: left;
    display: none;
}

.exem_grading table td .btn_wrap button {
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    margin-left: 20px;
}

.exem_grading table td .btn_wrap button:first-child {
    margin-left: 0;
}

.exem_grading table td .btn_wrap button.btn_y {
    background-image: url(/static/image/grading_o_off.png);
}

.exem_grading table td .btn_wrap button.btn_n {
    background-image: url(/static/image/grading_x_off.png);
}

.exem_grading table td .btn_wrap button.btn_y.on {
    background-image: url(/static/image/grading_o_on.png);
}

.exem_grading table td .btn_wrap button.btn_n.on {
    background-image: url(/static/image/grading_x_on.png);
}

.exem_grading table td .false_list {
    font-size: 0;
}

.exem_grading table td .false_list span {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d1d3dc;
    border-radius: 15px;
    font-size: 14px;
    color: #626262;
    text-align: center;
    margin-left: 5px;
    margin-bottom: 5px;
}

.exem_grading table td .false_list span.total {
    background: #f4f6f9;
    color: #000;
}

.grading_data .data_item {
    display: none
}

.grading_data .data_item:first-child {
    display: block
}

.clinic_content {
    padding-top: 35px;
    width: 570px;
}

.clinic_content .title {
    font-size: 24px;
    font-weight: 500;
}

.clinic_content .description {
    padding-top: 35px;
    font-size: 15px;
}

.clinic_content .oneandone {
    margin-top: 25px;
    border: 1px solid #ced0da;
    padding: 30px 40px;
}

.clinic_content .oneandone::after {
    content: '';
    display: block;
    clear: both;
}

.clinic_content .oneandone .one_info {
    float: left;
    width: 230px;
    padding-right: 40px;
    text-align: center;
}

.clinic_content .oneandone .one_info .info_title {
    font-size: 20px;
    font-weight: 500;
}

.clinic_content .oneandone .one_info .info_description {
    padding-top: 15px;
    font-size: 15px;
    letter-spacing: -0.3px;
}

.clinic_content .oneandone img {
    float: left;
}

.clinic_from dl {
    padding-top: 25px;
}

.clinic_from dl::after {
    content: '';
    display: block;
    clear: both;
}

.clinic_from dl dt {
    float: left;
    width: 135px;
    line-height: 34px;
    vertical-align: top;
}

.clinic_from dl dd {
    float: left;
    width: 430px;
}

.clinic_from dl dd .descriptioion {
    font-size: 15px;
    color: #7f8fa4;
    padding-top: 10px;
}

.clinic_from dl dd input {
    width: 100%;
    border: 1px solid #ced0da;
    height: 38px;
    padding-left: 10px;
    box-sizing: border-box;
}

.clinic_from .result_text {
    padding-top: 25px;
    text-align: center;
}

.clinic_from .result_text span {
    color: #20bcb7
}

.achievement_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.achievement_wrap .book_list {
    float: left;
    width: 588px;
    padding-top: 25px;
}

.achievement_wrap .book_list {
    margin: 0;
}

.achievement_wrap .book_list .tree_head {
    border-top: 1px solid #ced0da;
    background: #f4f6f9;
    padding: 10px 13px;
}

.achievement_wrap .book_list .tree_head::after {
    content: '';
    display: block;
    clear: both;
}

.achievement_wrap .book_list .tree_head .coustom_checkbox {
    float: left;
}

.achievement_wrap .book_list .tree_head .head_title {
    float: left;
    padding-left: 135px;
    font-size: 15px;
}

.achievement_wrap .book_list .treeMenu {
    margin-top: 0;
}

.achievement_wrap .achievement_data {
    float: left;
    width: 612px;
    margin-left: 24px;
}

.achievement_wrap .achievement_data .no_data {
    padding: 175px 0 80px 0;
    text-align: center;
}

.achievement_wrap .achievement_data .no_data .no_data_text {
    padding-top: 40px;
    color: #b0bac9;
    font-size: 18px;
}

.achievement_data .data_info {
    text-align: right;
    font-size: 15px;
    margin-top: -28px;
}

.achievement_data .achievement_wrap {
    padding-top: 32px;
}

.achievement_data .achievement_item {
    margin-bottom: 35px;
}

.achievement_data .achievement_item .achievement_title {
    height: 45px;
    line-height: 45px;
    background: #ebf6ee;
    padding-left: 15px;
    font-size: 15px;
}

.achievement_data .achievement_item .achievement_member {
    margin-top: 12px;
}

.achievement_data .achievement_item .achievement_member::after {
    content: '';
    display: block;
    clear: both;
}

.achievement_data .achievement_item .achievement_member .member_item {
    width: 97px;
    height: 62px;
    padding: 14px 0;
    border: 1px solid #ced0da;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    margin-left: 6px;
    margin-bottom: 6px;
    float: left;
}

.achievement_data .achievement_item .achievement_member .member_item:first-child {
    margin-left: 0;
}

.achievement_data .achievement_item .achievement_member .member_item:nth-child(7n) {
    margin-left: 0;
}

.achievement_data .achievement_item .achievement_member .member_item p {
    line-height: 1.2;
    font-size: 15px;
}

.achievement_data .achievement_item .achievement_member .member_item p.member_percent.low {
    color: #f98d5b
}

.bestandworst {
    padding-top: 25px;
}

.bestandworst::after {
    content: '';
    display: block;
    clear: both;
}

.bestandworst>div {
    float: left;
    width: 588px;
}

.bestandworst>div.worst_section {
    margin-left: 48px;
}

.bestandworst>div .bnw_title {
    font-size: 18px;
}

.bestandworst>div .bnw_data {
    padding-top: 20px;
}

.bestandworst>div .bnw_data table {
    width: 100%;
    border-top: 1px solid #ced0da
}

.bestandworst>div .bnw_data table td {
    height: 42px;
    border-bottom: 1px solid #ced0da;
    padding: 0 13px;
    text-align: center;
}

.bestandworst>div .bnw_data table td:first-child {
    text-align: left;
}

.detail_achievement {
    padding-top: 45px;
}

.detail_achievement>.title {
    font-size: 18px;
}

.detail_achievement .book_list {
    padding-top: 20px;
}

.detail_achievement .book_list .tree_head {
    border-top: 1px solid #ced0da;
    background: #f4f6f9;
    padding: 10px 0;
}

.detail_achievement .book_list .tree_head::after {
    content: '';
    display: block;
    clear: both;
}

.detail_achievement .book_list .tree_head .head_title {
    float: left;
    padding-left: 135px;
    font-size: 15px;
    width: calc(100% - 493px);
    box-sizing: border-box;
    line-height: 55px;
}

.detail_achievement .book_list .tree_head .level_list {
    float: right;
    width: 493px;
    text-align: center;
}

.detail_achievement .book_list .tree_head .level_list .list_title {
    font-size: 15px;
    padding-bottom: 15px;
}

.detail_achievement .book_list .tree_head .level_list .level_datas::after {
    content: '';
    display: block;
    clear: both;
}

.detail_achievement .book_list .tree_head .level_list .level_datas p {
    float: left;
    width: 20%;
}

.detail_achievement .treeMenu {
    margin-top: 0;
}

.detail_achievement .treeMenu li>div::after {
    content: '';
    display: block;
    clear: both;
}

.detail_achievement .treeMenu li>div .level_list {
    float: right;
    width: 493px;
    text-align: center;
}

.detail_achievement .treeMenu li>div .level_list p {
    float: left;
    width: 20%;
}

.detail_achievement .treeMenu li:hover {
    background: #ebf6ee
}

.add_techer .add_info {
    padding: 20px 0;
}

.add_techer .add_info dl {
    padding-top: 25px;
}

.add_techer .add_info dl:first-child {
    padding-top: 0;
}

.add_techer .add_info dl::after {
    content: '';
    display: block;
    clear: both;
}

.add_techer .add_info dl dt {
    float: left;
    width: 175px;
    font-size: 16px;
}

.add_techer .add_info dl dd {
    float: left;
}

.add_techer .add_info dl dd li {
    font-size: 14px;
    color: #7f8fa4;
}

.add_techer .add_data th {
    border-right: 0;
}

.add_techer .add_data td {
    padding: 9px;
    border-right: 0;
    font-size: 16px;
    text-align: center;
}

.add_techer .add_data td input {
    width: 100%;
    height: 44px;
    padding-left: 10px;
    box-sizing: border-box;
}

.add_techer .add_data td input.user_id {
    text-align: left;
}

.add_techer .add_data td input.error {
    background: #ffefe8;
    border: 1px solid #dc948d
}

.add_techer .add_data td p {
    font-size: 15px;
}

.add_techer .add_data td p.error_msg {
    color: #dc948d
}

.add_techer .add_data td .radio_lab span {
    width: 46px;
    min-width: auto;
    line-height: 1.2;
    padding: 6px;
}

.add_techer .add_data td .del_item {
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.add_techer .add_data td img {
    padding-right: 5px;
    margin-top: 2px;
}

.academy_data {
    padding-top: 10px;
}

.academy_data table {
    border-top: 1px solid #ced0da
}

.academy_data table th {
    background: #f4f6f9;
    height: 43px;
    border-bottom: 1px solid #ced0da;
    font-size: 15px;
    color: #7f8fa4
}

.academy_data table td {
    border-bottom: 1px solid #ced0da;
    text-align: center;
    padding: 13px 15px;
    font-size: 15px;
    vertical-align: top;
}

.academy_data table td.class_name {
    text-align: left;
}

.academy_data table tr:hover {
    background: #fffbea;
}

.academy_data table .del_item {
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.academy_data table img {
    padding-right: 5px;
    margin-top: 2px;
}

.academy_data table .btn_student {
    width: 55px;
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
}

.add_academy .add_from {
    width: 830px;
    margin: 0 auto;
    padding-top: 30px;
}

.add_academy .add_from dl {
    padding-bottom: 25px;
}

.add_academy .add_from dl::after {
    content: '';
    display: block;
    clear: both;
}

.add_academy .add_from dl dt {
    float: left;
    width: 110px;
    line-height: 36px;
}

.add_academy .add_from dl dt.req::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #f3b79b;
    border-radius: 5px;
    transform: translateY(-50%);
    margin-left: 8px;
}

.add_academy .add_from dl dd {
    float: left;
    width: calc(100% - 110px);
}

.add_academy .add_from dl dd input {
    height: 38px;
    line-height: 38px;
    width: 100%;
    border: 1px solid #ced0da;
    box-sizing: border-box;
    padding: 0 15px;
}

.add_academy .add_from dl dd ul {
    border-top: 1px solid #ced0da
}

.add_academy .add_from dl dd li {
    padding: 10px;
    border-bottom: 1px solid #ced0da
}

.add_academy .form_line::after {
    content: '';
    display: block;
    clear: both;
}

.add_academy .form_line .form_item {
    float: left;
    width: 420px;
}

.add_academy .form_line .form_item:first-child {
    width: 360px;
    margin-right: 40px;
}

.add_academy .form_line .form_item dt {
    width: 175px;
}

.add_academy .form_line .form_item:first-child dt {
    width: 110px;
}

.add_academy .form_line .form_item dd {
    width: calc(100% - 175px);
}

.add_academy .form_line .form_item:first-child dd {
    width: calc(100% - 110px);
}

.add_academy .form_line .form_item select {
    width: 100%;
    text-indent: 10px;
    margin-left: 5px;
    border: 1px solid #ced0da;
    border-radius: 5px;
}

.add_academy .class_list {
    padding-top: 10px;
}

.add_academy .class_list .title {
    height: 43px;
    line-height: 43px;
    background: #f4f6f9;
    padding: 0 15px;
    border-top: 1px solid #ced0da;
    border-bottom: 1px solid #ced0da
}

.add_academy .class_list li {
    padding: 10px 30px;
    border-bottom: 1px solid #ced0da
}

/* [����] */
.btn_deploy {
    min-width: 70px;
    height: 30px;
    padding: 0 5px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
}

.data_list .list_cont table td .data_badge {
    cursor: pointer
}

/* 2022-02 �߰� */
.studybook_wrap .cont_title {
    margin-top: 35px;
    font-size: 24px;
}

.studybook_wrap .cont_title span {
    font-size: 18px;
    padding-left: 15px;
}

.book_list .list_head {
    padding-top: 30px;
}

.book_list .list_head::after {
    content: '';
    display: block;
    clear: both;
}

.book_list .list_head .info {
    float: left;
    font-size: 14px;
    color: #7f8fa4;
    line-height: 28px;
}

.book_list .list_head .btn_wrap {
    float: right;
}

.book_list .list_head .btn_wrap button {
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.book_list .list_head .btn_wrap button img {
    margin-top: 2px;
}

.book_list .list_cont {
    padding-top: 24px;
}

.book_list .list_cont table {
    border-top: 1px solid #ced0da;
}

.book_list .list_cont table th {
    background: #f4f6f9;
    height: 43px;
    border-bottom: 1px solid #ced0da;
    font-size: 15px;
    color: #7f8fa4
}

.book_list .list_cont table td {
    border-bottom: 1px solid #ced0da;
    text-align: center;
    padding: 13px 15px;
    font-size: 15px;
    vertical-align: top;
}

.book_list .list_cont table td.title {
    text-align: left;
}

.book_list .list_cont table td .no_list {
    padding: 60px 0;
}

.book_list .list_cont table td .no_list .text_01 {
    font-size: 22px;
    color: #7f8fa4;
}

.book_list .list_cont table td .no_list .text_02 {
    font-size: 18px;
    color: #7f8fa4;
    line-height: 28px;
}

.book_list .list_cont table td .no_list .text_02 span {
    display: inline-block;
    padding: 0px 12px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 28px;
    font-size: 14px;
    color: #2d2d2d;
    margin-right: 5px;
}

.book_list .list_cont table td .no_list .text_02 img {
    vertical-align: middle;
    margin-top: -3px;
}

.book_list .list_cont table td .del_item {
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.book_list .list_cont table td .del_item img {
    margin-top: 2px;
    margin-right: 6px;
}

.service_book {
    padding-top: 100px;
}

.service_book .book_title {
    font-size: 16px;
    color: #000;
}

.service_book .service_wrap {
    border: 1px solid #e1e3ea;
    background: #f4f6fa;
    padding: 29px;
    margin-top: 25px;
}

.service_book .service_wrap .service_inner {
    background: #fff;
    padding: 37px 32px;
}

.service_book .service_wrap .service_inner .list_wrap {
    margin-top: 30px;
}

.service_book .service_wrap .service_inner .list_wrap:first-child {
    margin-top: 0px;
}

.service_book .service_wrap .service_inner .list_wrap table {}

.service_book .service_wrap .service_inner .list_wrap table th {
    background: #f4f6f9;
    height: 43px;
    border-bottom: 1px solid #ced0da;
    font-size: 15px;
    color: #7f8fa4
}

.service_book .service_wrap .service_inner .list_wrap table td {
    border-bottom: 1px solid #ced0da;
    text-align: left;
    padding: 13px 45px;
    font-size: 15px;
    vertical-align: top;
}

.service_book .service_wrap .service_inner .list_wrap table td.title {
    text-align: left;
}

.book_popup_wrap {
    width: 530px;
}

.book_popup_wrap .level_select {
    padding-top: 25px;
}

.book_popup_wrap .level_select::after {
    content: '';
    display: block;
    clear: both;
}

.book_popup_wrap .level_select .search_select {
    float: left;
}

.book_popup_wrap .level_select .search_select select {
    width: 165px;
    text-indent: 10px;
    margin-left: 0px;
    border: 1px solid #ced0da;
    border-radius: 5px
}

.book_popup_wrap .level_select .search_select.type_02 select {
    width: 336px;
    margin-left: 20px;
}

.book_popup_wrap .level_select .search_select.type_03 select {
    width: 170px;
}

.book_set_list .no_select {
    padding: 200px 0;
    text-align: center;
}

.book_set_list .no_select p {
    font-size: 18px;
    color: #7f8fa4
}

.book_set_list .set_list {
    padding-top: 25px;
    display: none;
}

.book_set_list .set_list ul {
    border-top: 1px solid #ced0da;
    max-height: 387px;
    overflow: auto;
}

.book_set_list .set_list li {
    padding: 20px 8px;
    border-bottom: 1px solid #ced0da;
}

.similar_wrap .cont_title {
    margin-top: 35px;
    font-size: 24px;
}

.problem_wrap {
    padding-top: 25px;
}

.problem_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.problem_wrap .list_bookpage {
    float: left;
    width: 610px;
}

.problem_wrap .list_problem {
    float: right;
    width: 565px;
    margin-left: 48px;
}

.problem_wrap .list_bookpage .info_text {
    font-size: 15px;
    color: #7f8fa4;
}

.problem_wrap .list_problem .problem_title {
    font-size: 18px;
}

.similar_wrap .list_inner {
    margin-top: 20px;
    padding-right: 8px;
    box-sizing: border-box;
}

.similar_wrap .list_inner::-webkit-scrollbar {
    width: 6px;
}

.similar_wrap .list_inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #dadce0;
}

.similar_wrap .list_inner table {
    border-top: 1px solid #ced0da;
}

.similar_wrap .list_inner th {
    background: #f4f6f9;
    height: 43px;
    border-bottom: 1px solid #ced0da;
    font-size: 15px;
    color: #000
}

.similar_wrap .list_inner tbody tr:hover td {
    background: #fffbea
}

.similar_wrap .list_inner td {
    border-bottom: 1px solid #ced0da;
    text-align: center;
    padding: 13px 15px;
    font-size: 15px;
    vertical-align: middle;
}

.similar_wrap .list_inner td .book_info {
    text-align: left;
    padding-left: 30px;
}

.similar_wrap .list_inner td .book_info .description {
    font-size: 13px;
    color: #909090;
}

.similar_wrap .list_inner td .book_info .title {
    font-size: 16px;
    color: #000
}

.problem_wrap .list_problem .list_head::after {
    content: '';
    display: block;
    clear: both;
}

.problem_wrap .list_problem .list_head .problem_title {
    float: left;
}

.problem_wrap .list_problem .list_head .grading_btns {
    text-align: right;
}

.problem_wrap .list_problem .list_head .grading_btns button {
    padding: 7px 15px;
    margin-left: 15px;
    border: 1px solid #d5dce6;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 5px 7px;
    font-size: 12px;
    color: #2d2d2d;
    line-height: 1;
    margin-left: 5px
}

.problem_wrap .list_problem .list_head .grading_btns button img {
    width: 15px;
    margin-left: 10px;
}

.problem_wrap .list_problem .list_inner td {
    padding: 30px 0;
    font-size: 16px;
}

.similar_wrap .list_inner td .answer_info {
    text-align: left;
}

.similar_wrap .list_inner td .answer_info .list {
    padding-top: 10px;
}

.similar_wrap .list_inner td .answer_info .list span {
    display: inline-block;
    margin: 0 5px 5px 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ced0da;
    border-radius: 15px;
    font-size: 14px;
    color: #626262;
}

.similar_wrap .list_inner td .answer_info .list span.title {
    background: #f4f6f9;
    color: #000
}

.similar_wrap .list_inner td .comment_wrap {
    text-align: left;
    padding-left: 25px;
}

.similar_wrap .list_inner td .btn_wrap button {
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    margin-left: 20px;
}

.similar_wrap .list_inner td .btn_wrap button:first-child {
    margin-left: 0;
}

.similar_wrap .list_inner td .btn_wrap button.btn_y {
    background-image: url(/static/image/grading_o_off.png);
}

.similar_wrap .list_inner td .btn_wrap button.btn_n {
    background-image: url(/static/image/grading_x_off.png);
}

.similar_wrap .list_inner td .btn_wrap button.btn_y.on {
    background-image: url(/static/image/grading_o_on.png);
}

.similar_wrap .list_inner td .btn_wrap button.btn_n.on {
    background-image: url(/static/image/grading_x_on.png);
}

.page_btns button.grading_btn {
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 15px;
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #485667;
    color: #fff;
}

/* 202202 - ����Ʈ ����Ʈ css �߰� */
.design_report {}

.design_report .cont_title {
    margin-top: 35px;
    font-size: 24px;
}

.report_wrap {
    margin-top: 25px;
}

.report_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.report_content {
    float: left;
    width: 713px;
    height: 983px;
    padding: 0px 2px 2px;
    box-sizing: border-box;
    border: 1px solid #d5dce6;
    overflow: auto;
}

.report_content::-webkit-scrollbar {
    width: 5px;
}

.report_content::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #dadce0;
}

.report_setting {
    float: left;
    margin-left: 45px;
    width: 460px;
}

.report_setting .setting_content::after {
    content: '';
    display: block;
    clear: both;
}

.report_setting .setting_content.report_name .title {
    float: left;
    font-size: 16px;
    line-height: 40px;
    width: 90px;
}

.report_setting .setting_content.report_name .setting_input {
    float: left;
    width: 370px;
}

.report_setting .setting_content.report_name .setting_input input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #d5dce6;
    padding: 0 12px;
}

.report_setting .setting_content.setting_check {
    padding-top: 30px;
}

.report_setting .setting_content.setting_check .title {
    font-size: 16px;
    line-height: 40px;
}

.report_setting .setting_content.setting_check .check_list::after {
    content: '';
    display: block;
    clear: both;
}

.report_setting .setting_content.setting_check .check_list .report_list {
    float: left;
    width: 220px;
    margin-left: 0px;
}

.report_setting .setting_content.setting_check .check_list .report_list.answer {
    margin-left: 20px;
}

.report_setting .setting_content.setting_check .check_list .report_list .main_check {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d5dce6;
}

.report_setting .setting_content.setting_check .check_list .report_list ul li {
    padding-top: 10px;
}

.report_setting .setting_content.setting_check .check_list .report_list ul li:first-child {
    padding-top: 0;
}

.report_setting .setting_content .comment_check {
    padding-top: 24px;
}

.report_setting .setting_content .comment_check::after {
    content: '';
    display: block;
    clear: both;
}

.report_setting .setting_content .comment_check p {
    float: left;
    width: 20px;
}

.report_setting .setting_content .comment_check .setting_input {
    float: left;
    margin-left: 9px;
    width: 420px;
    height: 145px;
}

.report_setting .setting_content .comment_check .setting_input textarea {
    width: 100%;
    height: 100%;
    resize: none;
    box-sizing: border-box;
    border: 1px solid #d5dce6;
}

/* report */
.report_main {
    position: relative;
}

.report_main img {
    width: 100%;
}

.report_main .main_info {
    position: absolute;
    top: 480px;
    right: 30px;
    text-align: right;
}

.report_main .main_logo_wrap {
    width:996px;
    height:256px;
    position:absolute;
    top: 0;
    left:0;
}

.report_main .main_logo_wrap .main_logo {
    transform: scale(1.3);
    height: auto;
    left:12%;
    top:auto;
    bottom:30px;
} 

.report_main .main_logo {
    position: absolute;
    top: 70px;
    left: 70px;
}

.report_main .main_logo img {
    max-width: 230px;
    max-height: 100px;
    object-fit: cover;
}

.report_main .main_info .report_title {
    font-size: 34px;
    color: #20bcb7
}

.report_main .main_info .report_student {
    font-size: 22px;
    padding-top: 10px;
}

.report_main .main_info .report_day {
    font-size: 18px;
    padding-top: 22px;
}

.page_content {
    height: 460px;
}

.page_content.content_long {
    height: 920px
}

.report_contents {
    padding: 40px 36px;
}

.page_header {
    padding-bottom: 15px;
    padding: 40px 36px 15px;
    background: #fff;
    z-index: 111;
    position: relative;
}

.page_header::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 36px;
    right: 36px;
    height: 1px;
    background-color: #dadce0;
}

.page_header::after {
    content: '';
    display: block;
    clear: both;
}

.page_header .header_info {
    float: left;
    font-size: 16px;
    padding: 0;
}

.page_header .pager_num {
    float: right;
    font-size: 16px;
}

.content_item {
    padding-top: 25px;
}

.content_item .page_title {
    font-size: 22px;
}

.content_item::after {
    content: '';
    display: block;
    clear: both;
}

.content_item.top_item {
    padding-top: 0px;
    position: absolute;
    bottom: 150px;
    right: 30px;
}

.content_item .data_panel {
    width: 300px;
    margin-top: 20px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    background: #f1f4f8;
    font-size: 18px;
}

.content_item .data_panel span {
    font-size: 30px;
}

.content_item .data_panel:first-child {
    margin-top: 0;
}

.content_item .legends {
    padding-left: 20px;
}

.content_item .legends p {
    font-size: 14px;
}

.content_item .legends p span {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}

.content_item .table_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.content_item .table_wrap .table_item {
    float: left;
    width: calc(50% - 22px);
    margin-left: 44px;
}

.content_item .table_wrap .table_item:first-child {
    margin-left: 0;
}

.content_item .table_wrap .table_item .vi_img {
    text-align: center;
    padding-top: 24px;
}

.content_item .table_wrap .table_item .vi_img img {
    width: 36px;
}

.content_item .table_wrap .table_item table {
    margin-top: 20px;
}

.chart_01 {
    position: relative;
    padding: 15px 30px;
}

.chart_01 .legend {
    position: absolute;
    top: 25px;
    right: 30px;
    font-size: 14px;
}

.chart_01 .legend span {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #20bcb7;
    margin-right: 5px;
}

.chart_01 .xtitle {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 40px;
}

.chart_01 .xtitle::after {
    content: '';
    display: block;
    clear: both;
}

.chart_01 .xtitle p {
    float: left;
    width: 90px;
    text-align: center;
    margin-left: 18px;
    font-size: 14px;
    text-align: center;
}

.chart_01 .xtitle p span {
    display: block;
    color: #20bcb7;
}

.chart_01 .xtitle p.title_01 {
    margin-left: 0;
}

.chart_02 {
    padding: 15px 0;
    width: 250px;
    margin: 0 auto;
}

.chart_03 {
    position: relative;
    padding: 40px 30px 30px;
}

.chart_03 .xtitle {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 0 45px;
    margin-top: -15px;
}

.chart_03 .xtitle::after {
    content: '';
    display: block;
    clear: both;
}

.chart_03 .xtitle p {
    float: left;
    width: 98px;
    text-align: center;
    margin-left: 37px;
    font-size: 14px;
}

.chart_03 .xtitle p img {
    margin-right: 5px;
    width: 24px;
}

.chart_03 .xtitle p.title_01 {
    margin-left: 0;
    color: #f3b79b;
}

.chart_03 .xtitle p.title_02 {
    color: #f4d368;
}

.chart_03 .xtitle p.title_03 {
    color: #9bd3ab;
}

.chart_03 .xtitle p.title_04 {
    color: #a3c3fb;
}

.report_table {
    width: 100%;
    margin-top: 35px;
}

.report_table th {
    border-top: 1px solid #ced0da;
    border-bottom: 1px solid #ced0da;
    border-left: 1px solid #ced0da;
    background: #f4f6f9;
    height: 43px;
    font-size: 15px;
    text-align: center;
}

.report_table td {
    border-top: 1px solid #ced0da;
    border-bottom: 1px solid #ced0da;
    border-left: 1px solid #ced0da;
    height: 58px;
    padding: 0 20px;
    font-size: 15px;
}

.report_table th:first-child,
.report_table td:first-child {
    border-left: 0;
}

.chart_04 {
    position: relative;
    padding: 40px 30px 30px;
}

.chart_04 .xtitle {
    width: 100%;
    box-sizing: border-box;
    padding: 0 90px 0 120px;
    margin-top: -15px;
}

.chart_04 .xtitle::after {
    content: '';
    display: block;
    clear: both;
}

.chart_04 .xtitle p {
    float: left;
    width: 60px;
    text-align: center;
    margin-left: 40px;
    font-size: 14px;
}

.chart_04 .xtitle p img {
    margin-right: 5px;
    width: 24px;
}

.chart_04 .xtitle p.title_01 {
    margin-left: 0;
    color: #f3b79b;
}

.chart_04 .xtitle p.title_02 {
    color: #f4d368;
}

.chart_04 .xtitle p.title_03 {
    color: #9bd3ab;
}

.chart_04 .xtitle p.title_04 {
    color: #a3c3fb;
}

.answer_rating .answer_top::after {
    content: '';
    display: block;
    clear: both;
}

.answer_rating .answer_top .page_title {
    float: left;
}

.answer_rating .answer_top .legends {
    float: right;
    padding-top: 5px;
}

.answer_rating .answer_top .legends p {
    float: left;
    margin-left: 17px;
}

.answer_rating .aswer_table {
    padding-top: 35px;
}

.answer_rating .aswer_table th {
    background: #f1f4f8;
    height: 35px;
}

.answer_rating .aswer_table td {
    padding: 10px;
}

.answer_rating .aswer_table td div {
    width: 100%;
}

.answer_rating .aswer_table td div .bar_chart {
    height: 3px;
    margin-top: 8px;
}

.answer_rating .aswer_table td div .bar_chart.rate_01 {
    margin: 0;
    background: #a3c4fa
}

.answer_rating .aswer_table td div .bar_chart.rate_02 {
    background: #9cd3ab
}

.answer_rating .aswer_table td div .bar_chart.rate_03 {
    background: #f3b79b
}

.techer_ask {
    padding: 35px;
    background: #fffbea;
    margin-top: 35px;
}

.techer_ask .page_title {
    font-size: 24px;
}

.techer_ask .page_title img {
    width: 30px;
    margin-right: 8px;
    margin-top: 4px;
}

.ask_text {
    padding-top: 30px;
    font-size: 16px;
}

.print_page-wrap {
    width: 1000px;
    margin: 0 auto;
}

.print_page-wrap .page_header {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.print_page-wrap .report_wrap {
    margin: 0;
}

.print_page-wrap .report_content {
    width: 100%;
    height: auto
}

.print_page-wrap .report_contents {
    height: 1375px;
    position: relative;
}

.print_page-wrap .report_main {
    position: relative;
}

.print_page-wrap .report_main img {
    max-height: 1375px;
}


.print_page-wrap .page_content {
    height: 667px;
}

.print_page-wrap .page_content.content_long {
    height: 1334px;
}

.print_page-wrap .content_item {
    padding-top: 35px;
}

.print_page-wrap .chart_01 .xtitle {
    padding: 0px 0 0 50px;
}

.print_page-wrap .chart_01 .xtitle p {
    width: 130px;
    margin-left: 37px;
}

.print_page-wrap .chart_01 .xtitle p.title_01 {
    margin-left: 0;
}

.print_page-wrap .chart_02 {
    padding: 40px 0;
}

.print_page-wrap .chart_03 .xtitle {
    padding: 0px 20px 0 56px;
}

.print_page-wrap .chart_03 .xtitle p {
    width: 150px;
    margin-left: 59px;
}

.print_page-wrap .chart_03 .xtitle p.title_01 {
    margin-left: 0;
}

.print_page-wrap .chart_04 .xtitle {
    padding: 0px 120px 0 178px;
}

.print_page-wrap .chart_04 .xtitle p {
    margin-left: 105px;
}

.print_page-wrap .chart_04 .xtitle p.title_01 {
    margin-left: 0;
}

/* 220312 �߰� */
.date-picker-wrapper {
    z-index: 100000;
}

.book_list .list_cont table td .btn_download {
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.book_list .list_cont table td .btn_download img {
    margin-top: 2px;
    margin-right: 6px;
}

.book_list .list_cont table td .btn_print {
    height: 28px;
    text-align: center;
    border: 1px solid #d5dce6;
    background: #f7f9fb;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 12px;
}

.book_list .list_cont table td .btn_print img {
    margin-top: 2px;
    margin-right: 6px;
    width: 20px;
}

.crate_new_report {
    width: 100%;
}

.crate_new_report .new_wrap .item__header {
    display: flex; align-items: center;
    margin-bottom:20px !important;
}

.crate_new_report .new_wrap .item__header .title {margin:0 30px 0 0 !important;}


.crate_new_report .new_wrap {
    padding-top: 46px;
}

.crate_new_report .new_wrap:first-child {
    padding-top: 25px;
}

.crate_new_report .new_wrap .title {
    font-size: 20px;
}

.crate_new_report .new_wrap .new_form {
    padding-top: 20px; 
}

.crate_new_report .new_wrap .new_form.has-dFlex {display: flex;}

.crate_new_report .new_wrap .new_form::after {
    content: '';
    display: block;
    clear: both;
}

.crate_new_report .new_wrap .new_form .ui-form-select {
    margin-left: 24px;
    width: 300px;
}

.crate_new_report .new_wrap .new_form .coustom_radio {
    float: left;
    padding-top: 8px;
}

.crate_new_report .new_wrap .new_form .coustom_radio.is-flotNone {float:none;}


.crate_new_report .new_wrap .new_form .coustom_radio i {
    font-size: 16px;
}

.crate_new_report .new_wrap .new_form .search_calander {
    float: left;
}

.crate_new_report .new_wrap .new_form .option_group .datepicker {
    width: 225px;
    height: 36px;
    padding: 6px 8px;
    border: 1px solid #ced0da;
    font-size: 15px;
    color: #000;
    border-radius: 4px;
    background: url(/static/image/icon_calander.png) no-repeat 195px 10px;
    letter-spacing: -0.3px;
    text-indent: 0;
}

.crate_new_report .new_wrap .new_form .coustom_checkbox {
    margin-left: 40px;
}

.crate_new_report .new_wrap .new_form .coustom_checkbox:first-child {
    margin-left: 0;
}

.crate_new_report .new_wrap .new_form.tag {
    font-size: 0;
}

.crate_new_report .new_wrap .new_form.tag .coustom_checkbox {
    margin-left: 0px;
    width: 33%;
    margin-bottom: 20px;
}

/* 220305 */
.ai_wrap {}

.ai_wrap .search_data {
    padding: 35px 0;
    background: url(/static/image/bg_dot.png) repeat-x left bottom;
}

.ai_wrap .search_data .description {
    font-size: 18px;
    color: #000;
    padding-bottom: 20px;
}

.search_form {
    padding-top: 10px;
}

.search_form::after {
    content: '';
    display: block;
    clear: both;
}

.search_form .search_item {
    float: left;
    margin-left: 30px;
}

.search_form .search_item:first-child {
    margin-left: 0;
}

.search_form .search_item .title {
    float: left;
    height: 36px;
    line-height: 36px;
    padding-right: 20px;
}

.search_form .search_item .search_option {
    float: left;
}

.search_form .search_item .search_option select {
    width: 123px;
    height: 40px;
    font-size: 16px;
    color: var(--gray-100, #212529);
    font-style: normal;
    font-weight: 400;
    background-image: url(data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 10px 6px;
    border: 1px solid #CED0DA;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 26px 0 8px;
}

.search_form .search_item .search_option select:hover {
    border-color: #20BCB7;
}

.search_form .search_item .search_option select:focus {
    outline: 0;
}

.search_form .search_item .search_option select.invalid {
    border-color:#FF4545;
}

.ai_section {
    padding-top: 48px;
}

.ai_section .title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.ai_section .sub_title {
    font-size: 15px;
    color: #7f8fa4;
}

.ai_section .title .type_01 {
    color: #87b1fa
}

.ai_section .title .type_02 {
    color: #ffa57b
}

.ai_section .title .type_03 {
    color: #80ce96
}

.ai_section .ai_content {
    padding-top: 20px;
}

.ai_section .ai_content table {
    border-top: 1px solid #ced0da;
    border-bottom: 1px solid #ced0da
}

.ai_section .ai_content table thead th {
    height: 55px;
    background: #f4f6f9;
}

.ai_section .ai_content table tbody th {
    height: 50px;
    padding-left: 17px;
    text-align: left;
    border-top: 1px solid #ced0da;
}

.ai_section .ai_content table thead th img {
    display:inline-block;
}

.ai_section .ai_content table tbody td {
    height: 50px;
    text-align: center;
    border-top: 1px solid #ced0da;
}

.ai_section .ai_content table tfoot th {
    height: 55px;
    background: #fffbea;
    border-top: 1px solid #ced0da;
}

.ai_section .ai_content table tfoot td {
    height: 55px;
    background: #fffbea;
    border-top: 1px solid #ced0da;
    text-align: center;
}

.ai_section .tab_wrap ul {
    border-left: 1px solid #ced0da;
    width:100%; display: flex;
}

.ai_section .tab_wrap ul::after {
    content: '';
    display: block;
    clear: both;
}

.ai_section .tab_wrap ul li {
    border: 1px solid #ced0da;
    box-sizing: border-box;
    text-align: center;
    border-left: 0;
    flex:1;
}

.ai_section .tab_wrap ul li.on {
    border-color: #7f8fa4;
    background: #7f8fa4;
}

.ai_section .tab_wrap ul li.on button {
    color: #fff;
}

.ai_section .tab_wrap ul li button {
    display: block;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    font-size: 15px;
    color: #626262
}

.ai_section .tab_wrap ul li button span {
    display: block;
}

.ai_section .tab_cont {
    padding-top: 24px;
}

.ai_section .tab_cont .tab_item {
    display: none
}

.ai_section .tab_cont .tab_item.item_01 {
    display: block
}


.add_wrap {
    padding-top: 25px;
}

.add_wrap>.title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.add_wrap>.title span {
    font-size: 14px;
    color: #7f8fa4;
}

.add_wrap .add_form {
    padding-top: 30px;
    width: 980px;
}

.add_wrap .add_form::after {
    content: '';
    display: block;
    clear: both;
}

.add_wrap .add_form .add_info {
    float: left;
    width: 324px;
    padding: 22px 0 23px;
    border: 1px solid #fbdf83;
    background: #fffbea;
    border-radius: 5px;
}

.add_wrap .add_form .add_info>.title {
    font-size: 22px;
    text-align: center;
    padding-bottom: 20px;
}

.add_wrap .add_form .add_info .step_item {
    width: 252px;
    height: 66px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    margin-top: 30px;
    padding: 10px 0;
    box-sizing: border-box;
}

.add_wrap .add_form .add_info .step_item:first-child {
    margin-top: 0;
}

.add_wrap .add_form .add_info .step_item .title {
    font-size: 16px;
    line-height: 20px;
    color: #ffa57b;
}

.add_wrap .add_form .add_info .step_item .description {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.add_wrap .add_form .add_data {
    float: left;
    margin-left: 64px;
    width: 560px;
}

.add_wrap .add_form .add_data .down_wrap {
    padding-bottom: 35px;
    background: url(/static/image/bg_dot.png) repeat-x bottom left;
}

.add_wrap .add_form .add_data .down_wrap::after {
    content: '';
    display: block;
    clear: both;
}

.add_wrap .add_form .add_data .down_wrap .down_btn {
    float: left;
    width: 198px
}

.add_wrap .add_form .add_data .down_wrap .down_btn a {
    display: block;
    width: 198px;
    height: 66px;
    border: 1px solid #dc948d;
    background: #ffefe8;
    border-radius: 5px;
    text-align: center;
    padding: 13px 25px;
    box-sizing: border-box;
}

.add_wrap .add_form .add_data .down_wrap .down_btn a img {
    float: left;
}

.add_wrap .add_form .add_data .down_wrap .down_btn a span {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}

.add_wrap .add_form .add_data .down_wrap .down_info {
    float: left;
    padding-left: 17px;
    width: calc(100% - 215px)
}

.add_wrap .add_form .add_data .down_wrap .down_info li {
    padding-left: 10px;
    font-size: 16px;
    color: #000;
    margin-top: 13px;
    letter-spacing: -0.7px;
    line-height: 20px;
    position: relative;
}

.add_wrap .add_form .add_data .down_wrap .down_info li::after {
    content: '';
    display: block;
    width: 4px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 2px;
}

.add_wrap .add_form .add_data .down_wrap .down_info li:first-child {
    margin-top: 0;
}

.add_wrap .add_form .add_text {
    padding: 35px 0;
    background: url(/static/image/bg_dot.png) repeat-x bottom left;
}

.add_wrap .add_form .add_text ul li {
    padding-left: 10px;
    font-size: 16px;
    color: #000;
    margin-top: 13px;
    letter-spacing: -0.5px;
    line-height: 20px;
    position: relative;
}

.add_wrap .add_form .add_text ul li::after {
    content: '';
    display: block;
    width: 4px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 2px;
}

.add_wrap .add_form .add_text ul li:first-child {
    margin-top: 0;
}

.add_wrap .add_form .up_wrap {
    padding-top: 15px;
}

.add_wrap .add_form .up_wrap .excel_upload {
    display: block;
    width: 100%;
    font-size: 0;
}

.add_wrap .add_form .up_wrap .excel_upload input {
    display: none;
}

.add_wrap .add_form .up_wrap .excel_upload span {
    display: inline-block;
    width: 418px;
    border: 1px solid #ced0da;
    height: 46px;
    position: relative;
}

.add_wrap .add_form .up_wrap .excel_upload span i {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 80px;
    height: 44px;
    background: #f0f0f0;
    border-left: 1px solid #ced0da;
    text-align: center;
    font-size: 15px;
    line-height: 44px;
    font-style: normal;
    vertical-align: top
}

.add_wrap .add_form .up_wrap .excel_upload b {
    display: inline-block;
    margin-left: 5px;
    width: 135px;
    height: 46px;
    line-height: 46px;
    background: #485667;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    vertical-align: top;
}

.add_wrap .add_form .up_wrap .upliad_info {
    color: #7f8fa4;
    font-size: 14px;
    padding-top: 10px;
}

/* [����] */
.book_list .list_cont table td .no_list .text_02 {
    cursor: pointer;
    margin-top: 10px;
}

.publish_content .select_student {
    min-width: 1100px;
    min-height: 350px;
}

.publish_content .select_student .class_list {
    height: 400px;
}

.search_wrap.list_search {
    width: 300px;
    float: left;
    border-radius: 4px;
}

.search_wrap.keyword input {
    font-size: 18px;
    font-weight: normal;
    padding-left: 5px;
    height: 37px;
}

button.list_search {
    font-weight: normal;
    font-size: 15px;
    line-height: 1em;
    width: 100px;
    height: 40px;
    margin-left: 5px;
    border-radius: 4px;
    border: 1px solid #dfe3e9;
    background: #f4f6fa;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.search_select.field select {
    width: 180px;
    margin-left: 0 !important;
    margin-right: 5px;
    border: 1px solid #ced0da;
    border-radius: 5px;
}

.student_list i.sch_nm {
    color: #dc948d;
    font-size: 12px !important;
    font-style: normal;
}

.publish_content .select_student .class_item.close .student_list {
    display: none
}

.publish_content .select_student .class_item .toggle_btn {
    width: 20px;
    height: 20px;
    background-image: url(/static/image/icon_tree_open.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.publish_content .select_student .class_item.close .toggle_btn {
    width: 20px;
    height: 20px;
    background-image: url(/static/image/icon_tree_close.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.toggle_btn_info {
    width: 20px;
    height: 20px;
    background-image: url(/static/image/icon_tree_close.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.sheet_wrap .publish_content .select_student .class_item .class_title {
    max-width: 200px;
    font-size: 19px;
    font-weight: 400;
}

.content_search .search_calander {
    width: 460px
}

.content_search .search_calander .option_title {
    width: 65px;
    float: left;
    line-height: 36px;
}

.content_search .content_keyword_search {
    width: 520px;
    float: left;
}

.content_search .content_keyword_search .option_title {
    width: 80px;
    float: left;
    line-height: 36px;
}

.content_data .search_checked {
    float: right;
    margin-left: 30px;
    line-height: 20px;
    margin-top: 5px;
}

.content_search.no-padding {
    padding-top: 0;
}

.title_description {
    text-align: center;
}

.option_group.enough .radio_lab span {
    padding: 0 15px;
}

.data_list .list_cont table td .list_cont_wrap .title a {
    margin: 0 4px;
}

.data_list .list_cont table td .list_cont_wrap .badge_wrap .badge.pink {
    border-color: #dc948d;
    color: #dc948d;
}

.class_arrow {
    vertical-align: middle;
    margin: 0 0 4px 10px;
    width: 5px;
}

ul.treeMenu .no_data_text {
    padding-top: 150px;
    color: #b0bac9;
    font-size: 18px;
    text-align: center;
}

.report_setting .setting_content .comment_check .setting_input textarea {
    padding: 10px;
}

.answer_rating .aswer_table td p {
    font-size: 13px
}

.report_table td {
    height: 40px;
}

.content_item .legends {
    padding-left: 20px;
}

.content_item .legends_unit p {
    float: left;
    width: 300px;
    margin: 2px;
    font-size: 14px;
}

.content_item .legends_unit p span.rate {
    background-color: #fbdf83;
    border-radius: 3px;
    width: auto;
    height: 18px;
    font-size: 12px;
    color: #fff;
    padding: 0 3px;
    display: inline-block;
    margin-right: 5px;
}

.fix_container.fixed {
    position: fixed;
    top: 10px;
}

.report_setting {
    float: right;
}

.chart_04 .xtitle {
    padding: 0 0 0 120px;
}

.chart_04 .xtitle p {
    width: 70px;
}

.content_item.summary {
    padding-top: 0px;
}

.content_item .data_panel_summary {
    float: left;
    width: calc(50% - 22px);
    margin-left: 44px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    background: #f1f4f8;
    font-size: 18px;
}

.content_item .data_panel_summary span {
    font-size: 30px;
}

.content_item .data_panel_summary:first-child {
    margin-left: 0;
}

.print_page-wrap .page_header {
    position: relative;
}

.print_page-wrap .report_content {
    overflow: visible;
    border: none
}

.page_header::before {
    background-color: #fff;
}

.print_page-wrap .chart_04 .xtitle {
    padding: 0px 110px 0 178px;
}

.print_page-wrap .chart_04 .xtitle p {
    margin-left: 95px;
}

.crate_new_report .new_wrap .new_form .option_group .datepicker {
    width: 300px;
    height: 40px;
    border: 1px solid #CED0DA;
    font-size: 16px;
    color: #868E96;
    border-radius: 4px;
    background: url(/static/image/icon_calander.png) no-repeat;
    background-position: right 8px center;
    letter-spacing: -0.3px;
}

.page_content {
    min-height: 460px;
    height: auto;
}

.similar_wrap .list_inner tbody tr.not_hover:hover td {
    background: initial
}

.print_section {
    margin: 35px 0;
    width: 100%;
}

.print_section .section_layer {
    float: left;
    margin: 20px 20px 20px 0;
}

.print_section .section_layer .section_radio {
    padding: 20px 0;
    text-align: center;
}