.cases-editorial{max-width:1160px;margin:auto;padding:100px 28px 80px;color:#181a20;word-break:keep-all}
.cases-intro{margin-bottom:48px}.cases-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.3;letter-spacing:-.045em;margin:0 0 20px}.cases-intro p{font-size:17px;line-height:1.8;color:#73746c;margin:0}
.cases-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.case-card{min-width:0;scroll-margin-top:90px}.case-photo,.case-book-visual{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;background:#fff1e4}.case-copy{padding:24px 0 0}.case-type{display:block;font-size:13px;font-weight:600;color:#a44d19}.case-copy h2{font-size:23px;line-height:1.45;letter-spacing:-.04em;margin:12px 0 10px}.case-copy p{font-size:15px;line-height:1.8;color:#696c64;margin:14px 0}.case-copy .case-context{font-size:13px;color:#8a8b83;margin:0}.case-copy ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:20px 0 0}.case-copy li{padding:7px 11px;font-size:12px;border-radius:24px;background:#f5f5f0;color:#6c6f65}
.case-book-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.case-illustrated-book{width:42%;height:78%;background:#fffdf7;border-left:6px solid #ff811a;border-radius:3px 10px 10px 3px;box-shadow:8px 9px 0 #eac9aa70;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.case-illustrated-book img{width:25px}.case-illustrated-book strong{font-size:24px;line-height:1.3;letter-spacing:-.04em}.case-illustrated-book span{font-size:8px;color:#858071}.case-book-visual>small{position:absolute;bottom:9px;right:12px;font-size:10px;color:#9a856f}
.cases-online-summary{margin-top:72px;padding:32px 0;border-block:1px solid #e8e7e0;display:flex;align-items:center;justify-content:space-between;gap:28px}.cases-online-summary h2{font-size:27px;margin:10px 0;letter-spacing:-.04em}.cases-online-summary p{font-size:14px;color:#777b71;margin:0;line-height:1.7}.cases-count{text-align:right}.cases-count strong{font-size:50px;line-height:1.2;letter-spacing:-.045em}.cases-count strong span{color:#f4c900}.cases-count p{margin-top:8px;font-size:12px}.cases-upcoming{display:flex;gap:16px;align-items:center;margin-top:30px}.cases-upcoming>span{font-size:12px;color:#797c71;padding:6px 10px;background:#f5f5ef;border-radius:20px;white-space:nowrap}.cases-upcoming h2{font-size:17px;font-weight:600;color:#676b62;margin:0}
@media(max-width:1000px){.cases-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}
@media(max-width:760px){.cases-editorial{padding:64px 20px 48px}.cases-intro{margin-bottom:36px}.cases-intro p{font-size:15px}.cases-gallery{grid-template-columns:1fr;gap:42px}.case-copy{padding-top:20px}.case-copy h2{font-size:24px}.case-book-visual{max-height:330px}.case-illustrated-book{max-width:175px}.cases-online-summary{margin-top:48px;align-items:flex-start}.cases-count strong{font-size:38px}.cases-online-summary h2{font-size:24px}}
@media(max-width:400px){.cases-online-summary{flex-direction:column;gap:22px}.cases-count{text-align:left}}
.case-photo{height:auto;aspect-ratio:4/3}
.cases-intro h1{font-family:var(--ml-font-heading);font-weight:500}

.cases-online-summary{padding:40px 48px;border:0;border-radius:24px;background:#c9f0f8;gap:40px}
.cases-online-copy{flex:1;min-width:0}
.cases-online-summary .case-type{color:#5730be}
.cases-online-summary h2{font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.45;margin:16px 0;color:#252438}
.cases-online-summary p{color:#555769;font-size:15px}
.cases-clickon-logo{display:block;width:43%;max-width:410px;height:auto;object-fit:contain;flex:none}
@media(max-width:760px){.cases-online-summary{flex-direction:column;align-items:flex-start;padding:30px 26px;gap:22px}.cases-clickon-logo{width:100%;max-width:360px;align-self:center}.cases-online-summary h2{font-size:27px}}

.cases-online-summary{flex-wrap:wrap}.cases-organizers{width:100%;display:flex;align-items:center;gap:32px;border-top:1px solid #8bbfcb66;padding-top:26px}.cases-organizer-group{display:flex;flex-direction:column;gap:14px}.cases-organizer-group>span{font-size:12px;color:#52676b}.cases-organizer-group>div{display:flex;align-items:center;gap:26px}.cases-organizer-group img{display:block;width:190px;height:40px;object-fit:contain}.cases-organizer-group img[alt="교육부"]{width:110px}@media(max-width:760px){.cases-organizers{flex-direction:column;align-items:flex-start;gap:24px}.cases-organizer-group>div{flex-wrap:wrap;gap:20px}.cases-organizer-group img{width:170px;height:34px}}