body{
    /*font-size: 15px;*/
  /*font: 15px "Montserrat-ExtraBold", "Lucida Grande", Helvetica, Arial, sans-serif;*/
  /*font-family: "Montserrat-ExtraBold", "Lucida Grande", Helvetica, Arial, sans-serif;*/
  font: 15px "Montserrat", "Lucida Grande", Helvetica, Arial, sans-serif;
  font-family: "Montserrat", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: 700;
}
nav{
    z-index: 999;
}
nav .nav-wrapper{
    padding: 0 10px;
}
nav span{
    margin:0 15px;
}

footer.page-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 5px 15px;
    height: 50px;
}
.footer_upper{
    min-height: 60px;
}

.redstar{
    color:red;
}

.greenok{
    color:forestgreen;
}
.warning_yellow{
    color:darkorange;
}


#alertLayer.modal,
.alertLayer.modal,
#confirmLayer.modal {
  /*width: 50%;*/
  /* height: 30%; */
  height: auto;
  min-height: 250px;
    z-index: 1500230;
  /*top: 25% !important;*/
  /* top: 25%; */
}
#alertLayer .modal-header,
.alertLayer .modal-header,
#confirmLayer .modal-header {
  /* padding: 24px 24px 0 24px; */
  padding: 24px;
  margin-bottom: 0;
  text-align: center;
}
#alertLayer .modal-header,
.alertLayer .modal-header {
  background-color: #2F79BE;
  color: white;
}
#confirmLayer .modal-header {
  background-color: #2b2d42;
  color: #edf2f4;
}
#alertLayer .modal-content,
.alertLayer .modal-content,
#confirmLayer .modal-content {
  /* padding-top: 5px; */
  /* font-size: 18px; */
  /*font-size: 22px;*/
  font-size: 30px;
  text-align: center;
}
#alertLayer .modal-footer,
.alertLayer .modal-footer,
#confirmLayer .modal-footer {
    text-align: center;
}
#alertLayer .modal-footer .btn,
.alertLayer .modal-footer .btn,
#confirmLayer .modal-footer .btn {
  min-width: unset;
  width: 40%;
  /* height: 40px; */
  /* padding: 5px; */
  font-size: 20px;
  text-align: center;
}

#downloadPopup {
    width: 60% !important;
}


#excelFile , #excelFile_for_interim,.excelFile {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#downtable, #downtable *{
    word-break: break-word;
}

#countDownTimerForTokenTime {
    font-size: 28px;
    padding: 15px;
    white-space: pre;
}

.modal .modal-content{
    /*height: calc(100% - 86px) !important;*/
    /*max-height: calc(100% - 86px) !important;*/
}


#preloader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background-color: rgba(0,0,0,0.5);
}
#preloader .progress{
    position: absolute;
    top: 50%;
    /*left: 50%;*/
    z-index: 100001;
}
#preloader span{
    position: absolute;
    top: 43%;
    right: 15%;
    font-size: 36px;
    z-index: 100002;
    background-color: white;
}


.title {

}

.fixed{
    /*position:fixed;*/
}

.underline{
    text-decoration: #2b2d42 underline;
}

.width100{
    width: 100% !important;
}
.width50{
    width: 50% !important;
}
.width45{
    width: 45% !important;
}
.width30{
    width: 30% !important;
}
.width33{
    width: 33% !important;
}
.width49{
    width: 49% !important;
}
.width150px{
    width: 150px !important;
}
.width-70{
    width: calc(100% - 70px) !important;
}
.width-80{
    width: calc(100% - 80px) !important;
}
.width-90{
    width: calc(100% - 90px) !important;
}
.margin5{
    margin: 2.5% !important;
}
.margin1{
    margin: 0.5% !important;
}
.margin0{
    margin: 0 !important;
}
.marginbottom0{
    margin-bottom: 0 !important;
}
.font13{
    font-size: 13px;
}
.font32{
    font-size: 32px;
}
.font22{
    font-size: 22px !important;
}

.wordbreak_keepall{
    word-break: keep-all;
}

.btn.cancel{
    background-color: #2F79BE;
}

.btn{
    margin: 5px;
    text-transform:unset;
    /*background-color: #19785A;*/
    /*background-color: #bdbdbd;*/
    background-color: #757575;
}
.btn:hover{
    background-color: #19785A;
}
.btn.bigbtn{
    border-radius: 29px;
    height: 55px;
    line-height: 55px;
    min-width: 240px;
    font-size: 22px;
}
.btn.bigbtn2{
    font-size: 20px;
    margin:0px;
    height: 75px;
}
.btn.bigbtnfull{
    height: 55px;
    line-height: 55px;
    width: 100%;
    font-size: 22px;
}
.btn.bigbtnhalf{
    height: 55px;
    line-height: 55px;
    width: calc(50% - 12px);;
    font-size: 22px;
    /*margin: 0;*/
    display: inline-block;
}
.btn.bigbigbtn{
    height: 80px;
    line-height: 80px;
}

.modal-content{
    font-size: 20px;
    padding-bottom: 70px !important;
}
.modal-footer *{
    font-size: 22px;
}

.second_modal_footer_btn {
    position: fixed;
    bottom: 42px;
    width: calc(50% - 12px);
    left: 1px;
    z-index: 500;
    font-size: 22px;
}

.textcenter{
    text-align: center;
}
.textcenter *{
    text-align: center;
}
.textright{
    text-align: right;
}

.fontBig {
    font-size: 32px;
}

.flex_center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.goboxred{
    background-color: #2F79BE;
}
.goboxredcolor{
    color: #2F79BE;
}
.goboxgreen{
    background-color: #19785A;
}
.goboxgreencolor{
    color: #19785A;
}
.goboxblue{
    background-color: #28327d;
}
.goboxbluecolor{
    color: #28327d;
}
.goboxsilver{
    /*background-color: #bdbdbd;*/
    background-color: #757575;
    /*color:white;*/
}
.goboxlightsilver{
    background-color: #bdbdbd;
    /*color : black;*/
}
.goboxsilvercolor{
    /*color: #bdbdbd;*/
    color: #757575;
}
.goboxorange{
    background-color: #ff9966;
}
.goboxorangecolor{
    color: #ff9966;
}

.goboxgold{
    background-color: #CAB63E;
}
.goboxgoldcolor{
    color: #CAB63E;
}

.goboxredhover:hover{
    background-color: #2F79BE;
}
.goboxgreenhover:hover{
    background-color: #19785A;
}
.goboxbluehover:hover{
    background-color: #28327d;
}
.goboxsilverhover:hover{
    background-color: #bdbdbd;
}
.goboxorangehover:hover{
    background-color: #ff9966;
}

input#password{
    -webkit-ime-mode:inactive;
    -moz-ime-mode:inactive;
    -ms-ime-mode:inactive;
    ime-mode:inactive;
}

.redborder{
    border : 3px solid #2F79BE;
}
.greenborder{
    border : 3px solid #19785A;
}

h6{
    font-size: 24px;
}
h5{
    font-size: 28px;
}

.color_sky{
    background-color: #00b0f0;
}
.color_oran{
    background-color: #ff8c5c;
}
.color_neongreen{
    background-color: #5ef612;
}
.color_neon_trans_green{
    background-color: rgba(94,246,18,0.6) !important;
}
#driverList .color_neon_trans_green:nth-child(even){
    background-color: rgba(73,203,8,0.6) !important;
}
.color_neonred{
    background-color: #ed1b88;
}
.color_logen{
    background-color: #FFA200;
}
.color_ffc91d{
    background-color: #ffc91d;
}
.color_aeff9b{
    background-color: #aeff9b;
}
.color_sky_gray{
    background-color: #edf2f4;
}
.color_orange2{
    /*background-color: rgb(245,102,50);*/
    background-color: #f89a78;
}
.color_purple{
    /*background-color: rgb(102,36,140);*/
    background-color: #ba7bdd;
}
.color_dcc2ee{
    background-color: #dcc2ee;
}
.color_f0d9c0{
    background-color: #f0d9c0;
}
.color_9c5b4a {
    background-color: #9c5b4a;
}

.color_fontcolor_white{
    color: #edf2f4;
}
.color_fontcolor_fullwhite{
    color: #faffff;
}

.color_ffc91d_hover:hover{
    background-color: #ffc91d;
}
.color_aeff9b_hover:hover{
    background-color: #acff9b;
}

.gobox_warning{
    background-color: #add8e6;
    color: #090b0c;
    /*color:red;*/
}
.gobox_warning2{
    background-color: #acff9b;
    color: #090b0c;
    /*color:red;*/
}

.tableWrapper {
    width: 100%;
    overflow: auto;
    padding-bottom: 20px;
    /*max-height: 600px;*/
    /*max-height: calc(60vh - 100px);*/
    max-height: calc(65vh - 65px);
}
.tableWrapper2 {
    width: 100%;
    overflow: auto;
    padding-bottom: 60px;
    /*max-height: 600px;*/
    max-height: calc(60vh + 84px);
}
.tableWrapper3 {
    width: 100%;
    /*overflow: auto;*/
    /*padding-bottom: 80px;*/
}

.listTable {
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}

.listTable.silver0 th{
    position: sticky;
    top: 0px;
    /*background-color: #2F79BE !important;*/
    background-color: #E8E7E6 !important;
}


#grid_custom table th, #grid_quick table th, #grid_m2m table th{
    position: sticky;
    top: 0px;
}

#orderListModal .modal-content , #driverPopup .modal-content{
    overflow-y: unset; !important;
    padding: 24px 5px; !important;
}

thead , thead *{
    border-radius: 0;
    font-size: 20px;
}

.modal_height80{
    height: 80% !important;
    max-height: 80% !important;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-content li>a, .dropdown-content li>span{
    color:#28327d;
}

.ml5{
    margin-left:5px;
}
.rightend {
    position: absolute;
    right: 5px;
}

.tui-grid-filter-list-item label::before{
    display: none !important;
}
/*.tabs-content.carousel { height: 100%; overflow-x:hidden; overflow-y: scroll; }*/
/*.tabs-content.carousel .carousel-item { width: 100%; height: 100%; }*/
.tabs-content.carousel {
    height: 100% !important;
}



/*html,body{ overflow:hidden; height:100%; }*/

[type="checkbox"]+span:not(.lever){
    /*체크박스 위치 조정 건*/
    display: unset;
}




.board_list_read{
    color:darkgray;
}
.board_list_unread{

}

.BigModal{
    height: 90% !important;
    max-height: 90% !important;
    width: 80%;
    min-width: 700px;
}
.BigModal2{
    height: 84% !important;
    max-height: 84% !important;
    width: 70%;
    min-width: 700px;
}
.BigModal3{
    height: 80% !important;
    max-height: 80% !important;
    width: 70%;
    min-width: 700px;
}

.onmouseenter_class{
    background-color: #cde1e2 !important;
    cursor : pointer;
}


.before_post_t{
    /* margin: .75rem; */
    padding: 0.75rem;
}

.post{

    font-size: 15px;
    /*font-size: 0.9rem;*/
}

.post.post_number{
    font-weight: 400;
    /*font-size: 15px;*/
}
.post.post_writer{
    font-weight: unset;
    /*font-size: 20px;*/
}
.post.post_title{
    font-size: 24px;
}
.post.post_date{
    font-weight: 300;
    /*font-size: 15px;*/
}
.post.post_extra_info{
    font-weight: 400;
    /*font-size: 16px;*/
}
.post.post_content , .comment.comment_content{
    font-weight: 500;
    /*font-size: 15px;*/
    /*height: calc(100% - 145px); */
    overflow:auto;
}
.post.post_content{
    min-height: 250px;
}
#Post_Comment{
    font-size: 16px;
}
.comment_row{
    border-top: 1px dotted seagreen;
}
textarea.comment.comment_content {
    min-height: 100px;
}
textarea.comment.comment_content pre {
    font-size: 0.8rem;
}
.comment.comment_info {
    font-size: 15px;
    font-weight: 500;
}
.table_page_numbers{
    height: 25px;
}
.table_page_numbers a{
    cursor: pointer;
    font-size: 20px;
    margin: 0 10px;
    font-weight: 300;
    color: #bdbdbd;
}
.table_page_numbers a.active{
    font-weight: 700;
    color: #19785A;
}


#Post_field{
    /*height: calc(100% - 145px);*/
    overflow:auto;
}
.notice_height{
    height: calc(100% - 145px);
}
.issue_height{
    height: calc(100% - 212px);
}
pre{
    margin: 0;
}
#Post_Edit *{
    font-size: 1rem;
}
/*#Post_Edit textarea{*/
/*    font-size: 17px;*/
/*}*/
.postedit{

}
.postedit.title_tags{
    margin-top : 20px;
}

.speech-bubble {
	position: relative;
	background: #8250b4;
	border-radius: .4em;
    padding: 10px;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-bottom-color: #8250b4;
	border-top: 0;
	border-left: 0;
	margin-left: -20px;
	margin-top: -40px;
}

.absol_position_for_speech-bubble{
    position: absolute;
    top: 90px;
    right: 50px;
}
.cursor_pointer{
    cursor: pointer;
}

.hide2, .hide2 *{
    visibility: hidden !important;
    height: 0 !important;
/*    못씀*/
}

/*#lastWeekTotalOrderCountTable thead tr th:nth-child(-n+2) {*/
/*    max-width: 100px;*/
/*}*/

.tableFixHead {
  overflow: auto;
  height: 100%;
}

.tableFixHead thead th {
  position: sticky;
  top: 0;
background-color: antiquewhite;
}

/*  https://stackoverflow.com/questions/1312236/how-do-i-create-an-html-table-with-a-fixed-frozen-left-column-and-a-scrollable-b    */
/*  이하 특수 테이블 < 좌 고정 */
/*.tableWrapper111 {*/
/*    max-width: calc(100% - 20rem);*/
/*    width: calc(100% - 20rem);*/
/*    overflow-x: scroll;*/
/*    margin-left : 20rem;*/

/*}*/
/*.tableWrapper111 table {*/
/*  border-collapse: separate;*/
/*  border-spacing: 0;*/
/*}*/

/*.tableWrapper111 .fixed1:nth-child(1) {*/
/*    position: absolute;*/
/*    width: 6rem;*/
/*    left : 0;*/
/*    top: auto;*/
/*}*/
/*.tableWrapper111 .fixed1:nth-child(2) {*/
/*    position: absolute;*/
/*    width: 14rem;*/
/*    left : 6rem;*/
/*    top: auto;*/
/*}*/

/*.tableWrapper111 table.striped>tbody>tr:nth-child(odd) {*/
/*    background-color: rgba(200,200,200,0.5);*/
/*}*/
/*.tableWrapper111 table.striped>tbody>tr:nth-child(odd)>td.fixed1 {*/
/*    background-color: rgba(200,200,200,0.5);*/
/*}*/
/*.tableWrapper111 .fixed1:before {*/
/*    content: 'Row ';*/
/*}*/



/*input.autocomplete:autofill ,*/
/*input.autocomplete:-webkit-autofill,*/
/*input.autocomplete:-webkit-autofill:hover,*/
/*input.autocomplete:-webkit-autofill:focus,*/
/*input.autocomplete:-webkit-autofill:active {*/
/*    transition: background-color 5000s;*/
/*    -webkit-text-fill-color: #fff !important;*/

/*}*/