@charset "utf-8";

#wrap-Search { clear: both; width: 100%; height: 44px; margin-top: 30px; }
#wrap-Search .srcSelect {
	float: left; width: 140px; height: 42px; margin-right: 4px; border: 1px solid #D5D9DF; display: table;
	-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}
#wrap-Search .srcSelect:hover { border: 1px solid #1E3547; }
#wrap-Search .srcSelect.select { border: 1px solid #1E3547; }
#wrap-Search .srcSelect a {
	width: 100%; height: 42px; display: table-cell; vertical-align: middle; text-indent: 12px; cursor: pointer;
	background: url('/img/icon_arrow_down.png') no-repeat 90% 50%; background-size: 10px; color: #777; font-size: 15px;
}
#wrap-Search .srcSelect a:hover { color: #1E3547; }
#wrap-Search .srcSelect.select a { color: #1E3547; background: url('/img/icon_arrow_up.png') no-repeat 90% 50%; background-size: 10px; }
#wrap-Search .srcSelect div {
	position: absolute; width: 22px; height: 19px; background: #FF7A01; color: #FFF; text-align: center; display: none;
	padding-top: 3px; font-size: 13px; margin: 10px 0 0 -50px;
	-webkit-border-radius: 50% 50% 50% 50; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%;
}

#src-Region, #src-Jobs, #src-Driver, #src-Cargo {
	clear: both; margin-top: 4px; width: calc(100% - 2px); height: 283px; border: 1px solid #1E3547; background: #FFF;
	-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; overflow: hidden; display: none;
}
#src-Region .exp, #src-Jobs .exp {
	width: calc(100% - 20px); height: 27px; background: url('/img/exclamation-mark.svg') no-repeat #F7F8FA; text-align: right; padding: 13px 20px 0 0;
	font-size: 13px; color: #8F959F; border-bottom: 1px solid #E5E8EC; border-radius: .3em .3em 0 0;
	background-position: 1110px 14px; background-size: 13px;
}
#src-Region table, #src-Jobs table { clear: both; width: 100%; }
#src-Region table thead th, #src-Jobs table thead th {
	height: 40px; background: #F7F8FA; text-align: center; color: #000; border-bottom: 1px solid #E5E8EC;
}
#src-Region table thead th.r { border-right: 1px solid #E5E8EC; }
#src-Region .content, #src-Jobs .content, #src-Driver .content, #src-Cargo .content { clear: both; width: 100%; height: 200px; display: flex; }
#src-Region .div1, #src-Region .div2, #src-Region .div3, #src-Jobs .div1, #src-Driver .div1, #src-Cargo .div1 {
	width: 230px; height: 200px; overflow-y: auto; border-right: 1px solid #E5E8EC;
}

#src-Region .div1 li, #src-Region .div2 li, #src-Region .div3 li, #src-Jobs .div1 li,
#src-Driver .div1 li, #src-Cargo .div1 li {
	clear: both; width: 100%; height: 40px; display: table; cursor: pointer;
}

#src-Region .div1 li.select, #src-Jobs .div1 li.select, #src-Driver .div1 li.select, #src-Cargo .div1 li.select,
#src-Region .div2 li.select {
	background: #FEF3E8;
}

#src-Region .div1 li a, #src-Region .div2 li a, #src-Jobs .div1 li a,
#src-Driver .div1 li a, #src-Cargo .div1 li a {
	width: 100%; height: 40px; display: table-cell; vertical-align: middle; text-indent: 15px; color: #4C515B;
}

#src-Region .div3 li.select, #src-Jobs .div2 li.select, #src-Driver .div2 li.select, #src-Cargo .div2 li.select,
#src-Region .div1 li.select a, #src-Jobs .div1 li.select a, #src-Driver .div1 li.select a, #src-Cargo .div1 li.select a,
#src-Region .div2 li.select a, #src-Jobs .div2 li.select a {
	color: #FF7A01;
}

#src-Region .div3 { width: 800px; display: flex; flex-wrap: wrap; align-content: flex-start; }
#src-Region .div3 li { flex: 0 0 20%; box-sizing: border-box; display: flex; align-items: center; text-indent: 6px; }
#src-Jobs .div2 li div.li-label,
#src-Driver .div2 li div.li-label, #src-Cargo .div2 li div.li-label {
	margin-top: 1px;
}
#src-Region .div3 li div.checkbox, #src-Jobs .div2 li div.checkbox,
#src-Driver .div2 li div.checkbox, #src-Cargo .div2 li div.checkbox {
	width: 18px; height: 18px; cursor: pointer; background: url(/img/icon-check-white.png) no-repeat 50% 55% #DDD;
	background-size: 10px; margin: 1px 0 0 20px;
	-webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0;
}
#src-Region .div3 li.select div.checkbox, #src-Jobs .div2 li.select div.checkbox,
#src-Driver .div2 li.select div.checkbox, #src-Cargo .div2 li.select div.checkbox {
	width: 18px; height: 18px; cursor: pointer; background: url(/img/icon-check-white.png) no-repeat 50% 55% #FF7A01;
	background-size: 10px; margin: 1px 0 0 20px;
	-webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0;
}
#src-Region .div3 li div.checkbox, #src-Region .div3 li.select div.checkbox { margin: 0 0 0 20px; }

#src-Jobs .div2 li, #src-Driver .div2 li, #src-Cargo .div2 li {
	height: 40px; box-sizing: border-box; display: flex; align-items: center; text-indent: 6px;
}
#src-Driver .div2 li div.check {
	width: 20px; height: 20px; cursor: pointer; background: url(/img/icon-check-white.png) no-repeat 50% 55% #DDD;
	background-size: 10px; margin: 1px 0 0 20px;
	-webkit-border-radius: 50% 50% 50% 50; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%;
}
#src-Driver .div2 li.select div.check {
	width: 20px; height: 20px; cursor: pointer; background: url(/img/icon-check-white.png) no-repeat 50% 55% #FF7A01;
	background-size: 10px;  margin: 1px 0 0 20px;
	-webkit-border-radius: 50% 50% 50% 50; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%;
}

#src-Jobs { width: calc(100% - 2px); height: 180px; }
#src-Jobs .content, #src-Jobs .div2 { height: 139px; }
#src-Jobs .div1 { width: 230px; height: 139px; overflow-y: hidden; }
#src-Jobs .div2, #src-Driver .div2, #src-Cargo .div2 { width: 1028px; }
#src-Jobs .div2 ul, #src-Driver .div2 ul, #src-Cargo .div2 ul {
	clear: both; width: 100%; height: 40px; display: flex; flex-wrap: wrap; align-content: flex-start; cursor: pointer;
}
#src-Jobs .div1 li { height: 80px; margin-top: 6px; }
#src-Jobs .div1 li a { height: 68px; vertical-align: top; padding-top: 12px; }
#src-Jobs .div2 ul { height: 80px; margin-top: 5px; }
#src-Jobs .div2 ul li { width: 9%; }
#src-Driver, #src-Cargo { width: calc(100% - 2px); height: 180px; }
#src-Driver .content, #src-Cargo .content { height: 180px; }
#src-Driver .div1, #src-Cargo .div1 { width: 230px; height: 180px; }
#src-Driver .div2 ul li, #src-Cargo .div2 ul li { margin-right: 10px; }

#src-Text {
	clear: both; width: calc(100% - 42px); min-height: 20px; padding: 20px 20px; margin-top: 4px; border: 1px solid #E5E8EC;
	font-family: Pretendard400; line-height: 1.7; color: #999; text-align: center;
	-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}
#src-Text .srcNone { margin: 9px 0 5px; }
#srcText { width: 100%; margin-top: -4px; display: flex; flex-wrap: wrap; align-content: flex-start; }
#srcText .txt {
	padding: 5px 26px 3px 10px; color: #222; background: url('/img/close.png') no-repeat right 10px center #FEF3E8;
	background-size: 10px; border: 1px solid #FDEBD9; font-weight: 500; cursor: pointer; margin: 4px 4px 0 0;
	-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}

#src-Btn { clear: both; width: 100%; height: 40px; margin-top: 4px; display: flex; justify-content: center; align-items: center; }
#src-Btn div {
	height: 40px; padding: 0 15px; display: table; background: #FF7A01; margin-right: 4px;
	-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
}
#src-Btn div a {
	display: table-cell; height: 40px; vertical-align: middle; padding: 0 15px;
	color: #EFEFEF; font-weight: 500; font-size: 15px; cursor: pointer; font-family: Pretendard400;
}
#src-Btn div a:hover { color: #FFF; }
#src-Btn .gray { background: #888; }
#src-Btn .save { background: #0080FF; }
#src-Btn .black { background: #000; }
#src-Btn .orange { background: #FF7A01; }