@import url( base.css);
/*@import url( global.css);*/
@import url( index.css);
/*@import url( professor.css);*/
@import url( community.css);
@import url( member.css);
/*@import url( board.css);*/
@import url( common.css);
@import url( attendance.css);
@import url( cyan.css);
@import url( default.css);
@import url( ko.css);
@import url( jquery-ui.min.css);

/*추가*/
#content_text { width: auto; min-width: 1560px; padding-bottom: 20px;}
.ui-state-default .ui-icon { background-image: url("../images/ico_close.png") !important; background-position: center;}
img { vertical-align: middle;}
.bbslist { width: 100%;}
.bbslist th { position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #4f4f4f; background: url(../images/bg_th.png) left bottom no-repeat;}
.bbslist th:first-child { background: none;}
.bbslist td { height: 42px; line-height: 18px; border-bottom: 1px solid #e1e1e1; text-align: center;}
.bbslist tbody tr:hover { background-color: #fff4b9;}
.bbslist tbody tr.newListTr,
.bbslist tbody tr.newListTr:hover { background-color: #fff4b9;}
/*tab*/
div.tab-wrap { width: 100%; height: 65px; text-align: center;}
div.tab-wrap::after { display: block; height: 1px; margin-top: -1px; content: ""; background: #529ded;}
div.tab-wrap div.tab { display: inline-block; min-width: 40px; cursor: pointer; padding: 22px 10px 18px;}
div.tab-wrap div.tab-on { color: #fff; font-weight: bold; font-size: 16px; border-bottom: 3px solid #ffd700;}
div.tab-wrap div.tab-off { color: #abdaff; font-size: 16px;}
div.tab-wrap div.tab-off:hover {}
div.tab-wrap div.tab-line { display: none;}
div.project { clear:both; width:100%; margin-top:10px; text-align:center;}

div.tab-wrap02 { width: 100%; height: 65px; text-align: center; margin-top: 50px;}
div.tab-wrap02::after { display: block; height: 1.2px; margin-top: -1px; content: "";}
div.tab-wrap02 div.tab { display: inline-block; min-width: 100px; cursor: pointer; padding: 22px 10px 18px;}
div.tab-wrap02 div.tab-on { color: #fff; font-weight: bold; font-size: 16px; border-bottom: 3px solid #ffd700;}
div.tab-wrap02 div.tab-off { color: #abdaff; font-size: 16px;}
div.tab-wrap02 div.tab-off:hover {}
div.tab-wrap02 div.tab-line { display: none;}
div.project { clear:both; width:100%; margin-top:10px; text-align:center;}
/*tab2*/
.atdListTab { width: 100%; height: 87px; text-align: center; background: url(../images/bg_top.png) center no-repeat; background-size: cover;}
.atdListTab label.ui-button { display: inline-block; width: 120px; cursor: pointer; padding: 22px 0 18px 0; border: none; background: none; border-radius: 0;}
.atdListTab label.ui-button span { color: #abdaff; font-size: 16px;}
.atdListTab label.ui-state-active { background-color: none; border-bottom: 3px solid #ffd700;}
.atdListTab label.ui-state-active span { color: #fff; font-weight: bold;}
.atdListTab label span.ui-button-text { padding: 0;}
.atdListTab::after { display: block; height: 1px; margin-top: -1px; content: ""; background: #529ded;}
.attendance_week_info { position: relative;}
.attendance_week_info .week_title { width: auto; height: 64px; margin: 0; padding: 20px 0 0 0; box-sizing: border-box; font-size: 18px; color: #fff;}
.attendance_week_info .week_title::after { position: relative; display: inline-block; height: 3px; width: 100%; background: #ffd700; content: "";}
.attendance_week_info .week_title::before { position: absolute; display: block; width: 100%; top: 63px; left: 0; height: 1px; content: ""; background: #529ded;}


/*login*/
.loginBody { height: 100%;}
.loginWrap { display: flex; justify-content: center; align-items: center; height: 100%;}
.loginField { width: 498px; height: 603px; padding-top: 317px; box-sizing: border-box; background: url(../images/bg_login.png) center no-repeat;}
.loginFieldUl { width: 250px; margin: 0 auto;}
input.loginTbox { width: 100%; height: 35px; border: none; padding-left: 8px; box-sizing: border-box;}
.loginFieldUl li:nth-child(2) { padding-top: 5px;}
.loginFieldUl li:nth-child(3) { padding-top: 18px; text-align: center;}
button.loginBtn { width: 70px; height: 60px; border: none; color: #fff; cursor: pointer; background: #314660;}
.loginField02 { width: 498px; height: 603px; padding-top: 317px; box-sizing: border-box; background: url(../images/bg_login02.png) center no-repeat;}
.loginField02 { display: flex; justify-content: center; align-items: center; padding-top: 50px; }
.loginField02 a { display: flex; justify-content: center; align-content: center; text-align: center; flex-direction: column; width: 120px; height: 200px; background-color: #fff; border-radius: 20px; font-size: 23px; font-weight: bold; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); margin: 0 15px; }

.loginRoot em { display: inline-block; margin: 0 auto; background: url(../images/loginRoot01.png) no-repeat; width: 43px; height: 43px; margin-bottom: 25px; }
.loginRoot02 em { display: inline-block; margin: 0 auto; background: url(../images/loginRoot02.png) no-repeat; width: 43px; height: 45px; margin-bottom: 25px; }

.loginField02 a:hover { text-decoration: none; background-color: #182050; color: #fff; }
.loginRoot:hover em { background: url(../images/loginOn01.png) no-repeat; }
.loginRoot02:hover em { background: url(../images/loginOn02.png) no-repeat; }


/*layer*/
.ui-dialog { border: none;  box-shadow: 0px 4px 10px rgba(0,0,0,0.3);}
.ui-dialog .bbswrite th { height: 32px; text-align: left;}
.ui-dialog .bbswrite td input { height: 25px; padding-left: 5px; box-sizing: border-box;}
.ui-dialog .bbswrite td select { height: 25px; padding-left: 5px; box-sizing: border-box; border-color: #bbb;}


/*3.1.1_lectured_list_form*/
.semesterTitle { padding: 20px 0 5px 0; text-align: center;}
.semesterTitle span { display: inline-block; height: 15px; line-height: 14px; padding: 0 15px; border-left: 3px solid #fa848a; border-right: 3px solid #fa848a; font-size: 16px; color: #222; font-weight: bold;}
.tagOrg { display: inline-block; height: 27px; margin-right: 3px; border-radius: 30px; padding: 0 5px; line-height: 27px; color: #fff; font-size: 13px; background: #e9a84a;}
.tagPink { display: inline-block; height: 27px; margin-right: 3px; border-radius: 30px; padding: 0 5px; line-height: 27px; color: #fff; font-size: 13px; background: #e079aa;}
.semesterTitle.bbs-rbutton02 {height: 35px; position: relative; display: flex; align-items: center; justify-content: center;}
.semesterTitle.bbs-rbutton02 span.button {height: auto; position: absolute; right: 0px;}

/*3.2.1_attendance_list_form.html*/
.opacity_line{ opacity: .3; padding: 0 4px;}
.attend_cnt{ display: inline-block; min-width: 18px; text-align: center;}
.select_pop { text-align: center; position: fixed; margin-left: 0px; margin-top: 0px; z-index: 21; font-size: 16px; font-weight: bold; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;}
.select_pop_form {z-index: 22;}
.select_pop .select_title { padding: 15px 0; position: relative; text-align: left; background-color: #2c72de !important;}
.select_pop .select_title span { color: #fff; padding-left: 20px;}
.select_pop .select_title .select_close_btn{ position: absolute; top: 6px; right: 0; padding: 10px; cursor: pointer; width: 16px;}
.select_pop ul { padding: 0 10px; background-color: #fff; list-style-type: none;}
.select_pop ul li { padding: 10px 0; border-top: 1px solid #dadada; cursor: pointer; list-style-type: none; font-weight: normal; color: #222;}
.select_pop ul li:hover { font-weight: bold;}
#select_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; overflow: auto; background-color: #000; opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);}
.scroll_lock { overflow: hidden;}
.layerPopAttend { margin: -160px 0 0 -150px; left: 50%; top: 50%; width: 300px; position: absolute; box-shadow: 0px 4px 10px rgba(0,0,0,0.3);}
.layerPopDuplicateAdd { width: 100%; margin-top: 13px;}
.layerPopDuplicateAdd tr:first-child th,
.layerPopDuplicateAdd tr:first-child td { padding-top: 12px; border-top: 1px solid #ccc;}
.layerPopDuplicateAdd tr td select,
.layerPopDuplicateAdd tr td input { width: 100%;}
.layerPopDuplicateAddNobd tr:first-child th,
.layerPopDuplicateAddNobd tr:first-child td { border-top: none; padding-top: 5px; padding-bottom: 10px;}
.ui-widget-header { padding: 15px 0; position: relative; border-radius: 0; border: none; text-align: left; background-color: #2c72de !important;}
.ui-dialog-title { padding: 5px 0; color: #fff;}
.ui-widget-header .ui-state-default { border: none; background: none;}
.ui-state-default .ui-icon { margin-left: -13px; background: url("../images/btn_pop_close.png") !important;}
.bbs-rbutton02 span.button { border: none; background: none;}
.bbs-rbutton02 span.button button { min-width: 80px; height: 35px; border: none; background: #5f5f5f;}
.bbs-rbutton02 button img {padding-left: 2px;}
.layerPopDuplicateCon { width: auto; height: auto; min-height: 97px; max-height: none;}
.layerPopDuplicateConLi { margin: 5px 0px 3px; padding: 8px 0px 5px; list-style-type: none;}
.bbs-rbutton02.layerPopDuplicateBtn { text-align: center; margin-top: 18px;}
.ui-dialog .layerPopCancelAddCon td select { width: 100px;}
.layerPopCancelAddCon { width: auto; height: auto; min-height: 97px; max-height: none;}
.layerPopCancelAddConIn { margin: 5px 0px 0px;}
.bbs-rbutton02.layerPopDuplicateBtn2 { text-align: center; margin-top: 18px; margin-bottom: 15px;}
.layerPopLessonAddCon { width: auto; height: auto; min-height: 97px; max-height: none;}
.layerPopDivMline { width: 100%; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.layerPopLessonAddConCancel { margin: 10px 0px 8px; width: 100%; padding-top: 5px; padding-bottom: 5px; text-align: center;}
.layerPopLessonAddConCancel em { text-decoration: underline; cursor: pointer;}
.atdList .ui-buttonset { margin-bottom: 5px; float: left;}
.atdList .atdListLegend2 { height: 40px; float: right; padding: 5px 20px 0 0; box-sizing: border-box;}
.atdList .atdListLegend2 > div { margin-right: 15px; float: left;}
.atdList .atdListLegend2 > div:last-child { margin-right: 5px;}
.atdList .atdListLegend2 img { margin-bottom: 3px;}
.attendance_list { padding: 0px; min-height: 60px; margin-bottom: 10px; box-sizing: border-box; border-left: 3px solid #45b0fb; box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}
.atdList .attendance_list { margin-bottom: 0; margin-top: 10px;}
.attendance_week_title { line-height: 36px;}
.atdWeek { font-weight: bold; margin-right: 10px; font-size: 18px;}
.atdListAddBtn {float: right;}
.atdListAddBtn span.button { border: none; background: none;}
.atdListAddBtn span.button button { width: 90px; height: 35px; border: none; background: #5f5f5f;}
.atdListAddBtn button img {padding-left: 2px;}
.atdList .attend_menu { border: currentColor; border-image: none; color: rgb(85, 85, 85); float: none; position: relative; background-color: rgb(255, 255, 255);}
.atdMenuBul { top: 3px; margin-right: 10px; float: left; position: relative;}
.attendance_week_time { padding: 5px; float: none;}
.atdWeekTimeNum { display: inline-block; min-width: 205px; cursor: pointer;}
.atdWeekTimeNumDay { font-weight: normal;}
.atdWeekDetail { font-weight: normal;}
.atdWeekList { clear: both; width: auto; padding: 0 20px;}
.attendance_week_time_form { margin: 0 0px;}
.attendance_week_time_list { margin: 0 0 0 0px;}
.attendance_week_time_list li { min-height: 30px; padding-left: 30px;}
.layerPopExamAdd { width: 100%; margin-top: 10px;}
.layerPopExamAdd tr td select { min-width: 60px;}
.layerPopExamAdd tr td input { width: 100%;}
.attWeekColorOff { background: #fff8c7;}
.attendance_week_time_list.attWeekColorOff li { background: #fff8c7;}
.attendance_week_time_list.attWeekColorOff li.addBgRed { background-color: #ffd6ce;}
.attWeekColorOn { background: #d9f2ff;}
.attendance_week_time_list.attWeekColorOn li { background: #d9f2ff;}
.atdTitle { height: 50px; padding: 15px 0 5px 0; box-sizing: border-box; border-top: 1px solid #2c4c7e; text-align: center; background: #1b3968;}
.atdTitle span { display: inline-block; height: 15px; line-height: 14px; padding: 0 15px; border-left: 3px solid #fa848a; border-right: 3px solid #fa848a; font-size: 16px; color: #fff; font-weight: bold;}
.atdTopTitleBtn { position: absolute; top: 145px; right: 20px; z-index: 1;}
.atdTopTitleBtn.bbs-rbutton02 span.button button { background: #314660;}
.site-border-color { border: 3px solid #45b0fb !important; background: #45b0fb;}
.site-border-color .attendance_week_title { color: #fff;}
.site-border-color .atdWeek { color: #fff;}
.arrowBox { display: none; position: relative; height: 30px; margin: 0 10px 0 0; padding: 0 10px; border-radius: 5px; box-shadow: -2px 3px 10px rgba(0,0,0,0.2); font-size: 14px; color: #2182c6; font-weight: bold; line-height: 28px; vertical-align: -1px; background: #fff;}
.arrowBox:after { left: 100%; top: 50%;	border: solid transparent; content: " "; height: 1px;	width: 5px; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 6px; margin-top: -6px;}
.currentBox { display: none; height: 30px; margin: 0 5px 0 0; padding: 0 8px; border-radius: 50px; box-shadow: 2px 3px 10px rgba(0,0,0,0.2); font-size: 14px; color: #2182c6; font-weight: bold; line-height: 28px; vertical-align: 2px; background: #ffdc22;}
.site-border-color .arrowBox,
.site-border-color .currentBox { display: inline-block;}
i.badgeAtt { display: inline-block; float: left; width: 60px; height: 25px; padding: 0 5px; margin: 3px  10px 0 0; border-radius: 20px; line-height: 25px; font-style: normal; color: #fff; font-size: 14px; letter-spacing: -1px; background: #a9a9a9;}
i.badgeAttOff { background: #595959;}
i.badgeAttOn { background: #32a3f1;}
i.badgeBgRed { background: #f4786b;}
.atdListStuListUl i.badgeAtt { height: 32px; margin: 0; line-height: 30px;}
.layerPopAtdListDetailCon2 {width: auto; height: auto; min-height: 97px; max-height: 480px;}
.attendCnt { display: inline-block; margin-right: 3px; padding: 3px 5px; min-width: 15px; border-radius: 20px; cursor: pointer; color: #fff; line-height: 16px; text-align: center; background: #666;}


/*3.2.1.1_attendance_insert_form.html*/
.right-bar{ border-right: solid 1px #B3B3B3;}
.attendance_week_info > div { text-align: center;}
.attendance_week_info > div { display: inline-block; text-align: center; width: 100%;}
.attend_info_edit_form { margin-top: 10px;}
.attend_type_btn { display: inline-block; width: 90px; height: 35px; border: 1px solid #7ecdff; color: #7ecdff; font-weight: bold; margin: 0 1px; padding: 6px 0; box-sizing: border-box; background-color: #028ae4;}
.attend_type_selected { border: 1px solid #314660; background-color: #314660; color: #fff;}
#content_text.atdInsert { margin-top: 0;}
.week_time_form { display: inline-block; margin-top: 20px;}
.atdInsert .attendance_week_info .week_time_form { margin-left: 0;}
.atdInsert .attendance_week_info .week_time_form .week_time_title:last-child { display: inline-block; width: 90px; height: 30px; overflow: hidden; margin-right: 0;}
.attendance_week_info .week_time_title { margin-right: 10px; padding: 0;}
.atdInsert .attendance_week_info .week_time_title { margin-right: -10px;}
.week_time_title select { min-width: 50px; height: 30px; border: none;}
.week_time_title label { color: #fff;}
.attendance_week_info .week_time_dt { padding: 0; margin-right: 10px;}
.week_time_dt .txttype {width: 90px; height: 30px; cursor: pointer; border: none; text-align: center;}
.attend_type_btn_wrap {display: inline-block;}
.attend_type_unselected { cursor: pointer;}
.atdInsert .week_time_supply {margin: 10px 0px; width: 100%;}
.atdInsertArr {overflow: hidden;}
.atdInsertArrTitle { display: none;}
.atdInsertArrBtn {}
.atdInsertArrBtn ul { display: inline-block;}
.atdInsertList { clear: both; padding: 0 20px;}
.atdInsertInfo {margin: 10px 0px 0px; width: 100%;}
.atdInsertInfo div { display: inline-block;}
.atdInsertInfo1 { font-weight: bold; margin-right: 10px;}
.atdInsertInfo2 {margin-left: 10px;}
.atdInsertInfoGrn {color: green; font-weight: bold;}
.atdInsertInfoGry {color: rgb(170, 170, 170); font-weight: bold;}
.atdInsertInfoGry2 {color: rgb(204, 204, 204);}
.atdInsertInfoRed {color: red; font-weight: bold;}
.atdInsertInfoWin {color: rgb(136, 0, 21); font-weight: bold;}
.atdInsertInfoYel {color: rgb(253, 149, 0); font-weight: bold;}
.atdInsertInfoVio {color: #787bf9; font-weight: bold;}
.atdInsertInfoTxt { clear: both; margin-top: 10px; padding: 8px 0; text-align: center; font-size: 12px; background: #f1f1f1;}
.lecturedListInfoTxt { clear: both; margin: 15px 15px 0 15px; padding: 15px 15px; font-size: 14px; white-space: pre-wrap; background: #f1f1f1;}
table.table-list3 { border-right: none; border-left: none;}
table.atdInsertTable { width: 100%; border-bottom: 1px solid #b3b3b3;}
table.atdInsertTable colgroup col:nth-child(1) { width: 20% !important;}
table.atdInsertTable colgroup col:nth-child(2) { width: 7% !important;}
table.atdInsertTable colgroup col:nth-child(3) { width: 7% !important;}
table.atdInsertTable colgroup col:nth-child(4) { width: 7% !important;}
table.atdInsertTable colgroup col:nth-child(5) { width: 7% !important;}
.atdUpdate table.atdInsertTable colgroup col:nth-child(6) { width: 10% !important;}
table.atdInsertTable tr th,
table.atdInsertTable tr td { border-top: 1px solid #b3b3b3; border-right: solid 1px #b3b3b3;}
table.atdInsertTable tr td:last-child,
table.atdInsertTable tr th:last-child { border-right: none;}
table.atdInsertTable tr td { height: 34px; text-align: center;}
table.atdInsertTable tr:nth-child(even) td { background: rgb(247, 247, 251);}
.thLink {text-decoration: underline; cursor: pointer;}
table.atdInsertTable .atdInsertTableInfo { padding: 5px 0; text-align: left;}
.atdInsertTableInfoPhoto { display: inline-block;}
.atdInsertTableInfoPhoto img {width: 50px; height: 50px; cursor: pointer;}
.atdInsertTableInfoName { display: inline-block; margin-left: 7px; vertical-align: middle;}
.atdInsertTableInfoName .site-link {letter-spacing: 0px; font-weight: bold; text-decoration: underline; cursor: pointer;}
.atdInsertTableReason { padding: 5px;}
.atdInsertTableReasonIn { display: inline-block; width: calc(100% - 100px); text-align: left; vertical-align: middle;}
.atdInsertTableReason .atdInsertTableReasonBtn { display: inline-block;}
input.chktype { width: 25px; height: 25px;}
.atdInsert .atdInsertBbtn {padding-top: 0px; margin-top: 30px;}
.layerPopSelCancelDay {width: auto; height: auto; min-height: 97px; max-height: none;}
.layerPopSelCancelDayIn {margin: 5px 0px 0px; width: 100%;}
.layerPopDivGongCon {width: auto; height: auto; min-height: 97px; max-height: none;}
.layerPopDivGongConIn {margin: 5px 0px 0px;}
.atdClassReason { margin-top: 10px;}
.atdClassReason label { margin-right: 8px; padding-left: 9px; color: #fff;}
.atdInsert .atdClassReason label { padding-left: 0px;}
.atdClassReason input { width: 298px; height: 30px; border: none;}
.atdTopBtn { position: absolute; top: 94px; right: 20px; z-index: 1;}
.atdTopBtn.bbs-rbutton02 span.button button { background: #314660;}
.atdInsertTop { height: auto; padding-bottom: 20px; text-align: center; background: url(../images/bg_top.png) center no-repeat; background-size: cover;}
.condSorting li.ui-state-default { height: 35px; padding: 6px 20px; box-sizing: border-box; background: #028ee5; border: 1px solid #9bd9fe; box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}
.condSorting li.ui-state-default:last-child { margin-right: 0;}
.condSorting { padding-left: 0;}
.condSorting li.ui-state-default div { color: #fff;}
.condSorting li.ui-state-default img { margin-left: 5px;}
.atdInsertInfo1 { padding: 7px 15px; float: left; border-radius:20px; color: #444 !important; background: #ededed; font-weight: normal;}
.atdInsertInfo1 span { font-weight: normal;}
.atdInsertInfo2 { line-height: 30px;}
.layerPopDivGongCon .bbswrite,
.layerPopDivGongCon .bbswrite td,
.layerPopDivGongCon .bbswrite th { border: none;}
.layerPopDivGongCon .bbswrite td select { width: 300px;}
.horizonTable { width: 100%;}
.horizonTable02 { border-collapse: separate; border-spacing: 0; border-top:1px solid #888; }
.horizonTable02 tr th { border-top: none !important; }
.horizonTable02 tr td { text-align: left; padding-left: 10px;}
.horizonTable tr th { height: 40px; border-top: 1px solid #888; border-bottom: 1px solid #ccc; background: #f1f1f1;}
.horizonTable tr td { height: 44px; border-bottom: 1px solid #ccc;}
.btnSearch { display: inline-block; width: 30px; height: 30px; margin-left: 2px; text-indent: -9999px; vertical-align: middle; background: url(../images/ico_small.png) center 4px no-repeat;}


/*3.2.1.2_attendance_smart_insert_form.html*/
.atdSmart { min-width: 1240px;}
.atdMstViewIn { display: inline-block;}
.atdCancelInfo { margin-top: 10px;}
.atdSmartStart { min-height: 50px; padding-bottom: 20px;}
.atdSmartStartIn {text-align: center;}
.atdSmartStartTime { margin-top: 20px; font-size: 20px; font-weight: bold;}
.atdSmartStartTime span { font-size: 20px; font-weight: bold;}
.atdSmartStartBtn { display: inline-block; width: 230px; height: 60px; margin-top: 15px; color: #fff; padding: 16px 0 0 30px; box-sizing: border-box; font-size: 20px; font-weight: bold; cursor: pointer; background: #114688 url(../images/bul_start.png) 70px 22px no-repeat !important;}
.atdSmartErrBtn { display: inline-block; min-width: 330px; height: 60px; color: #fff; padding: 16px 30px 0 30px; box-sizing: border-box; font-size: 20px; font-weight: bold; cursor: pointer;}
.atdSmartStartBot { margin: 20px 20px 0;}
.atdSmartStartBotProg { height: 5px; background: #e6e6e6;}
.atdSmartStartBotProg span { display: block; height: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.progRed .atdSmartStartBotProg span { background: #f15d53;}
.progGreen .atdSmartStartBotProg span { background: #7ccd4b;}
.progBlue .atdSmartStartBotProg span { background: #41b2fb;}
.atdSmartStartBotNum span { display: inline-block; height: 80px; font-weight: bold; vertical-align: middle; line-height: 80px;}
.atdSmartStartBotNum .atdSmartStartBot1 { font-size: 30px; letter-spacing: -4px; line-height: 92px ;}
.atdSmartStartBotNum .atdSmartStartBot2 { margin-left: 5px; font-size: 80px; letter-spacing: -2px;}
.progRed .atdSmartStartBotNum span { color: #eb3a2e;}
.progGreen .atdSmartStartBotNum span { color: #40aa00;}
.progBlue .atdSmartStartBotNum span { color: #0090ec;}
.atdSmartStartBotTxt { margin-top: 5px; font-size: 16px;}
.atdSmartQrWrap { width: 880px; float: left; box-sizing: border-box;}
.atdSmartStartQr { padding-left: 20px;}
.atdSmartStartQr img { width: 800px; border: 20px solid #000;}
.atdSmartListWrap { min-width: 1220px; padding-right: 20px; }
.atdSmartInfo { overflow: hidden; height: 60px; padding: 15px 20px; box-sizing: border-box; border-top: 2px solid #7d7d7d; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; box-shadow: 0px -2px 5px rgba(0,0,0,0.1);}
.atdSmartInfoL { font-size: 18px; font-weight: bold; float: left;}
.atdSmartInfoR { min-width: 110px; height: 35px; padding: 0 10px 0 22px; margin-top: -5px; box-sizing: border-box; float: right; cursor: pointer; color: #fff; text-align: center; line-height: 32px; background: #5f5f5f url(../images/btn_icon.gif) 22px center no-repeat !important;}
.atdSmartInfo::after { margin-top: 40px; display: block; height: 1px; content: ""; background: #bdbdbd;}
.atdSmartList { height: 780px; padding: 20px 5px; overflow-y: auto; box-sizing: border-box; border: 1px solid #dcdcdc; border-top: none; text-align: center; box-shadow: 0px 4px 5px rgba(0,0,0,0.1);}
.atdSmartListLi { position: relative; padding: 0px 10px 22px 10px; display: inline-block; vertical-align: top;}
.atdSmartListLiImg img {width: 60px; height: 60px;}
.atdSmartListLiIco {left: -1px; top: -10px; position: absolute;}
.atdSmartListLiIco img {width: 35px; height: 35px;}
.atdSmartListLiName { max-width: 60px; padding-top: 6px; text-align: center; line-height: 16px;}


/*3.2.1.4_attendance_update_form*/
.cusor-pointer{cursor: pointer;font-weight: bold;}
#content_text.atdUpdate { margin-top: 0;}
.atdUpdate .updateTopBtn {padding-top: 0px; margin-top: 10px;}
.attend_mst_view_form { margin-top: 10px;}
.attend_mst_view_form .week_time_title { font-size: 16px; color: #ffdd28; font-weight: bold;}
.attend_mst_view_form .week_time_dt em { color: #fff; font-size: 16px;}
.cancel_lec_opt {  display: inline-block; text-align: center;}
.cancel_lec_opt .week_time_supply {margin: 3px 0px 0px; padding: 0px;}
.cancel_lec_opt .week_time_supply em,
.cancel_lec_opt .week_time_supply span { color: #fff;}
.cancel_lec_opt #cancel_lec_btn { padding: 2px 5px; border-radius: 20px; color: #5e5003; margin-right: 5px; float: left; background-color: #ffd700;}
.atdUpdateSearch { clear: both;}
.atdUpdateSearch label { display: inline-block; margin-left: 10px; padding-top: 4px; color: #fff;}
.atdUpdateSearch .project label:first-child { margin-left: 0px;}
.atdUpdateSearch .project label:nth-child(5) { margin-right: -13px;}
.atdUpdateSearch select { height: 30px; min-width: 50px; border: none;}
.atdUpdateSearch input[type=text] { height: 30px !important; border: none;}
.atdUpdateArr { display: inline-block; margin-top: 10px;}
.atdUpdateTitle { display: none;}
.atdChkArea input { display: none;}
.atdChkArea label { display: block; width: 100%; height: 100%; color: #aaa; font-size: 20px; line-height: 50px; cursor: pointer;}
.atdChkGrn input:checked + label {color: rgb(0, 128, 0); font-size: 30px;}
.atdChkYel input:checked + label {color: rgb(253, 149, 0); font-size: 30px;}
.atdChkRed input:checked + label {color: red; font-size: 30px;}
.atdChkVio input:checked + label {color: #787bf9; font-size: 30px;}
.atdInsertTable .atdChkRight { padding: 5px;}
.atdChkRtxt { display: inline-block; width: calc(100% - 100px); text-align: left; vertical-align: middle;}
.atdInsertTable .atdChkRbtn {display: inline-block;}
.atdUpdateList { padding: 0 20px;}
.atdUpdate table.atdInsertTable { margin-top: 10px;}


/*3.2.2_attendance_list2_form*/
.atdList2 .atdListTab { height: 65px; background: none;}
.atdList2 .project { width: 565px; padding-left: 120px; margin: 20px auto 0; box-sizing: border-box; text-align: left; background: url(../images/ico_search.png) center left no-repeat;}
.atdList2 .project label:nth-child(1) { margin-left: 0;}
.atdList2 .project label:nth-child(3) { margin-right: -10px;}
.atdList2 .project input:nth-child(4) { width: 175px !important;}
.project label { display: inline-block; margin-left: 10px; color: #fff;}
.project select { height: 30px; min-width: 50px; border: none;}
.project input[type=text] { height: 30px !important; border: none;}
.atdFieldRange { margin-top: 10px;}
.atdFieldRangeSet1 { float: left; color: #fff;}
.atdFieldRangeSet1 input,
.atdFieldRangeSet2 input { width: 30px; text-align: center;}
.atdFieldRangeSet2 { margin-left: 20px; float: left; color: #fff;}
.slideRange { margin: 13px 0px 0px 15px; width: 100px; height: 2px; float: left; border: none; background: #55aff4;}
.slideRangeTxt { width: 20px; text-align: right; color: rgb(246, 147, 31) !important; font-weight: bold; -ms-ime-mode: disabled; background-color: rgb(251, 251, 251);}
.slideRange.ui-slider-horizontal .ui-slider-handle { margin-top: -3px; border-radius: 20px; border: none; background: #fff;}
.slideRange.ui-slider-horizontal .ui-widget-header { display: none;}
.atdFieldArr { display: inline-block; margin-top: 10px;}
.atdFieldArrSet1 { display: none;}
.atdFieldArrSet2 { overflow: hidden;}
.atdList2 .atdFieldArrSet2 li { min-width: 106px;}
.atdList2 .atdFieldArrSet2 li.ui-state-default { padding-left: 30px;}
.atdListCount { display: inline-block; margin: 10px 0 0px 20px; padding: 7px 15px; border-radius:20px; color: #444 !important; background: #ededed; font-weight: normal;}
.atdListCount span { font-weight: normal;}
.atdListLegend { display: inline-block; margin: 16px 20px 0px 0px; float: right; text-align: right; width: 50%;}
.atdListBtnTop {  position: absolute; top: 94px; right: 20px;}
.atdListBtnTop span.button { margin-right: 0 !important;}
.atdListBtnTop.bbs-rbutton02 span.button button { background: #314660;}
.atdListDiv { position: relative; clear: both; margin: 10px 20px 0; border-bottom: 1px solid rgb(179, 179, 179); border-top: 1px solid #4f4f4f; text-align: center; overflow: hidden;}
.tr_row { border-top: 1px solid #b3b3b3; z-index: 1; position: relative;}
.th_col { padding-top: 25px; height: 40px; width: 40px; background-color: #fff; z-index: 1; position: relative;}
.td_col { padding: 13px 0; width: 40px;}
.left_col { float: left; border-right: 1px solid #b3b3b3;}
.right_col { float: left; border-left: 1px solid #b3b3b3;}
table.table-list3 th { height: 35px; font-size: 12px !important;}
#at_table_wrap { margin-left: 190px; margin-right: 205px; position: relative;}
.at_table_top { position: relative; padding: 6px 0px;}
.at_table_scroll { overflow: hidden; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
#left_arrow { left: 0px; top: 5px; position: absolute; cursor: pointer;}
#right_arrow { top: 5px; right: 0px; position: absolute; cursor: pointer;}
#at_table { border: 0px currentColor; width: 100%; border-collapse: separate; table-layout: fixed; cursor: e-resize;}
#at_table tr th,
#at_table tr td { width: 76px; border-top-color: rgb(179, 179, 179); border-top-width: 1px; border-top-style: solid; border-right: solid 1px #B3B3B3;}
#at_table tr td:last-child,
#at_table tr th:last-child { border-right: none;}
#at_table tr:nth-child(2) th { height: 69px;}
#at_table tr td { height: 43px;}
/*#at_table tr:nth-child(even) td { background: rgb(247, 247, 251);}*/
#at_table tr:hover { background: #fff;}
#at_table tr:nth-child(even):hover { background: rgb(247, 247, 251);}
#at_table tr:nth-child(2):hover { background: none;}
#at_table tr:nth-child(1):hover,
#at_table tr:nth-child(1) { background: #fff;}
#at_table_right { position: absolute; width: 205px; top: 0; right: 0;}
#at_table_right .th_col { height: 76px; padding-top: 60px; font-size: 13px; letter-spacing: -1px;}
#at_table_right .tr_row { clear: both;}
#at_table_right .td_col { height: 18px; padding-top: 12px;}
#at_table_right .tr_row:nth-child(even) .td_col { background: rgb(247, 247, 251);}
#at_id { float: left;}
#at_id .th_col { height: 76px; padding-top: 60px;}
#at_id .th_col:nth-child(2) { width: 148px;}
#at_id .tr_row { clear: both;}
#at_id .td_col { padding: 12px 0px 0px 0; height: 31px;}
#at_id .infoPhoto { width: 50px; height: 38px; padding-top: 4px; float: left;}
#at_id .infoPhoto img { width: 35px; height: 35px;}
#at_id .infoName { width: 98px; height: 38px; text-align: left; padding-top: 5px; float: left;}
#at_id .infoNameA { letter-spacing: 0px; font-weight: bold; cursor: pointer;}
#at_id .infoNameA span { overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;}
#at_id .tr_row:nth-child(even) > div { background: rgb(247, 247, 251);}
.atdListDiv input.chktype01 { width: 25px; height: 25px; margin-top: -4px;}
.select_pop.layerPopDiv,
.ui-dialog-form.layerPopDiv { position: fixed; z-index: 101;}
.layerPopMsgCon { width: auto; height: 252px; min-height: 247px; max-height: none;}
.layerPopMsgConIn { width: 400px;}
.layerPopMsgConInSel { margin-top: 5px; margin-bottom: 5px; float: left;}
.layerPopMsgConInSel input { width: 20px; height: 20px;}
.layerPopMsgConInSel label { margin-right: 8px;}
.layerPopMsgConTbox { width: 400px;}
.layerPopMsgConTbox td textarea.textarea02 { width: 100% !important;}
.layerPopMsgSmsName { padding: 8px 5px 0px 0px; float: left;}
.layerPopMsgSmsNum { padding-top: 6px; padding-bottom: 6px;}
.layerPopMsgSmsNum .layerPopMsgSmsNum1 { border: none; width: 60px;}
.layerPopMsgSmsRed { color: red; clear: both;}
.layerPopMsgSmsByte p { margin-top: 5px; padding-top: 6px; border-top-color: rgb(218, 218, 218); border-top-width: 2px; border-top-style: solid;}
.atdBotBtn { float: right; width: 50%; padding: 15px 20px; box-sizing: border-box; text-align: right;}
.atdBotBtn span.button { margin-right: 0 !important;}
.atdListTopBtn { float: right; width: 50%; padding: 10px 0 5px; box-sizing: border-box; text-align: right;}
.atdListTopBtn span.button { margin-right: 0 !important;}
.atdBotBtnC { width: 100%; padding: 15px 20px; box-sizing: border-box; text-align: center;}
.atdBotBtnC span.button { margin-right: 0 !important;}
.ui-dialog .layerPopMsgConIn .bbs-rbutton02 { margin-top: 10px; text-align: center;}



/*4.1.1.1_attendance_list_form_stu.html*/
.atdListStuWrap { padding: 0 20px;}
#loading {position:fixed; background-color:#f0faf0; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3;  z-index:999; width:100%; height:100%; display:none;}
#loading>img { position:absolute; top:230px;}
.atdListStuLegend { height: 16px; margin-top: 5px;}
.atdListStuLegendIn {overflow: hidden; float: right;}
.atdListStuLegendCon {margin-right: 10px; float: left;}
.atdListStuLegendCon > div { border-radius: 10px; width: 15px; height: 15px;}
.atdListStuLegendIn .atdListStuLegendCon:last-child { margin-right: 0;}
.stuLegendGrn {border: 1px solid rgb(99, 173, 18); background-color: rgb(150, 212, 82); vertical-align: middle; display: inline-block; margin-left: 10px;}
.stuLegendYel {border: 1px solid rgb(232, 171, 6); margin-left: 5px; background-color: rgb(253, 149, 0); vertical-align: middle; display: inline-block;}
.stuLegendRed {border: 1px solid rgb(211, 47, 47); margin-left: 5px; background-color: rgb(244, 67, 54); vertical-align: middle; display: inline-block;}
.stuLegendWht {border: 1px solid rgb(153, 153, 153); margin-left: 5px; vertical-align: middle; display: inline-block;}
.stuLegendPurple {border: 1px solid #4c50ec; margin-left: 5px; background-color: #787bf9; vertical-align: middle; display: inline-block;}
.legendTxt { display: inline-block; vertical-align: middle;}

.atdListStuList { clear: both; overflow: hidden; margin-top: 15px;}
.atdListStuListBlock { position: relative; overflow: hidden; padding-bottom: 15px; min-height: 50px; margin-bottom: 10px; border: 1px solid #c3c3c3; box-sizing: border-box; box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}
.atdListStuListWeek { padding: 12px 15px 0px 17px;}
.atdListStuListWeek p { font-weight: bold; font-size: 20px;}
.atdListStuListStep { width: 100%; overflow: hidden; float: left;}
.atdListStuListUl { margin: 0px 0px; padding: 9px 10px 0px 15px; overflow: hidden; clear: both; list-style-type: none;}
.atdListStuListUl.attendBoxTypeOn { padding: 7px 10px 0px 15px;}
.atdListStuListUl li { height: 32px; border-radius: 3px; margin-right: 3px; margin-top: 3px; padding: 5px 15px; float: left; box-sizing: border-box; text-align: center; color: #fff; font-size: 16px;}
.atdListStuListUl li.attend_box_4 { background-color: #787bf9;} 
.atdListStuListUl li.attend_box_2 { background-color: #98cc2a;} 
.atdListStuListUl li.attend_box_0 { background-color: #f16b6b;} 
.atdListStuListUl li.attend_box_1 { background-color: #efba00;} 
.atdListStuListUl li.attend_box_3 { background-color: #ffffff; color: #555; border: 1px solid #999;} 
.atdListStuListUl li.attend_box_6 { background-color: #dddddd; color: #999; border: 1px solid #999;}
.atdListStuListUl .attendBoxIconOff,
.atdListStuListUl .attendBoxIconOn { padding: 5px 10px 5px 0px;}
.atdListStuListUl .attendBoxIconOff i { display: block; width: 30px; height: 30px; margin-top: -3px; padding-left: 5px; border-radius: 50px; box-sizing: border-box; font-style: normal; line-height: 28px; text-align: left; font-size: 14px; background: #595959;}
.atdListStuListUl .attendBoxIconOn i { display: block; width: 30px; height: 30px; margin-top: -3px; border-radius: 50px; box-sizing: border-box; font-style: normal; line-height: 26px; text-align: center; font-size: 14px; background: #32a3f1;}
.atdListStuListUl li:first-child { padding: 0 10px 0 0;}


/*2.1.2_eclass_attend_stats2_list_form.html*/
.atdListProf .project { padding-left: 120px; margin: 20px auto 0; box-sizing: border-box; text-align: left; background: url(../images/ico_search.png) center left no-repeat;}
.tab-line {width: 405px; height: 28px;}
.atdListProfSearch1 label:nth-child(3) { margin-left: 20px;}
.atdListProfSearch1 .txttype,
.atdListProfSearch2 .txttype {width: 70px; height: 35px; text-align: center;}
.atdListProf .atdListProfSearch1 label:nth-child(1) { margin-left:0;}
.atdListProfSearch3 .txttype {width: 290px; height: 33px; vertical-align: top; text-indent: 10px;}
.atdListProfSearch3 select { width: 63px;}
.atdListProfSearch2 { margin-top: 5px;}
.atdListProfSearch2 label:nth-child(4) { margin-left: 20px;}
.atdListProf .atdListProfSearch2 label:nth-child(3),
.atdListProf .atdListProfSearch2 label:nth-child(6) { margin-left:0;}
.atdListProf .atdListProfSearch2 label:nth-child(1) { margin-left:0;}
.atdListProfSearch2b { margin-top: 5px; color: #fff;}
.atdListProfSearch2b label:nth-child(4) { margin-left: 20px;}
.atdListProfSearch2b select:nth-child(5) { margin-left: 0px;}
.atdListProfSearch2b label:nth-child(1) { margin-left:0;}
.atdListProfSearch2b input { width: 96px; text-align: center;}
.atdListProfSearch2b select { min-width: 80px;}
.atdListProfSearch2b + .atdListProfSearch3 input.txttype { width: 260px;}
.atdListProfSearch3 { margin-top: 5px;}
.atdListProfSearch4 { margin-top: 10px;}
.atdListProfSearch4 div { display: inline-block;}
.atdListProfSearch4 > div:first-child { display: none;}
.atdListProfResultTop span {margin: 10px 0 0 0; padding: 7px 15px; float: left; border-radius:20px; color: #444 !important; background: #ededed;}
.bbslist td.linkTitleL { padding-left: 5px; text-align: left; font-weight: bold;}
.bbslist td.linkTitleL a { display: inline-block; width: 100%; line-height: 40px;}
.bbslist td.linkConL { padding-left: 5px; text-align: left;}
.bbslist td.linkTitleC { padding-left: 5px; text-align: center; font-weight: bold;}
.adSemester .bbslist td.linkTitleC a { display: inline-block; width: 100%; line-height: 40px;}
.bbslist td.linkConC { padding-left: 5px; text-align: center;}
.layerPopAtdListCon {width: auto; height: auto; min-height: 97px; max-height: none;}
.layerPopAtdListConTop { width: 100%; margin: 10px 0px; font-weight: bold; float: left;}
.layerPopAtdListDetailCon {width: auto; height: auto; min-height: 97px; max-height: none;}
.layerPopAtdListConSel { margin-top: 5px;}
.layerPopAtdListConTopR { float: right;}
.layerPopAtdListConTopR span { margin-left: 10px; font-weight: normal;}
.atdListProfResult { clear: both; padding: 0 20px;}
.atdListProf .condSorting li.ui-state-default { padding: 6px 16px;}
.atdListProf2 .project { width: 585px;}
.atdListProf2 .atdListProfSearch1 label:nth-child(1) { width: 63px;}
.atdListProf2 .atdListProfSearch2 label:nth-child(1) { width: 63px;}
.atdListProf2 .atdListProfSearch1 label:nth-child(3) { margin-left: 70px; width: 42px;}
.atdListProf2 .atdListProfSearch3 .txttype {width: 300px;}
.atdListProf3 .project { width: 578px;}
.atdListProf3 .atdListProfSearch1 label:nth-child(1) { width: 60px;}
.atdListProf3 .atdListProfSearch2 label:nth-child(1) { width: 60px;}
.atdListProf3 .atdListProfSearch1 label:nth-child(3) { margin-left: 70px; width: 60px;}
.atdListProf3 .atdListProfSearch4 li { min-width: 84px;}
.atdListProf3 .atdListProfSearch4 li:nth-child(6),
.atdListProf3 .atdListProfSearch4 li:nth-child(7) { margin-top: 5px;}
.atdListProf3 .atdListProfSearch4 li:nth-child(7) { min-width: 92px;}
.atdListProf3 .atdListProfSearch4 li:nth-child(7) { padding-left: 21px;}
.atdListProf4 .project { width: 542px;}
.atdListProf4 .atdListProfSearch1 label:nth-child(1) { width: 35px;}
.atdListProf4 .atdListProfSearch1 label:nth-child(3) { width: 35px;}
.atdListProf4 .atdListProfSearch2b label:nth-child(1) { width: 35px;}
.atdListProf4 .atdListProfSearch4 li.ui-state-default { min-width: 100px; padding-left: 27px;}


/*2.1.1_eclass_attend_stats1_list_form*/
.atdListProf1 { min-width: 850px;}
.chartTitle { margin: 20px 20px 0; font-size: 16px; font-weight: bold;}
.atdListChart1 { min-height: 200px; margin: 15px 20px 0; padding: 10px 0 20px; border: 1px solid #ccc; border-top: 2px solid #666; box-sizing: border-box; box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}
.chartDiv { width:700px; margin: 0 auto;}
.chartDivTxt { width:700px; margin: 10px auto 0; text-align: center;}
.atdListChart2 { min-height: 200px; margin: 15px 20px 0; border: 1px solid #ccc; border-top: 2px solid #666; box-sizing: border-box; box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}
.atdListChart2 > div { position: relative;}
.atdListChart2L { float: left; width: 35%; box-sizing: border-box;}
.atdListChart2R { float: left; width: 65%; border-left: 1px solid #ccc; box-sizing: border-box;}
.atdListChart2B { clear: both; border-top: 1px solid #ccc; box-sizing: border-box; text-align: center;}
.chartHead { position: absolute; top: 12px; left: 20px; font-size: 16px; font-weight: bold;}
.chartDiv2L { width:200px; margin: 0 auto; padding: 20px 0 10px;}
.chartDiv2R { width:500px; margin: 0 auto; padding: 20px 0 10px;}
.chartDiv2B { width:730px; margin: 0 auto; padding: 10px 0 10px;}
.chartTab { display: inline-block; height: 30px; margin-top: 15px;}
.chartTab li { height: 100%; display: inline-block; float: left; border: 1px solid #757575; border-right: none; box-sizing: border-box; text-align: center;}
.chartTab li:first-child { border-radius: 20px 0px 0px 20px;}
.chartTab li:last-child { border-radius: 0px 20px 20px 0px; border-right: 1px solid #757575;}
.chartTab li a { display: block; padding: 0 26px; font-size: 16px; line-height: 27px;}
.chartTab li.on { background: #757575;}
.chartTab li.on a { color: #fff;}

/*admin 학기설정*/
a.btnInsert { display: inline-block; min-width: 50px; min-height: 30px; margin: 0 3px; padding-top: 5px; box-sizing: border-box; border-radius: 20px;; color: #fff; cursor: pointer; text-align: center; background: #26bad0;}
a.btnDel { display: inline-block; min-width: 50px; min-height: 30px; margin: 0 3px; padding-top: 5px; box-sizing: border-box; border-radius: 20px;; color: #fff; cursor: pointer; text-align: center; background: #868686;}
a.btnInsert:hover,
a.btnDel:hover { text-decoration: none;}
.semesterCreate { height: 60px; margin: 20px 20px 0 20px; padding-top: 15px; box-sizing: border-box; border-top: 1px solid #4f4f4f; text-align: center; background: #f1f1f1;}
.semesterCreate label { margin-left: 20px; font-weight: bold;}
.normalTxtbox { height: 28px; width: 100px; margin-left: 5px; padding-left: 5px;}
.normalTxtboxC { height: 28px; width: 100px; margin: 0 3px; text-align: center;}
.semesterCreate label:first-child .normalTxtbox { width: 150px;}
a.btnCreate { display: inline-block; min-width: 80px; min-height: 30px; margin: 0 3px; padding-top: 5px; box-sizing: border-box; border-radius: 20px;; color: #fff; cursor: pointer; text-align: center; background: #038add;}
a.btnCreate i { display: inline-block; height: 22px; font-style: normal; font-size: 28px; line-height: 14px; vertical-align: middle;}
a.btnCreate:hover { text-decoration: none;}
.normalTxtboxTitle { height: 28px; width: 100px; margin: 0 3px; text-align: center; font-size: 16px; font-weight: bold;}
.normalSelboxTitle { height: 30px; width: 100px; margin: 0 3px; border: 1px solid #bfbfbf; font-size: 16px; font-weight: bold;}
.semesterTitleAd { padding: 20px 0 5px 0; text-align: center;}
.semesterTitleAd span { display: inline-block; height: 28px; line-height: 14px; padding: 0 15px; border-left: 3px solid #fa848a; border-right: 3px solid #fa848a;}

/*admin 사용자관리*/
.adUser .project { width: 570px; padding-left: 75px; margin: 20px auto 0; box-sizing: border-box; text-align: left; background: url(../images/ico_search.png) center left no-repeat; background-size: 59px;}
.adUserSearch1 label { width: 49px; margin-left:0;}
.adUserSearch1 label:nth-child(3) { width: 63px; margin-left: 17px;}
.adUserSearch1 label:nth-child(5) { width: 36px; margin-left: 16px;}
.adUserSearch1 select { width: 95px;}
.adUserSearch2 { margin-top: 5px;}
.adUserSearch2 .txttype {width: 130px; height: 33px; text-indent: 5px;}
.userRegiTxtbox { height: 28px; width: 150px; padding-left: 5px; border: 1px solid #bfbfbf;}
.userRegiSelbox { height: 30px; width: 157px; padding-left: 5px; border: 1px solid #bfbfbf;}
.adUserEdit .bbslist th,
.adUserView .bbslist th,
.adUserRegi .bbslist th { padding-left: 10px; text-align: left; border-bottom: 1px solid #e1e1e1; background: #f1f1f1;}
.adUserEdit .bbslist tr:hover,
.adUserView .bbslist tr:hover,
.adUserRegi .bbslist tr:hover { background: none;}
.adUserRegi .bbslist { margin-top: 10px;}
.adUserEdit .bbslist tbody,
.adUserView .bbslist tbody,
.adUserRegi .bbslist tbody { border-top: 1px solid #888;}
.adUserEdit .bbslist,
.adUserView .bbslist { margin-top: 20px;}

/*absent*/
.tableTitle { display: inline-block; margin: 20px 0; font-size: 16px; font-weight: bold; }

.menuAdd { position: relative; display: flex; }
.leftMenu { position: relative; padding: 20px; width: 48%; min-height: 400px; height: 500px; overflow-y: auto; border-top: 1px solid #4f4f4f; background-color: #f1f1f1; }
.rightMenu { position: relative; padding: 20px; width: 48%; min-height: 400px; height: 500px; overflow-y: auto; border-top: 1px solid #4f4f4f; background-color: #f1f1f1; }
.menuNext { position: relative; display: flex; align-items: center; justify-content: center; min-width: 4%; }

.menuAdd dl { margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.menuAdd dl:last-child { border-bottom: none;}
.menuAdd dt { cursor: pointer;  font-weight: bold; font-size: 15px; }
.menuAdd dd { margin-left: 15px; margin-top: 5px; }
.menuAdd dd::before { display: inline-block; content: '└'; margin-right: 5px; }

.menuPlus { display: inline-block; position: relative; top: 8px; margin-left: 10px; width: 25px; height: 25px; background: url(../images/plus.png) no-repeat; }
.menuMinus { display: inline-block; position: relative; top: 8px; margin-left: 10px; width: 25px; height: 25px; background: url(../images/minus.png) no-repeat; }
.menuNext a { display: inline-block; width: 50px; height: 50px; background-size: 50px; background: url(../images/next.png) no-repeat;  cursor: pointer; }
.menuAdd em { display: inline-block; margin: 0 10px; background-color:#fff; border: 1px solid #888; min-width: 130px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center;}

/*전자출석현황 엑셀다운로드용*/
.xlsDown { width: 40%; margin: 0 auto;}
.xlsDown .leftMenu,
.xlsDown .rightMenu { width: 50%; min-height: 0px; height: auto; border-top: none; background-color: #fff;}

/*전자출석현황 엑셀다운로드용 3칸*/
.xlsDownTriple { width: 800px; margin: 0 auto;}
.xlsDownTriple .leftMenu,
.xlsDownTriple .rightMenu { width: 33%; min-height: 0px; height: auto; border-top: none; background-color: #fff;}

/*admin top*/
.adminTop { position: relative; min-height: 80px; padding: 0 20px; background: #1b3968;}
.adminTop::after { display: block; clear: both; content: "";}
.adminLeft { float: left;}
.adminLeft h1 { float: left; display: inline-block; margin-top: 23px;}
.adminLeft h1 a { display: inline-block; width: 149px; height: 34px; text-indent: -9999px; background: url(../images/logo.png) no-repeat;}
.adminLeft h2 { float: left; display: inline-block;}
.adminLeft h2 a { display: inline-block; margin: 31px 0 0 15px; color: #83a2d3; letter-spacing: -1px;}
.selLang { float: left; margin: 25px 0 0 12px;}
.selLang li { float: left;}
.selLang li a { display: inline-block; height: 30px; line-height: 29px; color: #b3d1fb; background: #31558d;}
.selLang li:first-child a { border-radius: 30px 0px 0px 30px; padding: 0 8px 0 13px;}
.selLang li:last-child a { border-radius: 0px 30px 30px 0px; padding: 0 13px 0 8px;}
.selLang li.langOn a { color: #fff; background: #028de2;}
.adminRight { float: right;}
.adminRight ul { float: left;}
.adminRight ul li { float: left;}
.adminNav { margin-top: 25px; padding-right: 8px; border-right: 1px solid #456494;}
.adminNav li { height: 30px; line-height: 30px;}
.adminNav li a { display: inline-block; min-width: 100px; padding: 0 15px; box-sizing: border-box; color: #fff; text-align: center; font-size: 16px; letter-spacing: -1px;}
.adminNav li.navOn a { color: #ffe65d;}
.adminNav li a:hover { color: #ffe65d; text-decoration: none;}
.adminInfo { margin: 23px 0 0 15px;}
.adminInfo li:first-child { height: 33px; padding-left: 38px; line-height: 33px; letter-spacing: -1px; color: #7f99b4; background: url(../images/ico_admin.png) no-repeat;}
.adminInfo li a { display: inline-block; height: 33px; margin-left: 10px; padding: 2px 15px 0; box-sizing: border-box; border-radius: 30px; color: #b3d1fb; font-size: 13px; line-height: 13px; background: #31558d;}
.adminInfo li a:hover { color: #ffe65d; text-decoration: none;}
.btnBackFloat { display: block; position: absolute; top: 92px; left: 20px; width: 80px; height: 55px; line-height: 55px; padding-left: 20px; box-sizing: border-box; font-size: 16px; background: url(../images/ico_back.png) 0 18px no-repeat;}

/*통계정보 동기화*/
.adSyncBtn { clear: both; display: block; width: 230px; height: 60px; margin: 30px auto 0; color: #fff; padding: 16px 0 0 0; box-sizing: border-box; font-size: 20px; font-weight: bold; cursor: pointer; background: #114688}
.adSyncBtn i { display: inline-block; width: 20px; height: 18px; vertical-align: -2px; background: url(../images/bul_start.png) left center no-repeat;}
.adSyncCon { padding: 20px 0 0px 0; text-align: center;}
.adSyncCon select.normalSelboxTitle { display: block; width: 230px; height: 40px; margin: 7px auto 0; padding-left: 5px; border-color: #888;}

/*정규과목*/
.adSubject .project { width: 590px; padding-left: 120px; margin: 20px auto 0; box-sizing: border-box; text-align: left; background: url(../images/ico_search.png) center left no-repeat;}
.adSubject .project .atdListProfSearch1 select { width: 110px;}
.adSubject .project .atdListProfSearch2 select { width: 100px;}
.adSubject .project .atdListProfSearch3 select { width: 80px;}
.adSubject i.badgeAtt { float: none; margin: 0;}

/*테이블body 스크롤*/
.atdInsertTable tbody.tableBodyScroll { position: fixed; top: 523px; bottom: 65px; left: 20px; right: 20px; display: block; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; min-width: 1280px; overflow-y: scroll;}
.atdInsertTable tbody.tableBodyScroll tr { display: table; width: 100%;}
.atdInsertTable tbody.tableBodyScroll tr:first-child td { border-top: none;}
.atdInsert .atdInsertTable colgroup col:nth-child(1),
.atdInsert .atdInsertTable tr td:nth-child(1) { width: 310px !important; box-sizing: border-box;}
.atdInsert .atdInsertTable colgroup col:nth-child(2),
.atdInsert .atdInsertTable colgroup col:nth-child(3),
.atdInsert .atdInsertTable colgroup col:nth-child(4),
.atdInsert .atdInsertTable colgroup col:nth-child(5),
.atdInsert .atdInsertTable tr td:nth-child(2),
.atdInsert .atdInsertTable tr td:nth-child(3),
.atdInsert .atdInsertTable tr td:nth-child(4),
.atdInsert .atdInsertTable tr td:nth-child(5) { width: 70px !important; box-sizing: border-box;}
.tableBodyScrollBtn { position: fixed; right: 0px; bottom: 0px; width: 100%; padding: 15px 20px; box-sizing: border-box; text-align: right; background: #fff;}
.tableBodyScrollBtn span.button { margin-right: 0 !important;}
.atdInsert table.atdInsertTable { border-bottom: none;}


/*특강관리*/
body { height: 100%;}
#content_text.specialLecture { height: 100%; padding-bottom: 0;}
.shareListTable { width: 100%;}
.shareListTable tr { position: relative;}
.shareListTable th { height: 30px; border-top: 2px solid #666;}
.shareListTable td { height: 40px; border-bottom: 1px solid #ccc; text-align: center;}
.shareListTable tr:nth-child(1) td { border-top: 1px solid #ccc;}
.shareListTable tr td:nth-child(2) { text-align: left; padding-left: 10px; font-weight: bold; font-size: 16px;}
.shareListBody { height: 400px; overflow-y: auto;}
.managerCon { height: calc(100% - 196px); margin-top: 20px; padding: 0 20px;}
.managerCon::after { clear: both; display: block; content: "";}
.managerCon .shareListTable td { position: relative; height: 30px; padding: 5px 20px 5px 5px; cursor: pointer; text-align: left;}
.managerCon .shareListTable tr:hover { background-color: #fff7cb;}
.managerCon .shareListTable tr td.selected { line-height: 19px; background-color: #fff7cb;}
.managerCon .shareListTable tr td.selected::after { position: absolute; right: 0; top: 50%; display: inline-block; height: 40px; width: 20px; margin-top: -20px; content: ""; background: url(../images/ico_page_go.png) center no-repeat;}
.managerCon .noteReceiveTable tr th,
.managerCon .noteReceiveTable tr td { height: 36px; padding: 0 5px;}
.managerCon .shareListBody { height: 725px;} 
.specialLecture .workflowTable td { text-align: center;}
.attendEventConL { float: left; display: inline-block; width: 25%; height: 100%; box-sizing: border-box;}
.attendEventConR { float: left; display: inline-block; width: 75%; padding: 0 0px 20px 15px; height: 100%; border-left: 1px solid #888; box-sizing: border-box; overflow-y: auto;}
.attendEventConL .shareListBody { height: calc(100% - 38px);} 
.workflowTable { width: 100%; margin-top: 10px; }
.workflowTable th { position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.workflowTable td { height: 40px; line-height: 18px; border-bottom: 1px solid #e1e1e1;}
.workflowTable tbody tr:hover { background-color: #f1f1f1;}
.workflowTable tbody tr.newListTr,
.workflowTable tbody tr.newListTr:hover { background-color: #fff4b9;}
.noteReceiveTable { width: 100%; border-top: 1px solid #888;}
.noteReceiveTable tr th { height: 42px; border-bottom: 1px solid #ccc; background: #f1f1f1;}
.noteReceiveTable tr td { padding: 10px; box-sizing: border-box; border-bottom: 1px solid #ccc;}
.specialLectureLoc { height: 130px; overflow-y: scroll; margin-top: 5px; margin-bottom: 5px; background: #f1f1f1;}
.specialLectureLoc ul { padding: 0; background: #f1f1f1;}
.specialLectureLoc ul li { border-bottom: 1px solid #ccc; padding: 0;}
.specialLectureLoc li a { position: relative; display: block; min-height: 20px; box-sizing: border-box; padding: 3px 5px; font-size: 12px; text-align: left;}
.specialLectureLoc li a.selected { padding-left: 18px; line-height: 19px; background-color: #fff7cb;}
.specialLectureLoc li a.selected::before { position: absolute; left: 0; top: 50%; display: inline-block; height: 40px; width: 20px; margin-top: -20px; content: ""; background: url(../images/ico_page_go.png) center no-repeat;}
.layerPopAttend400 { margin: -160px 0 0 -250px; width: 400px;}
.layerPopAttend500 { margin: -160px 0 0 -250px; width: 500px;}
.layerPopAttend600 { margin: -160px 0 0 -300px; width: 600px;}
.layerPopAttend700 { margin: -160px 0 0 -350px; width: 700px;}
.layerPopAttend800 { margin: -160px 0 0 -400px; width: 800px;}
.layerPopAttend900 { margin: -160px 0 0 -450px; width: 900px;}
.layerPopAttend1000 { margin: -160px 0 0 -500px; width: 1000px;}
.layerPopAttend1100 { margin: -160px 0 0 -550px; width: 1100px;}
.layerPopAttend1200 { margin: -160px 0 0 -600px; width: 1200px;}
.layerPopDivSpecialIn {margin: 20px 0 0px; padding: 0 20px; box-sizing: border-box;}
.layerPopAttend500 .bbswrite { width: 100%;}
.layerPopDivSpecialIn .bbswrite th { height: 32px; padding-top: 6px; text-align: left; vertical-align: top;}
.layerPopDivSpecialIn .bbswrite td { text-align: left;}
.txtTitle { font-size: 16px;}
.txtInfo { display: block; margin-top: 10px; font-weight: normal; font-size: 12px;}

.specialTitle { padding: 20px 0 5px 0; text-align: center;}
.specialTitle span { display: inline-block; height: 28px; line-height: 14px; padding: 0 15px; border-left: 3px solid #fa848a; border-right: 3px solid #fa848a;}
.specialTitle span b { margin-right: 8px; vertical-align: middle; font-size: 16px;}
.specialTitle span .normalSelboxTitle { width: auto;}
.specialLectureStuHistory .project { margin-top: 20px;}
.specialLectureStuHistory .project .adUserSearch1 { color: #fff;}
.specialLectureStuHistory .project .adUserSearch1 input + label { margin-left: 20px;}
.specialLectureStuHistory .project .adUserSearch1 .txttype02 { width: 90px; text-align: center;}
.specialLectureStuHistory .project .adUserSearch1 .txttype { width: 200px; padding-left: 5px;}
.specialLectureStuHistory .adUserSearch1 select { width: auto; min-width: 100px;}

.chapelHistory .adUserSearch1 select { width: auto; min-width: 65px;}
.chapelHistory .adUserSearch1 select:nth-child(4) { max-width: 400px;}
.chapelHistory .adUserSearch1 label:nth-child(5) { width: 70px;}

.camfSel { height: 30px; min-width: 150px;}
.camfSel1 { height: 30px; min-width: 20%;}
.camfTbox { height: 28px; width: 150px; border: 1px solid #bbb; box-sizing: border-box;}
.camfTbox1 { height: 28px; width: 20%; border: 1px solid #bbb; box-sizing: border-box;}
.camfTbox2 { height: 28px; width: 50%; border: 1px solid #bbb; box-sizing: border-box;}
.camfTbox3 { height: 28px; width: 100%; border: 1px solid #bbb; box-sizing: border-box; padding-left: 5px;}
.camfTbox4 { height: 28px; width: calc(100% - 10px); border: 1px solid #bbb; box-sizing: border-box; padding-left: 5px;}
.camfTbox5 { height: 28px; width: 75%; border: 1px solid #bbb; box-sizing: border-box; padding-left: 5px;}
.camfTbox6 { height: 28px; width: 30%; border: 1px solid #bbb; box-sizing: border-box;}
.camfTbox7 { height: 28px; width: 10%; border: 1px solid #bbb; box-sizing: border-box;}
.camfTbox8 { height: 28px; width: 35%; border: 1px solid #bbb; box-sizing: border-box;}
.camfTbox9 { height: 28px; width: 38%; border: 1px solid #bbb; box-sizing: border-box;}
.chkbox { width: 18px; height: 18px; cursor: pointer;}
.bottomSearchBtn { clear: both; height: 40px; margin-top: 15px;}
.leftBtn { float: left; width: 50%; height: 100%;}
.rightBtn { float: right; width: 50%; height: 100%; text-align: right;}
a.btnBasic { display: inline-block; min-width: 75px; height: 35px; margin-right: 0px; padding: 9px 20px 0; background: #5f5f5f; text-align: center; box-sizing:border-box; color: #fff; font-size: 13px; vertical-align: middle;}
.btnBasic:hover { text-decoration: none;}
.morePageLoad { height: 44px; text-align: center; cursor: pointer; border-bottom: 1px solid #e1e1e1; background: #efefef;}
.morePageLoad span { display: inline-block; margin-top: 14px; padding: 0 0 0 20px; font-weight: bold;}
.btnMini { display: inline-block; min-width: 30px; margin-left: 5px; padding: 4px; border: 1px solid #c5c5c5; border-radius: 3px; background-color: #fff; text-align: center; box-sizing: border-box;}
.btnMini:hover { border: 1px solid #3994ee; text-decoration:none;}
.btnMiniDel { border: 1px solid #6b6b6b; text-indent: -9999px; background: #6b6b6b url(../images/ico_ssmall.png) center -993px no-repeat;}
.btnMiniEdit { border: 1px solid #78c4c7; text-indent: -9999px; background: #78c4c7 url(../images/ico_small.png) center -748px no-repeat;}
.btnMiniAdd { border: 1px solid #7eb026; text-indent: -9999px; background: #7eb026 url(../images/ico_ssmall.png) center -944px no-repeat;}
a.workflowName { display: inline-block; width: 100%; height: 42px; line-height: 46px; padding: 0 10px 0 0; box-sizing: border-box; overflow: hidden; font-weight: bold; word-break: break-all;}
.pd0 { padding: 0px !important;}
a.btnBasicDel { background-color: #f16b6b;}
a.btnBasicDel:before { display: inline-block; content: ""; width: 10px; height: 11px; margin-right: 5px; vertical-align: -1px; background: url(../images/ico_del.png) no-repeat;}
.btnBlackMini { display: inline-block; height: 28px; padding: 7px 5px; border:1px solid #6b6b6b; line-height: 12px; background: #6b6b6b; border-radius: 3px; color: #fff !important; box-sizing: border-box; vertical-align: middle;}
.btnBlackMini:hover { text-decoration: none; border-color:#222;}

/*수업배정현황*/
.weekList { width: 100%;}
.weekList th { position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #4f4f4f; background: url(../images/bg_th.png) left bottom no-repeat;}
.weekList th:first-child { background: none;}
.weekList td { height: 40px; line-height: 18px; border-bottom: 1px solid #e1e1e1; text-align: center;}
.weekList td:first-child,
.weekList td:last-child,
.weekList tr:last-child td { background: #f1f1f1;}
.weekList tr:last-child td { font-weight: bold;}
.weekList td a { display: block; padding: 10px 0px; height: 18px; font-weight: bold;}
.weekList td a:hover { background: #fff4b9;}
.overScr300 { max-height: 300px; overflow: auto;}
.overScr450 { max-height: 450px; overflow: auto;}
.overScr500 { max-height: 500px; overflow: auto;}
.overScr600 { max-height: 600px; overflow: auto;}
.overScr700 { max-height: 700px; overflow: auto;}
.overScr800 { max-height: 800px; overflow: auto;}
.layerPopHgt700 { height: 700px; overflow: auto; margin-top: -350px; background: #fff;}
.layerPopHgt700 .ui-widget-content { border: none;}
.layerTopSearch { padding: 0 0 20px 0; text-align: left;}
.layerTopSearch span { display: inline-block; margin-right: 10px; font-size: 20px; vertical-align: -4px;}
.allotClass .project { margin-top: 20px;}
.allotClass .project .adUserSearch1 { color: #fff;}
.allotClass .adUserSearch1 select { width: auto; min-width: 100px;}
.allotClass .adUserSearch1 label:nth-child(1) { width: 97px;}
.allotClass .adUserSearch1 label:nth-child(3),
.allotClass .adUserSearch1 label:nth-child(5) { width: 45px;}
.allotClass .adUserSearch1 label:nth-child(7) { width: 70px; margin-left: 16px;}
.allotClass .adUserSearch1 input[type=text] { width: 50px;}
.allotClass .weekList td a:hover { background: none;}
.allot1 { background-color: #f3ed57; border-color: #bdab0f;}
.allot2 { background-color: #f4cc52; border-color: #f4cc52;}
.allot3 { background-color: #f1b053; border-color: #f1b053;}
.allot4 { background-color: #f19a53; border-color: #f19a53;}
.allot5 { background-color: #f18053; border-color: #f18053;}
.allot6 { background-color: #fa5f5f; border-color: #fa5f5f;}
.allot7 { background-color: #314660; border-color: #314660;}
.allot8 { background-color: #028de2; border-color: #028de2 ;}
.allotColorInfo { position: relative; top: 15px; float: right;}

.fileUpload span { float: right; }
.fileUpload input { display: inline-block; width: 95%; margin: 10px 0; padding: 10px; border: 1px solid #dcdcdc; border-top: 2px solid #7d7d7d;}

.authorityChs { display: inline-block;  margin: 26px 0 0 15px; }
.authorityChs a { display: inline-block; border-radius: 20px; width: 80px; height: 30px; border: none; background-color: #3777db; color: #fff; text-align: center; line-height: 30px; }
.authorityChs a:hover { text-decoration: none;}
/*실시간 강의실 모니터링*/
.classroomRt .project { margin-top: 20px;}
.classroomRt .adUserSearch1 select { width: auto; min-width: 100px;}
.classroomRt .adUserSearch1 label:nth-child(1) { width: 60px;}
.classroomColorInfo { padding: 10px 0 10px; float: right;}
.classroomInfoLeft { padding: 10px 0 10px; float: left;}
.classroomInfoLeft * { vertical-align: middle;}

.classRoomArea { display: flex; flex-direction: column; }
.classRoomCont { display: flex; justify-content: flex-end; }
.classroomDiv { border: 1px solid #4f4f4f; }
.classroomTable { width: 100%; }
.classroomTable td { height: 100px; font-size: 14px; vertical-align: top; text-align: center; border: 1px solid #e1e1e1; }
.classroomTable td p { position: relative; padding: 7px 10px 0 10px; font-size: 14px; text-align: left; color: #888888; }

.roomChk { background-color: #f7e867; }
.roomChkBlue { background-color: #028de2; }
.roomChkNavy { background-color: #314660; }
.roomChk p { color: #222 !important; font-weight: bold; }
.roomChkBlue p,
.roomChkNavy p { color: #fff !important; font-weight: bold; }
.electAtt { position: relative; top: 20px; background-color: #028de2; color: #fff; font-size: 14px; font-weight: bold; border-radius: 20px; padding: 8px 12px;}
.basicAtt { position: relative; top: 20px; background-color: #314660; color: #fff; font-size: 14px; font-weight: bold; border-radius: 20px; padding: 8px 12px;}

/*page nation*/
.pageNation { margin-top:20px; text-align:center;}
.pageNation ul { display:inline-block;}
.pageNation ul li { float:left; padding: 0 1px;}
.pageNation ul li a { display:inline-block; width:40px; height:40px; line-height:40px; border-radius: 5px; font-size: 16px; box-sizing: border-box;}
.pageNation ul li.on a,
.pageNation ul li a:hover { border:1px solid #999; color: #000; font-weight: bold; text-decoration: none; background: rgba(255,255,255,0.5);}
.pageNation ul li.prev a,
.pageNation ul li.next a,
.pageNation ul li:first-child a,
.pageNation ul li:last-child a { margin: 0 3px; font-size: 24px; line-height: 34px; letter-spacing: -7px; text-indent: -10px; color: #888;}
.pageNation ul li:first-child a,
.pageNation ul li:last-child a { color: #ccc;}
.pageNation ul li.prev a:hover,
.pageNation ul li.next a:hover,
.pageNation ul li:first-child a:hover,
.pageNation ul li:last-child a:hover { font-weight: normal;}
.pageNation ul li.off a { display: none;}
.pagePrevNext ul li:first-child a,
.pagePrevNext ul li:last-child a { width: 100px;}
.pagePrevNext ul li a span { display: inline-block; vertical-align: middle; font-size: 16px;}
.pagePrevNext ul li a em { display: inline-block; vertical-align: top; color: #000; font-size: 30px;}
.pagePrevNext ul li:first-child a span { padding-left: 15px;}
.pagePrevNext ul li:last-child a span { padding-right: 15px;}
.pagePrevNext ul li a:hover { border: none;}
.pagePrevNext ul li.off a { display: inline-block;}
.pagePrevNext ul li.off a em,
.pagePrevNext ul li.off a span { color: #ccc;}
.pagePrevNext ul li.off a:hover { cursor: default;}

/*preloader*/
.preloaderDiv { display: flex; position: fixed; justify-content: center; align-items: center; left: 0; top: 0; bottom: 0; right: 0; z-index: 999; background: rgba(0,0,0,0.8);}
.preloaderDiv h1 { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; margin: -10px 0 0 -45px; color: #fff; text-align: center;}
.preloaderDiv #preloader { width: 90px; height: 90px; border: 3px solid rgba(0,0,0,0.0); border-radius: 50%; border-top-color: #ddd; animation: spin 1s ease-in infinite; -webkit-animation: spin 1s ease-in-out infinite; background: rgba(0,0,0,0.0);}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/*mobile*/
@media only screen and (max-device-width : 767px){
    #content_text { min-width: 300px;}
    .semesterTitle { padding-top: 20px;}
    .atdListStuLegend { margin-top: 15px; text-align: center; height: auto;}
    .atdListStuLegendIn { float: none; display: inline-block;}
    .atdListStuList { margin-top: 5px;}
    .atdListStuWrap { padding: 0 10px;}
    .atdListStuListWeek { padding: 10px 5px 0 15px;}
    .atdListStuListUl li { padding: 7px 5px;}
    .atdListStuLegendCon { margin-right: 0px;}
    .atdListStuLegendCon > div { margin-left: 5px;}
    .legendTxt { margin-left: -2px;}
    .atdListStuListUl .attendBoxIconOff,
    .atdListStuListUl .attendBoxIconOn { padding: 5px 5px 5px 0px;}
/*login*/
    .loginField { margin: 0 5px; padding-top: 310px; background-size: contain;}
    .loginFieldUl { width: 60%;}
    input.loginTbox { height: 30px;}
    button.loginBtn { padding-top: 2px; height: 35px;}
    .loginFieldUl li:nth-child(3) { padding-top: 8%;}
/*nav top*/
    .adminTop { padding: 17px 10px 15px;}
    .adminLeft { float: none; text-align: center;}
    .adminLeft h1 { float: none; margin-top: 0px;}
    .adminLeft h2 { float: none; margin-top: 0px;}
    .adminLeft h1 a { vertical-align: middle;}
    .adminLeft h2 a { margin: 0px 0 0 5px; vertical-align: middle;}
    .selLang { float: none; display: block; width: 100px; margin: 20px auto 0;}
    .adminRight { float: none; clear: both; text-align: center;}
    .adminRight ul { float: none; display: inline-block;}
    .adminInfo { margin: 13px 0 0 0;}
    .attendance_week_info .week_title::before { display: none; top: 228px;}
    .atdTopBtn { position: relative; top: 10px; right: 0;}
    .atdListProfResult { padding: 0 0px;}
    . td.linkTitleL a { padding: 3px 0; line-height: 20px;}
    .btnBackFloat { top: 136px; left: 10px; width: 55px; height: 55px; padding-left: 0px; border: 1px solid #5070a1; border-radius: 50px; box-shadow: 2px 2px 10px rgba(0,0,0,0.4); text-indent: -9999px; background: #1b3968 url(../images/ico_back.png) 18px -112px no-repeat;}
    .layerPopAttend500 { margin: -160px 0 0 0; left: 5%; width: 90%;}
	
	div.tab-wrap {display: flex; flex-wrap: nowrap; overflow-x: auto;}
	div.tab-wrap div.tab {min-width: min-content; white-space: nowrap;}
	.semesterTitle.bbs-rbutton02 span.button {display: none !important;}
}


/* 통계_부정사용자 테이블내의 링크 굵게 */
.BoldCenter{text-decoration: none; font-weight: bold; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;}
.BoldCenter:hover{text-decoration: none; color: #0280dc;}
.BoldLeft{text-decoration: none; font-weight: bold; height: 100%; width: 100%; display: flex; justify-content: flex-start; align-items: center; text-align: left;}
.BoldLeft:hover{text-decoration: none; color: #0280dc;}


/* 통계_부정사용자 수톡메세지전송 버튼*/
.btnRedMini {display: inline-block; height: 28px; padding: 7px 7px; border:1px solid #f16b6b; line-height: 12px; background: #f16b6b; border-radius: 3px; color: #fff !important; box-sizing: border-box; vertical-align: middle;}
.btnRedMini:hover { text-decoration: none; border-color:#222;}


/*통계_부정사용자 추가 탭 Middletab*/
.Middletab{text-align: left; margin-top: 25px; padding-bottom: 15px;}
.Middletab > div{display: inline-block; border: 1px solid #666; padding: 10px 14px; color: #1b3968; font-size: 16px; border-radius: 5px 5px 0px 0px; cursor: pointer;}
.Middletab > div:first-child{ margin-left: 20px;}
.Middletab .Middle_off_tab {background: #1b3968; color: #fff;}
.Middletab .Middle_on_tab {background: #fff; color: #1b3968; border-bottom: 2px solid #fff; font-weight: bold; z-index: 10;}
.Middletab::after{display: block; height: 1px; content: ""; background: #666;  margin: -2px 20px 0;}