@charset "utf-8";
/* CSS Document */
html,body{ font-size: 15px; word-break: keep-all; color: #313131} 
@media only screen and (max-width: 1023px){	
	html,body{ font-size: 14px;}
}
@media only screen and (max-width:767px){	
	html,body{ font-size: 13px; letter-spacing: 0}
}
.content-wrapper{ padding-bottom:30px}
body.view-in-course .course-wrapper,body.view-in-course .profile-wrapper,body.view-in-course .instructor-dashboard-wrapper-2,body.view-in-course .wiki-wrapper,body.view-in-course .teams-wrapper,body.view-in-course .static_tab_wrapper,div.book-wrapper {width: 100%;max-width: 1260px;}
body.view-in-course .container{ max-width: 1260px; width: 100%} 
/* 상단 탭 */
.wrapper-course-material .course-material,.wrapper-preview-menu .preview-menu,.content-wrapper .course-tabs .navbar-nav,body.view-in-course .wrapper-course-material .course-material,body.view-in-course .wrapper-preview-menu .preview-menu {	max-width: 1260px;width: 100%;
margin: 0 auto;	display: table;	width: 100%;border-left: 1px solid rgba(156, 164, 205, 0.85);}
.wrapper-course-material .course-material{ } 
.wrapper-course-material, .content-wrapper .course-tabs.navbar{ background:#6a737b; margin-bottom: 20px } 
.wrapper-course-material.progress{ display: block; height: auto; font-size: 0; } 
.wrapper-course-material .course-tabs .tab, .content-wrapper .course-tabs .navbar-nav .nav-item { padding: 0;font-size: 16px;font-weight: 500; color: #333; height: auto; line-height: 1; margin: 0; display: table-cell!important; border-right: 1px solid rgba(156,164,205,0.5); min-width: 120px} 
.wrapper-course-material .course-tabs .tab a, .wrapper-course-material .course-tabs .tab a:visited, .content-wrapper .course-tabs .navbar-nav .nav-item a, .content-wrapper .course-tabs .navbar-nav .nav-item a:visited{padding: 13px 5px 8px 5px;display: block;text-align: center;text-decoration: none;border-bottom: 4px solid rgba(255,255,255,0) !important;font-size: 15px !important;font-weight: 400 !important;color: #fff !important;; line-height: 20px; white-space: nowrap; position: relative} 

.content-wrapper .course-tabs .navbar-nav .nav-item.active .nav-link,.wrapper-course-material .course-tabs .tab a.active {
	border-bottom: 4px solid #fff;	color: #0069d9 !important;	background: #fff !important;	font-weight: 700 !important;z-index: 2;	font-size: 15px !important}
.content-wrapper .course-tabs .navbar-nav .nav-item.active .nav-link{} 
.wrapper-course-material .course-tabs .tab a.active:before, .content-wrapper .course-tabs .nav-item.active .nav-link:before{ position: absolute; left: 0; top: -10px; content: ""; height: 10px; width: 100%; background: #fff; display: block; box-shadow: 0px -5px 10px rgba(0,0,0,0.15); z-index: -1; }
.wrapper-course-material .course-tabs .tab a.active:after, .content-wrapper .course-tabs .nav-item.active .nav-link:after{position: absolute; left: 0; top: 0px; content: ""; height: 10px; width: 100%; background: #fff; display: block; z-index: 1}
/* 교수자 탭 */
.instructor-dashboard-content-2 .instructor-nav{  padding: 0 ; font-size: 0; line-height: 1} 
.web .instructor-dashboard-content-2 .instructor-nav::-webkit-scrollbar {width:4px;height:4px}
.web .instructor-dashboard-content-2 .instructor-nav::-webkit-scrollbar-thumb {background:#888}
.web .instructor-dashboard-content-2 .instructor-nav::-webkit-scrollbar-track {background:#fff}
.instructor-dashboard-content-2 .instructor-nav .nav-item{ float: left; font-size:0.9rem;  color: #9ba3ae; font-size: 0;; margin-right: -1px; margin-bottom: -1px} 
.instructor-dashboard-content-2 .instructor-nav .nav-itema a, .instructor-dashboard-content-2 .instructor-nav .nav-item button{ font-weight:400 !important; color:rgba(0,0,0,0.8) ;font-size: 0.95rem; letter-spacing:0; padding: 14px 20px !important; position: relative; line-height: 1; height: 100%; border: 1px solid #ddd !important; border-radius: 6px 6px 0 0; border-bottom-color:#c8c8c8 !important; position: relative; z-index: 1} 
.instructor-dashboard-content-2 .instructor-nav .nav-item .btn-link.active-section{ border: 1px solid #0075b4 !important; z-index: 2; background:#0075b4 !important; color: #fff} 
.instructor-dashboard-content-2 .instructor-nav:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 


/* 나의 강좌 */
.course-info.mycourse-info{ background: #f3f4f9; padding: 30px 0 30px 0} 
.mycourse-info .course-header{width: 100%;max-width: 1260px; margin: 0 auto; display: block} 
.mycourse-info .course-header .course-name{color: #313131;margin: 0;letter-spacing: 0;text-align: left;text-shadow: 0 1px rgb(255 255 255 / 60%);font-weight: 500;font-size:24px; padding-bottom: 20px; float: left; width: calc(100% - 160px); overflow: hidden; text-overflow: ellipsis; }
.content-wrapper .course-tabs{overflow: hidden; overflow-x: auto; font-size: 0; display: table; width: 100%; padding: 0 !important} 
.web .content-wrapper .course-tabs::-webkit-scrollbar {width:4px;height:4px}
.web .content-wrapper .course-tabs::-webkit-scrollbar-thumb {background:#888}
.web .content-wrapper .course-tabs::-webkit-scrollbar-track {background:#fff}
.mycourse-info .course_detail{ width:100%; display:flex; table-layout: fixed } 
.mycourse-info .course_detail li{ display: table-cell; vertical-align: top; width: 33.333%;font-size: 22px !important;color: #445a9c !important;    font-weight: bold !important;} 
.mycourse-info .course_detail li, .mycourse-info .course_detail li .action-preview-form{overflow: hidden; font-size: 1rem;} 
.mycourse-info .course_detail li > *{ display: inline-block;font-weight: 500; font-size: 15px;font-style: normal;color: #313131;} 
.mycourse-info .detail-item-title{font-weight: 500; font-size: 15px; font-style: normal; width: 100px} 
.mycourse-info .detail-item-title i[class^="ri-"]{ font-size: 18px; padding-right: 5px} 
.mycourse-info .course_detail .action-preview, .mycourse-info .course_detail li .action-preview-form{}  
.mycourse-info .course_detail li.detail-item .action-preview-form{ padding: 0} 
.mycourse-info .course_detail li .action-preview-form > *{ display: inline-block; vertical-align: middle} 
.mycourse-info .course_detail li .action-preview-form .detail-item-title{ float: left; line-height: 34px; width: 150px} 
.mycourse-info .course_detail li .action-preview-form .action-preview-username-container{ padding-left: 150px; float: left; margin-top: 5px; width:calc(100% - 55px); } 
.mycourse-info .course_detail li .action-preview-form .action-preview-username-container label{ display: inline-block; font-style: normal; margin-left: 0; line-height: 34px; font-weight: 400} 
.mycourse-info .course_detail .action-preview .action-preview-select{ width: calc(100% - 150px); float: right } 

.mycourse-info .course_detail li .action-preview-form button[type="button"]{ margin-top: 5px; font-weight: normal; font-size: 13px; float: right}
.mycourse-info .course_detail li .action-preview-form button[type="button"], .mycourse-info .course_detail li .bt_join{ background: #fff; color: #6a737b; height: 34px; padding: 0 10px; box-sizing: border-box; border-radius: 0; margin-left: 5px;border-radius: 5px;background-color: #fff;border: 1px solid #6a737b !important;font-size: 13px; }

.mycourse-info .course_detail li .action-preview-form button[type="submit"], .mycourse-info .course_detail li .bt_join{ background: #fff; color: #6a737b; height: 34px; padding: 0 10px; box-sizing: border-box; border-radius: 0; margin-left: 5px;border-radius: 5px;background-color: #fff;border: 1px solid #6a737b !important;font-size: 13px; }

.mycourse-info .course_detail li .action-preview-form button[type="submit"]{ margin-top: 5px; font-weight: normal; font-size: 13px; float: right} 
.mycourse-info .course_detail li .bt_join{padding: 10px 10px;border-radius: 5px;background-color: #fff;color:#6a737b; border: 1px solid #6a737b} 
/*.mycourse-info .course_detail li .bt_join:hover{ box-shadow: 0 2px 0 #fece40 !important; color: #000; border-color: #000} */
.container>div.instructor-dashboard-wrapper-2{ border: none; background:#fff; box-shadow: none; padding: 0} 

.instructor-dashboard-content-2{ padding: 0;} 
.instructor-dashboard-content-2 .instructor-dashboard-title{ font-size: 1.466rem; color:#2D2F39 !important; font-weight: 700; line-height: 35px; margin-bottom: 10px} 
.page-header{padding: 0px;}
.page-header h2{ width: 50%; padding-bottom: 0; line-height: 42px} 
.page-header.has-secondary{ border-bottom: 1px solid #222; margin-bottom: 20px; padding:10px 0 20px 0; line-height: 1;  align-items: flex-end; justify-content: space-between;} 
.page-header.has-secondary .page-header-main{ width: calc(100% - 170px); margin: 0; padding: 0; vertical-align: top} 
.page-header.has-secondary .page-header-main .page-title{ margin: 0 !important; line-height: 1.6 !important; width: auto !important; padding: 0 0 0 0;font-size: 22px !important;  color: #445a9c !important; font-weight: bold !important; min-height: 42px; overflow: hidden; text-overflow: ellipsis; }
.btn-primary{ padding-top: 0; padding-bottom: 0; line-height: 40px} 
.page-header.has-secondary .page-header-secondary{  } 
.page-header.has-secondary .page-header-secondary .form-actions{} 
.page-header.has-secondary .page-header-secondary .form-actions a.action-resume-course{ min-width:135px } 
.page-header.has-secondary .page-header-secondary .form-actions a.action-resume-course span{ font-size: 1.08rem} 
.btn-link:focus, .btn-link:hover{ text-decoration: none !important} 

button.bt_list {display: inline-block;background: #fff !important;padding:0px 20px 0px 30px;border-radius: 22px;border: 1px solid #6a737b ;  color: #6a737b ; font-size: 1rem; line-height: 45px; box-shadow: none !important}

button.bt_list:after{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EEB9"; vertical-align: top; margin-left: 8px; color: #6a737b; border-radius: 100%; width: 20px; height: 20px; vertical-align: middle; text-align: center; line-height: 20px;background:#fff; text-decoration: none }
button.bt_list:hover,button.bt_list:focus,button.bt_list:active{ color: #fff; border:1px solid #6a737b ; background: #6a737b  !important} 
button.bt_list:hover:after, button.bt_list:focus:after,button.bt_list:active:after{ background: #fff; text-decoration: none; color: #6a737b} 

/* 화상회의 */
.idash-section{ position: relative} 
.facetalk-wrapper{ font-size: 1rem; width: 100%; clear: both; float: none; margin-top: -20px} 
.table_list{ background: #fff; border-top: 1px solid #d2d6e1; table-layout: auto; border-bottom: 1px solid  #d2d6e1} 
.table_list thead th{ background: #f3f4f9; font-size: 0.95rem; padding: 10px 15px; border-bottom: 1px solid #d2d6e1; text-align: center; font-weight: 500; white-space: nowrap; font-size: 1rem } 
.table_list tbody th, .table_list tbody td{ border-bottom: 1px solid #d2d6e1; padding: 10px 15px; text-align: center; font-weight: 400; color:rgb(102, 111, 140);} 
td a[target="_blank"]:after{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\F2C6"; padding-left: 5px} 
.table_list tbody td a { color: #1456a0;  border-bottom: 1px solid #a6aad3; line-height: 1.4; word-break: break-all}
.table_list .thum{ margin: 0 auto; border: 1px solid #cdd0db;} 
.table_list tbody td{ word-break: break-all} 
.facetalk-header{ padding-bottom: 20px;} 
.facetalk-header .bt_bx{ position: absolute; top: 0; right: 0}

.bt_meet{float: right;padding: 0px 10px;border-radius: 5px;background: #fff !important;color:#0069d9 !important; border: 1px solid #0069d9 !important;font-size: 14px;line-height: 35px;height: 35px;} 

.bt_meet:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EA13"; vertical-align: top; padding-right: 5px; font-weight: bold } 
.bt_meet.bt_meet_del:before{content:""; padding-right: 0}
/*
.bt_meet:hover, .bt_meet:focus{ box-shadow: 0 2px 0 #fece40 !important; color: #000 !important; border:1px solid #000 !important} 
*/


.meetview-wrapper{padding-top:20px }
.meetlist-wrapper .nodata{ text-align: center}
.nodata:before{} 
.layer_wrap.pwchk .alert{ padding:5px 15px; font-size: 0.879rem } 
.layer_wrap.pwchk .alert:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\EA20"; padding-left: 5px} 
.instructor-dashboard-wrapper-2 h3{ font-weight: 400; margin-bottom: 20px !important; font-size: 1.428rem !important; min-height: inherit !important; line-height: 35px} 
.instructor-dashboard-wrapper-2 .hd-4{ font-size: 1.142rem; font-weight: 700}
ul.list-input, div.form-actions{ font-size: 0.933rem; } 
.instructor-dashboard-wrapper-2 ul.list-input label{ font-size: 0.933rem; font-style: normal; color:#333; font-weight: 400}
.instructor-dashboard-wrapper-2 ul.list-input label + b{ padding-left:10px; color:#333; font-weight: 500}
.instructor-dashboard-wrapper-2 ul.list-input li{ padding: 2px 0} 
.instructor-dashboard-wrapper-2 .running-tasks-container{ padding: 0px 0} 
.instructor-dashboard-wrapper-2 hr + h4{ padding-top: 30px} 
.instructor-dashboard-wrapper-2 hr{ margin: 0} 
.instructor-dashboard-wrapper-2 .basic-wrapper{padding: 30px 0} 
#course_info.idash-section .basic-wrapper ul.list-input li{ position: relative; padding-left: 15px} 
#course_info.idash-section .basic-wrapper ul.list-input li:before{ position: absolute; left: 0; top: 13px; content: ""; background: #333; width: 3px; height: 3px; border-radius: 100%} 
/* 페이징 */
.pagination {text-align: center;padding-top:20px;display: table;table-layout: fixed;width: 100%;}
.pagination p, .pagination p a{ text-align: center; font-size: 1.0666rem; color: #000 !important} 
.pagination span:first-child, .pagination span:last-child{cursor: pointer;width: 40px;height: 40px;text-indent: -9999px;background: none; position: relative; margin: 0 10px } 
.pagination span{ display: inline-block;padding: 0 5px;vertical-align: top;color: #0069d9 !important; min-width: 30px;font-weight: bold; line-height: 40px; box-sizing: border-box; font-size: 1.0666rem} 
.pagination p a:hover{ text-decoration: underline !important; } 
.pagination span > a {min-width: 16px;height: 40px;display: block;cursor: pointer;font-weight: normal; text-decoration: none}
.pagination span:first-child:before, .pagination span:last-child:before{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; text-indent: 0; content: "\EA54"; font-size: 22px; color: #000 !important} 
.pagination span:first-child:before{content:"\EA52"} 
.enrollment-wrapper table tbody th{ background: rgba(243,244,249,0.6); font-weight: 400; font-size: 0.933rem; border-right: 1px solid #d2d6e1;} 
.enrollment-wrapper table tbody td{ font-size: 0.933rem; text-align: left} 

/*등록*/
.meetview-wrapper table{ border: 1px solid #d2d6e1; border-width: 1px 0; table-layout: fixed} 
.meetview-wrapper table th, .meetview-wrapper table td{ text-align: left}
.meetview-wrapper table td{ text-align: left; color: #313131}
.meetview-wrapper table th span.must{ font-size: 0; line-height:0; text-indent: -999px; width: 1px; height: 1px; position: relative; display: inline-block; vertical-align: top; color: #E30356} 
.meetview-wrapper table th span.must:before{ position: absolute; left: 0; top: 0; font-size: 16px; line-height:16px; text-indent: 0; content: "*"  } 
span.clock{ display: inline-block;border: 1px solid #cdd0db; background: #fff; border-radius: 5px; line-height: 1} 
span.clock select{ border: none; margin: 1px 0} 
.search-status-label strong{color: #0069d9;padding-left: 8px;} 
.meetview-wrapper table td .tdbtn{ padding: 10px 10px;border-radius: 5px;background-color: #fff;color: #6a737b !important;border: 1px solid #6a737b !important;height: 34px;margin-left: 5px; font-size: 13px; line-height: 1} 


.meetview-wrapper .basic{ margin-top: 20px; font-size: 0.95rem} 
.meetview-wrapper .basic p{ margin-bottom: 10px} 
.meetview-wrapper .basic a{ color:rgb(0, 117, 180) !important} 


/* 참석자 선택 */
.layer_wrap.member{} 
.layer_wrap.member .layer_box{ width: 600px} 
.layer_wrap .comment{ font-weight: 400; font-size: 12px} 
.layer_wrap.member .member_bx{ margin-top: 10px}
.layer_wrap.member .member_bx h4{ float: left; font-size:0.9rem; margin-bottom: 10px; line-height: 24px } 
.layer_wrap.member .member_bx h4 strong{ color:#0069d9 } 
.layer_wrap.member .member_bx .bt_all{ float: right;margin-bottom: 10px; border: 1px solid #999; line-height: 24px; padding: 0 10px; border-radius: 16px; color: #999; background: none !important; box-shadow: none!important} 
.layer_wrap.member .member_bx .bt_all:hover, .layer_wrap.member .member_bx .bt_all:focus{ color: #1a1a1a; border-color: #1a1a1a; }
.layer_wrap.member .member_bx .box{ height: 200px; overflow: hidden; overflow-y: auto; border: 1px solid #ddd; clear: both; float: none; width: 100%; -webkit-overflow-scrolling: touch;} 

.layer_wrap.member .member_bx .box li{ padding: 10px; position: relative} 
.layer_wrap.member .member_bx .box li:before{position: absolute; right: 5px; top: 0; display: block;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; text-indent: 0; content:"\EB7F"; font-size: 22px;color: #919191;}
.layer_wrap.member .member_bx .box li p{ display: inline; color: #333} 
.layer_wrap.member .member_bx .box li p.email{ color: #888; display: block; margin-top: 0 !important; word-break: break-all}
.layer_wrap.member .member_bx .box li + li{ margin-top: 0; padding-top: 10px} 
.layer_wrap.member .member_bx .box li.selected, .layer_wrap.member .member_bx.fr .box li{ background: rgba(238,245,251,0.5)} 
.layer_wrap.member .member_bx .box li.selected p, .layer_wrap.member .member_bx.fr .box li p{ color: #0C528E} 

.layer_wrap.member .member_bx .box li.selected:before{ content:"\EB82"; color:#0C528E} 
.layer_wrap.member .member_bx.fr .box li:before{ display: none}

.layer_wrap.member .member_bx .box li .bt_del{position: absolute; right: 0; top: 5px; display: block; color: #919191;} 
.layer_wrap.member .member_bx .box li .bt_del:before{display: block;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; text-indent: 0; content:"\EB99"; font-size: 15px; padding: 5px} 
.layer_wrap.member .member_bx .box li .bt_del:hover, .layer_wrap.member .member_bx .box li .bt_del:focus{ color: #000} 
.layer_wrap.member .member_bx .box li.selected + li, .layer_wrap.member .member_bx.fr .box li + li{ border-color:rgba(12,82,142,0.25) } 

.idash-section h3.hd-3 + .bt_bx{ position: absolute; right: 0; top: 0} 


/* 초대 팝업 */
.popup_wrap{ background: #fff} 
.popup_wrap .layer_wrap{ position: relative; width: 100%; height: auto; z-index: auto; background: none} 
.popup_wrap .layer_wrap .layer_box{ position: relative; left: auto; top: auto; transform: none; width: auto; height: auto; max-height: none; max-width: none}
.popup_wrap .layer_wrap.invite  .form_list li + li{ margin-top: 0} 
.popup_wrap .layer_wrap.invite  .form_list{ padding: 10px 0} 
.popup_wrap .layer_wrap.invite  .form_list{border-bottom: 1px solid #eee; margin-bottom: 20px} 
.popup_wrap .layer_wrap.invite .txt{padding: 20px 0; margin-bottom: 20px; border-top: 1px solid #ccc; margin-top: 20px;border-bottom: 1px solid #ccc; } 
.popup_wrap .layer_wrap.invite .basic{ margin-top: 20px; font-size: 0.95rem; } 
.popup_wrap .layer_wrap.invite .basic p{ margin-bottom: 10px} 
.popup_wrap .layer_wrap.invite .basic a{ color:rgb(0, 117, 180) !important} 
.scroll_w{ overflow: hidden; overflow-x: auto; width: 100%} 

/* 2021 .06. 01 화상회의 탭으로 노출 수정 */
.container > div.facetalk-dashboard-wrapper {border: none;background: #fff;box-shadow: none;padding: 0;}
.facetalk-dashboard-wrapper .idash-section{ margin-top: 0} 
.facetalk-dashboard-wrapper h2{font-size: 1.466rem;color: #2D2F39 !important;font-weight: 700;line-height: 35px;margin-bottom: 20px; display: inline-block; border: none; padding: 0}
.facetalk-dashboard-wrapper .meetlist-wrapper table td .tdbtn{padding: 10px 10px;border-radius: 5px;background-color: #fff;color: #6a737b !important;border: 1px solid #6a737b !important;height: 34px;margin-left: 10px;font-size: 13px;line-height: 1; min-width: auto} 
.facetalk-dashboard-wrapper .meetlist-wrapper table td{ vertical-align: middle} 
.facetalk-dashboard-wrapper .toast{text-align: center;position: absolute; left: 100%; top: 50%;background: rgba(0,105,217,0.8);color: #fff !important;display: none;padding: 10px;transform: translate(0,-50%);font-size: 1rem; white-space: nowrap}
.facetalk-dashboard-wrapper .meetlist-wrapper table td .btn_boxing{ position: relative} 
.layer_wrap.member select.disabled, .layer_wrap.member select:disabled{ background-image: none} 
.layer_wrap.member .member_bx .box li.selected.disabled:before{ opacity: .25} 

/** 출결 다운로드 CSS */
.facetalk-wrapper .meetlist-wrapper .table_list td .state{ 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 380px;
    width: 100%;
}

.facetalk-wrapper .meetlist-wrapper .table_list td .export{ background-color: #0aa566; border-radius: 15px; text-align: center; cursor: pointer; }
.facetalk-wrapper .meetlist-wrapper .table_list td .export .export_excel{  color: #fff; }
.facetalk-wrapper .meetlist-wrapper .table_list td .export .export_excel:before{ content: "다운로드" }

.facetalk-wrapper .meetlist-wrapper .table_list td .export.cancel{ background-color: #666666; }
.facetalk-wrapper .meetlist-wrapper .table_list td .export .export_excel.cancel{ color: #fff; }
.facetalk-wrapper .meetlist-wrapper .table_list td .export .export_excel.cancel:before{ content: "집계중" }

.facetalk-wrapper .meetview-wrapper tr.policy td input{ zoom: 1.4; }

@media only screen and (max-width: 1290px){		
    .container > div.facetalk-dashboard-wrapper{ padding-left: 20px; padding-right: 20px}   
}

@media only screen and (max-width: 1023px){		
    .facetalk-dashboard-wrapper .toast{text-align: center;left: auto; right: 0; top: 0%;transform: translate(-20px,-100%);}
	.facetalk-wrapper .meetlist-wrapper .table_list td .export{
		width: 200px;
		height: 30px;
		margin: 10px 0;
		line-height: 27px;
	}
}



/* 강좌 리스트*/
.mylec_container{ padding-bottom: 0} 
.dashboard{ display: block} 
.dashboard .main-container{ flex: none;width: 100%; margin: 0 auto;padding: 0 0;position: relative; max-width: calc(100% - 222px); margin-left: auto;} 
.dashboard .main-container .my-courses .wrapper-header-courses{ margin: 0 0 20px 0; border: none;width: 100%; display: block} 
.dashboard .main-container .my-courses .wrapper-header-courses:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.dashboard .main-container .my-courses .wrapper-header-courses .header-courses{ display: block;width: 100%;font-weight: normal;font-size: 2rem;    line-height: 35px;color: #000;letter-spacing: -1px;    padding: 0px 0 0px; text-align: left; font-weight: 700 } 
.dashboard .main-container .my-courses .wrapper-header-courses p{ float: left; line-height: 34px} 
.my-courses .lec_align{text-align: left;margin: 0px 0 ; float: right  } 
.dashboard .main-container .my-courses .listing-courses .course-item{ padding: 0; margin: 0;overflow: hidden; margin-bottom: 20px } 
.dashboard .main-container .my-courses .listing-courses .course-item .course-container{padding:0; overflow: hidden; position: relative; margin-bottom: 0px ;background: #fff;border-radius: 5px; border: none; border-radius: 0; border: 1px solid #ddd; border-radius: 7px} 
.dashboard .main-container .my-courses .listing-courses .course-item:nth-of-type(2n) .course-container{ border-color: #bbb}


.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title{ padding: 0px 0 0 0;line-height: 1.5; font-size:18px; word-break: keep-all; margin-bottom: 0; font-weight:500; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word; -webkit-line-clamp:3; color: #000; text-align: left; vertical-align: top;padding:25px 30px 25px 130px; background: #fff } 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title a{padding: 0;line-height: 1.5; font-size: 1.285rem; word-break: keep-all; margin: 0;font-weight: 500; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title span{padding: 0;line-height: 1.5; font-size: 1.285rem; word-break: keep-all; margin: 0;font-weight: 500; color: #000  }

.course-ico > span{display: inline-block;margin-bottom: 2px;margin-right: 4px;padding: 3px 12px;font-size: 12px;border-radius: 12px; font-size: 12px; color: #fff; background: #333}
.course-ico > span.ico_ing{ background: #f0689e}
.course-ico > span.ico_end{ background: #777}
.course-ico > span.ico_before{ background: #FFBE00}
.dashboard .main-container .my-courses .course .details .wrapper-course-details{ flex: none; margin: 0; display: block; overflow: hidden; background:#f7f7f7 } 
.dashboard .main-container .my-courses .course-item:nth-of-type(2n) .course .details .wrapper-course-details{ background:#f2f2f2 }

.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-ico{vertical-align: top; width: 100px; position: absolute; left: 30px; top: 25px } 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-ico > span{ min-width: 70px; text-align: center} 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info{ vertical-align: top; float: left;width: calc(100% - 250px); padding: 15px 0 15px 30px} 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info [class*="info-"]{ font-size: 1rem; color: #6a737b; margin-right: 40px; padding-left: 12px; position: relative; min-width: 280px}
.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info [class*="info-"]:before{ content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #666; left: 0; top: 8px} 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info [class*="info-"] strong{ font-weight: 500} 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions{ vertical-align: top; float: right; width:200px; margin-top: 15px; margin-right: 30px; padding-bottom: 15px } 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions a{ display: block; width: 100%; border: 1px solid #000; float: none !important; margin: 0 !important; font-size: 1.0666rem !important; width: 100% !important; border-radius: 0 !important; padding: 0 12px !important; font-weight: 400 !important; background: #fff;line-height:47px !important } 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions a.btn{ background:#FFBE00; color: #fff; font-weight: 500; position: relative; border: none} 
.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions a.btn:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\EF25"; position: absolute; left: 20px; top: 0; font-size: 26px; vertical-align: top; line-height: 1; font-weight: 400 }

.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions a + a{ margin-top: 5px !important} 
.dashboard .main-container .my-courses .course .details .wrapper-course-actions a.enter-course{ background:rgba(0,105,217,1) !important;  border: none !important; color: #fff !important }
.dashboard .main-container .my-courses .course .details .wrapper-course-actions a.enter-course.archived{ background:rgba(0,76,158,1.00) !important;} 
.dashboard .main-container .my-courses .course .details .wrapper-course-actions a.enter-course[disabled]{background:rgba(0,105,217,0.5) !important; } 
.dashboard .main-container .my-courses .course .details .wrapper-course-actions a.action-unenroll{ border-color: #888 !important; color: #888 !important; line-height: 45px !important} 
.dashboard .main-container .my-courses .course .details .wrapper-course-actions a.enroll-course{ background:#FFBE00 !important;  border: none !important; color: #fff !important }
.dashboard .main-container .my-courses .course .details .wrapper-course-actions a.study-course{ background:#68738f !important;  border: none !important; color: #fff !important }
.dashboard .main-container .my-courses .listing-courses{ } 
.dashboard .main-container .my-courses .listing-courses .course-item .nodata{ font-size: 15px; color: #6a737b; text-align: center; padding: 40px 0 } 
.dashboard .main-container .my-courses .listing-courses .course-item .nodata p{font-size: 15px; color: #6a737b; text-align: center; padding: 0; margin: 0 0 30px 0} 
.dashboard .main-container .my-courses .listing-courses .course-item .nodata a{font-size: 14px;color: #000 !important;border: 1px solid #000;    font-weight: 400;margin: 0;line-height: 34px;padding: 0 25px;border-radius: 20px;background: #fff !important; display: inline-block; text-align: center} 
.dashboard .main-container .my-courses .listing-courses .course-item .nodata a:after{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\EA6E"; padding-left: 5px; vertical-align: middle} 



/* 추천 강좌 카드 */
.your_b.swiper-container{padding: 0px 0px 20px 0px;    width: 100%;max-width: 1260px;margin: 0 auto;} 

.your_b .wrapper-header-courses{padding: 0;    flex: none;width: 100%;max-width: 1260px;margin: 0 auto;padding: 0px 0 20px 0;position: relative;} 


.your_b.swiper-container .swiper-button{ position: absolute; right:0px;  top: 0px; z-index: 2; font-size: 0 } 
.your_b .swiper-button .swiper-button-next, .your_b .swiper-button .swiper-button-prev{ position: relative; left:auto; top: auto; background: none; right: auto; margin: 0; display: inline-block; line-height: 44px; text-align: right; border: 1px solid rgba(106,115,123,0.43); width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 0 18px 18px 0; background:#fff; color: #000; border-left-width: 0; vertical-align: top} 
.your_b .swiper-button .swiper-button-prev{ margin-right: -1px; border-radius: 18px 0 0 18px;border-left-width: 1px} 
.your_b .swiper-button .swiper-button-next:after{ content: ""; width: 1px; height: 15px; background:rgba(106,115,123,0.3); position: absolute; left: 0; top: 8px } 
.your_b .wrapper-header-courses h3{font-size: 1.466rem; line-height: 35px;font-weight: 700;color: #2D2F39;letter-spacing: -0.5px; margin-bottom: 0px} 
.thumlist{display: flex; flex-wrap: nowrap; } 
.thumlist li .img{  overflow: hidden; margin-bottom: 20px;} 
.thumlist li .img img{ max-width: 100%;width: 100%;  position: absolute;  left: 0; top: 0;  height: 100%; } 
ul.thumlist li{  display: block; padding: 0 !important; border: none; flex-basis: auto ; width: 25% ;    flex-wrap: wrap;  overflow: hidden; border-radius: 5px;  }
.pc ul.thumlist li{ width: 25% }

ul.thumlist li:nth-of-type(4n+1){}
ul.thumlist li div.box{margin: 0 0px ;padding: 0 15px 20px; display: flex; flex-wrap: wrap; overflow: hidden; position: relative; margin-bottom: 40px ;background: #fff;border-radius: 5px; border: 1px solid #ddd} 
ul.thumlist li .img{margin: 0 -15px 16px;  overflow: hidden; background:#fff;width: calc(100% + 30px);    padding-top: calc(100% / 60 * 40) !important;
    position: relative;}
.thumlist li .tit{ line-height: 1.5; font-size: 1.0666rem; word-break: keep-all; margin-bottom: 7px; height:85px; overflow: hidden; font-weight:500; padding-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word; -webkit-line-clamp:3; color: #6a737b; width: 100%} 
ul.thumlist li div.txt{ height:40px; color: #6a737b; font-size: 13px; line-height: 1.3; width: 100%} 
ul.thumlist li div.txt > span + span{ position: relative; padding-left: 15px } 
ul.thumlist li div.txt > span + span:before{ position: absolute; left: 7px; top: 4px; width: 1px; height: 11px; background: #ddd; content: ""; display: block}

.thumlist .ico{ margin-bottom: 10px; text-align: left; width: 100%} 
.ico > span{display: inline-block;margin-bottom: 2px;margin-right: 4px;padding: 3px 12px;border-radius: 12px; font-size: 12px; color: #666; background: #f2f2f2}

.ico > span.ico_hot{ background: #D63B60}
.ico > span.ico_fin{ background: #4477be}
.ico > span.ico_short{ background: #d69c71}
.ico > span.ico_new{ background: #A2009C}
.ico > span.ico_class{ background: #008472}
.ico > span.ico_long{ background: #BB640E}
.ico > span.ico_mid{ background: #76601F}
.ico > span.ico_ing{ background: #fbdae7; color:#f0689e }
.ico > span.ico_pre{ background: #fff2d4; color:#ffa508 }

.thumlist .type{  color: #0069d9; letter-spacing: 1px; position: absolute; right: 20px; top: 100px; background: #444;  color: #fff; border-radius: 16px; border: 1px solid #000; padding: 4px 12px; font-size: 12px; } 
.thumlist .type2{ position: absolute; right: 20px; top: 100px;  left: 10px; } 
.thumlist .type2 .ico_ing, .thumlist .type2 .ico_end{ display: inline-block; width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 60px; background:#f0689e; color: #fff; }
.thumlist .type2 .ico_end{ background: #777} 
.thumlist .btn{  width: 100%; position: absolute; left: 0; top:0;  padding:8px 0; font-size: 0; text-align: center; transition: all .3s; opacity: 0 ; height: 100%; background: rgba(0,0,0,0.75)} 
.thumlist .btn p{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%} 
.thumlist .btn a {	margin: 8px 5px;	text-decoration: none !important;}
.bt_detail, .bt_enroll { display:inline-block;  background:#fff; border-radius:3.5px; overflow:hidden; padding:0px 22px; white-space:nowrap; text-align:center; vertical-align:middle; border:solid 1px rgba(225,225,225); transition:all 0.2s ease !important; box-sizing: border-box;  color:rgb(29,29,29) !important; margin-right: 8px; font-size: 14px !important; background: none; border: none; margin: 0; color: #fff; padding: 10px 20px; background:#fff;color: #000;  box-shadow: 0 3px 0px #fece40; } 
.bt_enroll{box-shadow: 0 3px 0px rgba(0, 105, 217,1)} 
.bt_enroll:before, .bt_detail:before{ font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;  text-decoration: inherit; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EC5C"; vertical-align: top;  text-align: center; font-size: 20px; vertical-align: middle; padding-right: 5px} 
.bt_detail:before{ content:"\ECEF" } 
.bt_enroll:hover{ background: rgba(0, 105, 217,1); color: #fff !important;transition:all 0.2s ease;box-shadow: 0 3px 0px rgba(0,48,100,1.00) } 
.bt_detail:hover{ background:#fece40; color: #fff !important;transition:all 0.2s ease !important;box-shadow: 0 3px 0px #997017} 
.thumlist li:hover .btn, .thumlist li.focusing .btn{opacity: 1;}
.thumlist .date{ width: 100%; margin-bottom:5px; color:#6a737b; font-size: 13px}

.your_b ul.thumlist li div.box{ margin-bottom: 10px} 

@media only screen and (max-width: 1310px){		
		.thumlist .btn p{ max-width: 200px; white-space: normal; text-align: center} 
}


@media only screen and (max-width: 1023px){		
	ul.thumlist li{ height: auto; width: 33.3333%; margin-bottom: 0px}
	/* ul.thumlist li div.box{ margin: 0 10px 20px;padding: 0 5px 20px;} 	*/
	
	.thumlist .btn, .thumlist .btn p, .thumlist .btn .bt_detail{  width: 100% !important; height: 100% !important; position: absolute; left: 0 !important; top: 0 !important; transform: none !important; opacity: 1 !important; background: none !important; border-radius: 0 !important; font-size: 0 !important; line-height: 0; text-indent: -999999px; overflow: hidden; box-shadow: none !important; transition: none; margin: 0 !important; padding: 0 !important} 
	.thumlist .btn .bt_enroll, .bt_detail:before{ display: none !important} 
	.thumlist .btn{ margin-left: 0px; padding: 0 !important;} 
	.thumlist .btn .bt_detail{} 
	.layer_wrap.member .member_bx .box{ height: auto; overflow: hidden} 
}
@media only screen and (max-width:767px){		
	.thumlist li .tit{ font-size: 14px; height: 78px} 	
	ul.thumlist li{ height: auto; width: 50%; margin-bottom: 0px}
	ul.thumlist li .img{ border-bottom: none}	
	.instructor-dashboard-wrapper-2 ul.list-input label, ul.list-input, div.form-actions{ font-size: 1rem} 
	ul.thumlist li div.txt{height: 30px; font-size: 0.925rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: keep-all;}
	
}
@media only screen and (max-width:500px){		
	ul.thumlist li .img{ margin-left: -10px; margin-right: -10px}
	ul.thumlist li .img img{width: 100%;}
	.best_b ul.thumlist li .img img{ width: auto} 
	.thumlist .type{ right: 15px; padding: 5px; top: 70px} 
	.thumlist .type2{ top:10px; left: 10px}	
	.thumlist li .tit{ font-size: 13px;    -webkit-line-clamp: 4; height: 78px; padding-top: 0} 
	ul.thumlist li div.box{ margin: 0 0 20px 0; padding: 0 10px 20px	}	
	.thumlist .ico > span{ padding: 3px 6px;margin-right: 2px; font-size:0.9rem; letter-spacing: -0.5px} 
	.thumlist .ico > span:last-of-type{ margin-right: 0} 
	.thumlist .date{ font-size: 10.5px; word-break: break-all; white-space: nowrap; margin-top: 3px} 	
}

@media only screen and (max-width:340px){	
	.thumlist .date{ letter-spacing: -0.5px} 
}

/* 강좌 상세 */
.course-outline .block-tree .section ol.outline-item{ width:  auto !important; top: auto !important; border: none  !important; overflow: hidden; padding: 0} 
.course-outline .block-tree .outline-button,
.course-outline .block-tree .section .section-name {padding: 15px 0;position: relative;}
.ui-accordion .ui-accordion-header .ui-icon{ display: none} 
.page-content-container{ border: none; max-width:1260px } 
.course-view .page-content{ padding: 0} 
.course-outline .block-tree .section .section-name .section-title{ font-size: 1rem; font-weight: 700;color: #313131 !important; display: block;margin: 0;padding-left: 18px;} 
.course-outline .block-tree li .fa-chevron-right{ font-size: 1rem !important; display: none} 
.course-outline .block-tree > li > .outline-button:before, .course-outline .block-tree .section .section-name:before,.fa-edit:before, .fa-pencil-square-o:before,.course-outline .block-tree > li > .outline-button[aria-expanded="false"]:before {font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;vertical-align: middle;content:"\EA4D"; padding-right: 5px; color: #313131; font-size: 1rem !important } 

.course-outline .block-tree > li > .outline-button:before,.course-outline .block-tree .section .section-name:before, .course-outline .block-tree > li > .outline-button[aria-expanded="false"]:before{ position: absolute; left: 0; top: 18px}


.course-outline .block-tree > li > .outline-button.ui-state-active:before, .course-outline .block-tree > li > .outline-button[aria-expanded="true"]:before { content: "\EA77"}
.fa-edit:before, .fa-pencil-square-o:before{ content:"\EC80" } 
.course-outline .fa-chevron-right.fa-rotate-90{ transform: rotate(180deg)} 
.course-view .course-outline > .block-tree{ float: none; clear: both; border-top: 1px solid #222} 
#expand-collapse-outline-all-button{ margin-bottom: 20px;padding: 0px 10px; border-radius: 5px;background: #fff !important;color: #6a737b !important;border: 1px solid #6a737b !important; font-size: 13px; min-width: 124px; box-shadow: none !important} 
#expand-collapse-outline-all-button span:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;vertical-align: middle;content:"\EA4D"; padding-right: 5px; color: #313131; font-size: 1rem !important} 
#expand-collapse-outline-all-button span.expand-collapse-outline-all-extra-padding:before{ content: "\EA77"} 
.course-outline .block-tree .section ol.outline-item .subsection .subsection-title{ font-size: 1rem; font-weight: 500} 
.course-outline .block-tree .section ol.outline-item .subsection .subsection-text .details{ font-size: 14px; color: #555; padding-left: 25px} 
.course-outline .block-tree .section ol.outline-item .subsection.current a h4, .course-outline .block-tree .section ol.outline-item .subsection.current a .fa:before{ color: #0069d9} 
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus{ box-shadow: none; } 
.page-content .page-content-main{} 
.page-content .page-content-secondary{ background:rgba(243,244,249,0.6); border-radius: 16px; padding: 30px; width: 300px; min-width: inherit;flex-shrink: 0; } 

.course-sidebar .section h3{border-top: 1px solid #222;padding: 0;padding-top: 24px;color: #222;font-size: 15px;font-weight: 700;padding-bottom: 15px;margin-top: 24px; margin-bottom: 0;    line-height: 1.4em;}
.course-sidebar .section:first-child h3{ margin-top: 0; padding-top: 0; border: none}
.course-sidebar .section .date-summary-container .date-summary{ padding-top: 0; display: block; flex: none} 


.course-sidebar .section a{ color: #3d3e3f; font-size: 14px} 
.course-sidebar .section a:hover{ text-decoration: underline !important; color: #000} 
.course-sidebar .section li{ position: relative; padding:5px 0 5px 15px; line-height: 1.6; } 
.course-sidebar .section li:before{ content: ""; width: 3px; height: 3px; border-radius: 100%; background: #3d3e3f; display: block; position: absolute; left: 0; top: 16px } 
.course-sidebar .section ul.list-unstyled li{ padding-left: 0} 
.course-sidebar .section ul.list-unstyled li:before{ display: none}
.date-summary-container .date-summary .right-column .localized-datetime{font-weight: 700;  margin-bottom: 8px;color: #313131;} 
.date-summary-container .date-summary .right-column .description{ font-size: 13px} 
.date-summary-container .date-summary .right-column .heading{ margin-bottom: 0; line-height: 1.6; font-size: 13.5px;font-weight: 700;color: #313131;} 
.date-summary-container .date-summary .heading.localized-datetime{ font-size: 14px; font-weight: 400; color: #666} 
.date-summary-container .date-summary .heading.localized-datetime:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;vertical-align: middle;content:"\EF18"; padding-right: 5px; }

.course-sidebar .section p+p, .course-sidebar .section ul+p, .course-sidebar .section ol+p{ margin-top: 0} 
.course-sidebar .section .date-summary-container .date-summary .left-column,.course-sidebar .section .date-summary-container .date-summary .right-column{ flex: none; float: left} 
.course-sidebar .section .date-summary-container .date-summary .right-column{ width: calc(100% - 20px)} 
.course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date { padding-top: 5px}
.course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date > span.heading, .course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date > p{ padding-left: 24px; line-height: 1.6} 
.course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date > p.hd-6{ margin-bottom: 0} 
.course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date > p.description{ font-size: 13px} 
.course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date > span.heading{ padding-bottom: 8px; display: block; margin-bottom: 0; position: relative} 
.course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date > span.heading:before{isplay: inline-block;
  font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\f073"; position: absolute; left: 0; top: 4px} 
.course-sidebar .section .date-summary-container > .date-summary.date-summary-end-date > p.localized-datetime{ font-size: 13.5px} 
.course-sidebar .section.section-handouts p{ font-size: 13px} 
.course-sidebar .section.section-handouts p.heading{ font-size: 14px; font-weight: 500; margin: 0; padding: 15px 0 5px 0; color: #313131 } 
.course-sidebar .section.section-handouts p > a{ color: blue; text-decoration: underline} 
.course-sidebar .section.section-verify a.bt_verify{box-shadow: 0 0 0 2px #0069d9; width: 100%; background: #fff; color:#0069d9; text-decoration: none !important;font-size: 14px;display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;padding:10px;line-height: 1.25;border-radius:3px; }
.course-sidebar .section.section-verify a.bt_verify:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;vertical-align: middle;content:"\F10B"; padding-right: 5px; font-size: 1.0666rem} 

@media only screen and (max-width: 1290px){	
	.page-header,.course-info.mycourse-info, .content-wrapper .course-tabs,.instructor-dashboard-content-2{ padding-left: 20px; padding-right: 20px} 
	
	.mycourse-info .course-header{ display: table; overflow: hidden;  position: relative} 
	.mycourse-info .course-header .course-name,.mycourse-info .course_detail{ display: table-cell;vertical-align: top; width: 40%} 
	.mycourse-info .course_detail li, .mycourse-info .course_detail li .action-preview-form{ display: block; width: 100%; margin-top: 10px} 
	.mycourse-info .course-header .course-name{padding-right: 30px; width: 100%; padding-bottom: 50px; overflow: hidden; text-overflow: ellipsis; }
	.mycourse-info .course_detail li .action-preview-form .action-preview-username-container { width: calc(100% - 55px)} 
	.mycourse-info .course_detail li .action-preview-form .action-preview-username-container input[type="text"]{ width: 100%} 
	.mycourse-info .course_detail .action-preview{ margin-top: 0} 
	.mycourse-info .course-header .bt_bx.fr{ float: none !important; position: absolute; bottom: 0} 
	
	.instructor-dashboard-content-2 .instructor-nav{ white-space: nowrap; overflow: hidden; overflow-x: auto; display: flex} 	
	.instructor-dashboard-content-2 .instructor-nav .nav-item{ float: none} 
	.content-wrapper > main{ padding-left: 20px; padding-right: 20px} 
}

@media only screen and (max-width: 1023px){	
	.mycourse-info .course-header{ display: block; overflow: hidden} 
	.mycourse-info .course_detail{ display: block; width: 100%; vertical-align: top; } 
	.mycourse-info .course-header .course-name{ display: block; width: 100% !important; padding-right: 0; overflow: hidden; text-overflow: ellipsis; }
	.mycourse-info .course_detail li{ float: left; width: 50%} 
	.mycourse-info .course_detail .action-preview{ width: 100%; float: none; } 
	.mycourse-info .course_detail .action-preview .action-preview-select,.mycourse-info .course_detail li .action-preview-form .action-preview-username-container{ width: auto; float: none} 
	
	.mycourse-info .course_detail li .action-preview-form .action-preview-username-container{ padding-left: 0; margin-top: 0;width: calc(100% - 55px);} 
	.mycourse-info .course_detail li .action-preview-form button[type="submit"],.mycourse-info .course_detail li .bt_join{ position: relative; right: auto; top: auto; margin-top: 0; float: none} 
	.instructor-dashboard-content-2 .instructor-nav .nav-item .btn-link{ font-size: 14px} 
}

@media only screen and (max-width: 830px){	
	.mycourse-info .course_detail li{ float: none; width: auto} 	
}

@media only screen and (max-width:767px){
	.mycourse-info .course_detail li .action-preview-form .detail-item-title{ float: none; display: block} 
	.mycourse-info .course_detail .action-preview .action-preview-select{ width: 100%; margin-bottom: 1px}
	.pagination p, .pagination p a,.pagination span{ font-size: 	1rem}	
	.layer_wrap.member .layer_box{ width: 95%; max-width: none; } 
	.course-outline .block-tree .section ol.outline-item .subsection{ margin-left: 20px} 
	
	
}
@media only screen and (max-width:530px){
	
	.layer_wrap.member .member_bx{ width: 100%; float: none !important} 	
	.layer_wrap.member .member_bx .box{ } 
	.layer_wrap .form_list{ padding-left: 0;padding-right: 0} 
	.meetview-wrapper table td, .meetview-wrapper table th,.meetview-wrapper table tr,.meetview-wrapper table tbody{ display: block; width: 100%; padding-left: 0; padding-right: 0 } 
	colgroup{ display: none} 
	.meetview-wrapper table th{ border-bottom: none; padding-bottom: 0} 
}



/* 진도 */
.container>div.profile-wrapper{ border: none; box-shadow: none} 
.profile-wrapper .course-info{ padding: 0; } 
main > .container:first-of-type{ padding: 0 0 40px 0; }
main > .container:last-of-type{ padding: 0 0 0px 0; }
.profile-wrapper .course-info>.chapters .hd-3{font-size: 1rem !important;font-weight: 700 !important;color: #313131 !important;}
.profile-wrapper .course-info>.chapters>section .sections>div .hd a{ color: #0069d9; font-size: 1rem; font-weight: 500} 
.profile-wrapper .course-info>.chapters>section .sections>div p{ font-weight: 400; color: #6a737b; font-size: 14px} 
.profile-wrapper .course-info>.chapters>section .sections>div .scores dt, .profile-wrapper .course-info>.chapters>section .sections>div .scores dd{ vertical-align: middle; font-size: 14px;color: #6a737b;} 
.profile-wrapper .course-info>.chapters>section .sections>div .hd span{ font-size: 1rem} 
.profile-wrapper .course-info>.chapters>section .sections>div:last-of-type{ padding-bottom: 0} 
.profile-wrapper .course-info>.chapters>section .sections>div .hd{ border-right: none} 



/* 공지 */
main > section.container:first-of-type section.container{ padding-top: 0} 
div.static_tab_wrapper{ border: none; padding: 0; box-shadow: none} 
div.static_tab_wrapper .xmodule_display.xmodule_StaticTabBlock > p:first-of-type, .xmodule_display.xmodule_StaticTabBlock h3{ font-size: 1.466rem; font-weight: 600; line-height: 31.5px !important; margin-bottom: 20px} 
.xmodule_display.xmodule_StaticTabBlock ul {list-style: inherit outside none;}
.xmodule_display.xmodule_StaticTabBlock ul li{ list-style-type: inherit} 
.xmodule_display.xmodule_StaticTabBlock h6{ font-size: 1rem} 
/* 토론 */

section.discussion .page-header.has-secondary{ padding: 0; display: block} 
section.discussion .page-header.has-secondary .page-header-main{ width:  50%; float: left; margin-bottom: 20px}
section.discussion .page-header.has-secondary .page-header-secondary{ width:  auto;  text-align: right; float: right; margin-bottom: 20px}
.forum-search input::placeholder {color: transparent !important}
section.discussion .page-header.has-secondary .page-header-secondary > div{  float: left} 
section.discussion .page-header.has-secondary:after, section.discussion .page-header.has-secondary .page-header-secondary:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.view-discussion-home .helpgrid-row .row-item-full, .view-discussion-home .helpgrid-row .row-item{ font-size: 14px;} 
section.discussion .page-content{ padding: 0} 

section.discussion table thead th, section.discussion table thead td, section.discussion table tfoot th,section.discussion table tfoot td,section.discussion table tbody th, section.discussion table tbody td{ text-align: left; font-size: 14px}
.view-discussion-home .helpgrid-row .row-title{ color: #000; font-size: 14px; background: #f3f4f9; border-right: 1px solid #d9d9d9} 
.view-discussion-home .home-helpgrid{ box-shadow: none} 
.view-discussion-home .label.label-settings{ font-size: 1rem} 
.view-discussion-home .home-header{ padding-bottom: 15px} 
.view-discussion-home .home-title{ font-weight: 700} 
.forum-nav-refine-bar{ margin-bottom: 20px; background: none; border-bottom: 1px solid #222; padding: 0} 

.discussion-board>.page-header .has-breadcrumbs .breadcrumbs{ margin:0; line-height: 38px; font-size: 1rem}
.has-breadcrumbs .breadcrumbs .all-topics{font-size: 1rem} 
.page-header .forum-actions .btn-outline-primary{ padding: 10px 10px;border-radius: 5px;background-color: #fff;color: #6a737b !important; border: 1px solid #6a737b  !important; font-size: 13px; box-shadow: none !important; background: #fff !important} 
.page-header .forum-search .search-button{color: #000 !important;border: none !important;background: none !important;outline: none;box-shadow: none;display: block; padding: 0 20px;border-radius: 0;padding-right: 0;width: 50px;margin: 0;height: 38px;line-height: 0; box-shadow: none !important; font-size: 0 !important} 
.page-header .forum-search .search-button:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\F0D1";font-size: 24px;line-height: 38px;}
.page-header .forum-search .search-input{  box-shadow: none !important; padding: 0; } 
.page-header .forum-search input:not(:placeholder-shown) ~ label{ padding: 0; margin-top: -5px} 
.page-header .forum-search>label{ font-style: normal} 


.forum-nav-browse-menu-wrapper, .discussion-thread-list-container{background: rgba(243,244,249,0.6);border-radius: 16px; padding: 30px 20px; border: none}
.discussion .forum-nav-browse-menu-wrapper .field-label-text{ display: none} 
.discussion .forum-nav-browse-filter{ padding: 0; border-bottom: none} 
.forum-nav-browse-filter .icon{ top: 50%; font-size: 1rem; margin-top: -8px} 
.discussion .forum-nav-browse-filter{ margin-bottom: 20px} 
.forum-nav-browse-menu{ overflow-y:auto } 
.forum-nav-browse-menu::-webkit-scrollbar,.forum-nav-thread-list::-webkit-scrollbar {width:4px;height:4px}
.forum-nav-browse-menu::-webkit-scrollbar-thumb,.forum-nav-thread-list::-webkit-scrollbar-thumb {background:#888;}
.forum-nav-browse-menu::-webkit-scrollbar-track,.forum-nav-thread-list::-webkit-scrollbar-track {background: rgba(243,244,249,0);}
.forum-nav-filter-main{ width:150px } 
.forum-nav-filter-main-control{padding-left: 0}
.forum-nav-thread .forum-nav-thread-link{ padding-left: 0} 
.forum-nav-thread{ background: none} 
.forum-nav-thread .forum-nav-thread-link.is-active{ background: #fff} 
section.discussion label{ font-style: normal} 
.forum-new-post-form .post-field .field-label .field-input select{ padding-left:15px !important } 
.btn-brand,.btn.cancel{margin: 0 5px;width: 190px;height: 45px;line-height: 45px;border-radius: 0px;color: #252525 !important;background: #fff !important;border: 1px solid rgba(104, 115, 143,0.5) !important; padding: 0; box-shadow: none !important} 
.btn-brand{background: rgb(0,105,217) !important;color: #fff !important;border-color: rgb(0,105,217) !important;}
.forum-new-post-form .post-field .field-label .field-label-text, .edit-post-form .post-field .field-label .field-label-text{ font-weight:400} 
.forum-new-post-form .post-field .field-help, .edit-post-form .post-field .field-help{ font-size:13px} 
.reply-post-control.discussion-submit-post.control-button{} 
.discussion-body .discussion-reply-new{ border: 1px solid #666;  padding: 20px; border-radius: 6px} 
.discussion .add-response{ padding-left: 0} 
.discussion-body .reply-post-control .btn, .btn.btn-small.add-response-btn { background:#6a737b !important; color: #fff !important; text-shadow: none !important;margin: 0 5px; padding: 10px 20px; box-shadow: none !important} 
.discussion-body .reply-post-control{ text-align: center} 
.discussion-post .post-header-content .post-title{ font-weight: 600} 
.discussion-comment .response-body{ font-size: 14px} 
.forum-nav-thread-list{ border-bottom: none} 
.discussion-column .new-post-article{ margin-top: 0} 

/* 교수자 */
.instructor-dashboard-wrapper-2 section.idash-section#membership .membership-section legend.hd-3{font-size: 1.0666rem !important; font-weight: 700 !important; margin-bottom: 10px !important; color: #474747 !important}
.instructor-dashboard-wrapper-2 label{ font-style: normal; font-weight: 400}
.batch-beta-testers legend.hd-3{ padding-top: 30px}
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers textarea, .instructor-dashboard-wrapper-2 section.idash-section#membership .batch-enrollment textarea{ margin-top: 10px} 
.instructor-dashboard-content-2 input.enrollment-button, .instructor-dashboard-content-2 input[type="button"]{margin: 0 10px 0 0;min-width: 190px;height: 45px;line-height: 45px;border-radius: 0px;color: #252525 !important;background: #fff !important;border: 1px solid rgba(104, 115, 143,0.5) !important; padding: 0 20px; font-size:  1.052rem; font-weight: 400; box-shadow: none !important; text-shadow: none !important}

.instructor-dashboard-content-2 input.enrollment-button[data-action="enroll"], .instructor-dashboard-content-2 input.enrollment-button[data-action="add"]{background: rgb(0,105,217) !important;color: #fff !important;  border-color: rgb(0,105,217) !important;}

.member-lists-management{ padding-top: 30px} 
.member-lists-management .hd-3{font-size: 1.0666rem !important;font-weight: 700 !important;margin-bottom: 10px !important;color: #474747 !important;}
.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .wrapper-member-select{ padding: 0 0 10px 0; background: none; } 

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .info{ border: none; padding: 0; line-height: 1.6; font-size:14px; margin-bottom: 30px} 
.instructor-dashboard-content-2 .request-response-error{ padding-bottom: 5px}
.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .member-lists-selector{ display: inline-block; vertical-align: middle; margin: 0 0 0 10px; padding:0 30px 0 15px;} 
.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .wrapper-member-select label{  display: block} 

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management-ccx .auth-list-container .member-list-widget .bottom-bar{ background:rgba(0, 117, 180,0.032); border: 1px solid #ddd; padding: 20px; margin-top: -1px; box-shadow: none}
.member-list-widget .bottom-bar .add-field{ width: 300px} 

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget input[type="button"].add{background: #6a737b !important;color: #fff !important;text-shadow: none !important;margin: 0 5px;    padding: 10px 20px;box-shadow: none !important; text-shadow: none !important; font-size: 1rem; font-weight: 400 !important; border: none !important}

.instructor-dashboard-wrapper-2 section.idash-section#student_admin .action-type-container, .instructor-dashboard-wrapper-2 section.idash-section#data_download .action-type-container{ font-size: 0;  margin-bottom: 30px} 
.instructor-dashboard-wrapper-2 section.idash-section#student_admin .action-type-container hr, .instructor-dashboard-wrapper-2 section.idash-section#data_download .action-type-container hr{ margin-top: 30px} 

.instructor-dashboard-wrapper-2 section.idash-section#student_admin p, .instructor-dashboard-wrapper-2 section.idash-section#student_admin div, .instructor-dashboard-wrapper-2 section.idash-section#student_admin li, .instructor-dashboard-wrapper-2 section.idash-section#data_download p, .instructor-dashboard-wrapper-2 section.idash-section#data_download div, .instructor-dashboard-wrapper-2 section.idash-section#data_download li{ font-size: 1rem; line-height: 1.6 !important} 


.instructor-dashboard-wrapper-2 section.idash-section#student_admin .slickgrid *,.instructor-dashboard-wrapper-2 section.idash-section#data_download .slickgrid *,.instructor-dashboard-wrapper-2 section.idash-section#student_admin .slickgrid,.instructor-dashboard-wrapper-2 section.idash-section#data_download .slickgrid { line-height: 1 !important} 
.instructor-dashboard-wrapper-2 section.idash-section#data_download .slickgrid{ border: 1px solid #ddd} 
.slick-header.ui-state-default, .slick-headerrow.ui-state-default{ border: none; border-bottom: 1px solid #c5c5c5;} 

.instructor-dashboard-wrapper-2 section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid{ padding: 0} 
.instructor-dashboard-wrapper-2 section.idash-section#student_admin .action-type-container > *, .instructor-dashboard-wrapper-2 section.idash-section#data_download .action-type-container > *{ margin-bottom: 10px}

.instructor-dashboard-wrapper-2 section.idash-section#student_admin .action-type-container h5, .instructor-dashboard-wrapper-2 section.idash-section#data_download .action-type-container h5{ font-size:1rem; font-weight: 500; margin-top: 30px } 

.instructor-dashboard-content-2 #student_admin .action-type-container input[type="button"], .instructor-dashboard-content-2 #data_download .action-type-container input[type="button"]{background: #6a737b !important;padding: 10px 20px 10px 20px !important;border: rgba(106,115,123,0.3) solid 1px !important;color: #fff !important; min-width: inherit !important; height: auto !important; line-height: 1 !important; border-radius: 3px !important}
.enrollment-status-link, .progress-link{ color: #0075b4 !important; text-decoration: underline !important} 

.instructor-dashboard-wrapper-2 section.idash-section#data_download .action-type-container .hd-3{font-size: 1.0666rem !important; font-weight: 700 !important; margin-bottom: 10px !important; color: #474747 !important}

.instructor-dashboard-wrapper-2 section.idash-section#data_download .action-type-container hr{ margin-bottom: 30px} 
.instructor-dashboard-wrapper-2 section.idash-section#data_download .problem-browser input{ width: calc(100% - 600px); max-width: none; border-radius: 0 5px 5px 0; height: 45px; line-height: 43px} 
.problem-browser-container .problem-browser > button.btn{height: 45px;padding: 5px 30px 5px 15px; box-sizing: border-box; line-height: 1; border-radius: 5px 0 0 5px; border: 1px solid #cdd0db; font-size: 14px; margin-right: -1px; background: #fff url(../img/select.svg) no-repeat right 10px top 50%;background-size: 7px;} 

.problem-browser-container .problem-browser > button.btn:last-of-type{background: #6a737b !important;padding: 10px 20px 10px 20px !important;border: rgba(106,115,123,0.3) solid 1px !important;color: #fff !important; min-width: inherit !important; height: auto !important; line-height: 1 !important; border-radius: 3px !important;height: 45px !important; border-radius: 5px; margin-left: 10px}

.slick-header-column.ui-state-default, .slick-cell, .slick-headerrow-column{ height: auto; box-sizing: content-box } 

.instructor-dashboard-content-2 .msg{ margin-left: 0; border: none} 
.instructor-dashboard-wrapper-2 section.idash-section#data_download .problem-browser .block-browser{ margin-top: 0; font-size:13px } 
.instructor-dashboard-wrapper-2 section.idash-section#data_download a{}
.instructor-dashboard-wrapper-2 section.idash-section#data_download .block-browser *{ font-size: 14px} 
.instructor-dashboard-wrapper-2 section.idash-section#data_download .block-browser .header{ border-bottom: 1px solid #222} 
.instructor-dashboard-wrapper-2 section.idash-section#data_download .block-browser .header a{color: #0075b4;}
.instructor-dashboard-wrapper-2 section.idash-section#data_download .block-browser ul li{ margin: 0; padding: 0} 
.instructor-dashboard-wrapper-2 section.idash-section#data_download .block-browser ul li + li{ border-top: 1px solid silver}

.instructor-dashboard-wrapper-2 section.idash-section#data_download .block-browser ul li button{ padding:10px 15px !important; margin: 0 !important; outline: none !important; border: none !important; box-shadow: none !important; color: #666 !important} 
.instructor-dashboard-wrapper-2 section.idash-section#data_download .block-browser ul li button:hover{ color: #000 !important} 

.instructor-dashboard-wrapper-2 section.idash-section#data_download p strong{ font-weight: 500} 

.idash-section#instructor_analytics a{color: #0075b4; text-decoration: underline}
.instructor-dashboard-wrapper-2 section.idash-section#send_email .email-editor{ border: none} 
.instructor-dashboard-wrapper-2 section.idash-section#send_email .email-editor .xmodule_edit.xmodule_HtmlBlock .editor .row{ margin: 0} 
.instructor-dashboard-wrapper-2 section.idash-section#send_email .list-fields li label{ padding-top: 15px !important} 
.instructor-dashboard-wrapper-2 section.idash-section#send_email .list-fields li.field label{ padding-top: 0 !important} 
.instructor-dashboard-content-2 .vert-left.send-email > input[type="button"]{background: rgb(0,105,217) !important;color: #fff !important;  border-color: rgb(0,105,217) !important; margin-bottom: 30px} 
.instructor-dashboard-wrapper-2 section.idash-section#send_email .running-tasks-container{ padding-bottom: 30px} 
.instructor-dashboard-wrapper-2 section.idash-section#send_email .running-tasks-container hr{ margin-bottom: 30px} 
.instructor-dashboard-wrapper-2 section.idash-section#send_email .running-tasks-container h3.hd-3, .instructor-dashboard-wrapper-2 section.idash-section#send_email .vert-left.email-background h3.hd-3{font-size: 1.0666rem !important;font-weight: 700 !important;margin-bottom: 10px !important;color: #474747 !important;}
.instructor-dashboard-wrapper-2 section.idash-section#send_email .vert-left.email-background h3.hd-3{ padding-top: 30px} 
.instructor-dashboard-wrapper-2 section.idash-section#send_email .vert-left.email-background input[type="button"]{background: #6a737b !important;padding: 10px 20px 10px 20px !important;border: rgba(106,115,123,0.3) solid 1px !important;color: #fff !important; min-width: inherit !important; height: auto !important; line-height: 1 !important; border-radius: 3px !important; margin-left: 10px} 
.instructor-dashboard-wrapper-2 #certificates div h3.hd-3{font-size: 1.0666rem !important;font-weight: 700 !important;margin-bottom: 10px !important;color: #474747 !important;} 
.instructor-dashboard-wrapper-2 section.idash-section#certificates hr.section-divider{ margin: 0px 0; border: none; border-top: 1px solid #646464} 

.instructor-dashboard-wrapper-2 #certificates .certificates-wrapper > div{ padding: 30px 0; font-size: 14px} 

.instructor-dashboard-wrapper-2 #certificates .certificates-wrapper > div.example-certificates{ padding: 0}

.instructor-dashboard-wrapper-2 #certificates .btn-blue{background: #6a737b !important;padding: 10px 20px 10px 20px !important;border: rgba(106,115,123,0.3) solid 1px !important;color: #fff !important; min-width: inherit !important; height: auto !important; line-height: 1 !important; border-radius: 3px !important; margin-top: 10px} 
.instructor-dashboard-wrapper-2 section.idash-section#certificates .bulk-white-list-exception, .instructor-dashboard-wrapper-2 section.idash-section#certificates .white-listed-students{ margin-top: 12px} 
.instructor-dashboard-wrapper-2 .customBrowseBtn label{ font-weight: 500} 
.instructor-dashboard-wrapper-2 #certificates .btn-blue.upload-csv-button{ margin: 0} 
.instructor-dashboard-wrapper-2 .customBrowseBtn .file-browse .browse{ background: #fff !important; border: 1px solid #000 !important; color: #333 !important; height: 34px; line-height: 34px; padding: 0 15px !important; box-shadow:  none !important; text-shadow: none !important; font-weight: 400; border-radius: 0; vertical-align: middle; margin-top: 4px} 
.instructor-dashboard-wrapper-2 .customBrowseBtn .enhanced-input-file{ box-sizing: border-box; height: 34px; line-height: 34px; padding: 0; vertical-align: middle} 
.instructor-dashboard-wrapper-2 .customBrowseBtn .file-browse{ bottom:  0; } 
.instructor-dashboard-wrapper-2 .customBrowseBtn .file-browse .file_field{ padding: 8px 0 0 0px; left: -97px; width:440px} 
.instructor-dashboard-wrapper-2 section.idash-section#certificates .white-listed-students .under-heading legend{ font-weight: 500; font-size: 1rem; margin-bottom: 10px; margin-top: 12px}
.instructor-dashboard-wrapper-2 section.idash-section#certificates table{border-bottom: 1px solid #d2d6e1;} 
.instructor-dashboard-wrapper-2 #certificates .certificates-wrapper > div.certificate-exception-container{ padding-bottom: 20px; padding-top: 0} 
.instructor-dashboard-wrapper-2 section.idash-section#certificates .certificate-exception-container hr.section-divider:first-of-type{ margin-bottom: 30px}
.instructor-dashboard-wrapper-2 section.idash-section#certificates .certificate-exception-container h3{ margin-top: 20px} 
.instructor-dashboard-wrapper-2 #certificates .certificates-wrapper > div{ font-size:0.933rem} 

.wrapper-course-material + .container{ padding-top: 10px; padding-bottom: 0} 

.container>div.course-wrapper{ border: none; box-shadow: none} 
.course-wrapper .course-content .page-header.has-secondary{ border: none; padding: 0} 

.course-wrapper .has-breadcrumbs .breadcrumbs{ margin: 0; font-size: 13px;} 

.course-wrapper main{ padding: 0} 

.course-wrapper .course-content .xblock.xblock-student_view-vertical, .course-wrapper .course-content .xblock.xblock-public_view-vertical, .course-wrapper .courseware-results-wrapper .xblock.xblock-student_view-vertical, .course-wrapper .courseware-results-wrapper .xblock.xblock-public_view-vertical{ max-width: none} 

.xmodule_display.xmodule_SequenceModule .sequence-nav{ margin-bottom: 30px} 
.xmodule_display.xmodule_SequenceModule .sequence-nav-button{border: 1px solid #aaa; position: relative; z-index: 1}

.xmodule_display.xmodule_SequenceModule .sequence-nav ol li, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button{ border-color: #aaa} 

.xmodule_display.xmodule_SequenceModule .sequence-nav-button.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav-button.active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.active{ border-color:#0069d9; z-index: 2} 

.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .icon{ color: #000} 
.xmodule_display.xmodule_SequenceModule .sequence-nav-button.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav-button.active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.active{ z-index: 2} 

.xmodule_display.xmodule_SequenceModule .sequence-nav-button.focused .icon, 
.xmodule_display.xmodule_SequenceModule .sequence-nav-button:hover .icon, 
.xmodule_display.xmodule_SequenceModule .sequence-nav-button:active .icon, 
.xmodule_display.xmodule_SequenceModule .sequence-nav-button.active .icon, 
.xmodule_display.xmodule_SequenceModule .sequence-nav button.focused .icon, 
.xmodule_display.xmodule_SequenceModule .sequence-nav button:hover .icon, 
.xmodule_display.xmodule_SequenceModule .sequence-nav button:active .icon, 
.xmodule_display.xmodule_SequenceModule .sequence-nav button.active .icon{color:#0069d9}

.xmodule_display.xmodule_SequenceModule .sequence-bottom .sequence-nav-button:last-of-type{ border-left: 1px solid #aaa; margin-left: -1px} 

.xmodule_display.xmodule_SequenceModule .sequence-bottom .sequence-nav-button.focused:last-of-type, .xmodule_display.xmodule_SequenceModule .sequence-bottom .sequence-nav-button:hover:last-of-type, 
.xmodule_display.xmodule_SequenceModule .sequence-bottom .sequence-nav-button:active:last-of-type, 
.xmodule_display.xmodule_SequenceModule .sequence-bottom .sequence-nav-button.active:last-of-type{ border-color:#0069d9; color: #0069d9 }

/* 본인인증 */
.verify_bx, .verify_step{ text-align: center; margin: 0 auto; display: table} 
.verify_bx.al *{ text-align: left} 
.verify_bx.al{ margin: 0} 
.verify_step{ width: 100%; text-align: left; margin-bottom:1.333rem } 
.verify_step > strong{ display: block; font-size: 1.466rem; color: #0069d9; font-weight: 400 !important; line-height: 1.6; margin-bottom: 15px} 
.verify_step > span{ font-size: 1rem} 
.verify_step > span:before{content: "STEP01"; color: #fff; font-size: 10px; background:#6a737b; border-radius: 14px; padding:0 5px; display: inline-block; margin-right: 8px; vertical-align: middle; line-height: 20px} 
.verify_step > span.step2:before{content: "STEP02";}
.verify_bx .cmt{ display: block; margin: 10px auto} 
.verify_bx .cmt .red{}
.block_stepbox h3.tit{ font-size: 22.5px;font-weight: 600;line-height: 31.5px !important;margin-bottom: 15px; } 
.course-wrapper .course-content .vert-mod>div .block_stepbox ul{ padding-left: 0} 
.block_stepbox li{ position: relative; padding-left: 12px} 
.block_stepbox li:before{ content: ""; width: 4px; height: 4px; border-radius: 100%; background: #000; position: absolute; left: 0; top: 10px} 


.verify_bx .camera_bx{ position: relative; width: 320px} 
.verify_bx h3{ text-align: center} 
.verify_bx .camera_bx .guide{ position: absolute; left: 50%; top: 25px; width: 140px; height: 140px; border: 1px solid #ff0000; border-radius: 100%; transform: translate(-50%,0)} 
.verify_bx .camera_bx .guide:before,.verify_bx .camera_bx .guide:after{ content: ""; width: 30px; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ff0000} 
.verify_bx .camera_bx .guide:after{ width: 1px; height: 30px}

.course-content .xmodule_display.xmodule_HtmlBlock a:link, 
.course-content .xmodule_display.xmodule_HtmlBlock a:visited,
.course-content .xmodule_display.xmodule_HtmlBlock a:hover, 
.course-content .xmodule_display.xmodule_HtmlBlock div.info-wrapper section.handouts ol li div.hitarea:hover+h4, 
.course-content div.info-wrapper section.handouts ol li .xmodule_display.xmodule_HtmlBlock div.hitarea:hover+h4, 
.course-content .xmodule_display.xmodule_HtmlBlock div.info-wrapper section.handouts ol li div.hitarea:focus+h4, 
.course-content div.info-wrapper section.handouts ol li .xmodule_display.xmodule_HtmlBlock div.hitarea:focus+h4, 
.course-content .xmodule_display.xmodule_HtmlBlock a:active, 
.course-content .xmodule_display.xmodule_HtmlBlock a:focus{margin: 0 5px; min-width: 190px;height: 45px;line-height: 45px;border-radius: 0px;color: #252525;background: #fff;border: 1px solid rgb(0,105,217); padding: 0; box-shadow: none;background:rgb(0,105,217);color: #fff !important;} 
.course-content .xmodule_display.xmodule_HtmlBlock a.add{ min-width: inherit; padding: 0; height: 50px; width: 50px; border-radius: 100%; display: inline-block; line-height:0; position: relative; margin-top: 15px} 
.verify_bt a.add:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;vertical-align: middle;content:"\EB2C"; font-size: 26px; line-height: 48px}

.xmodule_display.xmodule_HtmlBlock .verify_bt{ line-height:0; display: block} 
.xmodule_display.xmodule_HtmlBlock .verify_bt a.add:hover:after{ border: 4px solid rgba(0,105,217,0.2); content: ""; height: 58px; width: 58px; position: absolute; left: -5px; top: -5px; border-radius: 100%} 
.mycourse-info button.off, .m-only{ display: none} 

/**/
.layer_wrap.chrome .layer_box, .layer_wrap.acept .layer_box{ width:500px } 
.go_chrome span.chrome{ width: 20px; height: 20px; display: inline-block !important; vertical-align: middle !important;line-height: 32px !important} 
.go_chrome{border: 1px solid #ccc;    background: #fff !important;    color: #6a737b !important;    height: 34px;    padding: 0 10px;    box-sizing: border-box;    border-radius: 0;    margin-left: 5px;font-weight: normal;    font-size: 13px; display: inline-block !important; line-height: 32px !important; vertical-align: middle !important} 
.layer_wrap.chrome .layer_box p.f_txt:before{ content: ""; display: block; position: absolute; left: 0; top: 50%; background:  #000; width: 4px; height: 4px; border-radius: 100%; margin-top: -2px} 
.layer_wrap.chrome .layer_box p.f_txt{ position: relative; padding-left: 18px} 
.layer_wrap.agree .layer_box{ width:600px } 
.layer_wrap.agree .layer_box td{ word-break: keep-all} 

/**/
.verify_bx .step_ok{position: relative} 
.verify_bx .step_ok .pic_bx{ width: 320px; height: 240px; border: 1px solid #ddd; font-size: 0; position: relative; margin: 0 auto} 
.verify_bx .step_ok .toast{ text-align: center; position: absolute; left: 50%; top: 50%; background:rgba(0,105,217,0.8);color: #fff !important; display: block; width: 100%; padding: 10px; transform: translate(-50%,-50%); font-size: 1rem} 


.verify_bx .verify_tit > strong{ display: block; font-size: 1.466rem;font-weight: 400 !important; line-height: 1.6; margin-bottom: 15px} 
.verify_bx .verify_tit > span{ font-size: 14px} 
.block_stepbox + hr{ margin-top: 30px; margin-bottom: 30px; border-top-color: #ddd} 
.block_stepbox ~ .verify_bx{ display: block; width: auto; text-align: left} 
.verify_bx h3.tit{font-size: 22.5px;
    font-weight: 600;
    line-height: 31.5px !important;
    margin-bottom: 15px;}
.block_stepbox ~ .verify_bx .pic_bx{ margin: 0} 
.block_stepbox ~ .verify_bx h3{ text-align: left} 

.verify_bx + .vert{ margin-top: 30px} 
.verify_bx.al h3.tit{ font-size:  1.333rem !important; font-weight: 500 !important}
.container .vert h3{ font-size: 1.333rem !important; font-weight: 500 !important;color: #000 !important; }  
.xblock-student_view-problem  div.problem-progress{display: inline-block;color: #5e5e5e;font-size: 0.875em;} 
.xblock-student_view-problem   div.problem{ padding-top: 20px} 
.xblock-student_view-problem   div.problem label{ font-style: normal} 
.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-buttons-wrapper {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 20px;
}
.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn{ max-width: 130px} 

.btn_bottom .buttons{color: #252525 !important;  background: #fff !important;    border: 1px solid rgba(104, 115, 143,0.5) !important; box-shadow: none !important} 
.btn_bottom .buttons.color{background: rgb(0,105,217) !important;    color: #fff !important;    border-color: rgb(0,105,217)!important;} 
.xmodule_display.xmodule_SequenceModule .sequence-bottom{ margin: 30px auto 0 auto} 
@media only screen and (max-width: 1290px){	
	.dashboard .main-container, .page-content-container, .course-view.page-content-container, .page-header.has-secondary{ margin-left: 20px; margin-right: 20px; width: calc(100% - 40px)} 	
	section.discussion .page-header.has-secondary, 
	.mylec_container .dashboard > .main-container, .course-view .page-header.has-secondary, .course-content .page-header.has-secondary{ width: 100%; margin-left: 0; margin-right: 0} 
	.your_b.swiper-container{ } 
	.container>div.course-wrapper{ padding: 0 20px;} 

}

@media only screen and (max-width: 1023px){	
	.page-header.has-secondary .page-header-secondary{ display: block; text-align: left} 
	section.discussion .page-header.has-secondary .page-header-secondary{ margin-left: 0; float: none } 
	.dashboard .my-courses{ margin-top: 0} 	
	.dashboard .main-container .my-courses .listing-courses{margin-top: 0 !important}
	.dashboard .main-container .my-courses .course .details .wrapper-course-details{ width:	100%}
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions{ float: none; width: auto; margin: 0; padding: 0 30px  30px  30px } 

	.dashboard .main-container .my-courses .listing-courses .course-item .course-container{ padding-bottom: 0; margin-bottom: 0px} 
	.dashboard .main-container .my-courses .course .details{ padding-left: 0} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info{ float: none; width: auto; padding: 30px 30px 20px 30px;}
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info [class*="info-"]{ margin-top: 5px !important; margin-bottom: 5px} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions a{ width: calc(50% - 4px) !important; display: inline-block;  margin: 0 !important; vertical-align: top; margin: 0 2px !important; line-height: 26px} 		
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions{ font-size: 0} 
    
    .dashboard .main-container .my-courses .listing
    courses .course-item .course-actions{ display: flex}
     .dashboard .main-container .my-courses .listing-courses .course-item .wrapper-course-actions .course-actions .course-status-certavailable a.btn{ width: 100% !important; margin: 0 !important} 
    .message-status.is-shown{ margin: 0 !important}
    .dashboard .main-container .my-courses .listing-courses .course-item .course-actions .message-status.is-shown{ width:calc(50% - 4px) !important; display: inline-block;margin: 0 2px !important; vertical-align: top; overflow: hidden} 
      .dashboard .main-container .my-courses .listing-courses .course-item .course-actions .message-status.is-shown + a{}   
    
	
	/*
	
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-ico{ width: auto; position: relative; left: auto; top: auto; margin-bottom: 10px}
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title{ padding-left: 0; width: auto} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info{ margin-bottom: 20px} 
  */
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions a + a{ margin-top: 0 !important}
	.your_b .thumlist{ flex-wrap: nowrap; } 
	.your_b .swiper-button-next,.your_b .swiper-button-prev{} 
	.your_b .thumlist li .tit{    height: 75px;} 
	.your_b{ padding-left: 0px; padding-right: 20px} 
	.your_b .wrapper-header-courses{  } 
	.dashboard .main-container .my-courses .wrapper-header-courses .header-courses{ padding-bottom: 10px} 
	.your_b .wrapper-header-courses h3{ } 
	.your_b.swiper-container .swiper-button{ right:0px; display: block} 	
	.mycourse-info .course-header .course-name{ width:100% !important; font-size: 1.428rem; padding-bottom: 0; z-index: 2; position: relative; float: none; overflow: hidden; text-overflow: ellipsis; } 
	.mycourse-info .course-header .bt_bx.fr{ float: none !important; position: relative; bottom: auto; z-index: 1; margin-top: 10px} 
	.mycourse-info .course_detail{ clear: both; float: none; display: none; padding-top: 5px} 
	.mycourse-info .course_detail li .bt_join{ width: auto; min-width: inherit; padding-left: 5px; padding-right: 5px} 
	.mycourse-info .course_detail li > *{ font-size: 13px} 
	.mycourse-info .detail-item-title{ width: 80px} 
	.mycourse-info .course_detail li .action-preview-form .detail-item-title{ width: auto; font-size: 13px} 
	button.bt_list{ padding-left: 20px; padding-right: 10px} 	
	.mycourse-info button.off{ display: inline-block; background: none !important; } 
	.mycourse-info button.off:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EA4E";font-size: 20px;} 	
	.mycourse-info button.off.on:before{ content: "\EA78"} 
	.content-wrapper .course-tabs{ padding-left: 0; padding-right: 0} 
	.wrapper-course-material .course-tabs .tab a, .wrapper-course-material .course-tabs .tab a:visited, .content-wrapper .course-tabs .navbar-nav .nav-item a, .content-wrapper .course-tabs .navbar-nav .nav-item a:visited{padding-left: 20px; padding-right: 20px}
	.wrapper-course-material, .content-wrapper .course-tabs.navbar{ padding-left: 0; padding-right: 0; overflow-x: auto; display: block} 
	.content-wrapper .course-tabs .nav-item.active .nav-link, .content-wrapper .course-tabs .nav-item:hover .nav-link, .wrapper-course-material .course-tabs .tab a.active, .wrapper-course-material .course-tabs .tab a:hover{ }
	.wrapper-course-material .course-tabs .tab, .content-wrapper .course-tabs .navbar-nav .nav-item{ min-width: inherit; } 
	.wrapper-course-material .course-material, .wrapper-preview-menu .preview-menu, .content-wrapper .course-tabs .navbar-nav{ border-left: 0} 
	.wrapper-course-material .course-tabs .tab:last-of-type, .content-wrapper .course-tabs .navbar-nav .nav-item:last-of-type{ border-right: 0} 
	
	.course-outline .block-tree .section{ margin: 0} 
	.course-view.page-content-container .page-content-main{ margin-bottom: 20px;} 
	.page-content .page-content-secondary{ width: 100%} 
	.m-only{ display: block;; clear: both; float: none; padding-top: 10px} 
	.meetlist-wrapper table{ border: none} 	
	.meetlist-wrapper table thead{ display: none} 
	.meetlist-wrapper table td{ font-size: 0; padding: 0; display: block; border: none} 
	.meetlist-wrapper table td div{ font-size: 13px; text-align: left} 
	.meetlist-wrapper table tbody tr{ display: block; position: relative; padding: 20px 20px 0 20px; border: 1px solid #d2d6e1; margin-bottom: 20px; border-radius: 6px} 
	.meetlist-wrapper table td div.state{ position: initial; margin-top: 10px; font-size: 12px; max-width: 200px !important; background: #f98e1f; color: #fff; padding: 3px 10px; display: inline-block; border-radius: 12px} 
	.meetlist-wrapper table td div.r_date{ display: none} 	
	.meetlist-wrapper table td div a{ text-decoration: none !important; border: none !important} 
	.meetlist-wrapper table td .tit_boxing{ margin-bottom: 10px} 
	.meetlist-wrapper table td .tit_boxing a{ text-decoration:none !important; border: none; font-size:  1.285rem; font-weight: 500; color: rgb(106, 115, 123)}    
	.meetlist-wrapper table td .p_date:before{ content: "모임기간 : "} 
    
	.meetlist-wrapper table td .btn_boxing{ text-align: center; border-top: 1px solid #ddd; margin-top: 10px; width: calc(100% + 40px); margin-left: -20px; display: flex; flex-wrap: wrap} 
	.meetlist-wrapper table td .btn_boxing a, .meetlist-wrapper table td .btn_boxing button{width:50%; padding: 10px 0 10px 0 !important; } 
    .facetalk-dashboard-wrapper .meetlist-wrapper table td .tdbtn{ margin: 0; border-radius: 0; border: none !important; border-left: 1px solid #ddd !important; height: auto; color:rgb(102, 111, 140);  } 
	.meetlist-wrapper table td .btn_boxing .p-only{ display: none; }
	.meetlist-wrapper table td .btn_boxing a.bt_link.m-only{ width: 100%; display: block; border-top: 1px solid #ddd !important; color: #6a737b; font-weight: 500; background:rgba(102, 111, 140,0.12)  } 
    .meetlist-wrapper table td .btn_boxing a.bt_link + a.bt_link.m-only{ border-left: 1px solid #ddd !important; width: 50%; display: table-cell; border-top: none !important;color:rgb(102, 111, 140); background: #fff}
	.meetlist-wrapper table td .btn_boxing a.bt_link span.m-only, .meetlist-wrapper table td .btn_boxing button  span.m-only{ display: inline}
    
	.meetlist-wrapper table td .btn_boxing a:after, .meetlist-wrapper table td .btn_boxing button:after{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EB87"; padding-left: 5px; vertical-align: middle}  
    .meetlist-wrapper table td .btn_boxing a.bt_link:after{content: "\ECAE";} 
    .meetlist-wrapper table td .btn_boxing a.bt_link.m-only:after{content: "\EE59";} 
    
	.facetalk-wrapper .facetalk-header p.info.fl{ display: 	none}
	.facetalk-wrapper .facetalk-header .bt_bx.fr .bt_meet, .facetalk-wrapper .facetalk-header .bt_bx.fr{ width: 100%; margin-top: 20px} 
	.facetalk-wrapper .facetalk-header .bt_bx.fr{ margin-top: -10px; position: relative; right: auto; top: auto} 
    
    
    
	.facetalk-wrapper{ } 
	.meetlist-wrapper .nodata{ padding-bottom: 20px} 
	.meetlist-wrapper table tbody tr:last-of-type{ margin-bottom: 0} 
	.m_dates, .m_time{vertical-align: middle; margin: 1px 0;   border: none;height: 34px;padding: 5px 15px 5px;font-size: 1.0666rem;box-sizing: border-box;background:none;color: #000; border-radius: 5px;}
	.date_w span.date{ margin: 1px 0;}
	input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{} 
	input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button {  display: none; } 
	input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button {  display: none; } 
	input[type="date"]::-webkit-calendar-picker-indicator {  color: red; } 
	
	
	.meetview-wrapper .date_w{ display: none} 
	.meetview-wrapper .date_w.m-only{ display: block; padding-top: 0} 
	.meetview-wrapper .date_w.m-only span.date:before{ display: none} 	

	.wrapper-course-material + .container{ padding-top:10px} 
	.wrapper-course-material + .container > div{ } 
	.container>div.course-wrapper{ padding: 0 20px;margin-top: 0} 
	.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button{ border-width: 2px} 
	.xmodule_display.xmodule_SequenceModule .sequence-nav-button.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav-button.active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.focused, .xmodule_display.xmodule_SequenceModule .sequence-nav button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.active{ background: #fff !important; border-color:#0075b4 } 
	.xmodule_display.xmodule_ProblemBlock div.problem .action .submit-attempt-container .submit{ float: none; margin: 0 auto; width: 100%} 
	
	.xmodule_display.xmodule_SequenceModule .sequence-nav .sequence-list-wrapper{ overflow: hidden; overflow-x: auto} 
	section.discussion .page-header.has-secondary .page-header-main{ width: 100%; float: none; margin-bottom: 0}
	.xmodule_display.xmodule_SequenceModule nav.sequence-bottom{margin: 30px auto 0 auto;}
} 
	


@media only screen and (max-width: 768px){	
	section.discussion .page-header.has-secondary .page-header-secondary > div{ float: none} 
	section.discussion .page-header.has-secondary .page-header-secondary div.forum-search .search-input{ width: calc(100% - 60px)} 
	
	section.discussion .page-header.has-secondary .page-header-secondary .forum-actions + .forum-search{ margin-top: 5px}
}
@media only screen and (max-width: 767px){	
	.page-header.has-secondary .page-header-main{ width: 100% !important; float: none} 	
	.page-header.has-secondary{ display: block} 
	.page-header.has-secondary .page-header-main .page-title{ font-size:1.45rem !important; padding-top: 0; min-height: auto; overflow: hidden; text-overflow: ellipsis; }
	.breadcrumbs .fa-angle-right{ vertical-align: middle; display: inline-block; top: 0} 
	.breadcrumbs .nav-item{ vertical-align: middle} 
	section.discussion .page-content{ padding:0 0 0px 0} 
	.btn-brand, .btn.cancel{ width: auto; padding-left: 20px; padding-right: 20px} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info{ padding: 10px}
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-info [class*="info-"]{ word-break: break-all; min-width: inherit; margin-right:15px} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions{ padding:0 10px 10px 10px} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .wrapper-course-actions a.btn:before{ left: 5px} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-title{  padding: 5px 10px 10px 10px} 
	.dashboard .main-container .my-courses .course .details .wrapper-course-details .course-ico{ background: #fff; position: relative; left: auto; top: auto; width: 100%; padding: 10px 10px 0 10px} 
	.your_b .wrapper-header-courses p{ padding-right:80px } 
	.your_b.swiper-container .swiper-button{ } 
	.page-content .page-content-secondary{ padding: 20px 18px} 
	.course-sidebar .section a, .course-outline .block-tree .section ol.outline-item .subsection .subsection-text .details{ font-size: 1rem} 
	.member-list-widget .bottom-bar .add-field{ width: 100%} 
	.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget input[type="button"].add{ position: relative; right: auto; margin-top: 5px} 
	.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar label, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management-ccx .auth-list-container .member-list-widget .bottom-bar label{ display: block;} 
    .modal.video-modal, .video-modal.leanModal_box {width: 100%;}
    .modal.video-modal .inner-wrapper, .video-modal.leanModal_box .inner-wrapper {width: 100%;}
}
@media only screen and (max-width:380px){	
	.verify_bx, .verify_step { width: 100%;  display: block} 
	.verify_bx .cmt{ white-space: normal} 
	.layer_wrap.agree .layer_box td{ word-break: break-all} 
}
@media only screen and (max-width:360px){	
	.verify_bx  #snapshot, .verify_bx #player, .verify_bx .camera_bx{ width: 100%} 
	.verify_bx .step_ok .pic_bx{ width: 100%;; height: auto}
	
}


.hd-5{  font-size: 1rem !important }
/* 토론 */
.new2021-container.page-content-container{ max-width: none} 
.new2021-container > .container{ padding-top: 20px} 
.new2021-container > .container:first-of-type{ padding-top: 10px} 
.new2021-container > .container:last-of-type{ padding-bottom: 0} 
.new2021-container .container>div{ border: none; box-shadow: none; display: block} 
.new2021-container .container>div .meetview-wrapper{ padding-top: 0} 
.new2021-container .container>div.view_bx{ margin-bottom: 0px}
.new2021-container .list_bx{} 
.new2021-container .discus_list{ border: 1px solid #ddd; margin-top: 20px; border-radius: 7px; overflow: hidden; position: relative} 
.new2021-container .discus_list:first-of-type{ margin-top: 0} 
.new2021-container .discus_list > a{ padding: 0; background: rgba(0,0,0,0.00); max-height: 300px; display: block;} 
.new2021-container .discus_list > a:hover{ text-decoration: underline} 
.new2021-container .discus_list h4{font-size:  1.285rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #000; line-height: 20px;background: #fff; padding: 20px 0px 0px 0px;} 
.new2021-container .discus_list .type, .new2021-container .discus_view .type{ position: absolute; left: 30px; top: 20px; padding: 0; background: none; width: 30px; height: 30px; background: #fece40; border-radius: 100%; color: #fff; text-align: center; line-height: 30px; z-index: 2} 
.new2021-container .discus_list .type:before, .new2021-container .discus_view .type:before{content: "\F047";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.new2021-container .type.d{ background: none; color: #feba29} 
.new2021-container .type.d:before{content: "\EC39"; font-size: 26px} 
.new2021-container .discus_list .thumtxt, .new2021-container .discus_list .etc{ background: #f7f7f7; position: relative;} 

.new2021-container .discus_list:nth-of-type(2n) .etc{ background: #f2f2f2;} 

.new2021-container .discus_list .thumtxt{ padding: 5px 30px 20px 70px; color: #6a737b;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; background: #fff  } 
.new2021-container .discus_list .ck-content:not(h4) { padding: 5px 30px 20px 70px; }
.new2021-container .etc{ padding: 15px 30px 15px 40px;  width: 100%} 
.new2021-container .etc p{ display: inline-block; max-width: 33.333%; font-size: 0.933rem; padding-right:40px; margin-top: 0} 
.new2021-container .etc p strong{ font-weight: 200} 
.new2021-container .etc p:before{content: "\ED70";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-right:5px; vertical-align: middle} 
.new2021-container .etc p.writer:before{ content: "\F25B"}
.new2021-container .etc p.date:before{ content:"\EB25"}
.new2021-container .etc p.reply:before{ content:"\EF46"}
.new2021-container .nodata{font-size:  1.285rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #000; line-height: 30px;background: #fff; padding: 25px 30px; text-align: center} 
.new2021-container .etc p.writer .now.drop{ color: #888} 
.new2021-container .etc p.writer .now.drop:before{ content: "/"} 

.new2021-container .discus_list:nth-of-type(2n){ border: 1px solid #bbb; }
.new2021-container .head_bx{ position: relative}  
.new2021-container .add{ position: absolute; right: 0; top: 0} 
.new2021-container .bt_add{padding: 0px 10px;    border-radius: 5px;background: #fff !important;color: #0069d9 !important;border: 1px solid #0069d9 !important; font-size: 14px; line-height: 35px; height: 35px}
.new2021-container .bt_add:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EA13"; vertical-align: top; padding-right: 5px; font-weight: bold } 
.new2021-container .search-field-wrapper{ position: relative; margin-bottom: 20px} 
.new2021-container .search-button, .new2021-container .search-field-wrapper input[type='text']{ padding-right: 50px} 
.new2021-container .search-button, .new2021-container .search-field-wrapper .search-button, .new2021-container .search-field-wrapper .search-button:hover, .new2021-container .search-field-wrapper .search-button:focus{color: #000;border: none;background: none !important;outline: none;box-shadow: none;right: 10px;    display: block;position: absolute;top: 0;padding: 0 20px;border-radius: 0;padding-right: 0;width: 50px;margin: 0;height: 34px;    line-height: 34px;} 
.head_bx  .search-button:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\F0D1";font-size: 24px;} 
.head_bx .tg_btn{ height: 34px; line-height: 34px}
.head_bx .tg_btn:before{ top: 7px} 
.head_bx .tg_btn a{ top: 9px} 
.head_bx .tg_btn label{ font-size: 1rem} 
.new2021-container .btn_box{ margin: 30px auto 0 auto; text-align: center;} 
.new2021-container .btn_box .bt_more{display: inline-block;font-size: 1rem;color: #000;line-height: 28px;
letter-spacing: -1.5px;vertical-align: top; position: relative; font-weight: 200; background: none !important; box-shadow: none !important } 
.new2021-container .btn_box .bt_more:after{ width: 28px; height: 28px; background: #ccc; content:"\EA4C";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: middle; text-align: center; border-radius: 100%; display: inline-block; margin-left: 12px; font-weight: 400; font-size: 21px; text-align:center  } 
.new2021-container .btn_box .bt_more:hover{ color: #0069d9 !important} 
.new2021-container .btn_box .bt_more:hover:after{ background: #0069d9 !important; color: #fff !important } 

/**/
.discus_view{ border-top: 1px solid #222;padding: 0; border-bottom: 1px solid #ddd}
.discus_view .header{ padding: 20px 0px;} 
.discus_view .header h4{ padding: 0 30px 5px 30px; font-size:  1.285rem; color: #000; word-break: break-all} 
.discus_view .header .etc{ padding: 0} 
.discus_view .txt{ border-top: 1px solid #ddd; padding: 30px} 
.discus_view .txt img{ max-width: 100%} 
.new2021-container .discus_view .etc{ padding-left: 30px} 
.new2021-container .discus_view .etc p{ margin-top: 0} 
.discus_view .tool{ position: absolute; right: 30px; top: 8px} 
.new2021-container .discus_view .header > .tool{ right: 0} 
.discus_view .tool button{padding: 0px;    border-radius: 5px;    background: #fff !important;    color: #6a737b;    border: 1px solid #6a737b; font-size: 13px; box-shadow: none; margin-left: 5px; line-height:38px; height: 40px; width: 40px} 
.discus_view .tool button:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EC1E"; text-align: center; font-size:18px; color: #000 }
.discus_view .tool button.bt_edit:before{ content: "\EC80"} 
.thread-title, .discussion-post .post-header-content .post-title{ font-size: 1.33rem} 
.new2021-container .reply_bx{ background: #fafafa; padding: 25px 30px; border-bottom: 1px solid #ddd} 
.reply_bx .write_box .reply_tit{ font-size: 1.066rem; margin-bottom: 10px} 
.reply_bx .input{border: 1px solid #cdd0db; border-radius: 5px; background: #fff; float: left; width: calc(100% - 120px); margin-bottom: 25px; overflow: hidden} 
.reply_bx .input textarea{ border: none; height: 80px} 
.reply_bx .input .count{ font-size: 13px; text-align: right; padding:5px 15px 5px 0} 
.reply_bx .input .count strong{ color:#0069d9; font-weight: 400 } 
.reply_bx .write_area .btn_box{ width: 107px; height: 107px; float: right; margin: 0} 
.reply_bx .write_area .btn_box button{ width: 100% !important; vertical-align: top; font-size: 1rem;padding: 10px 10px;border-radius: 5px; background: #fff !important;color: #6a737b;border: 1px solid #6a737b; height: calc(50% - 5px); box-shadow: none !important;max-height:105px;} 
.reply_bx .write_area .btn_box button.bt_add{ height: 100%; background:  #0069d9 !important; color:  #fff !important} 
.reply_bx .write_area .btn_box button.bt_add.event_btn{ height: 50%; } 
.reply_bx .write_area .btn_box button.bt_add:before{ display: none} 
.reply_bx .write_area .btn_box button + button{ margin-top: 10px} 
.reply_bx .write_area .btn_box button.bt_confirm{border-color:  #0069d9 !important; background:  #0069d9 !important; color: #fff} 

.reply_bx .reply_list{ float: none; clear: both; border-bottom: 1px solid #ddd} 
.reply_bx .reply_list li.reply_li{ border-top: 1px solid #ddd; padding: 25px 0; position: relative; max-height: 500px; min-height: 155px; overflow: auto;} 

.reply_bx .reply_list li.reply_li::-webkit-scrollbar {
	width: 15px;
  }
  
.reply_bx .reply_list li.reply_li::-webkit-scrollbar-track {
	background-color: #e4e4e4;
	border-radius: 100px;
}
  
.reply_bx .reply_list li.reply_li::-webkit-scrollbar-thumb {
	border-radius: 100px;
	border: 6px solid rgba(0, 0, 0, 0.18);
	border-left: 0;
	border-right: 0;
	background-color: #75abec;
}

.reply_bx .reply_list li.reply_li .input{ margin-bottom: 0} 
.new2021-container .reply_bx .btn_box.btn_bottom{ margin-bottom:-15px; margin-top: 10px} 
.new2021-container .reply_bx .btn_box.btn_bottom .bt_more{ width: 100%} 
.reply_bx .reply_list li.reply_li .tool{ position: absolute; right: 0; top: 25px} 
.reply_bx .reply_list li.reply_li .tool button{padding: 0px;  border-radius:0;background:none !important; border: none; font-size: 13px; box-shadow: none; margin-left: 5px; width: 25px;} 
.reply_bx .reply_list li.reply_li .tool button:before{font-family: "remixicon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\EC1E"; text-align: center; font-size:18px; color: #000 }
.reply_bx .reply_list li.reply_li .tool button.bt_edit:before{ content: "\EC80"} 


.reply_bx .reply_list .name {font-size:1.066rem; ;color:#000;line-height:26px; float: left}
.reply_bx .reply_list .date {position:relative;margin-left:14px;padding-left:12px;font-size:13px;color:#aaa;line-height:26px;letter-spacing:0;float: left}
.reply_bx .reply_list .date:before {content:'';position:absolute;top:8px;bottom:8px;left:0;width:1px;background:#d2d2d2;}
.reply_bx .reply_list .top_bx:after, .reply_bx .write_area:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.reply_bx .reply_list .mid_bx{ margin-top: 7px} 

.reply_bx .reply_list .ck-content.mid_bx ul, .reply_bx .reply_list .ck-content.mid_bx ol { list-style: inherit !important; margin-left: 20px; }
.reply_bx .reply_list .ck-content.mid_bx ul > li { list-style-type: disc !important; }
.reply_bx .reply_list .ck-content.mid_bx ol > li { list-style-type: auto !important; }

.reply_bx .reply_list li.reply_li .reply_cont{ padding-right: 5px;}
.reply_bx .reply_list li.reply_li .reply_cont.edit{ position: relative; left: 0; top: 0; width: 100%; padding:10px 0; height: 100%; overflow: auto; display: none; background:#fafafa } 
.reply_bx .reply_list li.edit .reply_cont.edit{ display: block; height: auto; padding-right: 5px; } 

/* .reply_cont.edit .input.reply_edit{ height: 100%} */
.reply_bx .reply_list li.reply_li .reply_cont.edit textarea{ height: calc(100% - 30px)} 
.reply_bx .reply_list li.reply_li .reply_cont.edit .btn_box{ height: 87px} 
.new2021-container .cancel-button{ display: none} 


@media only screen and (max-width: 767px){	

}

/* 파일업로드 */
.upload_wrap { }
.newfile_box{ position:relative; text-align:left; border:2px dashed #999; min-height:60px; color:#999;  }
.newfile_box.reply{ height: 100px; }
.newfile_box.event_btn{ border:0px; min-height:45px; margin-top: 10px; }
.newfile_box input[type="file"]{ opacity:0;position:absolute; left:10px; top:15px;width: 110px;  height: 30px; z-index: 2; cursor: pointer; }
.newfile_box button.addfile{ position:absolute; left:20px; top:15px; min-width: 55px;background: #fff;    border: 1px solid #7175d8;color: #7175d8; height:30px; padding:0 15px; z-index: 2; font-size: 1rem}
.newfile_box button.addfile.reply{ left:0px; }
.newfile_box button.addfile.event_btn{ padding:0; left:1px; top:1px; height: 100%; }
.newfile_box button.addfile:before{content: "\ED70";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-right:5px }
.newfile_box .txt{ color: #999; line-height: 1.6; text-align: left; padding: 20px 20px 20px 180px; color: #313131  }
.newfile_box .list{ color: #111;  text-align: left; padding:5px 20px 0px 20px; word-break: break-all; font-size: 13px}
.newfile_box button.bt_del:before{content:"\EB97";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle;  text-align: center; color: #aaa; margin-left: 10px; font-size: 20px}
.upload_wrap .btn_upload{ text-align: center}
.newfile_box .list p{ padding-bottom: 5px; letter-spacing: 0}
.newfile_box .list p + p{ margin-top: 0} 
.newfile_box .list p:last-of-type{ margin-bottom: 12px}
.newfile_box .list p .filesize{ color:#888; padding-left: 10px }
.newfile_box .list p a{ color: #313131}
.newfile_box .list p a:hover{ text-decoration: underline !important}
.upload_wrap .totalsize{ position: absolute; right: 10px; top: 10px; font-size: 13px}
.newfile_box .txt .cmt{ color: #999; white-space: normal} 

.view_bx .newfile_box{ min-height: inherit; border: none} 
.view_bx .newfile_box .list{ padding:20px 30px} 
.view_bx .newfile_box .list p:last-of-type{ margin-bottom: 0}
.newfile_box .list p em{ display: inline-block; width: auto; max-width:calc(100% - 150px); vertical-align: middle; font-style: normal} 
.newfile_box .list p a:hover em{ text-decoration: underline !important} 
@media only screen and (max-width: 1023px){	
	.container > div{ margin-top: 0} 
	.search-form .search-field-wrapper input{ width: auto} 
	.discus_view .header h4{ padding: 0; font-size: 1.142rem} 
	.new2021-container .discus_view .etc{ padding-left: 0} 
	.new2021-container .discus_view .etc p{ white-space: nowrap; max-width: 50%; padding-right: 30px} 
	.new2021-container .discus_view .etc p.writer{ max-width: 100%} 
	.new2021-container .discus_view .etc p:last-of-type{ padding-right: 0} 
	.discus_view .txt{ padding-left: 0; padding-right: 0} 
	.discus_view .tool{ position: relative; top: auto; text-align: right; margin-top: 10px} 
	.new2021-container .reply_bx{ padding-left: 10px; padding-right: 10px} 
	.reply_bx .input{     width: calc(100% - 60px);} 
	.reply_bx .write_area .btn_box{ width: 50px} 	
	.newfile_box .txt .cmt{ white-space: normal} 	
	.newfile_box .txt{ padding:50px 20px 10px 20px} 
	.upload_wrap.mgt10{ margin-top: 0 !important} 
	.view_bx .newfile_box .list{ padding:20px 0px} 
}

@media only screen and (max-width:767px){
	.new2021-container .search-field-wrapper{ font-size: 0; margin-bottom: 10px} 
	.new2021-container .search-field-wrapper select{ width: calc(35% - 5px)} 
	.new2021-container .search-field-wrapper select + input[type='text']{ width: calc(100% - 35%); margin-left: 5px;} 
	
	.sching_bx.fr, .mylist.fl{ float: none !important; margin-bottom: 10px} 
	.new2021-container .nodata{ font-size: 15px} 
	.new2021-container .discus_list h4{ padding-left: 0px; padding-right: 10px; background: none; font-size: 15px} 
	.new2021-container .discus_list .thumtxt{padding-left: 50px; padding-right: 10px; font-size: 1rem}

	
	.new2021-container .discus_list .etc{ padding-left: 10px; padding-right: 10px; margin-top: 94px} 
	
	.new2021-container .discus_list .type, .new2021-container .discus_view .type{ left: 10px} 
	.new2021-container .discus_list .etc p{ padding-right: 10px; max-width: none; white-space: nowrap; vertical-align: middle} 
	.new2021-container .discus_list .etc p.writer{ max-width:105px;overflow: hidden;text-overflow: ellipsis; font-size: 13px} 
	.new2021-container .discus_list > a{ display: block;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none} 
	.reply_bx .input .count{ background: 	rgba(0,0,0,0.06); padding-top:4px; padding-bottom: 2px; border-top: 1px solid #ddd}
	.reply_bx .input textarea, .reply_bx .reply_list li .reply_cont.edit textarea{ height: 120px} 
	.reply_bx .input, .reply_bx .write_area .btn_box{ width: 	100%; float: none}
	.reply_bx .write_area .btn_box, .reply_bx .reply_list li .reply_cont.edit .btn_box{ height: auto} 
	
	.reply_bx .input, .reply_bx .reply_list li .input{ margin-bottom: 10px} 
	.reply_bx .write_area .btn_box button{ padding-top: 0; padding-bottom: 0; } 
	.reply_bx .reply_list li.edit .reply_cont{ display: none} 	
	.reply_bx .reply_list li.edit .reply_cont.edit{ position: relative; height: auto; min-height: 155px; padding: 0 } 
	.reply_bx .reply_list li .reply_cont.edit textarea{} 
	.reply_bx .reply_list li .reply_cont.edit .btn_box{ font-size: 0} 
	.reply_bx .reply_list li .reply_cont.edit .btn_box button{ width: calc(50% - 5px) !important; height: auto; margin: 0; border-radius: 0; vertical-align: middle;font-size: 1rem;padding: 10px 10px;border-radius: 5px;} 
	.reply_bx .reply_list li .reply_cont.edit .btn_box button + button{ margin-left: 10px} 	
	
	.instructor-dashboard-content-2 #student_admin .action-type-container input[type="button"], .instructor-dashboard-content-2 #data_download .action-type-container input[type="button"]{ margin-bottom: 1px; margin-right: 1px} 
	.instructor-dashboard-wrapper-2 section.idash-section#send_email .list-fields .field .email-targets-primary{ display: block; width: 100%} 
	.instructor-dashboard-wrapper-2 section.idash-section#send_email .list-fields .field .email-targets-primary li{ width: auto; display: block; clear: both; float: none} 
	.instructor-dashboard-wrapper-2 #certificates .certificates-wrapper > div{ font-size: 1rem} 
	.instructor-dashboard-wrapper-2 .customBrowseBtn .enhanced-input-file{ width: 200px} 
	.instructor-dashboard-wrapper-2 .customBrowseBtn .file-browse .browse{ margin-left: 150px} 
	.instructor-dashboard-wrapper-2 .customBrowseBtn .file-browse .file_field{ width: 100%; height: 34px} 
	.instructor-dashboard-wrapper-2 section.idash-section#certificates .notes-field{ width: 100%} 
}


/* 그외 기타 */
h2 {}
.course-message .message-content .message-header span.date{ border: none; } 
.course-message .message-content .message-header span.date:before{ display: none} 
.course-info .details .inner-wrapper .faq .responses{ float: none}
.course-info .details .inner-wrapper section + section.faq { margin-top: 30px} 
.course-info .details .inner-wrapper .faq h2{ padding-top: 0; margin-top: 0} 
.wiki-wrapper section.wiki .article-functions .timestamp .date{ border: none; border-radius: none; line-height: inherit} 
.wiki-wrapper section.wiki .article-functions .timestamp .date:before{ display: none} 

.wiki-wrapper section.wiki .btn, .wiki-wrapper section.wiki a.btn{padding: 0px 10px !important;  border-radius: 5px;background: #fff !important;color: #0069d9 !important;   line-height: 35px;height: 35px; font-weight: 400 !important; box-shadow: none!important} 


.wiki-wrapper section.wiki .breadcrumbs-header a.btn{ border: 1px solid #0069d9 !important;font-size: 14px;padding: 0px 10px !important;  border-radius: 5px;background: #fff !important;color: #0069d9 !important;   line-height: 35px;height: 35px; font-weight: 400 !important; box-shadow: none!important} 

.wiki-wrapper section.wiki .form-actions{ border-top: 1px solid #ddd; padding: 30px 0} 
.wiki-wrapper section.wiki .form-actions .btn{color: #252525 !important;background: #fff !important;border: 1px solid rgba(104, 115, 143,0.5) !important;box-shadow: none !important;margin: 0 5px;width: 190px;height: 45px;  line-height: 45px;border-radius: 0px;font-size: 1.052rem; padding: 0 !important; text-shadow: none !important; text-align: center !important; vertical-align: top} 


.wiki-wrapper section.wiki .form-actions .btn.btn-primary{ background: rgb(0,105,217) !important;color: #fff !important;border-color: rgb(0,105,217)!important;} 

.wiki-wrapper section.wiki .breadcrumbs-header{ background: none; border: none; padding: 0; margin-bottom: 20px } 
.wiki-wrapper section.wiki .breadcrumb{ margin-left: 0; } 
.wiki-wrapper section.wiki .breadcrumb li{ margin-right: 0;} 
.wiki-wrapper section.wiki .breadcrumb li a{ color: #313131; font-size: 13px;; line-height: 34px} 
.wiki-wrapper section.wiki .breadcrumb li::after{ display: none} 

.wiki-wrapper section.wiki .breadcrumb li + li:before{font: normal normal normal 14px/1 FontAwesome ;font-size: inherit;
text-rendering: auto;-webkit-font-smoothing: antialiased; display: inline-block; margin-left: 10px; margin-right:10px; color: #313131;content: "\f105"; vertical-align: middle; float: left; line-height: 34px !important} 


.wiki-wrapper section.wiki .article-wrapper{ border-top: 1px solid #222}
.wiki-wrapper section.wiki.view .main-article h3{ margin-top: 0; line-height: 1.6;padding: 0 0 20px 0;font-size: 22px; color: #445a9c;    font-weight: bold;min-height: 42px;} 
.wiki-wrapper section.wiki .entry-title{ border-bottom: 1px solid #222} 
body.view-in-course .container > div.wiki-wrapper{ border: none; padding: 0; margin-top: -30px; box-shadow: none} 
.wiki-wrapper section.wiki .main-article{ padding-left: 0; padding-top: 20px} 
.wiki-wrapper section.wiki .article-functions{ padding-right: 0; float: right} 
.wiki-wrapper section.wiki .global-functions.pull-right{ margin-right: 0} 
.wiki-wrapper section.wiki label.control-label{ font-size: 1rem; line-height: 1.6} 
.wiki-wrapper section.wiki #hint_id_content{ top:0} 
.wiki-wrapper .CodeMirror-code{ font-size: 1rem} 
.wiki-wrapper section.wiki .settings-form label.control-label{ display: inline-block; margin-right: 15px} 
.wiki-wrapper section.wiki .settings-form label.control-label + div, .wiki-wrapper section.wiki .settings-form label.control-label + div.controls p{ display: inline-block} 



@media only screen and (max-width: 1290px){	
	body.view-in-course .container > div.wiki-wrapper{ padding-left: 20px; padding-right: 20px} 
	
	.wiki-wrapper section.wiki .form-actions .btn{ width: auto;padding: 0 10px !important; margin-top: 1px; margin-bottom: 1px} 
	.wiki-wrapper section.wiki .main-article, .wiki-wrapper section.wiki .article-functions{ display: block; float: none; width: 100%; padding: 0 } 
	.wiki-wrapper section.wiki #hint_id_content{ position: relative; right: auto; top: auto; text-align: left;} 
	.wiki-wrapper section.wiki #hint_id_summary{ display: block; margin-left: 0} 
	.wiki-wrapper section.wiki .main-article{ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc} 
	.wiki-wrapper section.wiki .form-actions .btn.pull-right{ float: none} 
	.wiki-wrapper .page-header{ padding: 0} 
	
	
}


/* 본인인증 아이프레임*/
#auth_iframe{ width: 100%; border: none; min-height: 300px} 
.iframe_verify{ } 
.iframe_verify .verify_bx{ display: none; padding-bottom: 30px} 
.iframe_verify center{ padding-top:30px} 
.iframe_verify  a.add {margin: 0 5px;border: 1px solid rgb(0,105,217);box-shadow: none; background: rgb(0,105,217);color: #fff !important; min-width: inherit;padding: 0;height: 50px;width: 50px;border-radius: 100%;display: inline-block;line-height: 0;position: relative;margin-top: 15px;}



/* 기타 */
.xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window{ background: #fff}

.course-bookmarks .bookmarks-results-list .list-item-right-section{ bottom:0} 
.course-bookmarks .pagination .nav-link{ padding: 0}
.course-bookmarks  .pagination .nav-label,.course-bookmarks  .pagination .pagination-form .page-number-label, .course-bookmarks .pagination .pagination-form .submit-pagination-form, .course-bookmarks .pagination span.sr{position: absolute; width: 1px; height: 1px; margin: 0; min-width: auto; padding: 0} 
.course-bookmarks  .pagination span:first-child, .course-bookmarks  .pagination span:last-child{ margin: 0; line-height: 40px !important} 
.course-bookmarks .pagination .nav-item{margin: 0; line-height: 40px}
.course-bookmarks .pagination .current-page, .course-bookmarks .pagination .page-number-input, .course-bookmarks .pagination .total-pages{  width: 50px;margin: 0 15px;padding: 0px; text-indent: 0;} 
.course-bookmarks .pagination .page-divider{ padding: 0; min-width: auto; color: #999 !important; font-weight: 400; font-size: 1rem} 
.course-bookmarks .pagination span.total-pages{ color: #313131 !important; font-weight: 400; } 
.course-bookmarks .pagination span.total-pages:before{ display: none} 
.pagination .pagination-form .page-number-input:focus{ box-shadow: none; border: 1px solid #0069d9} 
@media only screen and (max-width: 1023px){	
    .wiki-wrapper section.wiki .modal{ max-width: 100%; min-height: auto; height: 100%}
    .wiki-wrapper section.wiki .modal iframe{ min-height: 140px; height: 100%} 
    .wiki-wrapper section.wiki .modal .inner-wrapper{ height: 100%} 
    .wiki-wrapper section.wiki .modal .modal-body{height: calc(100% - 150px);}    
}
@media only screen and (max-width: 767px){	
    .wiki-wrapper section.wiki .global-functions.pull-right, .wiki-wrapper section.wiki .breadcrumb{ float: none; clear: both; overflow: hidden} 
    .wiki-wrapper section.wiki .breadcrumbs-header{ height: auto; overflow: hidden} 
    .wiki-wrapper section.wiki .breadcrumbs-header a.btn.add-article-btn{ margin-left: 0} 
}




/* 러닝패스 추가 */
.dashboard .main-container .my-courses .wrapper-header-courses .tab_bx{ display: flex; position: relative; margin:10px 0 20px 0; height: 50px; overflow: hidden } 
.dashboard .main-container .my-courses .wrapper-header-courses .tab_bx:before{content: '';  position: absolute;bottom: 0;left: 0;right: 0;    height: 1px;background-color: #000;} 
.dashboard .main-container .my-courses .wrapper-header-courses .tab_bx a{position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 20%; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; display: block;padding: 12px 25px; height: 50px; overflow: hidden; min-width:120px; font-size: 1.2rem; text-align: center}
.dashboard .main-container .my-courses .wrapper-header-courses .tab_bx a.active{border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 700; color:#000} 
.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .course-title{ padding: 25px 30px}
.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .course-title + p.dotdot{ padding:35px 30px 0px 30px; color: #6a737b;width: calc(100% - 250px); float: left; margin-bottom: -15px}
.course-item div.info-course{ display: inline-flex !important; align-items: center; margin-top: 20px} 
.course-item div.info-course .chart{ height: 10px; background:#f4f9ff;    overflow: hidden;border-radius: 10px; width: 100px; border: 1px solid rgba(0,105,217,1);font-size: 0;    line-height: 0;} 
.course-item div.info-course .chart .bar{ display: block; width: 100%; height: 100%; background:rgba(0,105,217,1);border-radius:0 10px 10px 0;} 
.course-item div.info-course .chart + p{ margin-left: 15px; font-weight: 400; font-size: 0.95rem} 
.course-item div.info-course .chart + p strong{ font-size: 1rem; font-weight: 500} 
.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .wrapper-course-actions a.action-del{ border-color: #888 !important; color: #888 !important; height: 47px} 
.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .wrapper-course-actions{ margin-top: -25px} 
.course-info.learning-info { background: #f3f4f9; padding: 30px 0 30px 0;}
.learning-info .course-header { width: 100%; max-width: 1260px; margin: 0 auto;  display: block; overflow: hidden}

.learning-info .course-header .course-name {  color: #313131;margin: 0;letter-spacing: 0;text-align: left;text-shadow: 0 1px rgb(255 255 255 / 60%);  font-weight: 500;font-size: 24px;padding-bottom: 10px;float: left;width: calc(100% - 270px);}
.learning-info .course-header .course_txt{ font-size: 1rem;float: left;width: calc(100% - 270px); min-height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word; -webkit-line-clamp:2; } 
.learning-info .course-header .bt_bx{font-size: 1rem;float: left;width: calc(100% - 270px); margin-top: 20px; padding-bottom: 1px} 
.learning-info .course-header .bt_bx button{display: inline-block;background: #fff !important;padding:0px 20px 0px 20px;border-radius: 22px;border: 1px solid #6a737b ;  color: #6a737b ; font-size: 1rem; line-height: 45px; box-shadow: none !important}
.learning-info .course-header .bt_bx button:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 18px; vertical-align: middle; content:"\ED3B"; vertical-align: middle; padding-right: 5px} 
.learning-info .course-header .bt_bx button.bt_class:before{content:"\EDD9"}
.learning-info .course-header .bt_bx button.bt_dv:before{content:"\EEBA"}

.learning-info .course-header .bt_bx button+button{ margin-left: 10px} 
.learning-info .chart{ height: 10px; background:#f4f9ff;    overflow: hidden;border-radius: 10px; width: 100%; border: 1px solid rgba(0,105,217,1) ;font-size: 0;line-height: 0;} 
.learning-info .chart .bar{ display: block; width: 100%; height: 100%; background:rgba(0,105,217,1);border-radius:0 10px 10px 0;} 
.learning-info dl.progress{ font-size: 1rem; height: auto; flex-wrap: wrap; border-radius: 0; background: none} 
.learning-info .lecnum_bx{  position: absolute; right: 0; top:25px; width: 230px; background: #fff; border-radius: 10px; padding: 20px } 
.learning-info .course-header { display: flex; flex-wrap: wrap; position: relative} 
.learning-info dl.progress dt, .learning-info .lecnum_bx p.total{ font-weight: 500; position: relative; padding-left: 18px; margin-bottom: 5px} 
.learning-info dl.progress dt:before, .learning-info .lecnum_bx p.total:before{ content: ""; display: block; width: 4px; height: 4px; border-radius: 100%; background: #313131; position: absolute; left: 0; top: 10px} 
.learning-info dl.progress dd{ padding-left: 18px} 
.learning-info dl.progress dd .chart + p{  font-weight: 200; font-size: 0.95rem; margin-top: 5px; color: #000; font-weight: 500} 
.learning-info dl.progress dd .chart + p strong{ font-size: 1rem; font-weight: 500; color:rgba(0,105,217,1)} 

/**/
.learning_list{width: 100%;  max-width: 1260px; margin: 0 auto; padding: 30px 0;position: relative;}
.pass_courses h3{font-size: 1.466rem;  line-height: 35px;    font-weight: 700;    color: #2D2F39;    letter-spacing: -0.5px;    margin-bottom: 10px;} 
.pass_courses h3 span{ font-weight: 200; font-size: 1.2rem} 
.pass_courses h3.course-title a{padding: 0;line-height: 1.5; font-size: 1.285rem; word-break: keep-all; margin: 0;font-weight: 500; color: #000  } 
.pass_courses  .wrapper-header-courses{ margin: 0 0 20px 0; border: none;width: 100%; display: block} 
.pass_courses .wrapper-header-courses:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.pass_courses .wrapper-header-courses .header-courses{ display: block;width: 100%;font-weight: normal;font-size: 2rem;    line-height: 35px;color: #000;letter-spacing: -1px;    padding: 0px 0 0px; text-align: left; font-weight: 700 } 
.pass_courses .wrapper-header-courses p{ float: left; line-height: 34px} 
.my-courses .lec_align{text-align: left;margin: 0px 0 ; float: right  } 
.pass_courses .listing-courses .course-item{ padding: 0; margin: 0;overflow: hidden; margin-bottom: 20px } 
.pass_courses .course .details .wrapper-course-details{display: flex;  padding: 0;    margin:0px;    justify-content: space-between;overflow: hidden;    background: #f7f7f7; flex-wrap: wrap}
.pass_courses .course .details .wrapper-course-details .course-title{line-height: 1.5; font-size:18px; word-break: keep-all; margin-bottom: 0; font-weight:500; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap:break-word; -webkit-line-clamp:3; color: #000; text-align: left; vertical-align: top;padding:25px 30px; background: #fff; width: 100%} 
.pass_courses .course .details .wrapper-course-details .course-title a{padding: 0;line-height: 1.5; font-size: 1.285rem; word-break: keep-all; margin: 0;font-weight: 500; color: #000  }
.pass_courses .listing-courses  .course-item .course-container{padding:0; overflow: hidden; position: relative; margin-bottom: 0px ;background: #fff;border-radius: 5px; border: none; border-radius: 0; border: 1px solid #ddd; border-radius: 7px} 
.pass_courses .listing-courses .course-item:nth-of-type(2n) .course-container{ border-color: #bbb}
.pass_courses .listing-courses  .course-item .course-container .course-info {vertical-align: top;float: left; width: calc(100% - 250px);    padding: 15px 0 15px 30px;}
.pass_courses .listing-courses  .course-item .course-container .course-info [class*="info-"]{font-size: 1rem;  color: #6a737b;  margin-right: 40px;
padding-left: 12px;position: relative;min-width: 280px;display: inline-block;    line-height: 20.72px;}
.pass_courses .listing-courses  .course-item .course-container .course-info [class*="info-"]:before{ content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #666; left: 0; top: 8px} 
.pass_courses .listing-courses  .course-item .course-container .course-info [class*="info-"] strong{ font-weight: 500}
.pass_courses .listing-courses  .course-item .course-container .wrapper-course-actions {vertical-align: top;float: right;width: 200px;margin-top:30px;margin-right: 30px;padding-bottom: 15px;}
.pass_courses .listing-courses  .course-item .course-container .wrapper-course-actions .course-actions a{display: block;  width: 100%;border: 1px solid #000;float: none !important;margin: 0 !important;font-size: 1.0666rem !important;width: 100% !important;border-radius: 0 !important;    padding: 0 12px !important;font-weight: 400 !important;background: #fff;line-height: 47px !important;min-width: 40px;text-align: center;}
.pass_courses .listing-courses  .course-item .course-container .wrapper-course-actions .course-actions a.enter-course {background: rgba(0,105,217,1) !important;border: none !important;color: #fff !important;}
/**/
.learning_list .tab_bx{padding: 0;font-size: 0; line-height: 1;    border-bottom: 1px solid #c8c8c8; height: 44px; margin-bottom: 30px } 
.learning_list .tab_bx a{float: left;    font-size: 0.95rem;    color: #9ba3ae;    margin-right: -1px;    margin-bottom: -1px;padding: 14px 20px;    border-radius: 6px 6px 0 0;     border: 1px solid #ddd !important;border-bottom-color: #c8c8c8 !important;    position: relative;
    z-index: 1; height: 44px}
.learning_list .tab_bx a.active{border: 1px solid #0075b4 !important;   z-index: 2;    background: #0075b4 !important;    color: #fff;}
/* 팝업 */
.layer_wrap.job .layer_box, .layer_wrap.class .layer_box{ width:700px; max-width: 90%} 
.layer_wrap.dvresult .layer_box{ width:1200px; max-width: 90%} 

/**/
.layer_wrap.class .class_bx{ margin-top:0px; background: #fff; padding:10px 15px; min-height: calc(100% - 180px); display: flex; flex-wrap: wrap; flex-direction: column} 
.layer_wrap.class .class_bx > h3, .layer_wrap.class .class_bx >div{width: 100%;  max-width: 1260px; margin: 0 auto; }
.layer_wrap.class .class_bx > h3{color: #313131;letter-spacing: 0;text-align: left;text-shadow: 0 1px rgb(255 255 255 / 60%);font-weight: 500;font-size: 1.36rem;padding-bottom: 10px;font-weight: 400;width: 100%;  max-width: 1260px;  word-break: break-all}
.layer_wrap.class .class_bx > h3 strong{ font-weight: 700; color: #0069d9} 
.layer_wrap.class .class_bx .class{ border-top: 1px solid #222; padding: 15px 0}

.layer_wrap.class .class_bx .class h4 {flex: 0 1 100%;margin-bottom: 15px;font-weight: 200; color: #2D2F39;    font-size: 1rem; word-break: break-all}
.layer_wrap.class .class_bx .class h4 strong{ font-weight: 700;font-size: 1.266rem;} 
.layer_wrap.class .class_bx .class em{ font-style: normal; display: block; padding-bottom: 10px; font-size: 1.08rem; font-weight: 500; color:#6a737b; border-bottom: 1px solid #ddd} 
.layer_wrap.class .class_bx .class em:before{content: "\EAD9";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: top; padding-right: 5px}
.layer_wrap.class .class_bx .class dl{ padding: 0; margin: 0 } 
.layer_wrap.class .class_bx .class > dl:last-of-type{ border-bottom: none} 
.layer_wrap.class .ui-accordion.class_bx .ui-accordion-header{ border: none; background: #fff ;font-size: 1rem;font-weight: 400;   color: #313131;    display: block;margin: 0;padding-left: 18px;    padding: 12px 0; padding-left: 0px;    position: relative;}
.layer_wrap.class .ui-accordion.class_bx .ui-accordion-content{ list-style-type: none; border: none !important;border-top: 1px solid #e7e7e7 !important; }
.layer_wrap.class .class_bx .ui-state-active, .layer_wrap.class .class_bx .ui-widget-content .ui-state-active,.layer_wrap.class .class_bx .ui-widget-header .ui-state-active,.layer_wrap.class .class_bx a.ui-button:active,.layer_wrap.class .class_bx .ui-button:active, .layer_wrap.class .class_bx .ui-button.ui-state-active:hover{ color:#0069d9 !important; font-weight: 500 !important } 
.layer_wrap.class .ui-accordion.class_bx .ui-accordion-content{ font-size: 0.95rem; color: #6a737b; line-height: 1.6; padding: 15px 30px}

.layer_wrap.class .class_bx .ui-icon, .layer_wrap.class .class_bx .ui-widget-content .ui-icon{ position: relative; background: none; width: 30px; margin-top: 0; display: inline-block; left: auto; top: auto  } 
.layer_wrap.class .class_bx .ui-icon:before, .layer_wrap.class .class_bx .ui-widget-content .ui-icon:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;vertical-align: middle;content:"\EA4D"; padding-right: 5px; color: #313131; font-size: 1rem !important; position: absolute; left: 0; top: -5px; color: #000; text-indent: 0; display: block !important; } 
.layer_wrap.class .class_bx .ui-state-active .ui-icon:before, .layer_wrap.class .class_bx .ui-button:active .ui-icon:before { content: "\EA77"; color: #0069d9}
.layer_wrap.class .class_bx dt[data-enabled="false"] .ui-icon:before{ content:"" ; width: 8px; height: 2px; background: #000; left:3px; top: 5px } 
.layer_wrap.class .class_bx .ui-state-active[data-enabled="false"] .ui-icon:before { background:  #0069d9}



.layer_wrap.class .class_bx .class em{ font-style: normal; display: block; padding-bottom: 10px; font-size: 1.12rem; font-weight: 700; color:#6a737b; border-bottom: 1px solid #ddd} 
.layer_wrap.class .class_bx .class em:before{content: "\EAD9";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: top; padding-right: 5px}

.layer_wrap.class .class_bx .class dl + dl{ margin-top: 20px} 
.layer_wrap.class .class_bx .class dl dt{font-style: normal; display: block; padding-bottom: 5px; font-size: 1.06rem; font-weight: 500; color:#6a737b; display: flex; align-items: center } 
.layer_wrap.class .class_bx .class dl dt:before{content: "";width: 5px; height: 5px; background: #6a737b; border-radius: 100%; margin-right: 5px; }

.layer_wrap.class .class_bx .class dl dd{list-style-type: none; border: none;border: 1px solid #e7e7e7; font-weight: 400 !important;font-size: 0.95rem; color: #6a737b; line-height: 1.6; padding: 15px 15px; background: #f7f7f7 }
.layer_wrap.class .class_bx .class dl dd span{ display: block} 













/**/
/* 결과 */

.dvresult_bx div.result_w{ padding:10px 30px 30px 30px; position: relative; margin: 0 auto; text-align: center }  
.dvresult_bx div.result_w .result{ text-align: center; margin-bottom: 10px} 
.dvresult_bx div.result_w .grade_bx{ width: 100%; max-width:1260px; margin: 0 auto; display: flex; text-align: left; justify-content: center;align-items: center; } 
.dvresult_bx div.result_w .grade_bx .result{ text-align: left;font-size: 1.005rem; margin-bottom: 0} 
.dvresult_bx div.result_w .result > span{ display:  inline-block; margin:3px auto; font-size: 1.25rem; font-weight: 200} 
.dvresult_bx div.result_w .grade_bx p > span{ display: block;font-size: 1.05rem;} 
.dvresult_bx div.result_w .result > span.result{ display: block} 
.dvresult_bx div.result_w .result > span > strong{ font-weight: 400; color:#68738f;} 
.dvresult_bx div.result_w .result > span.result > strong, .dvresult_bx div.result_w .grade_bx .result > span > strong{ font-weight:500; color: #fff; background:#68738f; padding: 2px 12px; display: inline-block; margin-right:5px; border-radius: 30px 0 30px 0}


/**/


.dvresult_bx div.result_w .result > span > strong{color:#edaf3a} 
.dvresult_bx div.result_w .grade_bx .result > span > strong{ background: #edaf3a; color: #fff} 
.dvresult_bx .cunsult_bx{ border: 1px solid #ddd; background: #fff; display: table; margin: 0 auto; padding: 25px 50px; text-align: left; margin-top:20px; border-radius: 20px; max-width: 1260px } 
.dvresult_bx .cunsult_bx p{ font-size: 1.005rem} 
.dvresult_bx .cunsult_bx p>span{font-size: 1.103rem; font-weight: 500; padding-bottom: 5px; display: inline-block}  
.dvresult_bx .cunsult_bx p strong{  color:rgb(0,105,217);} 
.dvresult_bx .cunsult_bx ul{ padding-top:  10px; padding-left: 10px}
.dvresult_bx .cunsult_bx li{ position: relative; padding-left: 10px; color: #68738f} 
.dvresult_bx .cunsult_bx li:before{ content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #68738f; border-radius: 100%; display: block} 
.dvresult_bx .grade_bx .chart{ margin-left: 60px; border-radius: 8px; background: #f5f6fa; padding: 3px 5px 10px 5px } 
.dvresult_bx .chart rect[stroke-opacity], .dvresult_bx .chart rect[fill-opacity]{stroke-width:0 !important;}

.dvresult_bx .matrix_bx,  .dvresult_bx .power_bx{ display: flex; justify-content:space-around; margin: 0 auto; flex-wrap: wrap;width: 100%; max-width:1260px; padding: 30px 30px; background: #f3f4f9} 
.dvresult_bx .power_bx{ padding-top:15px} 
.dvresult_bx .matrix_bx h3, .dvresult_bx .power_bx h3{ flex:0 1 100%; margin-bottom: 15px; font-size: 1.32rem; font-weight: 500; text-align: center } 
.dvresult_bx .matrix_bx .chart{ flex:0 1 400px  } 
.dvresult_bx .matrix_bx .data{ flex:2 1 400px; margin-left: 60px } 
.dvresult_bx .matrix_bx .data table{ border-top-color: #313131; border-bottom: 1px solid #d2d6e1}
.dvresult_bx .matrix_bx .data table thead th{ border-bottom-color: #313131}
.dvresult_bx .matrix_bx .data table tbody th{ border-right: 1px solid #ddd} 
.dvresult_bx .power_bx .chart{ width: 90%; margin-left: -10% } 

.trytest_bx.job_bx{ margin: 30px 0px 0 0; text-align: center;color:rgb(106, 115, 123); padding:20px 20px;background: #fff;  border-radius: 0; position:relative; overflow:hidden} 

.trytest_bx.job_bx:before, .trytest_bx.job_bx:after{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\F1F8"; position:absolute; left:15%; top:-30px; font-size:120px; opacity:0.081; line-height:1 }
.trytest_bx.job_bx:after{ left:auto; right:5%; bottom:-50px; top:auto;font-size:180px; color: #edaf3a; opacity:0.08;content:"\EBAC"; } 
.trytest_bx.job_bx button.bt_it{ min-width: 260px; height: 55px;background:#68738f !important;    border-radius: 5px; color: #fff; font-size: 1rem} 


/**/
.analsys_bx{ }
.analsys_bx .result_w > span{display: inline-block;  margin: 3px auto;font-size: 1.06rem;font-weight:400;} 
.analsys_bx .result_w strong {font-weight: 400;color: #68738f;}

.analsys_bx .result_w p.result {display: block;}
.analsys_bx .result_w .result strong, .analsys_bx .result_w .result em  {font-weight: 500;color: #fff;background: #f9b231;padding: 2px 12px;display: inline-block;margin-right: 5px;border-radius: 30px 0 30px 0; font-size: 1.5rem}
.analsys_bx .result_w .result em{background:#fff; color:  #000; font-style: normal; padding: 2px 0; margin: 0; font-weight: 700 }
.analsys_bx .result_w p.result > span{ display: inline-block; } 



.analsys_bx h3{font-size: 1.466rem;line-height: 35px;font-weight: 700;color: #2D2F39;letter-spacing: -0.5px;margin-bottom: 10px;}
.analsys_bx  h3 span {font-weight: 200;font-size: 1.2rem;}
.analsys_bx .total_bx{ display: flex; justify-content: space-around;align-items: center; border: 1px solid #ddd; margin-bottom: 30px; padding: 0 0px 0 30px} 
.analsys_bx .total_bx .chart_bx{ display: flex; margin-left: 40px} 
.analsys_bx .total_bx .chart_box{ width: 200px; margin: 0 auto; position: relative} 
.dashbd .group h4{ border-bottom: 1px solid #ddd; line-height: 60px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; margin-bottom: 20px } 
.analsys_bx .total_bx .total{ position: absolute; left:50%; top: 50%;width: 200px;  transform: translate(-50%,-50%); text-align: center;  font-size: 1rem; font-weight:400; line-height: 1.3} 
.analsys_bx .total_bx .total > strong{ display: block; font-weight: 700; font-size: 18px; color: #f9b231 } 
.analsys_bx .total_bx .total > strong span{ font-size: 0.95rem; font-weight: 200; color: #000}

.analsys_bx .part_bx{ display: flex; flex-wrap: wrap;} 
.analsys_bx .part_bx h3{ flex-basis: 100%; flex-grow: 1} 

.analsys_bx .part_bx .chart_box{ border: 1px solid #ddd; display: flex; flex-direction: column-reverse;    justify-content: flex-end; background: #f3f4f9;   margin-bottom: 10px; margin-left:1%; flex: 0 0 32.5%} 
.analsys_bx .part_bx .chart_box:nth-of-type(3n+1){ margin-left: 0} 


.analsys_bx .part_bx .chart_box .chart{ height: 120px; background: #fff; width: 100%} 
.analsys_bx .part_bx .chart_box .tit{  flex-basis: calc(100% - 120px ); padding: 20px; text-align: center; flex-grow: 2; display: flex; justify-content: center;    align-items: center;} 
/*
.dashboard .main-container .my-courses .listing-courses .course .details .wrapper-course-details .course-info{ display: flex; align-items: center; margin-top: 20px}
.dashboard .main-container .my-courses .listing-courses .course .details .wrapper-course-details .course-info [class*="info-"]{ margin-top: 0; min-width: auto;  flex: 1; flex-basis: auto; margin-right: 0} 
*/




@media only screen and (max-width:1310px){	
	.course-info.learning-info, .learning_list{ padding-left: 20px; padding-right: 20px}
}
@media only screen and (max-width:1023px){	
	.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .course-title + p.dotdot{ width: 100%; }
	.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details p.dotdot + .course-info{ display: flex; padding-top: 20px} 
	.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .wrapper-course-actions{ margin-top: 0} 
	.pass_courses .listing-courses .course-item .course-container .course-info [class*="info-"] {   margin-top: 5px !important;  margin-bottom: 5px;}
	.analsys_bx .total_bx{ padding-right: 30px} 
	.analsys_bx .total_bx .chart_bx{ margin-left: 30px} 
	.analsys_bx .total_bx .chart_box{ width: 160px} 
    .learning-info .course-header .bt_bx button+button{ margin-left: 0px} 
}

@media only screen and (max-width: 767px){
	.pass_courses .course .details .wrapper-course-details .course-title,.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .course-title{padding: 10px 10px 10px 10px;text-overflow: unset;-webkit-box-orient: unset;}
	.pass_courses .listing-courses .course-item .course-container .course-info,.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .course-info{ padding: 10px; flex-wrap: wrap} 
	.pass_courses .listing-courses .course-item .course-container .course-info [class*="info-"],.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .course-info [class*="info-"]{    word-break: break-all;min-width: inherit;margin-right: 15px; flex-basis: auto}
	.pass_courses .listing-courses .course-item .course-container .course-info{ float: none; width: 100%} 	
	.pass_courses p + p{ margin-top: 0} 	
	.course-item div.info-course .chart{ width: 80px} 	
	.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details .course-title + p.dotdot{ padding:15px 10px 10px 10px; }
	.dashboard .main-container .my-courses .pass_courses .course .details .wrapper-course-details p.dotdot + .course-info{ padding-top: 5px} 	
	
	/*.learning_list .btn_bottom{ flex-wrap: wrap; padding-bottom: 40px} 
	.learning_list .btn_bottom button{ width: 100%} 
	.learning_list .btn_bottom button + button{ margin-top: 5px !important} */	
	
	.summary_bx .course-header,.learning-info .course-header{ flex-wrap: wrap; padding-left: 0; min-height: auto}
	.summary_bx .course-header .course-name, .summary_bx .course-header .course_txt,.learning-info .course-header .course-name,.learning-info .course-header .course_txt,.learning-info .course-header .bt_bx{ width: 100%} 
	.summary_bx .lecnum_bx,.learning-info .lecnum_bx{ position: relative; top: auto; right: auto; width: 100%} 
	.summary_bx .course-header .course_txt, .learning-info .course-header .course_txt{ min-height: 36px; margin-bottom: 10px} 
	.summary_bx .course-header:before{ display: none} 
	.learning-info .course-header .bt_bx{ display: flex; margin:0 0 10px 0 }
	.learning-info .course-header .bt_bx button{ padding: 10px 10px; line-height: 1; display: flex; flex-wrap: wrap; justify-content: center;align-items: center; flex-basis: 30%; flex-grow: 1} 
	.learning-info .course-header .bt_bx button+button{ margin-left: 5px} 
	.learning-info .course-header .bt_bx button:before{  display: none} 
	.learning-info dl.progress{ flex-direction: row ;    align-items: center;} 
	.learning-info dl.progress dt{ margin-bottom: 0} 
	.learning-info dl.progress dd { display: flex; flex-direction: row;  align-items: center;} 
	.learning-info dl.progress dd .chart{  width: 200px} 
	.learning-info dl.progress dd .chart + p{ margin-top: 0; margin-left: 10px} 
	.learning-info dl.progress dt:before, .learning-info .lecnum_bx p.total:before{ top: 6px} 
	.pass_courses .listing-courses{ margin-top: 0 !important} 
	.pass_courses .listing-courses .course-item .course-container .wrapper-course-actions{ float: none; margin: 0; padding: 0; width: 100%; text-align: center; font-size: 0;padding: 0 10px 10px 10px;} 
	
	.pass_courses .listing-courses .course-item .course-container .wrapper-course-actions .course-actions a{  width: 100% !important; display: inline-block; margin: 0 2px}
	/**/
	.dvresult_bx .grade_bx{ flex-wrap: wrap; margin-top: 10px} 
	.dvresult_bx div.result_w .grade_bx p > span{ font-size: 1.15rem; text-align: center}
	.dvresult_bx div.result_w .result > span{ margin-bottom: 0} 
	.dvresult_bx div.result_w p.result{ line-height: 1.3}
	.dvresult_bx .grade_bx .chart{ margin-left: 0; width: 100%; margin-top: 10px } 
	.dvresult_bx .cunsult_bx{ padding: 25px; margin-top: 20px} 
	.dvresult_bx .matrix_bx .data{ margin-left: 0; margin-top: 10px} 
	.dvresult_bx .matrix_bx, .power_bx{ padding: 30px 20px} 
	.dvresult_bx div.result_w{ padding-bottom: 	30px; padding-left: 0; padding-right: 0}
	.dvresult_bx .trytest_bx.job_bx{ margin: 0 20px; padding: 30px 0 0 0} 
	.dvresult_bx .trytest_bx.job_bx .btn_bottom button{min-width: auto; width: 100%; } 
	.trytest_bx.job_bx:before, .trytest_bx.job_bx:after{ display: none} 
	.dvresult_bx .matrix_bx, .dvresult_bx .power_bx{ padding: 20px} 
	.dvresult_bx .power_bx .chart{ width: 100%; margin-left: 0} 
	.trytest_bx.job_bx button.bt_it{ width: 100%; min-width: auto; height: 45px} 
	.analsys_bx .total_bx{ border: none; flex-wrap: wrap;padding: 0; margin-bottom: 0} 
	.analsys_bx .total_bx .chart_bx{ margin-left: 0; padding: 0 10px} 
	.analsys_bx .total_bx .chart_box{ width: 140px} 
	.analsys_bx .part_bx .chart_box{ margin-left: 0; flex-basis: 48%} 
	.analsys_bx .part_bx .chart_box:nth-of-type(2n+1){ margin-left: 0} 
	.analsys_bx .part_bx{ justify-content: space-between}
	
}

@media only screen and (max-width: 500px){	
	.learning-info .course-header .bt_bx button{ flex-direction: column} 
	.learning-info .course-header .bt_bx button:before{ margin-bottom: 5px} 
	.learning-info dl.progress dd { display: flex; flex-direction: column; } 
	.learning-info dl.progress dd .chart{  width: 100%; min-width: 140px} 
	.learning-info dl.progress{    align-items: baseline;} 
	.learning-info dl.progress dd .chart + p{ margin-left: 0; margin-top: 5px} 
	.analsys_bx .part_bx .chart_box{ flex-basis: 100%} 
	.analsys_bx .total_bx .chart_box{max-width: 46%} 
}

/** Micro Degress CSS */
/* Style the list container */
.mylec_container .micro-degree .micro-list {
    display: flex; /* Use flexbox layout */
    flex-wrap: wrap; /* Wrap items onto multiple lines */
    justify-content: center; /* Center the items horizontally */
    align-items: center; /* Center the items vertically */
    margin: 30px auto; /* Add some margin and center the list */
    max-width: 1260px; /* Limit the width of the list */
    list-style: none; /* Remove the bullet points from the list */
    padding: 0; /* Remove any padding from the list */
}

/* Style the list items */
.mylec_container .micro-degree .micro-list .micro-item {
	width: calc(100% / 5 - 20px); /* Set a width for each item based on 6 items per row */
	height: 45px; /* Set a fixed height for each item */
	border-radius: 25px; /* Round the corners of each item */
	display: flex; /* Use flexbox layout */
	justify-content: center; /* Center the content horizontally within each item */
	align-items: center; /* Center the content vertically within each item */
	font-size: 15px; /* Increase font size for the text */
	font-weight: bold; /* Add bold font weight for the text */
	margin: 5px; /* Add some margin around each item */
	padding: 0 8px;
	text-align: center; /* Center the text horizontally and vertically within each item */
	line-height: 120px; /* Set the line height to match the item height */
	cursor: pointer;
	border: 1px solid #666666;
}

/* Style the text inside the list item */
.mylec_container .micro-degree .micro-list .micro-item > p {
	margin: 0; /* Remove any margin from the text */
	padding: 0; /* Remove any padding from the text */
	overflow: hidden; /* Hide any overflow text */
	text-overflow: ellipsis; /* Add ellipsis when text overflows the container */
	white-space: nowrap; /* Prevent text from wrapping */
}

.mylec_container .micro-degree .micro-course-title { padding: 15px 30px 15px 30px; background: #fff; border-bottom: 1px solid #dddddd; }
.mylec_container .micro-degree .micro-course-title a{ font-size: 19px; font-weight: 500; }

.micro-degree .course .details .micro-degree .course-info{
	position: relative;
}
.mylec_container .micro-degree .course-info .micro-course-text{ 
	font-size: 15px; 
	color: #6a737b;
	min-width: 280px; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.micro-degree .micro-content{
	position: absolute;
	top: 110px;
	right: 100px;
}

.micro-degree .micro-content_more-btn {
	appearance: none;
	border: 1px solid black;
	padding: 0.5em;
	border-radius: 0.25em;
	cursor: pointer;
	margin: 1rem;
  }

.micro-degree .micro-content_more-btn::before {
	content: '더보기▼';
}
  
.micro-degree .micro-content_more-btn:checked::before {
	content: '닫기';
}

.micro-degree .micro-course-text:has(+ .micro-content .micro-content_more-btn:checked) {
	-webkit-line-clamp:unset
}

.dashboard .main-container .micro-degree .course .details .course-info{ padding: 15px 0; }

.dashboard .main-container .micro-degree .course .details .course-info .micro-list-title{
	margin-left: 30px;
    margin-bottom: 10px;
    width: 200px;
    background: #0aa566;
    border-radius: 15px;
    color: #fff;
    text-align: center;
}

.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list{ 
	display: flex;
	justify-content: flex-start;
	max-width: 1200px;
	margin: 0 auto;
	flex-wrap: wrap;
	border: 1px solid #dddddd;
	border-radius: 15px;
	padding: 10px;
}
.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl{ 
	width: calc(100% / 4 - 80px);
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #6a737b;
    position: relative;
    overflow: hidden;
    background: #fff;
	margin: 10px;
	cursor: pointer;
}

/** 마이크로디그리  강좌 카드 */
.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl .dim{ 
	display: none;
}
.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl:hover .dim{ 
	display: flex;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
    height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	background: #52525273;
	position: absolute;
    font-size: 16px;
	color: #fff;
	text-align: center;
	align-items: center;
}

.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl > dt{ 
    color: #fff;
    letter-spacing: -1px;
    min-height: 125px;
	width: 100%;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl > dt:after{ 
	content: "";
}

.my-courses.micro-degree .listing-courses .course-item .course-container{
	border-color: #ddd !important;
}

.my-courses.micro-degree .listing-courses .course-item .wrapper-course-details.micro-degree .course-container .course-info{
	width: calc(100% - 160px) !important;
}

.my-courses.micro-degree .search_box{
	display: flex;
}

.my-courses.micro-degree .search_box .search_div{
	position: relative;
}

.my-courses.micro-degree .search_box .search_div .micro-search{
	box-shadow: none;
	position: absolute;
	top: 5px;
	right: 10px;
}

.my-courses.micro-degree .search_box .search_div .micro-search .fa-search:before{
	font-size: 23px;
}

.my-courses.micro-degree .course .details .wrapper-course-details.micro-degree .wrapper-course-actions{
	width: 120px;
}

.micro-degree .listing-courses .nodata{
	font-size: 20px;
	text-align: center;
}

@media screen and (max-width: 1260px){
	.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list{
		justify-content: center;
	}
	.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl{
		width: calc(100% / 4 - 30px) /* Set a width for each item based on 4 items per row */
	}

	.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl > dt{
		min-height: 160px;
	}

	.micro-degree .micro-content{
		display: none;
	}
}

/* Adjust item width for smaller screen sizes */
@media screen and (max-width: 1000px) {
	.mylec_container .micro-degree .micro-list .micro-item {
		width: calc(100% / 4 - 20px); /* Set a width for each item based on 4 items per row */
	}

	.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl{ 
		width: calc(100% / 4 - 50px);
	}
}

/* Adjust item width for even smaller screen sizes */
@media screen and (max-width: 640px) {
	.mylec_container .micro-degree .micro-list .micro-item {
		width: calc(100% / 2 - 20px); /* Set a width for each item based on 2 items per row */
	}

	.dashboard .main-container .micro-degree .course .details .course-info .micro-list-title{
		margin-left: 0px;
	}

	.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl{ 
		width: calc(100% / 2 - 80px);
	}
}

@media screen and (max-width: 320px){
	.dashboard .main-container .micro-degree .course .details .course-info .micro-course-list > dl{
		width: calc(100% / 1 - 20px); /* Set a width for each item based on 2 items per row */
	}
}

/** Micro Degree About Page CSS */
.micro_degree_about .micro_degree_name{
	font-size: 30px;
}

.micro_degree_about .progress_box{
	display: flex;
	justify-content: space-between;
	background: #efefef;
    border-radius: 15px;
    padding: 10px 10px 10px 30px;
    margin: 10px 0;
	font-size: 17px;
    line-height: 35px;
}

.micro_degree_about .progress_box .info_box .day_micro_degree .start_date{
	margin-right: 30px;
}

.micro_degree_about .progress_box .cert_box .micro_btn{
	display: flex;
	padding: 0px 10px;
    width: 160px;
	height: 100%;
	border-radius: 15px;
	border: none !important;
    color: #fff !important;
    font-size: 17px;
    justify-content: center;
	align-items: center;
    cursor: pointer;
}
.micro_degree_about .progress_box .cert_box .micro_btn.btn_cert_enroll{
	background: #ff000c;
}
.micro_degree_about .progress_box .cert_box .micro_btn.btn_cert{
	position: relative;
	background: #FFBE00 !important;
}

.micro_degree_about .progress_box .cert_box .micro_btn.btn_cert:after{
	position: absolute;
    right: 0px;
    top: 10px;
    font-size: 70px;
    line-height: 1;
    opacity: 0.5;
    color: #fff;
    font-family: "remixicon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EEEA";
}

.micro_degree_about .course .details .details_box .wrapper-course-details .course-title{
	padding: 10px 30px !important;
}

.micro_degree_about .listing-courses .course-item .course-container .details_box .course-info{
	width: calc(100% - 140px);
}

.micro_degree_about .listing-courses .course-item .course-container{
	border-color: #ddd !important;
}

.micro_degree_about .micro_degree_info{
	font-size: 18px;
}

.micro_degree_about .course .details .details_box{
	display: flex;
	align-items: center;
}

.micro_degree_about div .micro_chart{
	display: inline-block;
	height: 20px;
    background: #f4f9ff;
    overflow: hidden;
    border-radius: 5px;
    width: 300px;
	max-width: 100%;
    border: 1px solid rgba(0,105,217,1);
	vertical-align: middle;
}

.micro_degree_about div .micro_chart.info{
	width: 200px;
}

.micro_degree_about .course .details .details_box .compulsory-ico.red-btn{
	color: #fff;
	background: #ff4242;
    border-radius: 50%;
    padding: 5px;
    margin: 10px 10px 10px 15px;
    position: absolute;
	font-size: 8px;
}

.micro_degree_about .course .details .details_box .compulsory-ico.gray-btn{
	color: #fff;
	background: #979797;
    border-radius: 50%;
    padding: 5px;
    margin: 10px 10px 10px 15px;
    position: absolute;
	font-size: 8px;
}

.micro_degree_about .course .details .details_box .micro_btn_action .micro_btn{
    padding: 10px 30px;
    margin: 10px;
    font-size: 17px;
	color: #000 !important;
	border: 1px solid #000;
	border-radius: 15px;
	width: 165px;
	text-align: center;
	cursor: pointer;
}

.micro_degree_about .course .details .details_box .micro_btn_action .micro_btn.btn_study{
	border: none !important;
	color: #fff !important;
	background: rgba(0,105,217,1) !important;
}

.micro_degree_about .course .details .details_box .micro_btn_action .micro_btn.btn_cert{
	border: none !important;
	color: #fff !important;
	background: #FFBE00 !important;
	padding: 10px;
}

.micro_degree_about .course .details .wrapper-course-details{
	background: #fff !important;
	display: flex !important;
	flex: auto !important;
}

.micro_degree_about .course .details .wrapper-course-details .course-info{
	width: 100% !important;
}

.micro_degree_about .listing-courses .course-item .course-container .course-info [class*="info-"]{
	margin-top: 0px !important;
	background: #fff;
	min-width: 400px;
}

.micro_degree_about .pass_courses .course .details .wrapper-course-details .course-title a{
	padding-left: 20px;
}

@media screen and (max-width: 1280px){
	#content.micro_degree_about{
		padding: 0 20px;
		margin: auto;
	}
}

@media screen and (max-width: 525px){
	.micro_degree_about div .micro_chart.info{
		width: 100px;
	}
}

@media screen and (max-width: 425px){
	.micro_degree_about .progress_box .cert_box .micro_btn.btn_cert{
		padding: 5px 10px;
		margin: 10px;
		font-size: 10px;
		width: 80px;
		height: 40px;
	}
	.micro_degree_about .course .details .details_box{
		align-items: center;
	}
	.micro_degree_about div .micro_chart.info{
		width: 60px;
	}
	.micro_degree_about .listing-courses .course-item .course-container .course-info [class*="info-"] strong{
		display: block;
		width: 110px;
	}
	.micro_degree_about .course .details .details_box .micro_btn_action .micro_btn{
		padding: 5px 10px;
		margin: 10px;
		font-size: 10px;
		width: 80px;
	}

	.pass_courses .course .details .wrapper-course-details .course-title a{
		white-space: unset !important;
	}
}