/* BASIC css start */
body,input,textarea,select,button,table,p,a,span { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; word-break: keep-all; }
[data-check-item]{ scroll-margin-top: 130px; }

.bio-insurer { background: #f9fbf7; overflow: hidden; overscroll-behavior: none; padding: 0 35%;}



/* ºäÆ÷Æ® Àüü¸¦ ½ºÅ©·Ñ ÄÁÅ×À̳ʷΠ*/
.snap{
  height: 100vh;
  overflow-y: auto;
  /* ½º³À: ¼¼·Î ¹æÇâ, °­Á¦ Á¤·Ä */
  scroll-snap-type: y mandatory;
}


/* °¢ Àå¸éÀº ÇÑ È­¸é Å©±â, Áß¾Ó Á¤·Ä·Î ½º³À */
.scene{
  position: relative;          /* sticky Á¦°Å */
  height: 100vh;               /* ÇÑ È­¸é = ÇÑ Àå¸é */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;

  scroll-snap-align: center;   /* Áß¾Ó¿¡ µü °íÁ¤ */
  scroll-snap-stop: always;    /* ºü¸¥ ½ºÅ©·Ñ ½Ã¿¡µµ ²À ¸ØÃã */
}

  
/* À̹ÌÁö ¹è°æ(À̹ÌÁö·Î »ðÀÔ) */
.scene-img {
  position: absolute; inset: 13%;
  width: 74%; height: 74%;
  object-fit: contain;
  transform: scale(1.05);
  opacity: 0;
  transition: opacity .1s ease, transform .1s ease;
  z-index: 1;
  user-select:none; -webkit-user-drag:none; pointer-events:none;
}
.scene.active .scene-img{
  opacity: 1;
  transform: scale(1);
}


/* ½ºÅ©·ÑÀ» Æ®¸®°Å·Î¸¸ ¾²´Â '¶ô ¸ðµå' */
.snap.locked {
  overflow: hidden;
  touch-action: none;            /* iOS/Safari¿¡¼­µµ ½ºÅ©·Ñ Á¦½ºÃ³ ¹«È¿ */
  overscroll-behavior: contain;  /* »óÀ§·Î ½ºÅ©·Ñ üÀÎ ¹æÁö */
  scroll-snap-type: none !important;
}
.snap.locked .scene{
  position: fixed; inset: 110px 0 0 0;                     /* ¸ðµç sceneÀ» È­¸é¿¡ °íÁ¤ */
  opacity: 0; pointer-events: none;
}
.snap.locked .scene.active{
  opacity: 1; pointer-events: auto;              /* ÇöÀç Àå¸é¸¸ º¸ÀÌ°Ô */
}


/* ÅؽºÆ® ºí·Ï */
.cmms{
  position: relative; z-index: 2; text-align: center;
  max-width: min(90vw, 720px);
  pointer-events: auto;
  transform: translate(var(--x,0), var(--y,-32vh)); /* ÇÊ¿ä½Ã ¼¼·Î ¿ÀÇÁ¼Â Á¶Àý */
}

  .mini-caps { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    display: inline-block; font-weight: 700; font-size: 1.15em; line-height: 1.15em; 
    background: #e3ecf2; 
    color: #457fca;
    padding: 2% 5%;
    border-radius: 99px;
    margin: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
  }
  .black-tit { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 800; font-size: 3em; line-height: 1.15em; 
    color: #000;
    margin: 5% 0 15%;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
  }
  .big-tit { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 800; font-size: 2em; line-height: 1.35em; 
    color: #000;
    margin: 5% 0 15%;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
  }
  .overlap .big-tit { margin-top: -13%; }
  
  .bubble { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 600; font-size: 1.25em; line-height: 1.15em; 
    color: #7d7d7d;
    margin: 3% 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.2s ease;
  }
  .mini-caps.show, .black-tit, .big-tit.show, .bubble.show {
    opacity: 1;
    transform: translateY(0);
  }


/* =========================
   ¶ô ÇØÁ¦ »óÅÂ(overlay=1 ÀÌÈÄ) ¼¼ÆÃ
   - Àå¸éÀ» ¹®¼­ È帧À¸·Î µÇµ¹¸®°í
   - scene3/scene4´Â ºÒÅõ¸í 1 À¯Áö
   ========================= */

/* ÇØÁ¦ ÈÄ¿£ ÄÁÅ×À̳ʰ¡ ´Ù½Ã ½ºÅ©·Ñ °¡´É */
.snap:not(.locked){ overflow-y: auto; }

/* ÇØÁ¦ ÈÄ sceneÀ» ¹®¼­ È帧À¸·Î º¹±Í (fixed ÇØÁ¦) */
.snap:not(.locked) .scene{
  position: relative !important;
  inset: auto !important;
  opacity: 1;                /* Àå¸é ÀÚü´Â º¸ÀÌ°Ô */
  pointer-events: auto;
}

/* ÇØÁ¦ ÈÄ À̹ÌÁöµéÀº Ç® °¡½Ã »óÅ·Π*/
.snap:not(.locked) .scene .scene-img{
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* ¿ä±¸»çÇ×: scene3/scene4¸¦ ºÒÅõ¸í 1·Î À¯Áö */
.snap:not(.locked) .scene[data-idx="2"] .scene-img{
  opacity: 1 !important;
  transform: scale(1) !important;
}
.snap:not(.locked) .scene[data-idx="3"] .img-overlay{
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* ¿À¹ö·¹ÀÌ°¡ ´õ Â˵æÇÏ°Ô º¸À̵µ·Ï(ªÀº Ä¿ºê) */
.img-overlay{
  transition:
    opacity .12s cubic-bezier(.15,.98,.15,1),
    transform .20s cubic-bezier(.20,.90,.20,1);
  will-change: opacity, transform;
}

/* º£À̽º À̹ÌÁöµµ ¹Ì¼¼ º¸Á¤(¼±ÅÃ) */
.scene-img{
  transition:
    opacity .20s cubic-bezier(.20,.90,.20,1),
    transform .24s cubic-bezier(.20,.90,.20,1);
  will-change: opacity, transform;
}

/* ¶ô ÇØÁ¦ Á÷ÈÄ 3/4 Àå¸éÀº »ì¦ ¾ÈÁ¤µÇ¸ç */
.snap:not(.locked) .scene[data-idx="3"],
.snap:not(.locked) .scene[data-idx="4"]{
  animation: overlay-handoff .35s cubic-bezier(.22,.9,.2,1) both;
}
@keyframes overlay-handoff{
  from{
    transform: translateY(0) scale(1.008);
    filter: saturate(1.03) contrast(1.02);
  }
  to{
    transform: translateY(0) scale(1);
    filter: none;
  }
}

/* content´Â ºÎµå·´°Ô ¶°¿À¸£°Ô */
.snap:not(.locked) + .content{
  animation: content-reveal .42s ease-out .06s both;
}
@keyframes content-reveal{
  from{ opacity: 0; transform: translateY(22px); }
  to  { opacity: 1; transform: translateY(0); }
}

/* ½ºÅ©·Ñ ÂøÁö º¸Á¤(³×°¡ locked¿¡¼­ inset-top:110px ½è´Ù¸é µ¿ÀÏ °ª) */
.content{ scroll-margin-top: 110px; }




.swiper-container { width: 80%; height: 100%; padding: 20% 10% !important; background: #d0dfed; }
.swiper-container > p { width: fit-content; text-align: center; margin: 5% auto 0;
    font-weight: 700; font-size: 1.25em; line-height: 1.5em; 
    background: #bfd3e9; color: #457fca;
    padding: 2% 5%; border-radius: 99px;
    }
.swiper-slide > img { width: 100%; }


.bio-insurer h1 { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 800; font-size: 2em; line-height: 1.35em; color: #000; text-align: center; }
    
.good-understand { background: #fff; padding: 20% 7%; }
.good-understand > p { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 500; font-size: 1.25em; line-height: 1.35em; color: #313131; text-align: center; margin: 5% auto; }

.good-understand .nofee { display: block; width: fit-content; padding: 2% 5%; border-radius: 99px; background: #457fca; color: #fff; font-size: 1em; text-align: center; margin: 0 auto 5%; font-weight: 600; }

.good-understand > div { padding: 5%; outline: 2px solid #e1e1e1; border-radius: 12px; margin: 5% 0; }
.good-understand > div > label { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 700; font-size: 1.5em; line-height: 1.35em; color: #000; text-align: center; }
.good-understand > div > label > span { color: #209def; }

.good-understand > div input[type="checkbox"] {
    appearance: none; width: 1.5rem; height: 1.5rem; background: #e1e1e1;
    background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <polyline points='20 6 9 17 4 12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>");
    background-position: center; background-size: 70% 70%; background-repeat: no-repeat; border-color: transparent; border-radius: 50%; float: right;
    }
     
.good-understand > div input[type="checkbox"]:checked { background: #209def;
    background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <polyline points='20 6 9 17 4 12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>");
    background-position: center; background-size: 70% 70%; background-repeat: no-repeat; border-color: transparent;
    }

.good-understand > div:has(> input[type="checkbox"]:checked){ outline: 2px solid #209def; }

.good-understand > div > p { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 500; font-size: 1.25em; line-height: 1.65em; color: #313131; text-align: left; margin-top: 5%; padding-top: 5%;
    border-top: solid 1px  #e1e1e1; }
.good-understand > div > p > span { font-weight: 700; }
.good-understand > div > span {font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    font-weight: 400; font-size: 1.15em; line-height: 1.35em; color: #a0a0a0; text-align: left; padding-top: 5%; display: inline-block;
    }



.check-agree { background: #f9fbf7; padding: 20% 7%; }
.check-agree .terms { background: #fff; padding: 10% 7%; margin-top: 5%; border: 2px solid #e1e1e1; border-radius: 12px; }
.check-agree .terms > span { font-size: 1.15em; line-height: 1.35em; display: inline-block; }
.check-agree .terms > .basic { padding: 2% 4%; border-radius: 7px; background: #209def; color: #fff; font-weight: 700; }
.check-agree .terms > .special { padding: 2% 4%; border-radius: 7px; background: #1d2088; color: #fff; font-weight: 700; }
.check-agree .terms > p { font-size: 1.35em; line-height: 1.5em; font-weight: 600; color: #000; margin: 3% auto 13%; }
.check-agree .terms > .please { border-top: 2px solid #e1e1e1; padding-top: 7%; }

.check-agree .terms input[type="radio"] { 
    appearance: none; width: 1.5rem; height: 1.5rem; background: #e1e1e1;
    background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <polyline points='20 6 9 17 4 12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>");
    background-position: center; background-size: 70% 70%; background-repeat: no-repeat; border-color: transparent; border-radius: 50%; float: right; margin: 13% 2% 0 0;
    }
    
.check-agree .terms input[type="radio"]:checked { background: #209def;
    background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <polyline points='20 6 9 17 4 12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>");
    background-position: center; background-size: 70% 70%; background-repeat: no-repeat; border-color: transparent;
    }
    
.check-agree .terms label { font-size: 1.35em; line-height: 1.5em; font-weight: 600; color: #000; margin-top: 10%; display: inline-block; }
    
    
.free-join { font-size: 1.15em; line-height: 1.5em; text-align: center; color: #898989; font-weight: 500; margin: 10% auto 5%; }
.free-join > p > span { color: #209def; }
.free-join > a { background: #209def; color: #fff; padding: 5% 0; width: 100%; border-radius: 12px; font-size: 1.25em; font-weight: 600; margin: 5% auto; display: inline-block; }
    
    
#review-board-write .form-wrap { }
#review-board-write table {width:100%;}
#review-board-write table th {text-align:left;}
#review-board-write table th, #review-board-write table td {padding:8px 0;}
#review-board-write table .fixButtonR .btn_Grey {width: 115px; display: inline-block; position: absolute; top:0; right:0;}
#review-board-write table .textArea textarea {height:110px;}
#review-board-write table .agree a {position: absolute; right: 0; border: 1px solid #c4c4c4; padding: 2px 5px; margin-right: 10px; background-color: #fff;}
#review-board-write .pd10 {margin-top:20px;}
#review-board-write .pd10 .btn_Red {margin-bottom:10px;}



.bio-faq { background: #e5e5e5; padding: 15% 7% 30%; }
.bio-faq > p { font-size: 1.25em; line-height: 1.5em; font-weight: 400; color: #313131; text-align: center; margin: 3% auto 7%; }
.bio-faq ul { }
.bio-faq > ul > li { margin: 7% 0; }

.title-click { font-size: 1.3em; line-height: 1.5em; position: relative; display: inline-block; font-weight: 600; color: #626262; flex: 1;
  cursor: pointer;
  user-select: none;
}

.bio-faq ul li > button { color: #626262; background: none; border: none; font-size: 0.85em; line-height: 1.25em; float: right; }
.more-btn{
  display: inline-flex;          /* Áß¾Ó Á¤·ÄÀ» À§ÇØ flex */
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  padding: 0; border: 0; background: transparent;
  color: #777;
  vertical-align: middle;        /* ¿· ÅؽºÆ® ¶óÀΰú Áß¾Ó Á¤·Ä */
  line-height: 0;                /* ¹öÆ° ³»ºÎ º£À̽º¶óÀÎ ¿µÇâ Á¦°Å */
  cursor: pointer;
}
.more-btn:hover{ color:#333; }

/* svg ÀÚü ¿©¹é Á¦°Å (Áß¿ä) */
.more-btn svg{
  display: block;
  width: 24px; height: 24px;
  transform: none;               /* ȸÀüÀº aria-expanded·Î ÄÁÆ®·Ñ */
}

/* ÆîÃÄÁ³À» ¶§ ¡ã º¸À̵µ·Ï ȸÀü */
.more-btn[aria-expanded="true"] svg{
  transform: rotate(180deg);
}


.bio-faq ul li .detail-content { padding: 0.5% 7%; margin: 3% 0; display: none; font-weight: 500; font-size: 1.15em; line-height: 1.75em; color: #626262; }



/* ¸ð´Þ ½ºÅ¸ÀÏ */
.modal { 
    display: none; /* ¼û±è »óÅ */
    position: fixed !important;
    inset: 0;
    width: 100%; height: 100%;         /* º¸ÀÌ´Â ºäÆ÷Æ® ±âÁØ */
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modal.open{ display:flex !important; }

.modal_content { position: relative; max-height: calc(100svh - 64px); width: auto; }

.swiper-container-join {
  width: min(480px, 94vw); max-height: inherit; /* width: min(480px, 94vw); max-height: min(92dvh, 780px); PC¿¡¼­µµ Áß¾Ó À¯Áö + ³»ºÎ ½ºÅ©·Ñ */
  display: flex; flex-direction: column;   overflow: hidden; /* ÇÁ·¹ÀÓ ¹Û ³Ñħ Â÷´Ü */ 
  }

/* Ȥ½Ã ¿ÜºÎ CSS°¡ Swiper ±âº»°ªÀ» ±ú¶ß·ÈÀ» °æ¿ì¸¦ ´ëºñ */
.modal .swiper-container-join .swiper-wrapper {
  display: flex; flex: 1; /* ½º¿ÍÀÌÆÛ ÇÙ½É */
}
.swiper-container-join > .swiper-wrapper > .swiper-slide { background: #fff; width: 90% !important; height: 70vh; max-height: inherit; margin: 20% 5%; padding: 10%; border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* ³»¿ë À§/¹öÆ° ¾Æ·¡ ¹èÄ¡ */
  box-sizing: border-box;
  overflow-y:auto;  overflow-x: hidden;                 /* ¡ç ÀÌ ½½¶óÀÌµå ¾È¿¡¼­¸¸ ½ºÅ©·Ñ */
  -webkit-overflow-scrolling:touch;  /* iOS ºÎµå·¯¿î ½ºÅ©·Ñ */
  }
.q { font-size: 1.75em; line-height: 1.35em; font-weight: 600; color: #000; }
.q > span { font-size: 0.65em; font-weight: 300; color: #a0a0a0; }

input[type="text"], .addinfo_textfield { border: solid 1px #e1e1e1; border-radius: 9px; font-size: 1.35em; line-height: 1.75em; font-weight: 400; color: #000; margin: 7% 0; width: 100%; }


/* ¸®½ºÆ® ·¹À̾ƿô */
.chips {
  display: flex;
  flex-direction: column;
  gap: 10px; margin-top: 5%;
}

/* ±âº» ¶óº§(Ĩ) ½ºÅ¸ÀÏ */
.chips label {
  display: flex;
  align-items: center;
  justify-content: space-between;        /* ÅؽºÆ® ÁÂÃø, üũǥ½Ã ¿ìÃø */
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #e1e1e1;           /* ¿¬ÇÑ È¸»ö Å׵θ® */
  border-radius: 12px;                   /* µÕ±Ù Ĩ */
  color: #313131;                         /* ¾îµÎ¿î ȸ»ö ÅؽºÆ® */
  font-size: 1.25em;
  line-height: 1.35;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.agree { margin: 5% 0 0 0;
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #e1e1e1;           /* ¿¬ÇÑ È¸»ö Å׵θ® */
  border-radius: 12px;                   /* µÕ±Ù Ĩ */
  box-sizing: border-box;
}

.agree label {
  display: flex;
  align-items: center;
  justify-content: space-between;        /* ÅؽºÆ® ÁÂÃø, üũǥ½Ã ¿ìÃø */
  width: 100%;
  color: #313131;                         /* ¾îµÎ¿î ȸ»ö ÅؽºÆ® */
  font-size: 1.25em;
  line-height: 1.35;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.note { width: 80%; font-size: 1.15em; line-height: 1.35; color: #a0a0a0; margin-top: 5%; }

/* üũ¹Ú½º´Â ½Ã°¢ÀûÀ¸·Î ¼û±è(Á¢±Ù¼º À¯Áö) */
.chips input[type="checkbox"], .agree input[type="radio"] {
  position: absolute;
  left: -9999px;
}

/* ¿ìÃø üũ ¾ÆÀÌÄÜ (±âº»Àº Åõ¸í) */
.chips label::after, .agree label::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e1e1e1" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') no-repeat center;
  background-size: contain;
}

/* ===== ¼±ÅÃµÈ »óÅ ===== */
/* Æ÷ÀÎÆ®: label ¹Ù·Î µÚÀÇ inputÀÌ Ã¼Å©µÇ¸é ½ºÅ¸ÀÏ º¯°æ */
.chips label:has(+ input[type="checkbox"]:checked), .agree label:has(+ input[type="radio"]:checked) {
  border-color: #209def;                  /* ÆĶû°è¿­ Å׵θ® */
  color: #209def;                         /* ÆĶõ ÅؽºÆ® */
}

/* ¼±Åà ½Ã ¿ìÃø üũ ¾ÆÀÌÄÜ Ç¥½Ã */
.chips label:has(+ input[type="checkbox"]:checked)::after, .agree label:has(+ input[type="radio"]:checked)::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%231890FF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') no-repeat center;
  background-size: contain;
}

.modal-close {
  position: absolute;
  top: 50px;
  right: 20px;
  background: none;
  border: none;
  font-size: 34px;  /* ¾ÆÀÌÄÜ Å©±â */
  line-height: 1;
  color: #fff;
  cursor: pointer;
  transition: color 0.2s ease;
}

.modal-footer {
  position: sticky; bottom: 0; z-index:1;
  margin-top: auto;          /* ¡ç ÀÌ ÇÑ ÁÙÀÌ ÇÏ´Ü °íÁ¤ÀÇ ÇÙ½É */
  display: flex;
  gap: 12px;
  padding-top: 20px;
  flex-shrink: 0;
}


.modal-footer .btn {
  flex: 1; /* ¹öÆ° ³Êºñ ±Õµî */
  height: 48px;
  border: none;
  border-radius: 12px; /* µÕ±Ù ¸ð¼­¸® */
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.modal-footer .btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* µÚ·Î °¡±â ¹öÆ° (ȸ»ö) */
.modal-footer .btn-secondary {
  background-color: #d9d9d9;
  color: #333;
}

/* ´ÙÀ½ ¹öÆ° (ÆĶõ»ö) */
.modal-footer .btn-primary {
  background-color: #1890ff;
  color: #fff;
}

.modal-footer .btn-primary:disabled {
  background-color: #a6d8f9; /* ºñÈ°¼ºÈ­µµ °°Àº ÆĶõ»ö À¯Áö */
}

/* BASIC css end */