@charset "UTF-8";


.content-wrapper {background:#fff;}
.page-wrap {min-height: 100%; margin-bottom: -50px;}
.page-wrap:after {height: 50px;content: '';display: block;}
footer {height: 50px;}

ul li {list-style: none;}
.table td, .table th {padding-top: .6rem !important;padding-bottom: .6rem !important;}
.table td.py-0, .table th.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.table th {font-size:15px;font-weight:600;}

.table .border-top-2 {border-top: 2px solid #dee2e6;}

select {font-size:14px !important;height: unset !important;}
.card-primary.card-outline {border-top: 3px solid #48B5D7; box-shadow:unset;}
.odd {background-color: rgba(0,0,0,.05);}

/* 헤더 */
.main-header {background:#0397dd;}
/* .main-header {background:#0194D9;} */


/* 메인 리스트 테이블 */
.main-table-list .table th {text-align:center;}
.main-table-list .card-footer {background:unset;text-align:center;}
.main-table-list .table td {font-size:14px;}
.main-table-list .table thead th {vertical-align: bottom;border-bottom: 1px solid #dee2e6;}

/* .table {margin-bottom:0px !important;} */

/* 메뉴 */
.logo {font-size:24px;font-weight:800 !important;color:#fff;letter-spacing: -0.6px;vertical-align: -webkit-baseline-middle;}
.logo img {width:150px;}
.top-menu {margin-bottom:0px;}
.main-header .top-menu .nav-link {height:unset !important;}
.top-menu li a {font-weight:600; padding: 1.156rem 1rem;}

.top-menu > li:hover > a {color: #fff;}
.top-menu li>a {display: inline-block;background-image: linear-gradient(#fff, #fff) !important;background-size: 0 4px, auto !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
}
.top-menu li.on>a {background-size: 80% 4px !important;height: auto;}
.top-menu li>a:hover {background-size: 80% 4px !important;height: auto;}


/* 로그인 */
.login-page {background: #fff;}
.login-page .card {box-shadow: none;}
.login-page img {width:250px;}

/* 로그아웃 */
.logout a {color:#fff;}
.logout i {font-size:18px;}
.logout span {font-size:14px;letter-spacing: -1px;}
.logout p {height: unset;padding: 1rem 1rem;}

.card-title {font-weight:600;}

/* 문제지정보 */
.card-header h2 {font-size: 1.1rem;;font-weight:600;margin-bottom:0px;}

/* 학생 페이지------------------------------------------------------------------------------------------------------------- */
/* 학습 */
.st-index a {color:#212529;}
.st-index .card-title {font-size:16px;font-weight:600;padding: 5px 15px 5px 0;}
.st-index .card-body h3 {font-size:16px;font-weight:600;margin-bottom:15px;}
.st-index label {font-size:16px;font-weight:400 !important;}
.st-index .title-line .catagory {text-decoration: underline;}
.st-index .title-line h2.post-tit {font-size: 1.3rem;font-weight:600;margin:10px 0 6px;letter-spacing: -1px;}

/* 시험 */
.exam h2 {font-size: 24px;margin-bottom: 0px;font-weight: 600;}
.exam h3 {font-size: 18px;margin-bottom: 0px;font-weight: 600;}
.exam span {font-size:14px;vertical-align: bottom;}
.exam span em {font-size:20px;font-style: normal;}

.modal.exam .modal-header {background:#48B5D7;color:#fff;}
.modal.exam .modal-header .modal-title {font-size:18px;}
.modal.exam .modal-header span {font-size: 1.5rem;}

.exam .form-control {font-size:14px;}



/* 성적 */
.sexual {}
.sexual h2 {font-size:18px;font-weight:600;}
.sexual .calendar span {padding: 8px;font-size: 14px;}
.sexual .table td {font-size:16px;text-align:center;vertical-align: inherit;}
.sexual .table td span {font-size:20px; color:#1FA3CC;font-weight:600;}


/* 과제 */
.focus-tit .ftit-01 span {background: #ED1C24;width:100px;display: inherit;text-align: center;padding: 5px 10px;border-radius: 20px;color: #fff;font-size: 14px;font-weight: bold;}
.focus-tit .ftit-02 span {background: #FF7F27;width:100px;display: inherit;text-align: center;padding: 5px 10px;border-radius: 20px;color: #fff;font-size: 14px;font-weight: bold;}
.focus-tit .ftit-03 span {background: #00A2E8;width:100px;display: inherit;text-align: center;padding: 5px 10px;border-radius: 20px;color: #fff;font-size: 14px;font-weight: bold;}



/* 정답 */
.answer {}
.answer td .btn {padding: .2rem .7rem;}
.answer .dropdown-menu-option .com {padding: .5rem 1rem;font-size:14px;}
.answer .dropdown-menu-option {max-width: 600px;min-width: 600px;padding: 0;}
.answer td i.fa-genderless {font-size:28px;color:#48B5D7}
.answer td i.fa-times {font-size:22px;color:#bd2130}

.scoring span {font-size: 13px !important;}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {background: #ED1C24;color: #fff;}
.textarea-comment {border: 1px solid #ced4da; width:100%;height: 80px;}

.score, .score_h {font-size:16px !important; font-weight:600;}
.score em, .score_h em {color:#ED1C24;}
.print .btn_print {width: 30px;height: 30px;border: 1px solid #fff;background: #fff;margin:0 8px;color: #777;font-size: 17px;}



/* 문제지관리 */
.problem_reg .form-control {width: 100px;height: 38px !important;}
.problem_reg .custom-file {width: 50%;vertical-align: bottom;}
.problem_reg .custom-file .custom-file-label {font-size: 14px !important;}

.exam-st-name {margin-right:20px;}
.exam-st-name b {font-size:1.3rem;}


.jindo-setting .form-group {margin:0px !important;}
.jindo-setting td {padding: 0.5rem 1rem;}
.jindo-setting td.a1 {width:370px;}
.jindo-setting td.a2 {width:195px;}
.jindo-setting td.a3 {width:195px;}

.cus-but {padding: 7px 10px !important;font-size: 12px !important;font-weight: 600 !important;}



/* 점수 아이콘 */
.no-wrong {background: url(/dist/img/icon-wrong.png); width:45px;height:58px;background-repeat:no-repeat;background-position: center}
.no-answer {background: url(/dist/img/icon-answer.png); width:45px;height:58px;background-repeat:no-repeat;background-position: center}








/* .btn.btn-sm {padding: 0.25rem 0.5rem; margin: 0;} */




























/* 정보수정 info 
.info .profile-pic {max-width: 200px;max-height: 200px;display: block;}
*/

.info .file-upload {display: none;}
.info .frame-bor {border-radius: 50%;width: 100px;overflow: hidden;height: 100px;margin: 0 auto;}
.info img {max-width: 100%;height: auto;}
.info .p-image {position: absolute;top: 90px;right: 50px;color: #666666;transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.info .p-image:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.info .upload-button {font-size: 2em;color:#666;}
.info .upload-button:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);color: #999;}


/* 작은 badge 박스형 버튼 */
/* .badge {padding: .4em .5em;font-size: 11px;font-weight: 400;} */




/* student 학생관리 */
.student h3 {font-size:16px;font-weight:600;display: inline-block;}
.block-1 h3 {display: inline-block;margin-right:10px;}
.block-1 span {display: inline-block;vertical-align: text-top;}
.bor-r-1 {border-right:1px solid #ddd;border-bottom: 1px solid #ddd;}

.student2 th {vertical-align: middle !important;}
/*
.student2 .table-striped tbody tr:nth-of-type(odd) {background-color: #fff;}
*/
.student2 th {border-right: 1px solid #dee2e6;border-bottom:1px solid #dee2e6 !important;padding:10px 5px !important;}
.student2 td {text-align:center;line-height: 14px;border-right: 1px solid #dee2e6;font-size:14px;}
.student2 td.f-12 a {font-size:12px;}


.card.card-tabs.card-outline .nav-item:first-child .nav-link.active {border-left:1px solid #dee2e6;}
.student .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {font-weight:600;font-size:15px;}
.student .nav-link {display: block;background-color: rgba(0,0,0,.05);text-align: center;}
.student .nav-item a, .student .nav-item button {color:#495057;font-size:15px;}
.student .nav-item a.active, .student .nav-item button.active {color:#007bff;}
.student .nav-tabs .nav-item {margin-right: 1px;}


.test-manager th {vertical-align: middle !important;}
.test-manager th {border-right: 1px solid #dee2e6;border-bottom:1px solid #dee2e6 !important;padding:10px 5px !important;}
.test-manager td {text-align:center;line-height: 14px;border-right: 1px solid #dee2e6;font-size:14px;}
.test-manager td.f-12 a {font-size:12px;}

.table-lest-b-1 {border-left:1px solid #dee2e6;}
.table-bottom-b-1 {border-bottom:1px solid #dee2e6;}



/* 진도 jindo */
.jindo th {vertical-align: middle !important;}
.jindo th {border-right: 1px solid #dee2e6;border-bottom:1px solid #dee2e6 !important;padding:10px 5px !important;}
.jindo td {text-align:center;border-right: 1px solid #dee2e6;font-size:14px;}
.jindo td.f-12 {font-size:16px !important;}



/* 관리자 관리 */
.member .table th {text-align:center;border-right: 1px solid #dee2e6;}
.member .table td {vertical-align: middle;line-height: 14px;font-size: 14px;border-right: 1px solid #dee2e6;}
.member .table thead th {vertical-align: bottom;border-bottom: 1px solid #dee2e6;}





/* modal 모달 */
.jindo-setting .modal-title {font-size:16px;font-weight:600;}

.jindo-setting label {}
.jindo-setting .custom-control {padding-left: .5rem;}


/* 넘버링 */
.page-item.disabled .page-link, .page-item:last-child .page-link {font-size:14px;line-height: 20px;}
.page-link {color:#6c757d;}


/* 버튼 */
.btn-primary {background-color: #48B5D7;border-color: #48B5D7;}
.page-item.active .page-link {background-color: #48B5D7;border-color: #48B5D7;}



.flo-r {float:right !important;}
.flo-l {float:left !important;}






/* 모바일 */
@media (max-width: 499px) {
	.logo {padding-left:10px;}
	.mob .top-menu {margin-left:0px;padding-left:0px;text-align:center;}
	.mob .top-menu li a {padding:.5rem .2rem;font-size:14px;}
	.flo-r.mob {float:none;}

	.student .nav-link {display: block;padding: .5rem 0rem;background-color: rgba(0,0,0,.05);}
	.mob-clear {clear: both;float: unset !important;}


	.student .nav-tabs .nav-item {width: 24.5%;}
	.col-6 {max-width:100%;float:left;flex: unset;}
	.mob-w-80 {width:80px !important;}

}

















.dis-block {display:block !important;}
.dis-in-b {display: inline-block;}
.dis-unset {display:unset !important;}

.p-0 {padding:0px;}
.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-r-10 {padding-right:10px !important;}
.p-t-0 {padding-top:0px !important;}
.p-b-8 {padding-bottom:8px;}
.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}

.m-0 {margin:0px;}
.m-5 {margin:5px !important;}
.m-b-0 {margin-bottom:0px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-t-5 {margin-top:5px;}
.m-t-8 {margin-top:8px;}
.m-t-10 {margin-top:10px;}
.m-t-15 {margin-top:15px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-50 {margin-top:50px;}
.m-t-100 {margin-top:100px;}
.m-r-10 {margin-right:10px;}
.m-t--10p {margin-top:-10%;}

.m-l-5 {margin-left:5px;}
.m-l-10 {margin-left:10px;}
.m-l-30 {margin-left:30px;}



.t-a-l {text-align:left;}
.t-a-c {text-align:center;}
.t-a-r {text-align:right;}


.color-1 {color: #007bff;}
.color-2 {color: #0056b3;}
.color-3 {color: #dc3545;}
.color-4 {color: #b21f2d;}


.f-12 {font-size:12px !important;}
.f-14 {font-size:14px !important;}
.f-15 {font-size:15px !important;}
.f-16 {font-size:16px !important;}
.f-20 {font-size:20px !important;}

.bold {font-weight:600}

.w-20p {width:20%}
.w-30p {width:30%}
.w-33p {width:33.3333%}
.w-40p {width:40%}
.w-50p {width:50%}
.w-60p {width:60%}
.w-60 {width:60px;}
.w-80 {width:80px;}

.bg-eee {background:#eee;}

/*.card {box-shadow:unset;}*/

.bor-b-1 {border-bottom:1px solid #dee2e6 !important;}
.bor-lr-1 {border-left:1px solid #dee2e6 !important;border-right:1px solid #dee2e6 !important;}

/* .table tr:last-child {border-bottom: 1px solid #dee2e6;} */



/*
.m-lr-1 {margin-left:1px; margin-right:1px;}
*/

.page-break-tr { 
	page-break-inside:avoid;
	page-break-after: auto;
}

#dimLoading {
    position: fixed;
    opacity: 0.3;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    padding-top: 30vh;
	background: #666;
}

/* 프린트용 */
@media print {    
    .no-print, .no-print *
    {display: none !important;}
	.print-bor-b-1 {border-bottom: 1px solid #dee2e6;}
	.col-6 {max-width:50%;float:left;flex: 0 0 50%;}
	
	.page-break-tr { page-break-inside:avoid;page-break-after: auto;}

    .projects td{
		height: 65px;
	}

}