/* YJ 기관교육 공통 7:3 프레임 V0.1.12 */
.yj-institution-standard-v012{margin:0;background:#f4f7f9;color:#25364a;word-break:keep-all}
.yj-institution-standard-v012 .yj-ch20-brand{display:block!important;visibility:visible!important;opacity:1!important}
.yj-inst-content-page{background:#f4f7f9;font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;padding-bottom:1px}
.yj-istd-page{margin-top:28px!important}
.yj-istd-top{align-items:start}

/* 메인 /institution/과 같은 7:3 상단 프레임 */
.yj-istd-hero{height:355px;position:relative;overflow:hidden;background:#dbe3e9;border:1px solid #dfe6ec}
.yj-istd-hero__image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.yj-istd-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,248,250,.97) 0%,rgba(245,248,250,.90) 28%,rgba(245,248,250,.70) 48%,rgba(245,248,250,.25) 68%,rgba(245,248,250,.03) 100%)}
.yj-istd-hero__copy{position:absolute;z-index:2;left:48px;top:45px;width:min(520px,62%)}
.yj-istd-kicker{color:#075b94;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:1.2px}
.yj-istd-hero h1{margin:19px 0 15px;color:#102e43;font-size:33px;line-height:1.28;letter-spacing:-1.3px;font-weight:800}
.yj-istd-hero__copy>p{max-width:520px;margin:0;color:#405b6d;font-size:14px;line-height:1.72;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yj-istd-hero__actions{margin-top:18px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.yj-istd-hero__button{display:inline-flex;min-height:39px;padding:0 17px;align-items:center;border:1px solid #7993a8;background:rgba(255,255,255,.52);color:#234a68!important;text-decoration:none!important;font-size:12.5px;font-weight:600}
.yj-istd-status{display:inline-flex;min-height:29px;padding:0 10px;align-items:center;border:1px solid #bad3e7;background:rgba(238,247,255,.92);color:#176fba;font-size:11px;font-weight:700}
.yj-istd-side .yj-ch20-notice,.yj-istd-side .yj-ch20-quick{box-sizing:border-box}

/* 현재 위치와 하단 본문도 메인의 흰색 박스 문법을 계승 */
.yj-istd-crumb{min-height:44px;margin-top:18px;padding:0 18px;display:flex;align-items:center;gap:9px;border:1px solid #dfe6ec;background:#fff;color:#83909c;font-size:11.5px;white-space:nowrap;overflow-x:auto}
.yj-istd-crumb a{color:#5f7384!important;text-decoration:none!important}.yj-istd-crumb b{color:#2f4a5f}
.yj-istd-introbox{margin-top:14px;padding:28px 30px 29px;border:1px solid #dfe6ec;background:#fff;display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,.62fr);gap:38px;align-items:center}
.yj-istd-introbox__head span{display:block;margin-bottom:8px;color:#008f9d;font-size:9.5px;font-weight:800;letter-spacing:1.5px}
.yj-istd-introbox__head h2{margin:0;color:#102e43;font-size:25px;line-height:1.35;letter-spacing:-.8px}
.yj-istd-introbox>p{margin:0;color:#607586;font-size:13.5px;line-height:1.85}

.yj-istd-content-stack{display:grid;gap:14px;margin-top:14px}
.yj-istd-section,.yj-istd-related{padding:30px;border:1px solid #dfe6ec;background:#fff}
.yj-istd-section-head{margin-bottom:21px}
.yj-istd-section-head h2{margin:0;color:#102e43;font-size:23px;line-height:1.4;letter-spacing:-.75px}
.yj-istd-section-head h2:before{content:"";display:inline-block;width:4px;height:19px;margin:0 10px -2px 0;background:#176fba}

.yj-istd-four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.yj-istd-card{min-height:172px;padding:22px 20px;border:1px solid #e0e7ed;background:#fbfcfd}
.yj-istd-no{color:#7aa2c0;font-size:10px;letter-spacing:1px}.yj-istd-card h3{margin:14px 0 8px;color:#24465f;font-size:16px}.yj-istd-card p{margin:0;color:#65798a;font-size:13px;line-height:1.72}

.yj-istd-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);border:1px solid #e0e7ed;background:#fff;overflow:hidden}
.yj-istd-feature-copy{padding:29px 31px}.yj-istd-feature h3{margin:0 0 12px;color:#193f5c;font-size:22px}.yj-istd-feature p{margin:0;color:#647789;font-size:13.5px;line-height:1.82}
.yj-istd-feature ul,.yj-istd-listbox ul,.yj-istd-course-panel ul{margin:20px 0 0;padding:0;list-style:none}.yj-istd-feature li,.yj-istd-listbox li,.yj-istd-course-panel li{position:relative;margin:8px 0;padding-left:18px;color:#536b7d;font-size:13px;line-height:1.6}.yj-istd-feature li:before,.yj-istd-listbox li:before,.yj-istd-course-panel li:before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:5px;border-radius:50%;background:#176fba}
.yj-istd-feature>img{width:100%;height:100%;min-height:265px;object-fit:cover}.yj-istd-textlink{display:inline-block;margin-top:17px;color:#176fba!important;font-size:12.5px;font-weight:700;text-decoration:none!important}

.yj-istd-steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e0e7ed;background:#fff}.yj-istd-steps--six{grid-template-columns:repeat(3,1fr)}
.yj-istd-step{min-height:165px;padding:22px 20px;border-right:1px solid #e6ebef;border-bottom:1px solid #e6ebef}.yj-istd-step:nth-child(4n){border-right:0}.yj-istd-steps--six .yj-istd-step:nth-child(3n){border-right:0}.yj-istd-step span{color:#176fba;font-size:11px;font-weight:800}.yj-istd-step h3{margin:13px 0 8px;color:#2a4b63;font-size:15px}.yj-istd-step p{margin:0;color:#6b7c89;font-size:12.5px;line-height:1.68}

.yj-istd-listbox{padding:25px 27px;border:1px solid #e0e7ed;background:#fbfcfd}.yj-istd-listbox ul{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px}
.yj-istd-note{padding:21px 23px;border-left:4px solid #75add5;background:#f1f7fb}.yj-istd-note strong{display:block;margin-bottom:6px;color:#24527a;font-size:13.5px}.yj-istd-note p{margin:0;color:#5f7282;font-size:13px;line-height:1.72}
.yj-istd-compare,.yj-istd-scenarios,.yj-istd-resources{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.yj-istd-scenarios,.yj-istd-resources{grid-template-columns:repeat(3,1fr)}
.yj-istd-compare article,.yj-istd-scenarios article,.yj-istd-resources article{padding:24px 22px;border:1px solid #e0e7ed;background:#fbfcfd}.yj-istd-compare h3,.yj-istd-scenarios h3,.yj-istd-resources h3{margin:0 0 10px;color:#274c66;font-size:16px}.yj-istd-compare p,.yj-istd-scenarios p,.yj-istd-resources p{margin:0;color:#677988;font-size:13px;line-height:1.72}.yj-istd-scenarios b,.yj-istd-resources span{display:block;margin-top:13px;color:#176fba;font-size:12px}
.yj-istd-faq{border-top:1px solid #dfe6ec}.yj-istd-faq article{padding:20px 3px;border-bottom:1px solid #e6ebef}.yj-istd-faq h3{margin:0;color:#284b63;font-size:15px}.yj-istd-faq h3 span{color:#176fba}.yj-istd-faq p{margin:9px 0 0;color:#647686;font-size:13px;line-height:1.75}.yj-istd-faq p b{color:#597087}
.yj-istd-example h3{margin:0 0 9px;color:#21465f;font-size:18px}.yj-istd-example>p{margin:0;color:#667889;line-height:1.78;font-size:13px}

.yj-istd-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.yj-istd-course-panel{padding:26px 27px;border:1px solid #e0e7ed;background:#fbfcfd}.yj-istd-course-panel h3{margin:0 0 11px;color:#244a64;font-size:17px}.yj-istd-course-panel p{margin:0;color:#64778a;font-size:13px;line-height:1.78}.yj-istd-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.yj-istd-tags span{padding:5px 9px;border-radius:999px;background:#eef6fd;color:#176fba;font-size:11px;font-weight:700}

.yj-istd-related{margin-top:14px}.yj-istd-relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.yj-istd-relgrid a{min-height:59px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dde5eb;background:#fbfcfd;color:#405b70!important;text-decoration:none!important;font-size:13px;font-weight:600}.yj-istd-relgrid a b{color:#176fba}
.yj-istd-cta{margin-top:14px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #d4e0e8;background:#173f65;color:#fff}.yj-istd-cta>div:first-child>span{display:block;margin-bottom:8px;color:#8ed8df;font-size:9px;font-weight:800;letter-spacing:1.4px}.yj-istd-cta h2{margin:0;font-size:21px;letter-spacing:-.6px}.yj-istd-cta p{margin:8px 0 0;color:#d9e5ed;font-size:12.5px;line-height:1.65}.yj-istd-cta__actions{display:flex;gap:8px;flex-wrap:wrap}.yj-istd-cta__actions a{display:inline-flex;min-height:39px;padding:0 14px;align-items:center;border:1px solid #7895ad;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700}.yj-istd-cta__actions a.is-primary{border-color:#fff;background:#fff;color:#174f80!important}
.yj-inst-mega__sub.is-active{color:#176fba;background:#eef6ff;font-weight:800}

@media(max-width:980px){
  .yj-istd-hero__copy{width:70%}
  .yj-istd-introbox{grid-template-columns:1fr;gap:13px}
  .yj-istd-four{grid-template-columns:repeat(2,1fr)}
  .yj-istd-feature{grid-template-columns:1fr}
  .yj-istd-steps,.yj-istd-steps--six{grid-template-columns:repeat(2,1fr)}
  .yj-istd-step:nth-child(n){border-right:1px solid #e6ebef}.yj-istd-step:nth-child(2n){border-right:0}
  .yj-istd-scenarios,.yj-istd-resources{grid-template-columns:1fr 1fr}
  .yj-istd-relgrid{grid-template-columns:1fr 1fr}
  .yj-istd-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:720px){
  .yj-istd-page{margin-top:14px!important}
  .yj-istd-hero{height:320px}
  .yj-istd-hero__copy{left:24px;top:32px;width:80%}
  .yj-istd-hero h1{font-size:27px}.yj-istd-hero__copy>p{font-size:13px}
  .yj-istd-crumb{margin-top:12px}
  .yj-istd-introbox,.yj-istd-section,.yj-istd-related,.yj-istd-cta{padding:23px 21px}
  .yj-istd-section-head h2{font-size:20px}
  .yj-istd-four,.yj-istd-steps,.yj-istd-steps--six,.yj-istd-compare,.yj-istd-scenarios,.yj-istd-resources,.yj-istd-course-grid,.yj-istd-relgrid,.yj-istd-listbox ul{grid-template-columns:1fr}
  .yj-istd-card{min-height:auto}.yj-istd-feature-copy{padding:24px 21px}.yj-istd-feature>img{min-height:220px}.yj-istd-step:nth-child(n){border-right:0}
}

/* V0.1.13 — 전문 이미지 스트립 + 상단 두 버튼 동시 유지 */
.yj-institution-standard-v013{margin:0;background:#f4f7f9;color:#25364a;word-break:keep-all}
.yj-istd-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.yj-istd-visual{margin:0;position:relative;height:178px;overflow:hidden;border:1px solid #dfe6ec;background:#dce5eb}
.yj-istd-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.yj-istd-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(5,35,57,.78))}
.yj-istd-visual figcaption{position:absolute;z-index:2;left:18px;right:16px;bottom:15px;color:#fff}
.yj-istd-visual figcaption b{display:block;font-size:14px;line-height:1.3}.yj-istd-visual figcaption span{display:block;margin-top:4px;color:#dcebf4;font-size:10.5px;line-height:1.45}
.yj-istd-visual:hover img{transform:scale(1.025)}

@media(max-width:720px){
  .yj-institution-standard-v013 .yj-ch20-brand__inner{align-items:flex-start;flex-wrap:wrap}
  .yj-institution-standard-v013 .yj-ch20-brand__actions{width:100%;margin-left:0;justify-content:flex-start;gap:7px;flex-wrap:wrap}
  .yj-institution-standard-v013 .yj-ch20-brand__actions .yj-ch20-brand__inquiry{display:inline-flex!important}
  .yj-institution-standard-v013 .yj-ch20-brand__actions>a{min-height:36px;padding:0 10px;font-size:11.5px}
  .yj-istd-visuals{grid-template-columns:1fr}
  .yj-istd-visual{height:210px}
}

/* V0.1.13 — 하위페이지 헤더도 메인과 동일한 시각 규칙 */
body.yj-institution-standard-v013 .yj-ch20-brand{border-bottom:0;background:#fff}
body.yj-institution-standard-v013 .yj-ch20-brand__inner{width:min(1180px,calc(100% - 32px));min-height:96px;margin:0 auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.yj-institution-standard-v013 .yj-ch20-brand__name{font-size:29px;line-height:1;color:#176fba;letter-spacing:-1.6px;font-weight:800}
body.yj-institution-standard-v013 .yj-ch20-brand__en{margin-top:10px;font-size:10px;letter-spacing:1.8px;color:#6f87a0}
body.yj-institution-standard-v013 .yj-ch20-brand__actions{display:flex;align-items:center;gap:9px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
body.yj-institution-standard-v013 .yj-ch20-brand__actions>a{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;line-height:1.2;text-decoration:none!important}
body.yj-institution-standard-v013 .yj-ch20-brand__inquiry{border:1px solid #e3e8ee;background:#fff;color:#4b596b}
body.yj-institution-standard-v013 .yj-ch20-brand__manager{border:1px solid #176fba;background:#176fba;color:#fff;font-weight:700}
body.yj-institution-standard-v013 .yj-ch20-brand__manager:hover,body.yj-institution-standard-v013 .yj-ch20-brand__manager:focus{background:#0f5f9f;color:#fff}
@media(max-width:720px){
  body.yj-institution-standard-v013 .yj-ch20-brand__inner{width:calc(100% - 22px);min-height:auto;padding:15px 0;align-items:flex-start;flex-wrap:wrap}
  body.yj-institution-standard-v013 .yj-ch20-brand__name{font-size:22px}
  body.yj-institution-standard-v013 .yj-ch20-brand__en{font-size:8px;letter-spacing:1px}
  body.yj-institution-standard-v013 .yj-ch20-brand__actions{width:100%;margin-left:0;justify-content:flex-start;gap:7px}
  body.yj-institution-standard-v013 .yj-ch20-brand__actions>a{min-height:36px;padding:0 10px;font-size:11.5px}
}

/* V0.1.14 — 모든 기관교육 페이지 상단 듀얼 진입 고정 */
body.yj-institution-home-v010 .yj-ch20-brand__actions .yj-ch20-brand__inquiry,
body.yj-institution-standard-v013 .yj-ch20-brand__actions .yj-ch20-brand__inquiry{display:inline-flex!important}
body.yj-institution-home-v010 .yj-ch20-brand__actions .yj-ch20-brand__manager,
body.yj-institution-standard-v013 .yj-ch20-brand__actions .yj-ch20-brand__manager{display:inline-flex!important}