form .form-corp-wrap > div:not(.title) {display: flex; flex-direction: column;}
form .form-corp-wrap > div:not(.title) input {width: 100%; height: 40px; border: solid 1px #d8e3ef; border-radius: 5px; padding: 0 15px; font-size: 14px; color: #333}
form .form-corp-wrap > div:not(.title) input ~ input {margin-top: 10px;}
form .form-corp-wrap > div:not(.title) input::placeholder {color: #707070;}
form .form-corp-wrap #linkIDBox:has(> input[formmater=linkID].invalid) {position: relative;}
form .form-corp-wrap #linkIDBox:has(> input[formmater=linkID].invalid)::after { content: '영문 대문자 및 특수문자만 입력 가능합니다.'; position: absolute; bottom: -5px; left: 15px; transform: translateY(100%); font-size: 13px; color: #949494;}
form .form-corp-wrap .tooltip { display: block; width: 16px; height: 16px; margin-left: 12px; background: url("/images/common/document/tooltip-icon.svg") center/cover no-repeat; transform: translateY(2px);}
form .form-corp-wrap [role=tooltip] { position: fixed; display: flex; gap: 10px; flex-direction: column; width: 330px; padding: 10px 15px; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(92, 133, 213, 0.5); border: solid 1px #30a5ff; background-color: #fff; z-index: 1; font-size: 14px; letter-spacing: -0.03em; color: #282828;}
form .form-corp-wrap [role=tooltip] > p {line-height: normal;}
form .form-corp-wrap [role=tooltip] > p em {font-weight: 600;}
form .form-corp-wrap [role=tooltip] > div { display: flex; flex-direction: column; gap: 5px; font-size: 13px; color: #333;}
form .form-corp-wrap [role=tooltip] > div strong {font-weight: 600;}
form .form-corp-wrap [role=tooltip] > div i {color: #006cff;}
form .form-corp-wrap [role=tooltip] > div.example {background: url("/images/customer-center/ic_big_mail.svg") left 12px top 14px no-repeat #f6f9ff; border-radius: 5px; padding: 10px 10px 10px 50px;}
form .form-corp-wrap [role=tooltip] > div.example b { padding: 0 2px; font-weight: 400; border-radius: 2px; border: dashed 1px #f00; background-color: #ffc7c7; position: relative;}
form .form-corp-wrap [role=tooltip] > div.example b::after { position: absolute; content: ''; display: block; width: 10px; height: 10px; background: url('/images/customer-center/ic_red_check.svg') no-repeat; right: -13px; top: 50%; transform: translateY(-50%);}

@media (max-width: 1250px) {
    form .form-corp-wrap .title:has(> p span.red-dot) {gap: 10px;}
}

@media (max-width: 500px) {
    form .form-corp-wrap [role=tooltip] {
        left: 50% !important;
        transform: translateX(-50%);
    }
}