.baseColor {
	color: #2c89e9;
}

*,
:after,
:before,
input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html {
	height: 100%;
	position: relative;
	font-size: 12px;
	-webkit-tap-highlight-color: transparent;
}

html, body, pre {
	-webkit-overflow-scrolling: touch;
	font-family: 'NanumSquareRound', 'Malgun Gothic', '맑은 고딕', HelveticaNeue-Light, AppleSDGothicNeo-Light, Arial, sans-serif;
	color: #555;
}

body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	display: flex;
	flex-flow: column;
	min-height: 100%;
	line-height: 1.42857143;
}

body::-webkit-scrollbar {
	width: 0;
}

body.scrollbar::-webkit-scrollbar {
	width: 10px;
}

footer {
	width: 100%;
	background-color: #282828;
	color: #fff;
	padding: 20px;
	font-size: 14px;
	line-height: 18px;
}

footer a {
	color: #fff;
	white-space: nowrap;
}

hr {
	border: 0;
	height: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #eee;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#top {
	width: 100%;
	height: 5.4em;
	line-height: 5.4em;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	display: flex;
}

#util, #logo {
	height: 5.4em;
}

#logo {
	text-align: left;
	border-right: 1px solid #eee;
}

#logo a {
	font-size: 1.7em;
	font-weight: bold;
	overflow: hidden;
	display: block;
}

#left {
	background: #091D32;
}

.platformName {
	font-size: 1.3em;
	color: #fff;
	padding: 20px 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-weight: 600;
	display: flex;
	align-items: start;
}

.plan {
	font-size: 0.7em;
	background-color: #2c89e9;
	border-radius: 3px;
	margin-left: 10px;
	padding: 3px 10px;
	white-space: nowrap;
}

.hamburger {
	background-color: #fff;
	width: 25px;
	border: 0;
	padding: 0 0 4px 0;
	display: inline-block;
}

.hamburger span {
	display: block;
	height: 7px;
	border-bottom: 3px solid #555;
}

.hamburger:hover span {
	border-bottom: 3px solid #2c89e9;
}

#contentBody {
	background-color: #f5f9fc;
	padding: 30px;
}

#contentBody::-webkit-scrollbar {
	background-color: #F5F5F5;
	width: 5px;
}

#contentBody::-webkit-scrollbar-thumb {
	background-color: #ccc
}

#left, #logo, #contentBody, #util {
	transition: all .3s;
}

#left, #logo {
	width: 240px;
	margin-left: -240px;
}

#contentBody, #util {
	flex: 1;
}

#logo.on {
	padding-left: 20px;
}

#left.on, #logo.on {
	margin-left: 0;
}

#util {
	padding: 0 30px;
	position: relative;
}

#util input {
	border: 0;
	width: 310px;
	height: 25px;
	margin-left: 20px;
	vertical-align: middle;
}

#util a {
	vertical-align: middle;
}

#utilRight {
	position: absolute;
	right: 30px;
	top: 0;
}

@media screen and (max-width: 1023px) {
	#left, #logo {
		margin-left: 0;
	}

	#logo {
		padding-left: 20px;
	}

	#logo.on {
		padding-left: 0;
	}

	#left.on, #logo.on {
		margin-left: -240px;
	}

	#contentBody, #util {
		width: 100%;
	}

	#left.on + #contentBody, #logo.on + #util {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#left, #logo {
		width: 220px;
	}

	#util input {
		display: none;
	}

	#contentBody {
		padding: 20px;
	}

	#left.on, #logo.on {
		margin-left: -220px;
	}

	#contentBody, #util {
		margin-right: -220px;
	}

	#left.on + #contentBody, #logo.on + #util {
		margin-right: 0;
	}

	#util {
		padding: 0 20px;
	}

	#utilRight {
		right: 20px;
	}

	body.on {
		overflow-x: hidden;
	}
}

.dropdownWrap {
	position: relative;
	display: inline-block;
}

.dropdown {
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	z-index: 1;
	opacity: 0;
	top: 100%;
}

.dropdownItem {
	display: block;
	white-space: nowrap;
	text-align: left;
}

.dropdown.on {
	display: block;
	-webkit-animation-name: dropdownAnimation;
	animation-name: dropdownAnimation;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes dropdownAnimation {
	0% {
		opacity: 0;
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		transform: translateY(5px)
	}
}

@keyframes dropdownAnimation {
	0% {
		opacity: 0;
		transform: translateY(-10px)
	}
	to {
		opacity: 1;
		transform: translateY(5px)
	}
}

#menu {
	padding: 0;
	font-size: 1.06em;
	color: #444;
}

#menu ul {
	list-style: none;
}

#menu .menu1 a, #menu .menu2 a {
	display: block;
	position: relative;
}

#menu .menu1 a:hover, #menu .menu2 a:hover, #menu .menu2.focus a {
	background-color: #263649;
	color: #f5f5f5;
}

#menu .menu1 a {
	display: block;
	background: #091D32;
	color: #f5f5f5;
	padding: 14px 0 14px 14px;
}

#menu .menu1 a i {
	color: #fff;
	margin-right: 7px;
	font-size: 1.3em;
	line-height: 11px;
	vertical-align: middle;
}

#menu .menu1 a:after {
	content: " ";
	border: solid;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	transform: rotate(45deg);
	transform-origin: 65% 65%;
	position: absolute;
	top: 19px;
	right: 20px;
	transition: all .3s;
}

#menu .menu1.on a:after {
	transform: rotate(-135deg);
}

#menu .menu2 {
	height: 0;
	overflow: hidden;
}

#menu .menu2.on {
	height: auto;
}

#menu .menu2 a {
	color: #adb5bd;
	background-color: #16283c;
	padding: 14px 0 14px 41px;
}

.infoTxt {
	clear: both;
	padding-top: 10px;
}

.rowSection {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 100%;
}

.rowSection_half {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	float: left;
	width: 50%;
	padding-left: 0;
	border-top: 1px solid #ccc;
}

.rowhalf .content {
	width: 690px;
}

.nav-tabs-wrap {
	border: 1px solid #ddd;
	padding: 10px;
}

.nav-tabs {
	display: block;
	padding-left: 0;
	overflow: auto;
	zoom: 1;
	clear: both;
}

.nav-tabs > li {
	float: left;
	display: block;
}

.nav-tabs > li > a {
	display: block;
	padding: 10px 15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	color: #2c89e9;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #fff;
	z-index: 1;
}

.tab-content {
	background-color: #fff;
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, .05);
	border-radius: 5px;
	padding: 15px;
}

.tab-content > .tab-pane {
	display: none;
	min-height: 400px;
}

.tab-content > .active {
	display: block
}

.tab-content .table-header {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.nav-tabs > li {
		float: initial;
	}

	.nav-tabs > li.active > a {
		background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23555' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .7rem center/8px 10px;
	}

	.nav-tabs > li.active > a.on {
		background-image: none;
		background-color: rgba(255, 255, 255, .5);
	}

	.nav-tabs > li:not(.active) > a {
		background-color: rgba(255, 255, 255, .5);
		display: none;
	}

	.nav-tabs > li:not(.active) > a.on {
		display: block;
	}

	.tab-content {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

a:link, a:visited, a:active, a:focus, a:hover {
	text-decoration: none;
}

.inner {
	border: none;
}

.pageTitleSection {
	margin-bottom: 10px;
}

.pageTitleWithLogo {
	position: relative;
	overflow: auto;
	zoom: 1;
}

.pageTitleWithLogo .logo {
	font-size: 2em;
	font-weight: 900;
	color: #2c89e9;
}

.pageTitleWithLogo h3 {
	position: absolute;
	bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

img.logo {
	max-width: 145px;
	max-height: 45px;
}

.pageTitle h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.swungdash {
	margin-right: 5px;
}

.markerTooltip {
	width: 250px;
	padding: 10px;
}

.markerTooltip ul {
	margin: 0;
	padding: 0;
}

.markerTooltip ul li {
	list-style: none;
}

.addrinput {
	width: 500px;
}

.js-search-toggle {
	color: #333;
	outline: none;
}

.coordinaterow input[type="text"] {
	display: inline-block;
	width: 120px;
}

.addressrow input[type="text"]:first-child {
	display: inline-block;
	width: 400px;
}

#chartdiv {
	width: 100%;
	height: 500px;
}

.gridRow:hover {
	color: #000;
	background-color: #F8F8F8;
}

.c333 {
	color: #333 !important;
}

.c999 {
	color: #999 !important;
}

.cfff {
	color: #fff !important;
}

.underline {
	text-decoration: underline !important;
}

.left-search-box {
	width: calc(100% - 175px);
	float: left;
}

.infoBox {
	padding: 10px;
	color: #999;
}

.infoBox p {
	padding: 0 0 0 6px;
	margin: 0;
	text-indent: -6px;
}

.infoBox p.secondLine {
	text-indent: 0;
}

.fleft {
	float: left;
}

.customTypeControl {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 1000;
	font-size: 11px;
	cursor: pointer;
}

.customTypeControl .unselected_btn {
	display: inline-block;
	border: 1px solid #999;
	padding: 5px;
	color: #999;
	background: #fff;
}

.customTypeControl .selected_btn {
	display: inline-block;
	border: 1px solid #999;
	padding: 5px;
	color: #fff;
	background: #999;
}

.emptyList {
	padding: 99px 0 !important;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.sortIcon {
	cursor: pointer;
}

.frameHeight450 {
	height: 450px;
	overflow-y: scroll;
}

.frameHeight450 td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.overflow {
	overflow: auto !important;
}

.overflowInitial {
	overflow: initial !important;
}

.taRight {
	text-align: right !important;
}

.taLeft {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.contentForm {
	position: absolute;
	top: 15px;
	left: 50%;
	overflow: auto;
}

@media ( min-width: 1220px) {
	.contentForm {
		width: 1220px;
		margin-left: -600px;
	}
}

@media ( max-width: 1220px) {
	.contentForm {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}

.container {
	width: 100%;
}

.clear {
	clear: both;
}

.clearFix {
	overflow: auto;
	zoom: 1;
}

@media ( max-width: 767px) {
	.minw768show {
		display: none;
	}
}

.lh23middle {
	line-height: 23px;
	vertical-align: middle;
}

.b0 {
	border: 0 !important;
}

.number,
.numberDecimal {
	text-align: right;
}

.carAppearanceWrap {
	position: relative;
	width: 440px;
	max-width: 100%;
	margin: auto;
}

@media ( max-width: 767px) {
	.carAppearanceWrap {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.table3col tr.rowSpanEnd {
		border-bottom: 1px solid #ddd !important;
		margin-bottom: 20px;
		background-color: #fff !important;
	}
}

@media ( max-width: 360px) {
	.carAppearance {
		font-size: 16px;
	}
}

@media ( min-width: 361px) and (max-width: 399px) {
	.carAppearance {
		font-size: 18px;
	}
}

@media ( min-width: 400px) and (max-width: 439px) {
	.carAppearance {
		font-size: 20px;
	}
}

@media ( min-width: 440px) and (max-width: 479px) {
	.carAppearance {
		font-size: 22px;
	}
}

@media ( min-width: 480px) and (max-width: 519px) {
	.carAppearance {
		font-size: 24px;
	}
}

@media ( min-width: 520px) and (max-width: 559px) {
	.carAppearance {
		font-size: 26px;
	}
}

@media ( min-width: 560px) and (max-width: 599px) {
	.carAppearance {
		font-size: 28px;
	}
}

@media ( min-width: 600px) and (max-width: 639px) {
	.carAppearance {
		font-size: 30px;
	}
}

@media ( min-width: 640px) and (max-width: 679px) {
	.carAppearance {
		font-size: 32px;
	}
}

@media ( min-width: 680px) and (max-width: 719px) {
	.carAppearance {
		font-size: 34px;
	}
}

@media ( min-width: 720px) and (max-width: 767px) {
	.carAppearance {
		font-size: 36px;
	}
}

@media ( min-width: 768px) and (max-width: 799px) {
	.carAppearance {
		font-size: 20px;
	}
}

@media ( min-width: 800px) and (max-width: 839px) {
	.carAppearance {
		font-size: 21px;
	}
}

@media ( min-width: 840px) and (max-width: 879px) {
	.carAppearance {
		font-size: 22px;
	}
}

@media ( min-width: 880px) {
	.carAppearance {
		font-size: 23px;
	}
}

.carAppearance {
	position: absolute;
	width: 10%;
	height: 10%;
	color: rgba(0, 0, 0, 0);
	font-weight: bold;
	text-align: center;
	line-height: 180%;
}

.x0 {
	left: 0;
}

.x1 {
	left: 10%;
}

.x2 {
	left: 20%;
}

.x3 {
	left: 30%;
}

.x4 {
	left: 40%;
}

.x5 {
	left: 50%;
}

.x6 {
	left: 60%;
}

.x7 {
	left: 70%;
}

.x8 {
	left: 80%;
}

.x9 {
	left: 90%;
}

.y0 {
	top: 0;
}

.y1 {
	top: 10%;
}

.y2 {
	top: 20%;
}

.y3 {
	top: 30%;
}

.y4 {
	top: 40%;
}

.y5 {
	top: 50%;
}

.y6 {
	top: 60%;
}

.y7 {
	top: 70%;
}

.y8 {
	top: 80%;
}

.y9 {
	top: 90%;
}

.checked {
	background-color: rgba(255, 0, 0, 0.3);
	color: #fff;
	border: 1px solid #ddd;
}

.halfWrap {
	border: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.halfWrap .table {
	border: none;
}

.half {
	width: 50%;
}

@media ( max-width: 767px) {
	.half {
		width: 100%;
	}

	.half.brddd {
		border-right: 0 !important;
	}

	.carMap {
		height: 300px;
	}
}

@media ( min-width: 767px) {
	.carMap {
		height: 400px;
	}
}

.carMap div {
	box-sizing: initial;
	-webkit-box-sizing: initial;
}

.signPadWrap {
	position: relative;
}

.signPadClear {
	position: absolute;
	right: 10px;
	top: 10px;
}

.signPad {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 150px;
	border: 1px solid #ddd;
	background-color: rgba(255, 255, 0, 0.3);
}

.signPadImage {
	max-width: 100%;
	border: 1px solid #ddd;
	max-height: 100px;
}

.mb5 {
	margin-bottom: 5px !important;
}

.scroll-y {
	overflow-y: scroll;
}

.scroll-x {
	overflow-x: scroll;
}

.scroll {
	overflow: scroll;
}

.left {
	float: left;
}

.alignLeft {
	text-align: left !important;
}

.fixed {
	table-layout: fixed;
}

.scrollbar::-webkit-scrollbar-track {
	background-color: #eee;
}

.scrollbar::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: #ccc;
}

.noscrollbar::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.ellipsis {
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nowrap {
	word-break: keep-all;
	white-space: nowrap;
}

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

.breakWord {
	word-break: break-word;
}

.bb0 {
	border-bottom: 0 !important;
}

.bt0 {
	border-top: 0 !important;
}

.bbddd {
	border-bottom: 1px solid #ddd !important;
}

.bb888 {
	border-bottom: 1px solid #888 !important;
}

.brddd {
	border-right: 1px solid #ddd !important;
}

.pageBreak {
	page-break-before: always;
}

@media print {
	h3 {
		font-size: 14px;
		margin: 0;
	}

	.pageTitleWithLogo img.logo {
		max-width: 80px;
		max-height: 30px;
	}

	.pageTitleSection {
		margin-bottom: 5px;
	}

	.table-title h5 {
		font-size: 9px;
		line-height: 100%;
		margin: 5px 0 0 0 !important;
		padding: 5px;
	}

	.cntDetailBox table tr th, .cntDetailBox table tr td {
		padding: 2px !important;
		font-size: 8px;
	}

	.half {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
	}

	.carAppearanceWrap {
		width: 60%;
		margin: 10px auto;
	}

	.carAppearance {
		font-size: 16px;
		line-height: 140%;
	}

	.checked {
		border: 1px solid #666;
	}

	.infoBox {
		font-size: 8px;
		line-height: 115%;
		padding: 5px 0 0 5px;
	}

	.printLeft {
		width: 50%;
		float: left;
		padding-right: 5px;
	}

	.printRight {
		width: 50%;
		float: right;
	}

	.printNone {
		display: none;
	}

	input[type="checkbox"] + label {
		font-size: 8px;
		margin-right: 0;
	}

	a.underline {
		font-size: 8px;
		text-decoration: none !important;
	}

	input[type="checkbox"] + label:before, input[type="checkbox"]:checked + label:after {
		display: none;
	}

	.p10 {
		padding: 2px !important;
	}

	.mb10 {
		margin-bottom: 2px !important;
	}

	.signPadImage {
		width: 50%;
		float: right;
		margin-top: 5px;
		border: 1px solid #ddd !important;
	}

	.table-btn, hr {
		display: none;
	}

	.table3col tr.rowSpanEnd {
		border-bottom: 0 !important;
	}

	.table2col th, .table4col colgroup col:NTH-OF-TYPE(odd), .table6col th[colspan="2"]:NTH-OF-TYPE(n) {
		width: 100px;
	}

	.table3col > colgroup > col:NTH-OF-TYPE(1), .table6col th:NTH-OF-TYPE(odd) {
		width: 25px;
	}

	.table3col > colgroup > col:NTH-OF-TYPE(2), .table6col th:NTH-OF-TYPE(even) {
		width: 75px;
	}

	.table2col td, .table3col > colgroup > col:NTH-OF-TYPE(3) {
		width: calc(100% - 100px);
	}

	.table4col colgroup col:NTH-OF-TYPE(even), .table6col td {
		width: calc(50% - 100px);
	}
}

.no_selection {
	user-select: none;
	-webkit-user-select: none;
}

.b1ddd {
	border: 1px solid #ddd;
}

.bt1ddd {
	border-top: 1px solid #ddd;
}

.bvddd {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.bgeee {
	background-color: #eee;
}

.bgbbb {
	background-color: #bbb;
}

.bgccc {
	background-color: #ccc;
}

.bgYellow {
	background-color: rgba(255, 255, 0, 0.3) !important;
}

.bgDark {
	background-color: #888 !important;
	color: #fff;
}

.bgfff {
	background-color: #fff;
}

.inlineBlock {
	display: inline-block;
}

.block {
	display: block;
}

.fRight {
	float: right !important;
}

.h17 {
	height: 17px !important;
}

.h100p {
	height: 100% !important;
}

.h190 {
	height: 190px !important;
}

.mh170 {
	max-height: 170px;
}

.h30 {
	height: 30px !important;
}

.lh27 {
	line-height: 27px !important;
}

.table-inlineBlock tr th {
	display: block;
	float: left;
	padding: 8px 0 !important;
}

.h700 {
	height: 700px;
}

.overflowHidden {
	overflow: hidden;
}

.sidebar-right-opened {
	position: relative;
	right: 250px;
}

@media all and (min-width: 768px) {
	.sidebar-right-opened {
		right: 0;
		margin-right: 250px;
	}
}

.side-right .user-link .user-label {
	left: 6px;
	right: auto;
}

@media all and (min-width: 768px) {
	.inner {
		float: left;
		width: 100%;
	}
}

.full-screen-box {
	height: 100% !important;
	width: 100% !important;
}

.inner hr {
	margin-top: 10px;
	border-top-color: #ccc;
}

.progress.xs {
	height: 6px;
}

.progress.sm {
	height: 10px;
}

.progress.md {
	height: 12px;
}

.progress.lg {
	height: 28px;
}

h5 {
	font-weight: bold;
}

.resizable {
	resize: both;
}

.modalMap {
	width: 100%;
	height: 500px;
}

.postcodeClose {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -1px;
	z-index: 2;
}

.postcodeWrap {
	border: 1px solid;
	max-width: 500px;
	height: 300px;
	margin: 5px 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}

#progress-view, #progress-view2, #progress-view3 {
	position: absolute;
	left: 50%;
}

.fixedTop {
	position: fixed;
	top: 0;
}

.manualContents {
	border: 1px solid #eee;
	background-color: white;
	margin-top: 17px;
	overflow: auto;
	margin-bottom: 40px;
}

.categoryMenu {
	float: left;
	width: 15%;
}

.categoryTab {
	padding: 20px 25px;
	cursor: pointer;
}

.categoryTab.categorySelect {
	display: none;
}

.categoryTab.on {
	color: #2c89e9;
}

.categoryContent {
	float: left;
	width: 85%;
	border-left: 1px solid #e5e5e5;
	min-height: calc(100vh - 255px);
}

@media all and (max-width: 767px) {
	.categoryMenu {
		float: initial;
		width: 100%;
	}

	.categoryTab {
		display: none;
		position: relative;
	}

	.categoryMenu.on .categoryTab {
		display: block;
	}

	.categoryTab.on {
		display: block;
	}

	.categoryMenu.on .categoryTab.categorySelect:after, .categoryMenu:not(.on) .categoryTab.on:after {
		content: " ";
		position: absolute;
		top: 25px;
		right: 30px;
		width: 14px;
		height: 14px;
		border: 7px solid transparent;
		border-top: 7px solid #737373;
	}

	.categoryContent {
		float: initial;
		width: 100%;
		border-top: 1px solid #e5e5e5;
		border-left: 0;
		min-height: initial;
	}

	.subjects:last-of-type {
		border-bottom: 0;
	}
}

.subjects {
	border-bottom: 1px solid #eee;
}

.noSubject {
	padding: 17px 26px;
}

.subjectsList {
	position: relative;
	cursor: pointer;
	width: 100%;
	padding: 17px 26px;
}

.subjectsList:after {
	content: " ";
	transform: rotate(-45deg);
	position: absolute;
	top: 19px;
	right: 32px;
	border-left: 2px solid #7d7d7d;
	border-bottom: 2px solid #7d7d7d;
	width: 10px;
	height: 10px;
}

.contents {
	display: none;
}

.subjects.open {
	background-color: #f8f9fa;
}

.subjects.open .subjectsList {
	cursor: initial;
	color: #2c89e9;
}

.subjects.open .subjectsList:after {
	content: none;
}

.subjects.open .contents {
	display: block;
}

.contentsBody {
	padding: 0 32px 0 50px;
	line-height: 200%;
}

.contentsBottom {
	width: 100%;
	height: 50px;
	cursor: pointer;
	position: relative;
}

.contentsBottom:after {
	content: " ";
	transform: rotate(-45deg);
	position: absolute;
	bottom: 17px;
	right: 32px;
	border-right: 2px solid #7d7d7d;
	border-top: 2px solid #7d7d7d;
	width: 10px;
	height: 10px;
}

.search_area {
	position: relative;
	width: 100%;
	height: 53px;
}

.place_area {
	width: 100%;
	height: 53px;
	background-color: white;
	border: 1px solid #eee;
}

.place_area input {
	width: 100%;
	border: 0;
	padding-left: 26px;
	height: 100%;
}

.place_area input + label {
	position: absolute;
	left: 26px;
	top: 17px;
}

.searchContents {
	position: absolute;
	width: 100%;
	background-color: #fff;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	padding: 15px 26px;
	z-index: 1;
}

.searchContent {
	padding: 5px 0;
}

.contentSearch {
	position: absolute;
	right: 26px;
	top: 17px;
}

.alarmMenuToggleBtn {
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.alarmMenuToggleBtn.on:after {
	content: " ";
	position: absolute;
	right: -2px;
	top: -19px;
	bottom: 0;
	margin: auto;
	background-color: #f00;
	width: 6px;
	height: 6px;
	border-radius: 3px;
}

.profileMenuToggleBtn {
	display: inline-block;
	font-size: 1.4em;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	border-radius: 0.9em;
	color: #fff;
	background-color: #2c89e9;
	text-align: center;
	margin-left: 1em;
	cursor: pointer;
	vertical-align: middle;
}

.profile-dialog, .alarm-dialog {
	position: absolute;
	top: 55px;
	right: 20px;
}

.alarm-dialog {
	width: 300px;
}

.alarm-dialog .modal-content > div {
	padding: 10px 20px;
}

.newNotice {
	height: 38px;
}

.newNotice a {
	width: 180px;
	display: inline-block;
}

.moreAlarm {
	width: 100%;
	text-align: center;
	border-top: 1px solid #ddd;
	padding: 10px 0 10px 0;
}

.moreAlarm a {
	color: #2c89e9;
}

.profile-dialog .modal-content, .alarm-dialog .modal-content {
	padding: 0;
}

.alarm-dialog .modal-content > div.noAlarm {
	padding: 30px 0;
	text-align: center;
}

.profile-dialog {
	width: 120px;
}

.profile-dialog .modal-content > div {
	padding: 10px 5px 10px 20px;
}

.newNoticeAlarmIcon {
	color: #ff4242;
	font-size: 10px;
	margin-left: 5px;
}

.carPhotoBox {
	width: 100%;
	border-top: 1px solid #ddd;
	margin: 20px 10px;
	padding-top: 10px;
}

.carPhoto {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.carPhotoDelete {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #555;
	cursor: pointer;
}

.carPhotoDelete:after {
	content: "";
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	left: 7px;
	border-left: 1px solid #fff;
	width: 11px;
	height: 11px;
}

.carPhotoDelete:before {
	content: "";
	transform: rotate(45deg);
	position: absolute;
	top: 7px;
	left: 7px;
	border-left: 1px solid #fff;
	width: 11px;
	height: 11px;
}

.wrap {
	white-space: initial;
}

.privacy ul {
	list-style-type: none;
	padding-inline-start: 10px;
}

.privacy ul li {
	text-indent: -10px;
	padding-left: 10px;
}

.carCheckDashBoard {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.carCheckDashBoard > div {
	width: 19%;
	min-width: 285px;
	border: 1px solid #ddd;
	padding: 15px 30px;
	margin-bottom: 20px;
	display: flex;
	background: #fff;
}

.carCheckDashBoard > div > div:first-of-type {
	min-width: 40px;
	margin-right: 3.3em;
	margin-top: 0.25em;
	position: relative;
}

.carCheckDashBoard > div > div:first-of-type > div {
	height: 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-bottom: 3px;
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type {
	position: absolute;
	top: 22px;
	left: 22px;
	height: 1.8em;
	line-height: 1.4em;
	vertical-align: middle;
	border: 2px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 0;
	width: 1.8em;
	border-radius: 0.9em;
	margin-left: 4px;
	text-align: center;
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type.carTotal {
	background: #2c89e9;
	border-radius: 5px;
	width: 2.3em;
	margin-left: 0;
	height: 1.7em;
	line-height: 1.4em;
	margin-top: 1px;
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type.checkComplete {
	background: #6AC381;
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type.checkComplete:after {
	content: "";
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	width: 0.75em;
	height: 0.5em;
	top: 0.4em;
	left: 0.4em;
	transform: rotate(-45deg);
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type.uncheck {
	background: #EB4151;
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type.uncheck:after {
	content: "";
	border: 1px solid #fff;
	position: absolute;
	width: 0.8em;
	top: 0.7em;
	left: 0.4em;
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type.checkSuspend {
	background: #F7C112;
}

.carCheckDashBoard > div > div:last-of-type {
	overflow: hidden;
}

.carCheckDashBoard > div > div:last-of-type > div:first-of-type {
	font-size: 1.16em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.carCheckDashBoard > div > div:last-of-type > div:last-of-type {
	font-size: 1.5em;
	font-weight: bold;
}

.carCheckDashBoard > div > div:first-of-type > div:last-of-type.checkReserved {
	background: #8A96F2;
	font-size: 10px;
	height: 2.16em;
	width: 2.16em;
	border-radius: 1.08em;
	line-height: 1.7em;
}

.carCheckWidget {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.carCheckWidget > div {
	width: 49.3%;
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	min-height: 350px;
}

.carCheckWidget > div > div:first-of-type {
	padding: 10px;
	overflow: auto;
	border-bottom: 1px solid #ddd;
}

.carCheckWidget > div > div:first-of-type > div:first-of-type {
	font-size: 14px;
	font-weight: bold;
}

.carCheckWidget > div > table.table {
	border: 0;
}

.carCheckWidget > div > nav.paginationWrap {
	padding-right: 10px;
	text-align: right;
	height: 39px;
}

@media screen and (max-width: 767px) {
	.carCheckDashBoard > div {
		min-width: 100%;
	}

	.carCheckWidget > div {
		min-width: 100%;
	}
}

.daumMap-infowindow {
	position: relative;
	background-color: #fff;
	border: 1px solid #2c89e9;
	padding: 15px 25px 15px 15px;
	margin-left: -26px;
	margin-bottom: 48px;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
}

.daumMap-infowindow-close {
	position: absolute;
	top: 5px;
	right: 5px;
}

.daumMap-infowindow:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 15px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #2c89e9 transparent;
	display: block;
	width: 0;
}

.daumMap-infowindow:after {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 16px;
	border-width: 9px 9px 0;
	border-style: solid;
	border-color: #fff transparent;
	display: block;
	width: 0;
}

.daumMap-overlay, .daumMap-overlay-text {
	position: absolute;
	color: #FFF;
	width: 34px;
	height: 34px;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #2c89e9;
	border-radius: 50%;
	padding-top: 9px;
	margin-left: -17px;
	margin-top: -39px;
}

.daumMap-overlay-text {
	cursor: pointer;
}

.daumMap-overlay a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
}

.daumMap-overlay-link {
	position: absolute;
	width: 34px;
	height: 39px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-left: -17px;
	margin-top: -39px;
	z-index: 7;
}

.daumMap-overlay:before, .daumMap-overlay-text:before {
	content: "";
	position: absolute;
	display: block;
	left: 8px;
	top: 20px;
	width: 18px;
	height: 18px;
	transform: rotate(45deg);
	background-color: inherit;
	z-index: -1;
}

.daumMap-overlay:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	top: 11px;
	left: 11px;
	border-radius: 50%;
	background-color: #fff;
	z-index: 3;
}

.closeButton {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 15px;
	height: 15px;
}

.closeButton:after {
	content: "";
	transform: rotate(-45deg);
	position: absolute;
	top: -5px;
	left: 5px;
	border-left: 1px solid #bbb;
	width: 15px;
	height: 15px;
}

.closeButton:before {
	content: "";
	transform: rotate(45deg);
	position: absolute;
	top: 5px;
	left: 5px;
	border-left: 1px solid #bbb;
	width: 15px;
	height: 15px;
}

.flex {
	display: flex;
}

.flex1 {
	flex: 1;
}

.flex2 {
	flex: 2 !important;
}

.flexWrap {
	flex-wrap: wrap;
}

.flexColumn {
	flex-direction: column;
}

.flexAlignStart {
	align-items: flex-start !important;
}

.flexAlignEnd {
	align-items: flex-end !important;
}

.flexAlignCenter {
	align-items: center !important;
}

.flexJustifyCenter {
	justify-content: center !important;
}

.flexJustifyStart {
	justify-content: flex-start !important;
}

.flexJustifyEnd {
	justify-content: flex-end !important;
}

.flexJustifySpaceBetween {
	justify-content: space-between !important;
}

.flexJustifySpaceEvenly {
	justify-content: space-evenly !important;
}

.gap10 {
	gap: 10px;
}

.fs3 {
	font-size: 3em;
}

.fs2 {
	font-size: 2em;
}

.fs1_2 {
	font-size: 1.2em;
}

@media all and (max-width: 767px) {
	.fs3 {
		font-size: 2em;
	}
}

.bold {
	font-weight: bold !important;
}

.normal {
	font-weight: normal !important;
}

.highlight {
	background-color: #f5f5dc;
}

.underhighlight {
	background: linear-gradient(to top, rgba(44, 137, 233, 0.2) 25%, transparent 25%);
}

.line {
	flex: 1;
	border-bottom: 1px solid #2c89e9;
	height: 1px;
	margin: 0 5px;
}

.line.dash {
	border-bottom: 1px dashed #ccc;
}

.circle {
	width: 2em;
	height: 2em;
	line-height: 2em;
	border: 1px solid #ccc;
	border-radius: 1em;
	text-align: center;
	margin-right: 5px;
}

.circle.current {
	color: #2c89e9;
	border: 1px solid #2c89e9;
	position: relative;
}

.circle.current:before {
	content: '';
	position: absolute;
	display: block;
	left: 0.3em;
	top: -1.6em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1em 0.6em 0.6em 0.6em;
	border-color: #FFDA0E transparent transparent transparent;
}

.circle.complete {
	border: 1px solid #2c89e9;
	background-color: #2c89e9;
	position: relative;
}

.circle.complete:after {
	content: '';
	width: 11px;
	height: 8px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 5px;
	top: 5px;
	transform: rotate(-45deg);
}

.bcf5f9fc {
	background-color: #f5f9fc;
}

.positionRelative {
	position: relative;
}

.ql-editor {
	max-height: 800px;
	max-width: 750px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}

.ql-snow .ql-tooltip {
	z-index: 1 !important;
	top: 10px !important;
	margin-top: 0 !important;
}

.ql-snow .ql-picker.ql-move {
	width: 84px;
}

.ql-container .ql-editor img {
	display: block;
	max-width: 100%;
	margin: auto;
}

.policy > .ql-editor {
	line-height: 1.8em;
	font-size: 12px
}

.policy > .ql-editor > h3 {
	margin-top: 15px;
	font-size: 14px;
}

.policy > .ql-editor > h4 {
	margin-top: 5px;
	padding-bottom: 0;
	font-size: 1em;
}

.policy > .ql-editor > h3:first-child,
.policy > .ql-editor > h4:first-child {
	margin-top: 0;
}

.policy > .ql-editor ol {
	padding-left: 0;
}

.policy > .ql-editor li {
	list-style: none;
}

.policy > .ql-editor > ol > li {
	text-indent: -10px;
	padding-left: 10px;
}

.policy > .ql-editor li[data-list=bullet] > .ql-ui:before {
	content: "";
}

.policy > .ql-editor > ol > li.ql-indent-1 {
	text-indent: -10px;
	padding-left: 20px;
}

.policy > .ql-editor > ol > li.ql-indent-2 {
	text-indent: -10px;
	padding-left: 30px;
}

.policy > .ql-editor table {
	width: 100%;
}

.policy > .ql-editor th {
	background-color: #eee;
	text-align: center;
}

.policy > .ql-editor th,
.policy > .ql-editor td {
	border: 1px solid #ddd;
	padding: 5px;
	text-indent: 0;
	vertical-align: middle;
}

.subscriptionDashBoard {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.subscriptionDashBoard > div {
	border: 1px solid #ddd;
	padding: 15px;
	background: #fff;
	flex: 1;
	min-width: 250px;
}

.subscriptionDashBoard .title {
	font-size: 1.62em;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}

.subscriptionDashBoard .countArea {
	color: #999;
}

.subscriptionDashBoard .countArea > span:first-of-type {
	color: #2c89e9;
}

.subscriptionDashBoard .chartArea {
	display: flex;
	justify-content: center;
}

ul.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
}

ul.gallery > li {
	height: 10vh;
	flex-grow: 1;
	position: relative;
}

ul.gallery > li:last-child {
	flex-grow: 10;
}

ul.gallery > li img {
	max-height: 100%;
	min-width: 100%;
	object-fit: cover;
	vertical-align: bottom;
}

.fc .fc-datagrid-cell-cushion {
	text-overflow: ellipsis;
}

.tabulator {
	font-size: 12px !important;
	border: 1px solid #ccc !important;
}

.tabulator-row .tabulator-cell {
	padding: 8px 4px !important;
	border-right: 1px solid #ccc !important;
}

.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
	border-right: 2px solid #ccc !important;
}

.tabulator .tabulator-header {
	border-bottom: 1px solid #ccc !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
	padding: 8px 4px !important;
}

.tabulator .tabulator-header .tabulator-col {
	border-right: 1px solid #ccc !important;
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
	border-right: 2px solid #ccc !important;
}

.tabulator-row .tabulator-cell.tabulator-editing {
	border: 1px solid #2c89e9 !important;
}