/* Dr. Mark Kwon: shared behaviours and layout refinements.
   Content, typography, colours, and spacing remain in standard Elementor controls.
   All authored selectors use IDs, HTML tags, attributes or pseudo-classes. */
:root{--dmk-paper:#F6F8F7;--dmk-jade:#175955;--dmk-ink:#182C2A;--dmk-pale:#E4EFEE;--dmk-border:#B8C7C5;--dmk-text:#536965;--dmk-gutter:48px;--dmk-max:1280px;--dmk-motion:550ms}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;background:var(--dmk-paper);color:var(--dmk-ink);font-family:Manrope,"Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
[id^="dmk-"]{min-width:0}
#dmk-main{gap:0;width:100%;max-width:none;padding:0}
#dmk-main p,#dmk-site-footer p{margin:0 0 .65em}
#dmk-main p:last-child,#dmk-site-footer p:last-child{margin-bottom:0}
#dmk-main h1,#dmk-main h2,#dmk-main h3{overflow-wrap:normal;text-wrap:balance}
#dmk-main>section{width:100%;max-width:none}
#dmk-main>section>[id$="-inner"]{max-width:var(--dmk-max);margin-left:auto;margin-right:auto}
#dmk-site-header{position:sticky;top:0;z-index:90;width:100%;border-bottom:1px solid #182c2a14;gap:24px}
body:has(#wpadminbar) #dmk-site-header{top:32px}
#dmk-wordmark{width:auto;flex-shrink:0}
#dmk-wordmark a{color:inherit;text-decoration:none;white-space:nowrap}
#dmk-navigation{width:auto;flex:0 1 auto;align-items:center}
#dmk-navigation [data-widget_type="button.default"]{width:auto}
#dmk-navigation a{font-size:13px;padding:8px 0!important;white-space:nowrap;position:relative}
#dmk-navigation a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}
#dmk-header-actions{width:auto;flex-shrink:0}
#dmk-header-cta a{font-size:12px;padding:14px 17px!important;white-space:nowrap}
#dmk-language-widget{width:auto}
#dmk-language{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px}
#dmk-language a{padding:12px 0;color:var(--dmk-text);text-decoration:none}
#dmk-language a[aria-current]{color:var(--dmk-ink);font-weight:700}
#dmk-menu-widget{display:none;width:auto}
#dmk-menu-toggle{background:transparent;border:0;padding:12px;width:44px;height:44px;color:var(--dmk-ink);cursor:pointer}
#dmk-menu-toggle span{display:block;height:1px;background:currentColor;margin:5px 0;width:22px}
#dmk-skip-widget{position:absolute;z-index:9999;top:0;left:0;width:auto}
#dmk-skip{display:block;padding:14px 24px;background:var(--dmk-jade);color:white;transform:translateY(-180%)}
#dmk-skip:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--dmk-jade);outline-offset:5px}
#dmk-site-footer a:focus-visible{outline-color:#fff}
#dmk-main a,#dmk-site-footer a{transition:color 160ms ease,background-color 160ms ease}
#dmk-hero{max-width:1440px!important;margin:auto;align-items:stretch}
#dmk-hero-copy{width:46%;flex-shrink:1}
#dmk-hero-media{width:54%;flex-shrink:1}
#dmk-hero-title h1{max-width:580px;font-weight:400}
#dmk-hero-copy>[data-widget_type="text-editor.default"]{max-width:420px}
#dmk-hero-actions{align-items:center;flex-wrap:wrap;row-gap:10px}
#dmk-hero-actions>[data-widget_type]{width:auto}
#dmk-hero-portrait img{object-position:50% 17%;border-radius:2px}
#dmk-hero-caption{padding-top:3px;letter-spacing:.2px}
#dmk-trust{justify-content:space-around;align-items:center;gap:18px;text-align:center;border-top:1px solid #182c2a12;border-bottom:1px solid #182c2a12}
#dmk-trust>[data-widget_type]{width:auto}
#dmk-story-heading{align-items:start;justify-content:space-between;padding-bottom:20px}
#dmk-story-heading>:first-child{width:35%}
#dmk-story-heading>:last-child{width:58%}
#dmk-story-layout{align-items:start}
#dmk-story-copy{width:45%}
#dmk-story-media{width:55%;position:sticky;top:135px;align-self:start}
#dmk-story-media>[data-widget_type="image.default"]{width:100%}
#dmk-story-media[data-enhanced="true"]{display:block;position:sticky;min-height:600px}
#dmk-story-media[data-enhanced="true"]>[data-widget_type="image.default"]{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity var(--dmk-motion) ease,transform var(--dmk-motion) ease;transform:translateY(18px) scale(1.025)}
#dmk-story-media[data-enhanced="true"][data-scene="0"] #dmk-story-photo-0,#dmk-story-media[data-enhanced="true"][data-scene="1"] #dmk-story-photo-1,#dmk-story-media[data-enhanced="true"][data-scene="2"] #dmk-story-photo-2{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
#dmk-home-treatments h2{max-width:760px}
#dmk-home-treatments-inner> [data-widget_type="text-editor.default"]{max-width:710px}
#dmk-feature-treatments{padding-top:28px}
#dmk-feature-treatments>div{width:50%}
#dmk-other-treatments{justify-content:space-between;padding-top:22px;border-top:1px solid #182c2a26;margin-top:20px}
#dmk-other-treatments>[data-widget_type]{width:auto}
#dmk-home-about-layout{align-items:center}
#dmk-home-about-layout>:first-child{width:45%}
#dmk-home-about-layout>:last-child{width:55%}
#dmk-about-portrait img{object-position:50% 17%}
#dmk-home-clinics-grid>div,#dmk-contact-clinics-grid>div{width:33.333%;justify-content:flex-start}
#dmk-home-clinics-grid h3,#dmk-contact-clinics-grid h3{text-wrap:pretty}
#dmk-learning-layout{align-items:center}
#dmk-learning-copy{width:43%}
#dmk-learning-photo{width:57%}
#dmk-course-photo img{object-position:50% 40%}
#dmk-final-row{align-items:center;justify-content:space-between}
#dmk-final-copy{width:68%}
#dmk-final-action{width:auto;flex-shrink:0}
#dmk-site-footer{width:100%;gap:42px}
#dmk-footer-top{max-width:var(--dmk-max);margin:auto;width:100%;align-items:start}
#dmk-footer-brand{width:31%}
#dmk-footer-links{width:14%}
#dmk-footer-social{width:15%}
#dmk-footer-clinics{width:33%;gap:20px}
#dmk-site-footer a{color:inherit;text-underline-offset:5px;text-decoration:none;line-height:2.2}
#dmk-site-footer a:hover{text-decoration:underline}
#dmk-copyright{width:100%;max-width:var(--dmk-max);margin:auto;padding-top:22px;border-top:1px solid #ffffff26}
#dmk-about-hero-row{align-items:center}
#dmk-about-intro{width:48%}
#dmk-about-main-photo{width:52%}
#dmk-about-story-row>:first-child{width:40%}
#dmk-about-story-prose{width:60%}
#dmk-about-mission-inner> [data-widget_type="text-editor.default"]{max-width:800px}
#dmk-about-principles{padding-top:30px}
#dmk-about-principles>div{width:33.333%;border-top:1px solid var(--dmk-border)}
#dmk-about-learning-row{align-items:center}
#dmk-about-learning-row>:first-child{width:50%}
#dmk-about-learning-copy{width:50%}
#dmk-treatments-hero-inner,#dmk-education-hero-inner,#dmk-contact-hero-inner{max-width:1000px!important;margin-left:0!important}
#dmk-treatment-grid{align-items:stretch;justify-content:space-between}
#dmk-treatment-grid>div{width:calc(50% - 12px);scroll-margin-top:120px}
#dmk-treatment-grid>div:last-child{width:100%}
#dmk-treatment-grid>div> [data-widget_type="button.default"]{margin-top:auto}
#dmk-process-grid{padding-top:26px}
#dmk-process-grid>div{width:25%;border-top:1px solid var(--dmk-border)}
#dmk-main details{border-bottom:1px solid var(--dmk-border);padding:20px 0}
#dmk-main summary{font-weight:500;font-size:18px;color:var(--dmk-ink);cursor:pointer;line-height:1.45;padding-right:20px}
#dmk-main details[open] summary{margin-bottom:20px}
#dmk-main details p{margin-bottom:1em;max-width:880px}
#dmk-main details a{color:var(--dmk-jade);text-decoration:underline;text-underline-offset:4px}
#dmk-treatment-grid summary{font-size:15px}
#dmk-treatment-grid details{padding:16px 0}
#dmk-filters{display:flex;gap:10px;flex-wrap:wrap}
#dmk-filters button{border:1px solid #B8C7C5;background:transparent;color:var(--dmk-jade);font:500 13px Manrope,"Noto Sans KR",sans-serif;padding:13px 18px;border-radius:2px;cursor:pointer;min-height:44px}
#dmk-filters button[aria-pressed="true"]{background:var(--dmk-jade);border-color:var(--dmk-jade);color:#fff}
#dmk-filter-status{font:13px Manrope,"Noto Sans KR",sans-serif;min-height:22px;color:var(--dmk-text);margin-top:20px}
#dmk-education-grid{align-items:stretch}
#dmk-education-grid>div{width:calc((100% - 48px)/3)}
#dmk-education-grid>div[hidden]{display:none!important}
#dmk-education-grid [id^="dmk-card-copy-"]{height:100%}
#dmk-education-grid [id^="dmk-card-copy-"]>[data-widget_type="button.default"]{margin-top:auto}
#dmk-education-grid img{transition:transform 400ms ease}
#dmk-education-grid [id^="dmk-card-img-"]{overflow:hidden}
@media (hover:hover){#dmk-education-grid>div:hover img{transform:scale(1.035)}}
#dmk-education-library details{scroll-margin-top:120px;padding:28px 0}
#dmk-education-library summary{font-size:24px}
#dmk-contact-form-row{align-items:start}
#dmk-contact-form-copy{width:40%}
#dmk-contact-form-fields{width:60%}
#dmk-map{display:flex;flex-direction:column;gap:16px}
#dmk-map label{font-size:13px;color:var(--dmk-text)}
#dmk-map select{max-width:460px}
#dmk-map-frame{border:0;width:100%;height:380px}
#dmk-map p{font-size:12px}
#dmk-enquiry{font-family:Manrope,"Noto Sans KR",sans-serif}
#dmk-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}
#dmk-fields>div{display:flex;flex-direction:column;gap:8px}
#dmk-fields [data-wide]{grid-column:1/-1}
#dmk-fields label{font-size:13px;font-weight:600;color:var(--dmk-ink)}
#dmk-enquiry input,#dmk-enquiry select,#dmk-enquiry textarea,#dmk-map select{width:100%;min-height:50px;border:1px solid var(--dmk-border);background:transparent;border-radius:2px;padding:13px 15px;color:var(--dmk-ink);font:400 15px Manrope,"Noto Sans KR",sans-serif;box-shadow:none}
#dmk-enquiry textarea{resize:vertical}
#dmk-enquiry input[aria-invalid="true"],#dmk-enquiry select[aria-invalid="true"],#dmk-enquiry textarea[aria-invalid="true"]{border-color:#9B3636}
#dmk-enquiry [data-error-for]{color:#9B3636;font-size:12px}
#dmk-enquiry button{border:0;border-radius:2px;background:var(--dmk-jade);color:white;min-height:50px;padding:17px 24px;font:600 14px Manrope,"Noto Sans KR",sans-serif;cursor:pointer;max-width:100%;line-height:1.4}
#dmk-enquiry button:hover{background:var(--dmk-ink)}
#dmk-enquiry>p,#dmk-enquiry-preview p{font-size:12px;line-height:1.7;margin:16px 0!important}
#dmk-enquiry-preview{margin-top:28px;padding:24px;background:var(--dmk-pale)}
#dmk-enquiry-preview[hidden]{display:none}
#dmk-enquiry-preview h3{font:500 20px Manrope,"Noto Sans KR",sans-serif}
#dmk-composed{margin:16px 0}
html[lang^="ko"] #dmk-main{word-break:keep-all;overflow-wrap:anywhere}
html[lang^="ko"] #dmk-hero-title h1{font-size:58px;line-height:1.22}
html[lang^="ko"] #dmk-main h2{line-height:1.3}
html[lang^="ko"] #dmk-header-cta a{font-size:13px}
@media(min-width:1600px){#dmk-site-header{padding-left:max(48px,calc((100vw - 1344px)/2));padding-right:max(48px,calc((100vw - 1344px)/2))}}
@media(max-width:1200px){#dmk-site-header{gap:18px;padding-left:28px;padding-right:28px}#dmk-navigation{gap:18px}#dmk-header-actions{gap:16px}#dmk-header-cta{display:none}#dmk-hero{gap:40px}#dmk-hero-title h1{font-size:62px}#dmk-hero-portrait img{height:590px}#dmk-story-layout,#dmk-home-about-layout,#dmk-learning-layout,#dmk-about-hero-row,#dmk-about-story-row,#dmk-about-learning-row,#dmk-contact-form-row{gap:50px}#dmk-footer-top{gap:32px}#dmk-story-media{top:115px}}
@media(max-width:1023px){
 :root{--dmk-gutter:28px}
 #dmk-site-header{flex-wrap:wrap;padding:18px 28px}
 #dmk-wordmark{margin-right:auto}
 #dmk-header-actions{flex-direction:row}
 #dmk-menu-widget{display:block}
 #dmk-navigation{width:100%;order:3;flex-direction:column;align-items:stretch;gap:5px;padding:18px 0}
 #dmk-navigation a{display:block;font-size:17px;padding:13px 4px!important}
 html[data-dmk-enhanced] #dmk-navigation[data-open="false"]{display:none}
 #dmk-hero-title h1{font-size:53px}
 #dmk-hero{padding-left:28px;padding-right:28px;gap:32px}
 #dmk-hero-actions{flex-direction:column;align-items:flex-start}
 #dmk-hero-portrait img{height:580px}
 #dmk-trust{padding-left:28px;padding-right:28px}
 #dmk-story,#dmk-home-treatments,#dmk-home-about,#dmk-home-clinics,#dmk-home-learning,#dmk-final-cta,#dmk-about-hero,#dmk-about-story,#dmk-about-mission,#dmk-about-learning,#dmk-treatments-hero,#dmk-treatment-list,#dmk-process,#dmk-faq,#dmk-education-hero,#dmk-education-grid-section,#dmk-education-library,#dmk-contact-hero,#dmk-contact-clinics,#dmk-contact-map,#dmk-contact-form{padding-left:28px;padding-right:28px}
 #dmk-story-layout{gap:35px}
 #dmk-story-heading{gap:35px}
 #dmk-story-media{top:110px}
 #dmk-story-media[data-enhanced="true"]{min-height:520px}
 #dmk-story-media img{height:520px}
 #dmk-feature-treatments>div{padding:32px 24px}
 #dmk-home-clinics-grid,#dmk-contact-clinics-grid{flex-direction:column}
 #dmk-home-clinics-grid>div,#dmk-contact-clinics-grid>div{width:100%}
 #dmk-final-row{flex-direction:column;align-items:start;gap:30px}
 #dmk-final-copy{width:100%}
 #dmk-footer-top{flex-wrap:wrap}
 #dmk-footer-brand{width:45%}#dmk-footer-links{width:20%}#dmk-footer-social{width:20%}#dmk-footer-clinics{width:100%;flex-direction:row;gap:28px;flex-wrap:wrap}#dmk-footer-clinics>:first-child{width:100%}#dmk-footer-clinics>div:not(:first-child){width:calc((100% - 56px)/3)}
 #dmk-education-grid>div{width:calc((100% - 24px)/2)}
 #dmk-about-principles{gap:25px}
 #dmk-process-grid{flex-wrap:wrap}#dmk-process-grid>div{width:calc(50% - 20px)}
 html[lang^="ko"] #dmk-hero-title h1{font-size:46px}
}
@media(max-width:767px){
 html{scroll-padding-top:94px}
 #dmk-site-header{padding:16px 22px;gap:10px}
 body:has(#wpadminbar) #dmk-site-header{top:46px}
 #dmk-wordmark>*{font-size:19px!important}
 #dmk-header-actions{gap:12px;width:auto}
 #dmk-language{font-size:11px;gap:7px}
 #dmk-hero{flex-direction:column;gap:26px;padding:32px 22px 34px}
 #dmk-hero-copy,#dmk-hero-media{width:100%;padding:0}
 #dmk-hero-copy{gap:20px}
 #dmk-hero-title h1{font-size:45px;line-height:1.05;max-width:500px}
 #dmk-hero-actions{flex-direction:row;gap:12px;align-items:center}
 #dmk-hero-actions a{font-size:12px;padding:16px 18px}
 #dmk-hero-portrait img{height:470px;object-position:50% 22%}
 #dmk-hero-caption{font-size:11px}
 #dmk-trust{flex-direction:column;align-items:center;gap:10px;padding:24px 22px}
 #dmk-story,#dmk-home-treatments,#dmk-home-about,#dmk-home-clinics,#dmk-home-learning,#dmk-final-cta,#dmk-about-hero,#dmk-about-story,#dmk-about-mission,#dmk-about-learning,#dmk-treatments-hero,#dmk-treatment-list,#dmk-process,#dmk-faq,#dmk-education-hero,#dmk-education-grid-section,#dmk-education-library,#dmk-contact-hero,#dmk-contact-clinics,#dmk-contact-map,#dmk-contact-form{padding:60px 22px}
 #dmk-story-heading,#dmk-story-layout,#dmk-home-about-layout,#dmk-learning-layout,#dmk-about-hero-row,#dmk-about-story-row,#dmk-about-learning-row,#dmk-contact-form-row{flex-direction:column;gap:30px}
 #dmk-story-heading>:first-child,#dmk-story-heading>:last-child,#dmk-story-copy,#dmk-story-media,#dmk-home-about-layout>:first-child,#dmk-home-about-layout>:last-child,#dmk-learning-copy,#dmk-learning-photo,#dmk-about-intro,#dmk-about-main-photo,#dmk-about-story-row>:first-child,#dmk-about-story-prose,#dmk-about-learning-row>:first-child,#dmk-about-learning-copy,#dmk-contact-form-copy,#dmk-contact-form-fields{width:100%}
 #dmk-story-copy{gap:8px}
 #dmk-story-copy>div{min-height:auto;padding:24px 0}
 #dmk-story-media[data-enhanced="true"]{position:relative;top:auto;min-height:0;display:flex;gap:16px;flex-direction:row;overflow:auto;scroll-snap-type:x mandatory}
 #dmk-story-media[data-enhanced="true"]>[data-widget_type="image.default"]{position:relative;inset:auto;opacity:1;transform:none;flex:0 0 86%;pointer-events:auto;scroll-snap-align:start}
 #dmk-story-media img{height:420px}
 #dmk-feature-treatments{flex-direction:column;padding-top:16px}
 #dmk-feature-treatments>div{width:100%;padding:32px 26px}
 #dmk-other-treatments{align-items:start;gap:7px}
 #dmk-home-about-layout,#dmk-about-learning-row{gap:32px}
 #dmk-about-portrait img,#dmk-about-main-photo img{height:490px}
 #dmk-course-photo img,#dmk-about-learning-image img{height:480px}
 #dmk-home-clinics-grid,#dmk-contact-clinics-grid{gap:16px}
 #dmk-home-clinics-grid>div,#dmk-contact-clinics-grid>div{padding:28px 24px}
 #dmk-final-action{width:100%}
 #dmk-site-footer{padding:48px 22px 24px}
 #dmk-footer-top{flex-direction:row;gap:30px}
 #dmk-footer-brand{width:100%}#dmk-footer-links,#dmk-footer-social{width:calc(50% - 15px)}#dmk-footer-clinics{flex-direction:column;gap:22px}#dmk-footer-clinics>div:not(:first-child){width:100%}
 #dmk-about-principles{flex-direction:column;gap:16px}#dmk-about-principles>div{width:100%}
 #dmk-treatment-grid{gap:18px}#dmk-treatment-grid>div{width:100%;padding:32px 26px}
 #dmk-process-grid{flex-direction:column;gap:8px}#dmk-process-grid>div{width:100%}
 #dmk-main summary{font-size:17px}#dmk-education-library summary{font-size:20px}
 #dmk-filters{gap:8px}#dmk-filters button{font-size:12px;padding:12px 14px}
 #dmk-education-grid{gap:24px}#dmk-education-grid>div{width:100%}#dmk-education-grid img{height:260px}
 #dmk-fields{grid-template-columns:1fr;gap:20px}
 #dmk-map-frame{height:300px}
 #dmk-enquiry button{font-size:13px;padding:17px 19px;width:100%}
 html[lang^="ko"] #dmk-hero-title h1{font-size:38px;line-height:1.23}
}
@media(max-width:374px){#dmk-wordmark>*{font-size:17px!important}#dmk-site-header{padding-left:16px;padding-right:16px}#dmk-language{gap:5px}#dmk-header-actions{gap:6px}#dmk-hero-title h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}#dmk-story-media[data-enhanced="true"]>div{transform:none!important}#dmk-education-grid img{transform:none!important}}

#dmk-main [hidden],#dmk-navigation[hidden]{display:none!important}
#dmk-fields{border:0;padding:0;margin:0;min-width:0}
html:not([data-dmk-enhanced]) #dmk-enquiry button[type=submit]{display:none}

#dmk-main [data-widget_type="text-editor.default"] p,#dmk-site-footer [data-widget_type="text-editor.default"] p{font-size:inherit;line-height:inherit;letter-spacing:inherit}
#dmk-hero-portrait img{height:590px}
@media(max-width:767px){#dmk-hero-portrait img{height:470px}}
/* Preserve Korean word units even when the active theme sets heading wrapping. */
html[lang^="ko"] #dmk-main h1,html[lang^="ko"] #dmk-main h2,html[lang^="ko"] #dmk-main h3,html[lang^="ko"] #dmk-main p{word-break:keep-all;overflow-wrap:break-word}

/* Native images and copy remain readable without motion or JavaScript. */
#dmk-story-media:not([data-enhanced="true"]){position:static;top:auto}
@media(max-width:1023px){
 #dmk-story-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
 #dmk-story-copy,#dmk-story-media{display:contents!important}
 #dmk-story-copy>div{width:100%;min-height:auto;padding:24px 0}
 #dmk-story-media>[data-widget_type="image.default"]{width:100%;position:static;opacity:1;transform:none;pointer-events:auto;grid-column:1}
 #dmk-scene-0{grid-column:1;grid-row:1}#dmk-story-photo-0{grid-row:2}
 #dmk-scene-1{grid-column:1;grid-row:3}#dmk-story-photo-1{grid-row:4}
 #dmk-scene-2{grid-column:1;grid-row:5}#dmk-story-photo-2{grid-row:6}
}
#dmk-photo-dialog{border:0;padding:18px;max-width:min(900px,94vw);max-height:94dvh;background:var(--dmk-paper);color:var(--dmk-ink)}
#dmk-photo-dialog::backdrop{background:#10221fe6}
#dmk-photo-dialog button{display:block;margin:0 0 12px auto;min-width:80px;min-height:44px;padding:10px 16px;border:1px solid var(--dmk-border);background:transparent;color:var(--dmk-ink);font:500 15px Manrope,"Noto Sans KR",sans-serif;cursor:pointer}
#dmk-photo-dialog img{display:block;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto}
#dmk-photo-dialog p{font:14px/1.6 Manrope,"Noto Sans KR",sans-serif;margin:14px 0 0}

#dmk-story-photo-note{text-align:right;padding-top:12px}
@media(max-width:1023px){#dmk-story-photo-note{text-align:left}}



/* COURSE_GALLERY_START */
/* Five native Elementor course cards. IDs are the editing hooks; no authored classes. */
#dmk-home-learning:has(#dmk-course-viewport){--dmk-course-image-height:440px;--dmk-course-gap:28px;position:relative;overflow:visible;align-items:stretch;justify-content:flex-start}
#dmk-home-learning #dmk-home-learning-inner:has(#dmk-course-viewport){display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.45fr);column-gap:clamp(32px,4.5vw,72px);row-gap:22px;align-items:start;width:100%;height:auto;min-height:0;overflow:visible}
#dmk-home-learning #dmk-learning-copy{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;align-self:center;width:100%;gap:22px;padding:0;min-height:0}
#dmk-home-learning #dmk-learning-copy h2{font-size:clamp(38px,3.5vw,52px);line-height:1.13}
#dmk-course-viewport{grid-column:2;grid-row:1;display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:var(--dmk-border) transparent;overscroll-behavior-x:contain;padding:0 0 8px;min-height:0;touch-action:pan-x pan-y pinch-zoom}
#dmk-course-viewport:focus-visible{outline:2px solid var(--dmk-jade);outline-offset:7px}
#dmk-course-track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;width:max-content;max-width:none;gap:var(--dmk-course-gap);padding:0;margin:0;transform:none;transition:none}
#dmk-course-track>[id^="dmk-course-card-"]{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;width:clamp(300px,34vw,470px);max-width:none;gap:18px;padding:0;margin:0;scroll-snap-align:start;scroll-snap-stop:normal}
#dmk-course-track [id^="dmk-course-image-"]{width:100%;margin:0}
#dmk-course-track [id^="dmk-course-image-"] a{display:flex;align-items:center;justify-content:center;width:100%;height:var(--dmk-course-image-height);background:transparent;overflow:hidden;cursor:zoom-in}
#dmk-course-track [id^="dmk-course-image-"] img{display:block;width:100%;height:var(--dmk-course-image-height);max-height:none;object-fit:contain;object-position:center;border-radius:0}
#dmk-course-track [id^="dmk-course-caption-"]{display:flex;flex-direction:column;width:100%;gap:7px;padding:0 2px}
#dmk-course-track [id^="dmk-course-caption-"] h3{font-size:21px;line-height:1.35;margin:0;text-wrap:pretty}
#dmk-course-track [id^="dmk-course-caption-"] p{font-size:13px;line-height:1.65;color:var(--dmk-text);margin:0}
#dmk-course-controls-widget{grid-column:2;grid-row:2;width:100%}
#dmk-course-scroll-stage{display:contents}
#dmk-course-controls{display:none;align-items:center;justify-content:flex-end;gap:18px;width:100%}
#dmk-home-learning[data-course-gallery-ready="true"] #dmk-course-controls{display:flex}
#dmk-course-controls button,#dmk-course-dialog button{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;border:1px solid var(--dmk-border);padding:10px 14px;background:transparent;color:var(--dmk-ink);border-radius:0;font:500 15px/1.2 Manrope,"Noto Sans KR",sans-serif;cursor:pointer}
#dmk-course-controls button:hover:not(:disabled),#dmk-course-dialog button:hover:not(:disabled){background:var(--dmk-pale)}
#dmk-course-controls button:disabled,#dmk-course-dialog button:disabled{opacity:.35;cursor:default}
#dmk-course-status{min-width:45px;text-align:center;color:var(--dmk-text);font:500 12px/1.4 Manrope,"Noto Sans KR",sans-serif;font-variant-numeric:tabular-nums}
#dmk-home-learning[data-course-mode="scroll"] #dmk-home-learning-inner{position:sticky;top:var(--dmk-course-sticky-top,110px);align-self:start}
#dmk-home-learning[data-course-mode="scroll"] #dmk-course-viewport{overflow:hidden;scroll-snap-type:none;scrollbar-width:none}
#dmk-home-learning[data-course-mode="scroll"] #dmk-course-track{will-change:transform}
#dmk-course-dialog{border:0;padding:clamp(16px,3vw,28px);width:min(1040px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;overscroll-behavior:contain;background:var(--dmk-paper);color:var(--dmk-ink)}
#dmk-course-dialog::backdrop{background:#10221fe6}
#dmk-course-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px}
#dmk-course-dialog-position{font:500 13px/1.4 Manrope,"Noto Sans KR",sans-serif;color:var(--dmk-text)}
#dmk-course-dialog figure{margin:0}
#dmk-course-dialog img{display:block;width:100%;height:min(62dvh,720px);object-fit:contain;background:#e9eeeb}
#dmk-course-dialog figcaption{padding:16px 0 0}
#dmk-course-dialog h2{margin:0 0 7px;font:500 23px/1.35 "Source Serif 4","Noto Sans KR",Georgia,serif}
#dmk-course-dialog p{margin:0;color:var(--dmk-text);font:14px/1.65 Manrope,"Noto Sans KR",sans-serif;white-space:pre-line}
#dmk-course-dialog-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:18px}
html[lang^="ko"] #dmk-course-dialog h2{font-family:"Noto Sans KR",sans-serif;word-break:keep-all}
@media(max-width:1024px){
 #dmk-home-learning:has(#dmk-course-viewport){--dmk-course-image-height:450px;--dmk-course-gap:22px}
 #dmk-home-learning #dmk-home-learning-inner:has(#dmk-course-viewport){grid-template-columns:minmax(0,1fr);row-gap:28px}
 #dmk-home-learning #dmk-learning-copy{grid-column:1;grid-row:1;max-width:640px;align-self:start;gap:20px}
 #dmk-course-scroll-stage{display:flex;flex-direction:column;grid-column:1;grid-row:2;gap:16px;min-height:0;width:100%;align-items:stretch;align-self:start}
 #dmk-home-learning[data-course-mode="scroll"] #dmk-home-learning-inner:has(#dmk-course-viewport){position:relative;top:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:28px}
 #dmk-home-learning[data-course-mode="scroll"] #dmk-learning-copy{flex:0 0 auto}
 #dmk-home-learning[data-course-mode="scroll"] #dmk-course-scroll-stage{position:sticky;top:var(--dmk-course-sticky-top,92px);flex:0 0 auto;background:var(--dmk-paper)}
 #dmk-course-viewport{grid-column:1;grid-row:2}
 #dmk-course-controls-widget{grid-column:1;grid-row:3}
 #dmk-course-track>[id^="dmk-course-card-"]{width:min(62vw,460px)}
}
@media(max-width:600px){
 #dmk-home-learning:has(#dmk-course-viewport){--dmk-course-image-height:360px;--dmk-course-gap:16px}
 #dmk-home-learning #dmk-learning-copy h2{font-size:36px;line-height:1.17}
 #dmk-course-track>[id^="dmk-course-card-"]{width:calc(100vw - 82px);gap:15px}
 #dmk-course-track [id^="dmk-course-caption-"] h3{font-size:20px}
 #dmk-course-controls{gap:14px}
 #dmk-course-dialog{width:96vw;max-width:96vw;padding:14px}
 #dmk-course-dialog img{height:57dvh}
 #dmk-course-dialog h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
 #dmk-home-learning #dmk-home-learning-inner:has(#dmk-course-viewport){position:static}
 #dmk-home-learning #dmk-course-scroll-stage{position:static}
 #dmk-course-viewport{scroll-behavior:auto}
 #dmk-course-track{will-change:auto;transition:none}
}
/* COURSE_GALLERY_END */



/* MOBILE_STORY_START */
/* Mobile vertical-scroll storytelling. All copy and photographs remain native widgets. */
#dmk-story-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;width:100%;grid-column:1 / -1}
#dmk-story-controls[hidden]{display:none}
#dmk-story-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;border:1px solid var(--dmk-border);padding:10px 14px;background:transparent;color:var(--dmk-ink);border-radius:0;font:500 15px/1.2 Manrope,"Noto Sans KR",sans-serif;cursor:pointer}
#dmk-story-controls button:hover:not(:disabled){background:var(--dmk-pale)}
#dmk-story-controls button:disabled{opacity:.35;cursor:default}
#dmk-story-status{min-width:45px;text-align:center;color:var(--dmk-text);font:500 12px/1.4 Manrope,"Noto Sans KR",sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:1023px){
 #dmk-story[data-story-mode="mobile-scroll"],#dmk-story[data-story-mode="mobile-scroll"] #dmk-story-inner{overflow:visible;position:relative}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-heading{flex:0 0 auto}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-layout{position:sticky;top:var(--dmk-story-sticky-top,92px);display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;flex:0 0 auto;align-self:stretch;background:var(--dmk-paper)}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-copy{display:grid!important;grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);width:100%;gap:0}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-copy>[id^="dmk-scene-"]{grid-column:1;grid-row:1;min-height:0;padding:0;gap:12px;width:100%;justify-content:flex-start;visibility:hidden;opacity:0;transition:opacity 300ms ease,visibility 300ms;pointer-events:none}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-copy>[data-story-active="true"]{visibility:visible;opacity:1;pointer-events:auto}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-copy h2{font-size:clamp(29px,5vw,38px);line-height:1.14;margin:0}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-copy p{font-size:15px;line-height:1.65}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-copy>[id^="dmk-scene-"]>[data-widget_type="text-editor.default"]:first-child{font-size:11px}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-media{display:block!important;grid-column:1;grid-row:2;position:relative;top:auto;width:100%;height:var(--dmk-story-image-height,280px);min-height:0;overflow:hidden}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-media>[data-widget_type="image.default"]{position:absolute;inset:0;grid-row:auto;width:100%;margin:0;opacity:0;pointer-events:none;transform:translateY(10px) scale(1.025);transition:opacity 350ms ease,transform 350ms ease}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-media>[data-active="true"]{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-media img{display:block;width:100%;height:var(--dmk-story-image-height,280px);object-fit:cover}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-photo-note{grid-column:1;grid-row:4;margin:0;flex:0 0 auto;padding-top:0;text-align:left}
 #dmk-story[data-story-mode="mobile-scroll"] #dmk-story-controls{grid-row:3}
}
@media(prefers-reduced-motion:reduce){
 #dmk-story [id^="dmk-scene-"],#dmk-story-media>[data-widget_type="image.default"]{transition:none!important}
}
/* MOBILE_STORY_END */