/* 리셋 css */
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  scroll-behavior: smooth;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Pretendard", "PyeojinGothic";
  font-weight: 500;
  line-height: 1.5;
  box-sizing: border-box;
  letter-spacing: 0em;
}
html,
body {
  color: #222;
  word-wrap: break-word;
  /* 모바일 css */
  -webkit-tap-highlight-color: rgba(
    0,
    0,
    0,
    0
  ); /* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
  -webkit-text-size-adjust: none; /* 모바일 사이트에서 텍스트 비율이 유동적인 것을 막음 */
  -webkit-border-radius: 0; /* 인풋 요소의 라운딩을 조절 */
  -webkit-appearance: none; /* 인풋 요소의 표현 */
  /** 모바일 css */
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
p img {
  padding: 0;
}
em {
  font-style: normal;
}
img {
  border: 0;
  max-width: 100%;
  vertical-align: top;
}
table {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  text-decoration: none;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 3.375rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  border: none;
  border-radius: 0.5rem;
}
.bg_white {
  background-color: #fff;
  color: #000;
}

.bg_outline {
  background-color: #fff;
  border: 1px solid #0000001a;
  color: #040111;
}

.bg_primary {
  background-color: #5952c2;
  color: #fff;
}

.bg_primary100 {
  background-color: #5f57cf;
  color: #fff;
  border: 1px solid #ffffff66;
  box-shadow: 0px 1px 24px 0px #a488ff;
}

.bg_secondary {
  background-color: #f6f6fb;
  color: #666;
}
.bg_white {
  background-color: #fff;
}
.font_primary {
  color: #5952c2;
}
.font_gray01 {
  color: #666;
}
.font_gray02 {
  color: #999;
}

/***** layer popup *****/
body.scroll_lock {
  overflow: hidden;
}
.pop_layer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.pop_layer.active {
  display: block;
}
.pop_layer .dim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.pop_layer > .popup {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 836px;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  height: 100%;
  border: 1px solid #dddddd;
  background-color: #fff;
  border-radius: 1rem;
  transform: translate(-50%, -50%);
}

.pop_layer > .popup .btn_close {
  position: absolute;
  top: 2.5rem;
  right: 1.25rem;
  width: 1.3125rem;
  height: 1.75rem;
  background: url(../images/icon/icon_close.svg) no-repeat 50% 50%;
}
.pop_layer > .popup .pop_head {
  position: relative;
  padding: 2.4375rem 1.1875rem 2rem;
}
.pop_layer > .popup .pop_head .pop_tit {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
}
.pop_layer > .popup .pop_head .pop_dic {
  margin-top: 0.75rem;
  color: #666;
  font-weight: 400;
}

.pop_layer > .popup .pop_cont {
  flex: 1;
  overflow-y: auto;
  width: 100%;
  padding: 0 1.1875rem 2rem;
  word-break: break-all;
}

.pop_layer > .popup .pop_foot {
  padding: 0 1.1875rem 1.9375rem;
}
.pop_layer > .popup .pop_foot .btn {
  width: 100%;
  height: 4.0625rem;
  font-size: 1.125rem;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  height: auto;
  -webkit-appearance: none;
}
input::-webkit-search-cancel-button,
input::-webkit-search-decoration {
  -webkit-appearance: none;
}
input::-ms-clear {
  display: none;
}
input[readonly],
input[disabled],
textarea[readonly],
textarea[disabled] {
  color: #ccc !important;
  border-color: #dbdbdb;
  background-color: #f7f7f7;
  outline: none;
  cursor: default;
}
input {
  overflow: hidden;
  height: 3.375rem;
  padding: 0 1.1875rem;
  line-height: 3.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 1rem;
}
input::placeholder {
  color: #999;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="radio"],
input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}

.input {
  position: relative;
}
.input input {
  color: #222;
  width: 100%;
  border: 1px solid #ddd;
}
.input .btn_del {
  display: none;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M15.71 8.29a1 1 0 0 0-1.42 0L12 10.59l-2.29-2.3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l2.29-2.3l2.29 2.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L13.41 12l2.3-2.29a1 1 0 0 0 0-1.42Zm3.36-3.36A10 10 0 1 0 4.93 19.07A10 10 0 1 0 19.07 4.93Zm-1.41 12.73A8 8 0 1 1 20 12a7.95 7.95 0 0 1-2.34 5.66Z"%2F%3E%3C%2Fsvg%3E')
    no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%);
}
.input.active:not(.success):not(.error) .btn_del {
  display: block;
}
.input input[readonly] + .btn_del,
.input input[disabled] + .btn_del {
  display: none;
}

/* .input.success:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%235f93fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="m9 12l2 2l4-4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
    no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%);
} */
/* .input.error:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23eb464b" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="M12 8v4m0 4h.01"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
    no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%);
} */
.input.error input {
  border-color: #eb464b;
  /* padding-right: 51px; */
}
.input.active input,
.input.success input {
  /* padding-right: 51px; */
}
.tip {
  color: #666;
  font-size: 0.875rem;
}
.tip.error_msg {
  display: none;
  color: #eb464b;
}
.input.error + .tip.error_msg,
.checkbox.error + .tip.error_msg,
textarea.error + .tip.error_msg,
.nice-select.error + .tip.error_msg {
  display: block;
}
.tip.error_msg.show {
  display: block;
}
.input.error-required input,
.input.error-format input {
  border-color: #eb464b;
}

input:focus,
textarea:focus {
  outline: none;
  border-color: #5952c2;
}

/*** checkbox,radio ***/
.checkbox,
.radio {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.checkbox input[disabled] + label,
.checkbox input[readonly] + label,
.radio input[disabled] + label,
.radio input[readonly] + label {
  color: #ccc !important;
  font-weight: 400 !important;
  cursor: default;
}
.checkbox label,
.radio label {
  display: block;
  min-height: 24px;
  padding-left: 24px;
  cursor: pointer;
  font-weight: 700;
}
.checkbox label:before,
.radio label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  /* transform: translateY(-50%); */
}
.checkbox label:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23999' d='M384 80c8.8 0 16 7.2 16 16v320c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16zM64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64z'/%3E%3C/svg%3E")
    no-repeat 0 0;
}

.checkbox :checked ~ label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%235952c2' d='M64 80c-8.8 0-16 7.2-16 16v320c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16zM0 96c0-35.3 28.7-64 64-64h320c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64zm337 113L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") !important;
}
.checkbox :checked ~ label {
  color: #5952c2;
  font-weight: 700;
}
.radio label:before {
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23858d94" d="M12 2C6.486 2 2 6.486 2 12c.001 5.515 4.487 10.001 10 10.001c5.514 0 10-4.486 10.001-10.001c0-5.514-4.486-10-10.001-10zm0 18.001c-4.41 0-7.999-3.589-8-8.001c0-4.411 3.589-8 8-8c4.412 0 8.001 3.589 8.001 8c-.001 4.412-3.59 8.001-8.001 8.001z"%2F%3E%3C%2Fsvg%3E')
    no-repeat 0 0;
}

.radio :checked ~ label:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%235952c2" d="m14.72 8.79l-4.29 4.3l-1.65-1.65a1 1 0 1 0-1.41 1.41l2.35 2.36a1 1 0 0 0 .71.29a1 1 0 0 0 .7-.29l5-5a1 1 0 0 0 0-1.42a1 1 0 0 0-1.41 0ZM12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8a8 8 0 0 1-8 8Z"%2F%3E%3C%2Fsvg%3E') !important;
}
.checkbox input[disabled] ~ label:before,
.checkbox input[disabled] ~ label:hover:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23ccc" d="M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Zm-1 18H4V4h16Z"%2F%3E%3C%2Fsvg%3E');
}
.checkbox input[disabled]:checked ~ label:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23ccc" d="M10.21 14.75a1 1 0 0 0 1.42 0l4.08-4.08a1 1 0 0 0-1.42-1.42l-3.37 3.38l-1.21-1.22a1 1 0 0 0-1.42 1.42ZM21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Zm-1 18H4V4h16Z"%2F%3E%3C%2Fsvg%3E');
}
.radio input[disabled] ~ label:before,
.radio input[disabled] ~ label:hover:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23b8c3cc" d="M12 2C6.486 2 2 6.486 2 12c.001 5.515 4.487 10.001 10 10.001c5.514 0 10-4.486 10.001-10.001c0-5.514-4.486-10-10.001-10zm0 18.001c-4.41 0-7.999-3.589-8-8.001c0-4.411 3.589-8 8-8c4.412 0 8.001 3.589 8.001 8c-.001 4.412-3.59 8.001-8.001 8.001z"%2F%3E%3C%2Fsvg%3E');
}
.radio input[disabled]:checked ~ label:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23ccc" d="m14.72 8.79l-4.29 4.3l-1.65-1.65a1 1 0 1 0-1.41 1.41l2.35 2.36a1 1 0 0 0 .71.29a1 1 0 0 0 .7-.29l5-5a1 1 0 0 0 0-1.42a1 1 0 0 0-1.41 0ZM12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8a8 8 0 0 1-8 8Z"%2F%3E%3C%2Fsvg%3E');
}
.checkbox.txt label,
.radio.txt label {
  padding-left: 28px;
  line-height: 24px;
}

.checkbox.txt :checked ~ label,
.radio.txt :checked ~ label {
  color: #5952c2;
  font-weight: 700;
}
.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
button,
input[type="submit"] {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}
.nice-select {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top;
}
.nice-select .current {
  display: block;
  overflow: hidden;
  position: relative;
  height: 3.375rem;
  padding: 0 3.125rem 0 1.1875rem;
  color: #333;
  line-height: 3.25rem;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #ddd;
  border-radius: 0.375rem;
  background-color: #fff;
  cursor: pointer;
}
.nice-select.error .current,
textarea.error {
  border-color: #eb464b;
}
.nice-select .current:after {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23222' d='M297.4 438.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 370.7L182.6 233.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E")
    no-repeat 50% 50%;
  transition: all 0.5s;
}
.nice-select .current + .list {
  display: none;
  overflow-y: auto;
  position: absolute !important;
  top: 4rem;
  left: 0;
  width: 100%;
  max-height: 182px;
  border: 1px solid #dbdbdb;
  border-radius: 0.5rem;
  background-color: #fff;
  z-index: 1;
}
.nice-select .list li {
  padding: 0.5rem 1.1875rem;
  color: #222;
  font-size: 0.875rem;
  cursor: pointer;
}
.nice-select .list li:first-child.disabled {
  display: none;
}
.nice-select .list li:active {
  background-color: #eaeaea;
}
.nice-select .list li.selected {
  color: #5952c2;
  font-weight: 500;
}
.nice-select.placeholder .current {
  color: #999;
}

.nice-select:focus-visible {
  outline: none !important;
}
.nice-select:focus-visible .current,
.nice-select.open:not(.disabled) .current,
.nice-select.open:not(.disabled):focus-visible .current {
  border-color: #5952c2;
}
.nice-select.open:not(.disabled) .current:after {
  transform: rotate(180deg);
}
.nice-select.open:not(.disabled) .current + .list {
  display: block;
}
.nice-select.disabled .current {
  color: #b8c3cc;
  cursor: default;
}
.nice-select.disabled .current:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23ddd' d='M297.4 438.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 370.7L182.6 233.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
}

textarea {
  height: 7.5rem;
  padding: 1.1875rem;
  border: 1px solid #ddd;
  border-radius: 0.375rem;
  resize: none;
  font-size: 1rem;
}
textarea::placeholder {
  color: #999;
}

.system_alert {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  z-index: 1000;
}
.system_alert.active {
  display: block;
}
.system_alert .dim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.system_alert .popup {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 33.375rem;
  width: calc(100% - 2.5rem);
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background-color: #fff;
}
.system_alert .popup .pop_cont {
  padding: 1.875rem 1.25rem;
  text-align: center;
}

.system_alert .popup .pop_cont .ico + .pop_tit {
  display: block;
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}
.system_alert .popup .pop_cont p {
  margin-top: 0.75rem;
  color: #666;
}

.system_alert .pop_foot {
  padding: 0 1.25rem 1.25rem;
}
.system_alert .pop_foot .btn {
  width: 100%;
  height: 4.0625rem;
}

.ico {
  display: inline-block;
  width: 4.5rem;
  height: 4.4375rem;
  vertical-align: top;
}

.ico_success {
  background: url(../images/icon/icon_success.svg) no-repeat 50% 50%;
}
.ico_error {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23eb464b%22%20d%3D%22M11%2015h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E")
    no-repeat 0 0;
}

/* 로딩 */

.lds-ring {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.7);
}
.lds-ring.show {
  display: block;
}
.lds-ring > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.lds-ring div > div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 8px solid #5952c2;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #5952c2 transparent transparent transparent;
  transform: translate(-50%, -50%);
}
.lds-ring div > div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div > div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div > div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 1140px) {
  .pop_layer > .popup .btn_close {
    right: 2.5rem;
  }

  .pop_layer > .popup {
    height: auto;
  }
  .pop_layer > .popup .pop_cont {
    max-height: calc(100vh - 400px);
  }

  .pop_layer > .popup .pop_head {
    padding: 2.4375rem 2.4375rem 2.5rem;
  }

  .pop_layer > .popup .pop_cont {
    padding: 0 2.4375rem 2.5rem;
  }

  .pop_layer > .popup .pop_foot {
    padding: 0 2.4375rem 2.4375rem;
  }

  .system_alert .popup .pop_cont .ico + .pop_tit {
    margin-top: 1.875rem;
  }

  .system_alert .popup .pop_cont {
    padding: 2.5rem 1.875rem;
  }
  .system_alert .pop_foot {
    padding: 0 1.875rem 1.875rem;
  }
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.checkbox label > span {
  display: block;
  font-size: 12px;
  color: #969696;
}

@media (hover: hover) and (pointer: fine) {
  .checkbox label:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%235952c2' d='M384 80c8.8 0 16 7.2 16 16v320c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16zM64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64z'/%3E%3C/svg%3E");
  }
  .radio label:hover:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%235952c2" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8a8 8 0 0 1-8 8Z"%2F%3E%3C%2Fsvg%3E');
  }

  .checkbox.txt label:hover,
  .radio.txt label:hover {
    color: #5952c2;
    font-weight: 700;
  }

  .nice-select .list li:hover {
    background-color: #eaeaea;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
  }
}