/* ���� */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NanumGothic.eot);
    src: url(../fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic.woff) format('woff'),
    url(../fonts/NanumGothic.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NanumGothicBold.eot);
    src: url(../fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothicBold.woff) format('woff'),
    url(../fonts/NanumGothicBold.ttf) format('truetype');
}

.nav_logo { display:block; margin:5px 0 15px -10px; }
.nav_logo_s { display:block; margin:2px 0 0 14px; }
.nav-header .profile_name { font-size:13px; color:#d9e4ed; }
.navbar-right { float:right; }
.no-ibox-title {
    overflow:auto;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0px 0;
    color: inherit;
    margin-bottom: 0;
}
.skin-setttings { float:left; }
.form-control, .single-line { color:#6b6e70 !important; font-size:13px; font-weight:600; padding:3px 8px 4px 12px; }
.btn-warning:hover { background:#ae8c49; }
.btn-gray { background:#555; border-color:#555; color:#fff; }
.btn-gray:hover { background:#444; color:#fff; }

.ibox-title h5 { color:#b9944b; font-weight:bold; }
.ibox-title h5 .date { display:inline-block; padding:0 20px 0 0; }
.form-horizontal .form-group { margin:0 0 11px 0; }
.btn-s-m { min-width:80px; }
.btn_right { display:block; float:right; margin:-7px 5px 0 0; }

table caption { display:none; }
/*.tbl-01 thead tr th { cursor:default !important; color:#676a6c; background:#fff !important; }*/
.tbl-01 thead tr th { cursor:default !important; color:#676a6c; background:#F5F5F6 !important; }
.tbl-01 > thead > tr > th,
.tbl-01 > tbody > tr > th,
.tbl-01 > tfoot > tr > th,
.tbl-01 > thead > tr > td,
.tbl-01 > tbody > tr > td,
.tbl-01 > tfoot > tr > td { vertical-align:middle; text-align:center; }


/* Dashboard */
.dashboard-header { padding:0px 10px 20px 10px; }
.dashboard-header h2 { font-size:24px; margin-top:20px; }
.dashboard .ibox-title h5 { color:#787b7d; font-weight:bold; }
.dashboard .widget-stats.widget { position:relative; }
.dashboard .widget { border-radius:3px !important; color:#fff; padding:0; margin:5px 0 20px 0; }
.dashboard .bg-gold { background:#b9944b !important; }
.dashboard .bg-gray { background:#a7a9ac !important; }
.dashboard .bg-cyan {background: #23c6c8 !important;}
.dashboard .widget.bg-gray { padding:8px 20px 18px 20px; }
.dashboard .widget.bg-primary { height: 115px;padding:8px 20px 18px 20px;}
.dashboard .stat-panel { width:100%; background:#fff; display:table; overflow:hidden; position:relative; table-layout:fixed !important; }
.dashboard .stat-rows { width:100%; display:table; height:100%; table-layout:fixed !important; }
.dashboard .stat-cell,
.dashboard .stat-row { width:100%; display:table-row !important; float:none; font-size:13px; font-weight:600; }
.dashboard .stat-cell { display:table-cell !important; overflow:hidden; padding:20px; position:relative; }
.dashboard a.stat-cell:hover { text-decoration:none; }
.dashboard a.bg-success:hover { background-color:#c1e2b3; }
.dashboard .bg-success { background:#b9944b !important; }
.dashboard .bg-success, .bg-success a, .bg-success a:focus, .bg-success:active, .bg-success:focus, .bg-success:hover { color:#fff; }
.dashboard .bordered { border-right:1px solid #93712f; }
.dashboard .darken.bg-success, [href].bg-success:hover { background: #ae883d !important; }
[href].darken.bg-success:hover, .darker.bg-success { background: #a17c34 !important; }
[href].darker.bg-success:hover { background: #9a7733 !important; }
.dashboard .widget-stats .text-lg { font-size:24px; }
.dashboard .widget-stats .text-lg .fa { font-size:28px; line-height:1.42857143; }
.dashboard .widget-stats .stats-icon { position:absolute; top:-2px; right:5px; font-size:7em; color:#fff; opacity:0.2; filter:alpha(opacity=20); }
.dashboard .widget-stats .stats-info h1 { font-family:Roboto, Arial; font-size:30px; font-weight:bold; margin:10px 0 0 0; }
.dashboard .widget-stats .stats-info h2 { font-size:16px; font-weight:bold; line-height:1.4em; }
.dashboard .widget-stats .stats-info small { font-size:13px; font-weight:bold; }
.dashboard .widget-stats .stats-info2 h1 { font-family: Roboto, Arial;font-size: 34px;    font-weight: bold;    margin: 10px 0 0 0;}
.dashboard .valign-middle { vertical-align:middle !important; }
.dashboard .no-padding { padding:0 !important; }
.dashboard .padding-sm { padding:10px 15px !important; }
.dashboard .quick_tbl { }
.dashboard .quick_tbl thead th { font-size:13px; color:#fefefe; border:1px solid #a7a9ac; background:#a7a9ac; padding-left:12px; }
.dashboard .quick_tbl tbody td { padding:12px 10px; height:79px; font-size:13px; color:#666; border:1px solid #e4e4e4 !important; background:#fff; line-height:1.2em; }
.dashboard .quick_tbl p { min-height:25px; }
.dashboard .quick_tbl span { float:left; display:inline-block; border:1px solid #fff; }
.dashboard .quick_tbl strong { }
.dashboard .quick_tbl i { color:#1d1d1d; vertical-align:text-top; }
.dashboard .quick_tbl .red { color:#c10226; }

.dashboard .schedule_tbl { border:1px solid #e7eaec; }
.dashboard .schedule_tbl thead th { border:1px solid #e7eaec; font-size:13px; text-align:center; color:#818486; background:#f9f9f9; white-space:nowrap; }
.dashboard .schedule_tbl tbody td { color:#666; border:1px solid #e7eaec; white-space:nowrap; }
.dashboard .schedule_tbl .fa-check { color:#263545; padding-left:7px; }
.dashboard .schedule_tbl thead .active { border:1px solid #e7eaec; background:#f1ede4; }
.dashboard .schedule_tbl tbody .active { border:1px solid #e7eaec; color:#b9944b; font-weight:bold; background:#f1ede4; }

.widget-messages-alt h5 i { padding-right:9px; }
.widget-messages-alt .messages-list { overflow:hidden; position:relative; }
.widget-messages-alt .message { position:relative; padding:10px 12px; }
.widget-messages-alt .message + .message { border-top:1px solid #e4e4e4; }
.widget-messages-alt .message-avatar { display:block; width:32px; height:32px; position:absolute; border-radius:999999px; top:50%; margin-top:-16px; left:12px; }
.widget-messages-alt .message-subject { display:block; padding-left:42px; margin-bottom:2px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.widget-messages-alt a, a:hover { text-decoration:none; }
.widget-messages-alt .message-description { display:block; padding-left:42px; font-size:11px; color:#aaa; height:auto !important; }
.widget-messages-alt .message-description, .widget-messages-alt .message-description a, .widget-messages-alt .message-subject, .widget-messages-alt .message-subject a { line-height:17px !important; }
.widget-messages-alt .message-description a { color:#555; }
.widget-messages-alt .message-description a:hover { color:#888; }
.widget-messages-alt .message-description span { padding:0 6px; }
.widget-messages-alt .messages-link { text-align:center; padding:8px 0 !important; border-top:1px solid #e4e4e4; display:block; text-decoration:none !important; font-size:10px; font-weight:800; color:#999; line-height:16px !important; height:auto !important; }


/* Class */
.class .select-top .select-label { float:left; margin:6px 0 0 15px; }
.class .select-top .total-question { margin:6px 0 0 0; font-weight:bold; }
.class .panel-options { margin:0 14px 0 15px; }
.class .ui-tab .tab-content { padding:12px 0px 20px 0; }
.class .profile img { width:80px; height:90px; }
.class .profile .media-body { padding:5px 0 0 5px; font-size:13px; color:#7b7e7f; font-weight:bold; }

.class .attendance_tbl { font-size:12px; color:#7b7e7f; font-weight:bold; }
.class .attendance_tbl thead th { white-space:normal; }
.class .attendance_tbl tbody td { padding:10px 5px; }
.class .attendance_tbl .student_info { text-align:left; }
.class .attendance_tbl .student_info .pic { float:left; padding:0 15px 0 0; width:95px; height:90px; }
.class .attendance_tbl .student_info .info { display:block; white-space:normal; }
.class .attendance_tbl .student_info .info p { line-height:1.0em; }
.class .attendance_tbl .student_info .info .eng_name { display:inline-block; font-weight:normal; font-size:15px; width:80px; padding:3px 5px; text-align:center; background:#798897; margin:5px 0; border-radius:3px; }
.class .attendance_tbl .student_info .info .eng_name span { display:table; width:80px; min-height:20px; }
.class .attendance_tbl .student_info .info .eng_name span a { display:block; width:72px; min-height:20px; max-height:30px; overflow:hidden; word-break:break-word; text-overflow:ellipsis;-o-text-overflow:ellipsis; color:#fff;}
.class .attendance_tbl .student_info .info .eng_name span .fix { display:table-cell; vertical-align:middle; }
.class .attendance_tbl .student_info .info .grade { margin-top:-2px; }
.class .attendance_tbl .note01 { font-size:13px; width:100%; height:100%; }
.class .attendance_tbl .text-dim { color:#cccdcd; }
.class .form-horizontal label { font-size:13px; color:#555; }
.class .form-horizontal .checkbox label { font-weight:bold; padding-left:0; color:#6b6e70; }

.class .class_top_tbl { font-size:13px; color:#555; font-weight:bold; }
.class .class_top_tbl thead th { font-size:15px; background:#a1a1a1; color:#fff; border-radius:4px 4px 0 0; padding-left:15px; }
.class .class_top_tbl tbody th { vertical-align:middle; padding-left:15px; }
.class .class_top_tbl tbody td { vertical-align:middle; border-left:1px solid #e7eaec; padding-left:0px; }
.class .class_top_tbl .circle_num { width:30px; height:30px; text-align:center; background:#b9944b; border-radius:50%; }
.class .class_top_tbl .circle_num i { position:relative; display:block; font-size:16px; color:#fff; font-style:normal; font-weight:bold; top:12%; }
.class .class_top_tbl .circle_star { width:30px; height:30px; text-align:center; background:#c10226; border-radius:50%; }
.class .class_top_tbl .circle_star i { position:relative; display:block; font-size:16px; color:#fff; font-style:normal; font-weight:bold; top:22%; }
.class .class_top_tbl .circle_txt { display:inline-block; padding:5px 0 0 7px; word-wrap:break-all; white-space:pre-wrap; }
.class .class_top_tbl .row { margin:0 auto; }

.class .point_widget { clear:both; margin:10px 0 0 0; }
.class .point_widget .widget-header { overflow:hidden; border:1px solid #e7e7e7; border-bottom:none; }
.class .point_widget .widget-caption { display:inline-block; font-size:15px; font-weight:600; color:#b9944b; padding:9px 0 0 15px; }
.class .point_widget .widget_btn { float:right; padding:6px 6px 0 6px; }
.class .point_widget .widget_btn button { font-weight:600; }
.class .point_widget .widget_btn button i { font-size:14px; vertical-align:middle; }
.class .point_widget .table-responsive { padding:0; margin:0; border-top:none; border-bottom:none; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
.class .point_widget .point_tbl { margin-bottom:0; border-left:none; font-weight:bold; }
.class .point_widget .point_tbl thead { border-top:1px solid #e7e7e7; }
.class .point_widget .point_tbl thead th { text-align:center; }
.class .point_widget .point_tbl th:first-child { border-left:none; }
.class .point_widget .point_tbl th:last-child { border-right:none; }
.class .point_widget .point_tbl td:last-child { border-right:none; }
.class .point_widget .point_tbl th { color:#555555; background:#f9f9f9; border:1px solid #e7e7e7; vertical-align:middle; white-space:nowrap; }
.class .point_widget .point_tbl td { border:1px solid #e7e7e7; color:#979696; vertical-align:middle; white-space:nowrap; }
.class .point_widget .point_tbl .fa { font-size:18px; vertical-align:middle; padding:0 1px; }
.class .point_widget .point_tbl .star_on { color:#c10226; }
.class .point_widget .point_tbl .star_off { color:#999; }

.class .issue_widget { clear:both; margin:10px 0 0 0; border:1px solid #e7e7e7; }
.class .issue_widget .widget-header { overflow:hidden; border-bottom:1px solid #e7e7e7; background:#f9f9f9; }
.class .issue_widget .widget-caption { display:inline-block; font-size:15px; font-weight:600; color:#b9944b; padding:9px 0 0 15px; }
.class .issue_widget .widget_btn { float:right; padding:6px 6px 0 6px; }
.class .issue_widget .widget_btn button { font-weight:600; }
.class .issue_widget .widget_btn button i { font-size:14px; vertical-align:middle; }
.class .issue_widget .widget-body { margin:10px 0 0 0; }
.class .issue_widget .fa-search { border:1px solid #e5e6e7; padding:3px 4px; color:#757575; }
.class .issue_widget .control-txt { display:inline-block; padding:7px 0 0 0; }
.class .issue_widget .row { margin-left:0; margin-right:0; }

.search_user { border-top:4px solid #e7eaec; }
.search_user .modal-body { padding: 20px 30px 15px 30px; }
.search_user .modal-header { border-bottom:1px solid #e7eaec; }
.search_user .modal-title { font-size:15px; color:#676a6c; }
.search_user .btn_close { position:absolute; top:15px; right:15px; }
.search_user .search { margin-left:-25px; margin-right:-20px; color:#6b6e70; }
.search_user .search select, .search_user .search input, .search_user .search button { margin:2px 0; }
.search_user .search_box { padding:0 5px; }
.search_user .search_box .ibox-title { padding:12px 15px 2px; background:#f9f9f9; }
.search_user .search_box .ibox-title h5 { font-size:15px; color:#676a6c; }
.search_user .search_box .ibox-content { padding:0; }
.search_user .search_box .table { border-bottom:1px solid #e7eaec; }
.search_user .search_box .table thead th { font-size:12px; color:#676a6c; padding:10px 8px; text-align:center; vertical-align:middle; }
.search_user .search_box .table tbody td { vertical-align:middle; font-weight:bold; }
.search_user .search_box .user-element { }
.search_user .search_box .user-element .img-circle { width:50px; height:50px; }
.search_user .search_box .user-element strong { display:inline-block; color:#82a2bd; padding-left:5px; padding-right:5px; }
.search_user .search_box .fa-check { font-size:18px; color:#676a6c; }
.search_user .search_box .paging_simple_numbers { text-align:center; }
.search_user .search_box .pagination { padding:0; margin:0; }
.search_user .modal-footer .btn { width:80px; height:25px; padding:0px 0px 3px 0px; }
.search_user .modal-footer .btn:hover, .search_user .modal-footer .btn:focus, .search_user .modal-footer .focus.btn { color:#fff; text-decoration:none; }
.search_user .modal-footer .btn-gray { background:#798897; border:1px solid #798897; }
.search_user .modal-footer .btn-primary { background:#b9944b; border:1px solid #b9944b; }


/* Result */
.result .weekly_widget { margin-top:20px; }
.result .weekly_tbl { width:100%; font-size:12px; }
.result .weekly_tbl thead th { padding:8px 10px; }
.result .weekly_tbl tbody th { font-weight:normal; color:#7b7e7f; }
.result .weekly_tbl tbody td { width:10% !important; min-width:80px !important; white-space:normal !important; color:#b9944b; text-align:left; }
.result .weekly_tbl tbody .leader { vertical-align:top; }
.result .weekly_tbl tbody td a { color:#b9944b; }
.result .weekly_tbl tbody td a:hover { color:#957a44; font-weight:600; }



/* �ػ� ���� */
@media (max-width:768px){ /* �ػ� 768���� */
    .navbar-right { position:absolute; right:0; }
    .navbar-top-links li a { padding:10px 10px 5px 10px; }
    .class .class_top_tbl thead th { border-radius:0; }
    .class .class_top_tbl tbody th { white-space:normal !important; margin:0 auto; }
    .class .class_top_tbl .circle_num, .class .class_top_tbl .circle_star { width:20px; height:20px; }
    .class .class_top_tbl .circle_num i, .class .class_top_tbl .circle_star i, .class .class_top_tbl .circle_txt { font-size:90%; }
    .class .class_top_tbl .circle_txt { padding:0px 0 0 5px; line-height:100%; }
    .class .class_top_tbl .row .col-xs-12 { padding:2px 5px; }

    .class .issue_widget .widget-body .control-label { font-size:85%; line-height:100%; padding:5px 0 0 0; }
    .class .issue_widget .widget-body select, .class .issue_widget .widget-body input { font-size:85%; padding:3px 2px; height:25px; }
    .class .issue_widget .control-txt { position:absolute; top:-10px; left:10px; font-size:80%; line-height:100%; }
    .class .issue_widget .col-xs-1, .class .issue_widget .col-sm-1, .class .issue_widget .col-md-1, .class .issue_widget .col-lg-1, .class .issue_widget .col-xs-2, .class .issue_widget .col-sm-2, .class .issue_widget .col-md-2, .class .issue_widget .col-lg-2, .class .issue_widget .col-xs-3, .class .issue_widget .col-sm-3, .class .issue_widget .col-md-3, .class .issue_widget .col-lg-3, .class .issue_widget .col-xs-4, .class .issue_widget .col-sm-4, .class .issue_widget .col-md-4, .class .issue_widget .col-lg-4, .class .issue_widget .col-xs-5, .class .issue_widget .col-sm-5, .class .issue_widget .col-md-5, .class .issue_widget .col-lg-5, .class .issue_widget .col-xs-6, .class .issue_widget .col-sm-6, .class .issue_widget .col-md-6, .class .issue_widget .col-lg-6, .class .issue_widget .col-xs-7, .class .issue_widget .col-sm-7, .class .issue_widget .col-md-7, .class .issue_widget .col-lg-7, .class .issue_widget .col-xs-8, .class .issue_widget .col-sm-8, .class .issue_widget .col-md-8, .class .issue_widget .col-lg-8, .class .issue_widget .col-xs-9, .class .issue_widget .col-sm-9, .class .issue_widget .col-md-9, .class .issue_widget .col-lg-9, .class .issue_widget .col-xs-10, .class .issue_widget .col-sm-10, .class .issue_widget .col-md-10, .class .issue_widget .col-lg-10, .class .issue_widget .col-xs-11, .class .issue_widget .col-sm-11, .class .issue_widget .col-md-11, .class .issue_widget .col-lg-11, .class .issue_widget .col-xs-12, .class .issue_widget .col-sm-12, .class .issue_widget .col-md-12, .class .issue_widget .col-lg-12 {
        position:relative;
        min-height:1px;
        padding-right:10px;
        padding-left:10px;
    }
    .result .select select { margin-bottom:5px; }

}

@media (min-width:768px){	/* �ػ� 768�̻� */
    .tbl-01 { border-bottom:1px solid #e7eaec; }
    .class_top_tbl { border:1px solid #a1a1a1; }
}

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

.ui-jqgrid tr.jqgrow td {
    white-space: normal;
}

.app-modal-small .modal-dialog {
	width: 500px;
	height: 620px;
}

.app-modal-medium .modal-dialog {
	width: 50%;
	height: 620px;
}

.app-modal-large .modal-dialog {
	width: 80%;
	height: 620px;
}

fieldset.fieldset {
	display: inline;
	min-width: 0;
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #e5e5e5;
}

fieldset.fieldset legend {
	width: auto;
	
	padding: initial;
	margin:auto;
	font-size: unset;
	color: #333;
	border: 0;
}