@charset "utf-8";
@import url(./common.css);
@import url(./util.css);
@import url(./saturn_style/index.css);

/*## global ##*/
.group{max-width: 1640px;box-sizing: border-box;padding: 0 20px;margin: 0 auto;}
.group:after{content: "";display: block;clear: both;}
.t-blue{color: #34b6ff;}


/*#####################
##   header style
#######################*/
header.ks-header{height: 70px;background: #015eaa;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
header.ks-header>.group{position: relative;padding-top: 20px;height: 100%;}
header.ks-header .tooltip-wrap{position: static;}
header.ks-header .hd-menu{display: inline-block;position: absolute;top: 0;bottom: 0;width: 30px;font-size: 0;background: url("/theme/saturn/pix/images//icon_heder_menu.png") no-repeat left center;}
header.ks-header .hd-logo{margin-left: 50px; margin-top: -5px;}
header.ks-header .hd-logo img{ width: 110px;}

header.ks-header .fr{color: #fff;}
header.ks-header .fr>ul{font-size: 0;display: inline-block;vertical-align: top;}
header.ks-header .fr>ul>li{font-size: 14px;display: inline-block;vertical-align: baseline;}
header.ks-header .fr>ul>li:not(:last-of-type):after{content: "";display: inline-block;background: #4186bf;width: 1px;height: 10px;margin: 0 17px;vertical-align: middle;}
header.ks-header .fr>ul>li.login-time>p{display: inline-block;float: left;background: #083562 url("/theme/saturn/pix/images//icon_time.png") no-repeat left 14px center;font-weight: 300;padding: 6px 15px 6px 33px;}
header.ks-header .fr>ul>li.login-time>a{display: inline-block;background: #062a4e;padding: 6px 8px; color: #fff;}
header.ks-header .fr>ul>li.alram{position: relative;}
header.ks-header .fr>ul>li.alram .tooltip-wrap{display: inline-block;vertical-align: middle;margin-top: -3px;position: relative;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>a{display: inline-block;position: relative;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>a>span{display: inline-block;position: absolute;background: #e30e2e;padding: 0 7px;border-radius: 20px;font-size: 12px;top: -3px;left: 12px;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>a:before{content: "";display: inline-block;background: url("/theme/saturn/pix/images//icon_arlam.png") no-repeat center;width: 20px;height: 21px;vertical-align: middle;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer{top: 45px;width: 350px;border: 1px solid #eee;color: #000}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer ul{max-height: 265px;overflow: auto;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer ul li{border: 0;border-bottom: 1px solid #eee;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer ul li>div{padding: 10px 15px;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer ul li .pop-img-wrap{min-width: 45px;height: 45px;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer ul li em{font-size: 14px;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer ul li span{font-size: 13px;margin-top: 0;}
header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer .btn-area{padding: 10px;border-top: 1px solid #eee;}

header.ks-header .fr>ul>li.alram>select{margin-left: 35px;vertical-align: top;height: auto;}
header.ks-header .fr>ul>li select{border: 0;color: #fff;background: #015eaa url("/theme/saturn/pix/images//icon_select_arrow.png") no-repeat right center;padding: 0 17px 0 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;text-shadow:0 1px 0 rgba(0,0,0,0.4);}
header.ks-header .fr>ul>li select::-ms-expand {display:none;}
header.ks-header .fr>ul>li.login>a{text-decoration: underline;}
header.ks-header .fr .manual{display: inline-block;height: 35px;line-height: 30px;width: 95px;text-align: center;border: 3px solid #f7fb04;color: #f7fb04;font-weight:550;box-sizing: border-box;vertical-align: top;margin-left: 28px;padding: 0;background: transparent;}
header.ks-header .fr .btn{height: 35px;}
/* 전체 메뉴 */
.tooltip-layer{display: none;}
.all-menu{position: absolute;top: 70px;left: 20px;background: #fff;z-index: 999;box-shadow: 7px 7px 7px rgba(0,0,0,0.08);}
.tooltip-wrap .all-menu.tooltip-layer{border-top: 0;}
.all-menu>ul>li>a{display: block;border-bottom: 1px solid #f0f0f0;padding: 15px 25px;font-size: 15px;font-weight: 500;color: #333;min-width: 250px;}
.all-menu>ul>li.has-2depth>a{background: url("/theme/saturn/pix/images//icon_menu_arrow_down.png") no-repeat right 20px center;}
.all-menu>ul>li.has-2depth.on>a{background: #083562 url("/theme/saturn/pix/images//icon_menu_arrow_up.png") no-repeat right 20px center;color: #fff;}
.all-menu>ul>li.has-2depth>ul{background: #f7f8fa;border-bottom: 1px solid #f0f0f0;}
.all-menu>ul>li:last-child>ul{border-bottom: 0;}
.all-menu>ul>li.has-2depth>ul{display: none;padding: 13px 0;}
.all-menu>ul>li.has-2depth.on>ul{display: block;}
.all-menu>ul>li.has-2depth>ul>li>a{padding: 10px 25px;display: block;color: #555;font-size: 14px;}
.all-menu>ul>li.has-2depth>ul>li>a:before{content: "";display: inline-block;background: #888888;width: 3px;height: 3px;vertical-align: middle;margin-top: -3px;margin-right: 5px;}

/*#####################
##   contents style
#######################*/
body #wrap{float: none;}

.m-fixed-menu{display: none;}
#wrap>.container{position: relative;max-width: none;}
.container>.group{padding-top: 50px;padding-bottom: 50px;}
.left-block{width: calc(100% - 420px);margin-right: 50px;float: left;}
.right-block{width: 370px;float: left;}

.tooltip-wrap{position: relative;}
.tooltip-wrap>.tooltip-layer{position: absolute;display: none;background: #fff;box-shadow: 2px 2px 2px rgba(0,0,0,0.08);border: 1px solid #eee;}
.tooltip-wrap>.tooltip-layer[style*=block]{z-index: 2;}

.btn-area{font-size: 0;}
.btn-area .bt{font-size: 14px;}
.btn-area.t-right .bt{margin-left: 5px;}
.btn-area.t-center .bt{margin: 0 3px;}
.layerpop .pop-content .btn-area{margin: 20px -20px -20px;display: flex;}
.layerpop .pop-content .btn-area .bt{width: 100%;margin: 0;height: 55px;font-size: 16px;}

/*## page title ##*/
.page-title{margin-bottom: 20px;}
.page-title h4{font-size: 26px;display: inline-block;}
.page-title p{font-size: 19px;display: inline-block;vertical-align: bottom;}


/*## 교수/학생 메인 ##*/
.main-title{display: flex;align-items: center;margin-bottom: 20px;}
.main-title .txt{white-space: nowrap;font-size: 0;margin-left: 15px;color: #34b6ff;}
.main-title .txt>strong{color: #555;font-size: 20px;font-weight: normal;margin-right: 10px;}
.main-title .txt>span{font-size: 20px;}
.main-title .txt>span:not(:last-child):after{content: "";display: inline-block;vertical-align: middle;height: 13px;width: 1px;background: #ccc;margin: 0 10px;vertical-align: middle;margin-top: -3px}
.select-course{width: 100%;padding: 0;font-size: 0;}
.select-course div{display: inline-block;width: 50%;box-sizing: border-box;position: relative;}
.select-course div:first-child{padding-right: 5px}
.select-course div:last-child{padding-left: 5px;}
.select-course div select{width: 100%;border: 0;color: #333; font-size: 20px;height: 55px;text-align: center;background: #f5f5f5 url("/theme/saturn/pix/images//icon_select_arrow02.png") no-repeat right 15px center;background-size: 8px auto;appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;}
.select-course div select::-ms-expand{display: none;}


.course-slider{margin-bottom: 23px;font-family: 'NanumSquare', sans-serif;position: relative; z-index: 2;}
.course-slider.no-overflow{overflow: visible;}
#page-course-view-kaistweeks .course-slider.no-overflow{overflow: visible !important;}
.course-slider .swiper-button-prev{display: inline-block;font-size: 0;width: 35px;height: 35px;border-radius: 100%;background: #0762ac url("/theme/saturn/pix/images//icon_slider_arrow_prev.png") no-repeat center;left: -15px;}
.course-slider .swiper-button-next{display: inline-block;font-size: 0;width: 35px;height: 35px;background: #0762ac;border-radius: 100%;background: #0762ac url("/theme/saturn/pix/images//icon_slider_arrow_next.png") no-repeat center;right: -15px;}
.course-slider .swiper-button-prev:after{display: none;}
.course-slider .swiper-button-next:after{display: none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.7 !important;}

.course-slider .swiper-slide{display: inline-block;border-radius: 5px;}
.course-slider .swiper-slide>h6{background: #455669;padding: 20px 35px 20px 20px;font-size: 16px;color: #fff;border-radius: 5px 5px 0 0;position: relative;cursor: pointer;letter-spacing: -0.7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.course-slider .swiper-slide>h6:after{content: "";background: url("/theme/saturn/pix/images//icon_toggle_arrow.png") no-repeat center;display: block;position: absolute;right: 0;top: 0;width: 50px;height: 100%;}
.course-slider .swiper-slide>div{background: #e5edf2;text-align: center;border-radius: 0 0 5px 5px;padding: 15px 10px 15px;}
.course-slider .swiper-slide>div>em{display: inline-block;font-style: normal;font-size: 12px;margin-bottom: 10px;line-height: 16px;color: #777;}
.course-slider .swiper-slide>div>em.t-blue{color: #1f8fce;}
.course-slider .swiper-slide>div>em.ic-alert{background: url("/theme/saturn/pix/images//icon_question.png") no-repeat right center;padding-right: 22px;}
.course-slider .swiper-slide>div>strong{display: block;color: #455669;font-size: 27px;font-weight: 700;}


.no-overflow .swiper-container {overflow: visible;}
.course-slider .tooltip-evt {position: relative; display: inline-block; margin-top: 25px; z-index: 2;}
.course-slider .tooltip-evt>.slider-btn-area {font-size: 12px; vertical-align: middle; cursor: pointer; margin-top: 25px;line-height: 15px;cursor: pointer;}
.course-slider .tooltip-evt>.tooltip-layer {position: absolute; top: 25px; left: 0; background-color: #fff; width: 450px; z-index: 1; text-align: left; padding: 25px 28px; box-sizing: border-box; box-shadow: 2px 3px 12px 0px rgba(0, 0, 0, 0.2);}
.course-slider .swiper-slide .tooltip-layer .t-blue {color: #1155a8; font-size: 14px;margin-bottom: 3px;}
.course-slider .swiper-slide .tooltip-layer span {font-size: 13px; color: #000;}
.course-slider .swiper-slide .tooltip-layer .progress-wrap {font-size: 27px; font-weight: 700; display: inline-block; width: calc(100% - 100px); box-sizing: border-box;}
.course-slider .swiper-pagination{display: none;position: static;text-align: right;margin-bottom: 7px;}
.course-slider.bg-white .swiper-pagination{display: block;}
.course-slider .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 3px;background: #ccc;opacity: 1;}
.course-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1155a8;width: 30px;border-radius: 5px;}


.progress-wrap .progressbar {position: relative; background-color: #f3f3f3; border-radius: 20px; display: inline-block; height: 6px; width: 100%; max-width: 210px; margin-left: 10px; }
.progress-wrap .progressbar span {background-color: #0070c0; position: absolute;top: -8px;left: 0; display: inline-block; width: 0%; height: 12px; border-radius: 20px; transition: width 0.3s;}

.course-slider.bg-white .swiper-slide{border: 1px solid #ddd;box-sizing: border-box;}
.course-slider.bg-white .swiper-slide h6{text-align: center;padding-left: 10px;padding-right: 10px;}
.course-slider.bg-white .swiper-slide h6:after{display: none;}
.course-slider.bg-white .swiper-slide>div{background: #fff;}


.main-course-list>li{border: 1px solid #ddd;border-top-color: #000;margin-bottom: 20px;padding: 30px 40px;display: flex;align-items: center;}
.main-course-list>li>p{box-sizing: border-box;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-course-list>li>p>a{position: relative;font-size: 26px;display: inline-block;overflow: hidden;text-overflow: ellipsis;max-width: 100%;box-sizing: border-box;}
.main-course-list>li>p>em{display: inline-block;background: url("/theme/saturn/pix/images//icon_course_go.png") no-repeat center;background-size: 8px auto;font-size: 0;width: 35px;height: 35px;border: 1px solid #e1e1e1;border-radius: 100%;position: absolute;right: 0;top: 0;}
.main-course-list>li>p .teacher{display: block;color: #333;font-size: 14px;}
.main-course-list>li>p .teacher em{font-style: normal;color: #777;margin-right: 10px;}
.main-course-list>li>div{white-space: nowrap;padding: 10px 0;font-size: 0;text-align: right;flex-shrink: 2;text-align: right;}
.main-course-list>li>div>span{color: #555;font-size: 13px;padding-left: 10px;}
.main-course-list>li>div>*:before{content: "";display: inline-block;width: 1px;height: 10px;background: #e5e5e5;margin: 0 10px;}
.main-course-list>li>div>span:first-of-type:before{display: none;}
.main-course-list>li>div>.tooltip-wrap{display: inline-block;}
.main-course-list>li>div>.tooltip-wrap>a{display: inline-block;color: #555;font-size: 13px;background: url("/theme/saturn/pix/images//icon_custom_select_arrow.png") no-repeat right center;padding-right: 15px;}
.main-course-list>li>div>.tooltip-wrap>.tooltip-layer{padding: 5px 0;top: 25px;left: 50%;transform: translate(-50%, 0);}
.main-course-list>li>div>.tooltip-wrap>.tooltip-layer>li{font-size: 13px;color: #777;}
.main-course-list>li>div>.tooltip-wrap>.tooltip-layer>li.on{background: #f4f4f4;color: #444}
.main-course-list>li>div>.tooltip-wrap>.tooltip-layer>li>a{display: block;padding: 10px 15px;white-space: nowrap;}
.main-course-list>li .bt{display: flex;flex-direction: column;justify-content: center;align-items: center;background: #004294;color: #fff;border: 0;border-radius: 8px;margin-left: 10px;height: auto;padding: 7px 13px;width: auto;font-size: 15px; font-weight: 500;white-space: nowrap;}
.main-course-list>li .bt em{font-style: normal;display: inline-block;}

/*## 공지사항 상세 ##*/
.board-detail{border-top: 2px solid #313131;}
.board-detail>h6{background: #fafafa;text-align: center;padding: 12px 10px;font-size: 18px;border-bottom: 1px solid #ddd;font-weight: 500;}
.board-detail>.rw{border-bottom: 1px solid #ddd;overflow: hidden;padding: 12px 15px;}
.board-detail>.rw p{float: left;}
.board-detail>.rw p:not(:last-child):after{content: "";display: inline-block;background: #ddd;width: 1px;height: 13px;margin: 0 10px;vertical-align: middle;margin-top: -2px;}
.board-detail>.rw strong{font-weight: 500;margin-right: 5px;}
.board-detail>.rw span{color: #555;}
.board-detail>.board-txt{border-bottom: 1px solid #ddd;min-height: 200px;padding: 20px 15px;}
.board-link{margin-bottom: 20px;}
.board-link>li{border-bottom: 1px solid #ddd;display: flex;}
.board-link>li>strong{background: #fafafa;display: inline-block;padding: 10px;min-width: 100px;text-align: center;border-right: 1px solid #ddd;font-weight: 500;}
.board-link>li>a{width: 100%;display: inline-block;padding: 10px 0 10px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;}
.board-link>li>p{white-space: nowrap;padding: 10px;}
.board-link>li>p>span{color: #333;}
.board-link>li>p>em{font-style: normal;color: #666;margin-left: 5px;}


/*#####################
##   강의실 style
#######################*/
.path-site li.activity>div, .path-course-view li.activity>div{position: static;}
.path-course-view li.activity>div{padding-right: 185px;}
#page-header .card{border: 0; padding-top: 50px;}
#page-header .card .card-body{padding: 0;}
#page-header .card .card-body .page-context-header{padding: 0;margin-top: -7px;font-weight: 700;}
#page-header .card .card-body #page-navbar nav{line-height: 30px;padding-top: 5px;}
#page-header .card .card-body #page-navbar nav li a{color: #777;}
#block-region-side-pre .card-body .card-text .course_menu li a:before{content: "";}


#block-region-side-pre .card-body{padding: 0 !important;}
#block-region-side-pre .card-body .card-title{display: block !important;padding: 17px 20px;border-bottom: 1px solid rgba(0,0,0,.125);font-size: 16px;font-weight: 500;margin-bottom: 0;}
#block-region-side-pre .card-body .card-text{margin-top: 0 !important;background: #f8f8f8;padding: 10px 20px;}
#block-region-side-pre .card-body .card-text .course_menu li{padding: 0;}
#block-region-side-pre .card-body .card-text .course_menu li a{padding: 3px 0;display: inline-block;color: #666;}
#block-region-side-pre .card-body .card-text .course_menu li a:before{content: "";display: inline-block;width: 2px;height: 2px;background: #666;vertical-align: middle;margin-right: 5px;margin-top: -2px;}

.week-slider{
    position: relative;
    padding: 4px 45px 4px 45px;
    flex: 1 1 0%;
    overflow: hidden;
    margin-left: 0px !important;
}
.week-slider .swiper-button-prev, .week-slider .swiper-button-next{
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    border: 1px solid #dedede;
    border-radius: 100%;
    font-size: 0;
    top: 8px;
    margin: 0;
    background-color: #fff;
    /* display: none; */
}
.week-slider .swiper-button-prev:after, .week-slider .swiper-button-next:after{display: none;}
.week-slider .swiper-button-prev{left: 4px;background: url("/theme/saturn/pix/images//icon_course_go.png") no-repeat center;transform: rotate(180deg)}
.week-slider .swiper-button-next{right: 4px;background: url("/theme/saturn/pix/images//icon_course_go.png") no-repeat center;}
.week-slider .swiper-container{position: static;}
.week-slider .swiper-container .swiper-slide{
    display: inline-block;
    width: auto;
    border: 1px solid #035192;
    margin: 0px 2px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}
.week-slider .swiper-container .swiper-slide>a{padding: 5px 10px ;font-size: 15px; display: inline-block; }
/* .week-slider .swiper-container .swiper-slide.on>a{color: #1155a8;font-weight: 900;border-bottom: 2px solid #1155a8;} */

.week-slider .swiper-container .swiper-slide.on {
    /* background-color: var(--theme-primary) !important; */
    background-color: #035192 !important;

}
.week-slider .swiper-container .swiper-slide.on > a {
    color: #fff !important;
}

/* .week-slider .swiper-container .swiper-slide:not(:last-child):after{
    content: "";
    display: inline-block;
    background: #ccc;
    height: 14px;
    width: 1px;
    vertical-align: middle;
    margin: 0 15px 0 15px;
} */
.week-slider:has(.swiper-button-prev.swiper-button-prev2:not(.swiper-button-lock))::before, .week-slider::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    width: 45px;
    height: 100%;
    background-color: #fff;
    z-index: 5;
}
.week-slider::before { left: 0; }
.week-slider::after { right: 0; }

.activity-slider{position: relative; padding: 0 16px 0 16px;}
.activity-slider .swiper-button-prev, .activity-slider .swiper-button-next{box-sizing: border-box;width: 35px;height: 35px;border: 1px solid #dedede;border-radius: 100%;font-size: 0;top: 0;margin: 0;background-color: #fff;}
.activity-slider .swiper-button-prev:after, .activity-slider .swiper-button-next:after{display: none;}
.activity-slider .swiper-button-prev{ opacity: 0.3; top: calc(50% - 18px); background-color: #fff !important; left: 4px;background-image: url("/theme/saturn/pix/images//icon_course_go.png"); background-position: center; background-repeat: no-repeat; transform: rotate(180deg)}
.activity-slider .swiper-button-next{ opacity: 0.3; top: calc(50% - 18px); background-color: #fff !important; right: 4px;background-image: url("/theme/saturn/pix/images//icon_course_go.png");background-position: center; background-repeat: no-repeat;}
.activity-slider .swiper-container{position: static;}
.activity-slider .swiper-container .swiper-slide{display: inline-block;width: auto;}
.activity-slider .swiper-container .swiper-slide>a{padding: 0 5px;line-height: 35px;color: #000;font-size: 15px;}
.activity-slider .swiper-container .swiper-slide.on>a{color: #1155a8;font-weight: 900;border-bottom: 2px solid #1155a8;}
.activity-slider:hover .swiper-button-prev, .activity-slider:hover .swiper-button-next { opacity: 1 !important; }
.activity-slider::before, .activity-slider::after { content: " "; display: block; position: absolute; top: 0; width: 16px; height: 100%; background-color: #fff; z-index: 5; }
.activity-slider::before { left: 0; }
.activity-slider::after { right: 0; }

.activity-nav { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.activity-nav .head { cursor: pointer; }
.activity-card { font-size: 15px; }
.activity-card .head {border-radius: 10px 10px 0px 0px; padding: 10px 16px; color: #fff !important; text-align: center; height: 100%; display: flex; justify-content: space-between; align-items: center; }
.activity-nav .activity-card .head { display: block; }
.card-gray .head { background-color: #7F7F7F; }
.card-yellow .head { background-color: #F6C242; }
.card-blue .head { background-color: #4F71BD; }
.card-red .head { background-color: #E92B1B; }
.activity-card .body { padding: 4px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; display: flex; flex-direction: column; justify-content: space-between; min-height: 150px; width: 255px; }
.activity-card .body .red { color: #E92B1B !important; }
.activity-card .body .btn { border-radius: 4px; }
.activity-card .foot { border: 1px solid #e7e7e7; border-radius: 0px 0px 10px 10px; padding: 6px 16px; background-color: #f1f1f1; color: #888888; }
.activity-week { background-color: #f8f8f8; padding: 6px 20px; font-size: 18px; font-weight: 600; }

.courses-slider{position: relative; overflow: hidden;}
.courses-slider .swiper-button-prev, .courses-slider .swiper-button-next{box-sizing: border-box;width: 24px;height: 35px;font-size: 0;top: 0;margin: 0;}
.courses-slider .swiper-button-prev:after, .courses-slider .swiper-button-next:after{display: none;}
.courses-slider .swiper-button-prev:focus, .courses-slider .swiper-button-next:focus{box-shadow: none !important;}
.courses-slider .swiper-button-prev{ opacity: 1 !important; top: calc(50% - 18px); left: 0px;background-image: url("/theme/saturn/pix/images//icon_course_go.png"); background-position: center; background-repeat: no-repeat; transform: rotate(180deg)}
.courses-slider .swiper-button-next{ opacity: 1 !important; top: calc(50% - 18px); right: 0px;background-image: url("/theme/saturn/pix/images//icon_course_go.png");background-position: center; background-repeat: no-repeat;}
.courses-slider .swiper-container{position: static;}
.courses-slider .swiper-container .swiper-slide{display: inline-block;width: auto;}
.courses-slider:hover .swiper-button-prev, .courses-slider:hover .swiper-button-next { opacity: 1 !important; border: 1px solid #dedede; background-color: #fff !important;}
/* .courses-slider::before, .courses-slider::after { content: " "; display: block; position: absolute; top: 0; width: 24px; height: 100%; background-color: #fff; z-index: 5; }
.courses-slider::before { left: 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); } */
.courses-slider::after { right: 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);}

.course-content ul .section.main{
    /* border: 1px solid #e5e5e5 !important; */
    /* border-top-color: #000 !important; */
    padding: 0 !important;
    margin-top: 20px !important;
}
.course-content ul .section.main.hide .section.img-text{display: none;}
.course-content ul .section.main h3.sectionname{
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 20px 20px;
    border-bottom: 1px solid #404247;
    background: url("/theme/saturn/pix/course/collapse-down.svg") no-repeat center right 0px;
    background-size: 15px auto ;
}
.course-content ul .section.main.hide h3.sectionname{border-bottom: 0;background-image: url("/theme/saturn/pix/course/collapse-up.svg");}
.course-content ul .section.main h3.sectionname em{color: #0091d4;font-style: normal;font-size: 14px;font-weight: normal;margin-left: 20px;}
.course-content ul .section.main>.content>.summary{padding: 10px 40px 10px;margin-bottom: -25px;}
.course-content ul .section.main.hide>.content>.summary{display: none;}
.course-content ul .section.main .section.img-text{margin: 0;padding: 20px 0px 10px;}
.course-content ul .section.main .section.img-text>li{background: #f8f8f8;padding: 15px 30px;margin-bottom: 8px;position: relative;}
/* .course-content ul .section.main .section.img-text>li .activityicon{margin-right: 8px;margin-top: 2px;} */
.course-content ul .section.main .section.img-text>li .instancename{position: relative;color: #000;}
.course-content ul .section.main .section.img-text>li .actions{padding-right: 30px;}
.course-content ul .section.main .section.img-text>li .actions .progress-txt{line-height: 40px;}
.course-content ul .section.main .section.img-text>li .actions .progress-txt>span{color: #888;font-size: 13px;margin-right: 5px;vertical-align: text-bottom}
.course-content ul .section.main .section.img-text>li .actions .progress-txt>strong{font-size: 13px;color: #1f8fce;vertical-align: text-bottom;}
.course-content ul .section.main .section.img-text>li .actions .progress-txt>strong>em{font-style: normal;font-size: 18px;margin-right: 3px;}
.course-content ul .section.main .section.img-text>li .actions .status{line-height: 42px;font-size: 13px;color: #555;font-weight: normal;}
.course-content ul .section.main .section.img-text>li .actions .status.t-blue{color: #1f8fce;}
.course-content ul .section.main .section.img-text>li .actions .status.t-blue2{color: #1155a8;}
.course-content ul .section.main .section.img-text>li .actions .status.ic-alert{color: #1f8fce !important;background: url("/theme/saturn/pix/images//icon_question.png") no-repeat right center;padding-right: 24px;}
.course-content ul .section.main .section.img-text>li .actions .slash-txt>li{list-style: none;display: inline-block;line-height: 20px;font-size: 13px;}
.course-content ul .section.main .section.img-text>li .actions .slash-txt>li:not(:first-child):before{content: "|";display: inline-block;margin-right: 10px;color:  #D9D9D9;
}
.course-content ul .section.main .section.img-text>li .actions .slash-txt>li em{font-style: normal;color: #555555; font-size: 14px;font-weight: 700;}
.course-content ul .section.main .section.img-text>li .actions .slash-txt>li span{color: #555555;margin-left: 5px; font-size: 14px;font-weight: 700;}
.course-content ul .section.main .section.img-text>li .actions .slash-txt>li strong{color: #0094E8;font-size: 14px;font-weight: 700; margin-left: 5px;}
.course-content ul .section.main .section.img-text>li .actions .slash-txt>li strong.underline{border-bottom: 1px solid #0091d4;}
.section .activity .contentwithoutlink>a, .section .activity .activityinstance>a{vertical-align: middle;text-indent: 0;padding-left: 0;}
.section .activity .contentafterlink p{color: #000; margin: unset !important;}
.section .activity .contentafterlink {overflow-wrap: break-word; margin-left: 0px !important;}
.section .activity .contentwithoutlink{display: contents; color: #000;}
.course-content ul .section.main .section.img-text>li .end-dt{color:  #0093da;font-weight: normal;margin-left: 10px;font-size: 13px;vertical-align: middle;}

/*편집모드*/
.editing  .course-content ul .section.main{border-left-color: #015eaa !important;border-right-color: #015eaa !important;border-bottom-color: #015eaa !important;}
.editing .course-content ul .section.main>.left.side .section-handle.moodle-core-dragdrop-draghandle{display: none;}
.editing .course-content ul .section.main>.right.side{margin: 25px 50px 0 0;}
.editing .course-content ul .section.main#section-0>.right.side{margin: 20px 25px;}
/*.editing .course-content ul .section.main .content .section-modchooser-link{width: 100%;line-height: 50px;background: #015eaa;padding: 0;border: 0;font-size: 16px; color: #fff;font-weight: normal;text-decoration: none !important;}
.editing .course-content ul .section.main .content .section-modchooser-link .icon.fa-plus{display: none;}
.editing .course-content ul .section.main .content .section-modchooser-link:after{content: "";display: inline-block;width: 14px;height: 14px;background: url("/theme/saturn/pix/images//icon_add.png") no-repeat right center;margin-left: 5px;vertical-align: middle;margin-top: -2px;} */
.editing .section .activity .editing_move{ padding-top: 14px; position: absolute; left: 30px; top: 5px; }
/* .editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance{padding: 0px 0px 0px 40px;} */
.editing .section .activity .activityinstance{padding: 0px 0px 0px 40px;}
.editing .course-content ul .section.main .section.img-text>li .actions{padding-right: 0;}
.editing .section .activity .mod-indent-outer{padding-left: 0px;}

.format-flexsections  .editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance{
    margin-left: 0;
}

.editing .menubar.d-flex{height: 40px;align-items: center;padding-right: 10px;}
.editing .menubar.d-flex:has(span):has(.filler){
    padding-right: 41px;
}
#changenumsections{margin-top: 20px;}
#changenumsections>a{border: 1px solid #015eaa;display: inline-block;text-align: center;box-sizing: border-box;font-size: 15px;color: #015eaa;padding: 13px 20px;}

/*편집모드 버튼*/
.pagelayout-course #page-header>div{padding-bottom: 0 !important;}
.pagelayout-course #page-header .card{
    border: 0;
    padding-top: 3px;
    background-color: unset !important;
}
.pagelayout-course.editing #page-header .card{padding-right: 4px;}
/* .pagelayout-course #page-header .card .card-body{padding: 0;} */
/* .pagelayout-course #page-header .card .card-body>.align-items-center{display: none !important;} */
.pagelayout-course.path-course #page-header #page-navbar{display:block }
.pagelayout-course #page-header .singlebutton, .pagelayout-incourse #page-header .singlebutton{
    background: #E1E1E1;
    height: 28px;
    width: 50px;
    border-radius: 50px;
    position: relative;
    color: #333;
    margin-bottom: 25px;
    border: 1px solid #CCCCCC
}
/* .pagelayout-course.editing #page-header .singlebutton{background: #015eaa;} */
.pagelayout-course #page-header .singlebutton:before,.pagelayout-incourse #page-header .singlebutton:before{content: "편집모드";display: inline-block;vertical-align: middle;position: absolute; left: -100%;margin-left: -15px;bottom: 2px;color: #333333;font-weight: 500; font-size: 14px;}
.lang-en.pagelayout-course #page-header .singlebutton:before,.lang-en.pagelayout-incourse #page-header .singlebutton:before{
    content: "Editing on";
    margin-left: -30px;
}

.pagelayout-course.editing #page-header .singlebutton .btn.btn-primary,
.pagelayout-incourse.editing #page-header .singlebutton .btn.btn-primary{
    top: 3px;left: 0;
}

.pagelayout-course #page-header .singlebutton .btn.btn-primary,
.pagelayout-incourse #page-header .singlebutton .btn.btn-primary{
    font-size: 0;
    /* box-shadow: 2px 3px 9px 0px rgba(0, 0, 0, 0.35); */
    width: 21px;
    height: 21px;
    border-radius: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 3px;left: 5px;
    transition: left 0.4s;
}
.pagelayout-course.editing #page-header .singlebutton,
.pagelayout-incourse.editing #page-header .singlebutton{
    background: #0090E2 !important;
    border-color:  #007ABF
}

.pagelayout-course.editing #page-header .singlebutton .btn.btn-primary,
.pagelayout-incourse.editing #page-header .singlebutton .btn.btn-primary{
    left: 22px;
}
.pagelayout-course #page-header .singlebutton .btn.btn-primary:focus,
.pagelayout-incourse #page-header .singlebutton .btn.btn-primary:focus{
    outline: none;
    box-shadow: none;
}

.pagelayout-course.editing #page-header .singlebutton .btn.btn-primary,
.pagelayout-incourse.editing #page-header .singlebutton .btn.btn-primary{
    /* background-color: var(--theme-primary);
    border-color: var(--theme-primary); */
    background-color: white;
    border: 1px solid white
}
.pagelayout-course #page-header .singlebutton .btn.btn-primary,
.pagelayout-incourse #page-header .singlebutton .btn.btn-primary{
    /* background-color: var(--theme-primary);
    border-color: var(--theme-primary); */
    background-color: white;
    border: 1px solid white
}
#page-header .singlebutton.grades_edit_button{
    display: none;
}
.custom-user-search-header{
    display: flex;
    justify-content: space-between;
}

/* 학습활동 생성/수정 페이지 고급설정 버튼 */
.mform fieldset#id_advancedsettings {border-bottom: none;}
.mform fieldset#id_advancedsettings > legend > span {font-size: 16px; font-weight: bold; cursor:pointer;}
.mform fieldset#id_advancedsettings > legend > span:hover {text-decoration: underline;}
/* .mform fieldset#id_advancedsettings > legend > span::before {content: ' \25AA';} */


/* 캘린더 상단/하단 버튼 숨김 처리 */
.path-calendar .maincalendar .heightcontainer .header,
.path-calendar .maincalendar .bottom { display: none !important;}


/* 강의 합반 :: 메인 리스트 페이지 모달창 */
.path-local-combine .modal .modal-dialog {max-width: 700px;}
#course_combined table {border-collapse: separate; border-spacing: 0 10px;}
#course_combined table tr {background-color: white;}
#course_combined table tr.grayb {background-color: rgba(0,0,0,.1);}
#course_combined table tr > td:nth-of-type(odd) {border: 1px solid #d4d4d4; border-right: none; vertical-align: middle;}
#course_combined table tr > td:nth-of-type(even) {border: 1px solid #d4d4d4; border-left: none;}
#course_combined table tr > td input[name=course_keyword] {max-width: 270px; width: 100%;}
#course_combined .form-actions {text-align: center;}

.path-local-combine .course a.through {text-decoration: line-through;}
.path-local-combine .pagination .pagenum {margin: 0 5px;}


/* 강의 합반 :: 합반 세부 페이지 */
.path-local-combine .course_add_combined .courseinfo {background-color: #f6f6f6; border: 1px solid #ddd; margin-bottom: 20px;}
.path-local-combine .course_add_combined form h3 {margin: 10px 0;}
.path-local-combine .course_add_combined form > div > div.control-group {padding: 10px 30px; width: auto; overflow: hidden;}
.path-local-combine .course_add_combined form > div > div.control-group > label {display: block; float: left; width: 150px; text-align: right; padding-right: 10px;}
.path-local-combine .course_add_combined form > div > div.control-group > div.controls {width: calc(100% - 150px); float: left;}
.path-local-combine .course_add_combined form > div > div.control-group > div.controls > label {padding: 0 10px;}

.path-local-combine .course_add_combined form .accordion .accordion-group {border: 1px solid #ddd; border-radius: 5px; margin: 10px 0; width: auto; overflow: hidden;}
.path-local-combine .course_add_combined form .accordion .accordion-group .accordion-heading,
.path-local-combine .course_add_combined form .accordion .accordion-group .accordion-inner {padding: 10px 15px;}
.path-local-combine .course_add_combined form .accordion .accordion-group .accordion-body {border-top: 1px solid #ddd;}
.path-local-combine .course_add_combined form .accordion .accordion-group .control-group {width: auto; overflow: hidden; padding: 10px 0;}
.path-local-combine .course_add_combined form .accordion .accordion-group .control-group > label {width: 200px; display: block; float: left; text-align: right; padding-right: 10px;}
.path-local-combine .course_add_combined form .accordion .accordion-group .control-group > div.controls {width: calc(100% - 200px); float: left;}

.path-local-combine .course_add_combined form .form-actions {text-align: center;}


/*####################
##   table style
######################*/
caption {overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;}

table{border-spacing: 0; border-collapse: collapse;}
.table{margin-bottom: 30px;margin-top: 0;border-top: 2px solid #2A5A8B;width: 100%;table-layout: fixed;}
.table-wrap{margin-bottom: 30px;}
.table-wrap table{margin-bottom: 0;}

thead {display: table-header-group;vertical-align: middle;border-color: inherit;}
tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.table > thead > tr > th {text-align: center;border: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #F3F5F9 !important;vertical-align: middle;color: #000;font-size: 14px;color: #111111;word-break: keep-all;word-wrap: break-word;font-weight: 500;padding: 15px 5px;}
table.no-bg > thead > tr > th{background: #fff;border: 0;}

tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
.table > tbody > tr > th {text-align: center;border-top: 1px solid #D7DAE4;background-color: #F3F5F9;vertical-align: middle !important;color: #111111;font-size: 16px;word-break: keep-all;word-wrap: break-word;font-weight: 500;padding: 15px 10px;}
.detail > tbody > tr > th{border-color: #D7DAE4;min-height: 40px;}
.table > tbody > tr > td{font-size: 14px;color: #555555;font-weight: 350 ;border-right: 1px solid #D7DAE4;border-left: 1px solid #D7DAE4;border-top: 1px solid #D7DAE4;text-align: center;padding: 10px 5px;letter-spacing: -0.5px;word-break: keep-all;word-wrap: break-word;}
.detail > tbody > tr > td{text-align: left;border-color: #ddd;padding: 8px 10px;word-break: break-all;}
table.no-bg > tbody > tr > td{border-right: 0;border-color: #D7DAE4;color: #666;}

table.hover tbody tr:hover, table.hover tbody tr.selected{background: #f5fbff;}

.table > thead > tr > th:first-child
, table > tbody > tr > td:first-child{border-left-width: 0;}
.table > thead > tr > th:last-child
, table > tbody > tr > td:last-child{border-right-width: 0;}
.table > thead > tr > td:first-child
, table > tbody > tr > td:first-child
, table > tfoot > tr > td:first-child {border-left-width: 0;}
.table > thead > tr > td:last-child
, table > tbody > tr > td:last-child
, table > tfoot > tr > td:first-child {border-right-width: 0;}
.table > tbody > tr:last-child > td, table > tbody > tr:last-child >th{border-bottom: 0;}

.table td.t-left>a{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;box-sizing: border-box;}
.table td a.ic-new{position: relative;padding-right: 25px;}
.table td a.ic-new:after{content: "N";display: inline-block;background: #ff9a31;width: 18px;height: 18px;color: #fff;text-align: center;font-size: 10px;line-height: 18px;border-radius: 100%;position: absolute;right: 0;top: 2px;}



/*####################
##   layerpopup
######################*/
body.overflow{overflow: hidden;}
.layerpop-wrap{position: fixed;top: -1000px;left: 0;width: 0;height: 0;opacity: 0;background: rgba(0,0,0,0.8);z-index: 999;transition: opacity 0.5s;padding: 20px 0;box-sizing: border-box;display: flex;justify-content: center;align-content: center;align-items: center;flex-shrink: 0;overflow: auto;visibility: hidden;}
.layerpop-wrap.fadeIn{width: 100%;height: 100%;opacity: 1;top: 0;visibility: visible;}
.layerpop-wrap.flex-start{align-items: flex-start;}
/* .layerpop-wrap .layerpop{
    background: #fff;
    max-width: 90%;
    padding-top: 50px;
    position: relative;
     border: 1px solid #333;
    } */
.layerpop-wrap .layerpop .pop-close {
    font-size: 0;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url("/theme/saturn/pix/images//icon_popup_close.png") no-repeat center;
    height: 50px;
    width: 50px;
    border: 0;
    background-size: 18px auto;
}
.layerpop-wrap .layerpop .pop-title{
    /* height: 50px; */
    /* background: #035192; */
    color: #fff;
    font-size: 24px; 
    /* line-height: 1.4; */
    font-weight: 500;
    padding: 20px 30px;
    /* box-sizing: border-box; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
}
.layerpop-wrap .layerpop .pop-content {
    background: #fff; 
    padding: 16px;
    box-sizing: border-box;
    max-height: 100%;
    overflow: auto;
}
.layerpop-wrap.pop-scroll .layerpop .pop-content{max-height:100%;overflow: auto;margin-bottom: 0;}

/*download reason layerpop*/
.layerpop-wrap .layerpop:has(#download_reason_popup) {
    background: #fff;
    min-width: 0;
    max-width: 600px;
    min-height: 0;
    /* padding-top: 50px; */
    padding-bottom: 0;
    position: relative;
    border: 1px solid #333;
}
/*moodle layerpop*/
.modal .modal-dialog.modal-lg{max-width: 1100px;}
.modal .modal-dialog .modal-content{border: 1px solid #333;}
.modal .modal-dialog .modal-content .modal-header{background: #015eaa;padding: 20px 25px;}
.modal .modal-dialog .modal-content .modal-header .modal-title{color: #fff;font-weight: 500;font-size: 21px;margin-right: 25px;}
.modal .modal-header .close{padding: 0;font-size: 0;width: 70px;height: 70px;position: absolute;top: 0;right: 0; margin: 0;background: url(/theme/saturn/pix/images//icon_close_w.png) no-repeat center;opacity: 1 !important;}
.modal .modal-dialog .modal-content .tab-content.flex-fill{border: 0 !important;background: #fff !important;}
.modchoosercontainer .optionscontainer{padding: 0 0 !important;margin:  30px -10px 0 -10px; max-width: none !important;}
.modchoosercontainer .optionscontainer .option{border: 1px solid #D7DAE4 !important ;min-height: 140px; border-radius: 5px; margin:10px !important}
.modchoosercontainer .optionscontainer .option .optionicon{line-height: 55px;}
.modchoosercontainer .optionscontainer .option .optionname{font-size: 13px;padding: 0 3px ;color: #555;letter-spacing: -0.7px;}
.modchoosercontainer .optionscontainer .option .optionname .icon-no-margin{font-size: 0 !important;background: url(/theme/saturn/pix/images//icon_info.png) no-repeat center;width: 16px !important;height: 16px !important;margin: -2px 0 0 3px !important;}
.modchoosercontainer .optionscontainer .option .optionicon .icon{width: 38px !important;height: 38px !important;}
/* .pagelayout-course .modal  .modal-dialog .modal-content .modal-body{padding-right: 330px;} */
.modal  .modal-dialog .modal-content .modal-body .instruction{position: absolute;right: 0; top: 0;bottom: 0; width: 300px;overflow: auto;background: #fafafa;padding-top: 70px;}
.modal  .modal-dialog .modal-content .modal-body .instruction h6{background: #e1e1e1;width: 100%;height: 70px;font-size: 18px;font-weight: 500;box-sizing: border-box;padding: 22px 10px;text-align: center;position: absolute;top: 0;left: 0;}
.modal  .modal-dialog .modal-content .modal-body .instruction .scrll{padding: 22px 15px;color: #888;overflow: auto;height: 100%;}
.modal  .modal-dialog .modal-content .modal-body .moduletypetitle{font-size: 16px;font-weight: 500;margin-bottom: 13px;}
.modal  .modal-dialog .modal-content .modal-body .moduletypetitle ~ .moduletypetitle{margin-top: 23px;}

.activity-pop-list{border-top: 1px solid #ddd;}
.activity-pop-list>li {border: 1px solid #ddd;border-top: 0;}
.activity-pop-list>li>div {padding: 15px 25px;display: flex;align-items: center;}
.activity-pop-list>li>div .pop-img-wrap {border-radius: 100%; border: 1px solid #ddd; display: inline-block;min-width: 35px;height: 35px;padding: 5px;box-sizing: border-box; vertical-align: middle;}
.activity-pop-list>li>div .pop-img-wrap img {width: 16px; height: 16px;}
.activity-pop-list>li>div .pop-cnt-wrap {width: 100%; vertical-align: middle; margin-left: 10px;}
.activity-pop-list>li>div .pop-cnt-wrap a{display: block; font-size: 16px; font-weight: 500;}
.activity-pop-list>li>div .pop-cnt-wrap em {font-style: normal;}
.activity-pop-list>li>div .pop-cnt-wrap span {display: block;margin-top: 5px; color: #666;font-size: 14px; font-weight: 400;}

.print-txt *{margin: revert;font: revert;color: revert}

/*seb down*/
.seb-wrap{position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: calc(100vh - 70px);min-height: 600px;background: #f9f9f9;padding: 20px 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.seb-wrap h6{font-weight: 700;margin-bottom: 10px;font-size: 30px;text-align: center;}
.seb-wrap p{font-size: 20px;}
.seb-wrap ul{margin: 40px auto 0;display: flex;max-width: 540px;width: 100%;}
.seb-wrap ul li{width: 100%;font-size: 18px;text-align: center;margin: 0px 10px;opacity: 0.6;border: 1px solid #ddd;transition: opacity 0.3s;}
.seb-wrap ul li:hover{opacity: 1;}
.seb-wrap ul li a{width: 100%;display: block;background-color: #fff;background-repeat: no-repeat;background-position: top 30px center;background-size: 60px;padding-top: 120px;padding-bottom: 20px;}
.seb-wrap ul li.ic-window a{background-image: url("/theme/saturn/pix/images/icon_window.png");}
.seb-wrap ul li.ic-mac a{background-image: url("/theme/saturn/pix/images/icon_mac.png");}


/* new change ui */
.saturn-theme.course-lectype-6 .course-content ul .section.main {
    border-radius: 7px !important;
}
.saturn-theme.saturn-skin01.course-lectype-6 .course-content ul .section.main.hide h3.sectionname span.sectionname {
    border-bottom: unset !important;
}
#wrap .group {
    padding: 0px 0px !important;
    background-color: white;
}

/* #wrap .group {
    padding: 0px 10px 0px 10px !important;
} */

#wrap .group .cont {
    padding: 30px 0px;
}
/* .lnb .menu-grp {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    overflow: hidden;
} */
/* .saturn-theme.saturn-skin01.course-lectype-6 .course-content ul .section.main h3.sectionname {
    margin: 0 20px !important;
} */
/* new menu design */
.group .lnb {
    background-color: white;
}

.menu-grp_header_title {
    font-weight: 700;
    padding: 10px 8px;
    color: var(--theme-primary);
    border-bottom: 2px solid rgba(49, 89, 154, 1);
}
.saturn-skin02 .menu-grp_header_title {
    border-bottom: 2px solid var(--theme-primary);
}
.saturn-skin03 .menu-grp_header_title {
    border-bottom: 2px solid var(--theme-primary);
}
.saturn-skin04 .menu-grp_header_title {
    border-bottom: 2px solid var(--theme-primary);
}

.menu-grp_menu {
    padding: 10px 14px;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}

.menu-grp {
    /* padding: 20px 10px; */
    overflow-x: auto;
}
/* .menu-grp_menu:hover {
    background: none !important;
    background-image: url('/theme/saturn/pix/images/icon-gourl.png') !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
} */
.saturn-theme.saturn-skin01 .menu-grp_menu:hover {
    background-color: #F3F5F9 !important;
}
.saturn-theme.saturn-skin02 .menu-grp_menu:hover {
    background-color: #72bfdf !important;
}
.saturn-theme.saturn-skin03 .menu-grp_menu:hover {
    background-color: #83bf83 !important;
}
.saturn-theme.saturn-skin04 .menu-grp_menu:hover {
    background-color: #eb7575 !important;
}
.menu-grp_menus .menu-grp_header.collapsed .icon-collapse {
    right: 10px;
    background-image: url('/theme/saturn/pix/course/icon-collapse-up.svg');
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-size: 200%;
    background-position: center;
}
.menu-grp_menus .menu-grp_header:not(.collapsed) .icon-collapse {
    right: 10px;
    background-image: url('/theme/saturn/pix/course/icon-collapse-down.svg');
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-size: 200%;
    background-position: center;
}
.menu-grp_menus .menu-grp_header.li_question_title .icon-collapse {
    background-size: 120%;
}
.li_question_title {
    padding: 10px 20px;
}

.saturn-theme.saturn-skin01 .li_question_title:hover {
    background-color: #E2ECFB !important;
}
.saturn-theme.saturn-skin02 .li_question_title:hover {
    background-color: #72bfdf !important;
}
.saturn-theme.saturn-skin03 .li_question_title:hover {
    background-color: #83bf83 !important;
}
.saturn-theme.saturn-skin04 .li_question_title:hover {
    background-color: #eb7575 !important;
}
.menu-grp_menus .icon {
    width: 18px;
    height: 18px;
}
.btn-show-menu-mobile {
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.btn-show-menu-mobile img.icon {
    width: 30px;
    height: 30px;
}
.show-on-mobile {
    transform: translate(0px, 0px) !important;
}
.show-dark-bg {
    bottom: 0;
    width: 100%;
    opacity: .4 !important;
}
/* new menu design */
.section .activity .actions {
    position: unset !important;
    white-space: nowrap;
}
.kaistweeks .section .content .section.img-text .activity div .mod-indent-outer.w-100>div:last-child {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kaistweeks .section .content .section.img-text .activity div .mod-indent-outer.w-100>div:last-child .activityinstance {
    /* width: -webkit-fill-available; 
    display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
    flex: 1 1 auto;
    width: min-content;
}
.kaistweeks .section .content .section.img-text li.activity>div:first-child {
    padding-right: 0 !important;
}
.kaistweeks .section .content .section.img-text .activity div .mod-indent-outer.w-100>div:last-child .actions {
    padding-right: 0 !important;
}
body:not(#page-course-view-kaistweeks) .header-nav_menu {
    background-color: white;
    border-radius: 7px;
    padding: 5px 20px;
}
#wrap section div.group.mw-100 .cont section#region-main {
    background-color: white !important;
    padding: 20px 20px 0px 20px !important;
    border-radius: 7px;
}
/* .activity-navigation.container-fluid {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    visibility: hidden;
} */
#page-header .card .card-body #page-navbar nav {
    padding-top: 0 !important;
}
.pointer {
    cursor: pointer;
}
.m-course-menu img.icon {
    width: 30px !important;
    height: 30px !important;
    filter: brightness(0.5);
}
.saturn-theme.saturn-skin01 .course-info-title-group .dropdown .dropdown-menu {
    left: 0 !important;
}
.kaistweeks-level-0 .li-level-0{display: none !important;}
/* new change ui */

/* @media screen and (max-width: 1750px){
    #wrap>.container{padding-right: 60px;}
} */
@media screen and (max-width: 1400px){
    #wrap .course-info .group ul{margin-left: 20px;}
    #wrap .course-info .group ul > li:first-child{margin-right: 0;}

    .course-slider .swiper-slide>h6{font-size: 15px;padding-right: 30px;padding-left: 10px;}
    .course-slider .swiper-slide>h6:after{width: 35px;}

}
@media screen and (max-width: 1280px){
    .left-block{width: calc(100% - 300px);margin-right: 15px;}
    .right-block{width: 280px;}
    .main-course-list>li{padding: 30px 20px;}
    #wrap .course-info .group select{width: 100%;}
    #wrap .course-info .group ul{margin: 15px 0 0;width: 100%;}
}

@media screen and (max-width: 1024px){
    /* .kaistweeks-level-0 .li-level-0 {display: block !important;} */
    #wrap{padding-bottom: 60px;}
    .quick-menu{display: none;}
    body.drawer-open-left, body.drawer-open-right{overflow: auto !important;}


    /*HEADER*/
    header.ks-header{height: 55px;background: #004294;box-shadow: 3px 2px 4px 2px rgba(0, 0, 0, 0.12)}
    header.ks-header>.group{padding: 0 15px 0 5px;display: flex;align-items: center;}
    header.ks-header .hd-menu{display: none;}
    header.ks-header .hd-logo{background: url("/theme/saturn/pix/images//logo_m.svg") no-repeat center;width: 100px;height: 30px;margin-left: 0;margin-top: 5px;}
    header.ks-header .hd-logo img{display: none}
    header.ks-header .fr{margin-left: auto;}
    header.ks-header .fr>ul{float: right;margin-top: 6px;margin-left: 10px;}
    header.ks-header .fr>ul>li, header.ks-header .fr>ul>li:not(:last-of-type):after{display: none;}
    header.ks-header .fr>ul>li.alram{display: block;}
    header.ks-header .fr>ul>li.alram:before{background: url("/theme/saturn/pix/images//icon_alram_m.svg") no-repeat center;width: 50px;height: 50px;}
    header.ks-header .fr>ul>li.alram>span{top: 11px;left: 23px;padding: 0 5px;font-size: 10px;}
    header.ks-header .fr>ul>li.alram select{display: none;}
    header.ks-header .fr .manual, header.ks-header .fr .siteadmin{display: none;}
    header.ks-header .fr>ul>li.alram .tooltip-wrap>.tooltip-layer{left: auto;right: -35px;top: 39px; width: 300px;;}
    .pagelayout-course header.ks-header .m-course-menu, .pagelayout-incourse header.ks-header .m-course-menu{font-size: 0;display: block;background: url("/theme/saturn/pix/images//icon_m_course_menu.png") no-repeat center;height: 55px;width: 50px;margin-right: -10px;}


    /*CONTENTS*/
    /* #wrap>.container{padding-right: 0;} */
    .container>.group{padding-top: 30px;}
    .left-block{width: 100%;margin-right: 0;}
    .right-block{width: 100%;}
    .right-block .rnb-menu{max-width: none;}

    /*모바일 하단 고정메뉴*/
    .m-fixed-menu{display: block;position: fixed;left: 0;right: 0;bottom: 0;height: 70px;box-shadow: none;background: transparent;padding: 0;overflow: visible;font-size: 0;z-index: 1000;}
    .m-fixed-menu .tp-bottom-navbar {position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;pointer-events: none;display: flex;}
    .m-fixed-menu .tp-bottom-navbar span:nth-child(1), .m-fixed-menu .tp-bottom-navbar span:nth-child(5) {background: url(/theme/saturn/pix/images/navbar-blank.svg) no-repeat;width: 16px;}
    .m-fixed-menu .tp-bottom-navbar span:nth-child(2), .m-fixed-menu .tp-bottom-navbar span:nth-child(4) {background: url(/theme/saturn/pix/images/navbar-blank.svg) repeat-x;width: calc(50% - 66px);}
    .m-fixed-menu .tp-bottom-navbar span:nth-child(3) {display: block;width: 100px;background: url(/theme/saturn/pix/images/navbar-menu-bg.svg) no-repeat;background-position: -137px 0;}
    .m-fixed-menu>ul{display: flex;width: 100%;height: 100%;}
    .m-fixed-menu>ul li{width: 100%;height: 100%;text-align: center;}
    .m-fixed-menu>ul li.btn-menu a:focus{box-shadow: none;}

    .m-fixed-menu>ul li a{display: inline-block;width: 100%;height: 100%;}
    .m-fixed-menu>ul li a:hover{opacity: 1;}
    .m-fixed-menu>ul li.ic-home a{width: 100%;background: url("/theme/saturn/pix/i/icon-home.png") no-repeat center;background-size: 24px;}
    .m-fixed-menu>ul li.ic-bell a{width: 100%;background: url("/theme/saturn/pix/eximg/icon_bell.svg") no-repeat center;background-size: 24px;}
    .m-fixed-menu>ul li.btn-menu>a{background: none;width: auto;top: -30px}
    .m-fixed-menu>ul li.ic-calendar a{width: 100%;background: url("/theme/saturn/pix/i/icon-calendar.png") no-repeat center;background-size: 24px;}
    .m-fixed-menu>ul li.ic-logout a{width: 100%;background: url("/theme/saturn/pix/i/icon-logout.png") no-repeat center;background-size: 24px;}

    body.open-m-menu{overflow: hidden;}
    .menu-bg{position: fixed;left: 0;top: 0;background-color: rgb(50, 50, 50);z-index: 4;opacity: 0;transition: opacity 0.4s;}
    .open-m-menu .menu-bg{bottom: 0;right: 0;opacity: 0.5;}

    .m-menu{display: flex;flex-direction: column;position: fixed;top: 0;right: 0;bottom: 0;background: #fafafa;z-index: 5;min-width: 200px;width: 60%;max-width: 320px;transform: translate(100%, 0);transition: transform 0.3s linear;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.18);}
    .open-m-menu .m-menu{transform: translate(0, 0)}
    .m-menu .ic-close{display: inline-block;position: absolute;right: 0;top: 0;background: url("/theme/saturn/pix/images//popup-close.svg") no-repeat center;width: 50px;height: 50px;}
    .m-menu .m-header{background: #004294;color: #fff;text-align: center;padding: 21px 0 0;}
    .m-menu select{appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;border: 0;color: #fff;background: url("/theme/saturn/pix/images//icon_select_arrow_w.png") no-repeat right center;background-size: 8px auto;padding-right: 15px;}
    .m-menu select::-ms-expand{display: none;}
    .m-menu .m-header .user-info{padding-bottom: 12px;}
    .m-menu .m-header .user-info h6{font-size: 20px;font-weight: 500;line-height: 26px;margin-bottom: 7px;}
    .m-menu .m-header .user-info select{font-size: 14px;font-weight: 200;padding-top: 0;padding-bottom: 0;height: auto;line-height: 20px;}
    .m-menu .m-header>ul{border-top: 1px solid rgba(151, 151, 151, 0.2);font-size: 0;padding: 0 15px;}
    .m-menu .m-header>ul li{display: inline-block;width: 50%;font-size: 13px;text-align: center;}
    .m-menu .m-header>ul li select{padding: 12px 15px 12px 0;height: auto;}
    .m-menu .m-header>ul li a{display: block;padding: 12px 0;}

    .m-menu>.m-cont{overflow: auto;;padding: 5px 30px;height: 100%;box-sizing: border-box;}
    .m-menu>.m-cont>ul>li{border-bottom: 1px solid #eaeaea;}
    .m-menu>.m-cont>ul>li>a{display: block;font-size: 14px;font-weight: 500;padding: 10px 0;line-height: 24px;}
    .m-menu>.m-cont>ul>li.on>a{color: #259ce6;font-weight: 700;}


    /*## 강의실 ##*/
    #wrap .cont{width: 100% !important;} 
}
.lnb.mr-30px{float: left !important;}
@media(max-width: 991.98px){
    body.open-lnb{overflow: hidden;}
    #wrap .group .lnb{display: flex;flex-direction: column;position: fixed;z-index: 1001;left: 0;top: 0;bottom: 0;background: #fafafa;width: 60%;max-width: 320px;min-width: 240px;transform: translate(-100%, 0);}
    body.open-lnb #wrap .group .lnb{transform: translate(0, 0);}
    #wrap .group .lnb-bg{position: fixed;left: 0;top: 0;background: #000;opacity: 0;z-index: 1001;}
    body.open-lnb #wrap .group .lnb-bg{opacity: 0.5;bottom: 0;right: 0;}
    #wrap .group .lnb .m-header,  #wrap .group .p-header{display: block;background: #004294;height: 55px;margin-bottom: 0;}
    #wrap .group .lnb .m-header .ic-close, #wrap .group .p-header .post-nav-close{display: block;font-size: 0;background: url("/theme/saturn/pix/images//popup-close.svg") no-repeat center;width: 60px;height: 55px;}
    #wrap .group .lnb .menu-grp>div{margin-bottom: 5px;}
    #wrap .group .lnb .menu-grp > div.m_board {display: block !important;}
    #wrap .group .lnb .menu-grp>div ul{margin-bottom: 0;}
    #wrap .group .lnb .menu-grp>div li{border: 0;border-bottom: solid 1px #eaeaea;margin: 0;}
    #wrap .group .lnb .menu-grp>div li a{line-height: 24px;font-size: 14px;font-weight: 500;color: rgba(0, 0, 0, 0.87);padding: 8px 0;}
    #wrap .group .lnb .menu-grp > div > ul > li.new-menu>a{background-size: 14px auto;background-position: center right 5px;;}
    #wrap .group .lnb .menu-grp > div > .more-menu{display: none;color: rgba(0, 0, 0, 0.87);border: 0;border-bottom: 1px solid #eaeaea;margin-top: 0;padding: 8px 0;font-size: 14px;}
    #wrap .group .lnb  .menu-grp > div > ul > li.ic-arrow-r>a:after{height: 30px;width: 30px; background-position: right 10px center;background-size: 7px auto;transform: rotate(90deg);top: 5px;transition: transform 0.2s;}
    #wrap .group .lnb  .menu-grp > div > ul > li.ic-arrow-r.on a:after{transform: rotate(270deg);}
    #wrap .group .lnb .menu-grp > div > ul > li > ul{position: static;width: 100%;box-shadow: none;background: #ebeef5;border: 0;padding: 10px 15px;margin: 0;border-top: 1px solid #eaeaea;}
    #wrap .group .lnb  .menu-grp > div > ul > li>ul>li{border: 0;}
    #wrap .group .lnb  .menu-grp > div > ul > li>ul>li>a{padding: 3px 0;;font-weight: normal;color: #555;line-height: 15px;font-size: 13px;}
    #wrap .group .lnb  .menu-grp > div > ul > li>ul>li>ul{padding: 5px 0;}
    #wrap .group .lnb  .menu-grp > div > ul > li>ul>li>ul>li>a{line-height: 15px;padding: 5px 0;font-weight: normal;font-size: 13px;color: #555;}

    #wrap .cont{width: 100% !important;}
}

@media screen and (max-width: 768px){
    .container>.group{padding: 25px 10px;}
    /*LAYERPOP STYLE*/
    .layerpop-wrap .layerpop .pop-content{padding: 15px;}


    /*RNB STYLE*/
    .right-block .rnb-menu{margin-bottom: 8px;padding: 0 18px;}
    .right-block .rnb-menu>p{font-size: 18px;padding: 14px 0;line-height: 27px;text-align: center;}
    .right-block .rnb-menu>ul{padding: 5px 0 10px;font-size: 13px;}
    .right-block .rnb-menu>ul>li{padding: 6px 0;}
    .right-block .rnb-menu > ul > li > p{color: #aaa;}
    .right-block .rnb-menu > strong > a{margin: 0 -18px;line-height: 27px;padding: 11px 5px;}

    /*## 교수/학생 메인 ##*/
    .main-title{flex-direction: column;align-items: flex-start;margin: -25px -10px 15px;}
    .main-course-list ~ .main-title{margin: 20px 0 10px;}
    .main-course-list ~ .main-title .txt{padding: 10px 0;}
    .main-title .select-course{background: #f5f5f5;width: 100%;padding: 20px 10px;box-sizing: content-box;box-sizing: border-box;}
    .main-title .select-course select{height: auto;padding: 0 25px 0 10px !important;box-sizing: border-box;line-height: 25px;}
    .main-title .txt{margin: 0;background: #f5f5f5;display: block;width: 100%;text-align: center;padding: 5px 0 20px;}
    .main-title .txt strong{font-size: 15px;}
    .main-title .txt span{font-size: 15px;}
    .main-title .txt>span:not(:last-child):after{height: 10px;}

    .main-course-list>li{flex-direction: column;align-items: flex-start;margin-bottom: 8px; padding: 15px 80px 15px 15px;position: relative;}
    .main-course-list>li>p>a{font-size: 18px;font-weight: 700;line-height: 27px;margin-bottom: 3px;}
    .main-course-list>li>p .teacher{font-size: 12px;word-break: keep-all;white-space: normal;letter-spacing: -0.7px;}
    .main-course-list>li>div{padding: 0;margin: 4px 0 0;}
    .main-course-list>li>div>span{padding: 0;color: #777;font-size: 13px;}
    .main-course-list>li>div>*:before{margin: 0 7px;}
    .main-course-list>li .bt{position: absolute;top: 50%;right: 15px;transform: translate(0, -50%);display: block;font-size: 12px;width: 50px;min-width: 0;padding: 8px 5px;white-space: normal;box-sizing: border-box;}

    .course-slider{margin-right: -10px;margin-bottom: 20px;}
    .course-slider .swiper-button-prev, .course-slider .swiper-button-next{display: none;}
    .course-slider .swiper-pagination{display: block;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 6px;height: 6px;background: #c6c6c6;margin: 0 4px;}
    .course-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 6px;background: #222;}
    .course-slider .swiper-slide{width: auto !important;min-width: 105px;}
    .course-slider .swiper-slide>h6{font-size: 12px;padding: 10px 30px 10px 14px;;font-weight: normal;line-height: 18px;}
    .course-slider .swiper-slide>h6:after{width: 30px;background-size: 10px auto;}
    .course-slider .swiper-slide>div{padding: 10px 5px 7px;}
    .course-slider .swiper-slide>div>em{font-size: 10px;margin-bottom: 3px;}
    .course-slider .swiper-slide>div>em.ic-alert{background-size: 12px auto;padding-right: 15px;}

    .course-slider.bg-white .swiper-slide>div{padding: 5px 10px;}
    .course-slider.bg-white .swiper-slide h6{padding: 10px 14px;}
    .course-slider .tooltip-evt{margin-top: 7px;}
    #wrap .slider-btn-area{font-size: 11px;color: #555;}
    #wrap .slider-btn-area>span{width: 13px;height: 13px;background-size: 6px auto !important;background-position: center !important;}
    .course-slider .swiper-slide>div p .clock{background-size: 20px auto;width: 20px;}
    .course-slider .tooltip-evt>.tooltip-layer{padding: 7px 10px;width: 180px;}
    .course-slider .swiper-slide .tooltip-layer .t-blue{font-size: 11px;margin-bottom: -2px;white-space: nowrap;}
    .course-slider .swiper-slide .tooltip-layer span{font-size: 11px;}
    .course-slider .tooltip-evt>.tooltip-layer .t-left{margin-right: 5px !important;}
    .course-slider .swiper-slide .tooltip-layer .progress-wrap{width: calc(100% - 55px);font-size: 20px;}
    .course-slider .swiper-slide .tooltip-layer .t-blue{width: calc(100% - 60px);}
    .course-slider .swiper-slide .tooltip-layer .progress-wrap p.progressbar{width: calc(100% - 40px);margin-left: 0;margin-bottom: 0; height: 3px;}
    .course-slider .swiper-slide .tooltip-layer .progress-wrap p.progressbar span{height: 5px;top: -2px;}

    .activity-pop-list>li>div{padding: 10px 15px;}
    .activity-pop-list>li>div .pop-img-wrap{min-width: 35px;height: 35px;}
    .activity-pop-list>li>div .pop-cnt-wrap em{font-size: 14px;}
    .activity-pop-list>li>div .pop-cnt-wrap span{font-size: 13px;margin-top: 0;}


    /*## 강의실 ##*/
    #wrap .course-info .group{padding: 10px 15px !important;}
    #wrap .course-info .group select{height: 50px;padding: 5px 30px 5px 10px;font-size: 16px;background-size: 13px auto;background-position: right 10px center;max-width: calc(100% - 75px);}
    #wrap .course-info .course-bt{width: 65px;font-size: 14px;height: 50px;padding: 5px;}
    #wrap .course-info .group ul{margin-top: 10px;}
    #wrap .course-info .group ul~ul{margin-top: 5px;}
    #wrap .course-info .group ul>li:first-child{width: 100%;margin-bottom: 4px;}
    #wrap .course-info .group ul>li:nth-child(2){width: 100%;margin-bottom: 4px;}
    #wrap .course-info .group ul>li:before{height: 14px;margin: 0 5px;}
    #wrap .course-info .group ul>li:nth-child(2):before{display: none;}
    #wrap .course-info .group ul>li:nth-child(3):before{display: none;}
    #wrap .course-info .group ul>li{font-size: 12px;font-weight: normal;}
    #wrap .course-info .group ul>li span{font-size: 12px;}

    .pagelayout-course #page-header .card .singlebutton:before, .pagelayout-incourse #page-header .card .singlebutton:before{font-size: 12px;line-height: normal;margin-left: -15px;}
    .pagelayout-course #page-header .card .singlebutton, .pagelayout-incourse #page-header .card .singlebutton{width: 35px;height: 15px;padding: 0;background: rgba(34, 31, 31, 0.26);}
    .pagelayout-course #page-header .card .singlebutton .btn.btn-primary, .pagelayout-incourse #page-header .card .singlebutton .btn.btn-primary{height: 20px;width: 20px;padding: 0;top: -3px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12);background-color: #f1f1f1;}
    .pagelayout-course.editing #page-header .card .singlebutton .btn.btn-primary, .pagelayout-incourse.editing #page-header .card .singlebutton .btn.btn-primary{left: 15px;}

    .week-slider{padding: 0 28px;}
    .week-slider .swiper-button-prev, .week-slider .swiper-button-next{width: 25px;height: 25px;top: 4px;background-size: 6px auto;}
    .week-slider .swiper-container .swiper-slide>a{font-size: 15px;}
    .week-slider .swiper-container .swiper-slide:not(:last-child):after{margin: 0 8px;}
    .course-content ul .section.main{margin-top: 12px !important;}
    .course-content ul .section.main h3.sectionname{
        border-bottom: 0;
        padding: 10px 10px 10px;
        font-size: 16px;
        /* background: url("/theme/saturn/pix/images//icon_course_arrow_up_m.svg") no-repeat right 0px top 16px; */
        background-size: 15px auto;
    }
    .course-content ul .section.main.hide h3.sectionname{
        /* background: url("/theme/saturn/pix/images//icon_course_arrow_down_m.svg") no-repeat right 0px top 16px; */
        background-size: 15px auto;
    }
    .course-content ul .section.main h3.sectionname em{margin-left: 5px;}

    .course-content ul .section.main>.content>.summary{padding: 0 10px 12px;margin-bottom: 0;}
    .course-content ul .section.main .section.img-text{padding: 0px;}
    .course-content ul .section.main h3.sectionname.accesshide ~ .section.img-text{padding-top: 10px;}
    .course-content ul .section.main .section.img-text>li{padding: 20px 15px 10px 15px;}
    /* .course-content ul .section.main .section.img-text>li .activityicon{margin-right: 10px;margin-top: 0;position: absolute;left: 0px; top:10px ; transform: translate(0, -50%); width: 20px; height: 20px;} */
    .section .activity .contentwithoutlink>a, .section .activity .activityinstance{display: table-cell;padding: 0;}
    .course-content ul .section.main .section.img-text>li .instancename{top: 0;}
    .course-content ul .section.main .section.img-text>li .end-dt{margin: 0;display: block;font-size: 12px;}
    .course-content ul .section.main .section.img-text>li .actions{display: block;position: static;padding-right: 0;}
    .course-content ul .section.main .section.img-text>li .actions .slash-txt>li{line-height: normal;font-size: 11px;}
    .course-content ul .section.main .section.img-text>li .actions .slash-txt>li:not(:first-child):before{margin: 0 5px;font-size: 10px;}
    .course-content ul .section.main .section.img-text>li .actions .slash-txt>li strong{font-size: 13px;}
    .course-content ul .section.main .section.img-text>li .actions .status{line-height: normal;}
    .course-content ul .section.main .section.img-text>li .actions .progress-txt{line-height: normal;}
    .course-content ul .section.main .section.img-text>li .actions .progress-txt>strong>em{font-size: 13px;}
    .course-content ul .section.main .section.img-text>li .actions .status.ic-alert{background-size: 12px auto;padding-right: 17px;}
    .path-course-view li.activity>div{padding-right: 0;}
    /*편집모드*/
    /*.editing .course-content ul .section.main .content .section-modchooser-link{line-height: 40px;font-size: 14px;}*/
    /* .modal .modal-dialog .modal-content .modal-body{padding: 0!important;} */
    .modal .modal-dialog .modal-content .modal-body .chooser-container{ /* position: fixed;left: 0;top: 72px;right: 45%; */padding: 10px;box-sizing: border-box;height: auto !important;bottom: 1px;overflow: auto;}
    .modal .modal-dialog .modal-content .modal-body .instruction{width: 45%;padding: 30px 0 0;}
    .modal .modal-dialog .modal-content .modal-body .instruction h6{font-size: 15px;height: 40px;padding: 10px;}
    .modchoosercontainer .optionscontainer{align-content: flex-start;height: auto;flex-direction: column;}
    .modchoosercontainer .optionscontainer .option{min-height: 0;height: auto;margin: 3px !important;width: 100%;}
    .modchoosercontainer .optionscontainer .option a.d-flex{flex-direction: row !important;justify-content: flex-start !important;}
     .modchoosercontainer .optionscontainer .option .optionname{padding: 5px;}
    .modchoosercontainer .optionscontainer .option .optionicon {line-height: normal;margin-top: 0 !important;margin-bottom: 0 !important;}
    .modchoosercontainer .optionscontainer .option .optionicon .icon{height: 20px !important;width: 20px !important;margin: 5px;}
    .modal .modal-dialog .modal-content .modal-body .moduletypetitle{margin-bottom: 2px;}
    .modal .modal-dialog .modal-content .modal-body .moduletypetitle~.moduletypetitle{margin-top: 10px;}


    /*seb down*/
    .seb-wrap{min-height: 500px;height: auto;justify-content: flex-start;}
    .seb-wrap h6{font-size: 20px;}
    .seb-wrap p{font-size: 15px;}
    .seb-wrap ul{margin-top: 20px;}
    .seb-wrap ul li{margin: 0 2px;}
    .seb-wrap ul li a{background-size: 30px;padding-top: 60px;padding-bottom: 15px;font-size: 14px;background-position: top 18px center;}

    .course-content ul .section.main h3.sectionname {
        padding: 20px 10px 20px !important;
    }
    /* .kaistweeks .section .content .section.img-text .activity div .mod-indent-outer.w-100>div:last-child {
        display: block;
    } */
    .kaistweeks .section .content .section.img-text .activity div .mod-indent-outer.w-100>div:last-child .activityinstance {
        display: block;
    }
    .kaistweeks .section .content .section.img-text .activity div .mod-indent-outer.w-100>div:last-child .actions>ul.slash-txt {
        margin-left: 0 !important;
    }
    .editing .section .activity .editing_move {
        right: 0;
        margin-left: 10px;
        top: 0px;
        left: 15px;
        /* left: unset !important; */
    }
    .editing .menubar.d-flex {
        justify-content: left !important;
        /* margin-right: 20px;
        padding-bottom: 17px; */
    }
    .header-nav_menu {
        padding: 5px 10px;
    }
    #wrap section div.group.mw-100 .cont section#region-main {
        padding: 10px 10px 0px 10px !important;
    }
    #page-header>div{
        padding-bottom: 5px !important;
    }
    #page-header .card .card-body #page-navbar nav {
        margin-bottom: 0 !important;
    }
    .section .activity .contentafterlink {
        margin-left: 0 !important;
    }
    /* #wrap .group .cont {
        padding: 10px !important;
    } */
    .saturn-theme.saturn-skin01.course-lectype-6 .course-content ul .section.main h3.sectionname {
        margin: 0 0px !important;
    }
    /* #page-local-inboard-view #wrap .group {
        padding: 20px 10px !important;
    } */
    .editing .section .activity .editing_move{
        padding-top: 20px;
        padding-bottom: 123px;
    }

    /* #page-mod-forum-view .position-relative {
        overflow: auto;
    }

    #page-mod-forum-view .position-relative > .no-overflow {
        min-width: 900px;
    } */

    .layerpop-wrap .layerpop .pop-title {font-size: 20px;}
}
@media screen and (max-width:456px) {
    .editing .section .activity .editing_move{
        padding-bottom: 133px;
    }
}
@media screen and (max-width:395px) {
    .editing .section .activity .editing_move{
        padding-bottom: 159px;
    }
}
@media screen and (min-width: 1024px) {
    .saturn-theme.course-lectype-6:not(.pagelayout-course.editing) .course-content ul .section.main .section.img-text>li {
        padding: 12px 30px!important;
    }

    /* #wrap .group .cont {
        padding: 30px 10px 30px 0px !important;
    } */
    .courseboard_list .lnb{ margin-left: 20px;}
}
.kaistweeks-level-0 .li-level-0 .editing_move{ display: none !important; }
.kaistweeks-level-0 .li-level-0 .sectionname-actions{ display: none !important; }
.kaistweeks-level-0 .li-level-0 .actions{ display: none !important; }

.courseboard_list .lnb .menu-grp{padding: 28px 0px;}

.cus-sestion-header{width: 100%; overflow: hidden;}

#section-0{
    border-bottom: 1px var(--theme-primary);
}
.autocompletion{display: none;}
/* .swiper-slide {margin-right: 10px;} */
.course-content{ width: 100%}
#maincontent-course{width: 100%;}
.border-bottom-eee{border-bottom: 1px solid #eee !important;}
#maincontent-course table.generaltable thead tr th,
#maincontent-course table.generaltable tbody tr td {
    text-align: center !important; 
}

#page-mod-wiki-history table.generaltable tbody tr td {
    vertical-align: middle !important;
}

/* #page-mod-forum-view .position-relative > .no-overflow {
    overflow: unset !important;
} */

#page-mod-forum-view .no-overflow .table {
    min-width: 100%;
    table-layout: auto !important;
    position: unset;
}

.generaltable th, .generaltable td {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

#page-mod-forum-search table tbody tr td.c0 {
    vertical-align: middle !important;
    text-align: left !important;
    width: 30%;
}

#page-mod-forum-search table tbody tr td.c1 {
    vertical-align: middle !important;
    text-align: left !important;
}

.breadcrumb {
    padding: 0.1rem 0 !important;
}

#menu-grp_menus-button:has( + .singlebutton) {
    margin-right: 85px;
  }
body:not([id^="page-course-view"]):not(.pagelayout-course):not(.pagelayout-incourse) #menu-grp_menus-button {
    display: none !important;
  }

  pre {
    white-space: normal;
  }

/* mod choser  */ 
.modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
    flex-basis: calc(50% -  20px);
}
@media (min-width: 576px) {
    .modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
        flex-basis: calc(33.33% - 20px);
    }
}
@media (min-width: 992px) {
    .modchoosercontainer .optionscontainer .option, .modchoosercontainer .searchresultitemscontainer .option {
        flex-basis: calc(16.66% - 20px);
    }
}

.modchoosercontainer .nav-tabs .nav-link , .modchoosercontainer .nav-tabs .nav-link:hover{
    border-top-left-radius: 8px;  
    border-top-right-radius: 8px;
    height: 45px;
    width: 200px;
    border-bottom: 1px solid #BBBBBB;
    font-family: Noto Sans KR;
    font-size: 16px;
    font-weight: 500;
    background: #D5D5D5;
    color: #888888;
    margin-right: 10px;

}
.modchoosercontainer .nav-tabs{
    border-bottom: 1px solid #BBBBBB;
}
.modchoosercontainer .nav-tabs .nav-link.active{
    border: none;
    background: #035192;
    color: #FFFFFF;
}

.modchoosercontainer .searchcontainer {
    margin-bottom: 40px !important;
    padding: 20px 40px;
    border: 1px solid #D7DAE4;
    background: #F3F5F9;
    border-radius: 5px;

}
.modchoosercontainer .optionscontainer .option .optionname {
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}

.modchoosercontainer .fa-star-o:before {
    content: url(/theme/saturn/pix/course/star.svg);
}
.modchoosercontainer .simplesearchform {
    width: 100%;
}
.modchoosercontainer .search-button{
    background: #035192 !important;
}
.modchoosercontainer .fa-info-circle:before {
    content: url(/theme/saturn/pix/course/mod-info.svg);
}