/* 모달 스타일 */

.contact-modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.contact-modal-content { position: absolute; padding: 2rem; background-color: #fff; padding: 2rem; border: 1px solid #888; border-radius: 1rem; top:50%; left:50%; transform: translate(-50%, -50%);}
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; border:0; background-color: #fff; }
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }
.modal-button { background-color: #007bff; color: #fff; padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; margin-top: 10px; }
.form-p input { width: 20rem; height: 2.5rem; padding-left:1rem; font-size: 1.2rem; border-radius: 3px; border:1px solid var(--ui-color-n-100); font-family: "Pretendard"; font-weight: 600; }
.form-p input::placeholder {font-weight: 400; font-size: 1rem;}
.form-p { display: block; padding:1rem; }
.jd-radio { width: 1.2rem; height: 1.2rem; margin-right: 0.3rem; cursor: pointer;}
.telecom-radio-group label {margin-right: 1rem; cursor: pointer; }
#sendButton{ font-size:1.2rem; font-family: 'Pretendard'; border-radius: 2rem; border:0; background-color: var(--ui-color-brand); color:#fff; font-weight: 600; margin:2rem 1rem 1rem 1rem;}
.telecom-radio-group, #privacyPolicy { display: flex; padding: 1rem; }
#consent-checkbox { width: 1.2rem; height: 1.2rem; cursor: pointer;}
.contact-modal-content { justify-content: center; }
.contact-modal-content p {text-align: center;}
.contact-modal-content button { margin-left:30%;}
#agreement { display: none; max-width:22rem; padding: 1rem; }
#agreeTitle { font-size: 1.2rem; border-bottom: 0.5px solid #888; margin-bottom:1rem; padding-bottom: 1rem; font-weight: 600; }
#agreeContents { max-height: 200px; overflow: hidden; overflow-y: auto;}
#modalTitle { margin-top:1rem; padding:1rem; font-size:var(--ui-typography-h3); font-weight: 600; }
#agreeContents p {text-align: left; margin: 0 0 1rem 0;}

@media screen and (max-width: 767px) {
    .contact-modal {background-color: #fff;}
    .contact-modal-content { border:0; height:100%}
}