:root{
  --yj-lh100-blue:#0878a6;
  --yj-lh100-deep:#062e49;
  --yj-lh100-navy:#073b5b;
  --yj-lh100-text:#10283a;
  --yj-lh100-muted:#6f808d;
  --yj-lh100-line:#dce5ea;
  --yj-lh100-soft:#f5f8fa;
  --yj-lh100-wrap:1180px;
  --yj-lh100-gap:22px;
}

html{scroll-behavior:smooth}
body.yj-lh100-page{
  margin:0!important;
  color:var(--yj-lh100-text)!important;
  background:#fff!important;
  font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic","Segoe UI",sans-serif!important;
  font-size:15px;
  line-height:1.55;
  letter-spacing:-.02em;
}
body.yj-lh100-page *{box-sizing:border-box}
body.yj-lh100-page a{color:inherit;text-decoration:none}
body.yj-lh100-page img{max-width:100%;height:auto}
.yj-lh100-site{min-height:100vh;background:#fff}
.yj-lh100-wrap{width:min(var(--yj-lh100-wrap),calc(100% - 32px));margin-inline:auto}

/* yj123.co.kr 메인 공통형: 기관명 상단 + 중앙배너 폭에 맞춘 고정형 메뉴 */
.yj-lh100-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--yj-lh100-line)}
.yj-lh100-header-top{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.yj-lh100-brand{display:flex;flex-direction:column;line-height:1.15}
.yj-lh100-brand strong{color:#142534;font-size:22px;font-weight:850;letter-spacing:-.045em;white-space:nowrap}
.yj-lh100-brand small{margin-top:5px;color:var(--yj-lh100-blue);font-size:8px;font-weight:850;letter-spacing:.14em;white-space:nowrap}
.yj-lh100-account{display:flex;align-items:center;gap:9px;color:#73818b;font-size:11px;white-space:nowrap}
.yj-lh100-account>span{width:1px;height:12px;background:#dce3e7}
.yj-lh100-mypage{margin-left:7px;padding:9px 13px;border:1px solid #cad9e1;color:var(--yj-lh100-navy)!important;font-weight:800}
.yj-lh100-mypage:hover{border-color:var(--yj-lh100-blue);color:var(--yj-lh100-blue)!important}

.yj-lh100-nav{margin-top:4px;border-top:1px solid #eceeef;background:#fff}
.yj-lh100-nav-scroll{width:min(var(--yj-lh100-wrap),calc(100% - 32px));margin-inline:auto}
.yj-lh100-nav ul{display:flex;width:calc((100% - var(--yj-lh100-gap)) * .7);max-width:none;align-items:center;justify-content:space-between;gap:0;margin:0;padding:0;list-style:none}
.yj-lh100-nav li{flex:0 0 auto;min-width:0}
.yj-lh100-nav a{position:relative;display:flex;height:58px;padding:1px 0 0;align-items:flex-start;justify-content:center;flex-direction:column;color:#30353a;font-size:15px;font-weight:600;line-height:1.1;white-space:nowrap;transition:color .18s ease,transform .18s ease,opacity .18s ease}
.yj-lh100-nav li:first-child a{font-weight:700}
.yj-lh100-nav small{display:block;margin-top:4px;color:#96a2a9;font-size:8px;font-weight:600;line-height:1;letter-spacing:.65px;white-space:nowrap}
.yj-lh100-nav a:hover{color:#246b8a;transform:translateY(-1px)}
.yj-lh100-nav a:hover small{color:#6f91a1}
.yj-lh100-nav a.is-active:after{display:none;content:none}

/* 중앙 배너 + 수강생 전용 게시판: 메인과 같은 7:3 구조 */
.yj-lh100-main{display:grid;grid-template-columns:minmax(0,7fr) minmax(310px,3fr);gap:var(--yj-lh100-gap);padding-top:28px;padding-bottom:0;align-items:stretch}
.yj-lh100-hero{--yj-lh100-mask-rgb:6,46,73;--yj-lh100-mask-opacity:.81;--yj-lh100-mask-end:55%;--yj-lh100-hero-title:#fff;--yj-lh100-hero-text:#dceef7;--yj-lh100-hero-button:#0b6fa0;position:relative;min-height:390px;overflow:hidden;background-color:var(--yj-lh100-deep);box-shadow:0 10px 24px rgba(25,58,78,.08)}
.yj-lh100-hero-slide{position:absolute;z-index:0;inset:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0s linear .62s,opacity .62s ease;will-change:opacity}
.yj-lh100-hero-slide.is-active{z-index:1;visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
.yj-lh100-hero-media{position:absolute;z-index:0;inset:-1px;background-position:center;background-size:cover;transform:scale(1.015);transition:transform 1.15s ease;will-change:transform}
.yj-lh100-hero-slide.is-active .yj-lh100-hero-media{transform:scale(1)}
.yj-lh100-hero:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(var(--yj-lh100-mask-rgb),var(--yj-lh100-mask-opacity)) 0%,rgba(var(--yj-lh100-mask-rgb),calc(var(--yj-lh100-mask-opacity) * .88)) 38%,rgba(var(--yj-lh100-mask-rgb),calc(var(--yj-lh100-mask-opacity) * .38)) var(--yj-lh100-mask-end),rgba(var(--yj-lh100-mask-rgb),0) 100%);pointer-events:none}
.yj-lh100-hero:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(1,28,44,.12));pointer-events:none}
.yj-lh100-hero-copy{position:relative;z-index:3;width:58%;padding:60px 0 105px 50px;color:var(--yj-lh100-hero-title)}
.yj-lh100-eyebrow{display:block;color:#16b7dc;font-size:10px;font-weight:900;letter-spacing:.17em}
.yj-lh100-hero h1{margin:13px 0 15px;color:var(--yj-lh100-hero-title);font-size:39px;line-height:1.18;font-weight:850;letter-spacing:-.06em}
.yj-lh100-hero h1 em{font-style:normal;color:#d9f6ff}
.yj-lh100-hero p{margin:0;color:var(--yj-lh100-hero-text);font-size:15px;line-height:1.72}
.yj-lh100-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:44px;margin-top:24px;padding:0 19px;border:1px solid var(--yj-lh100-hero-button);background:var(--yj-lh100-hero-button);color:#fff!important;font-size:13px;font-weight:800;transition:filter .18s ease,transform .18s ease}
.yj-lh100-hero-button:hover{filter:brightness(1.12);transform:translateY(-1px);color:#fff!important}

.yj-lh100-side{display:grid;grid-template-rows:minmax(0,1fr) 116px;gap:14px;min-width:0}
.yj-lh100-board,.yj-lh100-quick{border:1px solid var(--yj-lh100-line);background:#fff}
.yj-lh100-board{min-height:260px;padding:17px 17px 13px}
.yj-lh100-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--yj-lh100-navy)}
.yj-lh100-board-head>div>span{display:block;color:var(--yj-lh100-blue);font-size:8px;font-weight:900;letter-spacing:.14em}
.yj-lh100-board-head h2{margin:3px 0 0;color:#112b3d;font-size:18px;line-height:1.25}
.yj-lh100-lock{display:inline-flex;align-items:center;padding:5px 7px;border:1px solid #c9e6ef;background:#ecf8fb;color:#087493;font-size:9px;font-weight:850;white-space:nowrap}
.yj-lh100-lock:before{content:"";width:7px;height:6px;margin-right:5px;border:1.5px solid currentColor;border-radius:5px 5px 0 0;border-bottom:0}

.yj-lh100-locked{min-height:188px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.yj-lh100-lock-icon{display:flex;width:38px;height:38px;margin-bottom:9px;align-items:center;justify-content:center;border-radius:50%;background:#ecf7fa;color:var(--yj-lh100-blue);font-size:23px;transform:rotate(90deg)}
.yj-lh100-locked strong{font-size:13px}
.yj-lh100-locked p{margin:6px 0 11px;color:#788791;font-size:11px;line-height:1.55}
.yj-lh100-locked a{color:var(--yj-lh100-blue);font-size:11px;font-weight:850}
.yj-lh100-board-empty{min-height:184px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;color:#6f808c;font-size:12px}
.yj-lh100-board-empty a{color:var(--yj-lh100-blue);font-size:11px;font-weight:800}
.yj-lh100-board-list{margin:4px 0 0;padding:0;list-style:none}
.yj-lh100-board-list li{border-bottom:1px solid #edf1f3}
.yj-lh100-board-list li:last-child{border-bottom:0}
.yj-lh100-board-list a{display:grid;grid-template-columns:39px minmax(0,1fr) 34px;align-items:center;gap:7px;min-height:38px}
.yj-lh100-board-list a:hover strong{color:var(--yj-lh100-blue)}
.yj-lh100-board-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2b3a45;font-size:11px;font-weight:650}
.yj-lh100-board-list time{text-align:right;color:#909da6;font-size:9px}
.yj-lh100-badge{display:inline-flex;width:37px;height:19px;align-items:center;justify-content:center;background:#eaf4ff;color:#1764ad;font-size:9px;font-weight:850}
.yj-lh100-badge.is-class{background:#f1edff;color:#6752be}.yj-lh100-badge.is-material{background:#eaf8ef;color:#238752}.yj-lh100-badge.is-guide{background:#e9f8fb;color:#087996}.yj-lh100-badge.is-schedule{background:#fff1e4;color:#db7218}
.yj-lh100-board-more{display:block;margin-top:7px;text-align:right;color:var(--yj-lh100-blue)!important;font-size:10px;font-weight:800}

.yj-lh100-quick{padding:12px 13px}
.yj-lh100-quick h2{margin:0 0 8px;color:#263744;font-size:13px}
.yj-lh100-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.yj-lh100-quick-grid a{display:flex;min-width:0;min-height:68px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:7px;background:#f6f9fb;transition:.18s ease}
.yj-lh100-quick-grid a:hover{transform:translateY(-2px);box-shadow:0 6px 13px rgba(20,65,91,.07)}
.yj-lh100-quick-grid span{font-size:20px;line-height:1}.yj-lh100-quick-grid .q1{color:#0a9aae}.yj-lh100-quick-grid .q2{color:#1756af}.yj-lh100-quick-grid .q3{color:#e99100}.yj-lh100-quick-grid .q4{color:#7554c7}
.yj-lh100-quick-grid strong{overflow:hidden;max-width:100%;color:#34424c;font-size:9px;font-weight:750;white-space:nowrap}

/* 선생님·작가 소개: 관리자가 승인한 프로필만 표시 */
.yj-lh100-people{padding-top:38px}
.yj-lh100-people-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:17px}
.yj-lh100-people-head h2{margin:6px 0 0;color:#10283a;font-size:28px;line-height:1.2;font-weight:850;letter-spacing:-.055em}
.yj-lh100-people-head>p{max-width:430px;margin:0;color:#778792;font-size:11px;line-height:1.65;text-align:right}
.yj-lh100-people-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--yj-lh100-blue);border-left:1px solid #d6e0e6}
.yj-lh100-person{min-width:0;border-right:1px solid #d6e0e6;border-bottom:1px solid #d6e0e6;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.yj-lh100-person:hover{z-index:1;transform:translateY(-3px);box-shadow:0 10px 22px rgba(24,63,86,.08)}
.yj-lh100-person-photo{position:relative;display:flex;height:176px;overflow:hidden;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf7fa,#dcecf2)}
.yj-lh100-person-photo:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(5,43,66,.11));pointer-events:none}
.yj-lh100-person-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.yj-lh100-person-photo span{display:flex;width:76px;height:76px;align-items:center;justify-content:center;border:1px solid rgba(8,120,166,.24);border-radius:50%;background:rgba(255,255,255,.7);color:var(--yj-lh100-blue);font-size:29px;font-weight:850}
.yj-lh100-person-copy{min-height:242px;padding:18px 18px 20px}
.yj-lh100-person-copy small{display:block;color:var(--yj-lh100-blue);font-size:9px;font-weight:850;letter-spacing:.06em}
.yj-lh100-person-copy h3{margin:5px 0 9px;color:#112b3e;font-size:19px;line-height:1.35}
.yj-lh100-person-copy p{min-height:58px;margin:0;color:#71818d;font-size:11px;line-height:1.7}
.yj-lh100-person-copy .yj-lh100-person-career{min-height:48px;margin:0 0 10px;padding:8px 9px;border-left:2px solid #75c9df;background:#f3f9fb;color:#3d5d70;font-size:10px;font-weight:700;line-height:1.55}
.yj-lh100-person-copy a{display:inline-block;margin-top:13px;color:var(--yj-lh100-blue)!important;font-size:11px;font-weight:850}

/* 본문 전체 1180px 폭의 평생교육과정 5개 */
.yj-lh100-courses-layout{display:block}
.yj-lh100-courses{min-width:0;padding-top:28px}
.yj-lh100-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:16px}
.yj-lh100-section-head h2{margin:6px 0 0;color:#10283a;font-size:28px;line-height:1.2;font-weight:850;letter-spacing:-.055em}
.yj-lh100-section-head>p,.yj-lh100-course-head-right p{margin:0;color:#778792;font-size:11px;line-height:1.6;text-align:right}

.yj-lh100-course-head-right{display:flex;align-items:flex-end;gap:18px}
.yj-lh100-course-head-right a{color:var(--yj-lh100-blue)!important;font-size:11px;font-weight:850;white-space:nowrap}
.yj-lh100-course-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--yj-lh100-gap)}
.yj-lh100-course{overflow:hidden;border:1px solid #d6e0e6;background:#fff;transition:.18s ease}
.yj-lh100-course:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(24,63,86,.08)}
.yj-lh100-course-image{position:relative;display:block;height:192px;background:#d8e6ec center/cover no-repeat}
.yj-lh100-course-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(5,36,54,.16))}
.yj-lh100-course-image>span{position:absolute;z-index:2;right:10px;bottom:10px;padding:5px 8px;background:rgba(7,61,91,.88);color:#fff;font-size:9px;font-weight:800}
.yj-lh100-course.is-preview .yj-lh100-course-image>span{background:rgba(8,120,166,.9)}
.yj-lh100-course-body{min-height:182px;padding:17px 15px 18px}
.yj-lh100-course-body small{display:inline-block;padding:4px 7px;background:#eaf7fb;color:#08769c;font-size:9px;font-weight:800}
.yj-lh100-course-body h3{min-height:70px;margin:11px 0 8px;color:#112b3e;font-size:17px;line-height:1.38}
.yj-lh100-course-body p{min-height:57px;margin:0;color:#71818d;font-size:12px;line-height:1.6}
.yj-lh100-course-link{display:inline-block;margin-top:13px;color:var(--yj-lh100-blue)!important;font-size:11px;font-weight:850}

/* 하단 공통 영역 */
.yj-lh100-contact{margin-top:36px;border-top:1px solid #e5ebef;border-bottom:1px solid #e2e9ed;background:#f6f9fb}
.yj-lh100-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:94px}
.yj-lh100-contact-grid>div{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:17px 34px}
.yj-lh100-contact-grid>div:not(:last-child):after{content:"";position:absolute;right:0;top:23px;bottom:23px;width:1px;background:#dce5ea}
.yj-lh100-contact-grid span{color:#527087;font-size:10px;font-weight:800}.yj-lh100-contact-grid strong{margin-top:3px;color:#123049;font-size:17px}.yj-lh100-contact-grid small,.yj-lh100-contact-grid a{margin-top:3px;color:#7b8a94;font-size:9px}.yj-lh100-contact-grid a{color:var(--yj-lh100-blue)!important;font-weight:800}
.yj-lh100-footer{background:#07324f;color:#dfe9f0}
.yj-lh100-footer-inner{min-height:82px;display:grid;grid-template-columns:250px minmax(0,1fr) auto;align-items:center;gap:28px}
.yj-lh100-footer-brand{display:flex;flex-direction:column;line-height:1.15}.yj-lh100-footer-brand strong{color:#fff;font-size:15px}.yj-lh100-footer-brand small{margin-top:4px;color:#a8bfce;font-size:7px;letter-spacing:.08em}
.yj-lh100-footer-info{color:#bed0dc;font-size:9px}.yj-lh100-footer-info i{display:inline-block;width:1px;height:9px;margin:0 9px;background:#56758a;vertical-align:-1px}
.yj-lh100-footer nav{display:flex;gap:16px;color:#dce8ee;font-size:9px;white-space:nowrap}

/* 수강생 전용 KBoard: 메인 공지 · 교육안내와 동일한 좌측 본문 + 우측 지원 구조 */
.yj-lh100-board-shell{padding:20px 0 44px;background:var(--yj-lh100-soft)}
.yj-lh100-board-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.yj-lh100-board-main-column{min-width:0}
.yj-lh100-board-top-line{height:2px;margin:0 0 18px;background:var(--yj-lh100-blue)}
.yj-lh100-board-content{margin:0;padding:0;border:1px solid var(--yj-lh100-line);background:#fff;overflow:hidden}
.yj-lh100-board-support{display:flex;min-width:0;flex-direction:column;gap:12px}
.yj-lh100-support-card{padding:15px 15px 4px;border:1px solid var(--yj-lh100-line);background:#fff}
.yj-lh100-support-card header{padding:0 0 13px;border-bottom:2px solid var(--yj-lh100-blue)}
.yj-lh100-support-card header span{display:block;color:var(--yj-lh100-blue);font-size:8px;font-weight:900;letter-spacing:.16em}
.yj-lh100-support-card h2{margin:5px 0 0;color:#113149;font-size:18px;line-height:1.25;letter-spacing:-.04em}
.yj-lh100-support-card nav{display:block}
.yj-lh100-support-card nav a{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;min-height:62px;align-items:center;border-bottom:1px solid #e2e9ed}
.yj-lh100-support-card nav a:last-child{border-bottom:0}
.yj-lh100-support-card nav b{display:flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #d2e5ec;background:#f5fbfd;color:var(--yj-lh100-blue);font-size:9px}
.yj-lh100-support-card nav span{display:flex;min-width:0;flex-direction:column}
.yj-lh100-support-card nav strong{color:#16354b;font-size:13px;line-height:1.25}
.yj-lh100-support-card nav small{margin-top:4px;overflow:hidden;color:#87949d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.yj-lh100-support-card nav a:hover strong{color:var(--yj-lh100-blue)}
.yj-lh100-support-phone{padding:16px 15px 17px;border-top:2px solid var(--yj-lh100-blue);background:#edf8fc}
.yj-lh100-support-phone>span{display:block;color:#557486;font-size:10px}
.yj-lh100-support-phone a{display:block;margin-top:9px;color:#047aa9!important;font-size:20px;font-weight:850;letter-spacing:.01em}
.yj-lh100-support-phone small{display:block;margin-top:6px;color:#718794;font-size:9px}
.yj-lh100-support-home{display:flex;min-height:82px;padding:16px 15px;justify-content:center;flex-direction:column;background:#174a68;color:#fff!important}
.yj-lh100-support-home strong{font-size:16px}.yj-lh100-support-home span{margin-top:7px;color:#d2e4ee;font-size:9px}
.yj-lh100-support-home:hover{background:#0d3c58}
.yj-lh100-kboard-core{display:block;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}
.yj-lh100-kboard-core>[id^="kboard-"]{width:100%;max-width:none;margin:0;box-sizing:border-box}
.yj-lh100-board-content [id^="kboard-"],.yj-lh100-board-content .kboard-list,.yj-lh100-board-content .kboard-document-wrap,.yj-lh100-board-content .kboard-editor,.yj-lh100-board-content .kboard-form{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
.yj-lh100-board-content a{text-decoration:none!important}
.yj-lh100-board-content input,.yj-lh100-board-content textarea,.yj-lh100-board-content select,.yj-lh100-board-content button{font:inherit}
.yj-lh100-board-content .kboard-list table{width:100%!important;border:0!important;border-top:2px solid var(--yj-lh100-navy)!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed!important;background:#fff!important}
.yj-lh100-board-content .kboard-list thead th{height:45px!important;padding:8px 9px!important;border:0!important;border-bottom:1px solid #cdd9e0!important;background:#f5f8fa!important;color:#395063!important;font-size:12px!important;font-weight:700!important;text-align:center!important}
.yj-lh100-board-content .kboard-list tbody td{height:49px!important;padding:10px 9px!important;border:0!important;border-bottom:1px solid #e5ebef!important;background:#fff!important;color:#647580!important;font-size:12px!important;line-height:1.45!important;text-align:center!important;vertical-align:middle!important}
.yj-lh100-board-content .kboard-list tbody tr:hover td{background:#f9fcfd!important}
.yj-lh100-board-content .kboard-list .kboard-list-title,.yj-lh100-board-content .kboard-list td.kboard-list-title{text-align:left!important}
.yj-lh100-board-content .kboard-list .kboard-list-title a,.yj-lh100-board-content .kboard-list td.kboard-list-title a{display:block;overflow:hidden;color:#233746!important;font-size:13px!important;font-weight:600!important;text-overflow:ellipsis;white-space:nowrap}
.yj-lh100-board-content .kboard-list .kboard-list-title a:hover,.yj-lh100-board-content .kboard-list td.kboard-list-title a:hover{color:var(--yj-lh100-blue)!important}
.yj-lh100-board-content .kboard-list-notice td{background:#f7fbfd!important}
.yj-lh100-board-content .kboard-pagination{margin:24px 0 6px!important;text-align:center!important}
.yj-lh100-board-content .kboard-pagination ul{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important;padding:0!important;list-style:none!important}
.yj-lh100-board-content .kboard-pagination li{margin:0!important;padding:0!important}
.yj-lh100-board-content .kboard-pagination a,.yj-lh100-board-content .kboard-pagination li.active a{display:flex!important;width:31px!important;height:31px!important;align-items:center!important;justify-content:center!important;border:1px solid #d5e0e6!important;background:#fff!important;color:#647580!important;font-size:11px!important}
.yj-lh100-board-content .kboard-pagination li.active a,.yj-lh100-board-content .kboard-pagination a:hover{border-color:var(--yj-lh100-navy)!important;background:var(--yj-lh100-navy)!important;color:#fff!important}
.yj-lh100-board-content .kboard-search{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:22px 0 0!important}
.yj-lh100-board-content .kboard-search select,.yj-lh100-board-content .kboard-search input{height:36px!important;margin:0!important;border:1px solid #cddae2!important;background:#fff!important;color:#465b69!important;font-size:12px!important}
.yj-lh100-board-content .kboard-search input{width:min(280px,45vw)!important;padding:0 10px!important}
.yj-lh100-board-content .kboard-control{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin-top:18px!important}
.yj-lh100-board-content .kboard-control a,.yj-lh100-board-content .kboard-button-small,.yj-lh100-board-content .kboard-button-medium,.yj-lh100-board-content .kboard-button-large,.yj-lh100-board-content button[type="submit"]{display:inline-flex!important;min-width:68px!important;min-height:37px!important;padding:7px 13px!important;align-items:center!important;justify-content:center!important;border:1px solid #b9ceda!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#154562!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important}
.yj-lh100-board-content .kboard-control a:hover,.yj-lh100-board-content .kboard-button-small:hover,.yj-lh100-board-content .kboard-button-medium:hover,.yj-lh100-board-content .kboard-button-large:hover,.yj-lh100-board-content button[type="submit"]:hover{border-color:var(--yj-lh100-blue)!important;background:#f4fafc!important;color:var(--yj-lh100-blue)!important}

/* 상세글 */
.yj-lh100-board-content .kboard-document-wrap{border-top:0!important}
.yj-lh100-board-content .kboard-document-wrap .kboard-title{padding:31px 24px 25px!important;border-bottom:1px solid #dce5ea!important;background:#fff!important;text-align:left!important}
.yj-lh100-board-content .kboard-document-wrap .kboard-title h1,.yj-lh100-board-content .kboard-document-wrap .kboard-title h2{margin:0!important;color:#102f46!important;font-size:27px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.045em!important}
.yj-lh100-board-content .kboard-document-wrap .kboard-detail{padding:0 19px!important;border-bottom:1px solid #dce5ea!important;background:#f9fbfc!important}
.yj-lh100-board-content .kboard-document-wrap .detail-attr{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0 18px 0 0!important;padding:11px 0!important;border:0!important;color:#71818c!important;font-size:11px!important}
.yj-lh100-board-content .kboard-document-wrap .detail-name{color:#455c6b!important;font-weight:700!important}
.yj-lh100-board-content .kboard-document-wrap .kboard-content{min-height:300px!important;padding:52px 19px 58px!important;color:#304654!important;font-size:14px!important;line-height:1.9!important}
.yj-lh100-board-content .kboard-document-wrap .kboard-content img{max-width:100%!important;height:auto!important}
.yj-lh100-board-content .kboard-document-wrap .kboard-attach{padding:13px 18px!important;border-top:1px solid #e5ebef!important;background:#f9fbfc!important;font-size:12px!important}
.yj-lh100-board-content .kboard-document-navi{margin-top:22px!important;border-top:1px solid #d7e1e7!important}
.yj-lh100-board-content .kboard-document-navi>div{padding:12px 13px!important;border-bottom:1px solid #e5ebef!important;font-size:12px!important}

/* 글쓰기·수정 */
.yj-lh100-board-content .kboard-editor,.yj-lh100-board-content .kboard-form{border-top:0!important}
.yj-lh100-board-content .kboard-attr-row{display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;align-items:stretch!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e1e8ec!important;background:#fff!important}
.yj-lh100-board-content .kboard-attr-row .attr-name{display:flex!important;min-height:50px!important;padding:13px 15px!important;align-items:center!important;background:#f6f9fa!important;color:#3b5262!important;font-size:12px!important;font-weight:700!important}
.yj-lh100-board-content .kboard-attr-row .attr-value{min-width:0!important;padding:8px 12px!important;background:#fff!important}
.yj-lh100-board-content .kboard-attr-row .attr-value input[type="text"],.yj-lh100-board-content .kboard-attr-row .attr-value input[type="password"],.yj-lh100-board-content .kboard-attr-row .attr-value input[type="email"],.yj-lh100-board-content .kboard-attr-row .attr-value select{width:100%!important;max-width:none!important;height:36px!important;margin:0!important;padding:0 10px!important;border:1px solid #cbd9e1!important;border-radius:0!important;background:#fff!important;color:#314958!important}
.yj-lh100-board-content .kboard-attr-content,.yj-lh100-board-content .kboard-content{margin:0!important}
.yj-lh100-board-content .kboard-editor textarea,.yj-lh100-board-content .kboard-form textarea{width:100%!important;min-height:260px!important;padding:13px!important;border:1px solid #cbd9e1!important;border-radius:0!important;background:#fff!important;color:#314958!important;font-size:13px!important;line-height:1.7!important}
.yj-lh100-board-content .kboard-editor .kboard-control,.yj-lh100-board-content .kboard-form .kboard-control{margin-top:20px!important}
.yj-lh100-board-message{padding:58px 20px;text-align:center;color:#6f808c;font-size:13px}

@media(max-width:1040px){
  .yj-lh100-nav a{font-size:13px}
  .yj-lh100-nav ul{width:calc((100% - var(--yj-lh100-gap)) * .6730769231)}
  .yj-lh100-main{grid-template-columns:minmax(0,1.75fr) minmax(290px,.85fr)}
  .yj-lh100-hero-copy{width:66%;padding-left:38px}
  .yj-lh100-hero h1{font-size:34px}
  .yj-lh100-course-grid,.yj-lh100-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .yj-lh100-nav ul{width:100%}
  .yj-lh100-main{grid-template-columns:1fr}
  .yj-lh100-board-layout{grid-template-columns:1fr}
  .yj-lh100-board-support{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);align-items:start}
  .yj-lh100-support-home{grid-column:1/-1}
  .yj-lh100-side{grid-template-columns:1fr;grid-template-rows:auto auto}
  .yj-lh100-board{min-height:0}
  .yj-lh100-locked,.yj-lh100-board-empty{min-height:160px}
  .yj-lh100-course-grid{grid-template-columns:repeat(2,1fr)}
  .yj-lh100-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yj-lh100-footer-inner{grid-template-columns:1fr;gap:8px;padding:17px 0}.yj-lh100-footer-info{display:none}.yj-lh100-footer nav{justify-self:start}
}
@media(max-width:720px){
  .yj-lh100-header-top{min-height:64px}
  .yj-lh100-brand strong{font-size:18px}
  .yj-lh100-account>a:not(.yj-lh100-mypage),.yj-lh100-account>span{display:none}
  .yj-lh100-nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .yj-lh100-nav ul{width:800px}
  .yj-lh100-section-head{align-items:flex-start;flex-direction:column;gap:8px}.yj-lh100-section-head>p,.yj-lh100-course-head-right p{text-align:left}
  .yj-lh100-people-head{align-items:flex-start;flex-direction:column;gap:8px}.yj-lh100-people-head>p{text-align:left}
  .yj-lh100-course-head-right{width:100%;justify-content:space-between;align-items:flex-start}
  .yj-lh100-contact-grid{grid-template-columns:1fr}.yj-lh100-contact-grid>div{padding:15px 16px}.yj-lh100-contact-grid>div:not(:last-child):after{left:16px;right:16px;top:auto;bottom:0;width:auto;height:1px}
}
@media(max-width:580px){
  .yj-lh100-wrap{width:min(var(--yj-lh100-wrap),calc(100% - 22px))}
  .yj-lh100-nav-scroll{width:min(var(--yj-lh100-wrap),calc(100% - 22px))}
  .yj-lh100-main{padding-top:12px;gap:12px}
  .yj-lh100-hero{min-height:440px}
  .yj-lh100-hero-copy{width:100%;padding:38px 24px 120px}
  .yj-lh100-hero h1{font-size:31px}
  .yj-lh100-hero p{font-size:13px}
  .yj-lh100-course-grid{grid-template-columns:1fr}
  .yj-lh100-people{padding-top:28px}.yj-lh100-people-grid{grid-template-columns:1fr}.yj-lh100-person-photo{height:220px}.yj-lh100-person-copy{min-height:0}.yj-lh100-person-copy p{min-height:0}
  .yj-lh100-section-head h2{font-size:25px}
  .yj-lh100-course-head-right p{display:none}
  .yj-lh100-course-image{height:210px}
  .yj-lh100-board-shell{padding:12px 0 30px}.yj-lh100-board-layout{gap:13px}.yj-lh100-board-top-line{margin-bottom:11px}.yj-lh100-board-content{margin:0;padding:0}.yj-lh100-board-support{display:flex}.yj-lh100-support-home{min-height:72px}
  .yj-lh100-board-content .kboard-list thead th{font-size:10px!important}.yj-lh100-board-content .kboard-list tbody td{height:46px!important;padding:8px 5px!important;font-size:10px!important}.yj-lh100-board-content .kboard-list .kboard-list-title a,.yj-lh100-board-content .kboard-list td.kboard-list-title a{font-size:12px!important}
  .yj-lh100-board-content .kboard-list .kboard-list-user,.yj-lh100-board-content .kboard-list .kboard-list-view,.yj-lh100-board-content .kboard-list .kboard-list-vote{display:none!important}
  .yj-lh100-board-content .kboard-search{align-items:stretch!important;flex-direction:column!important}.yj-lh100-board-content .kboard-search select,.yj-lh100-board-content .kboard-search input{width:100%!important;max-width:none!important}
  .yj-lh100-board-content .kboard-document-wrap .kboard-title{padding:22px 12px 17px!important}.yj-lh100-board-content .kboard-document-wrap .kboard-title h1,.yj-lh100-board-content .kboard-document-wrap .kboard-title h2{font-size:20px!important}.yj-lh100-board-content .kboard-document-wrap .kboard-detail{padding:0 12px!important}.yj-lh100-board-content .kboard-document-wrap .detail-attr{margin-right:10px!important;padding:9px 0!important}.yj-lh100-board-content .kboard-document-wrap .kboard-content{padding:31px 12px 40px!important;font-size:13px!important}
  .yj-lh100-board-content .kboard-attr-row{grid-template-columns:1fr!important}.yj-lh100-board-content .kboard-attr-row .attr-name{min-height:0!important;padding:10px 11px 5px!important;background:#fff!important}.yj-lh100-board-content .kboard-attr-row .attr-value{padding:5px 10px 11px!important}
}

@media(prefers-reduced-motion:reduce){
  .yj-lh100-hero-slide,.yj-lh100-hero-media{transition:none;transform:none}
}


/* =========================================================
   V0.2.8 선생님·작가 5개 상세페이지
========================================================= */
.yj-lh100-person-photo{color:inherit;text-decoration:none}
.yj-lh100-person-photo:hover img{transform:scale(1.025)}
.yj-lh100-person-photo img{transition:transform .28s ease}

.yj-lh100-person-detail-main{
  padding:26px 0 64px;
  background:#f7f9fa;
}
.yj-lh100-person-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:17px;
  color:#80909a;
  font-size:11px;
}
.yj-lh100-person-breadcrumb a{color:#607887!important}
.yj-lh100-person-breadcrumb strong{color:#27485d}

.yj-lh100-person-detail{
  display:grid;
  grid-template-columns:minmax(320px,390px) minmax(0,1fr);
  gap:54px;
  padding:36px;
  border-top:2px solid var(--yj-lh100-blue);
  border-right:1px solid #dbe4e9;
  border-bottom:1px solid #dbe4e9;
  border-left:1px solid #dbe4e9;
  background:#fff;
}
.yj-lh100-person-detail-photo{
  display:flex;
  min-height:470px;
  overflow:hidden;
  align-items:center;
  justify-content:center;
  align-self:start;
  background:linear-gradient(145deg,#edf7fa,#dcecf2);
}
.yj-lh100-person-detail-photo img{
  width:100%;
  height:100%;
  min-height:470px;
  object-fit:cover;
  object-position:center 24%;
}
.yj-lh100-person-detail-photo>span{
  display:flex;
  width:130px;
  height:130px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(8,120,166,.24);
  border-radius:50%;
  background:#fff;
  color:var(--yj-lh100-blue);
  font-size:48px;
  font-weight:850;
}
.yj-lh100-person-detail-copy{padding:7px 4px 4px}
.yj-lh100-person-detail-role{
  display:inline-block;
  margin-bottom:8px;
  color:var(--yj-lh100-blue);
  font-size:12px;
  font-weight:850;
  letter-spacing:.04em;
}
.yj-lh100-person-detail-copy h1{
  margin:0;
  color:#10283a;
  font-size:40px;
  line-height:1.2;
  letter-spacing:-.055em;
}
.yj-lh100-person-detail-lead{
  max-width:690px;
  margin:20px 0 25px;
  color:#526b7b;
  font-size:16px;
  line-height:1.8;
}
.yj-lh100-person-detail-block{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #e5ebef;
}
.yj-lh100-person-detail-block h2{
  margin:0 0 9px;
  color:#244a62;
  font-size:14px;
  font-weight:850;
}
.yj-lh100-person-detail-block p{
  margin:0;
  color:#687b88;
  font-size:13px;
  line-height:1.85;
}
.yj-lh100-person-detail-note{
  padding:18px 19px;
  border-top:0;
  background:#f4fafc;
}
.yj-lh100-person-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:27px;
}
.yj-lh100-person-detail-actions a{
  display:inline-flex;
  min-height:40px;
  padding:0 16px;
  align-items:center;
  justify-content:center;
  border:1px solid #b9cdd8;
  background:#fff;
  color:#315d73!important;
  font-size:12px;
  font-weight:800;
}
.yj-lh100-person-detail-actions a.is-primary{
  border-color:var(--yj-lh100-blue);
  background:var(--yj-lh100-blue);
  color:#fff!important;
}
.yj-lh100-person-sibling-nav{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
  margin-top:18px;
  padding:17px 20px;
  border:1px solid #dce5ea;
  background:#fff;
}
.yj-lh100-person-sibling-nav>div:last-child{text-align:right}
.yj-lh100-person-sibling-nav small{
  display:block;
  margin-bottom:3px;
  color:#93a0a8;
  font-size:9px;
}
.yj-lh100-person-sibling-nav strong{
  color:#31566d;
  font-size:12px;
}
.yj-lh100-person-list-back{
  color:var(--yj-lh100-blue)!important;
  font-size:11px;
  font-weight:850;
}

@media(max-width:900px){
  .yj-lh100-person-detail{grid-template-columns:300px minmax(0,1fr);gap:30px;padding:28px}
  .yj-lh100-person-detail-photo,.yj-lh100-person-detail-photo img{min-height:390px}
  .yj-lh100-person-detail-copy h1{font-size:34px}
}
@media(max-width:700px){
  .yj-lh100-person-detail{grid-template-columns:1fr;padding:18px;gap:24px}
  .yj-lh100-person-detail-photo,.yj-lh100-person-detail-photo img{min-height:430px}
  .yj-lh100-person-detail-copy h1{font-size:31px}
  .yj-lh100-person-detail-lead{font-size:14px}
  .yj-lh100-person-sibling-nav{grid-template-columns:1fr 1fr}
  .yj-lh100-person-list-back{grid-column:1/-1;grid-row:2;text-align:center}
}
@media(max-width:480px){
  .yj-lh100-person-detail-main{padding-top:16px}
  .yj-lh100-person-detail-photo,.yj-lh100-person-detail-photo img{min-height:360px}
  .yj-lh100-person-sibling-nav{gap:8px;padding:13px}
}