@charset "UTF-8";
@media screen and (min-width:481px) {
    .pc{
        display: block;
    }

    .sp{
        display: none;
    }
}

@media screen and (max-width:480px) {
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }
}

.global-header-logo img{
    width: 170px;
}

.global-header-logo span#sampleSite{
    border: 1px solid #1379c3;
    color: #1379c3;
    margin-left: 5px;
    padding: 5px 15px;
    display: inline-block;
    font-size: 0.8rem;
}

.global-header #inqBnr{
    position: absolute;
    right: 0;
    top: 0;
}

.global-menu .global-menu-inner .global-menu-box .sp-hidden .switch-group .student_bottom {
    background: url('../../../module/img/common/gl_icn_bg_training.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list .home{
    background: url('../../../module/img/common/gl_icn_home_w.png') center center no-repeat;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list li a.current .home{
    background: url('../../../module/img/common/gl_icn_home_b.png') center center no-repeat;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list .catalogue{
    background: url('../../../module/img/common/gl_icn_catalogue_w.png') center center no-repeat;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list li a.current .catalogue{
    background: url('../../../module/img/common/gl_icn_catalogue_b.png') center center no-repeat;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .sp-hidden .switch-group .users_bottom {
    background: url('../../../module/img/common/gl_icn_bg_setting.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .sp-hidden .switch-group .mini-left {
    background: url('../../../module/img/common/gl_icn_prev.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    left: 0;
}

.global-menu .global-menu-inner .global-menu-box .sp-hidden .switch-group .mini-right {
    background: url('../../../module/img/common/gl_icn_next.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    right: 0;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list .courseListRef {
    background: url('../../../module/img/common/icn_courselist_w.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list .learning-progress {
    background: url('../../../module/img/common/gl_icn_portfolio02_w.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list .face-auth {
    background: url('../../../module/img/common/icn_face_certification_w.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list .mail {
    background: url('../../../module/img/common/icn_mailsend_w.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.global-menu .global-menu-inner .global-menu-box .sp-hidden{
    margin-top: 0;
}

.global-menu .global-menu-inner .global-menu-box .sp-hidden .menuFukidashi{
    margin-bottom: 5px;
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .star.on:hover {
  opacity: 1 !important;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .detail-infomation-inner ul li:hover .star.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner .detail-infomation-ul-outter ul li:not(.no-data):hover .star.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner ul .star.on:hover {
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .bell.on:hover {
  background: url('../../../module/img/common/iconicn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .detail-infomation-inner ul li:hover .bell.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/iconicn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner .detail-infomation-ul-outter ul li:not(.no-data):hover .bell.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/iconicn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner ul .bell.on:hover {
  background: url('../../../module/img/common/iconicn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .bell.off:hover {
  opacity: 1;
  background: url('../../../module/img/common/iconicn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .bell.off:hover {
  opacity: 1;
  background: url('../../../module/img/common/iconicn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .star.on:hover {
  opacity: 0.9 !important;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .star.off:hover {
  opacity: 1;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.c-index-header .c-index-header-inner .schedule-area .heading a span{
    background: url('../../../module/img/common/icn_schedule_b.png') left center no-repeat;
    background-size: 1em;
    background-position-y: 3px;
}

.c-index-header .c-index-header-inner .information-area .heading .heading-text{
    background: url('../../../module/img/common/icn_infomation_w.png') left center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    background-position: 0% 30%;
    color: #fff;
    font-size: 18px;
    cursor: default;
    margin-bottom: 5px;
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .detail-infomation-inner a .all-info-icon{
    padding-right: 20px;
    width: 25px;
    height: 25px;
    background: url('../../../module/img/common/icn_infomation_all_b.png') center center no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    background-position-y: 1px;
}

.c-index-header .c-index-header-inner .information-area .new-info .new {
    padding-right: 10px;
    display: inline-block;
    width: 50px;
    height: 22px;
    background: url('../../../module/img/common/icn_new_k.png') center center no-repeat;
    -webkit-background-size: 50px;
    background-size: 50px;
    opacity: .3;
}

.c-index-header .c-index-header-inner .information-area .new-info .star.on {
    background: url('../../../module/img/common/icn_star_o.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.c-index-header .c-index-header-inner .information-area .new-info .bell.on {
    background: url('../../../module/img/common/icn_bell_o.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .star.off {
    opacity: .4;
    background: url('../../../module/img/common/icn_star_k.png') center center no-repeat;''
    -webkit-background-size: contain;
    background-size: contain;
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .bell.off {
    opacity: .4;
    background: url('../../../module/img/common/icn_bell_k.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.page-index .m-page-heading-area .page-heading span {
    display: inline-block;
    padding-left: 20px;
    background: url('../../../module/img/common/icn_my_courses_b.png') no-repeat;
    background-position-y: 4px;
    -webkit-background-size: 15px;
    background-size: 15px;
    cursor: default;
}

.c-index-header .c-index-header-inner .schedule-area .time-schedule .detail{
    display: block;
}

.c-courses-detail-header .c-courses-detail-header-inner .courses-detail-area .graph-area .graph>div .inner .img-days-left-none{
    background: url('../../../module/img/common/daysleft_none.png') left center no-repeat;
    background-size: 95%;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li.icn-books .inner>.inner-box:before {
    background: url('../../../module/img/common/icn_lesson_k.png') left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li.selected.icn-books .inner>a:before {
    background: url('../../../module/img/common/icn_lesson_w.png') left top no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li.selected.icn-books .inner>a:before {
    background: url('../../../module/img/common/icn_lesson_w.png') left top no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li .inner .btn-block-chapter {
    background-image: url('../../../module/img/common/icn_premise_base_k.png');
    background-size: contain;
    width: 26px;
    height: 26px;
    left: 8px;
    top: 50%;
    margin-top: -13px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li.selected.icn-video .inner>.inner-box:before {
    background: url('../../../module/img/common/icn_conmov_w.png') left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li.selected.icn-ccp .inner>.inner-box:before {
    background: url('../../../module/img/common/icn_conccp_w.png') left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.c-courses-detail-header .c-courses-detail-header-inner .courses-detail-area .graph-area .next-chapter a {
    background: url('../../../module/img/common/icn_next_chapter_o.png') center no-repeat;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 42px;
    height: 42px;
    padding: 0px 25px 0px 5px;
    color: #e99243;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #e99243 solid 1px;
    -webkit-background-size: 18px;
    background-size: 18px;
    background-position: 98% center;
    font-size: 18px;
    text-align: center;
}

.c-courses-detail-header .c-courses-detail-header-inner .information-area .heading span {
    display: inline-block;
    padding-left: 22px;
    background: url('../../../module/img/common/icn_infomation_w.png') left center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    background-position-y: 4px;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li .description a {
  opacity: .4;
  display: block;
  width: 16px;
  height: 16px;
  background: url('../../../module/img/common/icn_infomation02_k.png') left center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li.selected .description a {
  opacity: 1;
  background: url('../../../module/img/common/icn_infomation02_w.png') left center no-repeat;
  opacity: .4;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-background-size: contain;
  background-size: contain;
}

.course-chapter-history .modal-inner .course-chapter-history-outer .course-result.result-tbl .table-result.tbl-course-chapter tr .icon-content.content-ccp, .course-chapter-history .modal-inner .course-chapter-history-outer .course-result.result-tbl .table-header.tbl-course-chapter tr .icon-content.content-ccp {
  background: url('../../../module/img/common/icn_conccp_k.png') center center no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position-x: 50%
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li.icn-ccp .inner>.inner-box:before {
  background: url('../../../module/img/common/icn_conccp_k.png') left center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.m-chapter-modal .m-chapter-modal-inner .btn-close {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 50px;
    text-align: center;
    background: url('../../../module/img/common/icn_close_k.png') center no-repeat;
    background-color: #fff;
    background-size: 17px;
}

.m-modal .btn-modal-exit {
    background: url('../../../module/img/common/icn_close_k.png') left center no-repeat;
    background-size: 15px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: .7;
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .chapter-detail-cell .cell-inner .chapter-info-layout .info .ui-btns .icn {
    background-image: url('../../../module/img/common/icn_premise_base_k.png');
    background-size: 23px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 10px;
}

.chapter_no p {
    background: #fff;
    color: #888;
    border: #555 solid 1px;
    border-radius: 5px;
    height: 44px;
    line-height: 44px;
}

.c-courses-detail-header .c-courses-detail-header-inner .information-area .heading a{
    font-size: 18px;
}

.cNews{
    font-size: 14px;
    padding: 20px;
}

.m-lst-course ul li .inner .text .chapter-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 30px;
  height: 30px;
  padding: 0px 30px 0px 5px;
  color: #e3760d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: #e3760d solid 1px;
  border-radius: 5px;
  background: url('../../../module/img/common/icn_next_chapter_o.png') center no-repeat;
  -webkit-background-size: 15px;
  background-size: 15px;
  background-position: 98% center;
  text-align: center
}

m-lst-course_10 ul li .inner .text .chapter-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 30px;
  height: 30px;
  padding: 0px 30px 0px 10px;
  color: #e3760d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: #e3760d solid 1px;
  border-radius: 5px;
  background: url('../../../module/img/common/icn_next_chapter_o.png') center no-repeat;
  -webkit-background-size: 15px;
  background-size: 15px;
  background-position: 98% center;
  text-align: center
}

.document .m-chapter-modal-inner .m-btn-next-chapter {
  display: block;
  background: white url('../../../module/img/common/icn_next_chapter_o.png') center no-repeat !important;
  -webkit-background-size: 15px !important;
  background-size: 15px !important;
  background-position: 98% center !important;
  width: 200px;
  min-width: 150px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
  color: #e3760d;
  border: #e3760d solid 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  float: right;
  top: 335px
}

.m-chapter-modal .btn-next-chapter {
  display: block;
  background: #fff url('../../../module/img/common/icn_next_chapter_o.png') center no-repeat !important;
  -webkit-background-size: 15px !important;
  background-size: 15px !important;
  background-position: 98% center !important;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
  color: #e3760d;
  border: #e3760d solid 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  right: 50%;
  margin-right: -483px
}

.m-page-heading-area .sort .progress {
  background: url('../../../module/img/common/icn_process_k.png') center center no-repeat;
}

.m-page-heading-area .sort .score {
  background: url('../../../module/img/common/icn_score_k.png') center center no-repeat;
}

.m-lst-course ul li .inner .day-progress .progress .score {
  background: url('../../../module/img/common/icn_score_k.png') center center no-repeat;
  opacity: .4;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding-left: 0px;
    margin-bottom: 3px;
    -webkit-background-size: 13px;
    background-size: 13px;
    vertical-align: middle;
}

.course-chapter-history .modal-inner .header-txt span {
  background: url('../../../module/img/common/icn_score_k.png') center center no-repeat;
  -webkit-background-size: 23px;
  background-size: 23px;
  opacity: .5;
  height: 23px;
  width: 23px;
  padding-left: 10px;
  margin-bottom: 2px
}

.course-chapter-history .modal-inner .course-chapter-history-outer .course-result.result-tbl .table-result.tbl-course-chapter tr td.col-score .icon-container .bar-icon.score-flag-icon, .course-chapter-history .modal-inner .course-chapter-history-outer .course-result.result-tbl .table-header.tbl-course-chapter tr td.col-score .icon-container .bar-icon.score-flag-icon {
  background: url('../../../module/img/common/icn_score_k.png') center center no-repeat;
  -webkit-background-size: 90%;
  background-size: 90%;
  background-position-x: 50%;
  opacity: 0.5
}

.grade-evaluate .modal-inner .header-txt span {
  background: url('../../../module/img/common/icn_score_k.png') center center no-repeat;
  -webkit-background-size: 23px;
  background-size: 23px;
  opacity: .5;
  height: 23px;
  width: 23px;
  padding-left: 10px;
  margin-bottom: 2px
}

.grade-evaluate .modal-inner .grade-evaluate-outer .grade-evaluate-result.result-tbl .table-result.tbl-grade-evaluate .col-score .img.score-icon, .grade-evaluate .modal-inner .grade-evaluate-outer .grade-evaluate-result.result-tbl .table-header.tbl-grade-evaluate .col-score .img.score-icon {
  background: url('../../../module/img/common/icn_score_k.png') center no-repeat;
  -webkit-background-size: 90%;
  background-size: 90%;
  opacity: 0.5
}

.grade-evaluate .modal-inner .grade-evaluate-outer .grade-evaluate-result.result-tbl .table-result.tbl-grade-evaluate tr td.col-grade-evaluate-score .icon-container .bar-icon.score-icon, .grade-evaluate .modal-inner .grade-evaluate-outer .grade-evaluate-result.result-tbl .table-header.tbl-grade-evaluate tr td.col-grade-evaluate-score .icon-container .bar-icon.score-icon {
  background: url('../../../module/img/common/icn_score_k.png') center center no-repeat;
  -webkit-background-size: 90%;
  background-size: 90%;
  background-position-x: 50%;
  opacity: 0.5
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner .detail-infomation-ul-outter ul li:not(.no-data):hover .star.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner ul .star.on:hover {
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .star.on:hover {
  opacity: 0.9 !important;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .star.off:hover {
  opacity: 1;
  background: url('../../../module/img/common/icn_star_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .detail-infomation-inner ul li:hover .star.off {
  opacity: .7;
  background: url('../../../module/img/common/icn_star_w.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .detail-infomation-inner ul li:hover .bell.off {
  opacity: .7;
  background: url('../../../module/img/common/icn_bell_w.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.popup-info-remind .header span {
  display: inline-block;
  padding-left: 27px;
  background: url('../../../module/img/common/icn_bell_w.png') left center no-repeat;
  -webkit-background-size: 21px;
  background-size: 21px;
  background-position-y: 9px;
  font-size: 20px;
  color: white;
  padding-top: 6px
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner .detail-infomation-ul-outter ul li:not(.no-data):hover .bell.off {
  opacity: .7;
  background: url('../../../module/img/common/icn_bell_w.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .title .infor {
  display: inline-block;
  padding-left: 26px;
  background: url('../../../module/img/common/icn_infomation_b.png') left center no-repeat;
  -webkit-background-size: 23px;
  background-size: 23px;
  background-position-y: 1px
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .bell.off {
  opacity: .4;
  background: url('../../../module/img/common/icn_bell_k.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner ul .bell {
  right: 8px;
  background: url('../../../module/img/common/icn_bell_k.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .bell.off {
  opacity: .4;
  background: url('../../../module/img/common/icn_bell_k.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .footer-information .footer-infomation-inner span {
  display: inline-block;
  padding-left: 22px;
  background: url('../../../module/img/common/icn_bell_k.png') left center no-repeat;
  -webkit-background-size: 18px;
  background-size: 18px;
  background-position-y: 3px;
  font-size: 18px
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .star.off {
  opacity: .4;
  background: url('../../../module/img/common/icn_star_k.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner ul .star.off {
  opacity: .4;
  background: url('../../../module/img/common/icn_star_k.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .star.off {
  opacity: .4;
  background: url('../../../module/img/common/icn_star_k.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.m-lst-course ul li .inner .day-progress .progress .progress {
  background: url('../../../module/img/common/icn_process_k.png') center center no-repeat;
  opacity: .4;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding-left: 0px;
    margin-bottom: 3px;
    -webkit-background-size: 13px;
    background-size: 13px;
    vertical-align: middle;
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner .detail-infomation-ul-outter ul li:not(.no-data):hover .bell.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/icn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list li a.current-red .learning-progress {
    background: url('../../../module/img/common/gl_icn_portfolio02_r.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.c-courses-summary-header .c-courses-summary-header-inner .courses-summary-header-layout .m-form-search .form-group.back-group-btn input.btn-back-icon {
    margin-left: -15px;
    background: url('../../../module/img/common/icn_back_k.png') 10px center no-repeat !important;
    background-size: 22px !important;
    float: left
}

.c-user-courses-header .c-user-courses-header-inner .arrow-back {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer
}

.role-user-header .role-user-header-inner .arrow-back {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer
}

.information-new-header .information-new-header-inner .arrow-back {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 8px
}

.m-modal .btn-modal-prev {
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    background-size: 15px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: .7
}

.m-modal .btn-modal-back {
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 7px
}

.detail_information_pc .modal-inner .btn-back {
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    top: -18px;
    left: 7px;
    float: left;
    border: 0
}

button.btn.btn-back-icon,
input.btn.btn-back-icon,
a.btn.btn-back-icon {
    background: url('../../../module/img/common/icn_back_k.png') 15px center no-repeat;
    background-size: 22px;
    position: relative;
    width: 160px;
    height: 30px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    font-size: 13px;
    padding-left: 35px
}

button.btn.btn-back-modal-c,
input.btn.btn-back-modal-c,
a.btn.btn-back-modal-c {
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px
}

.page-user-courses .page-inner .page-contents .user-courses-layout .assign-button-cell .cell-inner a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    position: absolute;
    display: block;
    top: 45%;
    left: 15%;
    border: #A0A0A0 solid 1px;
    background: url('../../../module/img/common/icn_back_k.png') center center no-repeat;
    -webkit-background-size: 40px;
    background-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.page-courses-user .page-inner .page-contents .courses-user-layout .assign-button-cell .cell-inner a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    position: absolute;
    display: block;
    top: 45%;
    left: 15%;
    border: #A0A0A0 solid 1px;
    background: url('../../../module/img/common/icn_back_k.png') center center no-repeat;
    -webkit-background-size: 40px;
    background-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.page-user-group-vs-user .page-inner .page-contents .group-users-layout .assign-button-cell .cell-inner a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    position: absolute;
    display: block;
    top: 39%;
    left: 15%;
    border: 1px solid #A0A0A0;
    background: url('../../../module/img/common/icn_back_k.png') center center no-repeat;
    -webkit-background-size: 40px;
    background-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.page-course-group-vs-course .page-inner .page-contents .group-courses-layout .assign-button-cell .cell-inner a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    position: absolute;
    display: block;
    top: 30%;
    left: 15%;
    border: 1px solid #A0A0A0;
    background: url('../../../module/img/common/icn_back_k.png') center center no-repeat;
    -webkit-background-size: 40px;
    background-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.page-user-assign .page-inner .page-contents .user-assign-layout .assign-button-cell .cell-inner a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    position: absolute;
    display: block;
    top: 41%;
    left: 15%;
    border: 1px solid #A0A0A0;
    background: url('../../../module/img/common/icn_back_k.png') center center no-repeat;
    -webkit-background-size: 40px;
    background-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.page-role-vs-user .page-inner .page-contents .group-courses-layout .assign-button-cell .cell-inner a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    position: absolute;
    display: block;
    top: 30%;
    left: 15%;
    border: 1px solid #A0A0A0;
    background: url('../../../module/img/common/icn_back_k.png') center center no-repeat;
    -webkit-background-size: 40px;
    background-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.page-user-permission-IP-2 .top-area2 .name-title .btn-back {
    vertical-align: text-bottom;
    border: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../../../module/img/common/icn_back_k.png') left center no-repeat;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer
}

.c-courses-user-header .c-courses-user-header-inner .course {
    margin-left: 10px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url('../../../module/img/common/icn_courses_k.png') left no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

button.btn.btn-search-sub,
input.btn.btn-search-sub,
a.btn.btn-search-sub {
    border: 1px solid #c8c8c8;
    background: url('../../../module/img/common/icn_courses_k.png') 50% center no-repeat;
    background-color: white;
    background-size: 22px;
    position: relative;
    width: 40px;
    height: 33px;
    line-height: 44px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-left: 5px
}

button.btn.btn-lti-tool-search-sub,
input.btn.btn-lti-tool-search-sub,
a.btn.btn-lti-tool-search-sub {
    border: 1px solid #c8c8c8;
    background: url('../../../module/img/common/icn_courses_k.png') 50% center no-repeat;
    background-color: white;
    background-size: 22px;
    position: relative;
    width: 40px;
    height: 33px;
    line-height: 44px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-left: 5px
}

.page-user-courses .page-inner .page-contents .user-courses-layout .cell-inner .user-courses-list-outer .user-courses-list li.icn-courses .inner>.inner-box:before {
    background: url('../../../module/img/common/icn_courses_k.png') left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.c-course-summary-header .c-course-summary-header-inner .course-summary-header-layout .m-form-search .form-group .layout div .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.c-course-user-history-header .c-course-user-history-header-inner .course-user-history-header-layout .m-form-search .layout div .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.c-user-course-history-header .c-user-course-history-header-inner .user-course-history-header-layout .m-form-search .form-group .layout div .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.c-course-chapter-history-header .c-course-chapter-history-header-inner .course-chapter-history-header-layout .m-form-search .form-group .layout div .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.c-user-chapter-history-header .c-user-chapter-history-header-inner .user-chapter-history-header-layout .m-form-search .form-group .layout div .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.m-modal .modal-inner.export .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.page-courses-search .m-modal .modal-inner.u-search .page-inner.u-search-modal .table-header thead tr div .img.header-sort-down {
    cursor: pointer;
    display: inline-flex;
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.modal-mutil-group-search .m-modal .modal-inner.u-search .page-inner.u-search-modal .course-result .table-header thead .header-sort div.col-sort .img.header-sort-down {
    cursor: pointer;
    display: inline-flex;
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.modal-extraction-status .m-modal .modal-inner.u-search .page-inner.u-search-modal .course-result .table-header thead .header-sort div.col-sort .img.header-sort-down {
    cursor: pointer;
    display: inline-flex;
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.sel .sel-txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url('../../../module/img/common/icn_pulldown_k.png') !important;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 13px !important;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    border-right: 5px solid transparent
}

.page-collective-approval .page-inner .approve-result .header-sort-down div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.grade-evaluate-container-inner .grade-evaluate-setting .category-setting-wrap .category-setting-body .btn-down {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 15px
}

.page-courses-detail .page-inner .page-contents .courses-detail-layout .cell-inner .courses-detail-list-outer .courses-detail-list li .btn-down {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 15px;
    right: 75px;
    top: 50%;
    margin-top: -10px
}

.page-courses-chapter-detail-test .page-inner .m-form .form-wrap .form-group .page-thread-search .page-thread-inner .thread-result .table-result .btn-down {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 15px;
    left: 95px;
    margin-top: -18px
}

.page-courses-search .page-inner .course-result.result-tbl .table-header thead tr .header-sort-down div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.debate-grading-wrap .contents .contents-inner .page-debate-grading-search .page-inner .page-contents .m-form-search .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.debate-grading-wrap .contents .contents-inner .page-debate-grading-search .page-inner .debate-result thead tr .header-sort-down div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.page-user-courses-history-search .page-inner .course-result.result-tbl .table-result thead tr div .img.header-sort-down {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.notice-search .page-inner .notice-result .table-result td .img-move-down {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px
}

.modal-report-csv-content-confirmation .m-modal .modal-inner.modal-inner-comfirm .mid-error-btns .areaTypeImport .typecode .sel.sel-size-auto .sel-txt {
    background-size: 18px;
    line-height: 28px;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
}

.import .m-modal .modal-inner.modal-inner-import-confirmCSVcontent .btn-download .sel.sel-size-m .sel-txt {
    background-size: 18px;
    line-height: 28px;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    color: #6e6e6e
}

.import .m-modal .modal-inner.modal-inner-import .typecode .sel.sel-size-auto .sel-txt {
    background-size: 18px;
    line-height: 28px;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    color: #6e6e6e
}

.import .m-modal .modal-inner.modal-inner-import .typeCombo .sel-txt {
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
}

.import .m-modal .modal-inner.modal-inner-import .typeCombo .sel-txt {
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
}

.admin-import .m-modal .modal-inner.modal-inner-import .typecode .sel.sel-size-auto .sel-txt {
    background-size: 18px;
    line-height: 28px;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    color: #6e6e6e
}

.admin-import .m-modal .modal-inner.modal-inner-import .typeCombo .sel-txt {
    background-image: url('../../../module/img/common/icn_pulldown_k.png')
}

.page-reservation-list .page-inner .mail-result .table-header tr .header-sort-down div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.page-select-mail-sender .page-inner .mail-result .header-sort-down div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.page-courses-user-history-search .course-result.result-tbl .table-result tr .header-sort-down div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.page-report-score-list .page-inner .report-score-result.result-tbl .report-score-table-header thead tr .header-sort-down div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 13px;
    padding-left: 7px
}

.page-reg-ref .page-inner .page-contents .m-form-search .form-group .layout div .inpt .chosen .sel p {
    font-size: inherit;
    font-weight: normal;
    margin-top: 0;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    background-size: 12px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.admin-import .m-modal .modal-inner.modal-inner-import-confirmCSVcontent .btn-download .sel.sel-size-m .sel-txt {
    background-size: 18px;
    line-height: 28px;
    background-image: url('../../../module/img/common/icn_pulldown_k.png');
    color: #6e6e6e
}

.col-course-id {
    width: 10%;
}

.col-course-name {
    width: 17%;
}

.col-course-group {
    width: 17%;
}

.col-chapter-count {
    width: 14%;
}

.col-rate-assign-count {
    width: 25%;
}

.page-courses-search .page-inner .course-result table th{
    padding: 5px;

}

.page-exceptional-user-search .m-modal .modal-inner.page-exceptional-user-search-modal-inner .m-form-search .form-wrap .inner .search-btn-area .btn.btn-clear {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #c8c8c8;
  background: url('../../../module/img/common/icn_formclear_k.png') 20px center no-repeat;
  background-size: 22px;
  border-radius: 5px;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  height: 33px;
  padding-left: 27px;
  position: relative;
  text-align: center;
  width: 150px
}

button.btn.btn-clear, input.btn.btn-clear, a.btn.btn-clear {
  border: 1px solid #c8c8c8;
  background: url('../../../module/img/common/icn_formclear_k.png') 20px center no-repeat;
  background-size: 22px;
  position: relative;
  width: 150px;
  height: 33px;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  padding-left: 27px
}

.page-material-selection .btn-clear-new {
  background: url('../../../module/img/common/icn_formclear_k.png') 20px no-repeat;
  background-size: 20px;
  background-color: #FFFFFF;
  font-weight: normal;
  width: 152px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  -moz-border-radius: 0px;
  border-radius: 3px;
  padding-left: 32px;
  border: 1px solid #c8c8c8
}

#portal-maker-app .portal-menu-setting .menu-item-header .trigger-clear {
  position: absolute;
  right: 5px;
  top: 15px;
  display: block;
  width: 18px;
  height: 18px;
  background: url('../../../module/img/common/icn_formclear_k.png') left top no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto
}

button.btn.btn-clear, input.btn.btn-clear, a.btn.btn-clear {
    border: 1px solid #c8c8c8;
    background: url('../../../module/img/common/icn_formclear_k.png') 20px center no-repeat;
    background-size: 22px;
    position: relative;
    width: 150px;
    height: 33px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    padding-left: 27px
}

.page-material-selection .btn-clear-new {
    background: url('../../../module/img/common/icn_formclear_k.png') 20px no-repeat;
    background-size: 20px;
    background-color: #FFFFFF;
    font-weight: normal;
    width: 152px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    -moz-border-radius: 0px;
    border-radius: 3px;
    padding-left: 32px;
    border: 1px solid #c8c8c8
}

  #portal-maker-app .portal-menu-setting .menu-item-header .trigger-clear {
    position: absolute;
    right: 5px;
    top: 15px;
    display: block;
    width: 18px;
    height: 18px;
    background: url('../../../module/img/common/icn_formclear_k.png') left top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
  }

button.btn.btn-search-icon, input.btn.btn-search-icon, a.btn.btn-search-icon {
    background: url('../../../module/img/common/icn_search_w.png') 50% center no-repeat;
    background-color: #82BEF0;
    background-size: 22px;
    position: relative;
    width: 145px;
    height: 33px;
    line-height: 44px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.page-exceptional-user-search .m-modal .modal-inner.page-exceptional-user-search-modal-inner #external-user-save-form .search-result-box .search-result-header .s-pager .prev {
  background-image: url('../../../module/img/common/icn_arrowleft_k.png');
  background-position: center;
  background-position-y: 6px;
  background-repeat: no-repeat;
  background-size: 150% 50%
}

.s-pager .prev {
  background-image: url('../../../module/img/common/icn_arrowleft_k.png');
  background-position: center;
  background-position-y: 6px;
  background-repeat: no-repeat;
  background-size: 150% 50%
}

.page-user-courses-history-search .page-inner .course-result.result-tbl .table-result thead tr th.col-all-chapter div.div-expand .expand-button.expand-left {
  background-image: url('../../../module/img/common/icn_arrowleft_k.png');
  background-size: 88% 33%
}

.page-user-courses-history-search .page-inner .course-result.result-tbl table thead tr th.col-all-chapter div.div-expand .expand-button.expand-left {
  background-image: url('../../../module/img/common/icn_arrowleft_k.png');
  background-size: 88% 33%
}

 .page-exceptional-user-search .m-modal .modal-inner.page-exceptional-user-search-modal-inner #external-user-save-form .search-result-box .search-result-header .s-pager .prev {
    background-image: url('../../../module/img/common/icn_arrowleft_k.png');
    background-position: center;
    background-position-y: 6px;
    background-repeat: no-repeat;
    background-size: 150% 50%
  }

.s-pager .prev {
    background-image: url('../../../module/img/common/icn_arrowleft_k.png');
    background-position: center;
    background-position-y: 6px;
    background-repeat: no-repeat;
    background-size: 150% 50%
  }

.page-user-courses-history-search .page-inner .course-result.result-tbl .table-result thead tr th.col-all-chapter div.div-expand .expand-button.expand-left {
    background-image: url('../../../module/img/common/icn_arrowleft_k.png');
    background-size: 88% 33%
  }

.page-user-courses-history-search .page-inner .course-result.result-tbl table thead tr th.col-all-chapter div.div-expand .expand-button.expand-left {
    background-image: url('../../../module/img/common/icn_arrowleft_k.png');
    background-size: 88% 33%
  }

  button.btn.btn-download, input.btn.btn-download, a.btn.btn-download {
    background-color: white;
    background: url('../../../module/img/common/icn_download_k.png') 13px center no-repeat;
    -webkit-background-size: 19px;
    background-size: 21px;
    border: 1px solid #c8c8c8;
    font-weight: normal;
    width: 180px;
    line-height: 26px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 12px;
    padding-left: 35px;
    background-color: white;
    color: #333;
    background-position-y: 2px;
}

.col-course-id span.img {
    display: inline-block;
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pullup_k.png');
    background-size: 13px;
    padding-left: 7px;
    height: 13px;
}

.col-course-name span.img, .col-course-group span.img{
    display: inline-block;
    background-image: url('../../../module/img/common/icn_pullupdown_k.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    width: 27px;
    padding-left: 7px;
    height: 9px;
}

.s-pager .next {
    background-image: url('../../../module/img/common/icn_arrowright_k.png');
    background-position: center;
    background-position-y: 6px;
    background-repeat: no-repeat;
    background-size: 150% 50%;
}

.page-courses-search .page-inner .course-result.result-tbl .table-result.tbl-summary tr.selected .col-rate-assign-count.img, .page-courses-search .page-inner .course-result.result-tbl .table-result.tbl-summary tr:hover .col-rate-assign-count.img {
  background-image: url('../../../module/img/common/icn_flag_wf.png') !important;
  background-size: 22px !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-position-x: 94% !important
}

.page-courses-search .page-inner .course-result.result-tbl .table-result.tbl-summary .hover:hover.col-chapter-count.img {
    background-image: url('../../../module/img/common/icn_docsnull_bf.png') !important;
    background-size: 22px !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-position-x: 90% !important;
}

.page-courses-search .page-inner .course-result.result-tbl .table-result.tbl-summary .hover:hover.col-rate-assign-count.img {
    background-image: url('../../../module/img/common/icn_flag_bf.png') !important;
    background-size: 22px !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-position-x: 94% !important;
}

  .page-courses-search .page-inner .course-result.result-tbl .table-result.tbl-summary tr.selected .col-chapter-count.img, .page-courses-search .page-inner .course-result.result-tbl .table-result.tbl-summary tr:hover .col-chapter-count.img {
    background-image: url('../../../module/img/common/icn_docsnull_wf.png') !important;
    background-size: 22px !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-position-x: 90% !important
  }

button.btn.btn-switch, input.btn.btn-switch, a.btn.btn-switch {
    border: 1px solid #c8c8c8;
    background: url('../../../module/img/common/icn_reload_k.png') 13px center no-repeat;
    background-size: 22px;
    position: relative;
    width: 175px;
    height: 33px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    padding-left: 35px;
    display: table-cell;
    vertical-align: middle;
}

button.btn.btn-send-mail, input.btn.btn-send-mail, a.btn.btn-send-mail {
    background: url('../../../module/img/common/icn_mailsend_bk.png') 8px center no-repeat;
    -webkit-background-size: 28px;
    background-size: 28px;
    background-position-y: 50% !important;
    border: 1px solid #c8c8c8;
    font-weight: normal;
    width: auto;
    min-width: 132px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 12px;
    padding-left: 35px;
    background-color: white;
    color: #333;
    background-position-y: 2px;
    line-height: 26px;
}

.table-header thead{
    position: relative!important;
}

.table-header tbody{
    margin-top: 50px;
}

.page-courses-user-history-search .course-result.result-tbl .table-result tr .header-sort-up div .img {
    width: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pullup_k.png');
    background-size: 13px;
    padding-left: 7px;
}

.page-courses-user-history-search .course-result.result-tbl .table-result tr .header div .img {
    background-image: url('../../../module/img/common/icn_pullupdown_k.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    width: 27px;
    padding-left: 7px;
}

.site-flow ul li .ph.icn-site-comp {
    background-image: url('../../../module/img/common/icn_check_b.png');
}

.page-courses-search .page-inner .course-result.result-tbl .table-result.tbl-course-chapter .col-evaluated.check,
.page-courses-search .page-inner .course-result.result-tbl .table-header.tbl-course-chapter .col-evaluated.check {
    background-image: url('../../../module/img/common/icn_check_b.png');
    -webkit-background-size: 25%;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50%
}

.notice-search .page-inner .notice-result .table-result .col-9th.forcibly-show {
    background-image: url('../../../module/img/common/icn_check_b.png');
    -webkit-background-size: 25%;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50%
}

.course-attend-multiple-chapter-result .header-3rd.check,
.course-attend-multiple-chapter-result .col-3rd.check {
    background-image: url('../../../module/img/common/icn_check_b.png') !important;
    -webkit-background-size: 25% !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important
}

.site-flow ul li.current .ph.icn-site-comp {
    background-image: url('../../../module/img/common/icn_check_w.png');
}

.site-flow ul li.error .ph.icn-site-comp {
    background-image: url('../../../module/img/common/icn_check_w.png')
}

.m-contents-list ul .item.is-checked .itemThumbnail a:after {
    background-image: url('../../../module/img/common/icn_check_w.png');
    background-repeat: no-repeat;
    background-size: 80px auto;
    opacity: .6
}

.page-multi-chapter-search .c-search .table-result tr.selected .col-grade-evaluation {
    background-image: url('../../../module/img/common/icn_check_w.png') !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important
}

.page-multi-chapter-search .c-search .table-result .col-grade-evaluation.hover {
    background-image: url('../../../module/img/common/icn_check_w.png') !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important
}

.page-collective-approval .page-inner .approve-result table tr:not(:first-child):hover .icn-chapter-check,
.page-collective-approval .page-inner .approve-result table tr.selected .icn-chapter-check,
.page-collective-approval .page-inner .approve-result table .hover .icn-chapter-check {
    background: url('../../../module/img/common/icn_check_w.png') center center no-repeat;
    -webkit-background-size: 70%;
    background-size: 70%;
    background-position-x: 50%
}

.page-courses-search .page-inner .course-result tbody .row.selected.check,
.page-courses-search .page-inner .course-result tbody td.hover.check {
    background-image: url('../../../module/img/common/icn_check_w.png') !important;
    -webkit-background-size: 25% !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important
}

button.btn.btn-search-user-sub, input.btn.btn-search-user-sub, a.btn.btn-search-user-sub {
    border: 1px solid #c8c8c8;
    background: url('../../../module/img/common/icn_user_k.png') 50% center no-repeat;
    background-color: white;
    background-size: 22px;
    position: relative;
    width: 40px;
    height: 33px;
    line-height: 44px;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-left: 5px;
}

.page-courses-user-history-search .course-result.result-tbl{
    margin: 0px!important;
    padding: 0 10px 0 5px!important;
    background-color: #bae3f9;
}

.page-user-courses-history-search .page-inner .course-result.result-tbl .table-result tr div .img.header-sort-up {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../../module/img/common/icn_pullup_k.png');
    background-size: 13px;
    padding-left: 7px;
    display: inline-block;
    width: 17px;
    height: 10px;
}

.page-user-courses-history-search .page-inner .course-result.result-tbl .table-result tr div .img.sort-choice {
    background-image: url('../../../module/img/common/icn_pullupdown_k.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    width: 27px;
    height: 27px;
    padding-left: 7px;
    display: inline-block;
    vertical-align: text-bottom;
}

.page-user-courses-history-search .page-inner .course-result.result-tbl .table-result tr:nth-child(2) th{
    background: #fff !important;
    color: #82BEF0;
    vertical-align: middle;
    text-align: center;
    border-right: #fff;
    border-left: #fff;
    border-top: #fff;
}

.mutil-space{
    white-space: nowrap!important;
    cursor: default;
}

#li-catalogue-learning{
    background-color:#2E2624!important;
    cursor: default;
}

#li-profile{
    background-color:#2E2624!important;
    cursor: default;
}

.global-menu .global-menu-inner .global-menu-box .global-menu-list .profile {
    background: url('../../../module/img/common/icn_portfolio_w.png') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#inqBnr:hover{
    opacity: .7;
}

#li-courseEdit{
    background-color:#2E2624!important;
    cursor: default;
}

#li-mail-list{
    background-color:#2E2624!important;
    cursor: default;
}

#cplLink:hover{
    color: #FFF;
    background-image: url('../../../module/img/common/icn_reload_w.png');
    background-color: #82BEF0;
    border-color:#82BEF0;
    opacity: 1;
}

button.btn.btn-search-icon, input.btn.btn-search-icon, a.btn.btn-search-icon{
    opacity: 1;
    cursor: default;
}

button.btn.btn-clear, input.btn.btn-clear, a.btn.btn-clear{
    opacity: 1;
    cursor: default;
}

button.btn.btn-send-mail, input.btn.btn-send-mail, a.btn.btn-send-mail{
    opacity: 1;
    cursor: default;
}

button.btn.btn-download, input.btn.btn-download, a.btn.btn-download{
    opacity: 1;
    cursor: default;
}

.page-user-courses-history-search .page-inner .user-course-history-inner{
    min-height: auto;
}

button.btn.btn-switch, input.btn.btn-switch, a.btn.btn-switch{
    opacity: 1;
    cursor: default;
}

#user{
    margin: 0!important;
    height: 100%;
    background: white;
}

.page-user-courses-history-search .page-inner .course-result.result-tbl{
    background: none;
}

.container-inner{
    height: 100%;
}

#userFlame{
    background: white;
}

.page-user-courses-history-search .page-inner .course-result.result-tbl .table-result th.col-all-lesson{
    border-bottom: #FFF;
}

#changeCourseCp{
    position: relative;
}

#changeCourseCp img{
    position: absolute;
    top: -25px;
    left: 0px;
}

.detail_information_pc .modal-inner{
    margin-top: 50px!important;
    margin: auto;
    border: solid #82bef0 1.5px;
    padding: 50px;
    height: auto;
}

.detail_information_pc .modal-inner .title{
    text-align: center;
}

.notice-text{
    margin: 8px;
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .bell.on:hover {
  background: url('../../../module/img/common/icn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.c-index-header .c-index-header-inner .information-area .detail-infomation .detail-infomation-inner ul li:hover .bell.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/icn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner .detail-infomation-ul-outter ul li:not(.no-data):hover .bell.off:hover {
  opacity: .9 !important;
  background: url('../../../module/img/common/iicn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.lst_information_pc .modal-inner .table-information .detail-infomation-inner ul .bell.on:hover {
  background: url('../../../module/img/common/icn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .bell.off:hover {
  opacity: 1;
  background: url('../../../module/img/common/icn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .details .notice .bell.on:hover {
  opacity: 1;
  background: url('../../../module/img/common/icn_bell_y.png') center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.detail_information_pc .modal-inner .detail-information .detail-infomation-inner{
    border-bottom: none;
}