@font-face{font-family:DC-Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.dc-four{position:relative;width:100%;max-width:100%;min-width:0;container-type:inline-size;box-sizing:border-box}
.dc-four *{box-sizing:border-box}
.dc-four>.kt-row-column-wrap,.dc-four .dc-track>.kt-inside-inner-col{display:block;max-width:none}
.dc-four .dc-slide{position:relative;min-width:0}
.dc-four .dc-slide[hidden],.dc-four:not([data-dc-mounted]) .dc-slide~.dc-slide{display:none!important}
.dc-four .dc-slide>.kt-row-column-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:var(--dc4-gap,6%);max-width:none;align-items:stretch}
.dc-four .dc-copy{min-width:0;align-self:stretch}
.dc-four .dc-copy>.kt-inside-inner-col{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:132px}
.dc-four .dc-heading,.dc-four .dc-body{overflow-wrap:anywhere;font-family:DC-Pretendard,Pretendard,sans-serif}
.dc-four .dc-image{position:relative;width:100%;aspect-ratio:var(--dc4-ratio,1.1);overflow:hidden;border-radius:var(--dc4-radius,16px)}
.dc-four .dc-image img{display:block;width:100%;height:100%;object-fit:cover}
.dc-four .dc-image .dc-fade-out{position:absolute;inset:0;pointer-events:none}
.dc-four .dc-controls{position:absolute;left:0;bottom:var(--dc4-buttonOffset,36px);display:flex;gap:10px}
.dc-four .dc-controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #d8d8d8;border-radius:50%;background:#fff;color:#222;cursor:pointer}
.dc-four .dc-controls svg{width:20px;height:20px}
.dc-four .dc-progress{position:absolute;left:0;bottom:0;display:flex;width:var(--dc4-width,145px);max-width:100%;height:var(--dc4-height,10px);gap:var(--dc4-barGap,8px)}
.dc-four .dc-progress button{display:block;flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:999px;background:var(--dc4-inactive,#e4e5e5);cursor:pointer}
.dc-four .dc-progress button[aria-current=true]{background:var(--dc4-active,#000)}
.dc-four button:focus-visible{outline:2px solid #555;outline-offset:4px}
.dc-four .dc-reveal{display:block}
.dc-four.dc-motion .dc-reveal{opacity:0}
.dc-four .dc-animate .dc-reveal{animation:dc4-rise .72s cubic-bezier(.16,1,.3,1) calc(var(--dc-order,0)*.2s) both}
@keyframes dc4-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@container(max-width:767px){.dc-four .dc-slide>.kt-row-column-wrap{grid-template-columns:1fr;row-gap:32px}.dc-four .dc-copy>.kt-inside-inner-col{padding-bottom:0}.dc-four .dc-controls{position:relative;bottom:auto;margin-top:32px}.dc-four .dc-progress{position:relative;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.dc-four .dc-reveal{opacity:1!important;animation:none!important}}
.dc-four .dc-image{margin:0}

/* Both navigation elements share the text column as their positioning context. */
.dc-four .dc-copy>.kt-inside-inner-col{position:relative}