@charset "UTF-8";
/* Pretendard is vendored at public/css/lib/pretendard.css and linked from the base layout; a CDN @import here would put a third-party origin on every page. Re-apply this line on every publishing drop — see docs/GOTCHAS.md. */
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-1Thin.woff2") format("woff2");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-2ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-3Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-4Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-5Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-6SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-7Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-8ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Paperozi";
  src: url("../fonts/Paperlogy-9Black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", "돋움", dotum, sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", "돋움", dotum, sans-serif;
  font-size: 62.5%;
  font-weight: 400;
  color: #222222;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  margin-bottom: 0;
}

ol,
ul,
li {
  list-style: none;
}

input,
textarea,
select {
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", "돋움", dotum, sans-serif;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  /* iOS 둥근모서리 제거 */
}

input,
select,
textarea,
button {
  outline: none;
}

textarea {
  resize: none;
}

select {
  cursor: pointer;
}
select option {
  color: #222222;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  text-align: center;
  table-layout: fixed;
}

th,
td {
  border-collapse: collapse;
}

caption,
legend {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  width: 1px !important;
  height: 1px !important;
  margin: -1px;
  overflow: hidden;
}

form,
fieldset,
iframe,
button,
hr {
  border: 0;
}

i,
em,
address {
  font-style: normal;
}

label,
button {
  cursor: pointer;
  user-select: none;
}

blockquote,
q {
  quotes: none;
}

img {
  display: block;
  max-width: 100%;
  border: 0;
  vertical-align: top;
}

a {
  outline: 0;
  text-decoration: none;
  color: inherit;
}

a:active,
a:hover {
  outline: 0;
}

strong {
  font-weight: 700;
}

button {
  padding: 0;
  background: inherit;
  border: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  cursor: pointer;
}

p {
  font-size: 1.6rem;
  line-height: 1.5;
  word-break: keep-all;
}

.btn {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn--primary {
  color: #ffffff;
  background-color: #2CB4E0;
  font-size: 1.6rem;
  border-radius: 16px;
  padding: 1.5rem 4.3rem;
}
.btn--secondary {
  color: #ffffff;
  background-color: #798BA1;
  font-size: 1.6rem;
  border-radius: 16px;
  padding: 1.5rem 4.3rem;
}
.btn--wide {
  width: 100%;
}
.btn-icon {
  width: 2rem;
  margin-left: 4px;
}
.btn__kakao {
  width: 100%;
  height: 5.6rem;
  color: #ffffff;
  background: #000000;
  font-size: 1.7rem;
  font-weight: 600;
}
.btn__kakao:before {
  content: "";
  margin-right: 0.8rem;
  width: 2rem;
  height: 1.7rem;
  background: url("../images/icon/ico_kakao_white.svg") no-repeat 0 0/100% 100%;
}
.btn__kakao2 {
  margin-top: 0;
}
.btn__txt {
  width: calc(100% - 6rem);
  height: 5.6rem;
  color: #ffffff;
  background-color: #798BA1;
  margin-top: 8.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.6rem;
}
.btn__input {
  min-width: 14rem;
  height: 4.4rem;
  color: #ffffff;
  background-color: #798BA1;
  font-size: 1.5rem;
  border-radius: 1.6rem;
  margin-left: 1rem;
}
.btn__input:disabled {
  background-color: #c3c3c3;
}
.btn__landing {
  width: calc(100% - 4rem);
  height: 5.5rem;
  color: #222222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
  border-radius: 0.6rem;
  position: relative;
  background-color: #e5edfa;
}
.btn__landing:after {
  content: "";
  position: absolute;
  right: 2rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/ico_arrow.svg") no-repeat 0 0/100% 100%;
}
.btn__cardnews {
  margin-top: 1.5rem;
}
.btn__cardnews:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/ico_connect.svg") no-repeat 0 0/100% auto;
  margin-right: 0.8rem;
}
.btn__num {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.4rem;
  color: #ffffff;
  background-color: #7E4CA3;
  width: calc(100% - 9.5rem);
  border-radius: 0.6rem;
}
.btn-btm__wrap {
  position: relative;
  transform: translateY(-100%);
  margin: auto;
}
.btn-btm__wrap .footer {
  transform: translateY(0);
}
.btn-btm__wrap .btn {
  width: 100%;
  height: 5.6rem;
  background-color: #2CB4E0;
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: 600;
}
.btn-btm__wrap .btn:disabled {
  background-color: #E1E7EF;
}

/* 기본 맨 하단에 위치한 페이지들 */
.footer {
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 750px;
  margin: auto;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
.footer .footer-text {
  display: flex;
  align-items: center;
  padding: 1.2rem 2rem 1.2rem 2rem;
  color: #D9D9D9;
  font-size: 1rem;
  font-weight: 200;
}

/* 버튼 등 위로있는 구조상 위에 있는 페이지들 */
.footer-2 {
  position: relative;
  left: 0;
  bottom: 5.6rem;
  max-width: 750px;
  margin: auto;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
.footer-2 .footer-text {
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding: 0 2rem;
  color: #D9D9D9;
  font-size: 1rem;
  font-weight: 200;
}

/* 예외 위치 */
.footer-etc {
  height: 0;
}
.footer-etc .footer {
  bottom: 5.6rem;
}
.footer-etc .footer-2 {
  bottom: 7rem;
}

input:disabled {
  background: #E6E6E6;
  color: #222222;
}
input::placeholder {
  font-size: 1.6rem;
  color: #C0C0C0;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
input[type=text], input[type=number] {
  padding: 1.167rem 1rem;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 1rem;
  border-radius: 19px;
  background: #F3F3F3;
  outline: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #B873EB;
  cursor: grab;
}
input[type=range]::-webkit-slider-thumb:active {
  cursor: grabbing;
  transform: scale(1.08);
  background: #B873EB;
}
input[type=range]::-moz-range-thumb {
  width: 2.2rem;
  height: 2.2rem;
  border: none;
  border-radius: 50%;
  background: #B873EB;
  cursor: grab;
}
input[type=range]::-moz-range-thumb:active {
  cursor: grabbing;
  transform: scale(1.08);
  background: #B873EB;
}
input.hidden {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

button:disabled {
  background-color: #E6E6E6;
}

.form-wrap {
  margin-bottom: 2rem;
}
.form-wrap:last-child {
  margin-bottom: 0;
}
.form-wrap .survey-question {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.form-wrap .label-field {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #222222;
}
.form-wrap .radio-area {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.form-wrap .radio-area.radio-area-2 .radio-input:checked + .radio-label {
  background-color: transparent;
  border: none;
}
.form-wrap .radio-area.radio-area-2 .radio-input:checked + .radio-label .radio-circle {
  background-image: url("../images/icon/ico_radio_on.svg");
}
.form-wrap .radio-area.radio-area-2 .radio-input:checked + .radio-label .radio-text {
  color: #B873EB;
  font-weight: 600;
}
.form-wrap .radio-area.radio-area-2 .radio-label {
  padding: 0;
  background-color: transparent;
}
.form-wrap .radio-area.radio-area-2 .radio-label .radio-text {
  font-size: 1.4rem;
}
.form-wrap .radio-area.radio-select-area {
  gap: 0.6rem;
}
.form-wrap .radio-area.radio-select-area .radio-label {
  justify-content: center;
  border-radius: 0.6rem;
}
.form-wrap .radio-area.radio-select-area .radio-label .radio-text {
  font-size: 1.5rem;
}
.form-wrap .radio-area.radio-select-area .radio-input:checked + .radio-label {
  background-color: #B873EB;
  border: none;
}
.form-wrap .radio-area.radio-select-area .radio-input:checked + .radio-label .radio-text {
  color: #ffffff;
}
.form-wrap .radio-area.radio-select-grid-area {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}
.form-wrap .radio-area.radio-select-grid-area .radio-label {
  width: 100%;
  min-height: 3.8rem;
  background-color: #f4f4f5;
}
.form-wrap .radio-area.radio-select-grid-area .radio-label .radio-text {
  font-size: 1.4rem;
}
.form-wrap .radio-area .radio-input:checked + .radio-label {
  background-color: #FAF3FF;
  border: 1.5px solid #B873EB;
}
.form-wrap .radio-area .radio-input:checked + .radio-label .radio-circle {
  background-image: url("../images/icon/ico_radio_on.svg");
}
.form-wrap .radio-area .radio-input:checked + .radio-label .radio-text {
  color: #B873EB;
  font-weight: 600;
}
.form-wrap .radio-area .radio-label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.434rem 1rem;
  border-radius: 1rem;
  background-color: #f4f4f5;
  border: 1px solid transparent;
}
.form-wrap .radio-area .radio-label .radio-circle {
  background-image: url("../images/icon/ico_radio.svg");
  width: 2.4rem;
  height: 2.4rem;
}
.form-wrap .radio-area .radio-label .radio-text {
  font-size: 1.6rem;
  color: #222222;
}
.form-wrap .input-area {
  border-bottom: 1.5px solid #222222;
}
.form-wrap .input-area.input-area-2 .input-field {
  width: 18rem;
  font-size: 1.4rem;
}
.form-wrap .input-area.input-area-2 .comma-input {
  width: 13.3rem;
}
.form-wrap .input-area.input-area-3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: none;
}
.form-wrap .input-area.input-area-3 .input-field {
  width: 8.5rem;
  padding: 0;
}
.form-wrap .input-area .input-field {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
}

.form-title-flex {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.form-title-flex.form-title-flex-2 {
  gap: 3rem;
  width: 100%;
}
.form-title-flex.form-title-flex-2 .form-title-etc {
  margin-left: auto;
}

.form-title {
  font-size: 1.6rem;
  color: #222222;
  font-weight: 500;
}
.form-title.state {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: #B873EB;
  font-weight: 700;
}
.form-title.state:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: url("../images/icon/ico_check_sm.svg") no-repeat 0 0/100% auto;
}
.form-title.state.ico-error-check-sm:before {
  background: url("../images/icon/ico_error_check_sm.svg") no-repeat 0 0/100% auto;
}
.form-title.state.ico-cancel-check-sm:before {
  background: url("../images/icon/ico_cancel_check_sm.svg") no-repeat 0 0/100% auto;
}
.form-title.state.ico-gray-check-sm:before {
  background: url("../images/icon/ico_gray_check_sm.svg") no-repeat 0 0/100% auto;
}
.form-title.state.color-error {
  color: #FF474A;
}
.form-title.state.color-error > span {
  text-decoration: underline;
}

.form-layout-title {
  padding: 2rem 0 0.2rem 2rem;
  font-size: 1.5rem;
  font-weight: 600;
}

/* checkbox(switch toggle) style */
.switch-toggle {
  position: relative;
  display: inline-block;
  width: 6.4rem;
  height: 3.6rem;
}
.switch-toggle .check-box-input:checked + .switch-slider {
  background-color: #b372e9;
}
.switch-toggle .check-box-input:checked + .switch-slider:before {
  transform: translateX(28px);
}
.switch-toggle .switch-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E6E6;
  border-radius: 3.3rem;
  transition: 0.2s;
}
.switch-toggle .switch-slider:before {
  content: "";
  position: absolute;
  left: 0.6rem;
  bottom: 0.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
}

.range-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.2rem;
}
.range-wrap .range-value-text {
  position: absolute;
  top: 4.1rem;
  transform: translateX(-50%);
  font-size: 1.4rem;
  color: #5E5E5E;
  pointer-events: none;
}

.desc-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 3.4rem;
}
.desc-wrap .desc-text {
  font-size: 1.4rem;
  color: #B873EB;
  font-weight: 500;
  word-break: keep-all;
}

.pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.5);
  z-index: 9998;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pop#popTime .pop__inner {
  width: calc(100% - 80px);
}
.pop--open {
  display: flex;
}
.pop__inner {
  width: calc(100% - 48px);
  max-width: 600px;
  padding: 2.8rem 1.6rem 0 1.6rem;
  background-color: #ffffff;
  border-radius: 1rem;
  text-align: center;
}
.pop__inner > img {
  margin: 0 auto;
}
.pop__inner p {
  margin-top: 0.6rem;
}
.pop__inner.photo-add-inner {
  width: calc(100% - 100px);
  padding: 3.2rem 2.4rem 2rem 2.4rem;
}
.pop__inner.photo-add-inner .pop-inner-flex-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.pop__inner.photo-add-inner .pop-inner-flex-area .btn-pop-inner img {
  margin: 0 auto;
}
.pop__inner.photo-add-inner .pop-inner-flex-area .btn-pop-inner .pop__txt {
  font-size: 1.4rem;
}
.pop__inner.photo-add-inner .pop-inner-flex-area .btn-pop-inner .pop__txt p {
  margin-top: 0.4rem;
}
.pop__inner.photo-add-inner .pop__btn button {
  width: auto;
  padding: 1rem 2.7rem;
  border-radius: 6px;
  font-size: 1.5rem;
  background-color: #A58FB6;
}
.pop__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.8rem -1.6rem 0 -1.6rem;
}
.pop__btn button {
  width: 100%;
  padding: 1.434rem;
  color: #ffffff;
  font-size: 1.6rem;
}
.pop__btn button:only-child {
  border-radius: 0 0 1rem 1rem;
  background-color: #7E4CA3;
}
.pop__btn button:not(:only-child):first-child {
  border-radius: 0 0 0 1rem;
  background-color: #A58FB6;
}
.pop__btn button:not(:only-child):last-child {
  border-radius: 0 0 1rem 0;
  background-color: #7E4CA3;
}
.pop__btn-2 {
  gap: 1rem;
  padding: 0 3.6rem 2rem 3.6rem;
}
.pop__btn-2 button {
  border-radius: 6px !important;
}
.pop__btn-3 {
  gap: 1rem;
  padding: 0 7.1rem 2rem 7.1rem;
}
.pop__btn-3 button {
  border-radius: 6px !important;
}
.pop__title {
  margin-top: 0 !important;
  font-size: 2.2rem;
  font-weight: 600;
}
.pop__sub_title {
  margin-top: 1.4rem;
  font-size: 1.4rem;
  text-align: left;
  font-weight: 600;
}
.pop__txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}
.pop__info {
  font-size: 1.4rem;
  color: #464646;
}
.pop__info ul {
  line-height: 2rem;
}
.pop .txt--light {
  font-weight: normal;
  margin-top: 10px;
}
.pop-calendar .selectpicker {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.pop-calendar .selectpicker__swiper {
  z-index: 10;
}
.pop-calendar .selectpicker__sort {
  position: absolute;
  top: 34%;
  left: 0;
  width: 100%;
  height: 5rem;
  border-top: 1px solid #F9FCFD;
  border-bottom: 1px solid #F9FCFD;
  background-color: transparent;
}
.pop-calendar .selectpicker__sort--time:after {
  content: ":";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
}
.pop-calendar .selectpicker .swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.pop-calendar .selectpicker .swiper-container {
  width: 10.3rem;
  height: 25.4rem;
  float: left;
}
.pop-calendar .selectpicker .swiper-container .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.6rem;
  opacity: 0.25;
  transition: opacity 0.3s ease;
  font-weight: 700;
}
.pop-calendar .selectpicker .swiper-container .swiper-slide-active {
  opacity: 1;
}
.pop__flex {
  display: flex;
  gap: 1rem;
  width: 100%;
  margin-top: 0.8rem;
}
.pop__flex .flex-area {
  width: 100%;
}
.pop__flex .label-field {
  font-weight: 500;
}
.pop__flex .input-field {
  border-bottom: 1.5px solid #222222;
  font-size: 1.4rem;
}
.pop__flex .input-field::placeholder {
  font-size: 1.4rem;
}
.pop__flex .btn-default-wrap {
  flex: 1;
}
.pop__flex .btn-default-wrap .btn-default-layout-2 {
  width: 100%;
}
.pop .form-wrap {
  margin-bottom: 1.4rem;
}
.pop .form-wrap .radio-area {
  margin-top: 1rem;
}
.pop .form-wrap .radio-area .radio-label {
  gap: 1rem;
}
.pop .form-wrap .radio-area .radio-label .radio-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  text-align: left;
}
.pop .form-wrap .radio-area .radio-label .radio-text-wrap .radio-text {
  font-size: 1.5rem;
  font-weight: 600;
}
.pop .form-wrap .radio-area .radio-label .radio-text-wrap .radio-sub-text {
  font-size: 1.2rem;
}
.pop .form-wrap .radio-area .radio-input:checked + .radio-label .radio-text {
  color: #7E4CA3;
  font-weight: 600;
}
.pop .form-wrap .radio-area .radio-input:checked + .radio-label .radio-sub-text {
  color: #B873EB;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  border-color: transparent;
  color: #222222;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--nav {
  justify-content: center;
  min-height: auto;
  margin: 0 0 2rem 0;
  padding: 0;
  border-bottom: none;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action:hover,
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-title:hover {
  background: none;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
  stroke-width: 0.15rem;
  stroke: #222222;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-title {
  padding: 0;
  border-radius: 0;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-title i {
  margin-left: 0;
  color: #222222;
  font-weight: 600;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content {
  padding: 0;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--day-name {
  font-size: 1.2rem;
  color: #C3C3C3;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--day-name.-weekend- {
  color: #FFA2B8;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--day-name.-weekend-:last-child {
  color: #7A8AFF;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day.-other-month-,
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell-year.-other-decade- {
  opacity: 0;
  pointer-events: none;
  color: #C3C3C3;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell {
  height: 4rem;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day {
  font-size: 1.6rem;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-current- {
  color: #222222;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day.custom-cell:before,
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day.-selected-:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 1.2rem;
  background-color: #B873EB;
  z-index: 1;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-:before,
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-.-focus-:before {
  z-index: -1;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-,
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-.-current- {
  background: transparent;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-focus- {
  background: transparent;
}
.pop .datepicker-custom-pop .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected- {
  color: #ffffff;
  font-weight: 600;
}

.pop-alert {
  width: 100%;
  height: auto;
  background: rgba(72, 86, 104, 0.8);
  position: fixed;
  bottom: 0;
  left: 0;
  top: initial;
  padding: 2rem;
}
.pop-alert div,
.pop-alert p,
.pop-alert button {
  color: #ffffff;
}
.pop-alert__top, .pop-alert__close {
  display: flex;
  justify-content: space-between;
}
.pop-alert__top {
  width: 100%;
}
.pop-alert__close > img {
  margin-right: 5px;
}
.pop-alert .doNotShow {
  text-decoration: underline;
}
.pop-alert__cnt {
  font-size: 1.2rem;
  margin-top: 1.2rem;
  text-align: center;
}

.calendar {
  border-bottom: 1px solid #E1E7EF;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.calendar.no-data {
  border: none;
}

.ui-datepicker {
  width: 100%;
  border: none !important;
}
.ui-datepicker .has-event a {
  font-weight: 700;
  position: relative;
}
.ui-datepicker .has-event a::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-color: #0055f6;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: calc(50% - 0.6rem);
  z-index: 2;
}
.ui-datepicker-header {
  display: inline-block;
  background-color: transparent;
  border: none;
  margin-bottom: 24px;
}
.ui-datepicker-prev .ui-icon {
  transform: rotate(180deg);
}
.ui-datepicker .ui-corner-all {
  padding: 10px;
  top: 8px;
}
.ui-datepicker .ui-icon {
  background-image: url(../images/icon/ico_arrow.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
}
.ui-datepicker-title {
  font-size: 2.8rem;
  line-height: 1.4rem !important;
  margin: 0 2rem !important;
}
.ui-datepicker-calendar {
  border: none !important;
}
.ui-datepicker-calendar thead {
  display: none;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  padding: 0;
  line-height: 9rem;
  text-align: center;
}
.ui-datepicker-calendar td {
  height: 9.5rem;
  font-size: 3.2rem;
}
.ui-datepicker-calendar td a {
  height: 100%;
  display: block;
  padding: 0;
  line-height: 9rem;
}
.ui-datepicker-today {
  background-color: #dde9ff !important;
  border-radius: 4px;
}
.ui-datepicker .ui-state-default {
  background: transparent !important;
  border: none !important;
  text-align: center;
}
.ui-datepicker .ui-state-active {
  background-color: #dde9ff !important;
  border-radius: 4px;
  color: #222222;
}
.ui-datepicker .ui-state-default {
  color: #222222;
}

.ck-content {
  padding: 0 25px !important;
}

.ck-content ol {
  list-style: decimal !important;
}

.ck-content ul {
  list-style: initial !important;
}

.ck-content li {
  padding: initial !important;
  margin: initial !important;
  list-style: inherit !important;
}

.ck-content i,
.ck-content em {
  font-style: italic;
}

.selectpicker {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.selectpicker__swiper {
  z-index: 10;
}
.selectpicker__sort {
  position: absolute;
  top: 34%;
  left: 0;
  width: 100%;
  height: 20rem;
  border-top: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  background-color: transparent;
}
.selectpicker__sort--time:after {
  content: ":";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 3.2rem;
}
.selectpicker .swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.selectpicker .swiper-container {
  width: 33.3%;
  height: 10rem;
  float: left;
}
.selectpicker .swiper-container:not(:first-child) {
  border-left: 1px solid #C3C3C3;
}
.selectpicker .swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  color: #C3C3C3;
  transition: opacity 0.3s ease;
}
.selectpicker .swiper-container .swiper-slide-active {
  color: #222222;
}

.wrap {
  position: relative;
  width: 100%;
  max-width: 750px;
  height: auto;
  min-height: 100%;
  margin: auto;
}

.container {
  height: 100dvh;
}
.container.reserve {
  display: flex;
  flex-direction: column;
}

.area-bg {
  background: #F7F7F7 !important;
}

.required-info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #000000;
  border-radius: 0 !important;
}

.required {
  margin-left: 0.2rem;
  color: #FF474A;
}

.help-text {
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #5E5E5E;
}

.min-content {
  min-height: 100vh;
}

.text {
  margin-top: 2rem;
  font-size: 1.4rem;
}

.error-text {
  padding: 0rem 2.2rem;
}
.error-text p {
  font-size: 1.2rem;
  color: #FF474A;
}

.btn-default-wrap {
  display: flex;
  width: 100%;
}
.btn-default-wrap.btn-default-wrap-2 {
  width: calc(100% - 4rem);
  padding: 0 0 2rem 0;
  margin: 0 auto;
  border-radius: 10px;
}
.btn-default-wrap.btn-default-wrap-2 .btn-default {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: 10px;
}
.btn-default-wrap.btn-default-wrap-2 .btn-default:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: url("../images/icon/ico_circle_plus.svg") no-repeat 0 0/100% auto;
}
.btn-default-wrap.btn-default-wrap-3 {
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 2rem 0 2rem;
}
.btn-default-wrap.btn-default-wrap-3 .btn-default {
  border-radius: 10px;
}
.btn-default-wrap.btn-default-wrap-3 .btn-flex-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FCF9FF;
  padding: 1.3rem 1.6rem;
  border: 1.5px solid #A58FB6;
  border-radius: 10px;
}
.btn-default-wrap.btn-default-wrap-3 .btn-flex-card.active {
  background-color: #F3EDF8;
  border: 1.5px solid #7E4CA3;
}
.btn-default-wrap.btn-default-wrap-3 .btn-flex-card.active .badge {
  background-color: #7b4f9d;
}
.btn-default-wrap.btn-default-wrap-3 .btn-card-left {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.btn-default-wrap.btn-default-wrap-3 .title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #222222;
}
.btn-default-wrap.btn-default-wrap-3 .badge {
  padding: 4px 9.27px;
  background-color: #A58FB6;
  border-radius: 20px;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
}
.btn-default-wrap.btn-default-wrap-3 .btn-card-right {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.btn-default-wrap.btn-default-wrap-3 .date-text {
  margin-left: 0.6rem;
  font-size: 1.2rem;
  color: #222222;
  font-weight: 500;
}
.btn-default-wrap .btn-default {
  width: 100%;
  padding: 1.65rem 0rem;
  background-color: #7E4CA3;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
}
.btn-default-wrap .btn-default:only-child {
  background-color: #7E4CA3;
}
.btn-default-wrap .btn-default:not(:only-child):first-child {
  background-color: #A58FB6;
}
.btn-default-wrap .btn-default:not(:only-child):last-child {
  background-color: #7E4CA3;
}
.btn-default-wrap .btn-default:disabled {
  background-color: #E6E6E6;
}
.btn-default-wrap .btn-default-layout {
  width: 100%;
  min-height: 4rem;
  padding: 1rem 4.2rem;
  margin-right: 0.6rem;
  border-radius: 6px;
  background-color: #2D2930;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
}
.btn-default-wrap .btn-default-layout:last-child {
  margin-right: 0;
}
.btn-default-wrap .btn-default-layout.bg-gary {
  background-color: #817E83;
}
.btn-default-wrap .btn-default-layout.bg-white {
  border: 1px solid #DADADA;
  background-color: #ffffff;
  color: #535353;
}
.btn-default-wrap .btn-default-layout-2 {
  min-height: 3.6rem;
  padding: 0.6rem 1.5rem;
  border-radius: 6px;
  background-color: #2D2930;
  color: #ffffff;
  font-size: 1.5rem;
}
.btn-default-wrap .btn-upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.6rem;
  padding: 0.6rem 1rem;
  background-color: #2D2930;
  border-radius: 6px;
  border: none;
  font-size: 1.5rem;
  color: #ffffff;
}

.btn-search {
  padding: 0rem 1.72rem;
  background-color: #24252a;
  color: #ffffff;
  border-radius: 6px;
  font-size: 1.5rem;
}

.btn-link {
  color: #C0C0C0;
  font-size: 1.2rem;
  text-decoration: underline;
}

.page-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.9rem;
  background: #ffffff;
}
.page-title-wrap .page-title {
  flex: 1;
  padding: 0;
}

.page-title {
  padding: 1.753rem;
  margin-bottom: 0;
  background: #ffffff;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
}

.layout-info {
  padding: 2rem 2rem 0.2rem 2rem;
}
.layout-info p {
  font-size: 1.4rem;
  font-weight: 500;
}

.layout-info-text {
  margin: 1rem 2.2rem 0 2.2rem;
  font-size: 1.3rem;
}

.layout-area {
  margin: 2rem;
  border-radius: 10px;
  background: #ffffff;
}
.layout-area.layout-area-2 {
  margin: 1rem 2rem;
}
.layout-area.layout-area-2:nth-of-type(1) {
  margin-top: 2rem;
}
.layout-area .layout-box {
  padding: 1.6rem;
}
.layout-area .layout-box-2 {
  padding: 2rem;
}

.address-area {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.address-area .address-search {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 1rem;
}
.address-area .address-search .input-area {
  flex: 1;
}

.flex-area-wrap {
  border-bottom: 1.5px solid #EFEFEF;
  padding-bottom: 1.6rem;
}

.flex-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-top: 2rem;
}
.flex-area.flex-area-2 {
  gap: 0.5rem;
  margin-top: 0.8rem;
}
.flex-area.flex-area-2 .input-area {
  width: 50%;
}
.flex-area.flex-area-2 .select-wrap {
  width: 50%;
}
.flex-area.flex-area-2 .select-wrap .category-select {
  font-size: 1.5rem;
  font-weight: 600;
}
.flex-area .label-field {
  margin-bottom: 0;
}
.flex-area .label-field-info-text {
  flex: 1;
  font-size: 1.4rem;
  color: #C0C0C0;
}
.flex-area .radio-area {
  flex-direction: unset;
}
.flex-area .radio-area .radio-input:checked + .radio-label .radio-text {
  font-weight: 500;
}
.flex-area .radio-area .radio-label {
  width: 7rem;
  min-height: 3.6rem;
  padding: 0.867rem 0.2rem;
  background-color: #E6E6E6;
}
.flex-area .radio-area .radio-label .radio-text {
  font-weight: 500;
}

.category-wrap {
  margin-bottom: 2rem;
}
.category-wrap.category-flex-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
  padding: 2rem 2rem 0 2rem;
  margin-bottom: 0;
}
.category-wrap.category-flex-wrap .select-wrap {
  width: 10rem;
  border: 1px solid #E9E9E9;
}
.category-wrap.category-flex-wrap .select-wrap .category-select {
  width: 100%;
  padding: 6.667px 1rem;
}
.category-wrap .category-label {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #464646;
}

.select-wrap {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
}
.select-wrap::after {
  content: "";
  background-image: url("../images/icon/ico_arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  pointer-events: none;
  z-index: 10;
}
.select-wrap .domain-direct-input {
  display: none;
  width: 100%;
  padding-right: 4rem;
  padding-left: 1.6rem;
}
.select-wrap.is-direct {
  position: relative;
}
.select-wrap.is-direct .category-select {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 100%;
  opacity: 0;
  z-index: 5;
  cursor: pointer;
}
.select-wrap.is-direct .category-select:focus,
.select-wrap.is-direct .category-select:active {
  left: 0;
  right: auto;
  width: 100% !important;
}
.select-wrap .category-select {
  width: 100%;
  padding: 1.134rem 1.6rem;
  font-size: 1.4rem;
  color: #464646;
}

.select-wrap-2 {
  position: relative;
  width: 100%;
  border-bottom: 1.5px solid #222222;
}

.agree-area .check-box-label {
  display: flex;
  align-items: center;
  margin-bottom: 3.5rem;
  font-size: 1.2rem;
  color: #464646;
}
.agree-area .check-box-label:last-child {
  margin-bottom: 0;
}
.agree-area .check-box-label .sub-check-mark {
  height: 1.8rem;
  width: 1.8rem;
  margin-right: 1rem;
  background: url("../images/icon/ico_check2_1.svg") no-repeat 0 0/100% 100%;
}
.agree-area .check-box-label .sub-check-mark:checked {
  background-image: url("../images/icon/ico_check2_1_on.svg");
}
.agree-area .btn-wrap {
  text-align: center;
}
.agree-area .btn-wrap button.btn {
  padding: 1.2rem 4.4rem;
}

.check-box-area {
  display: block;
  position: relative;
  margin-bottom: 3.8rem;
  font-size: 2.2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.check-box-area label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 600;
}
.check-box-area .check-mark {
  height: 2.2rem;
  width: 2.2rem;
  margin-right: 0.8rem;
  background: url("../images/icon/ico_check2.svg") no-repeat 0 0/100% 100%;
}
.check-box-area .check-mark:checked {
  background-image: url("../images/icon/ico_check2_on.svg");
}

.check-box-area-2 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.check-box-area-2 .check-mark-2:checked + .check-box-label-2 {
  background-color: #FAF3FF;
  border: 1.5px solid #B873EB;
}
.check-box-area-2 .check-mark-2:checked + .check-box-label-2 .check-box-icon {
  background-image: url("../images/icon/ico_check2_big_on.svg");
}
.check-box-area-2 .check-mark-2:checked + .check-box-label-2 .check-box-title {
  color: #B873EB;
  font-weight: 600;
}
.check-box-area-2 .check-mark-2:disabled + .check-box-label-2 .check-box-title {
  color: #C0C0C0;
}
.check-box-area-2 .check-box-label-2 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.3rem 1rem;
  border-radius: 10px;
  background-color: #f4f4f5;
  border: 1px solid transparent;
}
.check-box-area-2 .check-box-label-2 .check-box-icon {
  background-image: url("../images/icon/ico_check2_big.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 2.4rem;
  height: 2.4rem;
}
.check-box-area-2 .check-box-label-2 .check-box-title {
  font-size: 1.5rem;
  color: #222222;
}

.btn-view {
  margin-left: auto;
}

.text-verification {
  margin: 1rem 0;
  font-size: 1.6rem;
  font-weight: 700;
}

.input-text-verification {
  min-height: 4.8rem;
  border-radius: 6px;
  background-color: #F4F4F4;
  text-align: center;
}

.info-text {
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #C0C0C0;
}

.info-error-text {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  color: #FF474A;
  font-weight: 500;
}

.file-info {
  display: none;
  align-items: center;
  gap: 0.4rem;
  margin-right: 1rem;
}
.file-info.active {
  display: flex;
}
.file-info .btn-delete:after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0.1rem;
  background: url("../images/icon/ico_deleate.svg") no-repeat 0 0/100% auto;
}

.file-name {
  font-size: 1.2rem;
  color: #464646;
  font-weight: 500;
}

.file-name-text {
  font-size: 1.2rem;
  text-decoration: underline;
}

.result-text {
  font-size: 1.4rem;
  font-weight: 500;
}

.pagination-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.pagination-wrap .btn-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pagination-wrap .page-list {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pagination-wrap .page-list .page-num {
  position: relative;
  padding: 0.2rem 0.4rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #222222;
}
.pagination-wrap .page-list .page-num.active {
  font-weight: 600;
}
.pagination-wrap .page-list .page-num.active:after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #222222;
}

.toggle-form-group {
  display: none;
}
.toggle-form-group.active {
  display: block;
}

.file-thumbnail-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 0.5rem;
  margin-top: 0.8rem;
}
.file-thumbnail-list .file-thumbnail-item {
  position: relative;
  width: 100%;
  height: 5.2rem;
}
.file-thumbnail-list .file-thumbnail-item.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed #F0F0F0;
  border-radius: 6px;
  background-color: #ffffff;
}
.file-thumbnail-list .file-thumbnail-item.has-file-thumbnail {
  border: none;
}
.file-thumbnail-list .file-thumbnail-item.has-file-thumbnail .file-thumbnail-box {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: #F4F4F4;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-file-delete {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  z-index: 10;
}
.btn-file-delete:before {
  content: "";
  display: block;
  height: 2rem;
  width: 2rem;
  background: url("../images/icon/ico_file_close.svg") no-repeat 0 0/100% 100%;
}

.plus-icon:before {
  content: "";
  display: block;
  height: 2rem;
  width: 2rem;
  background: url("../images/icon/ico_plus.svg") no-repeat 0 0/100% 100%;
}

.result-area {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1.5px solid #EFEFEF;
}
.result-area:first-child {
  border-bottom: none;
}
.result-area .flex-area {
  justify-content: unset;
  gap: 1.8rem;
  margin-top: 1rem;
}
.result-area .label-field {
  width: 7.5rem;
  flex-shrink: 0;
  font-weight: 600;
}
.result-area .read-only-text {
  line-height: 2.2rem;
  font-size: 1.4rem;
  color: #222222;
  font-weight: 500;
}

.noti-text {
  display: none;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: #C0C0C0;
  font-weight: 400;
}

.noti-off {
  color: #D9D9D9;
}
.noti-off + .radio-select-area .radio-input:disabled + .radio-label .radio-text {
  color: #ffffff;
}

.noti-on {
  color: #222222;
}
.noti-on .noti-text {
  display: block;
}
.noti-on + .radio-select-area .radio-input:not([name=dosingCycle]):not(:disabled) + .radio-label, .noti-on + .radio-select-area .radio-input:not([name=dosingCycle]):checked + .radio-label {
  background-color: #222222;
}
.noti-on + .radio-select-area .radio-input:not([name=dosingCycle]):not(:disabled) + .radio-label .radio-text, .noti-on + .radio-select-area .radio-input:not([name=dosingCycle]):checked + .radio-label .radio-text {
  color: #ffffff;
}

.tab-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.tab-item {
  flex: 1;
}
.tab-item.active .btn-tab {
  background-color: #7E4CA3;
  color: #ffffff;
}
.tab-item .btn-tab {
  width: 100%;
  padding: 13.67px 0;
  background-color: #E6E6E6;
  font-size: 1.4rem;
  color: #C0C0C0;
}
.tab-item:first-child .btn-tab {
  border-top-left-radius: 10px;
}
.tab-item:last-child .btn-tab {
  border-top-right-radius: 10px;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.swiper-container-wrap {
  width: 100%;
  padding: 2rem;
  margin-top: 1rem;
  background: #ffffff;
}

.tracking-skin-swiper .swiper-slide {
  width: 12rem;
  height: 12rem;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 6px;
}
.tracking-skin-swiper .swiper-slide.record-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #B873EB;
  color: #ffffff;
  user-select: none;
}
.tracking-skin-swiper .swiper-slide.record-card .plus-icon:before {
  content: "";
  display: block;
  height: 1.4rem;
  width: 1.4rem;
  background: url("../images/icon/ico_plus_w.svg") no-repeat 0 0/100% 100%;
}
.tracking-skin-swiper .swiper-slide.record-card .record-card-text {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
}
.tracking-skin-swiper .btn-record-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blind,
.hide {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  width: 1px !important;
  height: 1px !important;
  margin: -1px;
  overflow: hidden;
}

.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-line {
  text-decoration: underline;
}
.text-bold {
  font-weight: bold;
}
.text-blind {
  color: rgba(0, 0, 0, 0);
}
.text-blue {
  color: #2CB4E0 !important;
}

.border {
  border: 1px solid #222222;
}
.border--btm {
  border-bottom: 1px solid #222222;
}

.brd-6 {
  border-radius: 6px !important;
}

.d-flex {
  display: flex !important;
}

.justify-content-between {
  justify-content: space-between;
}

.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-items-center {
  align-items: center;
}

.pt-00 {
  padding-top: calc(00px) !important;
}

.pb-00 {
  padding-bottom: calc(00px) !important;
}

.pl-00 {
  padding-left: calc(00px) !important;
}

.pr-00 {
  padding-right: calc(00px) !important;
}

.pl-0 {
  padding-left: calc(0px) !important;
}

.pr-0 {
  padding-right: calc(0px) !important;
}

.mt-0 {
  margin-top: calc(0px) !important;
}

.mb-0 {
  margin-bottom: calc(0px) !important;
}

.ml-0 {
  margin-left: calc(0px) !important;
}

.mr-0 {
  margin-right: calc(0px) !important;
}

.mt-00 {
  margin-top: calc(00px) !important;
}

.mb-00 {
  margin-bottom: calc(00px) !important;
}

.ml-00 {
  margin-left: calc(00px) !important;
}

.mr-00 {
  margin-right: calc(00px) !important;
}

.pt-10 {
  padding-top: calc(10px) !important;
}

.pb-10 {
  padding-bottom: calc(10px) !important;
}

.pl-10 {
  padding-left: calc(10px) !important;
}

.pr-10 {
  padding-right: calc(10px) !important;
}

.pl-1 {
  padding-left: calc(1px) !important;
}

.pr-1 {
  padding-right: calc(1px) !important;
}

.mt-1 {
  margin-top: calc(1px) !important;
}

.mb-1 {
  margin-bottom: calc(1px) !important;
}

.ml-1 {
  margin-left: calc(1px) !important;
}

.mr-1 {
  margin-right: calc(1px) !important;
}

.mt-10 {
  margin-top: calc(10px) !important;
}

.mb-10 {
  margin-bottom: calc(10px) !important;
}

.ml-10 {
  margin-left: calc(10px) !important;
}

.mr-10 {
  margin-right: calc(10px) !important;
}

.pt-20 {
  padding-top: calc(20px) !important;
}

.pb-20 {
  padding-bottom: calc(20px) !important;
}

.pl-20 {
  padding-left: calc(20px) !important;
}

.pr-20 {
  padding-right: calc(20px) !important;
}

.pl-2 {
  padding-left: calc(2px) !important;
}

.pr-2 {
  padding-right: calc(2px) !important;
}

.mt-2 {
  margin-top: calc(2px) !important;
}

.mb-2 {
  margin-bottom: calc(2px) !important;
}

.ml-2 {
  margin-left: calc(2px) !important;
}

.mr-2 {
  margin-right: calc(2px) !important;
}

.mt-20 {
  margin-top: calc(20px) !important;
}

.mb-20 {
  margin-bottom: calc(20px) !important;
}

.ml-20 {
  margin-left: calc(20px) !important;
}

.mr-20 {
  margin-right: calc(20px) !important;
}

.pt-30 {
  padding-top: calc(30px) !important;
}

.pb-30 {
  padding-bottom: calc(30px) !important;
}

.pl-30 {
  padding-left: calc(30px) !important;
}

.pr-30 {
  padding-right: calc(30px) !important;
}

.pl-3 {
  padding-left: calc(3px) !important;
}

.pr-3 {
  padding-right: calc(3px) !important;
}

.mt-3 {
  margin-top: calc(3px) !important;
}

.mb-3 {
  margin-bottom: calc(3px) !important;
}

.ml-3 {
  margin-left: calc(3px) !important;
}

.mr-3 {
  margin-right: calc(3px) !important;
}

.mt-30 {
  margin-top: calc(30px) !important;
}

.mb-30 {
  margin-bottom: calc(30px) !important;
}

.ml-30 {
  margin-left: calc(30px) !important;
}

.mr-30 {
  margin-right: calc(30px) !important;
}

.pt-40 {
  padding-top: calc(40px) !important;
}

.pb-40 {
  padding-bottom: calc(40px) !important;
}

.pl-40 {
  padding-left: calc(40px) !important;
}

.pr-40 {
  padding-right: calc(40px) !important;
}

.pl-4 {
  padding-left: calc(4px) !important;
}

.pr-4 {
  padding-right: calc(4px) !important;
}

.mt-4 {
  margin-top: calc(4px) !important;
}

.mb-4 {
  margin-bottom: calc(4px) !important;
}

.ml-4 {
  margin-left: calc(4px) !important;
}

.mr-4 {
  margin-right: calc(4px) !important;
}

.mt-40 {
  margin-top: calc(40px) !important;
}

.mb-40 {
  margin-bottom: calc(40px) !important;
}

.ml-40 {
  margin-left: calc(40px) !important;
}

.mr-40 {
  margin-right: calc(40px) !important;
}

.pt-50 {
  padding-top: calc(50px) !important;
}

.pb-50 {
  padding-bottom: calc(50px) !important;
}

.pl-50 {
  padding-left: calc(50px) !important;
}

.pr-50 {
  padding-right: calc(50px) !important;
}

.pl-5 {
  padding-left: calc(5px) !important;
}

.pr-5 {
  padding-right: calc(5px) !important;
}

.mt-5 {
  margin-top: calc(5px) !important;
}

.mb-5 {
  margin-bottom: calc(5px) !important;
}

.ml-5 {
  margin-left: calc(5px) !important;
}

.mr-5 {
  margin-right: calc(5px) !important;
}

.mt-50 {
  margin-top: calc(50px) !important;
}

.mb-50 {
  margin-bottom: calc(50px) !important;
}

.ml-50 {
  margin-left: calc(50px) !important;
}

.mr-50 {
  margin-right: calc(50px) !important;
}

.pt-60 {
  padding-top: calc(60px) !important;
}

.pb-60 {
  padding-bottom: calc(60px) !important;
}

.pl-60 {
  padding-left: calc(60px) !important;
}

.pr-60 {
  padding-right: calc(60px) !important;
}

.pl-6 {
  padding-left: calc(6px) !important;
}

.pr-6 {
  padding-right: calc(6px) !important;
}

.mt-6 {
  margin-top: calc(6px) !important;
}

.mb-6 {
  margin-bottom: calc(6px) !important;
}

.ml-6 {
  margin-left: calc(6px) !important;
}

.mr-6 {
  margin-right: calc(6px) !important;
}

.mt-60 {
  margin-top: calc(60px) !important;
}

.mb-60 {
  margin-bottom: calc(60px) !important;
}

.ml-60 {
  margin-left: calc(60px) !important;
}

.mr-60 {
  margin-right: calc(60px) !important;
}

.pt-70 {
  padding-top: calc(70px) !important;
}

.pb-70 {
  padding-bottom: calc(70px) !important;
}

.pl-70 {
  padding-left: calc(70px) !important;
}

.pr-70 {
  padding-right: calc(70px) !important;
}

.pl-7 {
  padding-left: calc(7px) !important;
}

.pr-7 {
  padding-right: calc(7px) !important;
}

.mt-7 {
  margin-top: calc(7px) !important;
}

.mb-7 {
  margin-bottom: calc(7px) !important;
}

.ml-7 {
  margin-left: calc(7px) !important;
}

.mr-7 {
  margin-right: calc(7px) !important;
}

.mt-70 {
  margin-top: calc(70px) !important;
}

.mb-70 {
  margin-bottom: calc(70px) !important;
}

.ml-70 {
  margin-left: calc(70px) !important;
}

.mr-70 {
  margin-right: calc(70px) !important;
}

.m-auto {
  margin: 0 auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pd-0 {
  padding: 0 !important;
}

.fs-1 {
  font-size: 1px !important;
}

.fs-2 {
  font-size: 2px !important;
}

.fs-3 {
  font-size: 3px !important;
}

.fs-4 {
  font-size: 4px !important;
}

.fs-5 {
  font-size: 5px !important;
}

.fs-6 {
  font-size: 6px !important;
}

.fs-7 {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-51 {
  font-size: 51px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-53 {
  font-size: 53px !important;
}

.fs-54 {
  font-size: 54px !important;
}

.fs-55 {
  font-size: 55px !important;
}

.fs-56 {
  font-size: 56px !important;
}

.fs-57 {
  font-size: 57px !important;
}

.fs-58 {
  font-size: 58px !important;
}

.fs-59 {
  font-size: 59px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-61 {
  font-size: 61px !important;
}

.fs-62 {
  font-size: 62px !important;
}

.fs-63 {
  font-size: 63px !important;
}

.fs-64 {
  font-size: 64px !important;
}

.fs-65 {
  font-size: 65px !important;
}

.fs-66 {
  font-size: 66px !important;
}

.fs-67 {
  font-size: 67px !important;
}

.fs-68 {
  font-size: 68px !important;
}

.fs-69 {
  font-size: 69px !important;
}

.fs-70 {
  font-size: 70px !important;
}

.fs-71 {
  font-size: 71px !important;
}

.fs-72 {
  font-size: 72px !important;
}

.fs-73 {
  font-size: 73px !important;
}

.fs-74 {
  font-size: 74px !important;
}

.fs-75 {
  font-size: 75px !important;
}

.fs-76 {
  font-size: 76px !important;
}

.fs-77 {
  font-size: 77px !important;
}

.fs-78 {
  font-size: 78px !important;
}

.fs-79 {
  font-size: 79px !important;
}

.fs-80 {
  font-size: 80px !important;
}

.fs-81 {
  font-size: 81px !important;
}

.fs-82 {
  font-size: 82px !important;
}

.fs-83 {
  font-size: 83px !important;
}

.fs-84 {
  font-size: 84px !important;
}

.fs-85 {
  font-size: 85px !important;
}

.fs-86 {
  font-size: 86px !important;
}

.fs-87 {
  font-size: 87px !important;
}

.fs-88 {
  font-size: 88px !important;
}

.fs-89 {
  font-size: 89px !important;
}

.fs-90 {
  font-size: 90px !important;
}

.fs-91 {
  font-size: 91px !important;
}

.fs-92 {
  font-size: 92px !important;
}

.fs-93 {
  font-size: 93px !important;
}

.fs-94 {
  font-size: 94px !important;
}

.fs-95 {
  font-size: 95px !important;
}

.fs-96 {
  font-size: 96px !important;
}

.fs-97 {
  font-size: 97px !important;
}

.fs-98 {
  font-size: 98px !important;
}

.fs-99 {
  font-size: 99px !important;
}

.fs-100 {
  font-size: 100px !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.flex-1 {
  flex: 1 !important;
}

.flex-2 {
  flex: 2 !important;
}

.flex-3 {
  flex: 3 !important;
}

.flex-4 {
  flex: 4 !important;
}

.flex-5 {
  flex: 5 !important;
}

.flex-6 {
  flex: 6 !important;
}

.flex-7 {
  flex: 7 !important;
}

.flex-8 {
  flex: 8 !important;
}

.flex-9 {
  flex: 9 !important;
}

.flex-10 {
  flex: 10 !important;
}

.flex-11 {
  flex: 11 !important;
}

.flex-12 {
  flex: 12 !important;
}

.flex-13 {
  flex: 13 !important;
}

.flex-14 {
  flex: 14 !important;
}

.flex-15 {
  flex: 15 !important;
}

.flex-16 {
  flex: 16 !important;
}

.flex-17 {
  flex: 17 !important;
}

.flex-18 {
  flex: 18 !important;
}

.flex-19 {
  flex: 19 !important;
}

.flex-20 {
  flex: 20 !important;
}

.flex-21 {
  flex: 21 !important;
}

.flex-22 {
  flex: 22 !important;
}

.flex-23 {
  flex: 23 !important;
}

.flex-24 {
  flex: 24 !important;
}

.flex-25 {
  flex: 25 !important;
}

.flex-26 {
  flex: 26 !important;
}

.flex-27 {
  flex: 27 !important;
}

.flex-28 {
  flex: 28 !important;
}

.flex-29 {
  flex: 29 !important;
}

.flex-30 {
  flex: 30 !important;
}

.flex-31 {
  flex: 31 !important;
}

.flex-32 {
  flex: 32 !important;
}

.flex-33 {
  flex: 33 !important;
}

.flex-34 {
  flex: 34 !important;
}

.flex-35 {
  flex: 35 !important;
}

.flex-36 {
  flex: 36 !important;
}

.flex-37 {
  flex: 37 !important;
}

.flex-38 {
  flex: 38 !important;
}

.flex-39 {
  flex: 39 !important;
}

.flex-40 {
  flex: 40 !important;
}

.flex-41 {
  flex: 41 !important;
}

.flex-42 {
  flex: 42 !important;
}

.flex-43 {
  flex: 43 !important;
}

.flex-44 {
  flex: 44 !important;
}

.flex-45 {
  flex: 45 !important;
}

.flex-46 {
  flex: 46 !important;
}

.flex-47 {
  flex: 47 !important;
}

.flex-48 {
  flex: 48 !important;
}

.flex-49 {
  flex: 49 !important;
}

.flex-50 {
  flex: 50 !important;
}

.flex-51 {
  flex: 51 !important;
}

.flex-52 {
  flex: 52 !important;
}

.flex-53 {
  flex: 53 !important;
}

.flex-54 {
  flex: 54 !important;
}

.flex-55 {
  flex: 55 !important;
}

.flex-56 {
  flex: 56 !important;
}

.flex-57 {
  flex: 57 !important;
}

.flex-58 {
  flex: 58 !important;
}

.flex-59 {
  flex: 59 !important;
}

.flex-60 {
  flex: 60 !important;
}

.flex-61 {
  flex: 61 !important;
}

.flex-62 {
  flex: 62 !important;
}

.flex-63 {
  flex: 63 !important;
}

.flex-64 {
  flex: 64 !important;
}

.flex-65 {
  flex: 65 !important;
}

.flex-66 {
  flex: 66 !important;
}

.flex-67 {
  flex: 67 !important;
}

.flex-68 {
  flex: 68 !important;
}

.flex-69 {
  flex: 69 !important;
}

.flex-70 {
  flex: 70 !important;
}

.flex-71 {
  flex: 71 !important;
}

.flex-72 {
  flex: 72 !important;
}

.flex-73 {
  flex: 73 !important;
}

.flex-74 {
  flex: 74 !important;
}

.flex-75 {
  flex: 75 !important;
}

.flex-76 {
  flex: 76 !important;
}

.flex-77 {
  flex: 77 !important;
}

.flex-78 {
  flex: 78 !important;
}

.flex-79 {
  flex: 79 !important;
}

.flex-80 {
  flex: 80 !important;
}

.flex-81 {
  flex: 81 !important;
}

.flex-82 {
  flex: 82 !important;
}

.flex-83 {
  flex: 83 !important;
}

.flex-84 {
  flex: 84 !important;
}

.flex-85 {
  flex: 85 !important;
}

.flex-86 {
  flex: 86 !important;
}

.flex-87 {
  flex: 87 !important;
}

.flex-88 {
  flex: 88 !important;
}

.flex-89 {
  flex: 89 !important;
}

.flex-90 {
  flex: 90 !important;
}

.flex-91 {
  flex: 91 !important;
}

.flex-92 {
  flex: 92 !important;
}

.flex-93 {
  flex: 93 !important;
}

.flex-94 {
  flex: 94 !important;
}

.flex-95 {
  flex: 95 !important;
}

.flex-96 {
  flex: 96 !important;
}

.flex-97 {
  flex: 97 !important;
}

.flex-98 {
  flex: 98 !important;
}

.flex-99 {
  flex: 99 !important;
}

.flex-100 {
  flex: 100 !important;
}

.d-flex {
  display: flex;
}
.d-flex__spaceBtw {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.d-flex__start {
  display: flex;
  align-items: flex-start;
}
.d-block {
  display: block;
}

.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}

.h-40 {
  height: 40px !important;
}

.ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

.ellipsis.line1 {
  -webkit-line-clamp: 1;
}

.ellipsis.line2 {
  -webkit-line-clamp: 2;
}

.color-purple {
  color: #B873EB;
}

.color-cancel {
  color: #B9B9B9;
}

.color-gray {
  color: #B9B9B9;
}

.color-gray-2 {
  color: #464646;
}

.color-gray-3 {
  color: #5E5E5E;
}

.color-gray-4 {
  color: #C0C0C0;
}

.accept__title {
  background-color: #f4f5f7;
  text-align: center;
  color: #222222;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 2rem 0;
}
.accept .ipt {
  width: calc(100% - 9.5rem);
  border-radius: 0.2rem;
  margin: 0 4.7rem;
}
.accept .ipt2 {
  display: none;
}
.accept .ipt__title {
  font-size: 1.3rem;
  color: #222222;
}
.accept .ipt__style {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5rem;
  border-bottom: 1px solid #222222;
  background-color: #ffffff;
  padding: 0 1rem;
}
.accept .ipt input::placeholder {
  color: #F9FCFD;
}
.accept .btn__num2 {
  display: none;
}
.accept.active .ipt2 {
  display: block;
}
.accept.active .btn__num1 {
  display: none;
}
.accept.active .btn__num2 {
  display: block;
}
.accept .gender-wrap {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.accept .gender-wrap label {
  flex: 1;
  display: inline-block;
  padding: 12px 0;
  border: 1px solid #222222;
  background-color: #ffffff;
  color: #222222;
  text-align: center;
  user-select: none;
}
.accept .gender-wrap input[type=radio] {
  display: none;
}
.accept .gender-wrap input[type=radio]:checked + label {
  background-color: #222222;
  color: #ffffff;
}
.accept .select-wrap {
  position: relative;
  width: 100%;
}
.accept .select-wrap select {
  width: 100%;
  padding: 12px 40px 12px 16px;
  border: 1px solid #222222;
  background-color: #ffffff;
  color: #222222;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.accept .select-wrap select:invalid {
  color: #222222;
}
.accept .select-wrap:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #222222;
  pointer-events: none;
}

.join-wrap {
  flex: 1;
  padding: 3rem 2rem 0 2rem;
}
.join-wrap .page-title {
  padding: 0;
  margin-bottom: 3rem;
  font-size: 2.6rem;
  text-align: left;
  line-height: 1.35;
  color: #222222;
  font-weight: 600;
}

.login-wrap {
  flex: 1;
  background-image: url("../images/login/bg.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login-wrap.accept-login {
  background-image: url("../images/login/accept/bg.png");
}
.login-wrap .login-bg-initials {
  position: absolute;
  right: 0;
}
.login-wrap .login-bg-initials.login-bg-initials-2 {
  bottom: 165px;
}
.login-wrap .logo__top {
  position: absolute;
  left: 20px;
  top: 18px;
  width: 8.1rem;
}
.login-wrap .login__cnt {
  width: 100%;
}
.login-wrap__logo {
  margin: auto;
  width: 24rem;
  text-align: center;
}
.login-wrap__logo img {
  margin: auto;
}
.login-wrap .login__info_text {
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.login-wrap .login__info_text p strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.8rem;
  color: #ffffff;
  font-weight: 600;
}
.login-wrap__ico {
  margin: auto;
  width: 4.2rem;
}
.login-wrap__title {
  font-size: 2rem;
  text-align: center;
  color: #003279;
  font-weight: 700;
  line-height: 2.5rem;
}
.login-wrap__btn-wrap {
  width: 100%;
  position: absolute;
  bottom: 11rem;
}
.login-wrap .login__info_top_text {
  width: 100%;
  margin-bottom: 30px;
}
.login-wrap .login__info_top_text > img {
  margin: 0 auto;
}

.contents-wrap {
  flex: 1;
  background: #F7F7F7;
}
.contents-wrap .badge {
  font-family: "Paperozi";
  display: inline-block;
  padding: 0.6rem 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #2D2930;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 0.4rem;
}
.contents-wrap .date {
  display: block;
  font-size: 1.2rem;
  color: #464646;
}
.contents-wrap .content-title {
  display: block;
  margin-bottom: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
}
.contents-wrap .content-title.content--title {
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
  font-size: 2.2rem;
}
.contents-wrap .contents-area {
  padding: 2rem;
  background: #F7F7F7;
}
.contents-wrap .contents-area .content-list .content-item {
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #E8E8E8;
}
.contents-wrap .contents-area .content-list .content-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.contents-wrap .contents-area .content-list .content-item .content-link {
  display: block;
}
.contents-wrap .contents-area .content-list .content-item.has-thumbnail .thumbnail-box {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
  border-radius: 4px;
}
.contents-wrap .contents-area .content-list .content-item.has-thumbnail .thumbnail-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.contents-wrap .contents-area .content-list .content-item.has-thumbnail .thumbnail-box img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.contents-wrap .contents-area .content-list .content-item.has-thumbnail .thumbnail-box .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.contents-wrap .contents-area .contents-head {
  margin-bottom: 2rem;
}
.contents-wrap .contents-area .contents-body {
  margin-bottom: 1rem;
}
.contents-wrap .contents-area .contents-body.article-body p {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  color: #464646;
  line-height: 1.6;
}
.contents-wrap .contents-area .contents-body.article-body p:last-child {
  margin-bottom: 0;
}
.contents-wrap .contents-area .contents-body.card-news-body .card-news-link {
  display: block;
  width: 100%;
  padding: 1.2rem;
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #ffffff;
  background-color: #2D2930;
  border-radius: 0.4rem;
  text-align: center;
  word-break: break-all;
}
.contents-wrap .contents-area .contents-body.video-body .player {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #F7F7F7;
}
.contents-wrap .contents-area .contents-body.video-body .player video,
.contents-wrap .contents-area .contents-body.video-body .player iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.contents-wrap .contents-area .contents-body.video-body .player video {
  -webkit-touch-callout: none;
}
.contents-wrap .contents-area .contents-meta {
  font-size: 1.1rem;
  color: #C0C0C0;
  text-align: right;
}
.contents-wrap .contents-area .floating-popup {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.78);
  color: #ffffff;
  z-index: 100;
}
.contents-wrap .contents-area .floating-popup .notice-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}
.contents-wrap .contents-area .floating-popup .notice-top .btn-dismiss {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
}
.contents-wrap .contents-area .floating-popup .notice-top .btn-close {
  background: none;
  border: none;
  color: #ffffff;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contents-wrap .contents-area .floating-popup .notice-text {
  font-size: 1.2rem;
  color: #ffffff;
}
.contents-wrap .contents-slider {
  position: relative;
  overflow: hidden;
}
.contents-wrap .contents-slider .swiper-slide {
  overflow: hidden;
  border-radius: 0.4rem;
}
.contents-wrap .contents-slider .swiper-slide > img {
  width: 100%;
}
.contents-wrap .contents-slider .swiper-button-next:after,
.contents-wrap .contents-slider .swiper-button-prev:after {
  content: "";
}
.contents-wrap .contents-slider .swiper-button-next,
.contents-wrap .contents-slider .swiper-container-rtl .swiper-button-prev {
  right: 1rem;
}
.contents-wrap .contents-slider .swiper-button-prev,
.contents-wrap .contents-slider .swiper-container-rtl .swiper-button-next {
  left: 1rem;
}
.contents-wrap .contents-slider .swiper-button-next {
  display: flex;
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/icon/ico_arrow_next.svg");
  background-repeat: no-repeat;
  background-position: 100%;
}
.contents-wrap .contents-slider .swiper-button-prev {
  display: flex;
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/icon/ico_arrow_prev.svg");
  background-repeat: no-repeat;
  background-position: 100%;
}
.contents-wrap .contents-slider .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 1rem;
}
.contents-wrap .contents-slider .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 1.4rem;
  background-color: #C7C7C7;
  opacity: 1;
}
.contents-wrap .contents-slider .swiper-pagination-bullet-active {
  background: #2D2930;
}
.contents-wrap .contents-slider .swiper-button-next.swiper-button-disabled,
.contents-wrap .contents-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}

body {
  background-color: transparent;
  background-image: none;
}

.pdfViewer .page {
  margin: 0 auto;
  border: 0;
  background: transparent;
}

html[dir=ltr] #viewerContainer {
  box-shadow: none;
}

.toolbar {
  display: none;
}

#viewerContainer,
.findbar,
.secondaryToolbar {
  top: 0;
}

.pdf_wrap .contents {
  padding-bottom: 3rem;
}
.pdf_wrap #pdf_viewer #viewerContainer {
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: inherit;
}
.pdf_wrap #pdf_viewer #mainContainer {
  position: static;
}

.diary-wrap {
  flex: 1;
}
.diary-wrap .diary-top-bg {
  width: 100%;
}
.diary-wrap .diary-top-bg > img {
  width: 100%;
}
.diary-wrap .form-diary-wrap {
  padding: 1.6rem;
  margin: 2.2rem 2rem 1rem 2rem;
  background: #ffffff;
  border-radius: 1rem;
}
.diary-wrap .btn-default-wrap .btn-default-layout-2 {
  width: 7rem;
}
.diary-wrap .btn-default-wrap .btn-default-layout-2:disabled {
  background-color: #E6E6E6;
  color: #ffffff;
}
.diary-wrap .result-area {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
}
.diary-wrap .tab-item.active .btn-tab {
  background-color: #222222;
}
.diary-wrap .btn-record {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 1.1rem 1.6rem;
  border: 1.5px solid #EFEFEF;
  border-radius: 6px;
  font-size: 1.4rem;
}
.diary-wrap .btn-record .icon-plus {
  content: "";
  background-image: url("../images/icon/ico_plus_b.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.4rem;
  height: 1.4rem;
}
.diary-wrap .graph-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
}
.diary-wrap .graph-header .graph-title {
  font-size: 1.4rem;
  color: #222222;
}
.diary-wrap .graph-header .graph-count {
  font-size: 1.2rem;
  color: #464646;
}
.diary-wrap .graph-header .graph-count strong {
  margin-left: 0.6rem;
  font-size: 1.6rem;
  color: #222222;
}
.diary-wrap.easi .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.diary-wrap.easi .easi-title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.4rem;
  font-weight: 600;
}
.diary-wrap.easi .check-icon:before {
  content: "";
  background-image: url("../images/icon/ico_check_gray.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 2.2rem;
  height: 2.2rem;
}
.diary-wrap.easi .check-icon.completed:before {
  background-image: url("../images/icon/ico_check_red.svg");
}
.diary-wrap.easi .arrow-icon:before {
  content: "";
  background-image: url("../images/icon/ico_arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
.diary-wrap.easi .card.on .arrow-icon {
  transform: rotate(-180deg);
}
.diary-wrap.easi .accordion-content {
  max-height: 0;
  overflow: hidden;
}
.diary-wrap.easi .card.on .accordion-content {
  max-height: 42.5rem;
  margin-top: 1.6rem;
  border-top: 1px solid #EFEFEF;
}
.diary-wrap.easi .rating-wrap {
  margin-top: 1.6rem;
}
.diary-wrap.easi .rating-wrap .rating-label {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
}
.diary-wrap.easi .rating-wrap .options-track {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0.2rem;
}
.diary-wrap.easi .rating-wrap .options-track:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1.4rem;
  right: 1.4rem;
  height: 0.1rem;
  background-color: #f2f2f2;
  z-index: 1;
}
.diary-wrap.easi .rating-wrap .options-track .option-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.diary-wrap.easi .rating-wrap .options-track .option-item .radio-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 6px solid #E6E6E6;
  margin-bottom: 0.4rem;
}
.diary-wrap.easi .rating-wrap .options-track .option-item input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.diary-wrap.easi .rating-wrap .options-track .option-item input[type=radio]:checked + .radio-circle {
  border-color: #FE7490;
}
.diary-wrap.easi .rating-wrap .options-track .option-item input[type=radio]:focus-visible + .radio-circle {
  outline: 2px solid #ff5277;
  outline-offset: 2px;
}
.diary-wrap.easi .rating-wrap .options-track .option-item .option-label {
  font-size: 1.1rem;
  user-select: none;
}
.diary-wrap.easi .easi-total-card {
  padding: 1.4rem 1.6rem;
  margin: 2rem 2rem 1rem 2rem;
  background-color: #ffffff;
  border: 1.5px solid #FE7490;
  border-radius: 10px;
}
.diary-wrap.easi .easi-total-card .easi-total-area {
  display: flex;
  justify-content: space-between;
}
.diary-wrap.easi .easi-total-card .easi-total-area .easi-total-title {
  font-size: 1.4rem;
  font-weight: 600;
}
.diary-wrap.easi .easi-total-score {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
}
.diary-wrap.easi .easi-total-score .score-value {
  font-size: 4rem;
  color: #FE7490;
  font-weight: 700;
}
.diary-wrap.easi .easi-total-score .score-unit {
  font-size: 1.6rem;
  font-weight: 500;
}
.diary-wrap .skin-calendar-flex {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
}
.diary-wrap .skin-calendar-flex > span {
  font-size: 1.4rem;
}
.diary-wrap .picture-add {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
  padding: 2.2rem 2rem;
  font-size: 1.6rem;
}
.diary-wrap .skin-record-textarea {
  width: 100%;
  max-width: stretch;
  height: 9rem;
  padding: 1.6rem;
  margin: 2rem;
  background: #ffffff;
  border-radius: 10px;
  font-size: 1.4rem;
}
.diary-wrap .skin-record-textarea::placeholder {
  color: #C0C0C0;
}
.diary-wrap .skin-record-textarea-2 {
  width: 100%;
  max-width: stretch;
  height: 5.2rem;
  padding: 1.6rem;
  margin: 1rem 0;
  background: #ffffff;
  border-radius: 10px;
  font-size: 1.4rem;
}
.diary-wrap .skin-record-textarea-2::placeholder {
  color: #C0C0C0;
}
.diary-wrap .skin-record-form-wrap {
  margin: 0 2rem;
}
.diary-wrap .skin-record-form-wrap .radio-area.radio-select-grid-area .radio-label {
  background-color: #E6E6E6;
}
.diary-wrap .skin-record-slider-wrap {
  padding: 0 2rem;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper.swiper {
  width: 100%;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper.swiper .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper.swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper.swiper .swiper-slide .btn-wrap {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  z-index: 10;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper.swiper .swiper-slide .btn-wrap button {
  padding: 1rem 1.8rem;
  opacity: 0.8;
  background-color: #464646;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 1.2rem;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-next,
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-prev {
  right: 0.8rem;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-next:after,
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-prev:after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 3.5rem;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-next.swiper-button-disabled,
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-next:after {
  background: url("../images/icon/ico_slider_arrow_next.svg") no-repeat 0 0/100% 100%;
}
.diary-wrap .skin-record-slider-wrap .swiper-box-wrap .skin-record-swiper .swiper-button-prev:after {
  background: url("../images/icon/ico_slider_arrow_prev.svg") no-repeat 0 0/100% 100%;
}
.diary-wrap .skin-record-slider-wrap .swiper-pagination {
  position: relative !important;
  bottom: auto !important;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.diary-wrap .skin-record-slider-wrap .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #E6E6E6;
  opacity: 1;
  margin: 0 !important;
}
.diary-wrap .skin-record-slider-wrap .swiper-pagination-bullet-active {
  background-color: #B873EB;
  width: 0.8rem;
  border-radius: 4px;
}
.diary-wrap .layout-area .layout-box-2.range-box {
  padding: 3rem 2rem;
}
.diary-wrap .footer {
  padding: 0rem 2.2rem;
}

/* 달력 */
.datepicker-custom {
  margin: 2rem 2rem 1rem 2rem;
}
.datepicker-custom .datepicker-inline .datepicker {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  border-color: transparent;
  color: #222222;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--nav {
  justify-content: center;
  min-height: auto;
  margin: 2rem 0;
  padding: 0;
  border-bottom: none;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action:hover,
.datepicker-custom .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-title:hover {
  background: none;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
  stroke-width: 0.15rem;
  stroke: #222222;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-title {
  padding: 0;
  border-radius: 0;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-title i {
  margin-left: 0;
  color: #222222;
  font-weight: 600;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content {
  padding: 0;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--day-name {
  font-size: 1.2rem;
  color: #C3C3C3;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--day-name.-weekend- {
  color: #FFA2B8;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--day-name.-weekend-:last-child {
  color: #7A8AFF;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day.-other-month-,
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell-year.-other-decade- {
  color: #C3C3C3;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell {
  height: 6.2rem;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day {
  font-size: 1.6rem;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-current- {
  color: #222222;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day.custom-cell:before,
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell-day.-selected-:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 1.2rem;
  background-color: #B873EB;
  z-index: 1;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-:before,
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-.-focus-:before {
  z-index: -1;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-,
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected-.-current- {
  background: transparent;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-focus- {
  background: transparent;
}
.datepicker-custom .datepicker-inline .datepicker .datepicker--content .datepicker--cell.-selected- {
  color: #ffffff;
}

.today {
  position: absolute;
  left: 50%;
  top: 1.4rem;
  transform: translateX(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-color: #FF96C9;
  border-radius: 100%;
  z-index: 3;
}

.volume-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.2rem;
  color: #C3C3C3;
}

.outline {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.8rem;
  height: 3.8rem;
  border: 0.25rem solid #B873EB;
  border-radius: 1.2rem;
  opacity: 0.3;
}

/* 차트 */
.chart .chart-record-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20.3rem;
  background-color: #F7F7F7;
  border-radius: 6px;
}
.chart .chart-record-wrap .empty-record-content {
  font-size: 1.4rem;
  color: #464646;
}

.survey-wrap {
  flex: 1;
}
.survey-wrap .survey-top-bg {
  width: 100%;
  margin-bottom: 2.2rem;
}
.survey-wrap .survey-top-bg > img {
  width: 100%;
}
.survey-wrap .form-survey-wrap {
  padding: 1.6rem;
  margin: 2.2rem 2rem 1rem 2rem;
  background: #ffffff;
  border-radius: 1rem;
}
.survey-wrap .footer {
  padding: 0rem 2.2rem;
}

.agree-wrap {
  flex: 1;
  padding: 3rem;
}
.agree-wrap.agree--wrap {
  padding: 0;
}
.agree-wrap p {
  font-size: 1.3rem;
}
.agree-wrap li {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.agree-wrap .agree__title {
  font-size: 2rem;
  font-weight: 700;
}
.agree-wrap .agree__cnt p {
  font-size: 1.2rem;
}
.agree-wrap .page-title {
  padding: 2.05rem;
}

.alert {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.alert__cnt {
  width: 100%;
}
.alert__cnt h3 {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 2rem;
}
.alert__logo {
  margin: auto;
  width: 17.5rem;
  text-align: center;
}
.alert__logo img {
  margin: auto;
}
.alert__ico {
  margin: auto;
  width: 4.2rem;
}
.alert__title {
  font-size: 2rem;
  text-align: center;
  color: #003279;
  font-weight: 700;
  line-height: 2.5rem;
}
.alert__txt {
  color: #464646;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
}
.alert__txt1 {
  margin-top: 3rem;
  padding: 0 30px;
}
.alert__txt2 {
  margin-top: 1.2rem;
  padding: 0 30px;
}

.etc-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: center;
}
.etc-wrap .etc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.etc-wrap .etc-text {
  margin-top: 0.6rem;
}
.etc-wrap .etc-text.etc-text-2 p:first-child {
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  color: #222222;
  font-weight: 500;
}
.etc-wrap .etc-text.etc-text-2 p:last-child {
  font-size: 1.4rem;
  color: #464646;
}
.etc-wrap .etc-text p {
  color: #C0C0C0;
}

.my-page-wrap {
  flex: 1;
}

.product-wrap {
  flex: 1;
}
.product-wrap input::placeholder {
  font-size: 1.4rem;
}
.product-wrap .form-wrap {
  margin-bottom: 1rem;
}

.refund-wrap {
  flex: 1;
}
.refund-wrap input::placeholder {
  font-size: 1.4rem;
}
.refund-wrap .agree-area {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #EFEFEF;
}
.refund-wrap .agree-area .check-box-area {
  margin-bottom: 1.5rem;
}
.refund-wrap .agree-area .check-box-area label {
  justify-content: initial;
}
.refund-wrap .agree-area .check-box-label {
  margin-bottom: 1.2rem;
}

/*# sourceMappingURL=styles.css.map */