.wd30px {
    width: 30px !important;
}

.wd35px {
    width: 35px !important;
}

.wd40px {
    width: 40px !important;
}

.wd50px {
    width: 50px !important;
}

.wd70px {
    width: 70px !important;
}

.wd90px {
    width: 90px !important;
}

.wd200px {
    width: 200px !important;
}

.wd400px {
    width: 400px !important;
}

.wd350px {
    width: 350px !important;
}

.wd500px {
    width: 500px !important;
}

.wd900px {
    width: 900px !important;
}

.wd10per {
    width: 10% !important;
}

.wd15per {
    width: 15% !important;
}

.wd20per {
    width: 20% !important;
}

.wd30per {
    width: 30% !important;
}

.wd40per {
    width: 40% !important;
}

.wd50per {
    width: 50% !important;
}

.wd90per {
    width: 90%;
}

.wd98per {
    width: 98%;
}

.wd100per {
    width: 100%;
}

.pdb5 {
    padding-bottom: 5px
}

.pdt7 {
    padding-top: 7px !important;
}

.pdt15 {
    padding-top: 15px !important;
}

.pdt30 {
    padding-top: 30px !important;
}

.pdt50 {
    padding-top: 50px !important;
}

.pdl15 {
    padding-left: 15px !important;
}

.mgt-30 {
    margin-top: -30px !important;
}

.mgb2 {
    margin-bottom: 2px !important;
}

.mgb15 {
    margin-bottom: 15px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.mgl7 {
    margin-left: 7px !important;
}

.mgr15 {
    margin-right: 15px !important;
}

.mgr40 {
    margin-right: 40px !important;
}

.mgr30 {
    margin-right: 30px !important;
}

.mgt3 {
    margin-top: 3px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt25 {
    margin-top: 25px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

/*DataTables thead background color*/

/*

table.dataTable thead .sorting {
    background: #757575 url('../images/sort_both.png') no-repeat center right !important;
}

table.dataTable thead .sorting_asc {
    background: #757575 url('../images/sort_asc.png') no-repeat center right !important;
}

table.dataTable thead .sorting_desc {
    background: #757575 url('../images/sort_desc.png') no-repeat center right !important;
}

table.dataTable thead .sorting_asc_disabled {
    background: #757575 url('../images/sort_asc_disabled.png') no-repeat center right !important;
}

table.dataTable #3C3F41 thead .sorting_desc_disabled {
    background: #757575 url('../images/sort_desc_disabled.png') no-repeat center right !important;
}

*/

/*paginate css 수정*/

div.dataTables_paginate {
    float: inherit;
}

.float-none {
    float: none !important;
    text-align: center !important;
}

.td-bg-color1 {
    background-color: #d6f0f5 !important;
    vertical-align: middle !important;
    font-weight: bold !important;
}

.td-bg-color2 {
    background-color: #fff !important;
}

.margin-left-right-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.border-none {
    border: 0 !important;
}

.white-font {
    color: #FFFFFF !important;
}

.label-margin {
    margin-right: 50px;
}

.table-alert {
    margin-bottom: 5px !important;
    padding: 5px !important;
}

.display-inline-block {
    display: inline-block;
}

.table-padding-3 {
    padding: 3px !important;
    text-align: center !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-top {
    vertical-align: top !important;
}

.label-margin > select {
    min-width: 150px !important;
}

.contents-tap1 {
    margin-left: 20px;
}

.contents-tap2 {
    margin-left: 40px;
}

.contents-tap3 {
    margin-left: 60px;
}

.contents-tap4 {
    margin-left: 80px;
}

tr.course_right_answer > td:nth-of-type(1) {
    border-top: 3px solid #cd0a0a !important;
    border-left: 3px solid #cd0a0a !important;
    border-bottom: 3px solid #cd0a0a !important;
}

tr.course_right_answer > td:nth-of-type(2) {
    border-top: 3px solid #cd0a0a !important;
    border-right: 3px solid #cd0a0a !important;
    border-bottom: 3px solid #cd0a0a !important;
}

.width-400 {
    width: 400px;
}

.survey_progress {
    height: 20px;
    background-color: #DD0000;
}

.test_top {
	text-align: center;
    width: 876px;
    height: 121px;
    margin: auto;
}


.test_top span {
    width: 75%;
    height: 30px;
/*     padding-top: 55px; */
    font-size: 2.1em;
    margin: auto;
    display: block;
    /* font-weight: bold; */
	font-family: "나눔고딕";
}

.test_body {
    width: 876px;
    min-height: 15px;
    margin: auto;
}

.test_body .test_body_content {
    width: 95%;
    margin: 60px auto auto auto;
}

.test_body .test_body_button {
    width: 97%;
    margin-left: 17px;
    height: 30px;
}

.test_bottom {
    width: 876px;
    height: 23px;
    margin: auto;
}

table.test_table {
    width: 100%;
    margin-bottom: 20px;
}

table.test_table tr {
    height: 25px;
}

table.test_table thead tr > td:first-child {
    width: 20px;
}

table.test_table thead tr td {
    vertical-align: text-bottom;
}

table.test_table tbody tr > td:first-child {
    padding-top: 3px;
}

table.test_table tbody tr td input[type=radio] {
    margin: auto;
    display: block;
}

table.test_table tbody tr > td.test_number {
    width: 18px;
    vertical-align: top;
}

table.test_table tbody tr td textarea {
    width: 700px;
    height: 60px;
}

.input-disabled-to-span-style {
    border: 0 solid transparent;
    box-shadow: 0 0 transparent;
    background: transparent !important;
    color: #000;
    padding: 0;
}
.input-disabled-to-span-style.radio-td input, .input-disabled-to-span-style.radio-td label {
    display: none;
}
.input-disabled-to-span-style.radio-td .value {
    display: inline-block !important;
}

input.input-disabled-to-span-style {
    font-size: 10pt;
    cursor: default;
}


input.input-disabled-to-span-style.number-field {
    text-align: right;
    padding-right: 10px !important;;
}

.raking-grade {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.raking-grade .bg-star {display: block;width: 73px;height: 12px;background: url("/static/images/star2-b466fafd5e34ea93a69f84bbfa0db2f0.png") no-repeat 0 -13px;background-size: 73px auto;}
.raking-grade .bg-star .inner-star {overflow: hidden;font-size: 0;line-height: 0;text-indent: -9999px;background-position: 0 0;}
.raking-grade .score {padding-left: 7px;color: #767676;font-style: normal;font-size: 14px;}
.raking-grade .perfect {color: #c7c7c7;}
.raking-grade .perfect::before {content: '/';margin: 0 4px;display: inline-block;color: #767676;margin: 0 2px;}