.pagination{margin:20px 0}.pagination,.pagination .page-items{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination .page-items{width:24px;height:24px;border-radius:99999px;color:#6f6f6f;font-size:16px;margin:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.pagination .page-items.num:hover{background:var(--btn-main-disabled)}.pagination .page-items.num.active{color:#fff;background:var(--btn-main)}@media screen and (max-width:1200px){.pagination{margin:40px 0}.pagination,.pagination .page-items{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination .page-items{width:40px;height:40px;border-radius:99999px;color:#6f6f6f;font-size:28px;margin:0 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.pagination .page-items img{width:30px}}.msg-box[data-v-291d3061]{margin-bottom:60px}.top-div[data-v-291d3061]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-bottom:1px solid var(--color-gray1);padding:16px 0}.top-btn[data-v-291d3061]{font-size:14px;padding:8px 16px;position:absolute;right:0}.message[data-v-291d3061]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 16px;color:#6f6f6f;background:#f9f9f9;border-bottom:1px solid var(--color-gray1)}.message[data-v-291d3061]:hover{-webkit-box-shadow:1px 2px 9px 1px var(--color-gray1);box-shadow:1px 2px 9px 1px var(--color-gray1)}.message .content[data-v-291d3061]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:calc(100% - 110px);padding-left:16px}.message .content header[data-v-291d3061]{color:#4b4b4b;font-size:16px}.message .content p[data-v-291d3061]{font-size:14px;margin:4px 0}.message .content span[data-v-291d3061]{font-size:11px;color:#acacac;margin-top:8px}.message .content span+span[data-v-291d3061]{margin-top:4px;font-size:10px}.message .button[data-v-291d3061]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;width:110px}.message .button .btn[data-v-291d3061]{border:1px solid #cecece;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;color:#cecece;-webkit-box-shadow:none!important;box-shadow:none!important;padding:4px 16px;white-space:nowrap}.message.unread[data-v-291d3061]{background:#fff}.message.unread .content header[data-v-291d3061]{font-weight:700;color:#4b4b4b}.message.unread .button .btn[data-v-291d3061]{font-weight:700;color:var(--btn-main);border-color:var(--btn-main)}.pers-title-name[data-v-291d3061]{color:var(--ft-pers-title-color)}@media (max-width:1200px){.msg-box[data-v-291d3061]{margin-bottom:120px}.bg-pers[data-v-291d3061]{padding:28px 0!important}.pers-title span[data-v-291d3061]{color:var(--ft-main);font-weight:700;font-size:40px}.top-div[data-v-291d3061]{padding:20px 40px 30px}.top-btn[data-v-291d3061]{font-size:22px;border-radius:12px;padding:8px 15px;right:25px}.message[data-v-291d3061]{padding:20px 40px}.message .content[data-v-291d3061]{min-width:calc(100% - 176px)}.message .content header[data-v-291d3061]{font-size:28px}.message .content p[data-v-291d3061]{font-size:24px;margin:12px 0 10px;padding-right:8px}.message .content span[data-v-291d3061]{font-size:20px}.message .content span+span[data-v-291d3061]{margin-top:4px;font-size:20px}.message .button[data-v-291d3061]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding:40px 0 0 16px;width:176px}.message .button .btn[data-v-291d3061]{font-size:20px;border-radius:8px;border-radius:12px}}#CourseModalDialog .modal-dialog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto}#CourseModalDialog .modal-header{padding-bottom:25px}#CourseModalDialog .modal-content{border-radius:12px;width:370px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:17px}#CourseModalDialog .header{color:#4b4b4b;font-size:16px;font-weight:700}#CourseModalDialog .header+p{color:#6f6f6f;font-size:10px;margin:0;margin-top:8px}#CourseModalDialog .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#CourseModalDialog .item+.item{margin-top:40px}#CourseModalDialog .title{font-weight:700;margin-bottom:8px}#CourseModalDialog .title,#CourseModalDialog .title~span{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#CourseModalDialog .title~span{color:#6f6f6f;text-align:center}#CourseModalDialog .corse{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:16px}#CourseModalDialog .corse p{margin:0;margin-left:4px;font-weight:700;color:#ffb98a}#CourseModalDialog .position+.position{margin-top:8px}#CourseModalDialog .btnBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#CourseModalDialog .btn-pink,#CourseModalDialog .btn-white{margin:48px 4px 0;width:120px;height:40px;font-weight:700;font-size:16px!important;padding:0!important}@media (max-width:1200px){#CourseModalDialog .modal-dialog{max-width:550px!important}#CourseModalDialog .modal-content{width:550px;padding:27px 11px}#CourseModalDialog .header{font-size:28px}#CourseModalDialog .header+p{font-size:18px;margin-top:4px}#CourseModalDialog .item+.item{margin-top:48px}#CourseModalDialog .title{font-size:24px;margin-bottom:16px}#CourseModalDialog .title~span{font-size:24px}#CourseModalDialog .position+.position{margin-top:16px}#CourseModalDialog .btnBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#CourseModalDialog .btn-pink,#CourseModalDialog .btn-white{margin-top:40px;width:240px;height:90px;font-size:28px!important;padding:0!important}#CourseModalDialog .btn-white{margin-top:16px}}