body.graphic-page{background-color:var(--background-color);display:flex;flex-direction:column;overflow:hidden;min-height:100dvh;padding-left:var(--body-padding-sides);padding-right:var(--body-padding-sides)}.graphic-page-wrap{flex:1 1 auto;min-height:0;height:100%;padding:var(--space-16) 0;box-sizing:border-box}.graphic-detail{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:clamp(.8rem,1.6vw,1.2rem);min-height:0;height:100%;align-items:start}.graphic-sidebar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.6rem,1.2vw,1rem);min-width:0;overflow:hidden;padding-bottom:var(--space-8)}.graphic-sidebar:after{content:"";position:absolute;left:calc(var(--body-padding-sides) * -1);right:calc(var(--body-padding-sides) * -1);bottom:0;border-bottom:var(--border)}.graphic-copy{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:clamp(.5rem,1vw,.9rem);min-width:0;grid-column:2;justify-self:center;flex:0 1 auto;overflow:hidden;text-align:center;max-width:min(100%,60rem)}.graphic-hero__title{margin:0;display:flex;flex-direction:row;align-items:baseline;justify-content:center;font-weight:400;max-width:none;flex:0 0 auto;white-space:nowrap}.graphic-hero__title-main,.graphic-hero__title-sub{display:block}.graphic-hero__title-sub{color:#111111b8}.graphic-copy__body{min-width:0;flex:0 1 30rem}.graphic-copy__body-text{margin:0;color:#111111b8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graphic-copy__body-text+.graphic-copy__body-text{margin-top:.2rem}.graphic-hero__title-main .eng,.graphic-hero__title-sub .eng,.graphic-copy__body-text.eng,body.eng .graphic-hero__title-main .kr,body.eng .graphic-hero__title-sub .kr,body.eng .graphic-copy__body-text.kr{display:none}body.eng .graphic-hero__title-main .eng,body.eng .graphic-hero__title-sub .eng,body.eng .graphic-copy__body-text.eng{display:block}.graphic-meta-list{display:flex;flex:0 0 auto;flex-wrap:nowrap;justify-content:center;gap:.18rem .72rem;min-width:0;align-items:baseline;margin:0;max-width:none;white-space:nowrap}.graphic-meta-value{min-width:0;color:var(--text-color);line-height:inherit}.graphic-meta-value--demo{font-style:italic}.graphic-page-nav{display:inline-flex;flex:0 0 auto;align-items:center;grid-column:1;justify-self:start;width:-moz-fit-content;width:fit-content;max-width:none;margin:0;order:-1}.graphic-page-nav__back{display:inline-flex;align-items:center;gap:.26rem;width:-moz-fit-content;width:fit-content;color:var(--color-gray-dark);font-size:var(--font-size-small);font-family:var(--font-family-ui);font-weight:600;text-decoration:none}.graphic-page-nav__back:hover{opacity:.7}.graphic-page-nav__arrow{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--color-gray-dark);flex-shrink:0}.graphic-page-nav__arrow svg{width:100%;height:100%}.graphic-stage-shell{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;height:100%}.graphic-stage{position:relative;display:flex;align-items:center;gap:clamp(.85rem,1.4vw,1.35rem);width:100%;height:100%;min-width:0;min-height:0;padding-left:var(--graphic-stage-pad-start, 0px);padding-right:var(--graphic-stage-pad-end, 0px);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.graphic-stage::-webkit-scrollbar{display:none}.graphic-stage:before,.graphic-stage:after{content:none}.graphic-image-item{margin:0;flex:0 0 auto;min-width:-moz-max-content;min-width:max-content;height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center}.graphic-image-item img{width:auto;height:100%;max-height:100%;max-width:none;display:block;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.graphic-nav{position:absolute;top:50%;transform:translateY(-50%);width:1.75rem;height:1.75rem;border:0;border-radius:999px;background:rgba(255,255,255,.58);color:#111111d6;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;z-index:3;transition:opacity .15s ease,transform .15s ease,background .15s ease}.graphic-nav:hover{background:rgba(255,255,255,.76)}.graphic-nav:active{transform:translateY(-50%) scale(.97)}.graphic-nav--prev{left:0}.graphic-nav--next{right:0}.graphic-nav svg{width:.82rem;height:.82rem}.graphic-stage__counter-wrap{position:absolute;right:.15rem;bottom:max(.45rem,1.4vh);z-index:3;pointer-events:none}.graphic-nav-counter{display:inline-flex;align-items:center;min-height:var(--button-outline-min-height);padding:var(--button-outline-padding);border:var(--button-outline-border);background:var(--color-gray-light);color:var(--color-gray-dark);font-size:var(--font-size-ui);font-family:var(--font-family-ui)}html[data-theme-mode=dark] .graphic-copy__body-text{color:#f0f0f0b8}@media only screen and (max-width: 1024px){.graphic-copy{gap:.6rem}.graphic-meta-list{gap:.18rem .56rem}}@media only screen and (max-width: 768px){body.graphic-page{display:block;overflow-y:auto;min-height:0;padding-left:var(--body-padding-sides);padding-right:var(--body-padding-sides);padding-bottom:var(--space-16)}.graphic-page-wrap{flex:none;height:auto;padding-bottom:0}.graphic-detail{grid-template-columns:1fr;grid-template-rows:auto auto;gap:var(--space-8);height:auto}.graphic-sidebar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);overflow:visible}.graphic-sidebar:after{left:calc(var(--body-padding-sides) * -1);right:calc(var(--body-padding-sides) * -1)}.graphic-copy{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-8);overflow:visible;text-align:left;max-width:none}.graphic-hero__title{flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:none;white-space:normal}.graphic-copy__body{width:100%;flex:none}.graphic-copy__body-text{text-align:left;white-space:normal}.graphic-meta-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.18rem .85rem;justify-content:flex-start;white-space:normal}.graphic-page-nav{max-width:none;order:0}.graphic-stage-shell{height:auto;min-height:0}.graphic-stage{align-items:flex-start;gap:.7rem;height:auto;padding-left:0;padding-right:0;scroll-snap-type:x mandatory}.graphic-stage:before,.graphic-stage:after{flex-basis:0}.graphic-image-item{min-width:100%;width:100%;height:auto}.graphic-image-item img{width:100%;height:auto;max-width:100%;max-height:72vh}.graphic-nav{width:1.65rem;height:1.65rem}.graphic-nav--prev{left:.35rem}.graphic-nav--next{right:.35rem}.graphic-stage__counter-wrap{right:.35rem;bottom:.35rem}}