/* ================================= post apec =========================== */
.post-apec { font-size:16px; line-height:1.7; word-break:keep-all; overflow-wrap:anywhere; padding: 60rem 0 0; --pa-muted:#8896B1; --pa-line:rgba(255,255,255,.2); }
.post-apec h1,.post-apec h2,.post-apec h3,.post-apec p,.post-apec ul,.post-apec ol { margin:0; }
.post-apec img { display:block; max-width:100%; height:auto; }
.post-apec h1,.post-apec h2,.post-apec h3 { font-family: 'Cafe24Danjunghae'; line-height:1.45; background:linear-gradient(to bottom, #F1EEFE 0%, #CDD2EA 32%, #D1F1F4 75%, #F3D9DB 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
.post-apec h2 { font-size:32px; }
.post-apec h3 { font-size:22px; }
.post-apec ul,.post-apec ol { padding:0; list-style:none; }
.post-apec a { color:inherit; text-decoration:none; }

.post-apec a:focus-visible,.pa-skip:focus-visible { outline:3px solid #8fd9ff; outline-offset:5px; border-radius:3px; }
.pa-project:focus { outline:2px solid #8fd9ff; outline-offset:-5px; }
.pa-sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.pa-skip { position:fixed; z-index:10000; top:12px; left:12px; padding:12px 20px; background:white; color:#061127; transform:translateY(-200%); }
.pa-skip:focus { transform:translateY(0); }

.pa-hero { position:relative; margin-bottom:40rem; min-height: 480rem; background: url(/design2026/apec/img/content/post_top.png) no-repeat right -100rem;}
.pa-hero__copy { position:relative; z-index:1; }
.post-apec .pa-hero h1 { font-size:clamp(30rem,3vw,50rem); margin-bottom:42px; }
.pa-hero p { font-size:clamp(18rem,1.7vw,30rem); line-height:1.95; }
.pa-hero__image { width:100%; aspect-ratio:444/312; object-fit:cover; mix-blend-mode:screen; }

.pa-summary { display:grid; grid-template-columns:1fr 1fr 1fr 1.1fr; gap:32px; padding-bottom:65px; }
.post-apec .pa-summary h2 { color:var(--pa-accent); font-size:43px; line-height:1.4; }
.pa-summary h2 span { display:block; font-size:29px; white-space:nowrap; }
.post-apec .pa-field h3 { display:flex; align-items:center; gap:25px; margin:5px 0 18px; font-size:25rem; }
.pa-field h3::after { content:""; flex:1; height:1px; background:#fff; }
.pa-field p { font-size:23rem; line-height:1.5; margin-bottom:16px;  }
.pa-field li+li { margin-top:2px; }
.pa-field li { display:flex; align-items:flex-start; gap:12px; min-height:36px; padding:5px 0; font-size:20rem; line-height:1.55; color:var(--pa-muted); font-family: 'KMU80';}
.pa-field__number { display:grid; place-items:center; flex:0 0 32rem; height:32rem; font-size:16rem; color:white; background:#364154; border-radius:50%;  }

.pa-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-block:1px solid var(--pa-line); }
.pa-project { min-width:0; padding:48rem 50rem; scroll-margin-top:24px; background: #040d1e;}

.pa-project:nth-child(odd) { padding-right:54px; border-right:1px solid var(--pa-line); }
.pa-project:nth-child(even) { padding-left:54px; }
.pa-project:nth-child(n+3) { border-top:1px solid var(--pa-line); }
.pa-project__number { display:grid; place-items:center; width:50rem; height:50rem; background:#fff; color:#041129; border-radius:10rem; font-size:21rem; margin-bottom:38rem;}
.pa-project__body { display:flex; align-items:flex-start; gap:28px; }
.pa-project__body>div { flex:1; min-width:0; }

.post-apec ul.post { margin-bottom: 40rem;}
.post-apec ul.post li { }
.post-apec ul.post li span { color:#fff;}

.post-apec .pa-project h3 { margin-bottom:17px; font-size: 25rem;  }
.post-apec .pa-bullets li { position:relative; padding-left:20rem; color:var(--pa-muted); font-size:18rem; line-height:1.75; font-family: 'KMU80';}
.pa-project a { font-family: 'KMU80'; padding:10rem 20rem 10rem 43rem; font-size: 16rem; border: 1px solid rgba(255,255,255,.2); border-radius: 4rem; margin:15rem 0 0 20rem; display: inline-block; background:url(/design2026/apec/img/content/ic-homepage.svg) no-repeat 18rem center / 14rem; }
.pa-project a:hover { border: 1px solid rgba(255,255,255,1); background:url(/design2026/apec/img/content/ic-homepage-on.svg) no-repeat 18rem center / 14rem #fff; color: #041129;}
.pa-bullets li::before { content:""; position:absolute; left:1rem; top:9rem; width:6rem; height:6rem; border:1px solid #fff; border-radius:50%; }
.pa-bullets li+li { margin-top:9px; }
.post-apec .pa-project__image { flex:0 0 32%; width:32%; height:auto; aspect-ratio:1; object-fit:cover; }

.pa-section { margin-top:130px; }
.post-apec .pa-section>h2 { margin-bottom:44px; }
.post-apec .pa-section>p { margin: -36rem 0 20rem 0; font-size:20rem;}
.post-apec .pa-section>p.gu_t { font-size: 14rem; color: #8896B1; margin-top: 0;}
.pa-memorial { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:linear-gradient(135deg, rgba(181,202,220,.13), transparent 20%), linear-gradient(to bottom, #040d1e 0%, transparent 80%); padding:45rem 0; }
.pa-memorial::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(to right, rgba(255,255,255,.6) 1%, transparent 10%); pointer-events:none; }
.pa-memorial::after { content:""; position:absolute; top:1rem; left:0; bottom:0; width:1px; background:linear-gradient(to bottom, rgba(255,255,255,.6) 1%, transparent 20%); pointer-events:none; }
.pa-panel { min-width:0; padding: 0 48rem; }



.pa-environment__grid .pa-panel { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:linear-gradient(135deg, rgba(181,202,220,.13), transparent 20%), linear-gradient(to bottom, #040d1e 0%, transparent 80%); }
.pa-environment__grid .pa-panel::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(to right, rgba(255,255,255,.6) 1%, transparent 10%); pointer-events:none; }
.pa-environment__grid .pa-panel::after { content:""; position:absolute; top:1rem; left:0; bottom:0; width:1px; background:linear-gradient(to bottom, rgba(255,255,255,.6) 1%, transparent 20%); pointer-events:none; }

.pa-memorial .pa-panel:first-child { border-right:1px solid var(--pa-line); }

.post-apec .pa-panel h3 { margin-bottom:20px; font-size:27px; font-family: 'KMU80'; }
.pa-panel p { color:var(--pa-muted); font-size:18rem; line-height:1.8; }
.post-apec .pa-panel__lead { color:var(--pa-text); margin-bottom:6rem; font-size:18rem; }
.pa-panel img { width:100%; object-fit:cover; margin-top:28px; aspect-ratio:192/89; }
.pa-date { display:inline-block; font-size:16rem; letter-spacing:0; }

.pa-environment__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24rem; }
.pa-environment .pa-panel { display:flex; flex-direction:column; padding:40rem 36rem; }
.pa-environment .pa-panel h3 { font-size:27.3rem; margin-bottom:8rem; }
.pa-environment .pa-panel p { font-size:18rem; min-height:3.3em; margin-bottom:10rem; }
.pa-environment .pa-panel img { aspect-ratio:112/67; margin-top:auto; }

.gu_t { font-size: 14rem; color:#8896B1;}

/* 태블릿 */
@media(max-width:1024px) {
    .post-apec { width:calc(100% - 48px); padding-top:50px; padding-bottom:90px; }
    .pa-hero { gap:10px; margin-bottom:65px; }
    .post-apec .pa-hero h1 { font-size:32px; margin-bottom:25px; }
    .pa-hero p { font-size:19px; }
    .pa-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-bottom:40px; }
    .pa-summary>h2 { grid-column:1/-1; }
    .pa-summary h2 span { display:inline; margin-right:12px; }
    .post-apec .pa-summary h2 { font-size:35px; }
    .pa-project { padding-block:35px; }
    .pa-project:nth-child(odd) { padding-right:25px; }
    .pa-project:nth-child(even) { padding-left:25px; }
    .pa-project__body { gap:16px; }
    .post-apec .pa-project h3 { font-size:20px; }
    .pa-project__number { margin-bottom:25px; }
    .pa-section { margin-top:85px; }
    .pa-panel { padding:30px 25px; }
    .pa-environment__grid { gap:16px; }
    .pa-environment .pa-panel { padding:26px 20px; }
    .pa-environment .pa-panel h3 { font-size:20px; }
}

/* 모바일 */
@media(max-width:640px) {
    .post-apec { width:100%; padding-top:20px; padding-bottom:0; }
    .pa-hero { grid-template-columns:1fr; gap:16px; margin-bottom:48px;background: url(/design2026/apec/img/content/post_top.png) no-repeat right 40rem / contain; min-height: 380rem;}
    .post-apec .pa-hero h1 { font-size:28px; margin-bottom:15px; }
    .pa-hero p { font-size:17px; line-height:1.8; }
    .pa-hero__copy p br { display:none; }
    .pa-hero__image { width:min(100%,400px); justify-self:center; max-height:230px; object-fit:contain; }
    .pa-summary { grid-template-columns:1fr; gap:27px; }
    .post-apec .pa-summary h2 { font-size:34px; }
    .pa-summary h2 span { font-size:24px; }
    .pa-field p br { display:none; }
    .pa-field p { font-size:19px; margin-bottom:10px; }
    .post-apec .pa-field h3 { margin-bottom:12px; }
    .pa-field ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
    .pa-field a { min-height:44px; font-size:14px; }
    .pa-projects { grid-template-columns:1fr; }
    .pa-project:nth-child(odd),.pa-project:nth-child(even) { padding:30rem 20rem; border-right:0; }
    .pa-project:nth-child(n+2) { border-top:1px solid var(--pa-line); }
    .pa-project__number { width:39px; height:39px; font-size:18px; margin-bottom:23px; }
    .pa-project__body { gap:20px; }
    .post-apec .pa-project__image { flex-basis:30%; width:30%; max-width:150px; }
    .pa-section { margin-top:65px; }
    .post-apec .pa-section>h2 { font-size:26px; margin-bottom:26px; }
    .pa-memorial { padding:5rem 0; }
    .pa-memorial,.pa-environment__grid { grid-template-columns:1fr; gap:18px; }
    .pa-memorial .pa-panel:first-child { border-right:0; }
    .pa-panel,.pa-environment .pa-panel { padding:27px 24px; }
    .post-apec .pa-panel h3 { font-size:21px; }
    .pa-environment .pa-panel h3,.pa-environment .pa-panel p { min-height:0; }
    .pa-environment .pa-panel p { margin-bottom:22px; }



}

@media(max-width:375px) {
    .pa-hero { background-size: 100%; min-height: 350rem; background-position: center 30rem;}
    .pa-field ul { grid-template-columns:1fr; }
    .pa-project__body { flex-direction:column; }
    .post-apec .pa-project__image { flex-basis:auto; width:100%; max-width: 100%; }
}

@media(prefers-reduced-motion:no-preference) {
    .post-apec a { transition:color .2s; }
}

@media(forced-colors:active) {
    .pa-project__number,.pa-field__number { border:1px solid CanvasText; }
}

@media print {
    body { background:white; }
    .post-apec { width:100%; padding:0; color:#111; --pa-text:#111; --pa-muted:#333; --pa-line:#bbb; --pa-accent:#111; }
    .pa-panel { background:none; }
    .pa-project,.pa-panel { break-inside:avoid; }
    .pa-skip { display:none; }
}


.page4502 .arrow_box .ct_w{display:flex;align-items:center;gap:40px;}
.page4502 .arrow_box .ct_w > .list{flex:1;min-width:0;margin:0;}
.page4502 .arrow_box .ig{flex:0 0 32%;max-width:360px; border-radius: 4rem;}
.page4502 .arrow_box .ig img{display:block;width:100%;height:auto;}
@media(max-width:760px){
    .page4502 .arrow_box .ct_w{flex-direction:column;align-items:stretch;gap:24px;}
    .page4502 .arrow_box .ig{flex:none;width:100%;max-width:360px;margin:0 auto;}
}

.page4502 .title-original{display:flex;align-items:center;gap:24px;width:100%;box-sizing:border-box;margin:40px 0 24px;}
.page4502 .title-original > h4{order:0;flex:0 1 auto;min-width:0;margin:0;}
.page4502 .title-original::after{content:'';order:1;flex:1 1 24px;min-width:12px;height:1px;background:rgba(255,255,255,.1);}
.page4502 .title-original a {order:2;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-left:0;padding:10rem 18rem 10rem 43rem;border:1px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;font-size:15rem;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s; background: url(/design2026/apec/img/common/file.svg) no-repeat 18rem center;}
.page4502 .title-original a:hover{ color:#061127; background: url(/design2026/apec/img/common/file-on.svg) no-repeat 18rem center #fff;}
.page4502 .title-original a:focus-visible{outline:2px solid #5ca8ff;outline-offset:4px;}


@media(max-width:760px){
    .page4502 .title-original{gap:10px;margin:28px 0 18px;}
    .page4502 .title-original::after{display:block;}
    .page4502 .title-original .original-btn{gap:6px;padding:8px 12px;font-size:13px;}
}

#link6 .timeline-list {display: flex;position: relative;margin: 170rem 0;padding: 0;list-style: none;}

#link6 .timeline-content img { margin-bottom: 18rem;}
#link6 .timeline-desc {margin: 0;color: #fff;line-height: 1.5;word-break: keep-all; font-size: 16rem;}