/* 채용 - 교사모집 / 직원모집 (Figma 7929:8613 / 8168:11 / 8172:11) */
.ys-rt{display:flex;flex-direction:column;gap:2.5rem;width:100%}
.ys-rt *{box-sizing:border-box}
.ys-rt p{margin:0}
.ys-rt .ys-rt-tabs{justify-content:center;gap:.5rem}
.ys-rt .ys-rt-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;background:#fff;border:1px solid #e1e2e4;border-radius:3.125rem;color:#878a93;font-size:1.125rem;font-weight:700;line-height:1.5;white-space:nowrap;transition:.2s}
.ys-rt .ys-rt-tabs a:hover{border-color:#0B318F;color:#0B318F}
.ys-rt .ys-rt-tabs a.on{background:#0B318F;border-color:#0B318F;color:#fff}

.ys-rt .rt-cards{display:flex;flex-direction:column;gap:1.25rem;width:100%}
.ys-rt .rt-card{display:flex;align-items:center;gap:2rem;width:100%;padding:1.75rem 2.25rem 1.75rem 1.75rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.25rem}
.ys-rt .rt-card-img{flex:none;width:15rem;height:10rem;border-radius:.75rem;overflow:hidden;background:#eaf1fa}
.ys-rt .rt-card-img img{width:15rem;height:10rem;object-fit:cover;display:block}
.ys-rt .rt-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.25rem}
.ys-rt .rt-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}
.ys-rt .rt-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6.25rem;font-size:.875rem;font-weight:700;line-height:1.43;white-space:nowrap}
.ys-rt .rt-badge.cate{background:#eaf1fa;color:#0B318F}
.ys-rt .rt-badge.status.open{background:#fff;border:1px solid #0B318F;color:#0B318F}
.ys-rt .rt-badge.status.done{background:#fff;border:1px solid #aeb0b6;color:#878a93}
.ys-rt .rt-card-main{display:flex;align-items:center;gap:1.375rem;width:100%}
.ys-rt .rt-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;margin:0}
.ys-rt .rt-meta > div{display:flex;align-items:flex-start;gap:1.25rem}
.ys-rt .rt-meta dt{flex:none;width:4.5rem;margin:0;font-size:1.125rem;font-weight:700;color:#878a93;line-height:1.5}
.ys-rt .rt-meta dd{flex:1;min-width:0;margin:0;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
.ys-rt .rt-meta dd.subj,.ys-rt .rt-meta dd.subj a{font-weight:700;color:#0B318F}
.ys-rt .rt-meta dd.subj a:hover{text-decoration:underline}
.ys-rt .rt-card-btns{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:.625rem}
.ys-rt .rt-btn{display:inline-flex;align-items:center;justify-content:center;height:2.625rem;padding:0 1.125rem;border-radius:999px;font-size:.875rem;font-weight:500;line-height:1.43;white-space:nowrap;box-sizing:border-box;font-family:inherit}
.ys-rt .rt-btn.ghost{background:#fff;border:1.5px solid #0B318F;color:#0B318F}
body.ys-body .ys-rt a.rt-btn.ghost,body.ys-body .ys-rt a.rt-btn.ghost:visited{color:#0B318F}
.ys-rt .rt-btn.ghost:hover{background:#f2f7fc}
.ys-rt .rt-btn.primary{background:#0B318F;border:1.5px solid #0B318F;color:#fff}
body.ys-body .ys-rt a.rt-btn.primary,body.ys-body .ys-rt a.rt-btn.primary:visited{color:#fff}
.ys-rt .rt-btn.primary:hover{background:#06265a}
.ys-rt .rt-btn.disabled{background:#878a93;border:1.5px solid #878a93;color:#fff;pointer-events:none}
.ys-rt .rt-btn.wide{min-width:8.75rem}
.ys-rt .rt-empty{padding:4rem 1.25rem;text-align:center;color:#878a93;font-size:1.125rem;border:1px solid #e1e2e4;border-radius:1.25rem}
.ys-rt .rt-empty-inline{color:#878a93}

.ys-rt .rt-paging{display:flex;justify-content:center}
.ys-rt .rt-paging .pg_wrap{float:none;display:block;margin:0}
.ys-rt .rt-paging .pg{display:flex;align-items:center;justify-content:center;gap:1.5rem}
.ys-rt .rt-paging .pg_page,.ys-rt .rt-paging .pg_current{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.2;text-indent:0;overflow:visible}
.ys-rt .rt-paging .pg_page:hover{color:#292a2d;background:transparent}
.ys-rt .rt-paging .pg_current{font-weight:700;color:#292a2d}
.ys-rt .rt-paging .pg_start,.ys-rt .rt-paging .pg_prev,.ys-rt .rt-paging .pg_next,.ys-rt .rt-paging .pg_end{width:1.25rem;height:1.25rem;font-size:0;color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain}
.ys-rt .rt-paging .pg_start{background-image:url("/img/sub/edu/video/pg-first.svg")}
.ys-rt .rt-paging .pg_prev{background-image:url("/img/sub/edu/video/pg-prev.svg")}
.ys-rt .rt-paging .pg_next{background-image:url("/img/sub/edu/video/pg-next.svg")}
.ys-rt .rt-paging .pg_end{background-image:url("/img/sub/edu/video/pg-last.svg")}

.ys-rt .rt-view-head{display:flex;flex-direction:column;gap:1.25rem;padding:2rem 2.25rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.25rem}
.ys-rt .rt-view-title{margin:0;font-size:1.5rem;font-weight:700;color:#292a2d;letter-spacing:-.015em;line-height:1.33;word-break:keep-all}
.ys-rt .rt-view-head .rt-view-title{padding-bottom:1.25rem;border-bottom:1px solid #e1e2e4}
.ys-rt .rt-view-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}
.ys-rt .rt-view-foot .rt-meta dt{width:6.875rem}
.ys-rt .rt-view-body{display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem 2.25rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.25rem}
.ys-rt .rt-content{width:100%;max-width:56.25rem;margin:0 auto;min-width:0;overflow:hidden;color:#292a2d;line-height:1.7;word-break:keep-all}
.ys-rt .rt-content img,.ys-rt .rt-content video,.ys-rt .rt-content iframe{max-width:100% !important;height:auto !important}
.ys-rt .rt-content img{width:auto !important;display:block;margin:0 auto}
.ys-rt .rt-content table{max-width:100% !important;width:auto !important}
.ys-rt .rt-view-btns{display:flex;justify-content:center}

.ys-rt .rt-file-link{display:inline-flex;align-items:center;gap:.5rem;color:#292a2d;font-size:1.125rem;line-height:1.5}
.ys-rt .rt-file-link img{width:1.25rem;height:1.25rem;flex:none}
.ys-rt .rt-file-link + .rt-file-link{margin-top:.5rem}
.ys-rt .rt-hint{margin-top:.625rem;font-size:1.125rem;color:#878a93;line-height:1.5}
.ys-pgm.ys-rt .addr-cell .zrow{flex-wrap:nowrap;gap:.5rem}
.ys-pgm.ys-rt .addr-cell .zrow .fm-input,
.ys-pgm.ys-rt .addr-cell .zrow .fm-input.sm{width:7.5rem;max-width:7.5rem;flex:none}
.ys-pgm.ys-rt .addr-cell .fm-input.wide{width:100%;max-width:100%}
.ys-rt .rt-zbtn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:3.1875rem;padding:0 1.375rem;border:0;border-radius:.75rem;background:#0B318F;color:#fff;font-size:1.125rem;font-weight:500;cursor:pointer;white-space:nowrap;font-family:inherit;flex:none;width:auto}
.ys-rt .rt-zbtn img{width:1.25rem;height:1.25rem;flex:none}
.ys-rt .rt-zbtn:hover{background:#06265a}
.ys-rt .rt-file-row{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 0;border-bottom:1px solid #eaebec}
.ys-rt .rt-file-row:first-child{padding-top:0}
.ys-rt .rt-file-row:last-of-type{border-bottom:0}
.ys-rt .rt-file-lb{flex:none;width:10rem;font-size:1.125rem;font-weight:700;color:#292a2d;line-height:1.5}
.ys-rt .rt-file-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.375rem;border-radius:.75rem;background:#878a93;color:#fff;font-size:1.125rem;font-weight:500;line-height:1.5;cursor:pointer;white-space:nowrap;overflow:hidden}
.ys-rt .rt-file-btn input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ys-rt .rt-file-name{flex:1;min-width:0;font-size:1.125rem;color:#878a93;line-height:1.5}

@media(max-width:1024px){
  .ys-rt{gap:1.75rem}
  .ys-rt .ys-rt-tabs{justify-content:flex-start}
  .ys-rt .ys-rt-tabs a{padding:.5rem 1rem;font-size:.9375rem}
  .ys-rt .rt-card{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.25rem}
  .ys-rt .rt-card-img,.ys-rt .rt-card-img img{width:100%;height:auto;aspect-ratio:240/160;object-fit:cover}
  .ys-rt .rt-card-main{flex-direction:column;align-items:stretch;gap:1rem}
  .ys-rt .rt-card-btns{justify-content:flex-end}
  .ys-rt .rt-view-head,.ys-rt .rt-view-body{padding:1.5rem 1.25rem}
  .ys-rt .rt-view-title{font-size:1.25rem}
  .ys-rt .rt-view-foot{flex-direction:column}
  .ys-rt .rt-meta dt{width:4.5rem}
  .ys-rt .rt-paging .pg{gap:1rem}
  .ys-rt .rt-paging .pg_page,.ys-rt .rt-paging .pg_current{font-size:1rem}
  .ys-rt .rt-paging .pg_start,.ys-rt .rt-paging .pg_prev,.ys-rt .rt-paging .pg_next,.ys-rt .rt-paging .pg_end{width:1rem;height:1rem}
}

@media(max-width:768px){
  .ys-rt .rt-meta dt,
  .ys-rt .rt-meta dd,
  .ys-rt .rt-empty,
  .ys-rt .rt-file-link,
  .ys-rt .rt-hint,
  .ys-rt .rt-file-lb,
  .ys-rt .rt-file-btn,
  .ys-rt .rt-file-name{font-size:1rem}
  .ys-rt .rt-card-btns{width:100%}
  .ys-rt .rt-card-btns .rt-btn{flex:1}
  .ys-pgm.ys-rt .fm-table,
  .ys-pgm.ys-rt .fm-table tbody{display:block;width:100%;max-width:100%}
  .ys-pgm.ys-rt .fm-table td{max-width:100%;min-width:0}
  .ys-rt .rt-file-row{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}
  .ys-rt .rt-file-lb{width:auto;min-width:0;flex:1 1 100%;white-space:normal}
  .ys-rt .rt-file-btn{flex:none;padding:.5rem .75rem;border-radius:.5rem}
  .ys-rt .rt-file-name{flex:1 1 0;min-width:0;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ys-pgm.ys-rt .addr-cell{gap:0;width:100%;max-width:100%}
  .ys-pgm.ys-rt .addr-cell > * + *{margin-top:0.5rem}
  .ys-pgm.ys-rt .addr-cell .zrow{flex-wrap:wrap;width:100%}
  .ys-pgm.ys-rt .addr-cell .zrow .fm-input,
  .ys-pgm.ys-rt .addr-cell .zrow .fm-input.sm{width:auto;max-width:none;flex:1 1 6rem;min-width:0}
  .ys-rt .rt-zbtn{width:auto;flex:1 1 auto;min-width:0;padding:0 .75rem;font-size:1rem}
  .ys-rt .rt-hint{word-break:keep-all;overflow-wrap:anywhere}
}