/* 글자 자르기 */
.ellipsis { 
/* 한 줄 자르기 */ 
	/* display: inline-block;  */
	width : 100%;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}

.ellipsis-2 { 
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2; 
      -webkit-box-orient: vertical;
}
.ellipsis-3 { 
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 3; 
     -webkit-box-orient: vertical;
}

.window_small .title_pop {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: left;
}

.window_small .blue_btn {
    padding: 7px 7px 8px 8px;
    width: 160px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 10px;
    position: absolute;
    left: 50px;
    top: 145px;
}

.window_small .glay_btn {
    padding: 7px 30px 8px 30px;
    width: 120px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 10px;
    position: absolute;
    right: 50px;
    top: 145px;
}

.window_small .roundBox2 {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 8px;
    padding: 1%;
}

.window_small .roundBox2 .title_s {
    font-size: 17px;
    padding: 10px;
    height: auto;
}


.window_small {
    height: auto;
    width: 100%;
    background-color: #e2e2e2;
    padding: 20px;
    border-radius: 5px;
}

.window_small .title_s {
    width: 100%;
    min-height: 40px;
}

.btnZone {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
}

.close2 img{
	position: absolute;
    top: 15px;
    right: 20px;
}    




/* selectize.js */
.selectize-input input[type="select-one"],.selectize-input input[type="text"] {width: 100% !important;}
.selectize-input {padding: 16px;}
.selectize-input .item {font-size: 18px;}
.selectize-dropdown [data-selectable].option {font-size: 18px;}

/* datatables */
table.dataTable.dataTable-sm thead th {padding: 2px 10px;}
table.dataTable.dataTable-sm tbody td {padding: 2px;}

table.dataTable.height-sm tbody th, table.dataTable.height-sm tbody td {padding: 4px 10px;}
table.dataTable.height-sm thead th, table.dataTable.height-sm thead td {padding: 6px 18px;}



/*btn 라인테두리타입*/
button.btn-line-gray { border: 1px solid #9BB0C8; background: #9bb0c8; color: white;  border-radius: .25rem;}
button.btn-line-gray:hover{border-color: #C8D5E5; background-color: #b3c4d9 }
button.btn-line-gray:active{border-color: #ABB2D2; background-color: #869cb7}
button.btn-line-gray:disabled { border:1px solid #EAEEF3; background-color:#9bb0c8; }

button.btn-line-red { border: 1px solid #9BB0C8; background: #9bb0c8; color: white;  border-radius: .25rem;}
button.btn-line-red:hover{border-color: #C8D5E5; background-color: #b3c4d9 }
button.btn-line-red:active{border-color: #ABB2D2; background-color: #869cb7}
button.btn-line-red:disabled { border:1px solid #EAEEF3; background-color:#9bb0c8; }


/* MV Tabs */
.mv-nav-tabs {border-bottom: 0;}
.mv-nav-tabs .nav-link {border: 1px solid #dee2e6; font-size: 15px; background-color: white;}
.mv-nav-tabs .nav-link-bgwhite {background-color: white;}
.mv-nav-tabs .nav-link.active {border-color: #dee2e6; color: white; font-weight: bold;}
html[data-sc="meeting"] .mv-nav-tabs .nav-link {border-color: #2692FF;}
html[data-sc="class"]   .mv-nav-tabs .nav-link {border-color: #9BCD65;}
html[data-sc="consult"] .mv-nav-tabs .nav-link {border-color: #9875F9;}
html[data-sc="webinar"] .mv-nav-tabs .nav-link {border-color: #E65261;}
html[data-sc="work"]    .mv-nav-tabs .nav-link {border-color: #46C9A9;}
html[data-sc="meeting"] .mv-nav-tabs .nav-link.active {background-color: #2692FF;}
html[data-sc="class"]   .mv-nav-tabs .nav-link.active {background-color: #9BCD65;}
html[data-sc="consult"] .mv-nav-tabs .nav-link.active {background-color: #9875F9;}
html[data-sc="webinar"] .mv-nav-tabs .nav-link.active {background-color: #E65261;}
html[data-sc="work"]    .mv-nav-tabs .nav-link.active {background-color: #46C9A9;}

.mv-tab-content {border: 1px solid #dee2e6; border-radius: 0 5px 5px 5px;}
html[data-sc="meeting"] .mv-tab-content {border-color: #2692FF;}
html[data-sc="class"]   .mv-tab-content {border-color: #9BCD65;}
html[data-sc="consult"] .mv-tab-content {border-color: #9875F9;}
html[data-sc="webinar"] .mv-tab-content {border-color: #E65261;}
html[data-sc="work"]    .mv-tab-content {border-color: #46C9A9;}

html[data-sc="meeting"] .custom-b-bottom-sc {border-bottom : 2px solid; border-color: #2692FF;}
html[data-sc="class"]   .custom-b-bottom-sc {border-bottom : 2px solid; border-color: #9BCD65;}
html[data-sc="consult"] .custom-b-bottom-sc {border-bottom : 2px solid; border-color: #9875F9;}
html[data-sc="webinar"] .custom-b-bottom-sc {border-bottom : 2px solid; border-color: #E65261;}
html[data-sc="work"]    .custom-b-bottom-sc {border-bottom : 2px solid; border-color: #46C9A9;}





/****** 기본 제공 스타일 ******/
.box-shadow-default {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}

.hand {cursor: pointer;}

/* Font Style */
.font-size-12 {font-size: 12px;}
.font-size-14 {font-size: 14px;}
.font-size-16 {font-size: 16px;}

/* 글자 ... 처리 */
.word-ellipsis {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.slim_scrroll {}
.slim_scrroll::-webkit-scrollbar {width: 5px;}
.slim_scrroll::-webkit-scrollbar-thumb {
	background-color: #c1c1c1; /*스크롤바의 색상*/
}
.slim_scrroll::-webkit-scrollbar-track {
	background-color: #f1f1f1; /*스크롤바 트랙 색상*/
}





/***************************************************
	Note review
***************************************************/
.note-review .note-review-header {}
.note-review .note-review-content {}
.note-review .note-review-content .solve-box {width: calc(100% - 170px); background-color: white; border-radius: 5px; height: max-content;}
.note-review .note-review-content .solve-box div.question-box:first-child {margin-top: 0}

.note-review .note-review-content .solve-box .page-image {width: 630px; margin-right: 10px;}
.note-review .note-review-content .solve-box .page-image img {width: 100%; cursor: pointer;}

.note-review .note-review-content .solve-box .page-question {width: calc(100% - 640px); min-width: 378px;}
.note-review .note-review-content .solve-box .question-content {border: 1px solid #ddd; border-radius: 3px; background-color: #efefef; padding: 10px; margin-bottom: 10px;}

.note-review .note-review-content .solve-box .question-content .question-review-answer {display: flex;}

#page-nav-main {margin-left: 10px;}
#page-nav {border-radius: 5px; width: 160px; height: auto;}
#page-nav .nav-btn {cursor: pointer; padding: 15px 5px; text-align: center; font-weight: bold; background-color: white;}
#page-nav .nav-btn[data-move-target="#top"] {border-radius: 5px 5px 0 0;}
#page-nav .nav-btn[data-move-target="#buttom"] {border-radius: 0 0 5px 5px;}
#page-nav #page-nav-question {background-color: white;}
#page-nav .nav-question-box .nav-question {cursor: pointer; margin-left: 15px; margin: 5px 10px; justify-content: space-between;}

#page-nav .nav-question-box .incomplete {color: #a5a5a5}
#page-nav .nav-question-box .nav-question div {padding: 0 5px 0 5px;}
#page-nav .nav-question-box .nav-question div i.right,
 #page-nav .nav-question-box .nav-question div svg.right {color: blue;}
#page-nav .nav-question-box .nav-question div i.wrong,
 #page-nav .nav-question-box .nav-question div svg.wrong {color: red;}

#page-nav #page-nav-question {overflow-y: auto; max-height: calc(100% - 90px); scrollbar-width: thin;}

i.important,
 svg.important {color: #ffc83d;}


.note-review .custom-checkbox .custom-control-label::before,
.note-review .custom-checkbox .custom-control-label::after{top: 1px !important;left:-20px !important;}


@media (max-width: 768px) {
	.note-review .note-review-header {display: block !important;}
	.note-review .note-review-header div {margin-left: 5px !important;}
	
	.note-review .note-review-content .solve-box {width: 100%;}
	.note-review .note-review-content .solve-box .page-group {display: block !important;}
	
	.note-review .note-review-content .solve-box .page-image {width: inherit; margin-right: 0; margin-bottom: 10px;}
	.note-review .note-review-content .solve-box .page-image img {margin-top: 0 !important;}
	.note-review .note-review-content .solve-box .page-question {width: 100%; min-width: initial;}
	
	.note-review .note-review-content .solve-box .question-content .question-info {display: block;}
	.note-review .note-review-content .solve-box .question-content .question-info div {margin-left: 0}
	
	.note-review .note-review-content .solve-box .question-content .question-review-answer {display: block;}
	.note-review .note-review-content .solve-box .question-content .question-review-right div:first-child {margin-left: 10px !important; margin-top: 10px;}
	
	#page-nav-main {display: none;}
}