@charset "utf-8";

/* ========================================================================================================
	2017, Nasca Lap, all right reserved.
	Author: www.nascalab.com

	Select Dropdown Menu
======================================================================================================== */
.selectric-wrapper { position: relative; cursor: pointer; font-family: 'Noto Sans KR', '돋움', 'Apple SD Gothic Neo'; }
.selectric-responsive { width: 100%; }

.selectric {
	position: relative; border: 1px solid #d5d8dd; background: #fff; cursor: pointer;
	/* transition: all .1s ease; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; */
}

.selectric .label {
	display: block; margin: 0 20px 0 6px; font-size: 13px; line-height: 24px; color: #000; height: 24px; white-space: nowrap; overflow: hidden;
	text-overflow: ellipsis;
}

.selectric p { padding:0 !important; }
.selectric .button {
	display: block; position: absolute; top: 0; right: 0px; bottom: 0; margin: auto; width: 20px; height: 24px; color: #444; text-align: center;
	border-radius: 0px; font: 0/0 a; *font: 28px/28px Lucida Sans Unicode, Arial Unicode MS, Arial; border-left: 1px dotted #d5d8dd;
}

/* 섹션 헤더에서의 드롭다운 메뉴는 위치와 높이가 다르다..!! */
section header div.obj .selectric-wrapper { margin-top: /* 2px */0; }
section header div.obj .selectric .label { line-height: 24px; height: 24px; }
section header div.obj .selectric .button { height: 24px; }

.selectric .button:after {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: " "; margin: auto; width: 0; height: 0;
	border: 4px solid transparent; border-top-color: #999; border-bottom: none;
}

.selectric-hover .selectric { border-color: #9da5af; }
.selectric-hover .selectric .button { color: #444; }
.selectric-hover .selectric .button:after { border-top-color: #444; }

.selectric-open { z-index: 2; }
.selectric-open .selectric { border-color: #8e8e8e; box-shadow: inset 0 0 4px #8e8e8e; -webkit-box-shadow: inset 0 0 4px #8e8e8e; }
.selectric-open .selectric-items { display: block; }

.selectric-disabled {
	filter: alpha(opacity=50); opacity: 0.5; cursor: default;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; }
.selectric-hide-select select { display: none; position: absolute; left: -100%; }

.selectric-input {
	position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
	margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important;
	outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important;
}

.selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; }

/* Items box */
.selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid /* #999 */#d2d2d2; box-shadow: 0 0 10px -6px; background: #fff; }
.selectric-items .selectric-scroll { height: 100%; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%; }
.selectric-items ul, .selectric-items li { padding: 0; margin: 0; font-size: 12px; line-height: 16px; min-height: 16px; }
.selectric-items li { display: block; padding: 5px 8px; border-bottom: 1px solid #e4e4e4; color: #666; cursor: pointer; }
.selectric-items li:last-of-type { border: none; }
.selectric-items li.selected { color: #000; background: #e4e4e4; }
.selectric-items li:hover { color: #333; background: #f5f5f5; }
.selectric-items .disabled {
	filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; color: #666 !important; background: none !important;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.selectric-items .selectric-group .selectric-group-label {
	font-weight: bold; padding-left: 10px; cursor: default; color: #444; background: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; }
.selectric-items .selectric-group li { padding-left: 25px; }