@font-face {
  font-family: 'Pre100';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Pre200';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Pre300';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Pre400';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pre500';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pre600';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pre700';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pre800';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Pre900';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

input[type="number"],
input[type="tel"],
input[type="email"] {
  outline: none;
  border: 0;
  background-color: transparent;
  border-bottom: 1.5px solid #0D2F3F;
  height: 48px;
  padding: 10px;
  box-sizing: border-box;
}

.hide {
  display: none !important;
}

.upImg button {
  width: 18px;
  height: 18px;
  background-color: #FFFFFF99;
  padding: 3px;
}

.no-border {
  border: 0px solid transparent !important;
}

.form-group .input_box input[type="number"] {
  width: 100%;
  border-radius: 0
}

.map_box {
  height: 100vw;
}

.add_video {
  width: 100%;
  height: auto;
}

.media_box {
  height: 56vw;
}

#qdesc {
  font-family: 'Pre400';
}

.mypage_menu li a {
  display: inline-block !important;
  width: 100%;
}

.mypage_menu li a span {
  vertical-align: baseline;
}

.pre400 {
  font-family: "Pre400" !important;
}

.pre500 {
  font-family: "Pre500" !important;
}

.pre600 {
  font-family: "Pre600" !important;
}

.pre700 {
  font-family: "Pre700" !important;
}

.pre800 {
  font-family: "Pre800" !important;
}

.pre900 {
  font-family: "Pre900" !important;
}

#scrollArea {
  width: 100%;
  height: 20px;
  /* background-color: aqua; */
}

/* 원형 진행 */
.circle_progress {
  transform: rotate(-90deg);
  position: absolute;
  left: 10px;
  top: 10px;
}

.frame,
.bar {
  fill: none;
}

.frame {
  stroke: #FFFFFF99;
}

.bar {
  stroke: #EDB33C;
  /* stroke-linecap: round; */
}

.btn-primary {
  background-color: #EDB33C !important;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.period_list button {
  display: inline-block;
  border: 1px solid #e9e9e9;
  background-color: #fff;
  border-radius: 30px;
  padding: 4px 10px 5px;
  font-size: 13px
}

.period_list button.active {
  border-color: #333;
  background-color: #333;
  color: #fff
}