@charset "UTF-8";
@import url("./reset.css");
:root {
  font-size: 1rem;
  --gap-size: 4rem;
  --gap-size-m: 2rem;
  --white: #fff;
  --black: #000;
  --gray-100: #EDEDED;
  --gray-200: #D1D1D1;
  --gray-400: #9E9E9E;
  --gray-600: #666666;
  --gray-700: #777777;
  --blue: #3D4CFF;
  --navy: #252B7E;
  --yellow: #FEEB6B;
  --scroll-bar-color: #959594;
  --height-100vh: 100vh;
  --font-300: "SamsungOneKorean 300", sans-serif;
  --font-400: "SamsungOneKorean 400", sans-serif;
  --font-500: "SamsungOneKorean 500", sans-serif;
  --font-600: "SamsungOneKorean 600", sans-serif;
  --font-700: "SamsungOneKorean 700", sans-serif;
  --font-300c: "SamsungOneKorean 300C", sans-serif;
  --font-400c: "SamsungOneKorean 400C", sans-serif;
  --font-500c: "SamsungOneKorean 500C", sans-serif;
  --font-600c: "SamsungOneKorean 600C", sans-serif;
  --font-700c: "SamsungOneKorean 700C", sans-serif;
  --font-num-500: "samsungsharpsans", sans-serif;
  --font-num-600: "samsungsharpsans-medium", sans-serif;
  --font-num-700: "samsungsharpsans-bold", sans-serif;
}
@media screen and (max-width: 750px) {
  :root {
    font-size: 2.6vw;
  }
}
@media screen and (max-width: 500px) {
  :root {
    font-size: 3.25vw;
  }
}

.fm_rd,
.fm_ch,
.fm_toggle {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  align-items: flex-start;
  cursor: pointer;
}
.fm_rd input,
.fm_ch input,
.fm_toggle input {
  width: 0.0625rem;
  height: 0.0625rem;
  left: -62.4375rem;
  position: absolute;
}
.fm_rd ._text,
.fm_ch ._text,
.fm_toggle ._text {
  font-size: 1.25rem;
}
@media screen and (max-width: 750px) {
  .fm_rd ._text,
  .fm_ch ._text,
  .fm_toggle ._text {
    font-size: 1.125rem;
  }
}

.fm_ch input:checked + ._style {
  color: var(--blue) !important;
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='구성 요소 3 – 27' viewBox='0 0 26 26'%3E%3Cg fill='%234452fd' stroke='%234452fd' stroke-width='2' data-name='타원 8'%3E%3Ccircle cx='13' cy='13' r='13' stroke='none'/%3E%3Ccircle cx='13' cy='13' r='12' fill='none'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M10.947 18.223 6.4 13.676a.7.7 0 0 1 0-.988l.988-.988a.7.7 0 0 1 .988 0l3.06 3.06L18 8.205a.7.7 0 0 1 .988 0l.988.988a.7.7 0 0 1 0 .988l-8.04 8.042a.7.7 0 0 1-.989 0Z' data-name='Icon awesome-check'/%3E%3C/svg%3E") !important;
}
.fm_ch input[disabled] + ._style, .fm_ch input[disabled=disabled] + ._style {
  color: var(--gray-500) !important;
  background-color: var(--gray-500) !important;
  border-color: var(--gray-500) !important;
}
.fm_ch ._style {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.625rem;
  width: 1.625rem;
  height: 1.625rem;
  text-align: center;
  border: 0.125rem solid #ccc;
  border-radius: 100%;
  margin-right: 1rem;
}
.fm_ch *:not(._styel) {
  line-height: 1.625rem;
}

.fm_rd input:checked + ._style {
  color: var(--blue) !important;
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='구성 요소 3 – 27' viewBox='0 0 26 26'%3E%3Cg fill='%234452fd' stroke='%234452fd' stroke-width='2' data-name='타원 8'%3E%3Ccircle cx='13' cy='13' r='13' stroke='none'/%3E%3Ccircle cx='13' cy='13' r='12' fill='none'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M10.947 18.223 6.4 13.676a.7.7 0 0 1 0-.988l.988-.988a.7.7 0 0 1 .988 0l3.06 3.06L18 8.205a.7.7 0 0 1 .988 0l.988.988a.7.7 0 0 1 0 .988l-8.04 8.042a.7.7 0 0 1-.989 0Z' data-name='Icon awesome-check'/%3E%3C/svg%3E") !important;
}
.fm_rd input[disabled] + ._style, .fm_rd input[disabled=disabled] + ._style {
  /* color: var(--gray-500) !important;
  background-color: var(--gray-500) !important;
  border-color: var(--gray-500) !important; */
}
.fm_rd ._style {
  order: 3;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.625rem;
  width: 1.625rem;
  height: 1.625rem;
  text-align: center;
  border: 0.125rem solid #ccc;
  border-radius: 100%;
  margin: 0 auto;
}
.fm_rd *:not(._styel) {
  line-height: 1.625rem;
}

.inp {
  outline: 0 !important;
  width: 100%;
  height: 4.125rem;
  padding: 0 0.9375rem;
  border: solid 2px var(--gray-100);
  border-radius: 0.625rem;
  font-size: 1.25rem;
  transition: border-color 0.3s;
  color: var(--gray-600);
  font-family: var(--font-600);
  /* &:focus{
  	border-color: var(--blue);
  } */
}
.inp.time {
  background: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.35 21.35'%3E%3Cg fill='none' stroke='%234452fd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' data-name='Icon feather-clock'%3E%3Cpath d='M20.35 10.675A9.675 9.675 0 1 1 10.675 1a9.675 9.675 0 0 1 9.675 9.675Z' data-name='패스 55'/%3E%3Cpath d='M10.675 4.87v5.8l3.87 1.935' data-name='패스 56'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--white);
  background-position: top 50% right 0.75rem;
  background-size: 1.3125rem 1.3125rem;
}
.inp:-webkit-autofill::first-line {
  font-size: 1.25rem;
}
.inp::-moz-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.inp::placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.inp::-webkit-input-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
}
.inp::-moz-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.inp:-ms-input-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
}
.inp[disabled], .inp[disabled=disabled] {
  color: #999 !important;
  background-color: #f2f2f2 !important;
}
.inp[readonly], .inp[readonly=readonly] {
  background-color: #f2f2f2;
}
.ttg_time_wrap .inp[readonly], .ttg_time_wrap .inp[readonly=readonly] {
  background-color: #fff;
}

.ta {
  outline: 0 !important;
  width: 100%;
  height: 4.125rem;
  padding: 0 0.9375rem;
  border: solid 2px var(--gray-100);
  border-radius: 0.625rem;
  font-size: 1.25rem;
  transition: border-color 0.3s;
  color: var(--gray-600);
  font-family: var(--font-600);
  /* &:focus{
  	border-color: var(--blue);
  } */
}
.ta:-webkit-autofill::first-line {
  font-size: 1.25rem;
}
.ta::-moz-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.ta::placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.ta::-webkit-input-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
}
.ta::-moz-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.ta:-ms-input-placeholder {
  color: #BFBFBF;
  background: transparent;
  border-color: var(--gray-100);
}
.ta[disabled], .ta[disabled=disabled] {
  color: #999 !important;
  background-color: #f2f2f2 !important;
}
.ta[readonly], .ta[readonly=readonly] {
  background-color: #f2f2f2;
}
.ttg_time_wrap .inp[readonly], .ttg_time_wrap .inp[readonly=readonly] {
  background-color: #fff;
}

select.sel {
  background-repeat: no-repeat;
  background-color: var(--white);
  background-position: top 50% right 0.75em;
  background-size: 1em 1.375em;
  height: 4.125rem;
  outline: 0 !important;
  width: 100%;
  padding: 0 2.5rem 0 0.9375rem;
  border: solid 2px var(--gray-100);
  font-size: 1.25rem;
  color: var(--gray-600);
  font-family: var(--font-600);
  transition: border-color 0.3s;
  border-radius: 0.625rem;
}
select.sel:invalid {
  color: #BFBFBF;
}
select.sel option {
  color: var(--gray-600);
}
select.sel.loation {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.5 22'%3E%3Cpath fill='%234452fd' d='M8.25 0A8.239 8.239 0 0 0 0 8.25C0 13.75 8.25 22 8.25 22s8.25-8.25 8.25-13.75A8.239 8.239 0 0 0 8.25 0Zm0 2.75a5.5 5.5 0 1 1-5.5 5.5 5.5 5.5 0 0 1 5.5-5.5Z' data-name='Icon open-map-marker'/%3E%3C/svg%3E");
  background-color: var(--white);
  background-position: top 50% right 0.75rem;
  background-size: 1rem 1.375rem;
}

.frm_time_wrap {
  width: 100%;
  height: 4.125rem;
  border: solid 2px var(--gray-100);
  border-radius: 0.625rem;
  color: var(--gray-600);
  font-family: var(--font-600);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.frm_time_wrap .inp {
  border: 0 !important;
  outline: 0 !important;
  background-color: transparent !important;
  text-align: right;
}
.frm_time_wrap .icon {
  flex: 0 1 auto;
}
.frm_time_wrap .icon svg {
  width: 9.375rem;
  height: 2.75rem;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .frm_time_wrap .icon svg {
    width: 5rem;
    height: 1.625rem;
  }
}
.frm_time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  width: 100%;
}
.frm_time .frm_time_text {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  justify-content: center;
  font-size: 1.25rem;
}
.frm_time .frm_time_placeholder {
  color: #bfbfbf;
}
.frm_time .frm_time_date {
  color: #000;
  font-size: 1.625rem;
  font-weight: bold;
  margin-right: 0.3125rem;
}
@media screen and (max-width: 750px) {
  .frm_time .frm_time_date {
    font-size: 1.5rem;
    letter-spacing: -0.025em;
  }
}
.frm_time .frm_time_date2 {
  font-size: 1.375rem;
}
@media screen and (max-width: 750px) {
  .frm_time .frm_time_date2 {
    font-size: 1.25rem;
    letter-spacing: -0.025em;
  }
}
.frm_time .cal_icon {
  display: block;
  margin-left: 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
  background: no-repeat center/1.25rem 1.4375rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.9 23'%3E%3Cpath fill='%234452fd' d='M3.101 23a3.106 3.106 0 0 1-3.1-3.1V5.2a3.106 3.106 0 0 1 3.1-3.1h2.148V1a1 1 0 0 1 1-1 1 1 0 0 1 1 1v1.1h6.4V1a1 1 0 0 1 1-1 1 1 0 0 1 1 1v1.1h2.148a3.1 3.1 0 0 1 3.1 3.1v14.7a3.1 3.1 0 0 1-3.1 3.1Zm-1.1-3.1a1.1 1.1 0 0 0 1.1 1.1h14.7a1.1 1.1 0 0 0 1.1-1.1v-9.5h-16.9Zm16.9-11.5V5.2a1.106 1.106 0 0 0-1.1-1.1h-2.148v1.1a1 1 0 0 1-1 1 1 1 0 0 1-1-1V4.1h-6.4v1.1a1 1 0 0 1-1 1 1 1 0 0 1-1-1V4.1H3.105a1.1 1.1 0 0 0-1.1 1.1v3.2Z'/%3E%3C/svg%3E");
}

a.btn, a[class*=btn_],
button.btn,
button[class*=btn_] {
  position: relative;
  overflow: hidden;
  z-index: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-clip: border-box;
  border: 0;
  outline: 0 !important;
  font-size: 1.375rem;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  word-break: keep-all;
  color: #666;
  background-color: var(--gray-100);
  border: solid 0.0625rem var(--gray-100);
  box-shadow: inset 0 0 0.0625rem 18.75rem rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s;
  will-change: box-shadow;
}
a.btn > span, a[class*=btn_] > span,
button.btn > span,
button[class*=btn_] > span {
  position: relative;
}
a.btn:active, a[class*=btn_]:active,
button.btn:active,
button[class*=btn_]:active {
  box-shadow: inset 0 0 0.0625rem 18.75rem rgba(0, 0, 0, 0.035);
}

a.btn,
button.btn {
  width: 22.25rem;
  height: 4.1875rem;
  padding: 1.25rem;
  font-family: var(--font-600);
  font-size: 1.375rem;
}
@media screen and (max-width: 750px) {
  a.btn,
  button.btn {
    height: 3.75rem;
    padding: 0.625rem;
    font-size: 1.125rem;
  }
}
a.btn_sm,
button.btn_sm {
  width: 11.25rem;
}
a.btn_rd,
button.btn_rd {
  border-radius: 6.25rem;
}
a.btn_auto,
button.btn_auto {
  width: auto !important;
}
a.btn_auto.btn,
button.btn_auto.btn {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
a.btn_full,
button.btn_full {
  width: 100%;
}

a.btn._disabled, a[class*=btn_]._disabled,
button.btn._disabled,
button[class*=btn_]._disabled {
  box-shadow: 0 0 !important;
  opacity: 0.5 !important;
  cursor: default;
}
a.btn.btn_c1, a[class*=btn_].btn_c1,
button.btn.btn_c1,
button[class*=btn_].btn_c1 {
  color: #fff;
  border-color: #bfbfbf;
  background-color: #bfbfbf;
}
a.btn.btn_c1._disabled, a[class*=btn_].btn_c1._disabled,
button.btn.btn_c1._disabled,
button[class*=btn_].btn_c1._disabled {
  border-color: #bfbfbf !important;
  background-color: #bfbfbf !important;
}
a.btn._active, a[class*=btn_]._active,
button.btn._active,
button[class*=btn_]._active {
  background-color: var(--blue);
  border-color: rgba(0, 0, 0, 0);
  color: var(--white);
}
a.btn._active._disabled, a[class*=btn_]._active._disabled,
button.btn._active._disabled,
button[class*=btn_]._active._disabled {
  border-color: #4452fd !important;
  background-color: #4452fd !important;
}

.btn_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 1.25rem;
}
.btn_box > * {
  flex: 1 1 auto;
}
.btn_box.nowrap {
  flex-wrap: nowrap;
}
.btn_box.btn_box_center {
  justify-content: center;
}
.btn_box.btn_box_btn_auto > * {
  flex: 0 1 auto;
}
.btn_box[data-gap="0"] {
  gap: 0;
}
.btn_box[data-gap="7"] {
  gap: 0.4375rem;
}
.btn_box[data-gap="10"] {
  gap: 0.625rem;
}
.btn_box[data-gap="15"] {
  gap: 0.9375rem;
}
.btn_box[data-gap="20"] {
  gap: 1.25rem;
}
.btn_box .break {
  flex-basis: 100%;
  height: 0;
}
.btn_box .btn_full {
  flex-basis: 100% !important;
}
@media screen and (max-width: 500px) {
  .btn_box .btn_sm {
    width: 50%;
  }
}

.popup_wrap {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: var(--gap-size);
  word-break: keep-all;
  opacity: 0;
  transition: opacity 0.2s linear, z-index 0s 0.3s;
  will-change: opacity;
  display: flex !important;
  z-index: -1009;
}
@media screen and (max-width: 767.9px) {
  .popup_wrap {
    padding: var(--gap-size-m);
  }
}
.popup_wrap[style*="display: block"] {
  transition: opacity 0.2s linear;
  opacity: 1;
  z-index: 1009;
}
.popup_wrap .datepick-month-row {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}
@media screen and (max-width: 767.9px) {
  .popup_wrap .datepick-month-row {
    flex-direction: column;
  }
}
.popup_wrap .datepick-month {
  width: 100%;
}
.popup_wrap .datepick-month thead tr:first-child th {
  padding-bottom: 0.9375rem;
}
.popup_wrap .datepick-month thead .monthHeader {
  font-size: 1.25rem;
  color: var(--black);
  padding: 1.5625rem 0.625rem;
}
.popup_wrap .datepick-month * {
  font-size: 1.125rem;
  font-weight: bold;
}
.popup_wrap .popup_bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.popup_wrap .popup_box {
  position: relative;
  width: 100%;
  max-height: 100%;
  max-width: 27.8125rem;
  background: var(--white);
  border-radius: 1.25rem;
  padding: 3.125rem;
}
.popup_wrap .popup_box.return {
  max-width: 50rem;
}
.popup_wrap .popup_box.return img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup_wrap .popup_box.privacy {
  max-width: 43.75rem;
}
.popup_wrap .popup_box.datepicker {
  max-width: 62.5rem;
  padding: 4.0625rem;
}

@media screen and (max-width: 767.9px) {
  .popup_wrap .popup_box.datepicker {
    padding: 2rem;
  }
  .popup_wrap .popup_box.datepicker .popup_title_box {
    margin-bottom: 0.625rem;
  }
}
.popup_wrap .popup_scroll {
  background: var(--gray-111);
  border: solid 1px var(--gray-333);
  overflow: overlay;
  width: 100%;
  height: 100%;
  max-height: calc(var(--height-100vh) - var(--gap-size) * 4);
  margin: auto;
}

html:not(.mobile) .popup_wrap .popup_scroll::-webkit-scrollbar {
  width: 5px;
}
html:not(.mobile) .popup_wrap .popup_scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6.25rem;
}

.popup_wrap .popup_title_box {
  display: flex;
  justify-content: space-between;
  margin-bottom:2rem
}
.popup_wrap .popup_title_box button {
  width: 1.875rem;
  height: 1.875rem;
  text-indent: -6250000rem;
  background: url("../_images/common/ico_close.svg") no-repeat center;
  background-size: contain;
}
.popup_wrap .popup_title {
  font-size: 1.625rem;
  font-family: var(--font-700);
}
.popup_wrap .popup_con {
  color: #666;
}
.popup_wrap .popup_con img {
  display: block;
  width: 100%;
}
.popup_wrap .popup_con p {
  margin-top: 1.0625rem;
  font-family: var(--font-400c);
  font-size: 1.25rem;
  line-height: 1.36;
  text-align: left;
  letter-spacing: -0.025em;
}
.popup_wrap .btn_box {
  margin-top: 3.125rem;
}
.popup_wrap .btn_box .btn {
  width: 30%;
  border-radius: 0.625rem;
  height: 3.5625rem;
  font-family: var(--font-600c);
  font-size: 1.25rem;
}
@media screen and (max-width: 767.9px) {
  .popup_wrap .btn_box .btn {
    font-size: 1.0625rem;
  }
}
.popup_wrap .agree-popup__desc {
  font-size: 1rem;
  color: var(--black);
}
.popup_wrap .agree-popup__table {
  margin-top: 2rem;
}
.popup_wrap .agree-popup__table th {
  background-color: var(--blue);
  color: var(--white);
}
.popup_wrap .agree-popup__table th, .popup_wrap .agree-popup__table td {
  width: 33%;
  font-size: 0.9rem;
  padding: 1rem;
  word-break: keep-all;
  border: 1px solid #ccc;
}

br.mo, br.sm_mo {
  display: none;
}
br.none {
  display: none;
}
@media screen and (max-width: 750px) {
  br.mo {
    display: block;
  }
  br.mo_none {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  br.sm_mo {
    display: block;
  }
  br.sm_mo_none {
    display: none;
  }
}

/* 
Created on: 17 Sep, 2014, 4:29:37 PM
Author: senthil
*/
.time_pick {
  position: relative;
  width: 100%;
}
.time_pick input {
  cursor: pointer;
}

.timepicker_wrap {
  display: none;
  width: 100%;
  position: absolute;
  background-color: var(--white);
  z-index: 1;
  border: solid 2px var(--gray-100);
  border-radius: 0.625rem;
  font-size: 1.875rem;
}
.timepicker_wrap .wrap {
  display: flex;
  align-items: center;
  padding: 1.875rem;
  flex-flow: row wrap;
  justify-content: center;
}
.timepicker_wrap .time .ti_tx,
.timepicker_wrap .mi_tx,
.timepicker_wrap .mer_tx {
  width: 100%;
  text-align: center;
  margin: 0rem 0;
}
.timepicker_wrap .time,
.timepicker_wrap .col,
.timepicker_wrap .mins {
  display: inline-block;
  width: 30%;
}
.timepicker_wrap .prev,
.timepicker_wrap .next {
  cursor: pointer;
  padding: 1.125rem;
  width: 28%;
  margin: auto;
  background: url(../_images/common/ico_arrow.svg) no-repeat center;
  border-radius: 0.3125rem;
}
.timepicker_wrap .col {
  width: auto;
}
.timepicker_wrap .btn {
  width: 80%;
  font-size: 1rem;
  padding: 0.625rem;
  margin-top: 0.875rem !important;
  height: auto;
}
.timepicker_wrap .prev {
  transform: rotate(180deg);
}
.timepicker_wrap .time_pick {
  position: relative;
}
.timepicker_wrap .time_pick input {
  cursor: pointer;
}
.timepicker_wrap .timepicker_wrap {
  padding: 0.625rem;
  border-radius: 0.3125rem;
  z-index: 998;
  display: none;
  box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.35);
  background: #f6f6f6;
  border: 1px solid #ccc;
  float: left;
  position: absolute;
  top: 0.3125rem;
  left: 0;
}
.timepicker_wrap .arrow_top {
  position: absolute;
  top: -10px;
  left: 20px;
  background: url(../images/top_arr.png) no-repeat;
  width: 18px;
  height: 10px;
  z-index: 999;
}
.timepicker_wrap input.timepicki-input {
  border: 0;
  float: none;
  margin: 0;
  text-align: center;
  width: 60%;
  font-size: 1.25rem;
  font-weight: bold;
}
.timepicker_wrap a.reset_time {
  float: left;
  margin-top: 0.3125rem;
  color: #000;
}

body {
  width: 100%;
  overflow-x: hidden;
  min-height: 100%;
  min-height: -webkit-fill-available;
  min-height: -moz-available;
  min-height: fill-available;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  touch-action: manipulation;
  background-color: var(--black);
  transition: opacity 0.2s linear;
  will-change: opacity;
  font-family: "SamsungOneKorean 400", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Helvetica Neue", "Helvetica", "Arial", "apple color emoji", "segoe ui emoji", "noto color emoji", "android emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif;
  background: var(--blue);
}
html._disable body {
  overflow: hidden !important;
}

html:not(.mobile) body {
  overflow: overlay;
}
html:not(.mobile) body::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
}
html:not(.mobile) body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6.25rem;
}

body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--blue) repeat-x center bottom;
  background-image: url(../_images/common/bg_img_01.png);
  background-attachment: fixed;
  z-index: -1;
}

@media screen and (max-width: 750px) {
  body::before {
    position: absolute;
    height: 137vw;
    background: var(--blue) no-repeat center center/cover;
    background-attachment: initial;
    background-size: 170%;
    background-image: url(../_images/common/bg_img_01_m1.png);
  }
}
@media screen and (max-width: 500px) {
  body::before {
    height: 168.6vw;
  }
}
@media screen and (max-width: 750px) {
  body.faq-body::before {
    height: 108vw;
  }
  body.faq-body .top_description.type2 {
    margin-bottom: 10rem;
  }
}

@media screen and (max-width: 750px) {
	.top_description{font-size:2.2rem !important;}
}

@media screen and (max-width: 500px) {
  .top_description{font-size:1.75rem !important;}
  body.faq-body .top_description.type2 {
    margin-bottom: 7rem;
  }
}

figure {
  overflow: hidden;
  border-radius: 1.875rem;
}
figure img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.s24 {
  font-family: var(--font-num-700);
}

#header {
  --height: 6.875rem;
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  color: var(--white);
  height: var(--height);
}
@media screen and (max-width: 1400px) {
  #header {
    position: absolute;
  }
}
@media screen and (max-width: 750px) {
  #header {
    position: absolute;
  }
}
#header .inner {
  display: flex;
  align-items: center;
  padding: 0 2.5rem;
  height: var(--height);
}
#header #logo {
  width: 4.875rem;
  height: 4.9375rem;
  overflow: hidden;
  background: no-repeat center/4.875rem 4.9375rem;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78.049 79.581'%3E%3Cpath fill='%23fff' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' d='M19.972 79.081A19.473 19.473 0 0 1 .5 59.608V19.783A19.285 19.285 0 0 1 19.786.499H37.768l.167.006h.009l.167.007h.017l.164.009h.03l.162.01h.022l.169.012h.008l.171.014h.009l.168.015h.022l.165.016h.02l.168.019h.009l.167.02h.01l.166.021h.022l.16.022h.026l.161.024h.015c.113.017.228.036.34.055h.014l.167.03h.014l.167.031h.01c.115.022.228.045.342.069h.009l.166.036h.013l.165.037h.01c.113.026.227.053.339.082h.006l.167.043h.009l.166.044h.008c.113.031.227.063.339.1l.166.049h.01l.164.05h.006q.253.079.5.164.42.144.831.306a19.369 19.369 0 0 1 10.709 10.462c.292-.081.563-.153.81-.217l.028-.007.216-.054.022-.006.047-.011.03-.007h.017a6.669 6.669 0 0 1 .983-.185c.222-.015.425-.021.61-.021a3.075 3.075 0 0 1 2.012.49c.169.068 1.063.305 1.1.721.011.126-.009.513-.593.861l-.028.017c-5.271 2.542-13.418 2.766-17.049 2.766h-.705l-2.613-3.464.943-.239 3.355 2.421c1.639-.407 3.342-.882 4.958-1.349l-4.588-3.123-.155-1.573.56-.047 1.183 1.462 3.679 1.52-.092-.134-.018-.025-.072-.1-.033-.046-.059-.082-.039-.054-.053-.072-.043-.058-.05-.067-.2-.26-.028-.037-.066-.084-.029-.037-.067-.085-.026-.033-.071-.089-.017-.02a19.373 19.373 0 0 0-7.137-5.476q-.329-.147-.665-.282h-.01l-.122-.048-.022-.009-.12-.046-.019-.007q-.262-.1-.528-.193h-.013l-.117-.04-.034-.011-.111-.037-.037-.012-.111-.036-.03-.01q-.187-.06-.375-.116l-.029-.009-.1-.03-.052-.015-.1-.028-.053-.015-.1-.027-.055-.015-.1-.027-.042-.011-.2-.051-.055-.014-.091-.022-.067-.016-.088-.021-.069-.016-.088-.02-.071-.016-.088-.019-.071-.015-.1-.021-.136-.027-.074-.014-.088-.017-.078-.015-.083-.015-.079-.014-.086-.015-.076-.013-.093-.015-.069-.011-.135-.021-.08-.012-.105-.015-.072-.01-.094-.013-.072-.009-.1-.012-.07-.009-.1-.011-.069-.008-.124-.013h-.041l-.163-.016-.06-.005-.107-.01-.07-.006-.1-.008-.073-.005-.1-.007h-.065l-.117-.007h-.054l-.167-.009h-.041l-.127-.005H23.09q-.562 0-1.116.032A19.284 19.284 0 0 0 3.806 23.11v33.179A19.471 19.471 0 0 0 23.279 75.76h10.586a19.294 19.294 0 0 0 19.262-18.177q.032-.554.032-1.116v-2.711a.194.194 0 0 0-.194-.194H22.004a.2.2 0 0 1-.117-.038l-3.945-2.937a.188.188 0 0 1-.078-.159.194.194 0 0 1 .195-.189h52.6a.2.2 0 0 0 .193-.166.2.2 0 0 0 0-.03l-.011-2.828a.191.191 0 0 1 .174-.194h.02a.194.194 0 0 1 .136.056l6.288 6.152a.194.194 0 0 1-.136.333H56.671a.192.192 0 0 0-.192.194v6.036a19.3 19.3 0 0 1-19.3 19.293Zm12.647-17.7a2.957 2.957 0 0 1 2.978-3 2.861 2.861 0 0 1 2.948 2.948v.5h-4.663a1.7 1.7 0 0 0 1.764 1.353 1.7 1.7 0 0 0 1.588-1.01l1.087.627a2.9 2.9 0 0 1-2.675 1.548 2.909 2.909 0 0 1-3.026-2.966Zm1.332-.656h3.253a1.522 1.522 0 0 0-1.607-1.176 1.7 1.7 0 0 0-1.646 1.176Zm-13.333.646a2.834 2.834 0 0 1 2.841-2.988 2.4 2.4 0 0 1 1.842.8v-.686h1.322v5.732h-1.322v-.746a2.379 2.379 0 0 1-1.861.863 2.87 2.87 0 0 1-2.822-2.973Zm1.3-.019a1.735 1.735 0 0 0 1.733 1.782 1.726 1.726 0 0 0 1.714-1.782 1.722 1.722 0 0 0-1.714-1.765 1.725 1.725 0 0 0-1.729 1.766Zm17.213 2.88v-7.251h1.332v7.251Zm-9.867 0L27.08 58.5h1.381l1.479 4.037 1.45-4.037h1.362l-2.155 5.732Zm-12.491 0V58.5h1.313v.853a1.464 1.464 0 0 1 1.469-.853 2.023 2.023 0 0 1 1.01.245l-.5 1.255a1.339 1.339 0 0 0-.795-.226c-.763 0-1.175.412-1.175 1.4v3.057Zm-.823 0c-1.773 0-2.312-.569-2.312-2.391v-2.157h-.979v-1.185h.979v-.872l1.332-.912v1.784h1.166v1.185H14.97v2.146c0 1 .137 1.157 1.166 1.157v1.245Zm2.469-10.675-4.466-3.323h2.232l4.466 3.323Zm-3.349 0-4.466-3.323h2.234l4.465 3.323Zm45.385-6.723a6.965 6.965 0 0 1-2.262-1.469 6.9 6.9 0 0 1-1.511-2.191 6.588 6.588 0 0 1-.552-2.677 6.647 6.647 0 0 1 .552-2.7 6.9 6.9 0 0 1 1.511-2.191 6.933 6.933 0 0 1 2.262-1.467 7.072 7.072 0 0 1 1.8-.471l1.946-4.651-3.856-8.993h2.313l2.619 6.429 2.473-6.429h2.283l-5.591 13.678a6.942 6.942 0 0 1 1.554.437 7.109 7.109 0 0 1 2.263 1.467 6.859 6.859 0 0 1 1.524 2.191 6.677 6.677 0 0 1 .55 2.7 6.619 6.619 0 0 1-.55 2.677 6.858 6.858 0 0 1-1.524 2.191 7.143 7.143 0 0 1-2.263 1.469 7.212 7.212 0 0 1-2.765.529 7.308 7.308 0 0 1-2.772-.528Zm1.194-9.944a3.85 3.85 0 0 0-1.264.836 3.884 3.884 0 0 0-.833 1.241 3.86 3.86 0 0 0-.305 1.528 3.8 3.8 0 0 0 .305 1.507 3.866 3.866 0 0 0 .833 1.241 3.85 3.85 0 0 0 1.264.836 4.078 4.078 0 0 0 1.583.307 3.987 3.987 0 0 0 1.571-.307 4.048 4.048 0 0 0 1.266-.836 3.8 3.8 0 0 0 .842-1.241 3.792 3.792 0 0 0 .305-1.507 3.851 3.851 0 0 0-.305-1.528 3.814 3.814 0 0 0-.842-1.241 4.048 4.048 0 0 0-1.266-.836 4.02 4.02 0 0 0-1.571-.307 4.112 4.112 0 0 0-1.578.307Zm-18.271 9.788a8.61 8.61 0 0 1-2.812-1.865 8.216 8.216 0 0 1-1.8-2.733 8.616 8.616 0 0 1-.635-3.295 8.586 8.586 0 0 1 .657-3.349 8.333 8.333 0 0 1 1.816-2.724 8.631 8.631 0 0 1 2.766-1.829 8.942 8.942 0 0 1 3.5-.674 9.765 9.765 0 0 1 2.509.309 8.914 8.914 0 0 1 2.168.88 8.41 8.41 0 0 1 1.78 1.36 8.311 8.311 0 0 1 1.324 1.725l-2.812 1.53a5.425 5.425 0 0 0-2.027-2.029 5.934 5.934 0 0 0-2.918-.682 5.526 5.526 0 0 0-2.215.441 5.827 5.827 0 0 0-1.782 1.185 5.305 5.305 0 0 0-1.183 1.737 5.39 5.39 0 0 0-.422 2.121 5.45 5.45 0 0 0 .422 2.146 5.308 5.308 0 0 0 1.183 1.737 5.547 5.547 0 0 0 1.818 1.174 6.026 6.026 0 0 0 2.3.429 5 5 0 0 0 3.2-1.008 5.045 5.045 0 0 0 1.746-2.7H46.5v-3.046h8.884v1.264a9.3 9.3 0 0 1-.586 3.295 8.223 8.223 0 0 1-1.676 2.73 7.987 7.987 0 0 1-2.636 1.863 8.41 8.41 0 0 1-3.47.691 9.329 9.329 0 0 1-3.633-.683Zm-18.1.156a6.986 6.986 0 0 1-2.262-1.469 6.93 6.93 0 0 1-1.511-2.191 6.587 6.587 0 0 1-.55-2.677 6.645 6.645 0 0 1 .55-2.7 6.932 6.932 0 0 1 1.511-2.191 6.953 6.953 0 0 1 2.262-1.467 7.274 7.274 0 0 1 2.777-.531 7.2 7.2 0 0 1 2.767.531 7.1 7.1 0 0 1 2.261 1.467 6.852 6.852 0 0 1 1.524 2.191 6.645 6.645 0 0 1 .55 2.7 6.587 6.587 0 0 1-.55 2.677 6.85 6.85 0 0 1-1.524 2.191 7.134 7.134 0 0 1-2.261 1.469 7.229 7.229 0 0 1-2.767.529 7.308 7.308 0 0 1-2.777-.528Zm1.2-9.944a3.839 3.839 0 0 0-1.266.836 3.916 3.916 0 0 0-.833 1.241 3.86 3.86 0 0 0-.305 1.528 3.8 3.8 0 0 0 .305 1.507 3.9 3.9 0 0 0 .833 1.241 3.839 3.839 0 0 0 1.266.836 4.061 4.061 0 0 0 1.581.307 3.983 3.983 0 0 0 1.571-.307 4.052 4.052 0 0 0 1.266-.836 3.8 3.8 0 0 0 .844-1.241 3.792 3.792 0 0 0 .305-1.507 3.851 3.851 0 0 0-.305-1.528 3.82 3.82 0 0 0-.844-1.241 4.052 4.052 0 0 0-1.266-.836 4.015 4.015 0 0 0-1.571-.307 4.1 4.1 0 0 0-1.584.307Zm-9.692 10.451V33.273h-4.57v-3.046h12.352v3.046h-4.594v14.064Zm25.613-18.222a4.667 4.667 0 0 1-1.488-.919 4.585 4.585 0 0 1-1.061-1.481 4.724 4.724 0 0 1-.4-1.989 4.859 4.859 0 0 1 .394-2.006 4.518 4.518 0 0 1 1.045-1.479 4.467 4.467 0 0 1 1.492-.921 4.892 4.892 0 0 1 1.728-.318 4.331 4.331 0 0 1 1.72.337 3.6 3.6 0 0 1 1.3.919v-1.24h2.168v9.4h-2.168v-1.337a3.528 3.528 0 0 1-1.317.991 4.185 4.185 0 0 1-1.735.362 4.616 4.616 0 0 1-1.677-.318Zm.914-6.925a2.879 2.879 0 0 0-.906.573 2.572 2.572 0 0 0-.6.861 2.645 2.645 0 0 0-.218 1.07 2.7 2.7 0 0 0 .218 1.079 2.635 2.635 0 0 0 .6.876 2.8 2.8 0 0 0 .906.58 2.944 2.944 0 0 0 1.117.211 2.926 2.926 0 0 0 1.125-.211 2.6 2.6 0 0 0 .883-.588 2.913 2.913 0 0 0 .588-.876 2.678 2.678 0 0 0 .214-1.072 2.636 2.636 0 0 0-.214-1.055 2.809 2.809 0 0 0-.588-.868 2.637 2.637 0 0 0-.883-.58 2.925 2.925 0 0 0-1.125-.213 2.943 2.943 0 0 0-1.12.214Zm-15.777 6.925a4.644 4.644 0 0 1-1.486-.919 4.57 4.57 0 0 1-1.061-1.481 4.732 4.732 0 0 1-.4-1.989 4.828 4.828 0 0 1 .394-2.006 4.51 4.51 0 0 1 1.045-1.479 4.467 4.467 0 0 1 1.492-.921 4.892 4.892 0 0 1 1.727-.318 4.332 4.332 0 0 1 1.72.337 3.6 3.6 0 0 1 1.3.919v-1.24h2.168v9.4h-2.168v-1.337a3.527 3.527 0 0 1-1.319.991 4.174 4.174 0 0 1-1.735.362 4.624 4.624 0 0 1-1.68-.318Zm.916-6.925a2.9 2.9 0 0 0-.908.573 2.6 2.6 0 0 0-.6.861 2.613 2.613 0 0 0-.218 1.07 2.67 2.67 0 0 0 .218 1.079 2.659 2.659 0 0 0 .6.876 2.823 2.823 0 0 0 .908.58 2.949 2.949 0 0 0 1.117.211 2.924 2.924 0 0 0 1.125-.211 2.608 2.608 0 0 0 .884-.588 2.912 2.912 0 0 0 .587-.876 2.67 2.67 0 0 0 .215-1.072 2.628 2.628 0 0 0-.215-1.055 2.807 2.807 0 0 0-.587-.868 2.644 2.644 0 0 0-.884-.58 2.922 2.922 0 0 0-1.125-.213 2.948 2.948 0 0 0-1.12.214Zm-13.247 6.772a5.884 5.884 0 0 1-1.929-1.277 5.645 5.645 0 0 1-1.236-1.874 5.916 5.916 0 0 1-.435-2.257 5.89 5.89 0 0 1 .45-2.3 5.753 5.753 0 0 1 1.247-1.867 5.877 5.877 0 0 1 1.9-1.255 6.159 6.159 0 0 1 2.4-.462 6.727 6.727 0 0 1 1.72.211 6.113 6.113 0 0 1 1.484.6 5.809 5.809 0 0 1 1.223.932 5.7 5.7 0 0 1 .906 1.185l-1.927 1.047a3.7 3.7 0 0 0-1.39-1.39 4.047 4.047 0 0 0-2-.467 3.772 3.772 0 0 0-1.518.3 3.984 3.984 0 0 0-1.223.812 3.688 3.688 0 0 0-.812 1.191 3.7 3.7 0 0 0-.288 1.456 3.735 3.735 0 0 0 .288 1.469 3.688 3.688 0 0 0 .812 1.191 3.828 3.828 0 0 0 1.245.8 4.148 4.148 0 0 0 1.575.294 3.436 3.436 0 0 0 2.192-.689 3.472 3.472 0 0 0 1.2-1.848h-3.745v-2.089h6.09v.868a6.368 6.368 0 0 1-.4 2.257 5.65 5.65 0 0 1-1.149 1.87 5.475 5.475 0 0 1-1.809 1.279 5.781 5.781 0 0 1-2.377.473 6.379 6.379 0 0 1-2.499-.459Zm20.79.456v-11.89h2.185v11.89Zm21.337 0-2.3-3.133-2.232 3.133h-2.652l3.536-4.787-3.406-4.611h2.65l2.138 2.988 2.121-2.988h2.569l-3.374 4.643 3.6 4.755Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#header #logo span {
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  font-size: 1px;
}
#header #logo a {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 500px) {
  #header #logo {
    width: 4.1875rem;
    height: 4.1875rem;
  }
}
@media screen and (max-width: 750px) {
  #header .inner {
    padding: 0 1.25rem;
  }
}

#gnb {
  margin-left: auto;
  display: flex;
  flex-wrap: nowrap;
  height: var(--height);
  align-items: center;
}
#gnb ul {
  display: flex;
  margin-right: 0.5rem;
}
#gnb ul:last-child {
  margin-right: 0;
}
@media screen and (max-width: 500px) {
  #gnb ul:last-child span {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  #gnb ul:last-child {
    border-radius: 0.9375rem;
  }
}
#gnb ul > li.menu3 svg {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  filter: none !important;
}
@media screen and (max-width: 500px) {
  #gnb ul > li.menu3 svg {
    display: block;
  }
}
#gnb ul > li.menu3 svg path {
  fill: #3D4CFF;
}
@media screen and (max-width: 500px) {
  #gnb ul > li.menu3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8125rem;
    height: 2.625rem;
  }
  #gnb ul > li.menu3 a {
    padding: 0 !important;
  }
}
#gnb ul > li._active a {
  color: var(--navy);
  background-color: var(--white);
  padding: 0 1.25rem;
  font-family: var(--font-700);
  margin-left: -1px;
  border-top-right-radius: 0;
  border-top-right-radius: 0;
}
#gnb ul > li._active a svg path {
  fill: var(--navy);
}
#gnb ul > li._active + li a {
  padding-left: 0.75rem;
}
@media screen and (max-width: 500px) {
  #gnb ul > li._active + li a span {
    display: none;
  }
}
#gnb ul > li._active + li a svg {
  display: none;
}
@media screen and (max-width: 500px) {
  #gnb ul > li._active + li a svg {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
  }
}
#gnb ul > li:first-child._active a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#gnb ul > li:last-child._active a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#gnb ul a {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--font-600);
  color: var(--white);
  font-size: 1.125rem;
  height: 3rem;
  padding: 0 1.25rem;
  border-radius: 2.5rem;
}
#gnb ul a svg {
  width: 1.25rem;
  height: 1.25rem;
}
#gnb ul a svg path {
  fill: var(--white);
}
@media screen and (max-width: 500px) {
  #gnb ul a {
    font-size: 0.9375rem;
  }
}
#gnb .gnb_box {
  border-radius: 3rem;
  border: solid 2px var(--white);
}
#gnb .gnb_box > li:last-child a {
  padding-right: 1.25rem;
}

#footer {
  margin-top: 6.25rem;
  padding: 4.625rem 0 5.3125rem;
  background-color: var(--navy);
  color: var(--white);
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 500px) {
  #footer {
    margin-top: 0;
  }
}
#footer a {
  color: yellow;
	font-family:var(--font-600);
}

.ft_info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 35rem;
}
.ft_info > li {
  margin-bottom: 0.25rem;
  padding: 2px 0.25rem;
  display: flex;
  align-items: center;
}
.ft_info > li.mo::before {
  content: "";
}
@media screen and (max-width: 500px) {
  .ft_info > li.mo::before {
    display: block;
    height: 0.8em;
    padding-right: 0.5rem;
    border-left: 1px solid var(--gray-100);
  }
}
.ft_info > li:not(._none_line)::before {
  content: "";
  display: block;
  height: 0.8em;
  padding-right: 0.5rem;
  border-left: 1px solid var(--gray-100);
}
.ft .copy {
  text-align: center;
  color: var(--gray-400);
  margin-top: 2rem;
}

#con {
  max-width: 45.625rem;
  width: 100%;
  margin: 0 auto;
  min-height: 80vh;
}
@media screen and (max-width: 750px) {
  #con {
    max-width: 100%;
  }
}

.con_top {
  color: var(--white);
  text-align: center;
  margin-top: 6.875rem;
}
@media screen and (max-width: 750px) {
  .con_top {
    margin-top: 7.5rem;
    padding: 0 0.625rem;
  }
}
@media screen and (max-width: 500px) {
  .con.completed {
    padding: 0 1rem;
  }
}

#con.contents {
  max-width: 1000px;
}

.top_title_img {
  display: none;
}
.top_title {
  font-family: var(--font-600);
  font-size: 1.4375rem;
  margin-bottom: 0.5rem;
  line-height: 1.35;
  text-align: center;
  color: #fff954;
}
.top_description {
  font-family: var(--font-700);
  font-size: 2.5rem;
  line-height: 1.25;
  color: var(--white);
}
@media screen and (max-width: 500px) {
  .top_description {
    font-size: 1.75rem;
  }
}
.top_description.type2 {
  margin-bottom: 4.375rem;
}
@media screen and (max-width: 750px) {
  .top_description.type2 {
    margin-bottom: 10.375rem;
  }
}
.step_box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.4375rem;
  margin: 1.75rem auto 4.375rem;
}
@media screen and (max-width: 750px) {
  .step_box {
    margin: 1.75rem auto 0;
  }
}

.step_item._active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 97 39'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M751 301.72h97v39h-97z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-751 -301.72)'%3E%3Cpath fill='%23fff' d='M815.364 304.006c-.142-.526-1.343-.629-1.577-.676s-.914-.637-3.473-.008a55.089 55.089 0 0 0-6.266 2.899l-8.12-1.79-1.852-1.61-.71.188.553 1.985 6.605 2.972a182.79 182.79 0 0 1-6.063 2.857l-4.86-2.349-1.16.523 4.146 3.857c4.071-.689 15.542-2.8 22.176-7.574.708-.592.642-1.108.598-1.27'/%3E%3Crect width='97' height='4' fill='%23feeb6b' data-name='react' rx='2' transform='translate(751 324)'/%3E%3C/g%3E%3C/svg%3E");
}
.step_item {
  min-width: 6.0625rem;
  padding-top: 3.1875rem;
  display: block;
  background: no-repeat top center/6.0625rem 3.1875rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='97' height='39' viewBox='0 0 97 39'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='react' width='97' height='39' transform='translate(751 301.72)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='_active' transform='translate(-751 -301.72)' clip-path='url(%23clip-path)'%3E%3Crect id='react-2' data-name='react' width='97' height='4' rx='2' transform='translate(751 324)' fill='rgba(255,255,255,0.5)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.con_box {
  background: var(--white);
  padding: 4.375rem;
  border-radius: 4.375rem;
}
@media screen and (max-width: 750px) {
  .con_box {
    border-radius: 2.5rem;
    padding: 4.375rem 2.5rem;
  }
}
@media screen and (max-width: 500px) {
  .con_box {
    padding: 4.375rem 1.5625rem;
    border-radius: 2.5rem 2.5rem 0 0;
  }
  .con_box.type2 {
    border-radius: 2.5rem;
    border-radius: 2.5rem 2.5rem 0 0;
  }
}
.con_box2 {
  margin: 3.75rem auto 0;
  max-width: 37.5rem;
  padding: 4.375rem;
  border-radius: 4.375rem;
  border: 2px solid var(--gray-200);
  -webkit-border-radius: 4.375rem;
  -moz-border-radius: 4.375rem;
  -ms-border-radius: 4.375rem;
  -o-border-radius: 4.375rem;
  -webkit-backdrop-filter: blur(0.9375rem);
          backdrop-filter: blur(0.9375rem);
}
.con_box2 .ticket-box {
  position: relative;
}
@media screen and (max-width: 500px) {
  .con_box2 {
    padding: 0;
    border: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.con_box2 .btn-wrap {
  margin-top: 1.5625rem;
}
.con_box2 + .con_box2 {
  margin-top: 1.5625rem;
}

.ticket-box-top {
  background: #10144A;
  border-top-right-radius: 1.5625rem;
  border-top-left-radius: 1.5625rem;
  padding: 0.9375rem 2.375rem 5.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-box-top .ticket-box-top-logo {
  height: 1.625rem;
  width: 10.25rem;
}
.ticket-box-top .ticket-box-top-logo svg {
  max-width: 100%;
}
.ticket-box-top .ticket-box-top-time {
  color: #C7C7C7;
  font-size: 1.3125rem;
}
.ticket-box-top .ticket-box-top-time .v-line {
  background-color: #C7C7C7;
  display: inline-block;
  height: 0.9375rem;
  width: 1px;
}

.ticket-box-cont {
  background: no-repeat;
  background-image: url(../_images/common/bg_box_cont.svg);
  background-size: 100%;
  margin-top: -5rem;
  height: 41.8125rem;
  padding: 2.375rem 2.5rem 3.4375rem;
  width: 100%;
  position: relative;
}
.ticket-box-cont > svg {
  max-width: 100%;
}
.ticket-box-cont .ticket-box-reg-info {
  height: 19.6875rem;
  position: relative;
  padding-bottom: 3.125rem;
}
.ticket-box-cont .ticket-box-reg-info ::before {
  content: "";
  width: 100%;
  height: 100%;
}
.ticket-box-cont .ticket-box-reg-info .title {
  font-family: var(--font-600);
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap {
  display: flex;
  justify-content: space-between;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-num {
  position: relative;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-num span {
  display: block;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-num span.title {
  color: #4452FD;
  font-size: 1.125rem;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-num span.num {
  color: #252B7E;
  font-size: 2.5rem;
  font-weight: bold;
  font-family: var(--font-num-700);
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-num span.kind {
  color: #E4E5FC;
  font-size: 2.5rem;
  font-weight: bold;
  font-family: var(--font-num-700);
  line-height: 1;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-status {
  text-align: right;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-status span {
  display: block;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-status span.title {
  font-size: 1.125rem;
  color: #BFBFBF;
}
.ticket-box-cont .ticket-box-reg-info .reg-wrap .ticket-box-reg-status span.result {
  font-size: 1.625rem;
  margin-top: 0.3125rem;
  color: #BFBFBF;
  font-family: var(--font-700);
}
.ticket-box-cont .ticket-box-reg-info .qrCode {
  height: 12.1875rem;
  width: 12.1875rem;
  position: absolute;
  right: -0.8125rem;
  bottom: 2rem;
}
.ticket-box-cont .ticket-box-reg-info .qrCode img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ticket-box-cont .ticket-box-reg-info .application {
  position: absolute;
  bottom: 2.25rem;
}
.ticket-box-cont .ticket-box-reg-info .application > span {
  display: block;
}
.ticket-box-cont .ticket-box-reg-info .application > span + span {
  margin-top: 0.3125rem;
}
.ticket-box-cont .ticket-box-reg-info .application > span:last-child {
  margin-top: 0;
}
.ticket-box-cont .ticket-box-reg-info .application > span.title {
  color: #BFBFBF;
  font-size: 1.125rem;
}
.ticket-box-cont .ticket-box-reg-info .application > span.date, .ticket-box-cont .ticket-box-reg-info .application > span.time {
  color: #666;
  font-size: 1.25rem;
  font-family: var(--font-num-500);
}
.ticket-box-cont .ticket-box-reg-info .application > span .day {
  font-size: 1.25rem;
  font-family: var(--font-400);
  margin-left: 0.1875rem;
}
.ticket-box-cont .ticket-box-sch {
  padding: 2.375rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-box-cont .ticket-box-sch .start > span, .ticket-box-cont .ticket-box-sch .term > span, .ticket-box-cont .ticket-box-sch .end > span {
  display: block;
}
.ticket-box-cont .ticket-box-sch .title {
  font-family: var(--font-600);
}
.ticket-box-cont .ticket-box-sch .start {
  text-align: center;
}
.ticket-box-cont .ticket-box-sch .start .title {
  color: #4452FD;
  font-size: 1.125rem;
}
.ticket-box-cont .ticket-box-sch .start .date {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 1.625rem;
  font-family: var(--font-num-700);
  margin: 0.3125rem 0;
}
.ticket-box-cont .ticket-box-sch .start .date .day {
  font-size: 1.4375rem;
  font-family: var(--font-500);
  margin-left: 0.1875rem;
}
.ticket-box-cont .ticket-box-sch .start .time {
  color: #8B8B8B;
  font-size: 1.1875rem;
  font-family: var(--font-num-500);
}
.ticket-box-cont .ticket-box-sch .start .time .button {
  border: 1px solid #BFBFBF;
  color: #8B8B8B;
  font-size: 1rem;
  font-family: var(--font-500);
  padding: 0.0625rem 0.5625rem;
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
}
.ticket-box-cont .ticket-box-sch .term {
  margin-top: 0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.ticket-box-cont .ticket-box-sch .term::before {
  content: "";
  width: 80%;
  height: 1px;
  display: inline-block;
  position: absolute;
  border-bottom: 2px dashed var(--gray-100);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ticket-box-cont .ticket-box-sch .term > img {
  position: relative;
  width: 1.875rem;
}
.ticket-box-cont .ticket-box-sch .term > span {
  color: #000;
  font-size: 0.9375rem;
  position: absolute;
  top: 2.1875rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.ticket-box-cont .ticket-box-sch .end {
  text-align: center;
}
.ticket-box-cont .ticket-box-sch .end .title {
  color: #4452FD;
  font-size: 1.125rem;
}
.ticket-box-cont .ticket-box-sch .end .date {
  color: #000;
  font-size: 1.625rem;
  font-family: var(--font-num-700);
  display: flex;
  align-items: center;
  margin: 0.3125rem 0;
}
.ticket-box-cont .ticket-box-sch .end .date .day {
  font-size: 1.4375rem;
  font-family: var(--font-500);
  margin-left: 0.1875rem;
}
.ticket-box-cont .ticket-box-sch .end .time {
  color: #8B8B8B;
  font-size: 1.1875rem;
  font-family: var(--font-num-500);
  display: flex;
  justify-content: center;
}
.ticket-box-cont .ticket-box-sch .end .time .button {
  margin-left: 0.4375rem;
  border: 1px solid #BFBFBF;
  color: #8B8B8B;
  font-size: 1rem;
  font-family: var(--font-500);
  padding: 0.0625rem 0.5625rem;
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
}
.ticket-box-cont .ticket-box-person {
  padding-top: 2.375rem;
  display: flex;
  justify-content: space-between;
}
.ticket-box-cont .ticket-box-person span {
  display: block;
}
.ticket-box-cont .ticket-box-person .title {
  font-family: var(--font-600);
}
.ticket-box-cont .ticket-box-person .person span:first-child {
  color: #BFBFBF;
  font-size: 1.125rem;
}
.ticket-box-cont .ticket-box-person .person span:last-child {
  color: #000;
  font-size: 1.4375rem;
  margin-top: 0.3125rem;
  font-family: var(--font-700);
}
.ticket-box-cont .ticket-box-person .phone {
  margin-left: 1.5625rem;
}
.ticket-box-cont .ticket-box-person .phone span:first-child {
  color: #BFBFBF;
  font-size: 1.125rem;
}
.ticket-box-cont .ticket-box-person .phone span:last-child {
  color: #000;
  font-size: 1.4375rem;
  font-family: var(--font-num-700);
  margin-top: 0.3125rem;
}

.event-box {
  background: #fff;
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
  word-break: keep-all;
}
.event-box .s24 {
  color: var(--black);
}
.event-box a {
  display: block;
  padding: 1.5625rem 1.875rem;
}
.event-box + .event-box {
  margin-top: 1.25rem;
}
.event-box .event__benefit-info {
  font-weight: 600;
}
.event-box:nth-child(2) .event__benefit-info {
  color: var(--blue);
}
.event-box:nth-child(3) .event__benefit-info {
  color: #A300B4;
}
.event-box:nth-child(4) .event__benefit-info {
  color: #20B5CF;
}
.event-boxa {
  display: inline-block;
}
.event-box .event__benefit-info {
  display: block;
  font-family: var(--font-600c);
}
.event-box .event__title {
  font-family: var(--font-700);
  font-size: 1.5rem;
}
.event-box .event__desc {
  margin-top: 8px;
  color: #848484;
  font-family: var(--font-400c);
  font-size: 1.125rem;
}
.event-box .btn {
  color: var(--black);
  padding: 0.625rem;
  border-radius: 1.25rem;
  text-align: center;
  border: 1px solid var(--gray-200);
  display: block;
  font-family: var(--font-700);
  font-size: 0.9375rem;
  margin-top: 0.9375rem;
}

.ticket-box-cont + .btn-wrap {
  margin-top: 1.25rem;
}
.btn-wrap {
  width: 100%;
}
.btn-wrap.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-wrap.flex .btn-location {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.625rem;
}
.btn-wrap.flex .btn-location svg {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.btn-wrap .btn-cancle {
  background: #BFBFBF;
  color: #fff;
  font-size: 1.375rem;
  width: 100%;
  padding: 1.25rem;
  border-radius: 6.25rem;
  -webkit-border-radius: 6.25rem;
  -moz-border-radius: 6.25rem;
  -ms-border-radius: 6.25rem;
  -o-border-radius: 6.25rem;
}
.btn-wrap .btn-location {
  background: #252B7E;
  border-radius: 6.25rem;
  -webkit-border-radius: 6.25rem;
  -moz-border-radius: 6.25rem;
  -ms-border-radius: 6.25rem;
  -o-border-radius: 6.25rem;
  width: 100%;
  padding: 1.25rem;
  font-size: 1.375rem;
  color: #fff;
}
@media screen and (max-width: 500px) {
  .btn-wrap .btn-location {
    font-size: 1.25rem;
  }
}
.btn-wrap .btn-ticket-save {
  border: 3px solid #252B7E;
  border-radius: 6.25rem;
  -webkit-border-radius: 6.25rem;
  -moz-border-radius: 6.25rem;
  -ms-border-radius: 6.25rem;
  -o-border-radius: 6.25rem;
  width: 100%;
  padding: 1.25rem;
  font-size: 1.4375rem;
  color: #fff;
}
.btn-wrap .btn-ticket-save span {
  position: relative;
  padding-left: 1.875rem;
}
.btn-wrap .btn-ticket-save span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1.4375rem;
  width: 1.4375rem;
  background: url(../_images/common/ico_download.png) no-repeat 0 0;
  background-size: 100%;
}

.ticket_footer_img {
  width: 100%;
  overflow: hidden;
}
.ticket_footer_img img {
  display: block;
  width: 100%;
}

#cloneTicket {
  position: absolute;
  top: -2000px;
  min-width: 37.5rem;
  padding: 2.5rem 4.375rem 0;
  background-color: var(--blue);
}
#cloneTicket img {
  display: block;
}
#cloneTicket .btn-wrap, #cloneTicket .desc, #cloneTicket .btn-wrap {
  display: none;
}
#cloneTicket .ticket-box-cont {
  overflow: hidden;
  height: 31.5125rem;
}
#cloneTicket .ticket-box-person {
  display: none;
}

.ttg_title {
  font-family: var(--font-700);
  font-size: 1.625rem;
  line-height: 1.15;
  margin-bottom: 0.8125rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
@media screen and (max-width: 750px) {
  .ttg_title {
    padding-left: 0;
    padding-right: 0;
  }
}
.ttg_description {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-family: var(--font-400c);
  font-size: 1.125rem;
  line-height: 1.47;
  color: #666;
  letter-spacing: -0.0275em;
  word-break: keep-all;
}
@media screen and (max-width: 750px) {
  .ttg_description {
    padding-left: 0;
    padding-right: 0;
  }
}
.ttg_frm {
  margin-top: 2.375rem;
}
.ttg_checkbox_list {
  padding: 1.875rem;
  border-radius: 1.25rem;
}
.ttg_checkbox_list:not(._none_line) {
  border: 2px solid var(--gray-100);
}
@media screen and (max-width: 500px) {
  .ttg_checkbox_list {
    padding: 0;
  }
  .ttg_checkbox_list:not(._none_line) {
    border: 0px solid var(--gray-100);
  }
}
.ttg_checkbox_list li {
  display: flex;
  align-items: center;
  line-height: 1.625rem;
  word-break: keep-all;
}
.ttg_checkbox_list li button {
  font-size: 0.9375rem;
  color: #666;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.5625rem;
  margin-left: auto;
  white-space: nowrap;
  background: no-repeat center right/1.5rem 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21.504 12.141-6.162-6.157A1.164 1.164 0 0 1 16.99 4.34l6.981 6.977a1.162 1.162 0 0 1 .034 1.6l-7.01 7.025a1.164 1.164 0 0 1-1.645-1.635Z' data-name='Icon ionic-ios-arrow-back'/%3E%3C/svg%3E");
}
.ttg_checkbox_list li:not(:last-child) {
  margin-bottom: 1.25rem;
}
.ttg_checkbox_list .first {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--gray-100);
}
.ttg_checkbox_list .first ._text {
  font-family: var(--font-700);
}
.ttg_checkbox_list + .ttg_checkbox_list {
  margin-top: 0.3125rem;
}
.ttg_checkbox_list + .btn_box {
  margin-top: 1.5625rem;
}
@media screen and (max-width: 500px) {
  .ttg_checkbox_list._none_line {
    margin-top: 1.875rem;
  }
}
.ttg_btn {
  width: 7.375rem;
  height: 2.25rem;
  margin: 0.75rem 0 0 auto;
  border-radius: 0.625rem;
  border: solid 1px #bfbfbf;
  font-family: var(--font-700);
  font-size: 0.9375rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ttg_btn svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: -0.3125rem;
}
.ttg_box {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--gray-100);
  padding: 5.75rem 1.875rem;
  border-radius: 1.25rem;
  margin: 2.375rem 0 1.5625rem;
}
.ttg_box .btn {
  margin: auto;
}
.ttg_box2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ttg_box2 .btn {
  margin: auto;
}
.ttg_box2 form {
  width: 100%;
}
.ttg_info_list {
  display: flex;
  flex-direction: column;
  margin-bottom: 3.125rem;
  gap: 0.4375rem;
  padding: 0 0.625rem;
}
.ttg_info_list > li {
  display: flex;
  flex-wrap: nowrap;
  font-family: var(--font-400c);
  font-size: 1.125rem;
  line-height: 1.44;
  word-break: keep-all;
  gap: 0.25rem;
  color: #666;
}
.ttg_info_list > li strong {
  font-family: var(--font-700);
}
.ttg_info_list > li::before {
  content: "-";
  display: block;
  line-height: 1em;
  line-height: 1.44;
}
.ttg_info2 {
  width: 100%;
  padding: 0 0.375rem;
  flex: 1 1 auto;
  color: #666;
  font-family: var(--font-400c);
  font-size: 1.125rem;
}
.ttg_frm2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.ttg_frm2 .frm_time_wrap {
  justify-content: space-around;
}
.ttg_frm2 > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1.875rem;
  gap: 0.75rem;
}
@media screen and (max-width: 500px) {
  .ttg_frm2 > li {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .ttg_frm2 > li .frm_time {
    width: auto;
  }
  .ttg_frm2 > li .frm_time .ico {
    flex: auto;
  }
  .ttg_frm2 > li .frm_time .cal_icon {
    margin-left: 0.125rem;
  }
}
.ttg_frm2 > li .frm_time_date {
  font-size: 1.125rem;
}
.ttg_frm2 > li .frm_time_date2 {
  font-size: 1.125rem;
}
.ttg_frm2_title {
  font-family: var(--font-700);
  font-size: 1.25rem;
  line-height: 1.3;
  width: 100%;
  flex: 1 1 auto;
  padding: 0 0.375rem;
}
@media screen and (max-width: 500px) {
  .ttg_frm2_title {
    font-size: 1.125rem;
  }
}
.ttg_frm2 [data-gap="16"] {
  gap: 1rem;
}
.ttg_frm2_date_selectd {
  font-family: var(--font-500);
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: right;
  color: var(--navy);
  white-space: nowrap;
}
@media screen and (max-width: 500px) {
  .ttg_frm2_date_selectd {
    font-size: 1.125rem;
  }
}
.ttg_frm2_info {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.47;
  color: #666;
  word-break: keep-all;
}
@media screen and (max-width: 500px) {
  .ttg_frm2 .flex.mo-flex {
    flex-flow: column;
  }
  .ttg_frm2 .flex.mo-flex .frm_box {
    max-width: 100% !important;
    width: 100%;
  }
}

.ttg_info_list.line {
  margin-top: 2.75rem;
  padding-top: 1.5rem;
  border-top: 2px solid #000;
  padding-left: 0;
  padding-right: 0;
  letter-spacing: -0.02em;
}

.line_dash {
  border: 0.125rem dashed #ededed;
  margin: 3rem 0;
}

.flex {
  width: 100%;
  display: flex;
}
.flex > .frm_box {
  max-width: 55%;
  flex: 1 1 auto;
}
.flex > .frm_box:nth-child(1) {
  max-width: 45%;
}
.flex > .frm_box select {
  cursor: pointer;
}
.flex.ai_center {
  align-items: center;
}
.flex[data-gap="16"] {
  gap: 1rem;
}
.flex .flex_text {
  align-content: center;
  flex: 0 1 auto;
  font-size: 1.375rem;
  color: #666;
}

.ttg_title + .ipt-wrap {
  margin-top: 2.25rem;
}

.ipt-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ipt-wrap + .ipt-wrap {
  margin-top: 2.25rem;
}
.ipt-wrap + .btn_box {
  margin-top: 3.125rem;
}

.ipt-box {
  width: 100%;
  position: relative;
}
.ipt-box input {
  border: 1px solid #EDEDED;
  border-radius: 0.625rem;
  width: 100%;
  padding: 1.25rem 0.9375rem;
  font-size: 1.25rem;
}
.ipt-box input::-moz-placeholder {
  color: #ccc;
}
.ipt-box input::placeholder {
  color: #ccc;
}
.ipt-box input.big {
  padding-right: 9.0625rem;
}
.ipt-box input.small {
  padding-right: 5.3125rem;
}
.ipt-box button {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  background: #3D4CFF;
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
  font-size: 1.25rem;
  padding: 1.25rem 0.9375rem;
}
.ipt-box .limit-time {
  position: absolute;
  right: 0;
  top: 0;
  color: #3D4CFF;
  font-size: 1.25rem;
  padding: 1.25rem 0.9375rem;
}

.phon_checkbox {
  margin-top: 1.5625rem;
  margin-bottom: 0.75rem;
  position: relative;
}
.phon_checkbox > ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem;
}
@media screen and (max-width: 500px) {
  .phon_checkbox > ul {
    gap: 0.625rem;
  }
}
.phon_checkbox > ul > li {
  flex: 1 1 auto;
  width: 25%;
  display: flex;
}
.phon_checkbox > ul > li .fm_rd {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.phon_checkbox > ul > li .fm_rd ._img {
  order: 0;
  display: block;
  position: relative;
  width: 11.0625rem;
  height: 11.5625rem;
  font-size: 1.125rem;
  overflow: hidden;
  font-size: 1px;
  text-indent: -9999px;
  border: 0.1875rem solid var(--gray-100);
  background-color: #fff;
  overflow: hidden;
  border-radius: 1.875rem;
}
@media screen and (max-width: 750px) {
  .phon_checkbox > ul > li .fm_rd ._img {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 500px) {
  .phon_checkbox > ul > li .fm_rd ._img {
    width: 8.5rem;
    height: 8.5rem;
  }
}
.phon_checkbox > ul > li .fm_rd ._img::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background: no-repeat center/contain;
  background-image: url("../_images/common/galaxy_S24.png");
  mix-blend-mode: darken;
}
.phon_checkbox > ul > li .fm_rd ._img.s24::before {
  background-image: url("../_images/common/galaxy_S24.png");
}
.phon_checkbox > ul > li .fm_rd ._img.s24_plus::before {
  background-image: url("../_images/common/galaxy_S24_plus.png");
}
.phon_checkbox > ul > li .fm_rd ._img.s24_ultra::before {
  background-image: url("../_images/common/galaxy_S24_ultra.png");
}
.phon_checkbox > ul > li .fm_rd input:checked ~ ._img {
  border-color: var(--blue) !important;
}
.phon_checkbox > ul > li .fm_rd input[disabled] + ._style, .phon_checkbox > ul > li .fm_rd input[disabled=disabled] + ._style {
  border-color: var(--gray-100) !important;
  background-color: var(--gray-100) !important;
}
.phon_checkbox > ul > li .fm_rd input[disabled] ~ ._img, .phon_checkbox > ul > li .fm_rd input[disabled=disabled] ~ ._img {
  background-color: #F5F5F5;
}
.phon_checkbox > ul > li .fm_rd input[disabled] ~ ._img::before, .phon_checkbox > ul > li .fm_rd input[disabled=disabled] ~ ._img::before {
  opacity: 0.5;
}
.phon_checkbox > ul > li .fm_rd ._style {
  border-color: var(--gray-100) !important;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.phon_checkbox:not(._disabled) ._disabled_text_box {
  display: none;
}
.phon_checkbox._disabled {
  overflow: hidden;
  z-index: 0;
}
.phon_checkbox._disabled ._disabled_text_box {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
  border: 2px solid var(--gray-100);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.phon_checkbox._disabled ._disabled_text_box strong {
  display: block;
  font-family: var(--font-700);
  font-size: 1.625rem;
  line-height: 1.15;
  letter-spacing: normal;
  color: var(--blue);
  margin-bottom: 0.375rem;
}
.phon_checkbox._disabled ._disabled_text_box p {
  font-family: var(--font-400c);
  font-size: 1.125rem;
  line-height: 1.44;
  color: #666;
}
.phon_checkbox._disabled ._img {
  border: 0 !important;
  background-color: #fff !important;
}
.phon_checkbox._disabled ._style {
  visibility: hidden;
}

.btn-wrap + .desc {
  margin-top: 1.25rem;
  text-align: center;
}

.desc + .btn-wrap {
  margin-top: 2.5rem;
}

.desc {
  color: #fff;
  font-size: 1.125rem;
}

.desc-big {
  color: #fff;
  font-family: var(--font-700);
  font-size: 1.625rem;
}
@media screen and (max-width: 500px) {
  .desc-big {
    margin: 2.5rem 0;
  }
}

.desc-big + .event-box {
  margin-top: 1.25rem;
}

.popup_wrap .popup_box.return {
  max-width: 37.5rem;
}

.frm_time .frm_time_date {
  font-size: 1.25rem;
}

@media screen and (max-width: 500px) {
  .datepick-nav .datepick-cmd-prev span, .datepick-nav .datepick-cmd-next span {
    font-size: 1.25rem;
    padding: 0.625rem;
    border-radius: 1.875rem;
  }
  .datepick .datepick-month td .datepick-highlight {
    background-color: transparent;
  }
  .picker_pop {
    padding: 0;
    align-items: baseline;
  }
  .picker_pop .popup_box.datepicker {
    padding: 2rem;
    top: 0;
  }
  .picker_pop .popup_box.datepicker .picker_pop .popup_box.datepicker{
	margin-bottom:2rem;
  }

  .picker_pop .popup_box.datepicker .btn{}
  .picker_pop .popup_scroll {
    max-height: 93vh !important;
    height: auto;
    padding-bottom: 10rem;
  }
  .picker_pop .popup_con {
    align-items: baseline;
    line-height: 1.5;
  }
  .picker_pop .btn_box {
    width: 87vw;
    margin-top: 0;
    position: absolute;
    bottom: 3vh;
    z-index: 1;
  }
}
.popup_box.privacy .desc {
  font-size: 1rem;
  color: var(--black);
}
.popup_box.privacy table {
  margin-top: 2rem;
}
.popup_box.privacy table th {
  background-color: var(--gray-100);
  color: var(--black);
}
.popup_box.privacy table th,
.popup_box.privacy table td {
  border: 1px solid #ccc;
  padding: 1rem;
  word-break: keep-all;
  width: 33%;
  font-size: 0.9rem;
}
.popup_box.privacy table td + td {
	color: var(--navy);
	font-family: var(--font-600);
  font-size: 1rem;
}

:root {
  --gradient1:linear-gradient(#fff, #fcfcff 16%, #f3f4ff 31%, #d5d8ff 45%, #404eff 90%);
  --gradient2:linear-gradient(#fff, #fcfcff 16%, #f3f4ff 31%, #d5d8ff 45%, rgba(64, 78, 255, 0) 90%);
}

body.v2 #header {
  position: absolute;
}

body::before {
  background-color: transparent;
}

body.v2 #gnb .gnb_box {
  color: var(--blue);
  border-color: var(--blue);
}

body.v2 #gnb ul a {
  color: var(--blue);
  font-family: var(--font-700);
}

body.v2 .top_title {
  color: var(--blue);
  font-family: var(--font-700);
}

body.v2 .top_description {
  color: var(--navy);
}

body.v2 #gnb ul > li._active a {
  background-color: var(--blue);
  color: var(--white);
}

body.v2 #gnb ul a svg {
  filter: grayscale(1) invert(1);
}

body.v2 #header #logo {
  background: url(/_images/common/logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

body.v2 .step_item._active {
  background-image: url(/_images/common/bar_pg_on.svg);
  color: var(--blue);
}

body.v2 .step_item {
  background-image: url(/_images/common/bar_pg.svg);
  color: var(--navy);
  font-weight: bold;
}

body.v2 .main__typo-box h2 {
  color: var(--blue);
}

body.v2 .main__typo-box h2 strong {
  color: var(--black);
}

body.v2 .main__typo-box {
  color: var(--navy);
}

body.v2 .main__bottom-bg {
  display: none;
}

body.v2 .main__typo-box span:not(.s24) {
  font-family: var(--font-400);
}

body.v2 .main__typo-box p {
  color: var(--black);
  font-family: var(--font-600);
}

body.v2:before {
  background-size: 3000px;
}

body.v2:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background: var(--gradient1);
  left: 0;
  top: 0;
  z-index: -2;
}

body.v2 #footer.main {
  background-color: transparent;
  border-top: 2px solid #ccc;
  max-width: 1160px;
  margin: 0 auto;
}

@media screen and (max-width: 750px){
  .con_box {
    position: relative;
    margin-top: 10.3125rem;
  }
}

@media screen and (max-width: 500px) {
  .popup_wrap.privacy_pop {
    padding: 0;
  }
  .popup_wrap.privacy_pop .popup_scroll {
    max-height: 100%;
  }
  .popup_wrap.privacy_pop .popup_box {
    padding: 1.875rem;
  }
  .popup_wrap.capture_wrap {
    padding: 0;
  }
  .popup_wrap.capture_wrap .popup_scroll {
    max-height: 100%;
  }
  .popup_wrap.capture_wrap .popup_box {
    padding: 1.875rem 1.25rem;
  }
  body.v2:before {
    height: 157.6vw;
    background: var(--gradient1) no-repeat 5% center/cover;
    background-attachment: initial;
    background-image: url(../_images/common/bg_img_01_m1.png);
    background-size: 206% !important;
  }
  body.v2:after {
    height: 90%;
    display: none;
  }
  body:before {
    display: none;
  }
  .con.contents,
  .con_box {
    position: relative;
    margin-top: 10.3125rem;
  }
  .con_box:before {
    content: "";
    width: 100%;
    display: block;
    height: 44.6vw;
    background: var(--gradient1) no-repeat 5% center/cover;
    background-attachment: initial;
    background-image: url(../_images/common/bg_img_01_m1.png);
    background-size: 110% !important;
    position: absolute;
    top: -38.6vw;
    left: 0;
    z-index: -1;
  }
}/*# sourceMappingURL=style.css.map */