.writter-info-modal-wrapper{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease,transform .3s ease;animation:fadeIn .3s ease}.writter-info-modal{width:100%;max-width:484px;background-color:#fff;border-radius:10px;padding-top:50px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.1)}.writter-info-modal .inner{padding-inline:40px;box-sizing:border-box}.writter-info-modal .title{font-size:22px;font-family:Pretendard Bold}.writter-info-modal .content-box{padding-top:30px;display:flex;flex-direction:column;gap:15px}.writter-info-modal .content-box .content{display:flex;flex-direction:column;gap:5px}.writter-info-modal .content-box .content .label{font-size:16px;color:#5d5d5d;font-family:Pretendard Regular}.writter-info-modal .content-box .content .value{display:flex;justify-content:space-between;align-items:center}.writter-info-modal .content-box .content .value span{font-size:16px;color:#2C2C2C;font-family:Pretendard SemiBold}.writter-info-modal .content-box .content .value img{cursor:pointer}.writter-info-modal .button-box{display:flex;justify-content:center;gap:10px;margin-top:50px}.writter-info-modal .button-box .button{width:100%;padding:16px 20px;height:59px;font-size:16px;font-family:Pretendard Bold;cursor:pointer;background:#08A2BB;border-radius:0 0 8px 8px;color:#fff}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(-20px)}@media screen and (max-width:1300px){.writter-info-modal{max-width:360px}.writter-info-modal .title{font-size:18px}.writter-info-modal .content-box{padding-top:22px}.writter-info-modal .content-box .content .label,.writter-info-modal .content-box .content .value span{font-size:14px}.writter-info-modal .button-box{margin-top:29px}.writter-info-modal .button-box .button{height:50px;font-size:14px}}@media screen and (max-width:650px){.writter-info-modal{max-width:80%;padding-top:42px}.writter-info-modal .inner{padding-inline:14px}.writter-info-modal .title{font-size:16px}.writter-info-modal .content-box{padding-top:20px;gap:10px}.writter-info-modal .content-box .content .label,.writter-info-modal .content-box .content .value span{font-size:12px}.writter-info-modal .button-box{gap:5px;margin-top:34px}.writter-info-modal .button-box .button{padding:12px 16px;height:40px;font-size:12px}}