html{scroll-behavior:auto}.story-header{position:sticky;top:0;z-index:20}.story-header .header-inner{max-width:1660px;width:calc(100% - 48px);display:grid;grid-template-columns:160px 1fr auto auto;gap:24px;min-height:104px}.story-header .brand{width:160px}.story-header nav{margin:0;justify-content:center;gap:24px;font-size:14px}.story-header nav .nav-experience{font-weight:750;min-height:44px;display:flex;align-items:center}.fixed-slogan{font-size:14px;line-height:1.55;color:#111;font-weight:650;white-space:nowrap}.join-agent{display:flex;align-items:center;gap:10px;border-left:1px solid #aaa;padding-left:18px;min-height:68px}.join-agent img{width:56px;height:62px;object-fit:cover;object-position:50% 12%;filter:grayscale(1)}.join-agent>span{display:flex;flex-direction:column;gap:4px}.join-agent strong{font-size:15px;white-space:nowrap}.join-agent small{font-size:12px;white-space:nowrap;letter-spacing:0}.story-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:35px;padding-block:55px 45px;border-bottom:1px solid #111}.story-hero h1{font-size:clamp(40px,3.9vw,60px);line-height:1.3;font-weight:750;letter-spacing:-.035em}.story-hero-copy>p{font-size:20px;margin-top:25px;line-height:1.75}.story-hero .button{margin-top:30px}.story-hero-copy>.small{font-size:13px;margin-top:16px}.story-hero figure>img{width:100%;height:auto;display:block}.story-hero figcaption{font-size:11px;text-align:right;margin-top:12px}.character-guide{display:flex;align-items:center;gap:40px;padding-block:25px;border-bottom:1px solid #aaa;max-width:1050px}.guide-character{flex-shrink:0;background-repeat:no-repeat;width:130px;height:220px}.guide-doctor{background-image:url('/main-study/assets/h01-character-sheet.png');background-size:540px 405px;background-position:-12px 0}.guide-counselor{background-image:url('/main-study/assets/staff-character-sheet.png');background-size:645px 430px;background-position:-215px -20px;width:120px;height:190px}.guide-marketer{background-image:url('/main-study/assets/staff-character-sheet.png');background-size:645px 430px;background-position:0 -232px;width:120px;height:190px}.character-quote{font-size:25px;line-height:1.7;color:#111;max-width:35ch;text-wrap:pretty}.character-credit{font-size:12px;margin-top:12px}.clinic-experience{display:grid;grid-template-columns:320px 1fr;gap:100px;align-items:center;padding-block:60px;border-bottom:1px solid #111;scroll-margin-top:125px}.printed-sheet{display:block;max-width:285px}.printed-sheet>img{width:100%;height:auto;display:block;border:1px solid #aaa}.printed-sheet>span{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:14px;min-height:44px}.printed-sheet svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}.clinic-experience h2{font-size:40px;line-height:1.35}.clinic-experience>div>p{font-size:19px;margin-top:22px}.clinic-code-form{margin-top:30px}.clinic-code-form>label{font-size:15px;font-weight:650;display:block;margin-bottom:10px}.clinic-code-form>div{display:flex;align-items:stretch;gap:10px}.clinic-code-form input{min-width:0;flex:1;max-width:310px;letter-spacing:.06em}.clinic-code-form button{white-space:nowrap;padding:13px 18px;font-size:15px;gap:15px}.clinic-code-form .small{font-size:12px;margin-top:10px}.clinic-code-error{font-size:14px;font-weight:650;margin-top:12px;color:#111}.clinic-help{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:20px}.clinic-help button{border:0;background:#fff;padding:0;min-height:44px;font-size:14px}.clinic-help a{font-size:14px}.paper-living{padding-block:55px}.paper-living-head{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:2px solid #111;padding-top:30px}.paper-living-head h2{font-size:35px}.paper-living-head p{font-size:14px;margin-top:15px}.paper-comic-live{margin-top:32px;border-top:1px solid #111;padding-top:25px}.paper-comic-live>div{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.paper-comic-live h3{font-size:29px}.paper-comic-live>div>p{font-size:18px}.paper-comic-live>a{display:block}.paper-comic-live>a>img{display:block;width:100%;height:auto;border:1px solid #aaa}.paper-comic-live .text-action{margin-top:16px;font-size:15px}.comic-creator{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:11px;margin-top:12px}.comic-creator img{width:120px;height:35px;object-fit:contain}.paper-news-live{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin-top:25px}.paper-news-item{border-top:1px solid #111;padding:25px 0}.paper-news-item a{display:block}.paper-category{font-size:13px;margin-bottom:12px}.paper-news-item h3{font-size:25px;line-height:1.45;max-width:26ch}.paper-news-item h3+p{font-size:16px;line-height:1.8;margin-top:15px;max-width:55ch}.paper-news-item .text-action{margin-top:18px;font-size:14px}.paper-living>.small{font-size:12px;margin-top:20px}.a2-call{scroll-margin-top:125px}.demo-code-badge{display:inline-block;border-block:1px solid #aaa;padding-block:8px;font-size:14px!important;margin-top:18px!important}.study-six .study-heading>p{max-width:46ch}.study-start .study-heading h2{font-size:35px}
@media(max-width:1250px) and (min-width:801px){.story-header .header-inner{grid-template-columns:140px 1fr auto auto;gap:15px}.story-header .brand{width:140px}.story-header nav{gap:14px;font-size:12px}.fixed-slogan{font-size:12px}.join-agent{padding-left:12px;gap:7px}.join-agent img{width:43px;height:52px}.join-agent strong{font-size:13px}.join-agent small{font-size:11px}.clinic-experience{gap:60px}.clinic-experience h2{font-size:35px}}
@media(max-width:1000px) and (min-width:801px){.story-header .header-inner{grid-template-columns:135px 1fr auto;min-height:100px}.story-header .fixed-slogan{display:none}.story-header .brand{width:135px}.story-header nav{gap:12px;font-size:12px}.join-agent img{width:38px;height:48px}}
@media(max-width:800px){.story-header .header-inner{width:calc(100% - 32px);display:grid;grid-template-columns:1fr auto auto;gap:10px;min-height:116px;padding-block:12px}.story-header .brand{width:132px;grid-row:1;grid-column:1}.story-header .menu-toggle{grid-row:1;grid-column:3;margin:0}.story-header .fixed-slogan{display:block;grid-row:2;grid-column:1;font-size:12px;line-height:1.5}.story-header .join-agent{grid-row:2;grid-column:2/4;border-left:0;padding:0;gap:8px;min-height:48px}.join-agent img{width:40px;height:45px}.join-agent strong{font-size:12px}.join-agent small{font-size:10px}.story-header nav{position:absolute;display:none;top:100%;left:0;right:0;background:#fff;justify-content:start;padding:15px 22px 25px;font-size:17px;gap:6px}.story-header nav.open{display:flex}.story-header nav .nav-experience{font-size:17px}.story-hero{grid-template-columns:1fr;gap:25px;padding-block:35px}.story-hero h1{font-size:39px}.story-hero h1 br:nth-child(2){display:none}.story-hero-copy>p{font-size:17px;margin-top:20px}.story-hero .button{margin-top:24px;font-size:16px;justify-content:center;width:100%;gap:18px}.story-hero-copy>.small{font-size:12px}.story-hero figure{max-width:460px;margin:auto}.story-hero figcaption{font-size:10px}.character-guide{gap:18px;padding-block:25px}.guide-character{width:96px;height:165px;background-size:405px 304px;background-position:-9px 0}.guide-counselor{width:90px;height:143px;background-size:484px 323px;background-position:-161px -15px}.guide-marketer{width:90px;height:143px;background-size:484px 323px;background-position:0 -174px}.character-quote{font-size:19px;line-height:1.7;max-width:25ch}.character-credit{font-size:10px;margin-top:8px}.clinic-experience{grid-template-columns:1fr;gap:30px;padding-block:40px;scroll-margin-top:135px}.printed-sheet{max-width:200px;margin:auto}.clinic-experience h2{font-size:32px}.clinic-experience>div>p{font-size:17px}.clinic-code-form>div{flex-direction:column}.clinic-code-form input{max-width:none;font-size:18px}.clinic-code-form button{width:100%;justify-content:center}.clinic-code-form .small{font-size:12px}.clinic-help{gap:8px 20px;margin-top:14px}.clinic-help button,.clinic-help a{font-size:13px}.paper-living{padding-block:40px}.paper-living-head{display:block}.paper-living-head h2{font-size:29px}.paper-living-head p{font-size:12px}.paper-living-head>a{margin-top:20px;font-size:14px}.paper-comic-live>div{display:block}.paper-comic-live h3{font-size:26px}.paper-comic-live>div>p{font-size:16px;margin-top:10px}.paper-news-live{grid-template-columns:1fr;gap:0}.paper-news-item h3{font-size:23px}.paper-news-item h3+p{font-size:15px}.paper-news-item{padding-block:22px}.study-start .study-heading h2{font-size:31px}.a2-call{scroll-margin-top:135px}}
@media(max-width:360px){.story-header .header-inner{grid-template-columns:1fr auto auto;gap:7px}.story-header .brand{width:120px}.join-agent img{width:34px;height:40px}.join-agent strong{font-size:11px}.join-agent small{font-size:9px}.story-header .fixed-slogan{font-size:11px}.story-hero h1{font-size:34px}.story-hero-copy>p{font-size:16px}.character-quote{font-size:17px}.character-guide{gap:14px}}
/* Keep the requested slogan visible at tablet widths as well. */
@media(min-width:801px) and (max-width:1150px){.story-header .header-inner{grid-template-columns:160px 1fr auto;gap:10px 25px;padding-block:12px;min-height:136px}.story-header .brand{grid-column:1;grid-row:1;width:150px}.story-header .fixed-slogan{display:block;grid-column:2;grid-row:1;justify-self:end;font-size:13px}.story-header .join-agent{grid-column:3;grid-row:1}.story-header nav{grid-column:1/-1;grid-row:2;display:flex;gap:28px;font-size:14px;justify-content:center}.clinic-experience,.a2-call{scroll-margin-top:150px}}
.guide-doctor{width:180px}.join-agent .agent-face{display:block;flex-shrink:0;width:64px;height:64px;overflow:hidden}.join-agent .agent-face img{display:block;width:64px;height:64px;object-fit:cover;object-position:50% 12%;transform:scale(2.2);transform-origin:50% 25%}
@media(max-width:1250px) and (min-width:801px){.join-agent .agent-face,.join-agent .agent-face img{width:52px;height:52px}}
@media(max-width:800px){.guide-doctor{width:135px}.join-agent .agent-face,.join-agent .agent-face img{width:42px;height:42px}}
@media(max-width:360px){.join-agent .agent-face,.join-agent .agent-face img{width:36px;height:36px}}
.paper-comic-mobile{display:none}.paper-panel{flex:0 0 280px;aspect-ratio:3/4;background-image:url('/main-study/assets/paper-current-comic.png');background-size:400% 200%;background-repeat:no-repeat}.pp0{background-position:0 0}.pp1{background-position:33.333% 0}.pp2{background-position:66.667% 0}.pp3{background-position:100% 0}.pp4{background-position:0 100%}.pp5{background-position:33.333% 100%}.pp6{background-position:66.667% 100%}.pp7{background-position:100% 100%}
@media(max-width:800px){.story-hero h1{font-size:36px}.story-hero h1 br:nth-child(2){display:block}.paper-comic-live>a>img{display:none}.paper-comic-mobile{display:flex;gap:14px;overflow-x:auto;max-width:100%;padding-bottom:12px;scroll-snap-type:x mandatory}.paper-panel{scroll-snap-align:start}.paper-comic-live .text-action::before{content:'옆으로 넘겨 읽기 · ';font-size:12px;font-weight:450}}
@media(max-width:360px){.story-hero h1{font-size:33px}.paper-panel{flex-basis:260px}}
.clinic-experience{scroll-margin-top:15px}
@media(max-width:800px){.clinic-experience>.printed-sheet{grid-row:2}.clinic-experience>div{grid-row:1}}
/* Frame the clean expression portraits, excluding character-book labels and cell borders. */
.guide-counselor{background-size:1024px 683px;background-position:-530px -40px;width:140px;height:160px}.guide-marketer{background-size:1024px 683px;background-position:-190px -365px;width:140px;height:160px}
@media(max-width:800px){.guide-counselor{background-size:768px 512px;background-position:-397px -30px;width:105px;height:120px}.guide-marketer{background-size:768px 512px;background-position:-142px -274px;width:105px;height:120px}}
.paper-news-item h3+.paper-category{font-size:13px;line-height:1.6;margin:10px 0 0}.paper-news-item .paper-category+p{font-size:16px;line-height:1.8;margin-top:15px;max-width:55ch}
@media(max-width:800px){.paper-news-item .paper-category+p{font-size:15px}}

/* Center the complete printed-guide composition and the opening character quote. */
.character-guide.guide-intro{flex-direction:column;justify-content:center;text-align:center;gap:18px;padding-block:38px;max-width:1050px}.guide-intro .character-quote{max-width:44ch;margin:0 auto;text-wrap:balance}.guide-intro .character-credit{margin-top:12px}.clinic-experience{grid-template-columns:300px minmax(0,520px);justify-content:center;column-gap:80px;align-items:center}.clinic-experience>.printed-sheet{width:285px;max-width:100%;justify-self:center;margin:0}.clinic-experience>div{width:100%;min-width:0}.clinic-experience h2,.clinic-experience>div>p{text-align:center}.clinic-code-form input{max-width:none;width:100%}.clinic-help{justify-content:center}.clinic-code-form .small{text-align:center}
@media(min-width:801px) and (max-width:1100px){.clinic-experience{grid-template-columns:minmax(220px,285px) minmax(0,480px);column-gap:40px}}
@media(max-width:800px){.character-guide.guide-intro{gap:16px;padding-block:30px}.guide-intro .character-quote{max-width:28ch;font-size:20px}.clinic-experience{grid-template-columns:minmax(0,1fr);gap:30px}.clinic-experience>.printed-sheet{width:220px;margin:auto}.clinic-experience>div{max-width:520px;margin-inline:auto}.clinic-help{column-gap:20px}.clinic-code-form label{text-align:left}}
.guide-intro .guide-doctor{background-position:-28px 0}@media(max-width:800px){.guide-intro .guide-doctor{background-position:-21px 0}}
/* Every main section shares the same outer rails; character rows center their own contents. */
main>.character-guide.wrap{max-width:none}
.character-guide:not(.guide-intro){justify-content:center;gap:32px}
.character-guide:not(.guide-intro)>div:last-child{flex:0 1 680px;min-width:0}
.character-guide:not(.guide-intro) .character-quote{max-width:none}
@media(max-width:800px){.character-guide:not(.guide-intro){gap:20px}.character-guide:not(.guide-intro)>div:last-child{flex:1 1 0}.character-guide:not(.guide-intro) .character-quote{font-size:18px}}
@media(max-width:360px){.character-guide:not(.guide-intro){gap:14px}.character-guide:not(.guide-intro) .character-quote{font-size:17px}}

.study-six .study-heading{align-items:center}.service-coordinator{display:flex;align-items:center;gap:22px;max-width:600px}.coordinator-character{width:110px;height:190px;flex:0 0 110px;background-image:url('/main-study/assets/staff-character-sheet.png');background-repeat:no-repeat;background-size:645px 430px;background-position:-435px -237px}.service-coordinator p{font-size:17px;line-height:1.8;color:#111;max-width:34ch}.service-coordinator span{display:block;font-size:11px;margin-top:12px;color:#494949}
@media(max-width:800px){.study-six .study-heading{display:block}.service-coordinator{margin-top:26px;gap:18px;max-width:100%}.coordinator-character{width:88px;height:152px;flex-basis:88px;background-size:516px 344px;background-position:-348px -190px}.service-coordinator p{font-size:16px;line-height:1.75}.service-coordinator span{font-size:10px}}
/* The counselor looks left: place her to the right of her words. */
.character-guide:has(.guide-counselor){flex-direction:row-reverse}
.service-coordinator{flex-direction:row-reverse}

.paper-comic-live>.comic-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 0}.comic-actions .text-action{margin:0;min-height:36px;font-size:14px}.comic-actions .comic-creator{margin:0;font-size:11px;flex-shrink:0}.comic-actions .comic-creator img{width:100px;height:28px}.paper-news-live{margin-top:12px}@media(max-width:800px){.paper-comic-live>.comic-actions{gap:10px;margin-top:4px}.comic-actions .text-action{font-size:12px}.comic-actions .comic-creator{gap:5px;font-size:9px}.comic-actions .comic-creator img{width:74px;height:24px}.comic-actions .text-action::before{content:none}.paper-news-live{margin-top:10px}}
.comic-actions{scroll-margin-top:64px}

/* Named signup advisor uses the original color portrait. */
.join-agent .agent-face img{filter:none}
/* Fit the user-specified longer opening sentence within the existing hero column. */
@media(min-width:801px){.story-hero h1{font-size:clamp(28px,2.5vw,40px)}}

.story-hero .hero-code-form{margin-top:28px;max-width:520px}.story-hero .hero-code-form .button{margin:0;width:auto;font-size:15px}.story-hero .hero-code-form input{letter-spacing:0;font-size:16px}.story-hero .hero-code-form .small{margin:9px 0 0;text-align:left;font-size:12px}.story-hero .hero-code-form>label{font-size:14px;margin:0 0 8px}@media(max-width:800px){.story-hero .hero-code-form>div{flex-direction:row}.story-hero .hero-code-form input{min-width:0}.story-hero .hero-code-form .button{padding:12px;gap:8px;font-size:13px;flex-shrink:0}.story-hero .hero-code-form .small{font-size:11px}}

/* Isolate the H05 portrait from adjacent sheet illustrations. */
.guide-marketer{background-size:1024px 683px;background-position:-204px -377px;width:134px;height:132px}
@media(max-width:800px){.guide-marketer{background-size:768px 512px;background-position:-153px -282.75px;width:100.5px;height:99px}}