@CHARSET "UTF-8";

table._unset td{white-space: unset !important}
table._inner {width: auto !important}
table._inner td{vertical-align: top}
.cancel {color: red !important; text-decoration: line-through}
.noline-cancel {color: red !important}


/****************
나의강좌
****************/
/* 공통 */
.data-table .row {display: flex; flex-wrap: wrap;}

.data-table .header .row {border-radius: 5px; overflow: hidden;}
.data-table .header .col {display: flex; align-items: center; justify-content: center; min-height: 54px; color: #333; font-size: 17px; font-family: 'S-CoreDream-5Medium', sans-serif; text-align: center; padding: 14px 5px; background: #F7F8F9; border-top: 2px solid #2B3E5C;}
.data-table .body {margin-top: 8px;}
.data-table .body .group {border-top: 1px solid #DDDEE0; border-bottom: 1px solid #DDDEE0;}
.data-table .body .row:last-child .col {border-bottom: 0;}
.data-table .body .col {display: flex; justify-content: center; align-items: center; flex-shrink: 0; color: #666; font-size: 16px; font-family: 'S-CoreDream-4Regular', sans-serif; text-align: center; padding: 20px 10px; background: #fff; border-right: 1px solid #DDDEE0; border-bottom: 1px solid #dddee0;}
.data-table .body .col:last-child {border-right: 0;}
.data-table .body .col > div {display: flex; align-items: center;}
.data-table .body .col a {position: relative; color: #666;}
.data-table .body .col a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #7d7f81; transition: .4s;}

.data-table .hidden-text {position: absolute; top: -9999px; left: -9999px;}
.data-table-wrap input[type="button"] {cursor: pointer;}

@media all and (min-width: 1024px) {
    /* hover */
    .data-table .body .col a:hover:after {width: 100%;}
}
@media all and (max-width: 1023px) {
    .data-table .row {position: relative; display: block; height: auto; border: 1px solid #dddee0; border-top: 3px solid #2B3E5C; padding: 10px; box-shadow: 0 2px 10px 0 #f5f5f5;}

    .data-table .header {display: none;}
    .data-table .body .group {border-top: 0; border-bottom: 0;}
    .data-table .body .row {border-radius: 5px; overflow: hidden; margin-bottom: 20px;}
    .data-table .body .col {display: inline-block; color: #000; text-align: left; border-right: 0; border-bottom: 0; padding: 10px; font-family: 'S-CoreDream-5Medium', sans-serif;}
    .data-table .body .col > div {display: inline-block;}
    .data-table .body .col a {color: #000; text-decoration: underline;}

    .data-table .hidden-text {position: static; display: inline-block; margin-right: 10px; font-size: 17px; color: #666; font-family: 'S-CoreDream-4Regular', sans-serif;}
}


/* 책가방조회 */
.data-table.bookmark-table .col1 {width: 7%;}
.data-table.bookmark-table .col2 {width: 7%;}
.data-table.bookmark-table .col3 {width: 30%;}
.data-table.bookmark-table .col4 {width: 9%;}
.data-table.bookmark-table .col5 {width: 9%;}
.data-table.bookmark-table .col6 {width: 18%;}
.data-table.bookmark-table .col7 {width: 10%;}
.data-table.bookmark-table .col8 {width: 10%;}

.data-table.bookmark-table .body .col-regist {display: inline-flex; justify-content: center; align-items: center; min-width: 80px; min-height: 35px; color: #fff; font-size: 14px; font-family:'S-CoreDream-4Regular', sans-serif; text-align: center; border-radius: 5px; padding: 5px 10px;}
.data-table.bookmark-table .body .col-regist.regist-open {background: #0E8772;}
.data-table.bookmark-table .body .col-regist.regist-closed {background: #2B3E5C;}
.data-table.bookmark-table .del-btn {width: 80px; min-height: 35px; color: #fff; font-size: 14px; font-family:'S-CoreDream-4Regular', sans-serif; text-align: center; border-radius: 5px; padding: 5px 2px; background: #778399; transition: all 0.35s;}
.data-table.bookmark-table .del-btn:hover {color: #778399; background: #fff; border: 1px solid #778399;}

.data-table-wrap .data-table-button {text-align: right; padding: 40px 0;}
.data-table-wrap .data-table-button input {width: 140px; height: 50px; font-size: 16px; color: #fff; font-family: 'S-CoreDream-4Regular', sans-serif; border-radius: 5px; overflow: hidden; margin: 0 5px; transition: all 0.35s;}
.data-table-wrap .data-table-button .delAll-btn {background: #778399;}
.data-table-wrap .data-table-button .delAll-btn:hover {color: #778399; background: #fff; border: 1px solid #778399;}
._aC{text-align:center !important;}
._w100per{width: 100% !important;}
@media all and (max-width: 1023px) {
    .data-table.bookmark-table .col1,
    .data-table.bookmark-table .col2,
    .data-table.bookmark-table .col4,
    .data-table.bookmark-table .col5,
    .data-table.bookmark-table .col6 {width: auto;}
    .data-table.bookmark-table .col3, .data-table.bookmark-table .col7, .data-table.bookmark-table .col8 {width: 100%;}

    .data-table.bookmark-table .body .col-regist {width: auto; padding: 5px 10px;}
}