@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

<!-- 공통 영역  -->
.readonly {
	background-color: #EEEEEE;
	border: none;
	color: #555;
	cursor: default;
}

.hide {
	display: none !important;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.column-select {
	width: 200px;
	height: 40px;
	border-bottom: 1px solid #878787;
	background-color: #FFF;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	color: #111;
	padding: 0 10px;
	cursor: pointer;
	
	appearance: none; /* 기본 화살표 제거 */
	-webkit-appearance: none; /* 사파리 등 웹킷 브라우저 용 */
	-moz-appearance: none; /* 파이어폭스 용 */
	background-image: url('/images/arrow_down.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 8px 6px;
}

.column-select:focus {
	border-color: #00498C;
	box-shadow: 0 0 5px rgba(0, 73, 140, 0.3);
	background-color: #f0f8ff;
	outline: none;
}