@charset "utf-8";
:root {
	--color_bd : #00a7bb;
}

/* 폰트 */
@font-face {
  /* font-family: 'S-CoreDream-4Regular'; */
  font-family: 'SC-4';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SC-5';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SC-6';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

*, *::after, *::before {
	padding: 0;
	margin: 0;
	border: 0 none;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 1em;
}
b {
  font-weight: normal;
  font-family: 'SC-6';
}
a {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
button {
	background-color: transparent;
	border: none;
	cursor: pointer;
}
table {
	border-collapse: collapse;
}
hr, .hidden {
	display:none;
}
.blind {
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	top:-9999em;
}
select {
	padding:0 44px 1px 10px;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ccc' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat  right 5px center;
	background-size: 16px ;
	/* 네이티브 화살표 대체 */
	border: 1px solid #c0c0c0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }

.ellipsis {
	display: block;
	overflow: hidden;
	width: 96%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ta_c {
	text-align: center;
}

input[type=range] {
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 8.4px;
	cursor: pointer;
	animation: 0.2s;

	background: var(--color_bd);
	border-radius: 1.3px;
	border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
	border: 1px solid var(--color_bd);
	height: 36px;
	width: 8px;
	border-radius: 3px;
	background: #ffffff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animation: 0.2s;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid var(--color_bd);
  height: 36px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: var(--color_bd);
  border: 0.2px solid var(--color_bd);
  border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
  background: var(--color_bd);
  border: 0.2px solid var(--color_bd);
  border-radius: 2.6px;
}
input[type=range]::-ms-thumb {
	border: 1px solid var(--color_bd);
	height: 36px;
	width: 8px;
	border-radius: 3px;
	background: #ffffff;
	cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
	background: var(--color_bd);
}
input[type=range]:focus::-ms-fill-upper {
	background: var(--color_bd);
}