@charset "utf-8";
/* CSS Document */
.box1{}
.PC{ display:none}
.PHONE{ display:block}

#loading,
#loading_work{ margin-left:-220px}

#header{}
#header .left{ float:none}
#header .right{ float:none; position:absolute; right:5px; top:0}
#header .logo{ float:none; text-align:left; margin-left:55px; padding-left:0}
#header .gnb_wrap{ display:none}

#contents .mGnbBtn{ position:fixed; z-index:1001; left:0; top:0; display:block; width:50px; line-height:55px; text-align:center; color:#111; background:#00437b; color:#fff}
#contents .mGnbBtn .xi:before{content:"\e91c"}
.mGnbOn #contents .mGnbBtn{ left:70%; z-index:1003; background:#00437b; color:#fff; top:0; transition-delay:0}
.mGnbOn #contents .mGnbBtn .xi:before{content:"\e922"}

#contents #lnbWrap{position:fixed; left:0; top:0 !important; width:0; height:100% !important; overflow:hidden !important; z-index:1002; border-radius:0; background:none}
#contents #lnbWrap .bg{ width:100%; height:100%; position: fixed; left:0; top:0; background:#000; opacity:.5; opacity:0; transition:.3s; visibility:hidden}
#contents #lnbWrap .gnb_wrap{ position: fixed; z-index:1; width:70%; left:-100%; top:0; height:100%; background:#fff; overflow-y: auto; opacity:0; transition:.5s; border-right:3px solid #00437b}
.mGnbOn #contents #lnbWrap{ width: 100%}
.mGnbOn #contents #lnbWrap .bg{ opacity:.5; visibility:visible}
.mGnbOn #contents #lnbWrap .gnb_wrap{ opacity:1; left:0}

#contents #lnbWrap .gnb > li.on:after{ display:none}
#contents #lnbWrap .gnb > li:first-child .dp1{ border-radius:0}

#contents #lnbWrap .gnb_wrap .logo{ background:url(../images/inc/logo.png) no-repeat center top; background-size:contain; height:35px; margin:1.5em 0}
#contents #lnbWrap .gnb_wrap .user_wrap{ background:#f9f9f9; border-top:1px solid #ccc; border-bottom:2px solid #00437b; padding:1em}
#contents #lnbWrap .gnb_wrap .user_wrap .user{ line-height:20px; font-size:.875em; color:#666}
#contents #lnbWrap .gnb_wrap .user_wrap .user .xi{ width:30px; line-height:30px; border:1px solid #ddd; background:#f1f1f1; border-radius:100%; text-align:center; color:#00437b; margin-right:5px; vertical-align:middle}
#contents #lnbWrap .gnb_wrap .user_wrap .user i{ vertical-align:middle}
#contents #lnbWrap .gnb_wrap .user_wrap .user .point{ font-weight:bold; color:#111; padding-right:5px}

#contents #conWrap{ margin-left:0; border-radius:3px; font-size:.938em}

#footer .info > dd{ display:none}

.login_wrap .login{ padding:0 10px}
.login .login_form .check_wrap .di_li .in{ font-size:1em}

.mCSB_outside + .mCSB_scrollTools{ right:0 !important; height:80%; top:10%}

.mScrollX{ width:100%; position:relative}
.mScrollX .table_st{ min-width:100%; width:1200px !important}
.page_adm_lectureList .mScrollX .table_st{ width:1100px !important}
.page_adm_profList .mScrollX .table_st{ width:1400px !important}
.page_adm_spendList .mScrollX .table_st{ width:1300px !important}
.page_adm_calculate .mScrollX .table_st{ width:1300px !important}
.page_adm_lectureTotal .mScrollX .table_st{ width:100% !important}
.mScrollX .mCSB_scrollTools_horizontal.mCSB_scrollTools{ width:90%; left:5%}

.table_st > tbody > tr > td[data-th="No Data"]{ text-align:left !important; padding-left:20px}

table.retable,
table.retable thead,
table.retable tbody,
table.retable tr,
table.retable td{ display:block}
table.retable th{ display:none}
table.retable td:before{ content: attr(data-th); position:absolute; left:0; top:0; width:75px; height:100%; background:#f5f5f5; border-right:1px solid #ddd; box-sizing:border-box; display:table-cell; vertical-align:middle; line-height:13px; padding:5px 5px 3px 5px; font-weight:bold; text-align:left !important}
table.retable td{ position:relative; padding:5px 5px 3px 80px !important; width:100% !important; height:auto !important; box-sizing:border-box; border-top:none !important; line-height:13px !important; text-align:left !important}
table.retable td.ac{ text-align:left !important}
table.retable td.ac.c_st3{ text-align:center !important}
table.retable td.lineH:before{ padding-top:12px}
table.retable td.lineH2:before{ padding-top:8px}
table.retable td.lineH3:before{ padding-top:11px}
table.retable td.minH{ min-height:25px; line-height:25px !important}
table.retable .minH_wrap td{ min-height:28px; line-height:24px !important}
table.retable .minH_wrap td:before{ padding-top:10px}
table.retable .c_st1{ display:block; width:100% !important; box-sizing:border-box; padding:10px 5px 6px 5px !important; height:auto !important; font-size:1.063em; white-space:normal !important}
table.retable .c_st2{ padding:2px 5px 0 5px !important}
table.retable .c_st2:before{ display:none}
table.retable .c_st3{ text-align:center !important; padding:7px 5px 4px 5px !important; background:#f5f5f5; font-weight:600}
table.retable .c_st4{ text-align:left !important; padding-top:10px !important; padding-bottom:6px !important}
table.retable .c_st4:before{ padding-top:10px}
table.retable tr:hover .c_st3{ background:#f5f5f5 !important}
table.retable .c_st3:before{ display:none}
table.retable .c_st_none{ display:none}
table.retable .sec_st{ margin-top:20px; border-top:2px solid #008cd4 !important}
table.retable .in_table_wrap{ padding:0 !important; border:none !important}
.in_table.retable > tbody > tr > td,
.in_table.retable > tbody > tr > td:first-child{ border:1px solid #ddd; border-top:none}

@media screen and (max-width:900px){
.fc-header-toolbar.fc-toolbar{ padding-bottom:50px; margin-bottom:10px !important; position:relative}
.fc-toolbar .fc-center{ position:absolute; left:0; bottom:0; width:100%; text-align:center}
.fc .fc-toolbar > * > *{ float:none !important}
}

@media screen and (max-width:768px){
.di_wrap > li,
.di_wrap > .di_li{ font-size:.75rem}

.layer_wrap .close,
a.closeWin{width:40px; height:40px; line-height:1.4}
body.pop .pop_tit{ line-height:35px; padding-top:5px}
body.pop #contents{ margin:50px 15px 10px 10px}

#header .va_wrap{}
#header .logo a{ height:35px}
#header .right .user_wrap{ display:none}
#header .btn_wrap .btn{ width:30px; line-height:30px; font-size:.813em}

#contents #lnbWrap .gnb_wrap{ font-size:.875em}

#contents #lnbWrap .gnb > li .dp1{ height:45px}
#contents #lnbWrap .gnb > li .dp1:before{ line-height:45px}
#contents #lnbWrap .gnb > li .dp2{ padding:10px}
#contents #lnbWrap .gnb > li .dp2 > li > a::after{ top:5px}

#contents #lnbWrap .gnb_wrap .user_wrap{ padding:10px}

#contents #conWrap{ padding:10px 15px 10px 10px; font-size:.75em}
#contents #conWrap .sub_tit{ background-size: auto 20px; padding-left:25px; padding-bottom:10px; padding-top:4px}

#footer{ font-size:.813em}
#footer .info > *,
#footer .copyright{ line-height:20px}

.login .site_tit{ font-size:1.5em}
.login .login_tt{ font-size:.75em; padding:15px 20px}
.login .login_form{ width:95%}
.login .login_form .check_wrap .di_li .in.label_st{ font-size:1.25em; padding:15px 0 !important}
.login .login_form .check_wrap .di_li .in.label_st > .xi{ margin:3px 3px 0 0;}

/**/
.lecture_time > li{ width:33.33%}
.lecture_time > li .in{ padding:10px 5px 5px 5px; line-height:1; text-align:center}
.lecture_time > li .in .xi{ display:none}
.lecture_time > li .in .tit{ display:block; padding-bottom:7px}

.search_box{ padding:10px; margin-bottom:10px}
.search_box .search_wrap{ margin:0 -5px -5px 0}
.search_box .search_wrap .search{ margin:0 5px 5px 0}
.search_box .search_wrap .search .tit.inp{ font-size:.688rem; padding:0 0 0 5px; line-height:30px; width:70px}
.search_box .search_wrap .search .inp{ font-size:.688rem; padding:5px; height:30px; line-height:22px}
.search_box .search_wrap .search .label.inp{ padding:0 5px}
.search_box .search_wrap .search .label.inp .xi{ top:5px}
.search_box .search_wrap .search .label.inp label{ margin-left:0; margin-right:5px; padding-left:14px; min-height:inherit; padding:3px 0}
.search_box .search_wrap .search_btn{ height:28px; line-height:28px; font-size:.938em; padding:0 10px}
.search_box .search_wrap .search_btn i{ vertical-align: baseline}
.mg1.btn_wrap{ margin-top:5px; padding-bottom:5px}
.st_board.search_box .search_wrap{ display:inline-block}
.st_board.search_box .search_wrap .fr{ float:none !important; display:block}
.st_board.search_box .search_wrap input[type=text].inp.w1{ width:100px}

.fc-header-toolbar.fc-toolbar{ padding-bottom:40px; margin-bottom:5px !important}
.fc-left, .fc-right{ min-width:inherit !important}
.fc-button-group{ display:block !important}
button.fc-month-button, button.fc-listMonth-button{ width:35px !important}
button.fc-button{ height:30px !important}
button.fc-button::before{ font-size:.938rem !important}
#calendar .fc-list-empty-wrap2{ padding:50px 0}

.calendar_wrap .calendar_state{ right:0; top:0; width:55%}
.calendar_wrap .calendar_state > li{ width:50%; box-sizing:border-box; padding-left:10px; margin:2px 0}
.calendar_wrap .calendar_state > li .color{ width:12px; height:10px; margin-right:2px}
.calendar_wrap .calendar_state > li .tt{ line-height:10px}
.calendar_wrap .calendar_state > li .down{ line-height:10px; margin-left:3px}
.calendar_wrap .calendar_state > li .cList{ top:20px}
.addT1,
.calendar_wrap .calendar_state > li.state7 .addT1{ width:12px; height:12px; line-height:14px; top:0; right:0;}

.fc-list-table td{ padding:10px !important}
th.fc-sun, td.fc-sun{ width:15px}
#calendar a.complete.dataWrap{ padding:0 3px}
#calendar a.s2.complete.dataWrap{ padding:0 15px}
#calendar a.complete.dataWrap .completeTT{ width:12px; font-size:.813em; box-sizing:border-box; padding-top:3px}
#calendar a.dataWrap .t1.title{ padding-top:5px}
#calendar a.dataWrap .t2.title{ padding-bottom:5px}

.table_st{ font-size:.688rem}
.table_st > tbody > tr > th,
.table_st.form > tbody > tr > th,
.table_st > tbody > tr > td,
.table_st.form > tbody > tr > td{ padding:5px 5px 3px 5px; height:18px}
.table_st > tbody > tr > th,
.table_st.form > tbody > tr > th{word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ }
.in_table > tbody > tr > th, .in_table > tbody > tr > td{ height:14px; padding-top:3px; padding-bottom:1px}
.table_st .label_block label{ display:block !important; margin-left:0 !important}

table .w_right{ width:50px}
table .w_center3{ width:30px}

.loadBefore{ padding:70px 0}

.edu_info{ font-size:.75em}
.edu_info .edu_tit{ line-height:1.2; padding-bottom:4px}
.edu_info .edu_tit .xi{ font-size:1.125em; margin-top:-2px}
.edu_info .edu_con{ padding:5px 10px}
.edu_info .edu_con .tt .xi{ margin-top:0}

.doc_no_wrap{ padding-right:0; padding-top:35px}
.doc_no_wrap .doc_no{ left:0; text-align:left}
.doc_no_wrap .tab_st > li{ width:50% !important; font-size:.875rem}

/**/
select{ background-size:auto 4px}
.input_st{ line-height:22px; height:25px; padding-top:3px}
input[type=file].input_st{ line-height:21px; height:21px; padding-top:0}

.s1.input_st{ line-height:18px; height:18px}
.s3.input_st{ height:38px; line-height:34px}
.s3.input_st .xi{ margin:-2px 3px 0 0}
.s4.input_st{ line-height:50px; height:50px}

.w4.input_st{ width:100px}
.w6.input_st{ width:150px}

.label_st.de{ min-height:20px; line-height:20px; padding-left:22px !important}
.label_st.de .xi{ top:50% !important; margin-top:-11px}
.label_st.de span{ padding:3px 0 0 0 !important}

.board_paging{ margin-top:10px}
.board_paging button{ width:25px; height:25px; line-height:25px}

.st_board.table_st .w_no{ width:30px}
.st_board.table_st .w_date{ width:60px}
.st_board.table_st .w_name{ width:50px}
.st_board.table_st .w_name2{ width:120px}
.st_board.table_st .w_file{ width:50px}
.st_board.table_st .w_hit{ display:none}
.st_board.table_st .w_form_tit{ width:90px}

.timetable_tit{ padding:5px; font-size:.875em}
.timetable > li .in .time{ padding:0; line-height:1; height:auto}
.timetable > li .in .time .label_st.de{ display:block; text-align:center; padding:25px 5px 10px 5px  !important; position:relative}
.timetable > li .in .time .label_st.de input{ position:absolute}
.timetable > li .in .time .label_st.de .xi{ position:absolute; left:0; top:10px !important; margin-top:0; width:100%; text-align:center}
.timetable > li .in .con{ padding:5px;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */  }

.timetable > li .in.selectLayerWrap{ position:relative}
.timetable > li .in.selectLayerWrap .time{ padding:25px 0 5px 0}
.timetable > li .in.selectLayerWrap .sjt_Time{ position:static; margin-left:0; width:100%; border:none; border-bottom:1px solid #ddd}
.timetable > li .in.selectLayerWrap .time_icon{ top:5px; width:20px; margin-left:-10px; text-align:center}
.timetable > li .in.selectLayerWrap .subject{ padding:5px 5px 30px 5px}
.timetable > li .in.selectLayerWrap .icon{ width:100%; top:auto; bottom:0; left:0; line-height:25px; text-align:center; border-radius:0; border:none; border-top:1px solid #ddd; background:none}
.timetable > li .in.selectLayerWrap .icon::before{ content:"\e941"}

.label_group_wrap > li{ width:100%}

.file_st1 input{ width:100% !important}
.file_st1 span{ display:inline-block; margin:5px 0 0 0 !important}
.file_st1 label{}
}
@media screen and (max-width:360px){
.lecture_time > li .in{ padding:7px 3px 3px 3px}

.search_box{ padding:5px}
.search_box .search_wrap .search .tit.inp{ width:50px; padding-left:4px}
.search_box .search_wrap .search .tit.inp .xi{ display:none}
.search_box .search_wrap .search .inp{ padding:5px 3px}
.search_box .search_wrap .search .label.inp label{ margin-left:3px}

table .w_right{ width:40px}

.timetable > li .in .time .label_st.de span{ display:block; padding:5px; width:40px; margin:5px auto 0 auto; line-height:1.2;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */  }

/**/
.board_paging button{ width:20px; height:20px; line-height:20px}

}
@media all and (orientation:landscape){
.login_wrap .va{ display:none}
.login_wrap .va_tt{ display:block; padding:10px 5%; position:relative}
.login .site_tit,
.login .login_tt{ position:absolute; left:0; width:40%}
.login .site_tit{ top:10%}
.login .login_tt{ bottom:10%}
.login .login_form,
.login .login_link{ width:50%; margin-left:50%}
}