@charset "utf-8";

/* 팝업 폼메일 스타일 */
#formmail-write{position: relative; padding: 0; margin: 0; font-size: 15px; border: none;}

#formmail-write .form-group{display: flex; flex-direction: column; margin-bottom: 16px;}
#formmail-write .form-group > label{font-size: 13px; font-weight: 600; color: #333; margin-bottom: 6px; padding: 0;}
#formmail-write .form-group > label .required{color: #e53e3e; font-weight: 700;}
#formmail-write .form-group > div{width: 100%;}

#formmail-write .form-row{display: flex; gap: 12px; margin-bottom: 0;}
#formmail-write .form-row .form-group{flex: 1; min-width: 0;}

#formmail-write .form-control{width: 100%; padding: 11px 14px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; color: #333; background: #f9fafb; transition: 0.2s; outline: none; box-sizing: border-box;}
#formmail-write .form-control:focus{border-color: var(--color); background: #fff; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);}
#formmail-write textarea.form-control{resize: vertical; min-height: 80px;}
#formmail-write select.form-control{appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px;}

#formmail-write .form-control-file{font-size: 14px; color: #666;}

/* 개인정보 처리방침 */
#formmail-write .privacy-of-use{font-size: 11px; line-height: 155%; padding: 10px 12px; margin-top: 16px; border: 1px solid #eee; border-radius: 8px; background: #f9fafb; height: 170px; overflow-y: auto; color: #999;}
#formmail-write .privacy-of-use .cont{margin-bottom: 10px;}
#formmail-write .privacy-of-use h4{margin-bottom: 4px; color: #555; font-size: 11px;}
#formmail-write .privacy-of-use dl{padding: 4px 0;}
#formmail-write .privacy-of-use dl dt{font-weight: 600; color: #666; font-size: 11px;}
#formmail-write .privacy-of-use dl dd{margin-left: 14px; font-size: 11px;}
#formmail-write .privacy-of-use ul{margin-left: 16px;}
#formmail-write .privacy-of-use ul li{margin-top: 4px;}
#formmail-write .privacy-of-use table{width: 100%; border-collapse: collapse;}
#formmail-write .privacy-of-use table th,
#formmail-write .privacy-of-use table td{border: 1px solid #e5e5e5; padding: 5px; font-size: 12px;}
#formmail-write .privacy-of-use table th{background: #f0f0f2;}

#formmail-write .privacy-of-use-check{text-align: left; padding: 10px 0; color: #666; font-size: 13px;}
#formmail-write .privacy-of-use-check label{display: flex; align-items: center; gap: 6px; cursor: pointer;}
#formmail-write .privacy-of-use-check input[type="checkbox"]{width: 16px; height: 16px; accent-color: var(--color);}

/* 하단 버튼 */
#formmail-write .form-footer{padding-top: 12px; text-align: center; border: none; margin-top: 0;}
#formmail-write .btn_submit{width: 100%; padding: 12px 20px; font-size: 15px; font-weight: 600; height: auto; background: var(--color); color: #fff; border: none; border-radius: 10px; cursor: pointer; transition: 0.2s; letter-spacing: -0.3px;}
#formmail-write .btn_submit:hover{background: var(--color-dark);}
#formmail-write .btn_submit i{margin-right: 6px;}

/* 캡챠 */
#formmail-write .form-group:last-child label{font-size: 14px;}

#formmail-write .check-list{position: absolute; right: 0; top: -30px; display: none;}