.both + * {
    margin-top: 20px;
}

.both:after {
    content: "";
    display: block;
    clear: both;
}

.both > * {
    float: right;
}

.both > *:first-child {
    float: left;
}

.fl {
    float: left
}

.fr {
    float: right
}

.tl {
    text-align: left
}

.tr {
    text-align: right !important;
}

.tc {
    text-align: center;
}

.vt {
    position: relative;
    top: -2px;
}

.red {
    color: #e13c4b !important;
}

.black {
    color: #222 !important;
}

.orange {
    color: #fa640f !important;
}

.green {
    color: #148c64 !important;
}

.blue {
    color: #45a5f1 !important;
}


.pr {
    position: relative;
}

.pr .right {
    position: absolute;
    right: 0;
    top: 20px;
}

.vbar {
    display: inline-block;
    margin: 0 5px;
    height: 10px;
    width: 1px;
    background: #b2b9bc;
}

.txt1 {
    padding: 0 0 30px;
}

.txt2 {
    position: relative;
    padding: 20px 0 35px;
    color: #6e737d;
}

.txt2 .right {
    position: absolute;
    right: 0;
    top: 0;
    padding: 60px 0 0 0;
}

.txt2 .right.bg1 {
    background: url(/img/common/bg_sch.png) no-repeat center top;
}

.m0auto > .txt3:first-child {
    margin-top: -30px;
}

.txt3 {
    padding: 25px 0;
    color: #6e737d;
}

.txt3 span {
    color: #222;
}

.txt3 + .table_slot {
    margin-top: 0;
}

.txt4 {
    padding: 10px 0 0 0;
}

.table_slot {
    margin: 20px 0;
    padding: 15px 25px;
    background: #f8f1df;
    line-height: 40px;
}

.table_slot div select {
    margin: 0;
    vertical-align: middle;
}

.table_slot select.vt {
    margin: 17px 0 0 0;
}

.table_slot.both + table {
    margin-top: 0;
}

.table_slot div.btn {
    margin: 17px 0 0 0;
}

.table_slot div.btn a {
    margin: 0 5px 0 0;
}

.table_slot.bg2 {
    background: #f7f7f7;
}

.table_slot .txt01 {
    font-size: 14px;
    color: #4b505a;
}

.both + .table_slot {
    margin-top: 30px;
}

.table_slot + .both {
    margin-top: 0;
}

.table_slot + .btns {
    margin-top: -20px;
}

.txt1 + .table_slot {
    margin-top: 0;
}

table + .both {
    padding-top: 20px;
}

table.type1 {
    border-top: 2px solid #919ba0;
    border-bottom: 2px solid #919ba0;
}

table.type1 td {
    padding: 30px 0;
    border-top: 1px solid #dedede;
    text-align: center;
    font-size: 14px;
    color: #919ba0;
}

table.type1 tr:first-child td {
    border-top: none;
}

table.type1 .subject {
    text-align: left;
}

table.type1 .subject a {
    font-size: 18px;
    color: #222;
}

table.type1 .subject a:hover {
    color: #f86611;
}

table.type1 .name {
    font-size: 14px;
    color: #222;
}

table.type1 .ico span {
    padding: 0 10px;
}

table.type1 .ico span img {
    padding-right: 10px;
}

table.type1 .txt1 {
    text-align: left;
}

table.type2 {
    border-top: 1px solid #919ba0;
}

table.type2 td {
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
    text-align: center;
    font-size: 14px;
    color: #919ba0;
}

table.type2 td.subject {
    text-align: left;
}

table.type2 td.subject a {
    color: #919ba0;
}

table.type2 td.subject a span {
    display: block;
    font-size: 14px;
}

table.type2 td.subject.on a {
    color: #f86611;
}

table.type2 td.on {
    color: #f86611;
}

table.type2 tr.on td {
    background: #f7f7f7;
}

table.type2 td.subject2 {
    text-align: left;
    color: #222;
    font-size: 18px;
}

table.type2 td.subject2 div {
    font-size: 14px;
    color: #6e737d;
}

table.type2 td.subject2 a {
    color: #222;
    font-size: 18px;
}

table.type2 td.subject2 a:hover {
    color: #f86611;
}

table.type2 td.right {
    text-align: right;
}

table.type3 {
    border-top: 2px solid #919ba0;
}

table.type3 tbody th,
table.type3 thead th {
    padding: 0 5px;
    height: 60px;
    border: 1px solid #ddd;
    border-right: none;
    background: #eee;
    text-align: center;
    color: #4b505a;
    font-weight: normal;
    word-break: keep-all;
}

table.type3 tbody th:first-child,
table.type3 thead th:first-child {
    border-left: none;
}

table.type3 thead th.row {
    border-right: 1px solid #dedede;
}

table.type3 td {
    padding: 10px 5px;
    height: 40px;
    border: 1px solid #dedede;
    border-right: none;
    text-align: center;
    font-size: 14px;
    color: #4b505a;
    word-break: keep-all;
}

table.type3 td a {
    color: #222;
    font-size: 14px;
}

table.type3 td.row {
    border-right: 1px solid #dedede;
}

table.type3 td a.btn {
    margin: 0 2px;
}

table.type3 td a.btn.btn-small {
    margin: 10px 2px 0 2px;
    padding: 0 5px;
    font-size: 13px;
}

table.type3 td:first-child {
    border-left: none;
}

table.type3 td.subject {
    text-align: left;
}

table.type3 td.subject a {
    color: #222;
}

table.type3 td.subject a:hover {
    color: #f86611;
}

table.type3 td.subject a span {
    font-size: 14px;
    color: #919ba0;
}

table.type3 td.left {
    text-align: left;
}

table.type3 td.left a {
    font-size: 14px;
}

table.type3 td.left.middlestudy1 {
    padding: 10px 50px;
    background: #eee;
}

table.type3 td.seline {
    text-align: left;
    border-left: 1px solid #dedede;
}

table.type3 td.down1 {
    position: relative;
    text-align: left;
    padding-left: 20px;
}

table.type3 td.down1 .down2 {
    position: absolute;
    right: 15px;
}

table.type3 tr.on td {
    background: #f7f7f7;
}

table.type3 tr.reply .subject {
    padding: 0 0 0 25px;
    background: url(/img/common/ico_reply.png) no-repeat left;
}

table.type3 tr.read td {
    padding: 0;
}

table.type3 tr.read div {
    padding: 30px 45px;
    background: #f7f7f7;
    text-align: left;
}

table.type3 td[rowspan]:first-child {
    border-right: 1px solid #dedede;
}

table.type3 .list1 {
    color: #6e737d;
}

table.type3 .list1 .c1 {
    color: #919ba0;
}

table.type3 .bg1 td {
    background: #eee;
}

table.type3 .bg2 th {
    background: #f7f7f7;
}

table.type3 + h2 {
    padding-top: 35px;
}

table.type3 .list2 li {
    position: relative;
    padding: 20px 0 0 80px;
    font-size: 14px;
}

table.type3 .list2 li:first-child {
    padding-top: 0;
}

table.type3 .list2 li:first-child strong {
    top: 0;
}

table.type3 .list2 li strong {
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 20px;
    color: #222;
}

table.type3 th span.chkpo1 label, table.type3 td span.chkpo1 label {
    margin-bottom: -3px;
}

table.type3.down tbody td:first-child {
    position: relative;
    text-align: left;
    padding-left: 20px;
}

table.type3.down tbody td:first-child img {
    position: absolute;
    right: 15px;
}

table.type3.down tbody td:first-child + td {
    text-align: left;
    padding-left: 20px;
}

table.type3 td p.date {
    font-size: 11px;
    color: #777;
}

/* 20170728 총정리모의고사 응시날짜추가 */

table.type3 tr.week_study td {
    background: #fff;
}

table.type3 tr.week_study td h3 {
    font-size: 14px;
    color: #6e737d;
    height: 60px;
    line-height: 60px;
    text-indent: 20px;
    font-weight: normal;
    text-align: left;
}

table.type3 tr.week_study td {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #919ba0;
    border-left: 1px solid #dedede;
    height: 60px;
    text-align: center;
    font-size: 12px;
    color: #6e737d;
}

table.type3 tr.week_study td:first-child {
    border-left: none;
}

/* 20170711 진도율 그래프 추가*/
table.type3 .graph {
    position: relative;
    height: 20px;
    border-radius: 30px;
    background: #c6c9cb;
    line-height: 20px;
    text-align: right;
    color: #fff;
    font-size: 12px;
}

table.type3 .graph span {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    background: #ffac2a;
    border-radius: 20px;
    line-height: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}

table.type3 .graph span.c1 {
    background: #ffd669;
}


table.type4 {
    border-top: 2px solid #919ba0;
}

table.type4 th,
table.type4 td {
    height: 60px;
    padding: 11px 20px;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
}

table.type4 th {
    background: #f7f7f7;
    text-align: left;
    color: #6e737d;
    font-weight: normal;
}

table.type4 td {
    color: #4b505a;
}

table.type4 tbody.answer th {
    background: #f8f1df;
}

table.type4 .sub {
    font-size: 14px;
    color: #919ba0;
}

table.type4 .list1 li {
    padding: 5px 0 0 0;
}

table.type4 .list1 li a {
    font-size: 13px;
    color: #919ba0;
}

table.type4 .list1 li a u {
    font-size: 14px;
    color: #4b505a;
}

table.type4 .list1 li img {
    padding: 0 0 0 10px;
}

table.type4 td {
    height: 60px;
    padding: 11px 20px;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
}

table.type4 td p.txt1 {
    color: #6e737d;
    padding: 5px 0 10px 0;
    font-size: 14px;
}

table.type4 td .math1 {
    text-align: right;
    padding-bottom: 10px;
}


table.type4.faq tbody.bt td:first-child {
    background: url(/img/common/bu_arrow_down.png) no-repeat 90% center;
}

table.type4.faq tbody.bt.on td:first-child {
    background: url(/img/common/bu_arrow_up.png) no-repeat 90% center;
}

table.type4.faq tbody.con {
    display: none;
}

table.type4.faq tbody.con td {
    background: #f7f7f7;
}

table.type4.faq tbody.con td:first-child {
    padding: 0 0 0 40px;
}

table.type3.faq tr.con td {
    background: #f7f7f7;
    text-align: left;
    padding: 30px;
    font-weight: normal;
}

table.type3.faq .con {
    display: none;
}

/*
table.type5 th,
table.type5 td { padding:10px; height:40px; text-align:left; border-bottom:1px solid #eee; font-size:16px; font-weight:normal;}
table.type5 th { color:#919ba0;}
table.type5 th { color:#4b505a;}

table.type6 { border-top:1px solid #919ba0;}
table.type6 th,
table.type6 td { padding:15px; height:30px; text-align:left; border-bottom:1px solid #eee; font-size:16px; font-weight:normal;}
table.type6 th { background:#f7f7f7;}
*/


.table_read {
    border-top: 2px solid #919ba0;
    border-bottom: 2px solid #919ba0;
}

.table_read .top {
    padding: 40px 0;
    border-bottom: 1px solid #dedede;
}

.table_read .top h2 {
    font-size: 28px;
}

.table_read .top .both div {
    color: #919ba0;
    font-size: 14px;
}

.table_read .top .both span {
    display: inline-block;
    margin: 0 5px;
    height: 10px;
    width: 1px;
    background: #b2b9bc;
}

.table_read .con {
    padding: 55px 0;
    color: #4b505a;
    line-height: 30px;
}

.comment > p {
    color: #919ba0;
    padding: 0 0 15px;
}

.comment > p img {
    padding: 0 10px 0 20px;
    vertical-align: middle;
}

.comment ul {
    border-top: 1px solid #dedede;
}

.comment ul li {
    padding: 40px 30px 20px;
    background: url(/img/common/bg_line.gif) repeat-x top;
    color: #919ba0;
}

.comment ul li:first-child {
    background: none;
}

.comment ul li span {
    padding: 0 0 0 20px;
}

.comment ul li span em {
    padding: 0 20px 0 0;
}

.comment ul li span a {
    margin-left: 10px;
}

.comment ul li span .del {
    padding-left: 20px;
    background: url(/img/common/ico_del.gif) no-repeat left;
    font-size: 14px;
    color: #919ba0;
}

.comment ul li span .emb {
    padding-left: 20px;
    background: url(/img/common/ico_emb.gif) no-repeat left;
    font-size: 14px;
    color: #919ba0;
}

.comment ul li span .modi {
    padding-left: 20px;
    background: url(/img/common/ico_write2.png) no-repeat left;
    font-size: 14px;
    color: #919ba0;
}

.comment textarea {
    padding: 20px;
    height: 120px;
    border: 1px solid #eee;
    background: #f7f7f7;
    box-sizing: border-box;
}

.comment.type2 > p {
    border-top: 2px solid #919ba0;
    padding: 30px 0 20px;
    line-height: 100%;
}

.comment.type2 ul li {
    position: relative;
    padding: 30px;
    background: none;
    border-bottom: 1px solid #dedede;
    word-break: break-all;
}

.comment.type2 ul li div {
    padding: 0 0 10px;
    color: #4b505a;
    font-size: 14px;
}

.comment.type2 ul li div em {
    padding: 0 15px 0 0;
    font-size: 16px;
}

.comment.type2 ul li span {
    position: absolute;
    right: 30px;
    bottom: 5px;
}

.comment.type2 > div {
    margin: 20px 0 0 0;
    padding: 20px;
    background: #f7f7f7;
}

.comment.type2 > div textarea {
    background: #fff;
    font-size: 16px;
    color: #919ba0;
}

.comment.type2 > div p {
    padding-bottom: 10px;
    font-size: 20px;
}

.comment.type2 > div p em {
    font-size: 14px;
}

.comment.type2 > div ul {
    border: none;
}

.comment.type2 > div li {
    padding: 0;
    border: none;
}

.paging + table {
    margin-top: 30px;
}

.paging {
    padding: 30px 0 0 0;
    text-align: center;
    font-size: 0;
}

.paging a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 10px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    background: #b9bec3;
    border-radius: 45px;
    color: #fff;
    box-sizing: border-box;
}

.paging a:hover,
.paging a.on {
    background: #f86611;
}

.paging a.img {
    background: #ddd;
}

.paging a.img img {
    padding: 11px 0 0 0;
}

/* btns */
.btns {
    zoom: 1;
    padding: 20px 0;
}

.btns:after {
    content: "";
    display: block;
    clear: both;
}

.btns.left a {
    margin-right: 5px;
}

.btns.right li {
    float: right;
}

.btns.right a {
    margin-left: 5px;
}

.btns.center {
    text-align: center;
}

.btns.center a {
    margin: 0 2.5px;
}

.btns.center li {
    display: inline-block;
}

.btns.center li.right {
    float: right;
    text-align: left;
}

.btns.both li {
    float: right;
}

.btns.both li:first-child {
    float: left;
}

.btns.both li a {
    margin-left: 10px;
}

.btns.both li:first-child a {
    margin-right: 10px;
    margin-left: 0;
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.btn.type1 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    background: #f86611;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #f86611;
}

.btn.type2 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fa640f;
    font-size: 18px;
    border: 2px solid #f86611;
    font-weight: bold;
}

.btn.type3 {
    min-width: 100px;
    padding: 0 20px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    background: #919ba0;
    box-sizing: border-box;
    border-radius: 40px;
    color: #fff;
    border: 2px solid #919ba0;
}

.btn.type4 {
    min-width: 100px;
    padding: 0 20px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 40px;
    color: #4b505a;
    border: 2px solid #919ba0;
}

.btn.type5 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    background: #919ba0;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #919ba0;
}

.btn.type6 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50px;
    color: #4b505a;
    font-size: 18px;
    border: 2px solid #919ba0;
    font-weight: bold;
}

.btn.type7 {
    min-width: 100px;
    padding: 0 20px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    background: #f86611;
    box-sizing: border-box;
    border-radius: 40px;
    color: #fff;
    border: 2px solid #f86611
}

.btn.type8 {
    min-width: 100px;
    padding: 0 20px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 40px;
    color: #fa640f;
    border: 2px solid #f86611;
}

.btn.type9 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    background: #c6c9cb;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.btn.type10 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    background: #eff1f2;
    box-sizing: border-box;
    border-radius: 50px;
    color: #4a515a;
    font-size: 16px;
    font-weight: bold;
}

.btn.type10 img {
    padding: 0 10px 0 0;
    vertical-align: baseline;
}

.btn.type11 {
    min-width: 230px;
    padding: 0 30px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    background: #ffbc22;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.btn.type12 {
    min-width: 230px;
    padding: 0 30px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    background: #46a5f0;
    box-sizing: border-box;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.btn.type13 {
    font-size: 18px;
    padding: 0 20px 0 0;
    background: url(/img/common/bu_arrow.png) no-repeat right;
}

.btn.type14 {
    width: 100px;
    height: 52px;
    line-height: 50px;
    background: #919ba0;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.btn.type15 {
    font-size: 18px;
    padding: 0 0 0 20px;
    background: url(/img/common/bu_arrow_left.png) no-repeat left;
}

.btn.type16 {
    min-width: 80px;
    padding: 0 14px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    background: #919ba0;
    box-sizing: border-box;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    border: 2px solid #919ba0
}

.btn.type17 {
    min-width: 80px;
    padding: 0 14px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    border-radius: 20px;
    color: #4b505a;
    font-size: 14px;
    border: 2px solid #919ba0;
}

.btn.type18 {
    min-width: 80px;
    padding: 0 14px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    background: #f86611;
    box-sizing: border-box;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    border: 2px solid #f86611
}

.btn.type19 {
    min-width: 80px;
    padding: 0 14px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 20px;
    color: #fa640f;
    font-size: 14px;
    border: 2px solid #f86611;
}

.btn.type16.s, .btn.type17.s, .btn.type18.s, .btn.type19.s {
    min-width: 60px;
    margin: 0 2px;
}

.btn.type20 {
    display: inline-block;
    padding: 0 10px;
    min-width: 128px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background: #e13c4b;
    border-radius: 60px;
    font-size: 18px;
}

.btn.type21 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    background: rgb(149 149 149);
    box-sizing: border-box;
    border-radius: 50px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

.btn.type22 {
    min-width: 150px;
    padding: 0 25px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50px;
    color: rgb(149 149 149);
    font-size: 18px;
    border: 2px solid rgb(149 149 149);
    font-weight: bold;
}

/* 20231103 추가 */
.btn.type23 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    min-width: 100px;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 100px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}

.btn.type23::before {
    content: '';
    display: block;
}

.btn.type23.type-blue {
    background-color: #3388C1;
}

.btn.type23.type-red {
    background-color: #F46775;
}

.btn.type23.type-dark {
    background-color: #222222;
    color: #FFFFFF;
}

.btn.type23.type-border {
    line-height: 34px;
    padding: 0;
    background: #ffffff;
    border: 2px solid #919BA0;
    color: #4B505A;
}

.btn.type23.type-large {
    gap: 10px;
    min-width: 183px;
    height: 54px;
    margin: 0 auto;
    border-width: 3px;
    font-size: 18px;
    font-weight: 700;
}

.btn.type23.type-view::before { /* 진단 평가서 */
    width: 10px;
    height: 12px;
    background: url(/img/common/ico_view.png) no-repeat center / contain;
}

.btn.type23.type-view.type-large::before { /* 진단 평가서 large */
    width: 19px;
    height: 23px;
}

.btn.type23.type-do::before { /* 진단하기 */
    width: 11px;
    height: 11px;
    background: url(/img/common/ico_do.png) no-repeat center / contain;
}

.btn.type23.type-do.type-large::before { /* 진단하기 large */
    width: 21px;
    height: 21px;
}

.btn.type23.type-did::before { /* 진단완료 */
    width: 11px;
    height: 11px;
    background: url(/img/common/ico_did.png) no-repeat center / contain;
}

.btn.type23.type-did.type-large::before { /* 진단완료 large */
    width: 22px;
    height: 23px;
}

.btn.type23.type-download::before { /* 정답과 해설 */
    width: 11px;
    height: 11px;
    background: url(/img/common/ico_download.png) no-repeat center / contain;
}

.btn.type23.type-download.type-large::before { /* 정답과 해설 large */
    width: 22px;
    height: 23px;
}

.btn.type24 {
    color: #222;
    font-family: "Noto Sans KR";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 21px */
    letter-spacing: -0.5px;
    display: flex;
    padding: 4px 16px 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 15px;
    border: 1px solid var(--sam_gray1, #666);
    background: var(--sam_white, #FFF);
    cursor: pointer;
    height: 40px;
}

.btn.type25 {
    display: flex;
    padding: 4px 16px 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 15px;
    background: var(--sam_black, #222);
    color: var(--sam_white, #FFF);
    font-family: "Noto Sans KR";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 21px */
    letter-spacing: -0.5px;
    cursor: pointer;
    height: 40px;
    border:0;
}

/* IE8 �좎럩�덂뜝�뚮뮔 */
.btn.type1, .btn.type2, .btn.type3, .btn.type4, .btn.type5, .btn.type6, .btn.type7, .btn.type8, .btn.type9, .btn.type10 {
    padding: 0 15px;
    min-width: 0px \0IE8;
}

.btn.type16, .btn.type17, .btn.type18, .btn.type19 {
    padding: 0 7px \9;
    min-width: 0px \0IE8;
}

.h2 {
    font-size: 24px;
    color: #222;
    font-weight: normal;
}

.h2 + * {
    margin-top: 15px;
}

.h3 {
    font-size: 24px;
    color: #4b505a;
    font-weight: normal;
}

.h3 + * {
    margin-top: 15px;
}

.h3 em {
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #6e737d;
}

.h3_2 {
    font-size: 18px;
    color: #222;
    padding: 50px 0 10px;
    font-weight: normal;
}

table + .h3 {
    padding-top: 35px;
}

.tab_type1 + .h3 {
    padding-top: 0;
}

.h4 {
    font-size: 18px;
    color: #4b505a;
    font-weight: normal;
}

.h4.bg1 {
    border-top: 1px dashed #cccccc;
    margin-top: 20px;
    padding-top: 20px;
}

.h4 + * {
    margin-top: 15px;
}

.h4 em {
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #6e737d;
}

.type3 + .h4 {
    margin-top: 40px;
}

table + .h2 {
    margin-top: 40px;
}

.notice {
    position: relative;
    padding: 20px 20px 15px 98px;
    font-size: 14px;
    color: #6e737d;
    border: 1px solid #dedede;
}

.notice span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 100%;
    background: url(/img/middlestudy/ico_hat.png) no-repeat center #f7f7f7;
}

.notice strong {
    color: #222;
    font-weight: normal;
}

.notice2 {
    position: relative;
    padding: 40px 30px 40px 290px;
    font-size: 14px;
    color: #6e737d;
    background: #f7f7f7;
    border-bottom: 1px solid #dedede;
}

.notice2 span {
    position: absolute;
    left: 40px;
    top: 30px;
    font-size: 16px;
}

.notice2 ol {
    margin-top: -10px;
}

.notice2 li {
    line-height: 25px;
}

.notice3 {
    margin: 20px 0 0 0;
    position: relative;
    padding: 40px 30px 40px 200px;
    font-size: 14px;
    color: #6e737d;
    background: #f7f7f7;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
}

.notice3 span {
    position: absolute;
    left: 40px;
    top: 30px;
    font-size: 16px;
}

.notice3 ol {
    margin-top: -10px;
}

.notice3 li {
    line-height: 25px;
}

.btns + .notice {
    margin-top: 30px;
}

.type4 + .notice {
    margin-top: 30px;
}

.type3 + .notice {
    margin-top: 30px;
}

.paging + .notice {
    margin-top: 30px;
}

.month_cal + .notice {
    margin-top: 30px;
}

.btns + .paging {
    margin-top: -35px;
}

.paging + .btns {
    margin-top: -55px;
}

.paging + .btns2 {
    margin-top: 10px;
}

.txt4 + .btns {
    margin-top: -45px;
}

h2 + .btns {
    margin-top: -55px;
    padding-bottom: 10px;
}

.day_box + .type3 {
    margin-top: 30px;
}

.box_type1 + .btns {
    margin-top: -20px;
}


input[type="radio"] {
    position: absolute;
    left: -3000%;
    *position: static;
    *left: 0;
}

input[type="radio"] + label {
    display: inline-block;
    height: 25px;
    padding: 0 20px 0 34px;
    line-height: 25px;
    background: url(/img/mypage/btn_radio_off.png) no-repeat left;
    *padding: 0;
    *background: none;
    font-size: 16px;
    color: #4b505a;
}

input[type="radio"]:checked + label {
    background: url(/img/mypage/btn_radio_on.png) no-repeat;
    *padding: 0;
    *background: none;
}

input[type="radio"].type2 {
    position: absolute;
    left: -3000%;
    *position: static;
    *left: 0;
}

input[type="radio"].type2 + label {
    display: inline-block;
    height: 18px;
    padding: 0 25px 0 20px;
    line-height: 18px;
    background: url(/img/common/bg_radio_off.png) no-repeat left;
    *padding: 0;
    *background: none;
    color: #6e737d;
}

input[type="radio"].type2:checked + label {
    background: url(/img/common/bg_radio_on.png) no-repeat left;
    *padding: 0;
    *background: none;
}


input[type="radio"].type4 {
    position: absolute;
    left: -3000%;
    *position: static;
    *left: 0;
}

input[type="radio"].type4 + label {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    width: 16px;
    height: 18px;
    background: url(/img/common/bg_radio_off.png) no-repeat left;
    *padding: 0;
    *background: none;
    color: transparent;
}

input[type="radio"].type4:checked + label {
    background: url(/img/common/bg_radio_on.png) no-repeat left;
    *padding: 0;
    *background: none;
}


input[type="checkbox"] {
    position: absolute;
    left: -3000%;
    *position: static;
    *left: 0;
}

input[type="checkbox"] + label {
    display: inline-block;
    height: 25px;
    padding: 0 20px 0 35px;
    line-height: 25px;
    background: url(/img/common/btn_check_off.png) no-repeat left;
    *padding: 0;
    *background: none;
}

input[type="checkbox"]:checked + label {
    background: url(/img/common/btn_check_on.png) no-repeat left;
    *padding: 0;
    *background: none;
}

input[type="checkbox"].type4 {
    position: absolute;
    left: -3000%;
    *position: static;
    *left: 0;
}

input[type="checkbox"].type4 + label {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(/img/common/bg_check_off.png) no-repeat;
    *padding: 0;
    *background: none;
    color: transparent;
}

input[type="checkbox"].type4:checked + label {
    background: url(/img/common/bg_check_on.png) no-repeat left;
    *padding: 0;
    *background: none;
}

input[type="checkbox"].type5 {
    position: absolute;
    left: -3000%;
    *position: static;
    *left: 0;
}

input[type="checkbox"].type5 + label {
    display: inline-block;
    height: 24px;
    margin-right: 10px;
    padding: 0 0 0 20px;
    line-height: 17px;
    background: url(/img/common/bg_check_off.png) no-repeat 0 1px;
    *padding: 0;
    *background: none;
}

input[type="checkbox"].type5:checked + label {
    background: url(/img/common/bg_check_on.png) no-repeat 0 1px;
    *padding: 0;
    *background: none;
}

input[type="checkbox"][disabled].type5 + label {
    background: url(/img/common/bg_check_off2.png) no-repeat 0 1px;
    color: #a5a8ad;
}


.tab_type1 {
    margin-bottom: 40px;
    height: 48px;
    border-bottom: 2px solid #000;
}

.tab_type1 td {
    position: relative;
    border: 2px solid #ccc;
    border-bottom: none;
}

.tab_type1 td:after {
    content: "";
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 2px;
    height: 2px;
    background: #000;
}

.tab_type1 a {
    display: block;
    position: relative;
    height: 48px;
    line-height: 50px;
    text-align: center;
    outline: 0;
    font-size: 18px;
}

.tab_type1 a.l2 {
    line-height: 100%;
    padding-top: 5px;
    height: 43px;
}

.tab_type1 td.on {
    border: 2px solid #000;
    height: 48px;
    border-bottom: 2px solid #fff;
}

.tab_type1 td.on a {
    color: #222;
}

.tab_type1 td.on a:after {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 2px;
    height: 52px;
    background: #000;
}

.tab_type1.no2 td {
    width: 50%;
}

.tab_type1.no3 td {
    width: 33.33%;
}

.tab_type1.no4 td {
    width: 25%;
}

.tab_type1.no5 td {
    width: 20%;
}

.tab_type1.no6 td {
    width: 16.6%;
}

.tab_type1.no7 td {
    width: 14.2%;
}

.tab_type1.no9 td {
    width: 11.1%;
}

.tab_type1 tr.l2 td a {
    padding: 10px 0 0 0;
    line-height: 100%;
}

.tab_type1 tr.l2 td a span {
    font-size: 16px;
}

.tab_type1 + .tab_con {
    padding: 40px 0 0 0;
}


ul.tab_type1 {
    margin-bottom: 40px;
    height: 50px;
    border-bottom: 2px solid #000;
}

ul.tab_type1 li {
    float: left;
    position: relative;
    border: 2px solid #ccc;
    border-bottom: none;
    margin-left: -2px;
}

ul.tab_type1 li:after {
    content: "";
    display: block;
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 2px;
    height: 2px;
    background: #000;
}

ul.tab_type1 a {
    display: block;
    position: relative;
    height: 48px;
    line-height: 50px;
    text-align: center;
    outline: 0;
    font-size: 18px;
}

ul.tab_type1 a.l2 {
    line-height: 100%;
    padding-top: 5px;
    height: 43px;
}

ul.tab_type1 li.ui-state-active {
    border: 2px solid #000;
    height: 48px;
    border-bottom: 2px solid #fff;
    z-index: 2;
}

ul.tab_type1 li.ui-state-active a {
    color: #222;
}

ul.tab_type1 li.ui-state-active a:after {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 2px;
    height: 52px;
    background: #000;
}

ul.tab_type1.no2 li {
    width: 50%;
}

ul.tab_type1.no3 li {
    width: 33.33%;
}

ul.tab_type1.no4 li {
    width: 245px;
}

ul.tab_type1.no5 li {
    width: 20%;
}

ul.tab_type1.no6 li {
    width: 16.6%;
}

ul.tab_type1.no7 li {
    width: 14.2%;
}

ul.tab_type1.no9 li {
    width: 11.1%;
}

.tab_type2 {
    margin-left: 1px;
}

.tab_type2:after {
    content: "";
    display: block;
    clear: both;
}

.tab_type2 li {
    float: left;
    margin-left: -1px;
}

.tab_type2 li a {
    display: block;
    padding: 0 10px;
    min-width: 90px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #919ba0;
    border: 1px solid #dedede;
}

.tab_type2 li.ui-state-active a,
.tab_type2 li.on a {
    background: #fa640f;
    color: #fff;
    border-color: #fa640f;
}

.tab_type4 {
    padding: 10px 0 25px;
}

.tab_type4 li {
    position: relative;
    float: left;
    padding: 0 25px;
}

.tab_type4 li:first-child {
    padding-left: 0;
}

.tab_type4 li:first-child:after {
    display: none;
}

.tab_type4 li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 1px;
    height: 23px;
    background: #dedede;
}

.tab_type4 li a {
    display: block;
    height: 25px;
    font-size: 24px;
    color: #6e737d;
    border-bottom: 6px solid #fff;
}

.tab_type4 li.on a {
    border-bottom: 6px solid #ff858c;
    color: #222;
}

.tab_type5 {
    margin-left: 1px;
    border-bottom: 1px solid #dedede;
}

.tab_type5:after {
    content: "";
    display: block;
    clear: both;
}

.tab_type5 li {
    float: left;
    margin-left: -1px;
}

.tab_type5 li a {
    display: block;
    padding: 0 10px;
    min-width: 155px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #919ba0;
    border: 1px solid #dedede;
    border-bottom: 0;
}

.tab_type5 li.ui-state-active a,
.tab_type5 li.on a {
    background: #fa640f;
    color: #fff;
    border-color: #fa640f;
}

.tab_type6 {
    margin-left: 1px;
}

.tab_type6:after {
    content: "";
    display: block;
    clear: both;
}

.tab_type6 li {
    float: left;
    margin-left: -1px;
    margin-top: -1px;
}

.tab_type6 li a {
    display: block;
    padding: 0;
    min-width: 196px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #919ba0;
    border: 1px solid #dedede;
    font-size: 14px;
    line-height: -1px
}

.tab_type6 li.ui-state-active a,
.tab_type6 li.on a {
    background: #fa640f;
    color: #fff;
    border-color: #fa640f;
}

.ui-dialog {
    z-index: 101;
}

.ui-dialog.type1 {
    border: 1px solid #919ba0;
    padding: 30px;
    background: #fff;
    position: fixed!important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.ui-dialog.type1 .ui-dialog-titlebar {
    position: relative;
    height: 35px;
    font-size: 18px;
    color: #222;
    border-bottom: 2px solid #919ba0;
}

.ui-dialog.type1 .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 0;
    top: 5px;
}

.ui-dialog.type1 .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
    display: block;
    overflow: hidden;
    width: 17px;
    height: 17px;
    background: url(/img/mypage/btn_del2.png) no-repeat #fff;
    color: transparent;
}

.ui-widget-overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

label + select {
    margin: 0 10px 0 -20px;
}

input.cal + img {
    margin: 0 10px 0 -30px;
}

input.cal::-ms-clear {
    display: none;
}

.icon {
    display: inline-block;
}

.icon.type1 {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 3px;
    background: #919ba0;
    font-size: 14px;
}

.icon.type2 {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 3px;
    background: #f86611;
    font-size: 14px;
}

.gallery_list {
    padding: 40px 0 0 0;
    border-top: 2px solid #919ba0;
}

.gallery_list ul {
    margin-left: -20px;
}

.gallery_list li {
    margin: 0 0 40px 20px;
    float: left;
    width: 232px;
    height: 280px;
    border-bottom: 1px solid #dedede;
}

.gallery_list li dl {
    position: relative;
    padding: 173px 0 0 0;
}

.gallery_list li dl .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 156px;
    background: #f7f7f7;
    overflow: hidden;
}

.gallery_list li dl .img a img {
    width: 100%;
    height: 156px;
}

.gallery_list li dl dt a {
    font-size: 16px;
    color: #222;
}

.gallery_list li dl dt a span {
    font-size: 14px;
    color: #919ba0;
}

.gallery_list li dl .name {
    font-size: 14px;
    color: #6e737d;
}

.gallery_list li dl .info {
    font-size: 14px;
    color: #919ba0;
}

.mini_pop {
    position: relative;
    font-size: 14px;
    color: #4b505a
}

.mini_pop .over:hover + .pop {
    display: block
}

.mini_pop .pop {
    display: none;
    position: absolute;
    left: 20px;
    top: 20px;
    border: 1px solid #919ba0;
    padding: 15px;
    background: #fff;
    z-index: 10;
    font-size: 14px;
    text-align: left;
    line-height: 100%;
}

.ui-datepicker {
    display: none;
    border: 1px solid #dbdbdb;
    padding: 5px;
    z-index: 990 !important;
    background: #fff;
}

.ui-datepicker-header {
    position: relative;
    margin: 0 auto;
    padding: 5px 25px 10px;
    width: 180px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    color: #246c9e;
}

.ui-datepicker-header .ui-datepicker-next {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    text-indent: -100px;
}

.ui-datepicker-header .ui-datepicker-next:after {
    position: absolute;
    content: "▶";
    left: 0;
    text-indent: 0;
    color: #246c9e;
}

.ui-datepicker-header .ui-datepicker-prev {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 5px;
    top: 3px;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    text-indent: -100px;
}

.ui-datepicker-header .ui-datepicker-prev:after {
    position: absolute;
    content: "◀";
    right: 0;
    text-indent: 0;
    color: #246c9e;
}

.ui-datepicker-calendar thead th {
    padding: 2px;
    background: #246c9e;
    color: #ade5fc;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}

.ui-datepicker-calendar thead th:first-child {
    background: #246c9e;
    border: none;
}

.ui-datepicker-calendar tbody td {
    padding: 2px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 12px;
    background: #fff;
}

.ui-datepicker-calendar tbody td a {
    display: block;
}

.ui-datepicker-calendar tbody td:first-child a {
    color: #7b7b7b;
}

.ui-datepicker-calendar tbody td:last-child a {
    color: #7b7b7b;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background: #5397c6;
    color: #fff;
}

.ui-spinner {
    position: relative;
}

.ui-spinner .ui-spinner-up span,
.ui-spinner .ui-spinner-down span {
    display: none;
}

.ui-spinner .ui-spinner-up,
.ui-spinner .ui-spinner-down {
    display: block;
    position: absolute;
    right: 10px;
    width: 12px;
    height: 6px;
}

.ui-spinner .ui-spinner-up {
    top: 4px;
    background: url(/img/common/btn_up.png) no-repeat;
}

.ui-spinner .ui-spinner-down {
    bottom: 0;
    background: url(/img/common/btn_bottom.png) no-repeat;
}

.swiper-pagination1 {
    position: absolute;
    left: 0;
    top: 336px;
    z-index: 99;
    width: 100%;
    text-align: center;
}

.swiper-pagination1 span {
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;

    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;

    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);

    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;

    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
}

/* 드림북스 오한국사 동영상게시판 20170317 */
.vodplay_list ul {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    border-top: 2px solid #919ba0;
    border-bottom: 1px solid #dedede;
    border-left: 0;
    border-right: 0;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    list-style: none;
    *zoom: 1;
}

.vodplay_list ul:after {
    display: block;
    clear: both;
    content: "";
}

.vodplay_list li {
    overflow: hidden;
    float: left;
    position: relative;
    top: 1px;
    width: 247px;
    height: 270px;
    border-bottom: 1px solid #eee;
}

.vodplay_list .thumb {
    display: block;
    overflow: hidden;
    position: relative;
    width: 230px;
    height: 170px;
    margin: 0 auto;
    padding: 40px 0 0 0;
    text-align: center;
}

.vodplay_list .thumb a {
    display: block;
    width: 230px;
    text-decoration: none;
    cursor: pointer;
    background: #eee;
}

.vodplay_list .thumb a img {
    display: block;
    width: 230px;
    height: 170px;
    border: 0;
}

.vodplay_list .info {
    font-size: 14px;
    color: #919ba0;
    text-align: center;
    margin: 5px 0 0 0;
    white-space: nowrap;
}

.vodplay_list .info .step {
    font-size: 14px;
    color: #6e737d;
    margin-right: 3px;
}

.vodplay_list .tt {
    font-size: 16px;
    text-align: center;
    padding: 3px 0 0 0;
    margin: 0;
    white-space: nowrap;
}

.vodplay_list .tt a {
    color: #222;
}

.vodplay_list .thumb a .icovod {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 110px;
    left: 95px;
    z-index: 99;
    background: url(/img/common/@thumb_ohplay.png) 0 0 no-repeat;
}

.oh_khistory {
    position: relative;
    width: 194px;
    height: 288px;
    overflow: hidden;
    background: #eeeeee;
}

.oh_khistory a img {
    width: 100%;
    height: 288px;
}

.oh_khistory a .icovod {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 130px;
    left: 77px;
    z-index: 99;
    background: url(/img/common/@thumb_ohplay.png) 0 0 no-repeat;
}

/*닷컴추가*/
.h4b {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    height: 40px;
    margin-top: 20px;
}

.h4b2 {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    height: 40px;
    margin-top: 20px;
}

.h3b {
    font-size: 24px;
    color: #4b505a;
    font-weight: 600;
    height: 50px;
    margin-top: 30px;
}

.h3gb {
    font-size: 26px;
    color: #4b505a;
    font-weight: 600;
    height: 50px;
    margin-top: 50px;
}

.stxt {
    font-size: 12px;
    width: 100%;
    text-align: center;
    padding: 10px 0 50px 0;
}

dl.bdf {
    margin-bottom: 15px;
}

dl.bdf dt {
    font-weight: 500;
    margin-bottom: 5px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mt-20 {
    margin-top: -20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

dl.bdf2 {
    margin-bottom: 15px;
}

dl.bdf2 dt {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 40px;
}

dl.bdf3 {
    margin-bottom: 15px;
    padding-left: 20px;
}

.tab_type4 li.ui-state-active a,
.tab_type4 li.on a {
    border-bottom: 6px solid #ff858c;
    color: #222;
}

table.type3 td.left2 {
    text-align: left;
    padding-left: 20px;
}

table.type5 {
    border-top: 1px solid #dedede;
}

table.type5 th,
table.type5 td {
    font-size: 14px !important;
    height: 40px !important;
    padding: 5px 10px !important;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
}

table.type5 th {
    background: #f7f7f7 !important;
    text-align: left;
    color: #6e737d;
    font-weight: normal;
}

table.type5 td {
    color: #4b505a;
}

/* 20180222 리틀푸르넷 무료학습자료 */
.littlepurunet_list ul {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    border-top: 2px solid #919ba0;
    border-bottom: 1px solid #dedede;
    border-left: 0;
    border-right: 0;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    list-style: none;
    *zoom: 1;
}

.littlepurunet_list ul:after {
    display: block;
    clear: both;
    content: "";
}

.littlepurunet_list li {
    overflow: hidden;
    float: left;
    position: relative;
    top: 1px;
    width: 329px;
    height: 410px;
    border-bottom: 1px solid #eee;
}

.littlepurunet_list .thumb {
    display: block;
    overflow: hidden;
    position: relative;
    width: 217px;
    height: 290px;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    background: #eee;
}

.littlepurunet_list .thumb a {
    display: block;
    width: 217px;
    text-decoration: none;
    cursor: pointer;
}

.littlepurunet_list .thumb img {
    display: block;
    width: 217px;
    border: 0;
}

.littlepurunet_list .tt {
    font-size: 16px;
    text-align: center;
    padding: 30px 0 7px 0;
    margin: 0;
    white-space: nowrap;
}

.littlepurunet_list .tt a {
    color: #222;
}

.littlepurunet_list .btns {
    padding: 10px 0 40px 0;
}

/* 20231103 bpopup 공통 */
.b-modal-wrap {
    display: none;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    background: #ffffff;
}

.base-modal {
    display: none;
    overflow: auto;
    max-height: 100vh;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.6);
}

.base-modal .modal-top {
    position: relative;
    min-height: 90px;
    background-color: #FA640F;
}

.base-modal .modal-top p {
    text-align: center;
    line-height: 90px;
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
}

.base-modal .modal-top .b-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    background: url("/img/admissionTest/ico-b-close.png") no-repeat center/31px auto;
    cursor: pointer;
}

.base-modal .modal-mid p {
    font-size: 28px;
    color: #222222;
}

.base-modal .modal-bottom {
    padding: 20px 0 40px;
    border-top: 4px solid #F5F5F5;
    text-align: center;
}

.base-modal .modal-bottom p {
    margin-bottom: 24px;
    font-size: 14px;
    color: #999999;
}

.base-modal .modal-mid {
    padding: 80px 0 60px 290px;
    background: url("/img/admissionTest/char-teacher.png") no-repeat left 114px center/147px auto;
}

.base-modal .modal-mid p .txt-point {
    font-weight: 700;
    color: #01416C;
}

.base-modal .modal-bottom p .txt-point {
    color: #E13A4B;
}

/* 20231103 */
/* 입회 진단서 > 응시자 정보, 응시자 등록 공통 */
.frmAdmissionTestUserDetailWrap #contents {
    padding-top: 0;
}

.frmAdmissionTestUserDetailWrap table.type3 {
    margin-top: 20px;
}

.frmAdmissionTestUserDetailWrap table.type3 .td-school .texts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.frmAdmissionTestUserDetailWrap #examArea {
    display: flex;
    justify-content: center;
    gap: 80px;
}

.frmAdmissionTestUserDetailWrap #examArea .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    padding: 36px 22px;
    border: 3px solid #919BA0;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.frmAdmissionTestUserDetailWrap #examArea .box .tit-txt {
    width: 174px;
    height: 47px;
    margin: 0 auto;
}

.frmAdmissionTestUserDetailWrap #examArea .box.ele .tit-txt {
    background: url(/img/admissionTest/purunet-ele.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box.math .tit-txt {
    background: url(/img/admissionTest/purunet-math.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box.msEngA .tit-txt {
    background: url(/img/admissionTest/purunet-engA.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box.msEngB .tit-txt {
    background: url(/img/admissionTest/purunet-engB.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box.msMathA .tit-txt {
    background: url(/img/admissionTest/purunet-mathA.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box.msMathB .tit-txt {
    background: url(/img/admissionTest/purunet-mathB.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box.literacy .tit-txt {
    background: url(/img/admissionTest/purunet-literacy.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box .btn-wrap {
    flex: 1;
}

.frmAdmissionTestUserDetailWrap #examArea .box .btn {
    margin-top: 22px;
}

.frmAdmissionTestUserDetailWrap #examArea .box .date-txt {
    margin-top: 42px;
    font-size: 16px;
    font-weight: 700;
    color: #222222;
}

.frmAdmissionTestUserDetailWrap #examArea .box .desc-txt {
    margin: 10px 0 15px;
    line-height: 150%;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.frmAdmissionTestUserDetailWrap #examArea .box .small-txt {
    font-size: 11px;
    line-height: 150%;
    letter-spacing: -0.04em;
    color: #777777;
}

.frmAdmissionTestUserDetailWrap #examArea .box .small-txt::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 3px -2px 0;
    background: url(/img/common/ico_notice.png) no-repeat center / contain;
}

.frmAdmissionTestUserDetailWrap #examArea .box .notice-txt {
    margin-top: 22px;
    color: #F86611;
}

/* 문제 풀이 종료 팝업 */
#endExamModal {
    width: 742px;
    height: 472px;
}

/* 회원 검색, 학교 검색 팝업 */
#userSearchLayer.b-modal-wrap,
#schoolSearchLayer.b-modal-wrap {
    width: 1088px;
    height: 650px;
    padding: 0 50px;
}

/* 입회 진단서 > admissionTestList */
.frmAdmissionTestUserList > .m0auto > .both {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

.frmAdmissionTestUserList > .m0auto > .both .txt1 {
    flex: 1;
    padding-bottom: 0;
}

.frmAdmissionTestUserList > .m0auto > .both .btn-add-user {
    width: 200px;
    height: 55px;
    line-height: 50px;
}

.frmAdmissionTestUserList > .m0auto .btn-download-box {
    display: flex;
    border: 1px solid #dedede;
    padding: 20px;
    margin-top: 50px;
    justify-content: space-around;
    align-items: center;
}

.frmAdmissionTestUserList > .m0auto .btn-download-box > p {
    flex: 1;
}

/* 입회 진단서 > admissionTestAdd */
#frmAdmissionTestUserAdd .agree-box {
    margin-top: 20px;
    color: #6e737d;
}

/* 입회 진단서 > 평가서 */
.admissionTestReport-wrap {
    zoom: 0.8;
    overflow: hidden;
    box-sizing: border-box;
    width: 1080px;
    margin: 0 auto;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
}

.admissionTestReport-wrap > .inner {
    padding: 30px;
}

.admissionTestReport-wrap .section {
    margin-top: 24px;
    page-break-inside: avoid;
}

.admissionTestReport-wrap .section .sec-tit {
    border-bottom: 3px solid #1B3455;
}

.admissionTestReport-wrap .section .sec-tit > span {
    display: inline-block;
    padding: 7.5px 55.5px;
    background: #1B3455;
    border-radius: 12px 12px 0px 0px;
    font-size: 25.5px;
    color: #ffffff;
}

.admissionTestReport-wrap .section .sec-sub-tit {
    font-size: 21px;
}

.admissionTestReport-wrap .section .sec-sub-tit::before {
    content: "";
    display: inline-block;
    width: 7.5px;
    height: 7.5px;
    margin: 0 12px 4.5px 0;
    border-radius: 100%;
    background: #222222;
}

.admissionTestReport-wrap .section .row {
    display: flex;
    margin-top: 12px;
}

.admissionTestReport-wrap .section .column {
    flex: 1;
}

.admissionTestReport-wrap .sec-top {
    position: relative;
    margin-top: 0;
}

.admissionTestReport-wrap .sec-top .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 81px;
    height: 27px;
}

.admissionTestReport-wrap .sec-top .logo.math {
    width: 117px;
}

.admissionTestReport-wrap .sec-top .tit {
    text-align: center;
    font-family: "pretendard", sans-serif;
    font-size: 54px;
    font-weight: 700;
}

.admissionTestReport-wrap .sec-top .btn-print {
    position: absolute;
    top: 0;
    right: 0;
}

.admissionTestReport-wrap .table {
    table-layout: fixed;
    border-top: 2px solid #1B3455;
    border-bottom: 2px solid #1B3455;
    text-align: center;
}

.admissionTestReport-wrap .table tr {
    border-bottom: 1px solid #B0B0B0;
}

.admissionTestReport-wrap .table th {
    padding: 9px 0;
    font-size: 18px;
    letter-spacing: -0.05em;
}

.admissionTestReport-wrap .table td {
    padding: 3px;
    font-size: 18px;
    letter-spacing: -0.05em;
    word-break: keep-all;
}

.admissionTestReport-wrap .table .td-ment {
    text-align: left;
}

.admissionTestReport-wrap .table .ox {
    width: 57px;
}

.admissionTestReport-wrap .table tbody tr {
    border-left: 1px solid #ffffff;
}

.admissionTestReport-wrap .table tbody tr td {
    border-left: 1px dashed #BBBBBB;
}

.admissionTestReport-wrap .sec-ms-info {
    display: flex;
    align-items: center;
    margin: 15px 54px 0;
    border-top: 2px #000000 solid;
}

.admissionTestReport-wrap .sec-ms-info li {
    position: relative;
    flex: 1;
    gap: 15px;
    align-items: center;
    justify-content: center;
    padding: 10.5px 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    word-break: keep-all;
}

.admissionTestReport-wrap .sec-ms-info li::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 39px;
}

.admissionTestReport-wrap .sec-ms-info li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    /*background: #D9D9D9;*/
}

.admissionTestReport-wrap .sec-info {
    display: flex;
    align-items: center;
    margin: 30px 54px 0;
    background: #F4F8F9;
    border-radius: 7.5px;
}

.admissionTestReport-wrap .sec-info li {
    position: relative;
    flex: 1;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    padding: 10.5px 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    word-break: keep-all;
}

.admissionTestReport-wrap .sec-info li::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 39px;
    height: 34.5px;
}

.admissionTestReport-wrap .sec-info li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background: #D9D9D9;
}

.admissionTestReport-wrap .sec-info li.name::before {
    background: url("/img/admissionTest/ico-name.png") no-repeat center/cover;
}

.admissionTestReport-wrap .sec-info li.lit-name::before {
    background: url("/img/admissionTest/ico-name.png") no-repeat center/cover;
}

.admissionTestReport-wrap .sec-info li.name::after {
    display: none;
}


.admissionTestReport-wrap .sec-info li.graph::before {
    background: url("/img/admissionTest/ico-graph.png") no-repeat center/cover;
}

.admissionTestReport-wrap .sec-info li.graph::after {
    display: none;
}

.admissionTestReport-wrap .sec-info li.school::before {
    background: url("/img/admissionTest/ico-school.png") no-repeat center/cover;
}

.admissionTestReport-wrap .sec-info li.grade::before {
    background: url("/img/admissionTest/ico-grade.png") no-repeat center/cover;
}

.admissionTestReport-wrap .sec-info li.level::before {
    background: url("/img/admissionTest/ico-level.png") no-repeat center/cover;
}

.admissionTestReport-wrap .sec-info li.date::before {
    background: url("/img/admissionTest/ico-date.png") no-repeat center/cover;
}

.admissionTestReport-wrap .sec-comment .comment {
    padding: 22.5px 15px 0;
    font-size: 18px;
    word-break: keep-all;
}

.admissionTestReport-wrap .sec-math-chart .d-chart {
    display: flex;
}

.admissionTestReport-wrap .sec-math-chart .d-chart .chart-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 120px;
    margin-right: 30px;
    text-align: right;
}

.admissionTestReport-wrap .sec-math-chart .d-chart .chart-label p {
    font-size: 15px;
    letter-spacing: -0.04em;
}

.admissionTestReport-wrap .sec-math-chart .d-chart .in-chart {
    position: relative;
}

.admissionTestReport-wrap .sec-math-chart .d-chart .in-chart .chart-value {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 21px;
    font-weight: 600;
}

.admissionTestReport-wrap .sec-math-chart .d-chart .in-chart .chart-value strong {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 12px;
}

.admissionTestReport-wrap .sec-math-chart .b-chart {
    margin-left: 21px;
}

.admissionTestReport-wrap .sec-math-chart .score-list {
    display: flex;
    justify-content: end;
    gap: 60px;
    margin-top: -30px;
}

.admissionTestReport-wrap .sec-math-chart .score-list dl {
    position: relative;
    display: flex;
    gap: 22.5px;
}

.admissionTestReport-wrap .sec-math-chart .score-list dl dd {
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.05em;
}

.admissionTestReport-wrap .sec-math-chart .score-list dl dt {
    width: 61.5px;
}

.admissionTestReport-wrap .sec-math-chart .score-list dl dt img {
    width: 100%;
    margin-top: 15px;
}

.admissionTestReport-wrap .sec-math-chart .score-list dl dt span {
    position: absolute;
    top: 24px;
    right: 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #355BBD;
}

.admissionTestReport-wrap .sec-math-chart .table {
    margin-top: 10.5px;
}

.admissionTestReport-wrap .sec-math-chart .table tbody tr td {
    font-size: 16.5px;
}

.admissionTestReport-wrap .sec-math-chart .table tbody tr td:first-child {
    font-weight: 700;
    color: #4876EE;
}

.admissionTestReport-wrap .sec-math-chart .table tbody tr td:nth-of-type(2) {
    padding: 0 24px;
    text-align: left;
}

.admissionTestReport-wrap .sec-math-chart .table tbody tr td img {
    width: 18px;
    height: auto;
    margin-bottom: 3px;
}

.admissionTestReport-wrap .sec-subject .row {
    align-items: center;
    gap: 100px;
    padding: 0 15px;
}

.admissionTestReport-wrap .sec-subject .column {
    flex: 1;
}

.admissionTestReport-wrap .sec-subject .doughnuts-list {
    display: flex;
    gap: 33px;
}

.admissionTestReport-wrap .sec-subject .doughnuts-list .d-chart {
    position: relative;
    padding: 23px 0 0 3px;
}

.admissionTestReport-wrap .sec-subject .doughnuts-list .d-chart .chart-label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13.5px;
    color: #666666;
}

.admissionTestReport-wrap .sec-subject .doughnuts-list .d-chart .lit-chart-label {
    font-size: 20px;
    font-weight: 600;
    color: #666666;
    padding: 0 0 13px 0;
}

.admissionTestReport-wrap .sec-subject .doughnuts-list .in-chart {
    position: relative;
}

.admissionTestReport-wrap .sec-subject .doughnuts-list .in-chart .chart-value {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 600;
}

.admissionTestReport-wrap .sec-subject .doughnuts-list .in-chart .chart-value strong {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 7.5px;
}

.admissionTestReport-wrap .sec-subject .table {
    width: 442.5px;
    margin-top: 12px;
    border-top: none;
}

.admissionTestReport-wrap .sec-subject .table tr {
    border-bottom: 1px dashed #BBBBBB;
}

.admissionTestReport-wrap .sec-subject .table th {
    padding: 4.5px 0;
    font-size: 16.5px;
}

.admissionTestReport-wrap .sec-subject .table td {
    padding: 9px 3px;
    font-size: 16.5px;
    color: #555555;
}

.admissionTestReport-wrap .sec-subject .table thead tr {
    border-bottom: 2px solid #1B3455;
}

.admissionTestReport-wrap .sec-subject .table tbody tr {
    border-left: none;
}

.admissionTestReport-wrap .sec-subject .table tbody tr td {
    border-left: none;
}

.admissionTestReport-wrap .sec-subject .table tbody tr:nth-of-type(1) td:first-child {
    background: #FFF7DF;
}

.admissionTestReport-wrap .sec-subject .table tbody tr:nth-of-type(2) td:first-child {
    background: #F2EFFF;
}

.admissionTestReport-wrap .sec-subject .table tbody tr:nth-of-type(3) td:first-child {
    background: #DFF6FE;
}

.admissionTestReport-wrap .sec-subject .table tbody tr:nth-of-type(4) td:first-child {
    background: #F4F8DB;
}

.admissionTestReport-wrap .sec-subject-literacy .row {
    align-items: center;
    gap: 100px;
    padding: 0 15px;
}

.admissionTestReport-wrap .sec-subject-literacy .column {
    flex: 1;
}

.admissionTestReport-wrap .sec-subject-literacy .doughnuts-list {
    display: flex;
    gap: 33px;
}

.admissionTestReport-wrap .sec-subject-literacy .doughnuts-list .d-chart {
    position: relative;
    padding: 23px 0 0 3px;
}

.admissionTestReport-wrap .sec-subject-literacy .doughnuts-list .d-chart .chart-label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13.5px;
    color: #666666;
}

.admissionTestReport-wrap .sec-subject-literacy .doughnuts-list .d-chart .lit-chart-label {
    font-size: 20px;
    font-weight: 600;
    color: #666666;
    padding: 0 0 13px 0;
}

.admissionTestReport-wrap .sec-subject-literacy .doughnuts-list .in-chart {
    position: relative;
}

.admissionTestReport-wrap .sec-subject-literacy .doughnuts-list .in-chart .chart-value {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 600;
}

.admissionTestReport-wrap .sec-subject-literacy .doughnuts-list .in-chart .chart-value strong {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 7.5px;
}

.admissionTestReport-wrap .sec-subject-literacy .table {
    width: 474.5px;
    margin-top: 20px;
    border-top: none;
}

.admissionTestReport-wrap .sec-subject-literacy .table tr {
    border-bottom: 1px solid #BBBBBB;
}

.admissionTestReport-wrap .sec-subject-literacy .table th {
    padding: 4.5px 0;
    font-size: 16.5px;
    background-color: #E5E8F1;
    border-left: 1px solid #BBBBBB;
}

.admissionTestReport-wrap .sec-subject-literacy .table th:first-child {
    border-left: 1px solid #FFFFFF;
}


.admissionTestReport-wrap .sec-subject-literacy .table td {
    padding: 9px 3px;
    font-size: 16.5px;
    color: #555555;
}

.admissionTestReport-wrap .sec-subject-literacy .table thead tr {
    border-top: 2px solid #1B3455;
}

.admissionTestReport-wrap .sec-subject-literacy .table tbody tr {
    border-left: none;
}

.admissionTestReport-wrap .sec-subject-literacy .table tbody tr td {
    border-left: 1px solid #BBBBBB;
}
.admissionTestReport-wrap .sec-subject-literacy .table tbody tr td:first-child {
    border-left: 1px solid #FFFFFF;
}

.admissionTestReport-wrap .sec-table .table {
    margin-top: -3px;
}

.admissionTestReport-wrap .sec-table .table th::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 4.5px;
    vertical-align: middle;
}
.admissionTestReport-wrap .sec-table .table tbody tr th{
    border: 1px dashed #BBBBBB;
}

.admissionTestReport-wrap .sec-table .table .litTh{
    background-color: #E5E8F1;
}
.admissionTestReport-wrap .sec-table .table .litTh::before {
    display: none;
}

.admissionTestReport-wrap .sec-table .table .num::before {
    display: none;
}

.admissionTestReport-wrap .sec-table .table .kor::before {
    background: url("/img/admissionTest/ico-korean.png") no-repeat center/contain;
}

.admissionTestReport-wrap .sec-table .table .math::before {
    background: url("/img/admissionTest/ico-math.png") no-repeat center/contain;
}

.admissionTestReport-wrap .sec-table .table .soc::before {
    background: url("/img/admissionTest/ico-society.png") no-repeat center/contain;
}

.admissionTestReport-wrap .sec-table .table .sci::before {
    background: url("/img/admissionTest/ico-science.png") no-repeat center/contain;
}

.admissionTestReport-wrap .sec-table .table tbody tr td:first-child {
    font-weight: 700;
    color: #4876EE;
}

.admissionTestReport-wrap .sec-table .table tbody tr td img {
    width: 18px;
    height: auto;
    margin-bottom: 3px;
}

.admissionTestReport-wrap .sec-analysis {
    overflow: hidden;
}

.admissionTestReport-wrap .sec-analysis .chart-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    margin-top: 22.5px;
}

.admissionTestReport-wrap .sec-analysis .chart-list .chart-item {
    flex: 1;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-radar {
    flex: 0 0 25%;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar {
    gap: 30px;
    margin-bottom: -15px;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item {
    width: 45%;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item .chart-label {
    font-size: 20px;
    font-weight: 500;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item .chart-label::before {
    content: "";
    display: inline-block;
    width: 7.5px;
    height: 7.5px;
    margin: 0 6px 4.5px 0;
    border-radius: 100%;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item .in-chart {
    height: 60px;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item.kor .chart-label::before {
    background: #FFD349;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item.math .chart-label::before {
    background: #B3A3FE;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item.social .chart-label::before {
    background: #BDD533;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item.data2 .in-chart {
    height: 90px;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item.data3 .in-chart {
    height: 117px;
}

.admissionTestReport-wrap .sec-analysis .chart-list.type-bar .chart-item.data4 .in-chart {
    height: 150px;
}

.admissionTestReport-wrap .sec-diagnosis .table {
    margin-top: -3px;
}

.admissionTestReport-wrap .sec-diagnosis .table tbody tr td img {
    width: auto;
    height: 30px;
}

.admissionTestReport-wrap .sec-diagnosis .table tbody tr td img.img-high {
    height: 33px;
}

.admissionTestReport-wrap .sec-diagnosis .table tbody tr td.txt-ment {
    padding: 6px 24px;
    text-align: left;
}

@media print {
    .admissionTestReport-wrap {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: none;
        /* 해당 엘리먼트 넘김 금지 */
    }

    .admissionTestReport-wrap * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .admissionTestReport-wrap .page-break {
        page-break-before: always;
    }

    .admissionTestReport-wrap .page-break-avoid {
        page-break-before: avoid;
    }

    .admissionTestReport-wrap #noprint {
        display: none;
    }
}


.admissionTestReport-wrap .sec-ms-eng-chart .d-chart {
    display: flex;
}

.admissionTestReport-wrap .sec-ms-eng-chart .d-chart .chart-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 240px;
    height: 130px;
    margin-right: 30px;
    text-align: center;
    border: 2px solid #BBBBBB;
    border-radius: 15px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .d-chart .chart-label p {
    font-size: 20px;
    font-weight: 670;
    letter-spacing: -0.04em;
}

.admissionTestReport-wrap .sec-ms-eng-chart .d-chart .chart-label p .color-orange {
    font-size: 45px;
    font-weight: 500;
    color: #FA640F;
    letter-spacing: -0.04em;
}

.admissionTestReport-wrap .sec-ms-eng-chart .d-chart .chart-label strong {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 12px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .d-chart .in-chart {
    position: relative;
}

.admissionTestReport-wrap .sec-ms-eng-chart .d-chart .in-chart .chart-value {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 21px;
    font-weight: 600;
}

.admissionTestReport-wrap .sec-ms-eng-chart .b-chart {
    margin-left: 21px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .score-list {
    display: flex;
    justify-content: end;
    gap: 60px;
    margin-top: -30px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .score-list dl {
    position: relative;
    display: flex;
    gap: 22.5px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .score-list dl dd {
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.05em;
}

.admissionTestReport-wrap .sec-ms-eng-chart .score-list dl dt {
    width: 61.5px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .score-list dl dt img {
    width: 100%;
    margin-top: 15px;
}

.admissionTestReport-wrap .sec-ms-chart .score-list dl dt span {
    position: absolute;
    top: 24px;
    right: 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #355BBD;
}

.admissionTestReport-wrap .sec-ms-eng-chart .table {
    margin-top: 10.5px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .table tbody tr td {
    font-size: 14px;
}

.admissionTestReport-wrap .sec-ms-eng-chart .table tbody tr td:first-child {
    font-weight: 700;
    color: #FA640F;
}

.admissionTestReport-wrap .sec-ms-eng-chart .table tbody tr td:nth-of-type(2) {
    padding: 0 16px;
    text-align: left;
}

.admissionTestReport-wrap .sec-ms-eng-chart .table tbody tr td img {
    width: 18px;
    height: auto;
    margin-bottom: 3px;
}

.admissionTestReport-wrap .sec-ms-math-chart .d-chart {
    display: flex;
}

.admissionTestReport-wrap .sec-ms-math-chart .d-chart .chart-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 240px;
    height: 130px;
    margin-right: 30px;
    text-align: center;
    border: 2px solid #BBBBBB;
    border-radius: 15px;
}

.admissionTestReport-wrap .sec-ms-math-chart .d-chart .chart-label p {
    font-size: 20px;
    font-weight: 670;
    letter-spacing: -0.04em;
}

.admissionTestReport-wrap .sec-ms-math-chart .d-chart .chart-label p .color-orange {
    font-size: 45px;
    font-weight: 500;
    color: #A390FE;
    letter-spacing: -0.04em;
}


.admissionTestReport-wrap .sec-ms-math-chart .d-chart .chart-label strong {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 12px;
}

.admissionTestReport-wrap .sec-ms-math-chart .d-chart .in-chart {
    position: relative;
}

.admissionTestReport-wrap .sec-ms-math-chart .d-chart .in-chart .chart-value {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 21px;
    font-weight: 600;
}

.admissionTestReport-wrap .sec-ms-math-chart .b-chart {
    margin-left: 21px;
}

.admissionTestReport-wrap .sec-ms-math-chart .score-list {
    display: flex;
    justify-content: end;
    gap: 60px;
    margin-top: -30px;
}

.admissionTestReport-wrap .sec-ms-math-chart .score-list dl {
    position: relative;
    display: flex;
    gap: 22.5px;
}

.admissionTestReport-wrap .sec-ms-math-chart .score-list dl dd {
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.05em;
}

.admissionTestReport-wrap .sec-ms-math-chart .score-list dl dt {
    width: 61.5px;
}

.admissionTestReport-wrap .sec-ms-math-chart .score-list dl dt img {
    width: 100%;
    margin-top: 15px;
}

.admissionTestReport-wrap .sec-ms-chart .score-list dl dt span {
    position: absolute;
    top: 24px;
    right: 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #355BBD;
}

.admissionTestReport-wrap .sec-ms-math-chart .table {
    margin-top: 10.5px;
}

.admissionTestReport-wrap .sec-ms-math-chart .table tbody tr td {
    font-size: 14px;
}

.admissionTestReport-wrap .sec-ms-math-chart .table tbody tr td:first-child {
    font-weight: 700;
    color: #A390FE;
}

.admissionTestReport-wrap .sec-ms-math-chart .table tbody tr td:nth-of-type(2) {
    padding: 0 16px;
    text-align: left;
}

.admissionTestReport-wrap .sec-ms-math-chart .table tbody tr td img {
    width: 18px;
    height: auto;
    margin-bottom: 3px;
}

/* 20231204 도전 1000제 */
.one-thousand-wrap .littlepurunet_list li .thumb a:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4) url('/assets/img/ico/ico-eBook.png') no-repeat center;
}


/* 20231207 */
/* 학습 컨테이너 */
/* base modal */
.base-modal.learning-container {
    width: 742px;
    height: 400px;
}

.base-modal.learning-container .modal-top .b-close {
    background-image: url(/img/admissionTest/ico-b-close-white.png);
}

.base-modal.learning-container .modal-mid {
    background: url("/img/learningContainer/character1.png") no-repeat left 114px center/147px auto;
}

.base-modal.learning-container .modal-bottom {
    border-top: none;
}

/* custom scroll bar */
.scroll-bar-orange {
    scroll-behavior: smooth;
}

.scroll-bar-orange::-webkit-scrollbar {
    width: 8px; /* 스크롤바의 너비 */
}

.scroll-bar-orange::-webkit-scrollbar-thumb {
    height: 10%; /* 스크롤바의 길이 */
    background: #FA640F; /* 스크롤바의 색상 */
    border-radius: 4px;
}

.scroll-bar-orange::-webkit-scrollbar-track {
    background: #ffffff; /*스크롤바 뒷 배경 색상*/
}

/* learning modal */
.learning-modal {
    display: none;
    position: relative;
    width: 1000px;
    max-height: 720px;
    background: #ffffff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.6);
    /* input_checkbox */
}

.learning-modal .modal-top {
    height: 90px;
    border-bottom: 4px solid #F5F5F5;
    box-sizing: border-box;
}

.learning-modal .modal-top .modal-tit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 100%;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.learning-modal .modal-top .modal-tit::before {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #FA640F;
    background-repeat: no-repeat;
    background-size: cover;
}

.learning-modal .modal-mid {
    height: calc(100% - 90px);
    height: auto;
    overflow: auto;
    box-sizing: border-box;
}

.learning-modal .modal-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    background: url("/img/learningContainer/ico-close.png") no-repeat center/cover;
    border-radius: 100%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.learning-modal .ipt-chk {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.learning-modal .ipt-chk label {
    display: block;
    width: 23px;
    height: 23px;
    margin: 0;
    padding: 0;
    border: 2px solid #999999;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.learning-modal .ipt-chk input:checked + label {
    background: #FA640F url("/img/learningContainer/ico-ipt-check.png") no-repeat center/11px auto;
    border: none;
}

/* 학습진도맵 */
#progress_map {
    width: 1200px;
    height: 100vh;
    max-height: 100vh;
}

#progress_map .btn-test {
    padding: 5px 22px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 10px;
    cursor: pointer;
}

#progress_map .btn-test::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 4px -2px 0;
    background: url("/img/learningContainer/ico-test.png") no-repeat center/cover;
}

#progress_map .btn-test.type-month {
    background: #FA640F;
    border: 1px solid #FA640F;
    color: #ffffff;
}

#progress_map .btn-test.type-month::before {
    background: url("/img/learningContainer/ico-test-month.png") no-repeat center/cover;
}

#progress_map .btn-test.type-refer::before {
    background: url("/img/learningContainer/ico-test-refer.png") no-repeat center/cover;
}

#progress_map .btn-test.type-refer:disabled::before {
    background: url("/img/learningContainer/ico-test-refer-disabled.png") no-repeat center/cover;
}

#progress_map .btn-test:disabled {
    background-color: #EBEBEB;
    color: #999999;
    cursor: default;
}

#progress_map .modal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    padding: 0 60px;
}

#progress_map .modal-top .modal-tit::before {
    background-image: url("/img/learningContainer/ico-tit-map.png");
}

#progress_map .modal-top .modal-tit .txt-class {
    position: relative;
    margin-left: 50px;
    font-weight: 400;
}

#progress_map .modal-top .modal-tit .txt-class::before {
    content: "";
    position: absolute;
    top: 16px;
    left: -28px;
    width: 2px;
    height: 32px;
    background: #4B505A;
}

#progress_map .modal-top .tab {
    display: flex;
    gap: 30px;
}

#progress_map .modal-top .tab li button {
    padding: 6.5px 30px;
    border-radius: 999px;
    font-size: 24px;
    color: #666666;
    cursor: pointer;
}

#progress_map .modal-top .tab li.active.kor button {
    background: #FFD349;
}

#progress_map .modal-top .tab li.active.math button {
    background: #B3A3FE;
}

#progress_map .modal-top .tab li.active.society button {
    background: #bdd533;
}
#progress_map .modal-top .tab li.active.science button {
    background: #4bc8f5;
}
#progress_map .modal-top .tab li.active.lit button {
    background: #FF9900;
}

#progress_map .modal-top .tab li.active.all.grade1 button {
    background: #BDD533;
}

#progress_map .modal-top .tab li.active.all.grade2 button {
    background: #4BC8F5;
}

#progress_map .modal-top .tab li.active button {
    font-weight: 700;
    color: #ffffff;
    box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
}

#progress_map .modal-section {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 14px 60px;
    background: #F5F5F5;
}

#progress_map .modal-section .box-desc {
    font-size: 18px;
}

#progress_map .modal-section .box-desc .txt-subject {
    font-weight: 700;
}

#progress_map .modal-section .box-progress {
    display: flex;
    gap: 10px;
}

#progress_map .modal-section .box-progress .progress-bar {
    overflow: hidden;
    position: relative;
    width: 500px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 999px;
    box-sizing: border-box;
}

#progress_map .modal-section .box-progress .progress-bar .now-progress-bar {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    background: linear-gradient(270deg, #FA640F 8.69%, #E13A4B 97.3%);
}

#progress_map .modal-section .box-progress .now-status {
    font-size: 14px;
}

#progress_map .modal-section .btn-test {
    margin-left: auto;
}

#progress_map .modal-mid {
    height: calc(100% - 164px);
    padding: 30px 60px;
}

#progress_map .modal-mid .unit + .unit {
    margin-top: 80px;
}

#progress_map .modal-mid .unit .box-tit {
    display: flex;
    margin-bottom: 12px;
}

#progress_map .modal-mid .unit .box-tit .tit {
    font-size: 24px;
    font-weight: 700;
}

#progress_map .modal-mid .unit .box-tit .btn-list {
    display: flex;
    gap: 13px;
    margin-left: auto;
}

#progress_map .modal-mid .unit .table-tit {
    display: flex;
    background: #FA640F;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#progress_map .modal-mid .unit .table-tit li {
    padding: 15px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

#progress_map .modal-mid .unit .table-tit li.date {
    flex-shrink: 0;
    width: 140px;
    text-align: center;
}

#progress_map .modal-mid .unit .table-tit li.date::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -3px 2px 0 0;
    background: url("/img/learningContainer/ico-calendar.png") no-repeat center/cover;
    vertical-align: middle;
}

#progress_map .modal-mid .unit .table-tit li.title {
    flex: 1;
}

#progress_map .modal-mid .unit .table {
    border: 1px solid #cccccc;
}

#progress_map .modal-mid .unit .table th, #progress_map .modal-mid .unit .table td {
    padding: 12px;
}

#progress_map .modal-mid .unit .table th {
    background: #F5F5F5;
    border-left: 1px solid #cccccc;
    font-weight: 700;
}

#progress_map .modal-mid .unit .table th .ico-info {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -3px 0 0 8px;
    background: url("/img/learningContainer/ico-info.png") no-repeat center/cover;
    vertical-align: middle;
}

#progress_map .modal-mid .unit .table th .ico-info.active::before {
    content: '학습 주제를 클릭하면 해당 학습으로 이동합니다.';
    position: absolute;
    left: -25px;
    bottom: -65px;
    padding: 16px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 313px;
    background: #FFF6DB;
    border: 1px solid #FFD349;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
    box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

#progress_map .modal-mid .unit .table th .ico-info.active::after {
    content: '';
    position: absolute;
    left: 4px;
    bottom: -12px;
    width: 12px;
    height: 10px;
    background: url("/img/learningContainer/ico-info-arrow.png") no-repeat center/cover;
}

#progress_map .modal-mid .unit .table td {
    border-left: 1px solid #cccccc;
    color: #666666;
}

#progress_map .modal-mid .unit .table td:has(a) {
    padding: 0;
}

#progress_map .modal-mid .unit .table td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15.5px;
    box-sizing: border-box;
}

#progress_map .modal-mid .unit .table td a:hover {
    background: #FEFAE7;
    color: #222222;
}

#progress_map .modal-mid .unit .table td a:hover.btn-quiz {
    background: none;
}

#progress_map .modal-mid .unit .table thead tr {
    border-bottom: 1px solid #cccccc;
}

#progress_map .modal-mid .unit .table tbody tr + tr {
    border-top: 1px solid #cccccc;
}

#progress_map .modal-mid .unit .table .ico-step {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 80px;
    margin: 0 auto;
    padding: 5.5px 14px;
    border-radius: 999px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

#progress_map .modal-mid .unit .table .ico-step.type-prev {
    background: #FA640F;
}

#progress_map .modal-mid .unit .table .ico-step.type-now {
    background: #01416C;
}

#progress_map .modal-mid .unit .table .ico-step.type-next {
    background: #999999;
}

#progress_map .modal-mid .unit .table .btn-quiz {
    padding: 10px;
    text-align: center;
    font-size: 24px;
    color: #222222;
}

#progress_map .modal-mid .unit .table .btn-quiz::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 6px -3px 0;
    background: url("/img/learningContainer/ico-quiz.png") no-repeat center/cover;
}

#progress_map .modal-mid .unit .table .btn-quiz.type-closed {
    text-decoration: underline;
}

#progress_map .modal-mid .unit .table .btn-quiz.type-closed::before {
    display: none;
}

#progress_map .modal-close {
    top: 40px;
    right: -100px;
}

/* 출석 현황 */
#attend_area .modal-top .modal-tit::before {
    background-image: url("/img/learningContainer/ico-tit-attend.png");
}

#attend_area .modal-mid {
    height: 625px;
    padding: 40px 50px;
}

#attend_area .modal-mid .list {
    display: flex;
    flex-wrap: wrap;
}

#attend_area .modal-mid .list .item {
    flex: 0 0 33.3333%;
    margin: -1px 0 0 -1px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

#attend_area .modal-mid .table {
    height: 100%;
}

#attend_area .modal-mid .table thead tr {
    border-bottom: 1px solid #dddddd;
}

#attend_area .modal-mid .table thead tr th {
    padding: 14px;
    background: #F5F5F5;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.1em;
    color: #999999;
}

#attend_area .modal-mid .table thead tr th + th {
    width: 60%;
    border-left: 1px solid #dddddd;
    color: #666666;
}

#attend_area .modal-mid .table tbody tr td {
    padding: 20px 14px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.1em;
}

#attend_area .modal-mid .table tbody tr td + td {
    border-left: 1px solid #dddddd;
}

/* 연관 콘텐츠 */
#multimedia_area .modal-top .modal-tit::before {
    background-image: url("/img/learningContainer/ico-tit-reference.png");
}

#multimedia_area .modal-mid {
    height: 625px;
    padding: 30px;
    box-sizing: border-box;
}

#multimedia_area .modal-mid .list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    padding: 17px;
    border: 1px solid #dddddd;
}

#multimedia_area .modal-mid .list .item {
    flex: 0 0 calc(20% - 15px);
}

#multimedia_area .modal-mid .list .item > a {
    display: block;
}

#multimedia_area .modal-mid .list .item .img-wrap {
    overflow: hidden;
    position: relative;
    width: 165px;
    height: 109px;
}

/*
#multimedia_area .modal-mid .list .item .img-wrap .bg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

#multimedia_area .modal-mid .list .item .img-wrap .bg > img{
	width: 100%;
	height: 100%;
}
*/
#multimedia_area .modal-mid .list .item .img-wrap .img {
    /*width: 100%;*/
    width: 165px;
    height: 109px;
}

#multimedia_area .modal-mid .list .item .img-wrap::before {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
    width: 102%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* hover */
#multimedia_area .modal-mid .list .item:hover .img-wrap::before {
    display: block;
}

/* mp4 */
#multimedia_area .modal-mid .list .item .img-wrap:has(.mp4)::before {
    background-image: url("/assets/img/bg-mp4.png");
}

/* mp3 */
#multimedia_area .modal-mid .list .item .img-wrap:has(.mp3)::before {
    background-image: url("/assets/img/bg-mp3.png");
}

/* etc */
#multimedia_area .modal-mid .list .item .img-wrap:has(.etc)::before {
    background-image: url("/assets/img/bg-etc.png");
}

/* mp4 sample */
#multimedia_area .modal-mid .list .item .img-wrap:has(.mp4.sample)::before {
    background-image: url("/assets/img/bg-mp4-sample.png");
}

/* mp3 */
#multimedia_area .modal-mid .list .item .img-wrap:has(.mp3.sample)::before {
    background-image: url("/assets/img/bg-mp3-sample.png");
}

/* etc */
#multimedia_area .modal-mid .list .item .img-wrap:has(.etc.sample)::before {
    background-image: url("/assets/img/bg-etc-sample.png");
}

#multimedia_area .modal-mid .list .item .txt {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.1;
    font-size: 14px;
}

#multimedia_area .modal-mid .list .item.type-img .img-wrap::before {
    background: none;
}

/* 북마크 */
#book_mark_area {
    width: 820px;
    height: 530px;
}

#book_mark_area .modal-top .modal-tit::before {
    background-image: url("/img/learningContainer/ico-tit-bookmark.png");
}

#book_mark_area .modal-mid {
    height: 430px;
    padding: 30px;
}

#book_mark_area .modal-mid .box-alert {
    padding: 19px 19px 19px 150px;
    background: #F4F8FB url("/img/learningContainer/character2.png") no-repeat left 30px bottom/100px auto;
    border-radius: 20px;
    font-size: 18px;
}

#book_mark_area .modal-mid .box-save {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 25px;
    margin: 14px 0 20px;
}

#book_mark_area .modal-mid .box-save dl {
    display: flex;
    gap: 15px;
}

#book_mark_area .modal-mid .box-save dl dt {
    flex-shrink: 0;
    line-height: 34px;
    font-size: 18px;
}

#book_mark_area .modal-mid .box-save dl dd input {
    width: 100%;
    height: 36px;
    border-radius: 10px;
    box-sizing: border-box;
}

#book_mark_area .modal-mid .box-save dl.dl-now {
    flex-shrink: 0;
    width: 250px;
}

#book_mark_area .modal-mid .box-save dl.dl-position {
    flex: 1;
}

#book_mark_area .modal-mid .box-save dl.dl-position dd {
    flex: 1;
}

#book_mark_area .modal-mid .box-save .btn-save {
    min-width: 90px;
    height: 36px;
    padding: 0;
    background: #222222;
    border-radius: 10px;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
}

#book_mark_area .modal-mid .box-list {
    overflow: hidden;
    border: 1px solid #cccccc;
    border-radius: 20px;
}

#book_mark_area .modal-mid .box-list .table tr {
    width: 100%;
}

#book_mark_area .modal-mid .box-list .table tr + tr {
    border-top: 1px solid #dddddd;
}

#book_mark_area .modal-mid .box-list .table th {
    padding: 11px 5px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #666666;
}

#book_mark_area .modal-mid .box-list .table th:nth-of-type(1) {
    width: 10%;
}

#book_mark_area .modal-mid .box-list .table th:nth-of-type(2) {
    width: 20%;
}

#book_mark_area .modal-mid .box-list .table th:nth-of-type(4) {
    width: 10%;
}

#book_mark_area .modal-mid .box-list .table td {
    padding: 8px;
    line-height: 1;
}

#book_mark_area .modal-mid .box-list .table thead tr {
    border-bottom: 1px solid #dddddd;
}

#book_mark_area .modal-mid .box-list .table tbody tr:hover {
    background: #FEFAE7;
}

#book_mark_area .modal-mid .box-list .table .ico {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto;
}

#book_mark_area .modal-mid .box-list .table .ico.ico-video {
    background: url("/img/learningContainer/ico-video.png") no-repeat center/cover;
}

#book_mark_area .modal-mid .box-list .table .ico.ico-interactive {
    background: url("/img/learningContainer/ico-interactive.png") no-repeat center/cover;
}

#book_mark_area .modal-mid .box-list .table .txt-border {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 23px 9px;
    border: 1px solid #dddddd;
    border-radius: 10px;
}

#book_mark_area .modal-mid .box-list .table .txt-desc {
    line-height: 1.2;
    color: #666666;
}

#book_mark_area .modal-mid .box-list .table .btn-delete {
    width: 40px;
    height: 40px;
    background: url("/img/learningContainer/ico-delete.png") no-repeat center/24px auto;
    border: 1px solid #dddddd;
    border-radius: 100%;
    cursor: pointer;
}

/* 학습 자료 */
#learn_data_down_area {
    width: 485px;
    max-height: 485px;
}

#learn_data_down_area .modal-top .modal-tit::before {
    background-image: url("/img/learningContainer/ico-tit-material.png");
}

#learn_data_down_area .modal-mid {
    height: 280px;
}

#learn_data_down_area .modal-mid .table thead tr {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#learn_data_down_area .modal-mid .table thead tr th {
    width: 50%;
    padding: 14px;
    background: #F5F5F5;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.1em;
}

#learn_data_down_area .modal-mid .table tbody tr + tr {
    border-top: 1px solid #dddddd;
}

#learn_data_down_area .modal-mid .table tbody tr td {
    padding: 13px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.1em;
}

#learn_data_down_area .modal-mid .table tbody tr td .txt-border {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 23px 9px;
    border: 1px solid #dddddd;
    border-radius: 10px;
    line-height: 20px;
    text-align: left;
}

#learn_data_down_area .modal-mid .table tbody tr td .btn-download {
    width: 20px;
    height: 20px;
    background: url("/img/learningContainer/ico-download.png") no-repeat center/cover;
    cursor: pointer;
}

.literacyReport-wrap .sec-info {
    display: flex;
    align-items: center;
    margin: 30px 54px 0;
    background: #F4F8F9;
    border-radius: 7.5px;
    justify-content: center;
}

.literacyReport-wrap .section {
    margin-top: 60px;
    page-break-inside: avoid;
}

.literacyReport-wrap .sec-subject .doughnuts-list {
    display: flex;
    gap: 15px;
}

.literacyReport-wrap .sec-subject .row {
    align-items: unset;
    gap: 100px;
    padding: 0 15px;
}

/*.literacyReport-wrap .sec-top .tit {*/
/*    text-align: center;*/
/*    font-family: "pretendard", sans-serif;*/
/*    font-size: 36px;*/
/*    font-weight: 700;*/
/*    margin-left: 10px;*/
/*}*/

.literacyReport-wrap .sec-table .table tbody tr td:first-child {
    color: #000000; !important;
    border:solid #B0B0B0;
    border-width: 1px 1px 1px 0px;
}

.literacyReport-wrap .table {
    table-layout: fixed;
    border-top: 2px solid #1B3455;
    border-bottom: unset;
    text-align: center;
}

.literacyReport-wrap .table tr {
    border-bottom: 1px solid #B0B0B0;
}

.literacyReport-wrap .table th {
    padding: 9px 0;
    font-size: 18px;
    letter-spacing: -0.05em;
    background-color: #bbdefb;
    border: solid;
    border-width: 3px 0px 0px 0px;
    border-color: #777777;
}

.literacyReport-wrap .table td {
    padding: 12px;
    font-size: 18px;
    letter-spacing: -0.05em;
    word-break: keep-all;
}

.literacyReport-wrap .table thead tr th:nth-child(1){
    border-right: solid 3px;
    border-color: #777777;
}

.literacyReport-wrap .table thead tr th:nth-child(2){
    border-right: solid 3px;
    border-color: #777777;
}

.literacyReport-wrap .table tr td:nth-child(2){
    text-align: left;
}
.literacyReport-wrap .table tr td:nth-child(5){
    text-align: left;
}
.literacyReport-wrap .table tr td:nth-child(8){
    text-align: left;
}
.literacyReport-wrap .table tr td:nth-child(3){
    border-right: solid 3px;
    border-color: #777777;
}
.literacyReport-wrap .table tr td:nth-child(6){
    border-right: solid 3px;
    border-color: #777777;
}

.literacyReport-wrap .overallReview{
    padding: 15px 15px 15px 15px;
    vertical-align: baseline;
    font-size: 18px;
}

.ment-table{
    border: 1.5px solid #000000;
}

.ment-table > tbody tr th:first-child{
    border: 1px solid #777777;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.ment-table > tbody tr td:nth-child(2){
    border: 1px solid #777777;
    text-align: center;
}

.ment-table > tbody tr td{
    border: 1px solid #777777;
}

.literacyReport-wrap .ment-table > tbody tr th:first-child{
    border: 1px solid #777777;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}