@font-face{font-family:Pretendard-Regular;src:url('../fonts/Pretendard-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
body{font-size:1rem;font-family:Pretendard-Regular,sans-serif}
.feather{width:16px;height:16px;vertical-align:text-bottom}
.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;padding:48px 0 0 calc(25% - 220px);box-shadow:inset -1px 0 0 rgba(0,0,0,.1);max-width:25%}
.sidebar-sticky{position:sticky;top:0;height:calc(100vh - 48px);padding-top:.5rem;overflow-x:hidden;overflow-y:auto}
.sidebar .nav-link{font-weight:600;color:#333;padding:3px 0 3px 12px;white-space:nowrap}
.sidebar .nav-link .feather{margin-right:4px;color:#999}
.sidebar .nav-link.active{color:#007bff;font-weight:900}
.sidebar .nav-link:hover .feather,.sidebar .nav-link.active .feather{color:inherit}
.sidebar .nav-link:hover{font-weight:900;padding-left:14px}
.side-button{border:0;background:none;text-align:left;width:100%}
.sidebar-heading{font-size:.75rem;text-transform:uppercase}
.sidebar-box{width:500px;font-size:15px;font-weight:900;padding:8px 20px;border:0;color:#fff;letter-spacing:1px;white-space:nowrap}
.section-info{background:linear-gradient(45deg,transparent 5%,#45858c 5%)}
.section-work{background:linear-gradient(45deg,transparent 5%,#87bdbd 5%)}
.section-board{background:linear-gradient(45deg,transparent 5%,#d9b166 5%)}
.section-about{background:linear-gradient(45deg,transparent 5%,#bf9969 5%)}
.navbar-brand{padding-top:.75rem;padding-bottom:.75rem;font-size:1rem;background:rgba(0,0,0,.25);box-shadow:inset -1px 0 0 rgba(0,0,0,.25)}
.topbar{white-space:nowrap}
.topbar>.btn,.topbar>form>.btn{background:inherit;color:#fff;font-size:1.1rem;font-weight:700;padding:6px 10px}
.topbar>.btn:hover,.topbar>form>.btn:hover{color:#d4d4d4;font-weight:900;padding-top:9px}
.topbar>.token-link,.topbar>.token-link:hover{background:red;border-radius:0}
.mobile-menu{padding:0;border:0;background:transparent;color:white}
.title-container{width:fit-content}
.title-box,.title-box:hover{font-size:28px;font-weight:900;padding:10px 20px;border:0;color:#fff!important;letter-spacing:1px;line-height:60px;outline:transparent;position:relative;background:linear-gradient(45deg,transparent 5%,firebrick 5%);text-decoration:none}
main table{table-layout:fixed}
.date-start{color:blue}.date-end{color:red;font-weight:bold}
.center,.center th,.center td{text-align:center}
.score-cell{color:blue}
.login-panel{width:200px;padding-top:100px}
.login-actions{display:flex;justify-content:space-between;margin-left:-10px;margin-right:10px}
.field-errors{color:#b22222;margin:.25rem 0 .75rem;padding-left:1.25rem}
.form-help{font-size:80%;color:#6c757d}
.unavailable{opacity:.5}
.table .radio-label{margin:0}
.table .language-name{font-weight:bold}
.table_title{max-width:72%!important;width:72%!important}
.table_info{width:100px!important}.table_idx{width:60px}
#board_list_table .table_title>div:first-child{overflow:hidden;text-overflow:ellipsis}
.text-comment-info{color:#c30;font-weight:bold}
.post_info h5{display:flex;justify-content:space-between}
.post_info .post-date{font-weight:200}.post_info .post-author{font-weight:500}
#viewer{min-height:200px;margin-bottom:50px}
.toastui-editor-contents{font-size:1rem}
.markdown-source{white-space:pre-wrap;overflow-wrap:anywhere}
#f-table .wrap-table100{width:400px;margin-top:20px}
#f-table .table100{border:.1px solid rgba(194,194,194,.366);border-radius:6px}
#f-table table{border-collapse:collapse;background:white;border-radius:6px;overflow:hidden;width:100%;margin:0 auto;position:relative}
#f-table th,#f-table td{padding-left:20px;text-align:left}
#f-table thead tr{height:30px;background:#e7e7e7}
#f-table tbody tr{height:38px;font-size:14px}
#f-table tbody tr:nth-child(even){background:#f5f5f5}
#f-table tbody tr:hover{background:#dce8ec79}
#f-table input[type=file]{max-width:260px}
.attachment-add{background:none;border:0;padding:0 4px;line-height:1}
.cards{margin-bottom:100px}
.comment-row{border-bottom:2.5px double rgba(77,77,77,.062);padding:15px 50px 15px 30px}
.comment-row:hover{background:rgba(0,0,0,.02)}
.comment-footer{display:flex;justify-content:space-between}
.comment-author{font-size:1.2em}
.retweet-author{font-size:1.1em}
.comment-date{text-align:right;color:#6c757d}
.comment-text{min-width:0}
.comment-row{scroll-margin-top:65px}
.fa-reply.rotate180{transform:rotate(180deg) scale(1.3);color:#7e7e7e}
.fa.fa-user{color:dimgray}
.action-icons{display:flex;align-items:center;gap:10px;min-height:24px}
.action-icons a,.action-icons button{color:#99abb4;font-size:16px;border:0;padding:0;background:none;line-height:1.5}
.action-icons a:hover,.action-icons button:hover,.action-icons a[aria-expanded=true]{color:#1976d2}
[data-comment-slot]>form{margin-top:12px}
.errorlist{color:#b22222;padding-left:20px}
.compiler-message{white-space:pre-wrap;overflow-wrap:anywhere}
.token-code{width:100%;height:200px;padding:10px;box-sizing:border-box;border:solid 2px #1e90ff;border-radius:5px;font-size:16px;resize:both}
.token-code:focus{outline:1px solid #1e90ff}
.btn-group-toggle label:focus-within{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.token-result td.number{text-align:right;color:#a91b0d}
.token-result{width:60%;min-width:520px;margin-top:-6px}
.staff-name,.staff-name .fa{color:#cf003a!important}
.staff-name .fa{font-size:.9em}
.submission-languages th:nth-child(3){text-align:left}
.submission-languages th:nth-child(4){text-align:left}
.submission-receipt{margin:0 0 24px -5px}
.submission-receipt dt{font-weight:400;margin-bottom:16px}
.submission-receipt dd{margin-bottom:24px}
.submission-receipt dd:last-child{margin-bottom:0}
.admin-overview{table-layout:auto!important;white-space:nowrap}
.admin-overview th a{color:white}
.admin-overview td{vertical-align:middle}
.admin-overview .best-score{color:#ff3b20;font-weight:bold}
.admin-overview .attempts{color:blue;font-weight:bold}
.admin-overview .no-submission .best-score{color:gray;font-weight:normal}
.admin-overview .no-submission{color:gray}
.admin-history{table-layout:auto}
.admin-history th,.submission-action-cell{white-space:nowrap}
.submission-code-column{width:52px}
.submission-result-column{width:100px}
.source-view{padding:16px;border:1px solid #dee2e6;background:#f8f9fa;white-space:pre;tab-size:4;overflow:auto;font-size:14px;line-height:1.6}
.submission-review-nav{display:flex;flex-wrap:wrap;gap:8px}
.submission-metadata{table-layout:auto;min-width:660px}
.submission-metadata th{white-space:nowrap}
.submission-metadata td{overflow-wrap:anywhere}
.case-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.case-output-panel{min-width:0;margin-bottom:20px}
.case-output-panel h5{padding:10px 12px;background:#343a40;color:white;font-size:16px}
.case-output-panel .output-view{max-height:520px;margin-bottom:0}
.evidence-note{font-size:14px;overflow-wrap:anywhere}
.empty-output{border:1px solid #dee2e6;padding:16px;color:#6c757d;background:#f8f9fa}
#submission-source{scroll-margin-top:65px}
@media(max-width:767.98px){.case-output-grid{grid-template-columns:1fr}}
@media(min-width:768px){
  main[role=main]{flex:0 0 75%!important;max-width:75%!important;padding-left:50px!important}
  #main_center{max-width:1000px;min-width:800px;margin:0!important}
}
@media(max-width:767.98px){
  .token-result{width:100%;min-width:0;margin-top:16px}
  main[role=main]{margin-left:0!important;padding-left:10px!important}
  #main_center{width:100%!important;margin:0!important}
  .table_idx,.table_info{display:none}
  th.table_title{text-align:center}
  .mobile-info{display:flex!important;gap:1.5rem;font-size:.8em;color:#999}
  .topbar,.navbar-nav{width:100%;display:flex;justify-content:space-around}
  .topbar>.btn,.topbar>form>.btn,.topbar>.btn:hover{margin:5px 0;font-size:.9rem;padding:3px!important}
  .topbar>.btn:nth-child(4){display:none}
  .title-box,.title-box:hover{font-size:1em;padding:8px 20px!important}
  .mobile-menu{display:inherit!important}
  .mobile-menu .feather{width:20px;height:20px}
  .sidebar{top:5rem;left:auto;right:0;max-width:65%;padding:0;box-shadow:0 22px 70px 4px rgba(0,0,0,.56)}
  .sidebar-sticky{height:calc(100vh - 5rem)}
  .sidebar.show{display:block}
  #f-table .wrap-table100{width:100%}
  .comment-row{padding:15px}
}