/* 
 * ####################################################################################################
 * Core style (Style to use as a reference)
 * Created : 2019-04-29 (hsohe)
 * Modified : 
 * ####################################################################################################
 */
/*
 * ====================================================================================================
 * External
 * ====================================================================================================
 */

/*
 * --------------------------------------------------
 * jquery.validate
 * --------------------------------------------------
 */

/*
 * --------------------------------------------------
 * jquery.ui
 * --------------------------------------------------
 */

.ui-datepicker{ font-size: 13px; width: 180px; }
.ui-datepicker select.ui-datepicker-month{ width:30%; font-size: 12px; }
.ui-datepicker select.ui-datepicker-year{ width:40%; font-size: 12px; }
.ui-datepicker-trigger { vertical-align: middle; width: 20px; height: 20px; padding-left: 5px; }
.ui-datepicker-trigger img { width: 20px; height: 20px; }

.ui-autocomplete {
	z-index: 5000; 
}

/*
 * ====================================================================================================
 * Common
 * ====================================================================================================
 */
/*
 * --------------------------------------------------
 * Common
 * --------------------------------------------------
 */
* {
	font-family: 'Noto Sans KR L';
}
html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
.font-english {
	font-family: 'Noto Sans';
}
.cursor-point {
	cursor: pointer;
}
/*
 * --------------------------------------------------
 * Control resetting
 * --------------------------------------------------
 */
html input:disabled, html input[disabled] {
	background: #e0e0e0;
}
input[type=checkbox], input[type=radio] {
	vertical-align: sub;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"] {
	height: 40px;
	padding-left: 5px;
	padding-right: 5px;
	background: #ffffff;
	border: 1px solid #d0d0d0;
    border-radius: 3px;
	vertical-align: middle;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
}
@media (max-width: 900px) {
	/* Mobile */
	input[type="text"], input[type="number"], input[type="email"], input[type="url"] {
		height: 29px;
		font-size: 12px;
	}
}
input[type="text"][readonly], input[type="number"][readonly], input[type="email"][readonly], input[type="url"][readonly] {
	background: #e0e0e0;
}
input[type="text"].center, input[type="number"].center, input[type="email"].center, input[type="url"].center {
	text-align: center;
}
input[type="text"].left, input[type="number"].left, input[type="email"].left, input[type="url"].left {
	text-align: left;
}
input[type="text"].right, input[type="number"].right, input[type="email"].right, input[type="url"].right {
	text-align: right;
}
input[type="text"].datepicker {
	text-align: center;
}
input[type="password"] {
	height: 40px;
	padding-left: 5px;
	padding-right: 5px;
	background: #ffffff;
	border: 1px solid #d0d0d0;
    border-radius: 3px;
	vertical-align: middle;
	letter-spacing: 1px;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
}
@media (max-width: 900px) {
	/* Mobile */
	input[type="password"] {
		height: 29px;
		font-size: 12px;
	}
}
input[readonly="true"] {
	background: #e0e0e0;
}
textarea {
	padding-left: 5px;
	padding-right: 5px;
	background: #ffffff;
	border: 1px solid #d0d0d0;
    border-radius: 3px;
	vertical-align: middle;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
}
@media (max-width: 900px) {
	/* Mobile */
	textarea {
		font-size: 12px;
	}
}
select {
	height: 40px;
	background: #fafafa;
	border: 1px solid #bec3c4;
    border-radius: 3px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
}
@media (max-width: 900px) {
	/* Mobile */
	select {
		height: 29px;
		font-size: 12px;
	}
}
.inputImeActive {
	ime-mode: active;
}
.inputImeInactive {
	ime-mode: inactive;
}
.inputImeDisabled {
	ime-mode: disabled;
}
input::-webkit-input-placeholder {
	color: #bec3c4;
	font-size: 11px;
}
input::-moz-placeholder {
	color: #bec3c4;
	font-size: 11px;
}
input:-ms-input-placeholder {
	color: #bec3c4;
	font-size: 11px;
}
input:-moz-placeholder {
	color: #bec3c4;
	font-size: 11px;
}