/**/
.vertical-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - (1.625rem * 2));
}
.thumb-display.banner {
  position: relative;
  display: inline-block;
}

.default-label {
  position: absolute;
  top: 1px; /* Adjust as needed */
  right: 1px; /* Adjust as needed */
  background-color: rgba(38, 88, 25, 1);
  color: white; /* Text color */
  padding: 2px 4px; /* Padding around the text */
  border-radius: 5px; /* Rounded corners */
  font-size: 12px; /* Font size */
  font-weight: bold; /* Bold text */
}
.container-fluid{min-height: calc(100vh - (1.625rem * 2));}

.cont-srch-area{margin: 0.3rem 0 1.2rem 0;}
.cont-srch-area .card-header{border-bottom: none; border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) calc(0.35rem - 1px) calc(0.35rem - 1px);}

.card-body.height-full{min-height: 550px;}

.contents{margin-top: 1rem;}

.sidebar-logo {text-decoration: none; padding: 1.4rem 1rem 0 1rem; font-size: 1rem; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: 0.05rem; z-index: 1;}
.sidebar-logo img{width: 100%; max-width: 160px;}

/* 최용진, 20221212 - cursor: pointer 추가 */
.logout-btn{cursor: pointer; color: #3C3D40; background-color: #ffffff; border: 1px solid #3C3D40; font-size: 12px; border-radius: 3px; padding: 3px 0 2px 0; display: inline-block; width: 70px; text-align: center;}
.navbar-nav.sidebar-dark{background: #212529;}
.navbar-nav .nav-btn span{cursor: pointer; color: #3C3D40; background-color: #ffffff; border: 1px solid #3C3D40; letter-spacing: -1.0px; font-size: 12px; border-radius: 3px; padding: 3px 10px 2px 10px; display: inline-block; text-align: center;}

.navbar-user-warp{width: 100%; padding: 1rem 1.5rem 1rem 1.5rem;}
.navbar-user-data{color: #3C3D40;}
.navbar-user-data span{display: inline-block;}
.navbar-user-data .academy-name{font-weight: 700; font-size: 14px; color: #5a5c69;}
.navbar-user-data .academy-code{font-weight: 600; font-size: 1rem; background: #3C3D40; color: #ffffff; border-radius: 3px; padding: 3px 10px 1px 10px; position: relative; top: -1px;}

.user-state{font-size: 0.8rem; margin-right: 0.5rem;}

.dashboard-ranking .ranking-area .ranking-area-lst{width: 94%; margin: 0 3%;}
.dashboard-ranking .ranking-area .ranking-area-lst tr:last-child{padding-bottom: 0px;}

.dashboard-ranking .ranking-area .ranking-area-lst tr td{line-height: 40px;padding-bottom: 5px;}
.dashboard-ranking .ranking-area .ranking-area-lst tr td:nth-child(1){ font-weight: 700;}
.dashboard-ranking .ranking-area .ranking-area-lst tr td:nth-child(1) strong{font-size: 18px; font-family: "Helvetica Neue"; position: relative; top: 1px;}
.dashboard-ranking .ranking-area .ranking-area-lst tr td:nth-child(3){text-align: right;}

.dashboard-ranking .ranking-area .ranking-lst-user{margin-bottom: 0;}
.dashboard-ranking .ranking-area .ranking-lst-user dt{width: 40px; height: 40px; border-radius: 40px; margin-right: 10px; overflow: hidden; border: 1px solid #F2F2F2; float: left; background: url(/images/profile_thumb.jpg); background-size: cover;}
.dashboard-ranking .ranking-area .ranking-lst-user dt.top{border-color: #4e73df;}
.dashboard-ranking .ranking-area .ranking-lst-user dd{margin: 0; font-size: 14px;}

.dashboard-ranking .ranking-area .ranking-lst-user dt img{width: 100%;}

.ranking-trophy{display: inline-block; padding:2px 0 0 0; background: url(/images/icon_trophy.png) no-repeat 0% 50%; background-size: 25px; padding-left: 25px; width: 80px; text-align: right; font-weight: 700;}


.dashboard-table-wrapper{height:610px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #e3e6f0; border-right: none;}
.dashboard-table-wrapper table{margin-bottom: 0;}

.dashboard-lstlist table{width: 100%;}
.dashboard-lstlist table tr{border-bottom: 1px solid #eeeeee; cursor: pointer;}
.dashboard-lstlist table th,
.dashboard-lstlist table td{ padding: 10px 5px 10px 5px;}
.dashboard-lstlist table th{ font-weight: 400; font-size: 14px;text-overflow: ellipsis;}
.dashboard-lstlist table td{text-align: right; font-size: 12px; width: 84px;}

.dashboard-lstlist.list-type-text tr th{vertical-align: middle; border: none; border-right: 1px solid #b6b8c1;}
.dashboard-lstlist.list-type-text tr th:last-child{border-right: none;}
.dashboard-lstlist.list-type-text tr td{vertical-align: middle; border-right: 1px solid #e3e6f0; border-bottom: 1px solid #e3e6f0; padding: 10px 0px;}
.dashboard-lstlist.list-type-text tr td.left{padding: 10px 10px;}
.dashboard-lstlist.list-type-text tr td:last-child{border-right: none;}

.dashboard-lstlist .tbl-no-results td:last-child{padding: 20% 0 23% 0; color: #ccc; border-bottom: none;}
.dashboard-lstlist .tbl-no-results .no-results-warp .title {color: #ccc;}

.overflow-list{height: 520px; overflow: hidden; overflow-y: scroll;}

.card-text-title{font-size: 16px;}
.card-text-cont{font-size: 50px;}
.card-text-cont .unit-text{font-size: 30px; position: relative; top: -3px; padding-left: 5px;}

.sidebar .sidebar-heading {padding: 0 1rem 0.3rem 1rem; font-size: 11px; font-weight: 400;}
.sidebar hr.sidebar-divider {margin: 1.1rem 1rem 1.5rem 1rem;}

.dashboard-chart{height: 360px;}

.dashboard-chart-ui{width: 100%; position: relative;}
.dashboard-chart-ui ul li{float: left; list-style: none; padding:0;}
.dashboard-chart-ui .chart-graph{padding:0 120px 0 20px;}
.dashboard-chart-ui .chart-category{width: 100px; position: absolute; top: 0; right: 0;}
.dashboard-chart-ui .chart-category span{display: block; text-align: left; padding: 0 0 10px 0;}

.pr-30{padding-right: 30px;}

.inline-area{display: inline-flex; align-items: center;}

.gnb-title {padding: 0 0 5px 0; position: relative; font-family: 'GmarketSans';}
.gnb-title h1{font-size: 32px; font-weight: 800;}
.gnb-title h1 span{font-size: 30px; font-weight: 500;}
.gnb-title h1 a{ color: #ED1C2A; }
.gnb-title h1 a:hover{ text-decoration: underline; }
.gnb-title h1 em{ font-size: 24px; font-style:normal}


.gnb-title h1 a.title-btn-back {
  display: inline-block;
  margin-right: 12px;
  color: #2e2f37;
  border: 2px solid #2e2f37;
  border-radius: 5px;
  position: relative;
  top: 0px;
  float: left;
  width: 40px;
  height: 36px;
}

.gnb-title h1 a.title-btn-back::after {
  position: absolute;
  left: 14px;
  top: 8px;
  content: '';
  width: 16px;
  height: 16px;
  border-top: 4px solid #000;
  border-right: 4px solid #000;
  transform: rotate(225deg);
}


.gnb-title .right-area{position: absolute; right: 0; top: 0;}
.gnb-title .btn{ min-width: 100px;}
.gnb-title .btn i{ display: inline-block; margin-right: 10px; top: 1px;}

.btn-close {
  box-sizing: content-box;
  width: 1.7em;
  height: 1.7em;
  color: #000;
  background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  opacity: .5;
  font-size: inherit;
  display: inline-block;
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}


.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  border-bottom: 1px solid #e3e6f0;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-title{
  font-weight: 800;
}

.modal-title em{
  font-size: 16px;
  font-style: normal;
  color: #6e707e;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

.modal-body .table th, .modal-body .table td { padding: 0.5rem;}

.modal-body h6{font-weight: 700; font-size: 14px;}

.modal-body.of-scroll{
  height: 400px;
  overflow: hidden;
  overflow-y: scroll;
}


.dataTables_length{text-align: right;}

.dataTables-state{display: inline-block;}
.dataTables-state span{ font-size: 14px; display: inline-block; padding: 10px 0 10px 5px;}

.table-top-data{padding: 0 0 8px 0;}
.table-top-data .list-total-state{font-size: 12px; display: inline-block; margin-right: 20px;}
.btn-list-top{display: inline-block; padding: 2px 12px 2px 12px; margin-right: 3px; color: #202530; font-size: 12px; border: 1px solid #373e4e; border-radius: 30px;}
.btn-list-top:hover{color: #ED1C2A; border-color: #ED1C2A;}
.btn-list-top i{padding-right: 5px;}
.btn-list-top i.off{opacity: 0.3;}

ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content:center;
}

.card-header .btn{
  margin-left: 10px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.card-header .btn.btn-willgrow{margin-left: 0px; min-width: 75px;}
.card-header .btn.btn-willgrow i{padding-right: 5px; font-weight: 600;}


.card-header .btn-danger {
  color: #fff;
  background-color: #494A53;
  border-color: #494A53;
  width: 100px;
  min-width: 70px;
}

.card-header .btn-outline-danger {
  color: #FF3D00;
  background-color: #ffffff;
  border-color: #FF3D00;
  width: 170px;
  min-width: 140px;
}

.card-header .usage-approve-notice{color: #FF3D00; font-size: 14px; padding: 0px; margin: 0px; text-align: left;}
.card-header .usage-approve-notice span{color: #3C3D40; float: right;}

/*.bill-total-warp .bill-total-description{ font-size: 14px; color: #fff; padding: 0 25px;}*/
/*.bill-total-warp .bill-total-description span{float: right;}*/

.sidebar-dark .nav-item .nav-link span{ padding: 0 0 0 10px;}

.word-list-tag {position: relative; display: inline-block;}
.word-list-tag span {
  background-color: #fff;
  display: block;
  font-size: 14px;
  padding: 6px 12px 4px 12px;
  font-weight: 400;
  color: #3c3d40;
  border: 1px solid #3c3d40;
  border-radius: 0.35rem;
  margin-right: 5px;
}

.word-list-tag.del-btn span{
  padding: 6px 30px 4px 12px;
}
.word-list-tag .btn-close{position: absolute; top: 4px; right: 2px; background-size: 10px;}

.word-list-tag .form-control,
.word-list-tag .form-control-plaintext {
  padding: 6px 12px;
  font-size: 14px;
}

.word-list-tag .form-control.series-edit-number{padding: 3px 3px 3px 8px; margin: 0 auto; text-align: center; border: none; height: 16px;  background-color: transparent; border-color: transparent;}
.word-list-tag .form-control:focus.series-edit-number{
  color: #6e707e;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.fst-italic{font-style: italic;}

.bill-total-warp{margin-bottom: 20px;}
.bill-total-warp ul{margin: 0; padding: 0;}

.bill-total-warp .bill-card{background: #3C3D40; border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px); border: 1px solid #e3e6f0; display: block; clear: both; overflow: hidden;}
.bill-total-warp .bill-card li{float: left; height: 100%; text-align: center;}

.bill-total-warp .bill-card li i{color: #ffffff; display: block; margin-top: 60px; font-size: 40px;}
.bill-total-warp .bill-card li dl{padding: 20px 20px 3px 20px; margin: 20px 20px 15px 20px; background: #fff; border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px);}
.bill-total-warp .bill-card li dl dt{text-align: left;}
.bill-total-warp .bill-card li dl dt span{font-size: 12px; font-weight: normal;}
.bill-total-warp .bill-card li dl dd{text-align: right; font-size: 34px; font-weight: 800;}
.bill-total-warp .bill-card li dl dd em{ font-style: normal; font-size: 24px; font-weight: 700; position: relative; top: -2px;}

.bill-total-warp .bill-card li:nth-child(1){width: 30%;}
.bill-total-warp .bill-card li:nth-child(2){width: 3%;}
.bill-total-warp .bill-card li:nth-child(3){width: 30%;}
.bill-total-warp .bill-card li:nth-child(4){width: 3%;}
.bill-total-warp .bill-card li:nth-child(5){width: 34%;}

.bill-total-warp .bill-total-description{ font-size: 14px; color: #fff; padding: 0 25px;}
.bill-total-warp .bill-total-description span{float: right;}

.table-bordered td.rb-0{border-right: 1px solid #ffffff;}
.list-del i{font-size: 1.2rem;}

.no-results-warp{text-align: center; padding: 60px 0 100px 0;}
.no-results-warp .visual{margin: 0 0 20px 0;}
.no-results-warp .visual i{font-size: 6rem;}
.no-results-warp .title{color: #5a5c69; font-weight: 800; font-size: 1.5rem; margin: 0 0 5px 0;}
.no-results-warp .text{color: #b7b9cc; font-weight: 500; font-size: 1rem;}

.no-results-warp.height-full{padding: 8% 0 10% 0;}

.modal-body .overflow-auto{max-height: 510px;}
.modal-body .overflow-auto.mh300{max-height: 300px;}

.modal-form-check-area{padding: 0.375rem 0;}

.series-edit-warp{width: 100%;}
.series-edit-warp .series-edit-list{float: left; width: 45%;}
.series-edit-warp .series-edit-move{float: left; width: 10%; text-align: center; padding-top: 19%;}
.series-edit-warp .series-edit-move button{display: block; width: 70%; margin: 10px auto;}
.series-edit-warp .series-edit-add{float: left; width: 45%;}


.table-bordered tr.on{background: aliceblue;}
.table-bordered tr.not-mine{background: #fdf2f5;}

.form-floating {
  position: relative;
  margin-bottom: 20px;
}
.form-floating > .form-control{
  padding: 2.7rem 0.75rem 1.2rem 0.75rem;
}
.form-floating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0.5rem 0.75rem 2rem 0.75rem;
  font-size: 14px;
  font-weight: 700;
}


.form-check {
  padding-left: 0;
}

.form-check-input {
  position:relative;
  margin-top: 0;
  margin-left: 0rem;
  width: 15px;
  height: 15px;
}


.card-header-select{width: 20%; margin-right: 10px;}

.btn-list-detail {
  z-index: 10;
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  color: #212529;
  background-color: #fff;
  border: 1px solid #212529;
  border-radius: 1rem;
  margin-left: 5px;
  min-width: 60px;
}
.btn-list-detail.solid{
  color:#fff ;
  background-color: #212529;
  padding: 5px 8px;
}
.btn-list-detail.disabled{
  color:#fff ;
  background-color: #b8b8bb;
  border: 1px solid #b8b8bb;
  padding: 5px 8px;
  cursor: default;
}

.right-btn-area .text{ float: left; line-height: 28px;}
.right-btn-area .btn-list-detail{ float: right;}

.modal-footer button{min-width: 80px;}
.modal-footer button.btn.btn-primary{min-width: 150px;}

.modal-footer .guide-text{font-size: 12px; color: #ff0000; margin: 10px 0 0 0;}

.modal-footer .right-cont-text{display: inline-block; text-align: left; font-size: 12px; position: absolute; left: 15px; top: 19px; font-size: 14px;}

.btn-list-detail i{margin-right: 5px;}

.thumb-img{ display: inline-block; width: 45px; border-radius: 5px; overflow: hidden; margin: 0 auto;}
.thumb-img img{width: 100%;}
.thumb-img span{display:none;}


.thumb-img.w100 {width: 100px;}
.thumb-img.w200 {width: 200px;}

.filebox{ float: left; margin-right: 20px;}
.filebox label {
  display: inline-block;
  padding: .5em .75em;
  color: #6e707e;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 1px solid #d1d3e2;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  margin: 0 0 0 0;
}

.filebox input[type="file"] {  /* 파일 필드 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.label-ex-text{ display: inline-block; font-size: 12px;}

.login-warp{margin-top: 20%;}
.login-area{border-left: 1px solid #eeeeee; background: #f8f9fc;}


.nav-item svg{color: rgba(255, 255, 255, 0.3); text-align: center; width: 1.25em; -webkit-font-smoothing: antialiased; display: inline-block; line-height: 1;}
.nav-item i.menu-icon img{width: 1.25em;}

.nav-item i{width: 14px; height: 16px;}

.modal-print-warp .print-preview-area{ float: left; width: 70%; height: 750px; overflow: hidden; overflow-y: scroll;}

.print-preview-area .print-preview ul{padding: 20px 0 30px 20px; margin: 0;}
.print-preview-area .print-preview ul li{width: 32%; display: inline-block;}

.print-preview-area .print-preview .print-thumb-box{display: block; padding: 20px 20px;}
.print-preview-area .print-preview .print-thumb-box p{ display: block; font-size: 1.1rem; text-align: center; font-weight: 700; color: #3C3D40; padding: 0 0 10px 0; margin: 0 0 0 0;}

.print-preview-area .print-preview ul.print-final{padding: 0 0 0 10px; margin: 0;}
.print-preview-area .print-preview ul.print-final li{width: 100%; display: inline-block; vertical-align: top;}

.print-preview-area .print-preview .print-thumb{position: relative;}
.print-preview-area .print-preview .print-thumb .thumb-img-box{width:130px; height:197px; border: 1px solid #ccc;}
.print-preview-area .print-preview .print-thumb img{ width: 100%;}


.print-preview-area .print-preview .print-thumb-box img{ opacity: 0.8;}
.print-preview-area .print-preview .print-thumb-box.on img{ opacity: 1;}

.print-preview-area .print-preview .print-thumb{ cursor: pointer;}
.print-preview-area .print-preview .print-thumb .check-box{ position: absolute;  top: 36%; left: 50%;}
.print-preview-area .print-preview .print-thumb .check-box span{position:relative; top: -50%; left: -50%; width: 70px; height: 70px; text-align: center; border-radius: 100px; background: #4e73df; display: block;}
.print-preview-area .print-preview .print-thumb .check-box span i{color: #fff; font-size: 2rem; line-height: 70px;}


.modal-print-warp .print-action-area{ width: 30%; height: 100%; float: right; text-align: left; border-left: 1px solid #cccccc;}
.modal-print-warp .print-action{ width: 100%; height: 100%;  position: relative; display: block;}

.modal-print-warp .print-action .print-btn{display: block; padding: 5px 0px 3px 0px; margin: 0 30px;}

.modal-print-warp .print-action .position-top{ position:absolute; top: 30px; width: 100%;}
.modal-print-warp .print-action .position-top .print-btn{margin-bottom: 15px; font-weight: 600;}

.modal-print-warp .print-action .position-bottom{position: absolute; bottom: 30px; width: 100%;}
.modal-print-warp .print-action .position-bottom .print-btn{margin-top: 15px;}

.dropdown-list-worksheet a{display:block; width: 100px; float: left;}
.dropdown-list-worksheet a img{width: 100%;}
.dropdown-list-worksheet a p{display: block;}


.worksheet-print-choice{border:1px solid #4e73df; color: #4e73df; border-radius: 3px; padding: 4px 8px 3px 8px; position: relative; top: 1px;}


.print-area-btn{position: relative;}

.print-area-btn .print-btn{position: absolute; right: 0; display: inline-block;}

/* 20221206 최용진 수정 */
/* .table-bordered td.print-choice-td{text-align: right; border-left: none;}*/
.table-bordered td.print-choice-td{text-align: center; border-left: none;}
.table-bordered td.print-choice-td{border-left: none;}
.table-bordered td.tbl-border-none-r{border-right: none;}

.table-bordered.bill-details th{background: #f8f9fc; font-weight: 400;}
.table-bordered.bill-details td{ text-align: right;}

.table-bordered.bill-details td.left{ text-align: left;}

.table-bordered.bill-details tfoot th{ font-size: 16px; font-weight: 700;}
.table-bordered.bill-details tfoot td{font-size: 24px; font-weight: 700;}

.table-bordered tr.tr-nohw td{ color: #cccccc;}

.table.table-bordered th{background: #f8f9fc; font-weight: 400; font-size: 13px; padding: 0.75rem 0; font-weight: 700;}
.table.tbl-click-hover tr:hover td{background: #e3e6f0; cursor: pointer;}

.table .landing-link{color: #8CC63F;}
.table .landing-link.off{color: #cccccc; cursor: auto;}

.table .icon-display-type{font-size: 20px;}

.table .thumb-display{width: 120px; max-height: 40px; margin: 0 auto; overflow: hidden;}
.table .thumb-display img{width: 100%;}
.table .thumb-display.banner{max-height: 40px;}
.table .thumb-display.popup{ width: 60px; max-height: 60px;}

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

.question-tooltip {
  position: relative;
  display: inline-block;
  background: #3C3D40;
  color: #fff;
  font-size: 10px;
  padding: 2px 5px 0px 5px;
  border-radius: 20px;
  cursor: pointer;
}
.question-tooltip .tooltip-content {
  visibility: hidden;
  min-width: 200px;
  max-width: 350px;
  border-radius: 5px;
  background-color:#8CC63F;
  padding: 10px 15px;
  color: white;
  text-align: center;
  position: absolute;
  font-size: 12px;
  margin-top: 5px;
  z-index: 1;
  box-shadow: 0 17px 20px -18px rgba(0, 0, 0, 0.6);
  word-break: keep-all;
}
.question-tooltip:hover .tooltip-content { visibility: visible; }


.table.table-bordered th.va-top{vertical-align: top; padding: 1.3rem 0 0.6rem 0;}

.toggle-switch { position: relative; display: inline-block; width: 50px; height: 26px; margin: 4px 0 0 0;}
.toggle-switch .switch-btn { display: none;}
.switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #7c7c7c; transition: .4s; border-radius: 34px; }
.switch-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 4px; background-color: #ffffff; transition: .4s; border-radius: 50%; }
.switch-btn:checked+.switch-slider { background-color: #8CC63F;}
.switch-btn:focus+.switch-slider { box-shadow: 0 0 1px #8CC63F; }
.switch-btn:checked+.switch-slider:before { transform: translateX(24px); }
.switch-slider::after { content: "OFF"; display: inline-block; position: absolute; top: 50%; left: calc(100% - 25px); transform: translateY(-55%); font-size: 10px; letter-spacing: -0.5px; color: #ffffff; }
.switch-btn:checked+.switch-slider::after {content: "ON"; left: 8px; color: #fff; letter-spacing: normal;}


.bordered-more-btn{font-size: 12px; opacity: 0.5; cursor: pointer; color: #4e73df; padding: 2px 0 0 0 ;}
.bordered-more-btn i{position: relative; top: -1px; font-style: normal;}

.choice-list tr{ cursor: pointer;}
.choice-list tr.select{ background-color: #5A5AD4 !important;}
.choice-list tr.select td{ border: 1px solid #5A5AD4; font-weight: 800; color: #ffffff;}
.choice-list tr.off{background-color: #eaecf4 !important; cursor: default; }

.analysis-details-warp{border:1px solid #5A5AD4; /*background: #F5F8FF;*/ padding: 20px 30px; border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px);}

.analysis-details-warp .sub-title{font-size: 14px; font-weight: 700; padding: 10px 0 5px 0;list-style-type : disc}

.analysis-details .table-bordered tbody tr th{ background: #f8f9fc;}
.analysis-details .table-bordered tbody tr td{ background: #ffffff;}
.analysis-details .table th, .analysis-details .table td { padding: 0.5rem;}

.analysis-details-box .cont-tit{ font-size: 14px; color: #3c3d40; font-weight: 400;}
.analysis-details-box .cont-box{ border: 1px solid #e3e6f0; padding: 10px 10px; margin: 5px 0 20px 0; background: #ffffff;}
.analysis-details-box .cont-box span{background-color:#66CCFF; padding: 3px 10px; font-weight: 400; display: inline-block; margin: 2px 3px;}
.analysis-details-box .cont-box span.nodata{background-color:#ffffff; font-size: 14px; padding: 3px 3px;}

.mygraph-warp{padding: 0px 0 0px 20px;}
.mygraph-warp .graph{ width:100%; height: 150px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin: 20px auto 10px auto; padding: 0 0 0 5px;}
.mygraph-warp-nodata{padding-top:150px; text-align: center;}
.mygraph-warp .graph .graph-bar{position: relative; width: 6%; margin-left:3.5%; height: 100%; background: #ffffff; display: inline-block; overflow: hidden; clear: both;}
.mygraph-warp .graph .graph-bar .bar{ display: block; margin: 0 auto; width: 100%; position: absolute; bottom: 0; background: #E6EBEF; cursor: pointer;  border-top-left-radius: calc(1rem - 1px);
  border-top-right-radius: calc(1rem - 1px);}
.mygraph-warp .graph .graph-bar .bar:hover{background:#DBE4EC}
.mygraph-warp .graph .graph-bar .bar.on{background:#5A5AD4}
.mygraph-warp .graph .graph-bar .bar.on:hover{background:#4e73df}
.cont-box .mygraph-cont-box{padding: 35px 5px 0px 0px;}
.mygraph-warp .graph-x{font-size: 14px; font-weight: 700;}
.mygraph-warp .graph-x .left{float: left;}
.mygraph-warp .graph-x .right{float: right;}

.floating-title-box {
  position: relative;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.floating-title-box h6{
  position: absolute;
  top: 0;
  left: 3px;
  height: auto;
  padding: 1rem 0.75rem 0rem 0.75rem;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #3C3D40;
  z-index: 10;
}

.floating-title-box .floating-cont{padding: 2.5rem 0.75rem 1rem 0.75rem;}

.txt-pointer{cursor: pointer;}

.cont-table-area .table-responsive{border-top: 1px solid #EFEEF6;}
.table-cardlist {border-spacing: 4px; border-collapse:unset;}
.table-cardlist thead tr th{font-size: 13px; font-weight: 600; padding: 0.5rem 0.5rem 0.2rem 0.5rem;}
.table-cardlist tbody tr{ border-bottom: 5px solid #fff;}
.table-cardlist tbody tr th,
.table-cardlist tbody tr td{background: #F4F6F8;}
.table-cardlist thead tr th:first-child{border-left: 5px solid #ffffff;}
.table-cardlist tbody tr td:first-child{border-left: 5px solid #E2E8EE;}
.table-cardlist tbody tr th:first-child{border-left: 5px solid #E2E8EE;}


.table-cardlist tbody tr.ticket-unused td:first-child,
.table-cardlist tbody tr.ticket-unused th:first-child{border-color:#0057FF;}
.table-cardlist tbody tr.ticket-used td:first-child,
.table-cardlist tbody tr.ticket-used th:first-child{border-color:#9CABBA;}
.table-cardlist tbody tr.ticket-assigned td:first-child,
.table-cardlist tbody tr.ticket-assigned th:first-child{border-color:#ED1C2A;}


.table-cardlist .form-check-input{top:2px;}
.table-cardlist tr th.point-area{color: #ED1C2A; font-weight: 700;}
.table-cardlist tr td.point-area{background-color: #dfffed;}

.table-cardlist tr.point-area th{background-color: #dfffed; color: #ED1C2A;}
.table-cardlist tr.point-area td{background-color: #dfffed;}

.essential-mark{color: #ff0000; padding-left: 5px;}

.text-right-check{min-width: 45px; position: relative;}
.text-right-check label{margin:0;}
.text-right-check input{position: absolute; right: 0;}

.result-chart-warp{height: 400px; margin-top: 20px;}


.note-toolbar.card-header{background: #f5f5f5; border-radius: 5px 5px 0 0;}
.note-toolbar.card-header .btn{font-size: 12px; background: #fff;}
.note-editor .note-toolbar>.note-btn-group{margin-right: 0;}
.note-editor .note-toolbar{padding: 0 0 5px 0px;}

@media (max-width: 1200px){
  .mygraph-warp .graph .graph-bar{width: 4.5%; margin-left:5%;}
}

@media (max-width: 991px){
  .mygraph-warp{padding: 0px 20px 0px 20px;}
  .mygraph-warp .graph .graph-bar{width: 7%; margin-left:2.8%;}
}

@media (max-width: 880px){
  .mygraph-warp .graph .graph-bar{width: 6.5%; margin-left:3%;}
}

@media (max-width: 630px){
  .mygraph-warp .graph .graph-bar{width: 6%; margin-left:3.5%;}
}

@media (max-width: 560px){
  .mygraph-warp .graph .graph-bar{width: 5.5%; margin-left:4%;}
}
@media (max-width: 400px){
  .mygraph-warp .graph .graph-bar{width: 5%; margin-left:4.5%;}
}

/*토글 스위치 버튼 - start*/
.toggle-switch input[type=checkbox]{
  display: none;
}
.toggle-track{
  display: inline-block;
  position: relative;
  font-size: 12px;
  width: 50px;
  height: 18px;
  line-height: 19px;
  border-radius:60px;
  background: #8b8b8b;
}
.toggle-track:before{
  content:'';
  display: block;
  position: absolute;
  top: -6px;
  left: -10px;
  width: 20px;
  height: 20px;
  margin: 5px;
  background: #fff;
  border-radius:100%;
  border:1px solid #8b8b8b;
  transition:left 0.3s;
}
.toggle-switch label {
  display: inline-block;
  margin-bottom: 0rem;
}
.toggle-switch input[type=checkbox] + label .toggle-track:after{
  content:'OFF';
  display: inline-block;
  position: absolute;
  right: 8px;
  color: #fff;
}
.toggle-switch input[type=checkbox]:checked + label .toggle-track{
  left:-2px;
  background: #0d6efd;
}
.toggle-switch input[type=checkbox]:checked + label .toggle-track:before{
  left: 30px;
  border:1px solid #0d6efd;
}
.toggle-switch input[type=checkbox]:checked + label .toggle-track:after{
  content:'ON';
  left: 5px;
}
/*토글 스위치 버튼 - end*/


/*체크박스 택 - start*/
.checkbox-btn{display: inline-block; position: relative;}
.checkbox-btn input[type=checkbox]{ display: none;}
.cb-btn{ color: #202530; background: #ffffff; cursor: pointer; border: 1px solid #202530; display: inline-block; padding:1px 20px 0px 20px; margin: 3px; border-radius: 5px; height: 30px; line-height: 28px; font-size: 14px;}
.checkbox-btn input[type=checkbox]:checked + label .cb-btn{color: #ffffff; background: #202530;}
.checkbox-btn input[type=checkbox]:checked + label .cb-btn:before{border:1px solid #202530;}

.checkbox-btn.clear-btn{position: relative; z-index: 1;}
.checkbox-btn.clear-btn label{margin-bottom: 0;}
.checkbox-btn.clear-btn .cb-btn{ text-align: left; padding:1px 30px 0px 15px;}
.checkbox-btn.clear-btn .del-btn{position: absolute; top: 5px; right: 12px; cursor: pointer; font-style: normal; color: #202530; font-size: 12px; font-weight: 600; font-family:Arial, Helvetica, sans-serif;}
.checkbox-btn.clear-btn .del-btn:after{content:'X'; display: inline-block;}
.checkbox-btn.clear-btn input[type=checkbox]:checked + label .cb-btn{ display: none;}
.checkbox-btn.clear-btn input[type=checkbox]:checked + label .cb-btn:before{ display: none;}

.file-layers{background: url(../images/file_list.png) no-repeat 0px 53%; background-size: 14px; padding-left: 20px;}
.checkbox-btn .cb-btn.file-layers, .checkbox-btn.clear-btn .cb-btn.file-layers{ background: url(../images/file_list.png) no-repeat 11px 53%; background-size: 14px; padding:1px 30px 0px 30px;}

.floating-cont.add-form form{ display: inline-block;}
.floating-cont .cb-add{ position: relative; z-index: 100; color: #fff; background: #d1d3e2; cursor: pointer; border: 1px solid #d1d3e2; display: inline-block; padding:1px 10px 0px 10px; margin: 3px; border-radius: 5px; height: 30px; line-height: 28px; font-size: 14px;}
.floating-cont .cb-add i{margin-right: 5px;}

/*체크박스 택 - end*/

.sub-tit-sm{ font-weight: 700; font-size: 14px;}

.blok-list-box{ margin: 0px 0 30px 0; border: 1px solid #d1d3e2; border-radius: 0.35rem;padding: 1.2rem 1rem 0.5rem 1rem;}
.blok-list-box .form-control-ex{font-size: 12px; display: inline-block; font-weight: 400;}


.result-grade-total{
  background: #858796;
  border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px);
  border: 1px solid #e3e6f0;
  display: block;
  clear: both;
  overflow: hidden;
  padding: 10px 20px;
}
.result-grade-total .total-text{float:left; padding-top:3px; font-weight: 700; color: #fff; font-size: 16px;}
.result-grade-total .total-text span{color: #FAFF00; font-size: 18px;}
.result-grade-total .r-cont{float:right;}
.result-grade-total .r-cont .btn{margin-left: 10px;}
.result-grade-total .r-cont .btn-sm{padding: 0.25rem 1rem;}

.exams-warp{padding: 10px;}
.exams-warp .exams-area h5{font-size: 14px; font-weight: 700;}
.tag{ color: #202530; background: #ffffff; cursor: pointer; border: 1px solid #202530; display: inline-block; padding:0px 20px; margin: 3px; border-radius: 5px; height: 30px; line-height: 28px;}
.tag.on{color: #ffffff; background: #202530;}

.btn-warp{ text-align: center; padding-top: 10px;}
.btn-warp .btn{width: 200px; margin: 0 5px;}
.btn-warp .btn span{padding: 0.3rem 0.75rem; font-size: 16px; display: block;}

.btn-warp .btn-warp-ex{ font-size: 14px;}

.btn-warp .btn-willgrow.outline{background-color: #fff; border-color: #dd1825; color: #dd1825;}

.input-group.student-search{position: relative;}
.input-group.student-search input{
  display: block;
  width: 100%;
  margin-right: 50px;
  height: calc(1.5em + 0.75rem + 2px);
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.student-search input:focus{outline: none;}
.input-group.student-search button {
  position: absolute;
  right: 0;
  color: #858796;
  display: inline-block;
  font-weight: 400;
  color: #858796;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff;
  border: 1px solid #858796;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.35rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group.student-search button:hover{background-color: #858796;color: #ffffff;}


@media (min-width: 768px){
  .sidebar-logo {
    padding: 2rem 1rem 2.5rem 0.5rem;
  }
  .sidebar .nav-item .nav-link {
    padding: 0.4rem 0rem 0.4rem 1rem;
  }
  .sidebar .nav-item .nav-link.dashboard{
    padding: 1rem 1rem 0.4rem 1rem;
  }
  .sidebar .nav-item .nav-link i {
    font-size: 12px;
    margin-right: 0.25rem;
  }
}


.worksheet-warp p,
.worksheet-warp ol,
.worksheet-warp ul,
.worksheet-warp ul li{padding: 0; margin: 0;}
.worksheet-warp ul li.left{float: left;}
.worksheet-warp ul li.right{float: right;}

.worksheet-page {
  width: 21cm;
  min-height: 29.7cm;
  padding: 2cm;
  margin: 1cm auto;
  background:#ffffff;
  font-family: "NanumSquareNeo";
}

.worksheet-warp.popup .worksheet-page {
  width: 100%;
}

.worksheet-subpage {
  background:#fff;
  /*height: 257mm;*/
  position: relative;
  font-size: 14px;
}

/* 워크시트 학원로고+학원이름 수평 맞춤 */
.ws-head{clear: both;}
.ws-head img, canvas{height: 44px;}
.ws-head .logo-academy-img{ display: inline-block; padding-right: 10px; float: none;}
.ws-head .logo-academy-text{ display: inline-block; vertical-align: middle; font-weight: 800; font-size: 1.8rem;}
.ws-head .class-data{text-align: right; line-height: 140%;}
.ws-head .ws-qrcode{margin-left: 5px;}

.ws-cont{clear: both; padding: 10px 0;}
.ws-cont .ws-title{ position: relative; border:3px solid #4e73df; margin: 5px 0 0 5px; min-height: 43px; border-radius: 10px;}

/*
  20221206 최용진 - 클래스 이름 수정
  worksheet-title-name --> worksheet-title
  worksheet-class-name --> worksheet-sub-title
*/
.ws-cont .ws-title .worksheet-title{ background: #4e73df; color: #fff; padding: 0 10px; margin: 5px 0 0 -8px; display: inline-block; border-radius: 6px; font-weight: 700; font-size: 18px;}
.ws-cont .ws-title .worksheet-sub-title{ color: #4e73df; font-size: 15px; padding: 7px 10px 3px 5px; font-weight: 700; display: inline-block;}
.ws-cont .ws-sign{padding: 30px 10px 30px 0;}
.ws-cont .ws-sign th{padding-right: 5px; padding-left: 10px; font-weight: 400;}
.ws-cont .ws-sign td{border-bottom: 1px solid #222222;}

.ws-cont .ws-sheet-script{padding-bottom: 5px; font-weight: 700;}

.ws-cont .print-tbl-com{width: 100%; word-break: keep-all;}
.ws-cont .print-tbl-com tr th,
.ws-cont .print-tbl-com tr td{border: 1px solid #6e707e; height: 35px;}

.ws-cont .print-tbl-com tr td.left{text-align: left;}
.ws-cont .print-tbl-com tr td.right{text-align: right;}
.ws-cont .print-tbl-com tr td.center{text-align: center;}


.ws-cont .print-tbl-com thead tr th{text-align: center; background-color: #E0E4F0;}
.ws-cont .print-tbl-com tbody tr th{ font-weight: 400; text-align: center;}
.ws-cont .print-tbl-com tbody tr td{ padding: 5px 10px;}

.ws-cont .print-tbl-com .sheet-point-word{font-size: 1.5rem; font-family: Nunito; font-weight: 800;}
.ws-cont .print-tbl-com .sheet-point-word .blank-area{padding: 0 10px; border-bottom: 2px solid #4e73df;}
.ws-cont .print-tbl-com .sheet-point-word .blank-area em{opacity: 0; }


.ws-cont .print-tbl-com.write-word tr td{height: 75px;}

.ws-cont .print-tbl-com.mean-choose tr td{height: 144px;}

.ws-cont .print-tbl-com.mean-choose tr td p{font-weight: 700; padding: 0 0 5px 10px; font-size: 16px;}

.ws-cont ol{margin:0 0 0 2.5rem;}
.ws-cont ol li{list-style:decimal;}
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(1)::marker { content: '① '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(2)::marker { content: '② '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(3)::marker { content: '③ '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(4)::marker { content: '④ '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(5)::marker { content: '⑤ '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(6)::marker { content: '⑥ '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(7)::marker { content: '⑦ '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(8)::marker { content: '⑧ '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(9)::marker { content: '⑨ '; }
.ws-cont ol[data-list-style-type='ko'] > li:nth-child(10)::marker { content: '⑩ '; }

.ws-cont ol li.ok{color: #4e73df; text-decoration: underline; font-weight: 700;}
.ws-cont tr td.ok{color: #4e73df}

.ws-cont .follow-up{font-size: 16px; display: block; text-align: center;}
.ws-cont .follow-up span{display: block; font-size: 14px; font-weight: 400;}
.ws-cont .follow-up.title{ font-weight: 600; line-height: 20px;}
.ws-cont .follow-up.text{position: relative; font-size: 18px; font-family: 'Raleway Dots', cursive; border-top: 1px solid #dbe2f1; border-bottom: 1px solid #dbe2f1; padding: 8px 0;}
.ws-cont .follow-up.text .text-box{ border-top: 0.5px solid #dbe2f1; border-bottom: 0.5px solid #dbe2f1; letter-spacing: 2px; height: 10px; line-height: 6px; padding-bottom:4px; color: #d9d9d9;}


.ws-cont .print-tbl-com.ggoggomu-study tr td{height: 90px;}
.ws-cont .print-tbl-com.ggoggomu-study .arrow-icon-area{position: relative;}
.ws-cont .print-tbl-com.ggoggomu-study .arrow-icon-area .arrow-icon{position: absolute; left:44%; bottom:-12px;}


.ws-cont .print-tbl-com.ggoggomu-study tr.guide-text td,
.ws-cont .print-tbl-com.ggoggomu-study tr.guide-text .sheet-point-word{ color: #e9e9e9;}

.ws-cont .print-tbl-com.fill-blank tr td{height:72px;}

.ws-cont .print-tbl-com.fill-blank .sheet-point-word{font-size: 1.1rem;}


.ws-cont .print-tbl-com.word-arrangement tr td{ padding: 20px 0 25px 0;}

.ws-cont .word-view-area{padding: 10px 0 5px 0; font-size: 16px;}
.ws-cont .word-view-area span{font-weight: 700;}

.ws-cont .given-word-title{ font-size: 16px;}
.ws-cont .given-word-title .hint-text{display: block; font-size: 14px;}
.ws-cont .word-view-option{padding: 15px 0 0px 0; font-size: 14px;}
.ws-cont .word-view-option span{ display: inline-block; margin: 0 15px;}


.ws-cont .print-tbl-com.choice-grammar tr td{ padding: 30px 0 30px 0;}
.ws-cont .print-tbl-com.choice-grammar tr td .sheet-point-word{ margin: 10px 0 0 0;}


.ws-cont .print-tbl-com.grammar-blank-fill tr td{ padding: 40px 0 40px 0;}
.ws-cont .print-tbl-com.grammar-blank-fill tr td .sheet-point-word{ margin: 20px 0 0 0;}


.ws-cont .print-tbl-com.word-interpreting tr td{ padding: 40px 30px 40px 30px; text-align: left;}

.word-blank-full{border-bottom: 2px solid #4e73df; width: 100%; height: 36px; margin-top: 20px;}

.ws-foot{width: 100%; clear: both; padding: 10px 0 0 0;}
.ws-foot ul li{ font-size: 0.8rem; float: left;}

/*
  20221215 최용진 변경
  기존: Left, Center, Right의 Width 비율 = 40%, 20%, 40%
  변경: Left, Right = 70%, 30%
 */
.ws-foot ul li:nth-child(1){width: 70%; text-align: left;}
.ws-foot ul li:nth-child(2){width: 30%; text-align: right;}
/*.ws-foot ul li:nth-child(3){width: 30%; text-align: right;}*/

/*
  20221216, 최용진 - 워크시트 제목 padding 및 설명 글 padding 조절
 */
.worksheet-warp.popup .worksheet-page .ws-cont .ws-title .worksheet-sub-title{ font-size: 20px; padding: 6px 10px 6px 5px;}
.worksheet-warp.popup .worksheet-page .ws-cont .ws-sheet-script {font-size: 16px; padding: 0px 0px 5px 5px;}
.worksheet-warp.popup .worksheet-page .ws-cont .print-tbl-com{font-size: 15px;}

.chevron {
  position: relative;
  text-align: center;
  padding: 6px;
  margin-bottom: 6px;
  height: 6px;
  width: 30px;
}
.chevron:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 51%;
  background: #4e73df;
  transform: skew(0deg, 36deg);
}
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: #4e73df;
  transform: skew(0deg, -36deg);
}

.print-preview-area .worksheet-page{
  width: 100%;
  min-height: auto;
  padding: 1cm;
  margin: 0 auto;
  font-size: 12px;
}

.print-preview-area .ws-head .ws-logo{height: 30px;}
.print-preview-area .ws-head .ws-qrcode{width:30px; height: 30px; margin-left: 5px;}
.print-preview-area .ws-head .ws-qrcode img{width: 100%;}

.print-preview-area .ws-head .class-data{text-align: right; line-height: 140%;}
.print-preview-area .ws-head .class-data span{display: block; font-weight: 700; font-size: 1.2rem;}
.print-preview-area .ws-head .class-data img{height: 30px;}

.print-preview-area .worksheet-page .ws-head .logo-academy-img{ padding-right: 6px; float: left;}
.print-preview-area .worksheet-page .ws-head .logo-academy-text{font-size: 1.2rem; height: 30px; line-height: 30px;}

.print-preview-area .worksheet-page .ws-cont .ws-title .worksheet-title { padding: 2px 10px; font-size: 15px; }
.print-preview-area .worksheet-page .ws-cont .ws-title .worksheet-sub-title { font-size: 14px;}

.print-preview-area .worksheet-page .ws-cont .print-tbl-com .sheet-point-word { font-size: 1.2rem; }

.word-list-warp .word-list-area{display: inline-block; padding:0 10px 15px 0;}
.word-list-warp .word-list-area .word-list{position: relative; width: 260px;}

.word-list-warp .word-list-area .word-list .dropdown-menu{ border: 1px solid #b7b9cc; position:absolute; top: -2px; left: 240px; width: 250px; box-shadow: 0 .3rem .3rem rgba(0,0,0,.2)!important;}
.word-list-warp .word-list-area .word-list .dropdown-menu li{position: relative; top:0px}
.word-list-warp .word-list-area .word-list .dropdown-menu li em{ font-style: normal; font-size: smaller; font-weight: 700; padding-left: 3px; vertical-align: super; color: #d62516; }

.word-list-warp .word-list-area .word-list .dropdown-menu li:hover .dropdown-item-menu{display: block;}

.word-list-warp .word-list-area .word-list .dropdown-menu .dropdown-item{font-size: 15px; position: relative;
  padding: 0.5rem 1.5rem;
  font-weight: 400;
  /*color: #000000;*/
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
  color: #2e2f37;
  text-decoration: none;
  background-color: #eaecf4;
}
.dropdown-item.disabled {
  pointer-events: none;
  color: #999999;
}

.word-list-warp .word-list-area .word-list .dropdown-menu .dropdown-item i{margin: 0 10px 0 0;}
.word-list-warp .word-list-area .word-list .dropdown-menu .dropdown-item .right-btn{position: absolute; top:8px; right: 10px; display: block;}

.word-list-warp .word-list-area .word-list .vocabulary{height: 60px; padding: 0 20px; display: block; border-radius: 10px; background: #f2f6fb; cursor:pointer;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  justify-content: center;
  align-items: center;
}
.word-list-warp .word-list-area .word-list .vocabulary .line{
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #202530;
  display: block;
  padding: 5px 0 0 0;
}
.word-list-warp .word-list-area .word-list .vocabulary:hover{background: #e2e5e9;}
.word-list-warp .word-list-area.on .word-list .vocabulary{background: #c9e5fc;}
.word-list-warp .word-list-area.not-mine .word-list .vocabulary{background: #fdf2f5;}
.word-list-warp .word-list-area.not-mine .word-list .vocabulary:hover{background: #efe0e2;}



.word-list-warp.series-list .word-list-area .word-list .vocabulary .line{padding: 5px 0 0 45px; background: url(../images/file_lists_bg.png) 0 50% no-repeat; background-size: 30px; min-height: 30px;}

/* 메뉴 목록*/
.dropdown-menu-area .dropdown-item-menu{position: absolute; top: -9px; left:200px; border: 1px solid #b7b9cc;
  width: 200px; z-index: 1; background: #fff; border-radius: 10px; padding: 5px 0; box-shadow: 0 .3rem .1rem rgba(0,0,0,.2)!important;
  animation-name: dropdown-item-menu;
  animation-duration:0.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-fill-mode: forwards;
}

@-webkit-keyframes dropdown-item-menu {
  0% { top:-20px; }
  100% { top:-9px; }
}

.dropdown-menu-area .dropdown-item-menu{display: none; list-style: none;}
.dropdown-menu-area .dropdown-item-menu li a{text-decoration: none;}

.dropdown-menu-area input[type=checkbox]{display: none;}
.dropdown-menu-area input[type=checkbox]+label>span{font-weight: bold;}
.dropdown-menu-area input[type=checkbox]:checked+label{background: #eaecf4;}
.dropdown-menu-area .dropdown-item-menu li a{color: #000; display: block; padding: 10px 15px;}

.dropdown-item-menu li a:hover, .dropdown-item-menu li a:focus { color: #2e2f37; text-decoration: none; background-color: #eaecf4;}
.dropdown-item-menu li a.active, .dropdown-item-menu li a:active { color: #2e2f37; text-decoration: none; background-color: #eaecf4;}

/* 메뉴 펼침 - 체크박스 체크되면 메뉴목록 표시
.dropdown-menu-area input[type=checkbox]:checked~.dropdown-item-menu{display: block;} */


.card-header .academy-made{ min-width: 180px; margin: 9px 0 0 15px;}
.card-header .academy-made label{margin: 0 0 0 0;}

@page {
  size: A4;
  margin:8mm 0mm 7.5mm 0mm
}
@page :first {margin:0mm 0mm 7.5mm 0mm}

@media print {
  html, body {
    width: 210mm;
    height: 297mm;
    background: #ffffff;
  }
  .worksheet-page {
    margin: 0;
    border: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }

  .ws-cont .ws-title .worksheet-title{ background: #4e73df !important; -webkit-print-color-adjust:exact;}
  .ws-cont .print-tbl-com thead tr th{background-color:#E0E4F0 !important; -webkit-print-color-adjust:exact;}
  .chevron:before {background-color:#4e73df !important; -webkit-print-color-adjust:exact;}
  .chevron:after {background-color:#4e73df !important; -webkit-print-color-adjust:exact;}

  /* 20221212, 최용진 수정 - footer 배경 색 때문에 마지막 행 가로 선이 사라져서 background-color 속성 삭제 */
  /* .ws-foot{position: fixed; bottom: 8mm; width: 85%; font-size: 0.8rem; background-color: #ffffff;} */
  .ws-foot{position: fixed; bottom: 8mm; width: 85%; font-size: 0.8rem;}
}

.member-warp{width: 100%; max-width: 500px; margin: 70px auto 70px auto;}
.member-warp .member-warp-title{font-size: 20px; font-weight: 700; text-align: center; letter-spacing: -1px; line-height: 140%; word-break:keep-all; margin-bottom: 50px;}
.member-warp .member-warp-title p{font-size: 30px; margin: 0 0 0 0;}
.member-warp .member-warp-title .logo{background: url(/images/logo.svg) no-repeat; background-size: cover; width: 300px; height: 50px; display: block; margin: 0 auto 20px auto;}
.member-warp .member-warp-title span{display: block;}

.member-warp .member-input-group{width: 100%; max-width: 400px; margin: 30px auto 20px auto;}
.member-warp .member-input-group ul{margin: 0; padding: 0;}
.member-warp .member-input-group ul li{padding-bottom: 20px;}

.member-warp .member-input-group .form-control-lg{font-size: 14px; padding: 1.5rem 1rem;}

.member-warp .member-input-group.join-list ul li{padding-bottom: 10px;}

.member-warp .member-input-link{text-align: center;}
.member-warp .member-input-link a{color: #050101; font-size: 14px; letter-spacing: -1px; cursor: pointer; display: inline-block; padding: 0 10px;}

.member-btn{background-color: #ED1C2A; border: 1px solid #ED1C2A; padding: 16px 0 14px 0; font-size: 18px; color: #fff !important; font-weight: 700;}
.member-btn:hover{background-color: #ED1C2A; border: 1px solid #ED1C2A; color: #fff;}
.member-btn:focus, .member-btn.focus {box-shadow: 0 0 0 0.2rem rgba(255, 163, 163, 0.3);}
.member-btn:not(:disabled):not(.disabled):active, .member-btn:not(:disabled):not(.disabled).active{ background-color: #e11826; border-color: #e11826;}
.member-btn:not(:disabled):not(.disabled):active:focus, .member-btn:not(:disabled):not(.disabled).active:focus{box-shadow: 0 0 0 0.2rem rgba(255, 163, 163, 0.3);}

.input-essential-mark{color: #d62516; padding-left:5px; display: inline-block;}
.text-pointer{cursor: pointer;}
.text-link{color: #0d6efd; text-decoration: underline;}
.text-blank-link{color: #3c3d40;}
.text-blank-link em{font-style: normal;}
.text-blank-link i{opacity: 0.7; font-size: 12px; position: relative; top: -1px; right: -3px;}

.nav-item span.nav-link-icon{ padding: 0;}
.nav-link-icon{width: 16px; height: 16px; text-align: center; display: inline-block;}


.btn-th-sort{margin-left:8px; padding: 2px 3px 0 3px; position: relative; top: 2px; width: 14px; height: 14px; display: inline-block; background: url(../images/btn-arrow-none.png) no-repeat 50% 50%; background-size: cover;}
.btn-th-sort.up{background: url(../images/btn-arrow-up.png) no-repeat 50% 50%; background-size: cover;}
.btn-th-sort.down{background: url(../images/btn-arrow-down.png) no-repeat 50% 50%; background-size: cover;}

.divider {display: block; text-align: center; margin: 1rem 0; overflow: hidden; white-space: nowrap;}
.divider .divider-text { position: relative; display: inline-block; font-size: 0.8rem; padding: 0rem 1rem; color: #6e707e; }
.divider .divider-text:before { right: 100%;}
.divider .divider-text:before, .divider .divider-text:after {content: ""; position: absolute; top: 50%; width: 100vw; border-top: 1px solid rgba(67, 89, 113, 0.2);}
.divider .divider-text:after { left: 100%;}
.divider .divider-text:before, .divider .divider-text:after {content: ""; position: absolute; top: 50%; width: 100vw; border-top: 1px solid rgba(67, 89, 113, 0.2);}
.pr0{padding-right: 0;}

.table-borderless .title-label{text-align: left;}


.class-detail-cont .class-detail-box{border: 1px solid #dbdee6; background: #e3e6f0; border-radius: 5px; padding: 1.5rem 1.5rem 0.5rem 1.5rem; margin-bottom: 1rem; text-align: center;}
.class-detail-cont .class-detail-box h5{font-weight: 700; font-size: 18px; padding-bottom: 5px;}
.class-detail-cont .class-detail-box ul{padding: 0;}
.class-detail-cont .class-detail-box ul li{background: #fff; border: 1px solid #fff; margin: 10px 0; padding: 10px 0; border-radius: 20px;}
.class-detail-cont .class-detail-box ul li:hover{ border: 1px solid #405F71; font-weight: 700; cursor: pointer;}
.class-detail-cont .class-detail-box ul li.on, .class-detail-cont .class-detail-box ul li.on:hover{border: 1px solid #405F71; background:#405F71; color: #fff; font-weight: 700;}
.class-detail-cont .class-detail-box-cont{border: 1px solid #405F71; background:#405F71; color: #fff; padding: 1rem; margin-top: 1.5rem;}
.class-detail-cont .class-detail-box-cont h6{font-weight: 700; font-size: 18px;}

.class-detail-cont .class-detail-box .accordion-header .accordion-button{background: #fff; border: 1px solid #fff; display: block; width: 100%; margin: 10px 0; padding: 10px 0; border-radius: 20px; font-size: 16px;}
.class-detail-cont .class-detail-box .accordion-body{font-size: 14px;}


.unit-objective-title{font-size: 18px; width: 100px; height: 100px; padding-top: 32px; border-radius: 100px; line-height: 120%;  font-weight: 700; text-align: center; background: #EDE6FF; color: #ED1C2A;}
.unit-objective-text{font-size: 16px; line-height: 140%;}


.class-code-summary{display: inline-block;}
.class-code-summary ul{padding: 7px 0 0 0;}
.class-code-summary ul li{float: left; font-size: 16px; padding-right: 10px;}
.class-code-summary ul li p{display: inline-block; margin: 0; padding: 0 13px 0 10px; font-weight: 700; line-height: 15px; border-right: 1px solid #5a5c69;}
.class-code-summary ul li p:last-child{border: none;}
.class-code-summary ul li p span{display: inline-block; padding: 0 1px 0 7px;}
.class-code-summary ul li p span.point{color: #ED1C2A;}
.class-code-summary ul li p span.text-unused{color: #0057FF;}
.class-code-summary ul li p span.text-used{color: #62666A;}
.class-code-summary ul li p span.text-assigned{color: #ED1C2A;}

.btn-listdata-del{font-size: large;}

.modal-content.center-cont .modal-body{text-align: center; padding: 2.5rem 1.5rem 1.5rem 1.5rem;}
.modal-content.center-cont .modal-footer{text-align: center; border: none; display: block; padding: 0 0 1.5rem 0;}

.footer-link{margin-bottom: 5px;}
.footer-link a{padding: 0 5px;}

.give-exam-warp .data-text-area{font-size: 18px; line-height: 30px; min-width: 300px; background: #f8f8f8;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; text-align: center; border: 3px solid #dfe1e2; margin-bottom: 20px; display: inline-block; padding: 15px 50px;}
.give-exam-warp .data-text-area .text-amount{ display: inline-block; font-size: 26px; line-height: 30px; min-width: 40px; padding: 0 5px 0 5px; font-weight: 800; text-align: right; position: relative; top: 3px;}
.give-exam-warp .data-text-area .text-amount.red{color: #ff0000;}
.give-exam-warp .guide-text{ color: #ff0000;}

.rules-warp {padding: 1rem;}
.rules-warp .rules-head{margin-bottom: 50px;}
.rules-warp .rules-foot{ background:#dbe1e5; padding: 20px 30px; border-radius: 5px;}
.rules-warp .rules-cont h5{font-size: 1rem; font-weight: 700;}
.rules-warp .rules-cont .rules-text{ word-break:keep-all; font-size: 14px; font-weight: 500; margin-bottom: 1.25rem;}
.rules-warp .rules-cont .rules-text ul{padding: 0;}
.rules-warp .rules-cont .rules-text ul li{padding-bottom: 10px;}
.rules-warp .rules-cont .rules-text strong{font-weight: 400; display: block; margin-bottom: 5px;}
.rules-warp .rules-cont .rules-text ol{padding:7px 0 0 0;}
.rules-warp .rules-cont .rules-text ol li{padding: 0 0 3px 0; list-style:decimal;}
.rules-warp .rules-cont .rules-text ol li:last-child{padding-bottom: 0px}

.rules-warp .rules-cont .rules-text ol{padding:7px 0 0 30px;}

.week-slide-warp{text-align: center;}
.week-slide-area h4{display: inline-block; margin: 0 10px; font-size: 32px; font-weight: 700;}

.week-slide-area a{opacity: 0.5;font-size: 26px; display: inline-block; padding: 0px 5px 5px 5px; position: relative; top: -2px;}
.week-slide-area a:hover{opacity: 1;}

.card-body-sub-title{font-weight: 700;}
.card-body-sub-title span{font-weight: 400; padding:0 0 0 5px; display: inline-block; font-size: 16px;}

.card-body-sub-title .right-area{float: right;}
.card-body-sub-title .right-area span{font-weight: 400; font-size: 14px;}

.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font36{font-size: 36px;}
.font48{font-size: 48px;}

.myCanvas ul{padding: 0;}
.myCanvas ul li{float: left;}

.myCanvas ul li:nth-child(1){width: 30%;}
.myCanvas ul li:nth-child(2){width: 70%;}

.error-cont-area dl{text-align: center;}
.error-cont-area dl dt {max-width: 400px; width: 70%; margin:0 auto 30px auto;}
.error-cont-area dl dt img{width: 100%; max-width: 400px;}
.error-cont-area dl dd{font-size: 16px; padding: 0 30px; word-break: keep-all; line-height: 180%;}
.error-cont-area dl dd p{font-size: 32px; padding: 10px 0 10px 0; font-weight: 600; font-family: 'GmarketSans';}
.error-cont-area dl dd span{font-size: 20px;}
.error-cont-area dl dd .btn{max-width: 200px; width: 100%;}
.error-cont-area dl dd a{background: #fffecd; color: #000; display: inline-block; padding: 0 5px; border-radius: 3px;}
.error-cont-area dl dd a:hover{color: #000;}

.btn-warp{ text-align: center; padding-top: 10px;}
.member-btn-error{color: #fff; font-weight: 700; background: #ED1C2A; padding: 0.75rem 2.5rem; font-size: 1rem; border-radius: 0.35rem; text-decoration: none;}


.ludi-level-chart-warp{height: 200px; position: relative;}/*루디레벨 박스 높이값 조절영역*/
.ludi-level-chart-area{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ludi-level-chart { position: relative; width: 140px; height: 140px; border-radius: 50%; transition: 0.3s; background:lightgray; display:inline-block;}
.ludi-level-chart:after{ content:''; background: #fff; position: absolute; top:50%; left:50%; width:100px; height:100px; border-radius: 50%; transform: translate(-50%, -50%);}
.ludi-level-chart-bar{ width: inherit; height: inherit; border-radius: 50%; background: #cbe1e4; /* background: conic-gradient(#9986dd 50deg, #fbb871 50deg); 차트 설정 */}
.ludi-level-box{ position: absolute; left: 50%; top: 47%; transform: translate(-50%, -47%); z-index: 1000; width: 100%;}
.ludi-level-box .ludi-level{text-align: center; width: 100%; font-family: "Rajdhani", sans-serif;}
.ludi-level-box .ludi-level p{font-size: 14px; line-height: 100%; margin: 0; font-family:Tahoma, sans-serif; display: inline-block; font-weight: 500; color: #0091a5;}
.ludi-level-box #ludi-level{font-size:40px; font-weight: 700; font-family: "Exo 2", sans-serif; line-height: 100%; color: #000; display: block;}


#wrapper #content-wrapper.print-wapper{background-color: #ffffff; padding: 3rem 0;}
.print-wapper .print-container{width: 100%; max-width: 800px; margin: 0 auto;}
.print-wapper .print-container .gnb-title{border-bottom: 1px solid #6c8692; margin-bottom: 3rem;}
.print-wapper .print-container .gnb-title h1{line-height: 50px; color: #366073;}
.print-wapper .print-container .gnb-title h1 span{font-size: 24px; font-weight: 500;}
.print-wapper .print-container .gnb-title .title-simbol{display: block; width: 71px; height: 50px; background: url(/images/logo_simbol.png) no-repeat; background-size: cover;}
.print-wapper .print-container .print-table table{border: 1px solid #e3e6f0;}
.print-wapper .print-container .print-table table th{border:1px solid #bbbfcd; vertical-align: middle; line-height: 120%; background: #cecfd3;}
.print-wapper .print-container .print-table table td{border: 1px solid #e3e6f0;}
.card.print-fix-height{min-height: 100px;}


.print-wapper .ludi-level-chart-area{top: 38%; left: 60%; transform: translate(-62%, -60%);}
.print-wapper .ludi-level-chart { width: 100px; height: 100px;}
.print-wapper .ludi-level-chart:after{width:70px; height:70px;}
.print-wapper .ludi-level-box .ludi-level{line-height: 100%;}


@media print {
  .print-wapper .print-container .gnb-title .title-simbol{ -webkit-print-color-adjust: exact !important; color-adjust: exact !important; }
  .print-wapper .print-container .print-table table th{background-color:#cecfd3 !important; -webkit-print-color-adjust:exact;}
  .print-wapper .print-container .table thead th{background-color:#cecfd3 !important; -webkit-print-color-adjust:exact;}
  .ludi-level-chart-bar{background-color:#cbe1e4 !important; -webkit-print-color-adjust:exact;}
}