.login-box {
	position: absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:400px;
	padding: 20px;
	background-color: #f8f8f8;
	border:1px solid #6a5acd;
	-webkit-transform:translateY(-50%) !important;
	-moz-transform:translateY(-50%) !important;
	-ms-transform:translateY(-50%) !important;
	-o-transform:translateY(-50%) !important;
	transform:translateY(-50%) translateX(-50%) !important;
}
.login-box h1 { font-size:18px; color:#fff600; background-color:#6a5acd; text-align:center; padding:10px 0; }
.login-box input,
.login-box button { margin-top:10px; }
.login-box .btn { display:block; width:100%; border-radius: 0; }

.login-footer {
	position: absolute;
	top:calc(50% + 150px);
	left:50%;
	width:100%;
	max-width:400px;
	padding: 20px;
	transform:translateY(-50%) translateX(-50%) !important;
	font-size:16pt;
	font-weight:500;
	text-align:center;
}

.logo { width:150px; }
header {
	height:50px;
	color:#fff;
	background-color: #6a5acd;

}
header a { color:#fff600; font-size:18px;font-weight: 700; text-decoration: underline; }
header ul { display: table; width:100%; }
header ul li { padding:10px 0; vertical-align: middle; }
header ul li.nav-logo { position: relative; width:100%; text-align: center }
header ul li.nav-head { display: none; }
header h3 { display: inline-block; margin-right:10px; }
header .collapse { position: absolute; left:10px; top:10px; display: inline-block; width:40px; height:30px; padding:5px 7px; }
header .collapse span { display:block; width:100%;height:3px; background-color:#fff;  }
header .collapse span ~ span { margin-top:6px; }
h3 small { margin-left:5px; }

.gnb-group {}
.gnb-group a {
	display:block;
	color:#000;
	background-color:#fff;
	border-radius: 6px;
	border:1px solid #bebebe;
	margin-bottom:10px;
}

main { padding-bottom:0px; }
main .container { height:100%; }
main .main { display: table; width:100%; height:100%; }
main aside { display: none; }
main section { display: block; padding:20px 0; }

@media ( min-width:970px) {
	header { height:70px; }
	header ul { height:70px; }
	header ul li.nav-logo { display:table-cell; width:200px; }
	header ul li.nav-head { display:table-cell; padding:0 20px; }
	header ul li.nav-head .left { margin-top:3px; }
	header .collapse { display:none; }

	.gnb-group a {
		padding:10px 0;
	}
	.gnb-group a:hover,
	.gnb-group a.active {
		color:#fff;
		background-color: #6a5acd;
		border-color:#6a5acd;
	}
	main aside {
		display: table-cell;
		font-size:16px;
		width:200px;
		height:100%;
		text-align:center;
		background-color: #f8f8f8;
		padding:20px;
	}
	main section { display: table-cell; height:100%; padding:20px; }
}

.head-title {
	font-size:18px;
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:10px;
}
.head-group { padding:10px 0;}
.head-group .head-left { float:left; }
.head-group .head-left .input-class { display:inline-block; width:auto; vertical-align:middle; }
.head-group .head-left .btn { display: inline-block; vertical-align:middle; border-radius:0; }
.head-group .head-right { float:right; }

@media ( min-width:970px) {
	.head-title { font-size:22px; }
	.head-group { padding:10px 0; }
}



/* table con */
th.collapse,
td.collapse { display:none; }

@media ( min-width:970px) {
	th.collapse,
	td.collapse { display:table-cell; }
}

.search-group2 .col {
	position: relative; float:left; width:100%;
}
.search-group2 .col.col-3 {
	width:33.3333%;
}
.search-group2 .col.col-9 {
	width:66.6666%;
}

.search-group { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #dcdcdc; }
.search-group .col { position: relative; float:left; width:100%; }
.search-group .col-2 { height: 130px; }
.search-group .col.col-3 { width:33.33333%; }
.search-group .col.col-4 { width:25%; }
.search-group .col.col-6 { width:50%; }
.search-group .col.col-2 .btn { position:absolute; width:100%;right:0; }
.search-table th { width:50px; color:#000; text-align:right; background-color: transparent; border:0 !important; padding-right:10px; }
.search-table td { text-align:left; border:0 !important; }
.search-table.nth1 td { padding:3px 0; }
.search-table.nth2 th { vertical-align:top; padding-top:15px; }
.search-group .input-group .input-class { display:inline-block; float:left; width:50%; }
.search-group .input-group .input-class + .input-class { margin-left:0px; }
.search-group .checkbox { display: block; font-size:13px; padding-bottom:5px; }

@media ( min-width:970px) {
	.search-group .col-1 { width:40%; }
	.search-group .col-2 { width:60%; height:120px; padding-left:20px; }
	.search-group .col-1a { width:27%; }
	.search-group .col-2a { width:33%; height:120px; padding-left:20px;}
	.search-group .col-3a { width:40%; height:120px; padding-left:20px; }
	.search-table .input-class { font-size:14px; height:34px; }
	.search-table th { text-align:center; padding-right:0; }
	.search-table.nth1 td { padding:3px 0; }
	.search-table.nth2 td { padding-left:15px; }
	.search-group .col.col-2 .btn { width:95%; bottom:2px; right:0; }
	.search-group .col.col-3a .btn { position:absolute; width:95%; bottom:2px; right:0; }
	.search-group .checkbox { font-size:14px; }
}

.allocar { margin-top:10px; }
.allocar input[type="file"] { font-size:13px !important; }
.allocar h2 { font-size:16px; font-weight:500; color:#000; margin-bottom:8px; }
.allocar .row { margin:0 -5px; }
.allocar-info { float:left; width:100%; }
.allocar-info .col { float:left;width:100%;padding:5px; }
.allocar-info .panel { border:1px solid #dcdcdc; padding:10px; }
.allocar-info .addedPanel { margin-top:5px; }
.allocar-msg { float:right; width:100%; padding-top:10px; }
.allocar-msg .panel { border:1px solid #dcdcdc; padding:10px; }

.allocar-info table { background-color:#f8f8f8; }
.allocar-info table th,
.allocar-info table td { border:0 !important; }
.allocar-info table th { font-weight:300; }
.allocar-info table td { padding:3px 5px; }

.allocar-msg table { background-color:#f8f8f8; }
.allocar-msg table th,
.allocar-msg table td { border:0 !important; }
.allocar-msg table th { font-weight:300; }
.allocar-msg table td { padding:3px 5px; }

.msg-box { background-color:#f8f8f8; border:1px solid #dcdcdc; padding:10px; margin-top: 10px; }
.msg-box .msg-body {
	background-color: #fff;
	height:300px;
	border-radius: 8px;
	padding:10px;
	overflow-y: auto;
}
.msg-box .msg-foot { padding-top:10px; }
.msg-box .msg-foot .btn { display:block; width:100%; margin-top:5px; }

.chat{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}
.chat::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 8px;
    position: absolute;
    top: 11px;
    transform:rotate( 29deg ) skew( -35deg );
    -moz-transform:rotate( 29deg ) skew( -35deg );
    -ms-transform:rotate( 29deg ) skew( -35deg );
    -o-transform:rotate( 29deg ) skew( -35deg );
    -webkit-transform:rotate( 29deg ) skew( -35deg );
    width:10px;
}
.chat .ic {
	display: block;
	width:23px;
	height:23px;
	background-color: #000;
	background-size:15px;
}
.you {
    float: left;
    margin: 5px 45px 5px 5px;
	background-color: #fffa61;
}
.you::before {
	background-color: #fffa61;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -5px;           
}
.my {
    float: right;
    margin: 5px 5px 5px 45px;
    color:#fff;
    background-color: #6a5acd;
}
.my::before {
	background-color: #6a5acd;
    box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    right: -5px;
}
@media ( min-width:970px) {
	.allocar .input-class { font-size:14px; }
	.allocar-info .col { width:50%; }

}
@media ( min-width:1200px) {
	.allocar-info { width:74%; }
	.allocar-msg { width:26%; padding-left:10px; padding-top:5px; }
	.msg-box .msg-body { height:380px; }
}


[data-fancybox=""],
[data-target] { cursor:pointer; }

/* modal */
.fancybox__slide { padding:10px; }
.fancybox__content { padding:15px; }
.modal-dialog {
	display:none;
	width:100%;
	max-width:800px;
}
.modal-dialog.modal-account { max-width:600px; }
.modal-dialog.modal-favoritTruck { max-width:600px; }
.modal-dialog.modal-team { max-width:600px; }
.modal-head { font-size:18px; font-weight:500; text-align:center; background-color:#f8f8f8; border:1px solid #dcdcdc; padding:15px 0; margin-bottom:10px; }
.modal-body table { border:0px solid #dcdcdc ; }
.modal-body table th { font-weight:300; }
.modal-body table td { padding:10px; }
.modal-foot { margin-top:10px; }
.modal-foot .btn { display:block; width:100%; border-radius:0; }

.allocar-msg table { border:0; }
.allocar-msg table { border:0; }

@media ( min-width:970px) {
	.fancybox__slide { padding:0; }
	.fancybox__content { padding:25px; }
	.modal-body table th { font-size:16px; }
	.modal-foot .btn { font-weight:500; padding:10px; }
	.allocar-info table th{ font-size:13px; text-align:right; padding-right:2px;}
	.allocar-info table td { padding:3px 5px; }
	.allocar-msg table th{ font-size:13px;  text-align:right; padding-right:2px;}
	.allocar-msg table td { padding:3px 5px; }
}


.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialogs {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.modal.in .modal-dialogs {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialogs {
  position: relative;
  width: auto;
  margin: 10px auto;
}
.modal-dialogs.modal-allocar { max-width:1100px }
.modal-dialogs.modal-account { max-width:600px }
.modal-dialogs.modal-team { max-width:600px }
.modal-dialogs.modal-order { max-width:800px }
.modal-dialogs.modal-test { max-width:400px; margin-top:100px; }
.modal-dialogs .modalCloseBtn {
	text-align: right;
    font-size: 15pt;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #fff;
	cursor:pointer;
}

.modal-content, .modal-content-myAccount {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
  padding:15px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}



.clear:after,
.chat:after,
.msg-foot:after,
.modal-body:after,
.container:after,
.head-group:after,
.search-group:after {
	content: "";
	display:table;
	clear:both;
}

.star {
	color:#ff9900;
	vertical-align: text-top;
}

#lnbFoldBtn {
	text-align:right; font-size:18pt; margin-bottom:20px;
}

#lnbFoldBtn i {
	color:#6a5acd; border:1px solid #6a5acd; padding:5px;
}

.chatDate {
	font-size:12px;
}

.exclamationStatus {
	color:#ff9900;
}

.msgCheckIcon {
	position:absolute; 
	top:-5px;
	left:45px;
	color:#ff3300;
	font-size:8pt;
}

.redDot {
	color:#ff0000;
	font-size:8pt;
}

.blueDot {
	color:#6600ff;
	font-size:8pt;
}

.orangeDot {
	color:#ff9900;
	font-size:8pt;
}

.greenDot {
	color:#28a745;
	font-size:8pt;
}

.checkSpan {
	font-size:9pt;
}

.small {
	font-size:8pt;
}

.tmsStatusBtn {
	cursor:pointer;
	font-weight:bold;
}

a.gnbTmsCountLink {
	color:yellow;
}

.pickupInfoDiv:not(:first-child) {
	margin-top:10px;
}

.receiveInfoDiv:not(:first-child) {
	margin-top:10px;
}

.unableTxt {
	color:#F75454;
}

.enableTxt {
	color:#097FF5;
}

#popMenuDiv {
	width: 150px;
	border: 2px solid #6a5acd;
	padding: 10px;
	background: #fff;
	font-size: 12px;
}

#popMenuDiv ul li:not(:last-child) {
	margin-bottom:5px;
}

.companyNameTd {
	max-width:80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:left;
}

.cargoType2Td {
	max-width:60px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:left;
}

.orderBLNoTd {
	max-width:150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.viewTMSDetail.status1 {
	background:#ffffcc;
}

.viewTMSDetail.status5 {
	background:#b1ddfe;
}

.viewTMSDetail.status6 {
	background:#fff;
}

.viewTMSDetail.clicked {
	background:#99cccc;
}

.companyNameTdWrap {
  position: relative;
}

.overflow {
	max-width:80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:left;

	pointer-events:none;
}

.overflow:after {
  content:"";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 15px;
  z-index: 1;
  border: 1px solid red; /* for visualization only */
  pointer-events:initial;

}

.overflow:hover:after{
  cursor: pointer;
}

.tooltip {
  /* visibility: hidden; */
  display: none;
  position: absolute;
  top: 10;
  left: 0;
  background-color: #fff;
  padding: 10px;
  -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
  opacity: 0;
  transition: opacity 0.5s ease;
}


.overflow:hover + .tooltip {
  /*visibility: visible; */
  display: initial;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.orderCompanyName {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:100px;
	min-height: 35px;
}

.strongLine td {
	border-top:2px solid #686868;
}

.ui-datepicker-week-end:first-child > a {
	color: red!important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  /* 오늘일자 */
  background:#ff87fb !important;
  color: #000000 !important;
  font-weight: 700 !important;
}