@charset "utf-8"; 

/*COMMON*/
/*.dark * {color: #fff;}*/
body.dark, #login.dark {background-color: #373a40;}

/*btn background*/
.dark .btn.blue {background-color: #4775ff;}
.dark .btn.darkgray {border: 1px solid #fff;}
.dark .btn.darkgray span {line-height: 32px;}
.dark .btn.gray.line {border: 1px solid #fff;}
.dark .btn.gray.line span {color: #fff;}


.dark #contents ::-webkit-scrollbar-thumb {
    background-color: #6b88fc;
    border-radius: 5px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
 
.dark #contents ::-webkit-scrollbar-track {
    background-color: #e4e4e5;
}

/*header*/
.dark header .top_area {background: rgba(2,54,113, 0.03);}
.dark header .logo {background: url("../images/common/logo_white.png") center no-repeat; height: 48px; width: 332px; zoom: 0.75; margin-top: -2px;}
.dark header .right_wrap select {border-color: #fff; background-color: #373a40; background-image: url('../images/common/arrow_select_white.svg');}
.dark header .set_lang li:not(:first-child)::before {background-color: #fff;}

.dark header .btn_menu {background-color: #4996ff;}
.dark header .btn_home {background-color: #4996ff;}

.dark header nav {background-color: rgba(255,255,255, 0.3); box-sizing: border-box; border-width: 1px 0; border-style: solid; border-color: rgba(255,255,255,0.35);}
.dark header nav select {background-color: #5f6166; background-image: url('../images/common/arrow_select_white.svg');}
.dark header .nav_list li a {color: #fff;}
.dark header .m_menu .dth01 > li a {color: #fff;}
.dark header .m_menu .top_wrap {background-color: rgba(73,150,255,0.05);}

/*navi bar*/
.dark .leftSubWrap a {color:#888;}
.dark .leftSubWrap h2 {color:#6b88fc;}
.dark .leftSubWrap h2 a {color: #6b88fc;}
.dark .leftSubWrap ul li a {color:#9397a3;}
.dark .leftSubWrap ul li.on {background: #6b88fc; border-color: #6b88fc;}
.dark .leftSubWrap ul li.on a {color:#ffffff;}

/*contents*/
.dark .p_11 h2, .dark .p_21 h2, .dark .p_31 h2, .dark .p_41 h2, .dark .p_11_half h2, .dark .p_21_half h2, .dark .p_31_half h2, .dark .p_41_half h2,
.dark .p_11_3div4 h2, .dark .p_21_3div4 h2, .dark .p_31_3div4 h2, .dark .p_41_3div4 h2, .dark .p_21_horizDiv h2, .dark .p_21_VertiTrans h2 ,
.dark .p_11_quarter h2, .dark .p_21_quarter h2, .dark .p_31_quarter h2, .dark .p_41_quarter h2 {color: #6b88fc;}
.dark .p_11 h3, .dark .p_21 h3, .dark .p_31 h3, .dark .p_41 h3, .dark .p_11_half h3, .dark .p_21_half h3, .dark .p_31_half h3, .dark .p_41_half h3,
.dark .p_11_3div4 h3, .dark .p_21_3div4 h3, .dark .p_31_3div4 h3, .dark .p_41_3div4 h3, .dark .p_21_horizDiv h3, .dark .p_21_VertiTrans h3,
.dark .p_11_quarter h3, .dark .p_21_quarter h3, .dark .p_31_quarter h3, .dark .p_41_quarter h3 {color: #ffffff;}

.dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #6b88fc;}

.dark .btn_select {background-color: #6b88fc;}
/*footer*/
.dark footer ul li a {color: #fff;}
.dark footer ul li a.red {color: #fa1a1a;}
.dark footer .foot_link {border-color: rgba(255,255,255,0.2); background: rgba(2,54,113, 0.03);}
.dark footer .info p {color: #fff;}
.dark footer .info span {color: #fff;}

/*211118 김은서 추가 (모바일 메뉴 추가)*/
.dark .m_menu .top_wrap select {background-color: #2b489c; background-image: url('../images/common/arrow_select_white.svg'); border: 1px solid #fff; line-height: 32px;}
.dark header .m_menu {background: #373a40;}
.dark .m_menu .dth01 > li {border-color: rgba(255,255,255,0.15);}
.dark .m_menu .dth01 > li .dth02 {background: rgba(0,0,0,0.15);}

.dark header .main_set ul li {background: #373a40;}

/*MAIN*/

/*portlet*/

.dark .p_11, .dark .p_21, .dark .p_31, .dark .p_41,
.dark .p_11_half, .dark .p_21_half, .dark .p_31_half, .dark .p_41_half,
.dark .p_11_quarter, .dark .p_21_quarter, .dark .p_31_quarter, .dark .p_41_quarter,
.dark .p_11_3div4, .dark .p_21_3div4, .dark .p_31_3div4, .dark .p_41_3div4,
.dark .p_21_horizDiv, .dark .p_21_VertiTrans {background-color: rgba(255,255,255,0.12);}

.dark .bg_infoGathering {background: url("../images/main/infogather.png") center no-repeat; background-size: 256px 192px;}

.dark .p_41.newsletter_background {background-color: rgba(228,246,255,0.24);}




.dark .btn_more {color: #fff; opacity: 0.7;}

/*board style*/
.dark .board li.read a span {color: rgba(255, 255, 255, 0.62);}

/*board status*/
.dark .status li {color: rgba(255, 255, 255, 0.7);}
.dark .status li.blue::before {background-color: #4996ff;}
.dark .status li.red::before {background-color: #ff4949;}
.dark .status li.gray::before {background-color: rgba(255, 255, 255, 0.62);}

/*tab style*/
.dark .tab .tab_btn a, .dark .tab2 .tab_btn2 a {color: #fff;}
.dark .tab .tab_btn span, .dark .tab2 .tab_btn2 span {color: #fff;}
.dark .tab .tab_btn.on a, .dark .tab2 .tab_btn2.on a, .dark .tab .tab_btn.on p, .dark .tab2 .tab_btn2.on p {color: #6b88fc;}
.dark .tab .tab_btn.on a:not(.btn_refresh)::after, .dark .tab2 .tab_btn2.on a:not(.btn_refresh)::after,
.dark .tab .tab_btn.on p:not(.btn_refresh)::after, .dark .tab2 .tab_btn2.on p:not(.btn_refresh)::after{background-color: rgba(0,0,0,0);}
.dark .tab .tab_btn.on .btn_refresh {background-image: url('../images/main/icon_refresh_white.svg');}

/*학사결재 / 민원 건수*/
.dark .case {background-color: rgba(0, 240, 255, 0.4);}
.dark .case.half .blue {background-color: rgba(73, 150, 255, 0.5);}
.dark .case.half .green {background-color: rgba(0, 240, 255, 0.4);}

/*학사 일정*/
.dark .schedule ol li.read span {color: rgba(255, 255, 255, 0.62);}

/*교직원검색*/
.dark .search_wrap input {border-color: #4996ff; background-color: transparent; color: #fff;}
.dark .search_wrap .btn_search {background-color: #4996ff}
.dark .search .desc {color: #fff; opacity: 0.7;}

/*Q&A*/
.dark .qna .board li.blue a {background-image: url('../images/main/icon_question_lightblue.svg');}
.dark .qna .board li.gray a span {color: rgba(255, 255, 255, 0.62);}

/*민원*/
.dark .complain .board li.blue a {background-image: url('../images/main/icon_complain_lightblue.svg');}
.dark .complain .board li.gray a span {color: rgba(255, 255, 255, 0.62);}

/*설문*/
.dark .survay .board li.blue a {background-image: url('../images/main/icon_survay_lightblue.svg');}
.dark .survay .board li.gray a span {color: rgba(255, 255, 255, 0.62);}

/*학기별 강의*/
.dark .class_list li .right_wrap .btn.lightblue {background-color: rgba(68, 85, 155, 0.67);}
.dark .class_list li .right_wrap .btn.lightgreen {background-color: #4f5b5c;}
.dark .class_list li .right_wrap .btn.lightblue span {color: #4996ff;}

/*대학생활 , 학술/연구*/
.dark .life .menu_list li {background-color: rgba(224, 241, 242, 0.23);}
.dark .study .menu_list li {background-color: rgba(235, 233, 220, 0.29);}
.dark .life .menu_list li a {color: #2bcbd4;}
.dark .study .menu_list li a {color: #ddd391;}


/*MAIN */
.dark .survay_comment a, .dark .sitemap a, .dark .complaints, .dark .slide_content span,
.dark .book_loan ul li, .dark .book_return ul li, .dark .shortcuts ul li a span,
.dark .search li, .dark .search p, .dark .board li, .dark .board a, .dark .board span,
.dark .board2 li, .dark .board2 a, .dark .board2 span, .dark .quarter_board li,
.dark .quarter_board a, .dark .quarter_board span,
.dark .schedule ol li span.title, .dark .schedule ol li span.time,
.dark #academicCalendarSchedule span, .dark .lesson_table table tr td a {color: #fff;}

.dark .lesson_table table tr td, .dark .lesson_table table tr th {border: 1px solid rgba(255,255,255, 0.2); color: #fff;}
.dark .lesson_table table tr th {background: #666666;}

.dark .lesson_table .behinder {background: rgba(79,81,87,1);}

.dark .lesson_table2 .behinder {background: #444444;}
.dark .lesson_table2 .content_table {background: #4f5157;}
.dark .lesson_table2 table tr th {background: #666666;}
.dark .lesson_table2 table tr th, .dark .lesson_table2 table tr td {border: 1px solid #444444; color: #ffffff;}
.dark .lesson_table2 table tr th a, .dark .lesson_table2 table tr td a {color: #ffffff;}

.dark .select_wrap_p11 {border: 1px solid #6b88fc; background: rgb(48,49,55);}
.dark .select_wrap_p11 li {color: #ffffff;}
.dark .select_wrap_p11 li:hover {background: #6b88fc; color: #ffffff;}

.dark #academicCalendar .ui-datepicker tr td a,
.dark #academicCalendar .ui-datepicker tr th span,
.dark #academicCalendar .ui-datepicker-title {color: #ffffff;}
.dark #academicCalendar .ui-datepicker table thead th:first-child span,
.dark #academicCalendar .ui-datepicker table tbody td:first-child a {color: #cd1f1f;}
.dark #academicCalendar .ui-datepicker table thead th:last-child span,
.dark #academicCalendar .ui-datepicker table tbody td:last-child a {color: #3c6eff;}

.dark #academicCalendar .ui-datepicker tr td.ui-datepicker-today a {color: #4499fa;}
.dark #academicCalendar .ui-state-active {background-color: #aaaa2a;}



/*SUB*/
/*lnb*/
.dark .lnb h1 {background-color: #4775ff;}
.dark .lnb .menu_list {border: 0;}
.dark .lnb .menu_list li {background-color: rgba(255,255,255,0.1);}

/*calendar lnb*/
.dark .calendar_filter .filter_all {background-color: rgba(255,255,255,0.1); border: none;}
.dark .calendar_filter .dth1 > li > span, .dark .calendar_filter .dth1 > li > span.on, .dark .calendar_filter .dth1 > li > a {background-color: rgba(255,255,255,0.1); border: 0;}
.dark .calendar_filter .dth1 > li > a {border-bottom: 0;}
.dark .calendar_filter .dth2 > li {background-color: rgba(0,0,0,0.1); border: 0;}

/*con_wrap*/
.dark .con_wrap {background-color: rgba(255,255,255,0.15);}
.dark .con_wrap h2 {color: #fff;}

/*211118 김은서 추가*/
.dark .calendar_filter .dth1 > li > span.on {color: #fff;}
.dark .calendar_filter .dth1 > li > span i, .dark .calendar_filter .dth1 > li > span.on i {color: #fff;}
/*SUB //*/

/*BOARD*/
body#iframe.dark {background-color: transparent !important;}

/*input*/
.dark input[type="text"], .dark input[type="password"] {border-color: #fff; background-color: #404143;}
.dark input.calendar {background-image: url('../images/board/icon_calendar_lightblue.svg');}
.dark input[type="file"] {border: 0; background-color: #404143;}

/*select*/
.dark select {background: url('../images/common/arrow_select_white.svg') right 14px center no-repeat #404143; background-size: 12px;}

/*search_wrap*/
.dark .search_wrap select, .dark .search_wrap input {border-color: #fff;}
.dark .search_wrap .btn.search {background-color: #4775ff;}

/*table_wrap*/
.dark .table_wrap {border-color: #4775ff;}
.dark .table_wrap .th {background-color: #77797c;}

.dark .answer a::before {color: #dedede;}
.dark .table_wrap input[type="text"], .table_wrap input[type="password"] {border: 0;}
.dark .table_wrap select {border: 0;}

/*board - list*/
.dark .board_list .file {background-image: url('../images/board/icon_file_white.svg');}

/*board - view*/
.dark .board_view {border-color: #4775ff;}
.dark .board_view .cont_info ul li {color: #eee;}
.dark .board_view .cont_info ul li:not(:last-child)::after {background-color: #eee;}

/*board - comm*/
.dark .board_comm {border-color: #4775ff;}

/*board_input*/
.dark .board_input .td.cont textarea {background-color: #404143; border-radius: 6px; padding: 14px;}
.dark .board_input .attach .file_list {border: 0; background-color: #404143;}

/*board_gallery*/
.dark .board_gallery li .item_info span {color: #eee;}

/* total */
.dark .total .select_wrap select {border-color: #fff;}
.dark .total .select_wrap > span > span {color:#ff4747;}

/* paging */
.dark .paging li a {background-color: rgba(255,255,255,0.0);}
.dark .paging li.on a {font-weight: bold; color: #4775ff;}
.dark .btn_first {background: url('../images/board/arrow_LL_blue_dark.png') no-repeat center center;}
.dark .btn_prev {background: url('../images/board/arrow_L_blue_dark.png') no-repeat center center;}
.dark .btn_next {background: url('../images/board/arrow_R_blue_dark.png') no-repeat center center;}
.dark .btn_last {background: url('../images/board/arrow_RR_blue_dark.png') no-repeat center center;}

/*FAQ*/
.dark .table_wrap .faq .answer {background-color: rgba(0,0,0,0.2);}

/*calendar*/
.dark #calendar .fc-toolbar-chunk:last-child .fc-button.fc-button-active {background: #fff; color: #363636; border-color: #fff;}
.dark #calendar .fc-toolbar-chunk:last-child .fc-button {border-color: #fff; color: #fff;}
.dark #calendar .fc .fc-list-empty {background: none;}
.dark #calendar .fc .fc-list-sticky .fc-list-day > *, .fc .fc-list-event:hover td {background: none;}
/*BOARD //*/

/*POPUP*/
.dark.popup, .dark .popup, .dark .popup01 {background-color: #4f5258 !important;}

.dark .popup_tit, .dark .popup01 .popup_tit {border-color: #5d5e5f;}
.dark .btn_close, .dark .popup01 .btn_close {background-image: url('../images/popup/icon_close_dark.svg');}

/*input*/
.dark .pop_cont input, .dark .popup01 .pop_cont input {border: 0 !important;}
.dark .charge input[type="text"], .dark .popup01 .charge input[type="text"] {border: 0;}

/*select*/
.dark  .pop_cont select, .dark .popoup01 .pop_cont select {background: url('../images/common/arrow_select_white.svg') right 14px center no-repeat #404143; background-size: 12px; border: 0;}

/*table*/
.dark .pop_cont .table_wrap, .dark .popup01 .pop_cont .table_wrap {border-color: #4775ff;}
.dark .pop_cont .table_wrap .th, .dark .popup01 .pop_cont .table_wrap .th {background-color: #77797c;}
.dark .table_wrap select, .dark .popup01 .table_wrap select {border: 0;}

/*board_input*/
.dark .board_input .td.cont textarea, .dark .popup01 .board_input .td.cont textarea {background-color: #404143; border-radius: 6px; padding: 14px;}
.dark .board_input .attach .file_list, .dark .popup01 .board_input .attach .file_list {border: 0; background-color: #404143;}
.dark input.calendar, .dark .popup01 input.calendar {background-color: #404143; background-image: url('../images/board/icon_calendar_lightblue.svg')}

/*popup - button*/
.dark .btn_close, .dark .popoup01 .btn_close {background-image: url('../images/popup/icon_close_dark.svg') !important;}
.dark .btn.gray, .dark .popup01 .btn.gray {background-color: #5d5e5f;}
.dark .btn.blue, .dark .popup01 .btn.blue {background-color: #4775ff !important;}
.dark .btn.green, .dark .popup01 .btn.green {background-color: #30acb3;}

/* 교직원 선택, 학생 선택, 대상자 선택 */
.dark .sel_cont .attach ul, .dark .popoup01 .sel_cont .attach ul {height: 180px; overflow-y: scroll; box-sizing: border-box; border: 1px solid #89898a; padding: 15px; border-radius: 6px;}
.dark .plus, .dark .popup01 .plus {display:inline-block; width:13px; height:13px; background: url(../images/popup/box_plus_dark.png); margin-right:5px; vertical-align: middle;}
.dark .minus, .dark .popup01 .minus {display:inline-block; width:13px; height:13px; background: url(../images/popup/box_minus_dark.png); margin-right:5px; vertical-align: middle;}
.dark .selWrap .sel_left, .dark .selWrap .sel_right, .dark .popup01 .selWrap .sel_left, .dark .popup01 .selWrap .sel_right {height: 250px; border:1px solid #89898a; box-sizing:border-box; border-radius: 6px;}
.dark .selWrap .sel_arrow .arrow_right, .dark .popup01 .selWrap .sel_arrow .arrow_right {background: url('../images/popup/arrow_R.svg') center no-repeat;background-color: #ccc;}
.dark .selWrap .sel_arrow .arrow_left, .dark .popup01 .selWrap .sel_arrow .arrow_left {background: url('../images/popup/arrow_L.svg') center no-repeat; background-color: #ccc;}

/* 설문참여 */
.dark .title_area, .dark .popup01 .title_area {background-color: #333; box-sizing: border-box; padding: 30px 30px; margin-bottom: 30px;}

/* 설문결과 */
.dark .result .td progress, .dark .popu01 .result .td progress {margin:4px 0; width:160px; vertical-align:middle; height:12px; background:#4775ff;}
.dark .result progress::-webkit-progress-value, .dark .popup01 .result progress::-webkit-progress-value {background: #4775ff; height: 12px;}
.dark .result progress::-webkit-progress-bar, .dark .popup01 .result progress::-webkit-progress-bar {
    background-color: #333;
}

/*바로가기 포틀릿 팝업*/
.dark .shorts_set ul, .dark .popup01 .shorts_set ul {background-color: rgba(255,255,255,0.15);}
.dark .shorts_set .desc, .dark .popup01 .shorts_set .desc {color: #fff;}

/*나의 즐겨찾기 설정 팝업*/
.dark .link_set .content, .dark .popup01 .link_set .content {background-color: rgba(255,255,255,0.15);}
.dark .link_set .link_edit, .dark .popup01 .link_set .link_edit {background-color: rgba(0,0,0,0.1);}
.dark.shorts_set .tab_top li.on, .dark.popup01.shorts_set .tab_top li.on {background: #4775ff;}

.homepage.dark p, .homepage.dark .popup01 p {color: #fff;}
.homepage.dark ul li a, .homepage.dark .popup01 ul li a {opacity: 0.8;}

/*211122 김은서 추가 (datepicker)*/
/*.dark .ui-widget-content, .dark .popup01 .ui-widget-content {background: #4b4b4b;}*/
.dark .ui-widget-header, .dark .popup01 .ui-widget-header {border: 0; background-color: transparent;}
/*
.dark .ui-widget-header .ui-datepicker-prev .ui-icon, .dark .popup01 .ui-widget-header .ui-datepicker-prev .ui-icon {background-image: url('../images/board/arrow_L_blue_dark.png');}
.dark .ui-widget-header .ui-datepicker-next .ui-icon, .dark .popup01 .ui-widget-header .ui-datepicker-next .ui-icon {background-image: url('../images/board/arrow_R_blue_dark.png');}
.dark .ui-state-default, .dark .ui-widget-content .ui-state-default, .dark .ui-widget-header .ui-state-default, .dark .ui-button, html .dark .ui-button.ui-state-disabled:hover, html .dark .ui-button.ui-state-disabled:active, .dark .popup01 .ui-state-default, .dark .popup01 .ui-widget-content .ui-state-default, .dark .popup01 .ui-widget-header .ui-state-default, .dark .popup01 .ui-button, html .dark .popup01 .ui-button.ui-state-disabled:hover, html .dark .popup01 .ui-button.ui-state-disabled:active {background: none; color: #fff;}
.dark.ui-state-highlight, .dark .ui-widget-content .ui-state-highlight, .dark .ui-widget-header .ui-state-highlight, .dark .popup01 .ui-state-highlight, .dark .popup01 .ui-widget-content .ui-state-highlight, .dark .popup01 .ui-widget-header .ui-state-highlight {background: rgba(255, 250, 144, 0.35);}*/
/*POPUP //*/

@media (prefer-color-scheme:dark){
    .dark {color: #ffffff;}
}