@charset "utf-8";

@font-face {font-family: 'NanumGothic';font-weight: 400;src: url(../fonts/NanumGothic-Regular-079d252c1bb5b64e21a1232b7e3e52f5.eot);src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumGothic-Regular-e8bbf216d77bebf404d8c553e254b43c.woff) format('woff'), url(../fonts/NanumGothic-Regular-95527de74660b432c6debc6a218c6759.ttf) format('truetype');}@font-face {font-family: 'NanumGothic';font-weight: 700;src: url(../fonts/NanumGothic-Bold-fa335d22e509110c5a22a405e4a69fb6.eot);src: url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumGothic-Bold-e97005681df5f9a723e734d1cb019472.woff) format('woff'), url(../fonts/NanumGothic-Bold-776eefeaa2429ad496d2c11b9365560f.ttf) format('truetype');}@font-face {font-family: 'NanumGothic';font-weight: 800;src: url(../fonts/NanumGothic-ExtraBold-37e87428da22aa3f459901d48a426d4f.eot);src: url(../fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumGothic-ExtraBold-c51e55614f079c47c88bc06da18a9b92.woff) format('woff'), url(../fonts/NanumGothic-ExtraBold-1ea8e184505c35d74cf7ec3881f7c054.ttf) format('truetype');}
html,body{font-family: "NanumGothic", "Malgun Gothic", HelveticaNeue-Light,AppleSDGothicNeo-Light, '돋움',Dotum,'굴림',Gulim, Verdana, sans-serif, helvetica;font-size: 13px;color: #555;}
input,select{font-family: "NanumGothic", "Malgun Gothic", HelveticaNeue-Light,AppleSDGothicNeo-Light, '돋움',Dotum,'굴림',Gulim, Verdana, sans-serif, helvetica;}

.m-t-3{margin-top: 3px !important;}
.m-t-7{margin-top: 7px !important;}
.m-t-10{margin-top: 10px !important;}
.m-t-13{margin-top: 13px !important;}
.m-t-20{margin-top: 20px !important;}

.m-l-10{margin-left: 10px !important;}

.m-r-10{margin-right: 10px !important;}

.m-b-10{margin-bottom: 10px !important;}

.p-t-7{padding-top: 7px !important;}

.dp-ib{display: inline-block !important;}

.full-width{width: 100%;}

.fl-none{float: none !important;}

.text-underline{text-decoration: underline;}

.display-block{display: block !important;}
.display-inlineblock{display: inline-block !important;}

.valign-bottom{vertical-align: bottom !important;}

.is-before-table{margin-bottom: -25px;}
.is-after-table{margin-top: -40px;}

.navbar-default .navbar-nav{padding-right: 15px;}
.navbar-default .navbar-nav > li{height: 60px;border-left: 0;}
.navbar-default .navbar-nav > li.navbar-time{line-height: 60px;margin-right: 15px;color: #fff;}
.navbar-default .navbar-nav > li .btn{margin-top: 12px;}
.navbar-default .navbar-nav > li .btn + .btn{margin-left: 3px;}

.layout-sidebar-collapsed .navbar-gnb{display: none;}
.sidenav-subnav-subnav{list-style: none;margin: 0;background-color: #000;}
.sidenav-subnav-subnav > li > a{color: #bdc3c7;display: block;padding: 0 15px 10px 20px;}
.sidenav-subnav-subnav > li > a:hover{text-decoration: none;color: #fff;}
.sidenav-subnav-subnav > li > a:before{content: '- ';}
.sidenav-subnav-subnav > li.active > a{color: #fff;}

.notification-timestamp{float: left;}
.notification-heading{float: left;font-size: 12px;margin-left: 15px;}
.notification-close{position: absolute;right:18px;top:8px;padding:5px}
.notification .notification-text small{display: inline-block;padding-right: 20px;}
a.list-group-item:focus .notification-text small, 
a.list-group-item:hover .notification-text small{text-decoration: underline;color: #0051a2;}

.login {-webkit-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;margin-left: auto;margin-right: auto;max-width: 450px;font-size: 14px;}
.login-form{position: relative;}
.login-body {padding: 30px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);margin-bottom: 15px;margin-top: 15px;}
.login-brand {display: block;margin-bottom: 15px;margin-left: auto;margin-right: auto;width: 200px;}
.login-footer {margin-bottom: 15px;margin-top: 15px;text-align: center;font-size: 14px;}
.login-time{margin-top: 5px;font-size: 14px;}
.login-time strong{color: #469408;}
.login-form .btn-success{font-size: 14px;}
.login-link{text-align: center;}

.title-bar-right-btn{float: right;margin-top: -30px;}
.loacation{text-align: right;float: right;padding-top: 12px;}
.loacation .icon{font-size: 115%;}
.loacation span:before{content: '\f105';font-family: FontAwesome;margin-right: 5px;color: #999;}
.loacation span{margin-left: 5px;}

.form-wrap{background-color: #fafafa;padding: 15px;border: 1px solid #ddd;border-radius: 2px;margin-bottom: 30px;} 
.search-wrap{background-color: #fafafa;padding: 15px 130px 15px 15px;border: 1px solid #ddd;border-radius: 2px;margin-bottom: 30px;position: relative;}
.search-wrap .row + .row{margin-top: 8px;}
.search-wrap [class^=col-]{line-height: 34px;margin-bottom: 0;}
.search-wrap [class^=col-] label{margin-bottom: 0;}
.search-wrap .submit{position: absolute;right:15px;top:15px;height: calc(100% - 30px);width: 90px;}
.search-wrap .submit .btn{height: 100%;width: 100%;}

.only-label{line-height: 34px;margin-bottom: 0;}

.table th{background-color: #f5f5f5;text-align: center;}

.table-title-wrap{margin-bottom: 5px;}
.table-title-wrap:after{content:'';display:block;clear:both}
.table-title{color: #333;font-size: 18px;font-weight: 700;float: left;line-height: 34px}
.table-title-wrap .table-btn-right{float: right;}
.table-title-wrap .table-btn-right .more{margin-top: 10px;display: inline-block;}

.modal-shadow{box-shadow: 0 15px 30px rgba(0,0,0,0.4);}
.modal-shadow .modal-content{background-color: #fdfdfd;}

.nav-tabs.in-bg-white{border: 1px solid #ddd;}
.nav-tabs.in-bg-white>li.active:after{content: '';display: block;width: 100%;height: 1px;background-color: #fff;position: absolute;bottom:-1px;left:0}
.tab-content.in-bg-white{border: 1px solid #ddd;border-top: 0;}

.view-class-schedule{text-align: right;margin-bottom: 5px;}

.btn-outline-primary.btn-labeled .btn-label,
.btn-outline-success.btn-labeled .btn-label,
.btn-outline-info.btn-labeled .btn-label,
.btn-outline-warning.btn-labeled .btn-label,
.btn-outline-danger.btn-labeled .btn-label{background-color: transparent;}

.btn-lg .badge{font-size: 16px;}

.photo-upload-area{margin-bottom: 10px;}
.photo-upload-area a{display: inline-block;width: 120px;height: 160px;text-align: center;border: 1px solid #ddd;border-radius: 6px;line-height: 160px;}
.photo-upload-area a:hover,
.photo-upload-area a:focus{text-decoration: none;}
.photo-upload-area a img{max-width: 100%;border-radius: 6px;overflow: hidden;}

.class-select-wrap{text-align: center;padding: 20px 0;}
.class-select-wrap p{text-align: center;font-size: 16px;font-weight: 700;color: #222;margin-bottom: 20px;}
.class-select-wrap .btn{min-width:120px}
.class-select-wrap > div + div{margin-top: 6px;}

.today-schedule-wrap.in-main{width: 100%;}
.in-main .today-schedule-body{height:400px}

.chart-select{text-align: right;height: 30px;}

.dataTables_paginate{text-align: center;}
.dataTables_length>label{line-height: 30px;}
.dataTables_length>label select{vertical-align: top;}

.input-group.input-daterange .input-with-icon:last-child .form-control:first-child{border-radius: 0 4px 4px 0;}

.inputset{position: relative;padding-left: 24px;}
.inputset .at{position: absolute;left:0;width: 14px;text-align: center;line-height: 34px;}

.subtitle{font-weight: 700;color: #333;font-size: 16px;margin-top: 30px;margin-bottom: 5px;}
.modal .subtitle{font-size: 15px;}
.subtitle-wrap{margin-bottom: 5px;margin-top: 30px;}
.subtitle-wrap:after{content:'';display:block;clear:both}
.subtitle-wrap .subtitle{float: left;margin-top: 0;margin-bottom: 0;}
.subtitle-wrap .text-right{float: right;margin-top: -12px;}

.question_wrap {border: 1px solid #ddd;padding: 15px;background: #f1f1f1;border-radius: 2px;margin-top: 5px;}
.question_topbox{padding:15px;border: 1px solid #59abe3;border-radius: 2px;background-color: #fff;}
.question_topbox div + div{margin-top: 5px;}
.question_topbox div span{margin-right: 6px;}
.question_topbox div .form-control{height: 30px;padding: 4px 12px;vertical-align: middle;text-align: center;}

/* fullcalendar 재설정 */
.fc-toolbar h2{display: inline-block;margin: 0 20px;vertical-align: middle;font-weight: 700;}
.fc-myCustomButton-button{background-color: #0051a2;border-color: #0051a2;display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid #0000;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.538462;border-radius: 4px;}

.box{border: 1px solid #ddd;padding: 15px;background: #f1f1f1;border-radius: 2px;}

.smsEditor {width: 267px;height: 460px;background: url('../images/cellphone-769b0e30f3cfc767350c8ad115860314.png') 0 0 no-repeat;background-size: auto 460px;position: relative;padding: 70px 40px;}
.smsEditor textarea.form-control{width: 100%;height: 190px;}
.smsEditor .byte{text-align: right;margin-top: 5px;margin-bottom: 15px;}

.treeview span.icon{margin-right: 15px !important;}
.treeview span.indent{margin-left: 20px !important;}

.overflow-y-scroll{overflow-y: auto;}

/* 학습스타일 진단 상세 - 아주대학교 기존 스타일 */
/**--result (표영역1) */
.alignC{text-align: center;}
.textblack{color:black}
.result_area {padding-bottom:5px}
.result_area .table_list {width: 100%;border-spacing: 2px;border-collapse: separate}
.result_area .table_list th { padding: 5px 27px 5px 27px; background-color:#4F85C8; font-size:23px; font-weight:bold; color:#FFF;}
.result_area .table_list .qnumber {height:16px;padding:5px;background-color:#F0F0F0;margin:0}
.result_area .account{background-color:#0051a2; font-size:20px; font-weight:bold; color:#FFF;}
.result_area .space {width:10px;}
.result_area .line {border-bottom:1px solid #0051a2;padding: 2px;}

/**--  result_add (표영역2,3) */
.result_area_add {padding-top:5px }
.result_area_add .table_list {width: 100%;border-spacing: 2px;border-collapse: separate}
.result_area_add .table_list th {padding: 5px 27px 5px 27px; background-color:#3b527d; font-size:23px; font-weight:bold; color:#FFF;}
.result_area_add .table_list .qnumber {height:16px;padding:5px;background-color:#F0F0F0;margin:0}
.result_area_add .account{background-color:#0051a2; font-size:20px; font-weight:bold; color:#FFF;}
.result_area_add .line {border-bottom:1px solid #0051a2 ;border-top:0px solid #ccc;}
.result_area_add .box{width:145px; height:30px; border:3px solid #3364B5 ;background-color:#F0F0F0;text-align:center; }
.result_area_add .bottomLine {border-bottom: 1px solid #999;}

/**-- result (표영역4) -- **/  
.graph{width:100%; text-align:center }
.graph td {padding: 10px 2px 10px 2px;}

.bgdark{width:100px;background-color:#99b0d3;border-bottom: 1px solid #999;}
.bgsky{width:100px;background-color:#d7dfee;border-bottom: 1px solid #999;}
.bglightsky{width:100px;background-color:#ebf0f8;border-bottom: 1px solid #999;}
.graph .space{width:2px;}

.bottomLine {border-bottom: 1px solid #999;}
.topBottom {border-top: 2px solid #0051a2;  border-bottom: 2px solid #0051a2;}
.topBottomleft {border-top: 2px solid #0051a2;  border-bottom: 2px solid #0051a2;border-left: 2px solid #0051a2;}
.topBottomright {border-top: 2px solid #0051a2; border-bottom: 2px solid #0051a2;border-right: 2px solid #0051a2;}

.target-wrap{position: relative;}
.target-wrap .target-group{height: 420px;border: 1px solid #d2d7d3;}
.target-wrap .target-group .list-group-item{border-radius: 0;border-bottom: 1px solid #d2d7d3;border-width: 0 0 1px 0;margin-bottom: 0;padding: 8px 15px;}
.target-wrap .target-group .list-group-item:after{content:'';display:block;clear:both}
.target-wrap .target-group .list-group-item.active{background-color: #888;}
.target-wrap .target-group .list-group-item:last-child{border-bottom: 0;}
.target-wrap .btn.pull-right{margin-top: -5px;padding: 4px 10px;}
.target-wrap .col{width: 50%;float: left;padding: 0 50px;}
.target-wrap .arrow{position: absolute;left:50%;top:50%;margin: -25px 0 0 -30px;}
.target-wrap .arrow .btn{width: 60px;}
.target-wrap .arrow .icon{font-size: 30px;line-height: 1;}
.target-wrap .active .pull-right .icon{color: #fff !important;}

.target-group-wrap .card-header strong{font-size: 14px;}
.target-group-wrap .card-body{height:460px}
.target-group-wrap .custom-control + .custom-control{margin-left: 0;display: block;margin-top: 6px;}
.target-group-wrap .arrow .btn{width: 60px;margin-top: 220px;}
.target-group-wrap .arrow .icon{font-size: 30px;line-height: 1;}
.target-group-wrap h4{margin-bottom: 15px;}
.target-group-wrap .target-group{height: 460px;border: 1px solid #d2d7d3;}
.target-group-wrap .target-group .list-group-item{border-radius: 0;border-bottom: 1px solid #d2d7d3;border-width: 0 0 1px 0;margin-bottom: 0;padding: 8px 15px;}
.target-group-wrap .target-group .list-group-item:after{content:'';display:block;clear:both}
.target-group-wrap .target-group .list-group-item.active{background-color: #888;}
.target-group-wrap .target-group .list-group-item:last-child{border-bottom: 0;}

.cms-form{position: relative;padding-right: 430px;}
.cms-form .cms-form-left{}
.cms-form .cms-form-right{position: absolute;right:0;top:0;width:400px}
.cms-form .cms-form-right .card{background: #f7f7f7;}

.templete-list{width: 100%;overflow: hidden;}
.templete-item {width:900px;-webkit-transform: scale(0.375) translate(-83%, -83.3%);-ms-transform: scale(0.375) translate(-83%, -83.3%);-o-transform: scale(0.375) translate(-83%, -83.3%);transform: scale(0.375) translate(-83%, -83.3%);cursor: pointer}
.templete-item .se-body{display: block !important;}
.templete-item .se-body .se-components-wrap{border: 3px solid #ddd;margin-bottom: 60px;padding: 30px;background: #fff;}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}
.btn.dropdown-toggle{background:#fff;border:1px solid rgb(210, 215, 211)}

.tableHead{overflow: scroll;overflow-x: hidden}

.exceldown{text-align: right;}