@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700;900&display=swap";
.counseling-form{background:linear-gradient(#f8f6f1 0%,#f5f3ee 50%,#f2f0eb 100%);max-width:430px;margin:0 auto;padding:2rem 0;font-family:Noto Serif KR,Georgia,Times New Roman,serif}.form-container{background:#fff;border:1px solid rgba(212,165,32,.1);padding:2rem 1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.form-title{color:#2a2520;text-align:center;letter-spacing:-.02em;margin-bottom:2rem;font-size:1.8rem;font-weight:700}.form-section{border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none}.section-title{color:#2a2520;border-left:3px solid #d4a520;margin-bottom:1.2rem;padding-left:.5rem;font-size:1.2rem;font-weight:600}.form-group{margin-bottom:1.2rem}.form-label{color:#4a4a4a;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-label.required:after{content:" *";color:#ff6b6b}.form-input{color:#2a2520;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;width:100%;padding:.85rem 1rem;font-family:Noto Serif KR,serif;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:#d4a520;outline:none;box-shadow:0 0 0 3px rgba(212,165,32,.1)}.form-input::placeholder{color:#aaa}.people-count-buttons{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.5rem;display:grid}.people-count-btn{color:#6a6a6a;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:.8rem .5rem;font-family:Noto Serif KR,serif;font-size:.95rem;font-weight:600;transition:all .3s}.people-count-btn:hover{color:#d4a520;border-color:#d4a520;transform:translateY(-2px)}.people-count-btn.active{color:#fff;background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%);border-color:#d4a520;box-shadow:0 4px 12px rgba(212,165,32,.3)}.person-card{background:#faf9f7;border:1.5px solid #e8e5e0;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.person-card-title{color:#2a2520;border-bottom:2px solid #d4a520;margin-bottom:1.2rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.gender-group{gap:1rem;display:flex}.gender-option{flex:1;position:relative}.gender-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.gender-label{text-align:center;color:#6a6a6a;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:.85rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s;display:block}.gender-option input[type=radio]:checked+.gender-label{color:#fff;background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%);border-color:#d4a520;box-shadow:0 4px 12px rgba(212,165,32,.2)}.gender-label:hover{color:#d4a520;border-color:#d4a520}.birth-date-inputs{align-items:center;gap:.8rem;display:flex}.date-input-wrapper{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;flex:1;align-items:center;gap:.4rem;padding:.85rem 1rem;transition:all .3s;display:flex}.date-input-wrapper:focus-within{border-color:#d4a520;box-shadow:0 0 0 3px rgba(212,165,32,.1)}.birth-year-input,.birth-month-input,.birth-day-input{color:#2a2520;text-align:center;background:0 0;border:none;flex:1;width:100%;padding:0;font-family:Noto Serif KR,serif;font-size:.95rem}.birth-year-input:focus,.birth-month-input:focus,.birth-day-input:focus{outline:none}.birth-year-input::placeholder,.birth-month-input::placeholder,.birth-day-input::placeholder{color:#aaa;text-align:center}.date-separator{color:#6a6a6a;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;font-size:.9rem;font-weight:500}.react-datepicker-wrapper{width:100%}.react-datepicker{border:1.5px solid #e0e0e0;border-radius:12px;font-family:Noto Serif KR,serif;box-shadow:0 4px 20px rgba(0,0,0,.15)}.react-datepicker__header{background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%);border-bottom:none;border-radius:12px 12px 0 0;padding-top:.8rem}.react-datepicker__current-month{color:#fff;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{color:#fff}.react-datepicker__month-read-view,.react-datepicker__year-read-view{color:#fff!important}.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:#fff!important}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:rgba(255,255,255,.8)!important}.react-datepicker__day-name{color:rgba(255,255,255,.9);margin:.2rem;font-weight:500}.react-datepicker__day{color:#2a2520;border-radius:8px;margin:.2rem;transition:all .2s}.react-datepicker__day:hover{background:rgba(212,165,32,.2);border-radius:8px}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%);border-radius:8px;font-weight:600;color:#fff!important}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background:linear-gradient(135deg,#b8860b 0%,#d4a520 100%);color:#fff!important}.react-datepicker__day--today{color:#d4a520;font-weight:600}.react-datepicker__day--today.react-datepicker__day--selected,.react-datepicker__day--today.react-datepicker__day--keyboard-selected{color:#fff!important}.react-datepicker__navigation{top:1rem}.react-datepicker__navigation-icon:before{border-color:#fff}.react-datepicker__navigation:hover :before{border-color:rgba(255,255,255,.8)}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background:rgba(212,165,32,.1)}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{color:#fff;background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%)}.time-info-icon{flex-shrink:0;font-size:1rem}.time-info-text{white-space:"pre-wrap";flex:1;font-family:Noto Serif KR,serif}.birth-time-container{flex-direction:column;gap:.8rem;display:flex}.time-options{flex-wrap:wrap;gap:.6rem;display:flex}.time-option-btn{color:#6a6a6a;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.6rem 1rem;font-family:Noto Serif KR,serif;font-size:.85rem;font-weight:500;transition:all .3s}.time-option-btn:hover{color:#d4a520;border-color:#d4a520}.time-option-btn.active{color:#fff;background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%);border-color:#d4a520;box-shadow:0 2px 8px rgba(212,165,32,.2)}.time-input-group{align-items:center;gap:.8rem;display:flex}.time-number-inputs{flex:1}.time-input-wrapper{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;align-items:center;gap:.5rem;padding:.85rem 1rem;transition:all .3s;display:flex}.time-input-wrapper:focus-within{border-color:#d4a520;box-shadow:0 0 0 3px rgba(212,165,32,.1)}.time-hour-input,.time-minute-input{color:#2a2520;text-align:center;background:0 0;border:none;flex:1;width:60px;padding:0;font-family:Noto Serif KR,serif;font-size:.95rem}.time-hour-input:focus,.time-minute-input:focus{outline:none}.time-hour-input::placeholder,.time-minute-input::placeholder{color:#aaa;text-align:center}.time-separator{color:#2a2520;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1.2rem;font-weight:600}.ampm-select{color:#2a2520;cursor:pointer;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;flex:0 0 80px;padding:.85rem .8rem;font-family:Noto Serif KR,serif;font-size:.95rem;transition:all .3s}.ampm-select:focus{border-color:#d4a520;outline:none;box-shadow:0 0 0 3px rgba(212,165,32,.1)}.time-input{color:#2a2520;cursor:pointer;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;flex:1;padding:.85rem 1rem;font-family:Noto Serif KR,serif;font-size:.95rem;transition:all .3s}.time-input:focus{border-color:#d4a520;outline:none;box-shadow:0 0 0 3px rgba(212,165,32,.1)}.time-input:hover{border-color:#d4a520}.react-datepicker__time-container{border-left:1px solid #e0e0e0}.react-datepicker__time-container .react-datepicker__time{background:#fff}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}.react-datepicker__time-list-item{color:#2a2520;padding:.5rem;font-family:Noto Serif KR,serif;font-size:.9rem;transition:all .2s}.react-datepicker__time-list-item:hover{background:rgba(212,165,32,.1)}.react-datepicker__time-list-item--selected{color:#fff;background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%);font-weight:600}.react-datepicker__time-list-item--selected:hover{background:linear-gradient(135deg,#b8860b 0%,#d4a520 100%)}.react-datepicker__time-list-item--disabled{color:#ccc;cursor:not-allowed}.birth-place-group{flex-direction:column;gap:.8rem;display:flex}.unknown-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.unknown-checkbox input[type=checkbox]{cursor:pointer;accent-color:#d4a520;width:18px;height:18px}.unknown-checkbox span{color:#6a6a6a;font-size:.9rem}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4a520 0%,#b8860b 100%);border:none;border-radius:12px;width:100%;margin-top:2rem;padding:1.2rem;font-family:Noto Serif KR,serif;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px rgba(212,165,32,.3)}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(212,165,32,.4)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-with-icon{position:relative}.input-with-icon .icon{color:#aaa;font-size:1.2rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:2.8rem}.modal{z-index:1000;background:rgba(0,0,0,.7);justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.modal.active{display:flex}.modal-content{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:500px;padding:3rem;font-family:Noto Serif KR,serif;animation:.3s ease-out modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#2a2520;margin-bottom:1.5rem;font-family:Noto Serif KR,serif;font-size:1.8rem;font-weight:900;line-height:1.5}.modal-text{color:#555;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.bank-info{background:#f8f6f1;border-left:4px solid #d4a520;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.bank-info p{color:#2a2520;margin:.5rem 0;font-size:1.15rem;font-weight:700}.bank-info .amount{color:#e63946;font-size:1.5rem}.modal-close{color:#d4af37;cursor:pointer;background:#0a0a0a;border:none;border-radius:6px;margin-top:1rem;padding:1rem 2rem;font-family:Noto Serif KR,serif;font-size:1.1rem;font-weight:700;transition:all .3s}.modal-close:hover{color:#0a0a0a;background:#d4af37}@media (max-width:480px){.counseling-form{padding:1.5rem 0}.form-container{padding:1.5rem 1rem}.form-title{font-size:1.5rem}.people-count-buttons{grid-template-columns:repeat(2,1fr)}.modal-content{padding:2rem 1.5rem}.modal-title{font-size:1.5rem}}
