@charset "EUC-KR";
 /*¸ÞÀΠȨ Æ˾÷ s*/
/* ¸ÞÀΠȨ Æ˾÷ Àüü ±¸Á¶ */
/* line 263, components/bootstrap/_modal.scss */
.main-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  display: display;
  width: 95%;
  max-width: 800px;
  background-color: transparent;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  /* ÇÏ´Ü ¹öÆ° ¿µ¿ª: »óÇÏ ¿©¹éÀ» 0À¸·Î ¼³Á¤ÇÏ¿© ¹ÐÂø */
  /* ÇÏ´Ü ¹öÆ° ½ºÅ¸ÀÏ */
  /* 'ÇϷ絿¾È º¸Áö ¾ÊÀ½' ¹öÆ° (¾îµÎ¿î»ö) */
  /* '´Ý±â/´ÙÀ½' ¹öÆ° (¹àÀº»ö + Å׵θ®) */
}

/* line 280, components/bootstrap/_modal.scss */
.modal.fade .main-popup {
  transition: transform 0.3s ease-out;
  transform: translate(-50%, -50%) translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  /* line 280, components/bootstrap/_modal.scss */
  .modal.fade .main-popup {
    transition: none;
  }
}

/* line 284, components/bootstrap/_modal.scss */
.modal.show .main-popup {
  transform: translate(-50%, -50%) none;
}

/* line 287, components/bootstrap/_modal.scss */
.modal.modal-static .main-popup {
  transform: translate(-50%, -50%) scale(1.02);
}

/* line 292, components/bootstrap/_modal.scss */
.main-popup .modal-footer {
  display: flex;
  justify-content: flex-end;
  /* ¿ìÃø Á¤·Ä */
  align-items: center;
  gap: 8px;
  /* ¹öÆ° »çÀÌ °£°Ý */
  padding: 0 25px 0 0;
  /* »ó(0) ¿ì(25px) ÇÏ(0) ÁÂ(0) */
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 304, components/bootstrap/_modal.scss */
.main-popup .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  /* À̹ÌÁö¿Í °°Àº µÕ±Ù ¸ð¼­¸® */
  cursor: pointer;
  border: none;
  line-height: 1.5;
  transition: background-color 0.2s;
  margin: 5px 0;
  /* ¹öÆ° ÀÚüÀÇ »óÇÏ ÃÖ¼Ò ¿©¹é (ÇÊ¿ä ¾øÀ¸¸é 0À¸·Î º¯°æ) */
}

/* line 320, components/bootstrap/_modal.scss */
.main-popup .btn-dark {
  background-color: #343a40;
  color: #ffffff !important;
}

/* line 324, components/bootstrap/_modal.scss */
.main-popup .btn-dark:hover {
  background-color: #23272b;
}

/* line 329, components/bootstrap/_modal.scss */
.main-popup .btn-light {
  background-color: #ffffff;
  color: #666 !important;
  border: 1px solid #ced4da;
  /* ¿¬ÇÑ Å׵θ® */
}

/* line 334, components/bootstrap/_modal.scss */
.main-popup .btn-light:hover {
  background-color: #f8f9fa;
  border-color: #b1b7bc;
}

/* »ó´Ü ÆĶõ»ö ŸÀÌƲ ¿µ¿ª */
/* line 341, components/bootstrap/_modal.scss */
.main-popup .popup-title-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 1%;
  position: relative;
  width: 100%;
  background-color: #0c2f68;
}

/* line 352, components/bootstrap/_modal.scss */
.main-popup .popup-title-content {
  position: relative;

  font-weight: 700;
  color: #ffffff;
  font-size: 35px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 352, components/bootstrap/_modal.scss */
  .main-popup .popup-title-content {
    font-size: 24px;
    margin: 0;
  }
}

/* Æ˾÷ º»¹® ÄÁÅÙÃ÷ (°¡Àå Áß¿äÇÑ ºÎºÐ) */
/* line 369, components/bootstrap/_modal.scss */
.main-popup .popup_content {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  position: relative;
  width: 100%;
  background-color: #fafafa;
}

@media screen and (max-width: 768px) {
  /* line 369, components/bootstrap/_modal.scss */
  .main-popup .popup_content {
    flex-direction: column;
    padding: 15px;
    max-height: 65vh;
    overflow-y: auto;
  }
}

/* ÁÂÃø ¸®½ºÆ® ¹Ú½º */
/* line 388, components/bootstrap/_modal.scss */
.main-popup .left-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  position: relative;
}

/* ÁÂÃø ÃÊ·Ï»ö ŸÀÌƲ ¹Ù */
/* line 402, components/bootstrap/_modal.scss */
.main-popup .left-title-area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0px;
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #00ac39;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}

@media (min-width: 992px) {
  /* line 402, components/bootstrap/_modal.scss */
  .main-popup .left-title-area {
    height: 70px;
  }
}

/* line 418, components/bootstrap/_modal.scss */
.main-popup .title-content {
  position: relative;

  font-weight: 700;
  color: #ffffff;
  font-size: 22px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  /* line 418, components/bootstrap/_modal.scss */
  .main-popup .title-content {
    font-size: 18px;
  }
}

/* ÁÂÃø º»¹® ÅؽºÆ® ¿µ¿ª */
/* line 432, components/bootstrap/_modal.scss */
.main-popup .left-content-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
}

/* line 443, components/bootstrap/_modal.scss */
.main-popup .left-content,
.main-popup .left-small-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  position: relative;
}

/* line 453, components/bootstrap/_modal.scss */
.main-popup .small-title-area {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}

/* ÃÊ·Ï»ö ¼öÁ÷ ¹Ù ¾ÆÀÌÄÜ */
/* line 461, components/bootstrap/_modal.scss */
.main-popup .left-gap {
  position: relative;
  width: 3px;
  height: 19px;
  background-color: #00ac39;
  flex-shrink: 0;
}

/* line 469, components/bootstrap/_modal.scss */
.main-popup .small-title-content {

  font-weight: 700;
  color: #000000;
  font-size: 16px;
 /*  white-space: nowrap; */
}

/* ½ÇÁ¦ ¾È³» ¹®±¸ (p_tag) */
/* line 478, components/bootstrap/_modal.scss */
.main-popup .p_tag {
  position: relative;
  width: 100%;
  max-width: 330px;

  font-weight: 400;
  color: #000000;
  font-size: 12px;
  line-height: 1.5;
  word-break: keep-all;
}

/* line 490, components/bootstrap/_modal.scss */
.main-popup .p_tag2 {
  position: relative;
  width: 100%;
  max-width: 330px;

  font-weight: 400;
  color: #000000;
  font-size: 12px;
  line-height: 0.5;
  word-break: keep-all;
}

/* line 502, components/bootstrap/_modal.scss */
.main-popup .p_line {
 /*  white-space: nowrap; */
}

/* line 506, components/bootstrap/_modal.scss */
.main-popup .p_bold {
  font-weight: bold;
}

/* line 510, components/bootstrap/_modal.scss */
html body .main-popup .p_tag:before {
  display: block;
  content: ' ';
  width: 3px;
  height: 3px;
  background: #000000;
  position: absolute;
  top: 9px;
  left: 0;
}

/* line 521, components/bootstrap/_modal.scss */
.main-popup .left-small-content {
  position: relative;
  width: 330px;

  font-weight: 400;
  color: transparent;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 21.6px;
}

/* line 532, components/bootstrap/_modal.scss */
.main-popup .span {
  color: #000000;
}

/* line 536, components/bootstrap/_modal.scss */
.main-popup .text-red {
  color: #ff0000;
}

/* line 540, components/bootstrap/_modal.scss */
html body .main-popup .left-small-content .text-red:before {
  display: block;
  content: ' ';
  width: 3px;
  height: 3px;
  background: #ff0000;
  position: absolute;
  top: 9px;
  left: 0;
}

/* line 551, components/bootstrap/_modal.scss */
.main-popup .left-btn-area {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #00ac39;
  border-radius: 5px;
  overflow: hidden;
}

/* line 566, components/bootstrap/_modal.scss */
.main-popup .left-btn {
  width: fit-content;
  margin-top: -2.50px;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  line-height: normal;
  white-space: nowrap;
  position: relative;

  letter-spacing: 0;
}

/* line 579, components/bootstrap/_modal.scss */
.main-popup .arrow-back-ios {
  position: relative;
  width: 24px;
  height: 24px;
}

/* line 585, components/bootstrap/_modal.scss */
.main-popup .rigt-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid;
  border-color: #dfdfdfdf;
}

/* line 599, components/bootstrap/_modal.scss */
.main-popup .right-title-area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 60px;
  flex: 0 0 auto;
  background-color: #0066b2;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}

@media (min-width: 992px) {
  /* line 599, components/bootstrap/_modal.scss */
  .main-popup .right-title-area {
    height: 70px;
  }
}

/* line 617, components/bootstrap/_modal.scss */
.main-popup .right-content-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
}

/* line 630, components/bootstrap/_modal.scss */
.main-popup .right-content {
  display: inline-flex;
  gap: 15px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

/* line 639, components/bootstrap/_modal.scss */
.main-popup .right-gap {
  position: relative;
  width: 3px;
  height: 19px;
  background-color: #0066b2;
}

/* line 646, components/bootstrap/_modal.scss */
.main-popup .right-middle-content {
  display: flex;
  width: 330px;
  gap: 15px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

/* line 656, components/bootstrap/_modal.scss */
.main-popup .small-content-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

/* line 666, components/bootstrap/_modal.scss */
.main-popup .small-content {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 5px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #dfdfdf;
}

/* line 680, components/bootstrap/_modal.scss */
.main-popup .check-box {
  position: relative;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}

/* line 687, components/bootstrap/_modal.scss */
.main-popup .small-content-text {
  width: fit-content;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  line-height: normal;
  position: relative;

  letter-spacing: 0;
}

/* line 698, components/bootstrap/_modal.scss */
.main-popup .right-btn-area {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0066b2;
  border-radius: 5px;
  overflow: hidden;
}

/* line 713, components/bootstrap/_modal.scss */
.main-popup .right-btn {
  width: fit-content;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  line-height: normal;
  white-space: nowrap;
  position: relative;

  letter-spacing: 0;
}