@charset "UTF-8";

#content { font-family:'KMU80'; font-weight: 400; font-size: 20rem; }
#content strong { font-weight: 400; }

/* 공통--------------------------------------- */
.section { margin-bottom:110rem; }
.section:last-of-type { margin-bottom:0; }
h3 { font-size: 38rem; line-height: 1.2; word-break: keep-all; background: linear-gradient( 135deg, #f1eefe 0%, #cdd2ea 32%, #d1f1f4 75%,#f3d9db 100%);-webkit-background-clip: text;background-clip: text; color: transparent; 
  display: inline-block; font-family:'Cafe24Danjunghae'; margin-bottom:50rem;}
h4 { font-family:'Cafe24Danjunghae'; margin-bottom:40rem; font-size: 36rem; }  

@media all and (max-width:660px){
    h3 { font-size: 30rem;}
}
.box { padding:40rem; background:rgb(3 12 31 / 50%); }
.box.line { text-decoration:none; border-radius:4rem; border:1px solid rgb(255 255 255 /20%);} 


.dot li { display:block; gap:10rem; padding:10rem 0 10rem 20rem ; position: relative; }
.dot li:before { position:absolute; left: 0; content:''; display:block; width:5rem; height:5rem; border-radius:2rem; border:1px solid #fff;top:20rem; }

.page4504 .section .more { padding:24rem 0; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:30rem; }
.page4504 .section .more:before { position:absolute; content:''; width:100%; height:1px; background:rgb(255 255 255 / 20%); top:50%; z-index:0; }
.page4504 .section .cnts .more a { background:#111D34; }
.page4504 .section .more a { position:relative; z-index:1; background:#041129; padding:0 40rem; display:flex; align-items:center; gap:20rem; }
.page4504 .section .more a:after { position:relative; content:''; display:block; width:17rem; height:12rem; background:url(/design2026/apec/img/common/control-arrow.svg)no-repeat center/contain; }


@media all and (max-width:660px){
	.box { padding:20rem; }
}

@media (max-width: 530px) {
	.page4504 .section .more a { font-size: 16rem; padding: 0 24rem; }
}



/* --------------------------------------- */
.center { text-align:center; margin:0 auto;display:block; display:flex; align-items:center; justify-content:center; }

/* --------------------------------------- */

.page4501 .box { display:flex; }
.page4501 .box .pic { flex:0 0 200rem; display:flex; align-items:center; justify-content:center;}
.page4501 .box .txt { display:flex; align-items:center; font-size:24rem; }
.page4501 .box .txt:before{ position:relative; content:''; width:1px; height:100%; background:#434753; margin:0 40rem; }
.page4501 .box .txt p { padding:24rem 0; }
 

.page4501 #link1 h3 { margin-bottom:20rem; }


@media all and (max-width:1024px){
	.page4501 .box .txt { font-size:20rem; }
}
@media all and (max-width:660px){
	.page4501 .box {flex-direction: column; }
	.page4501 .box .txt { flex-direction: column; }
	.page4501 .box .txt:before { width: 100%; height: 1px; }
}
/* --------------------------------------- */
/* 목표 · 비전 */
.page4501 #link2 .apec-vision{padding:30rem 0; margin-bottom: 80rem; }
.page4501 #link2 .apec-vision > .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;}
.page4501 #link2 .apec-vision > .list > li{position:relative;min-width:0;margin:0;border:0;padding:0 48rem;color:#b5c0d2;}
.page4501 #link2 .apec-vision > .list > li:first-child{padding-left:0;}
.page4501 #link2 .apec-vision > .list > li:last-child{padding-right:0;}
.page4501 #link2 .apec-vision > .list > li + li::before{content:'';position:absolute;top:64rem;bottom:0;left:0;width:1px;background:rgba(255,255,255,.5);}
.page4501 #link2 .apec-vision .vision-label{display:flex;align-items:center;gap:20rem;margin-bottom:24rem;}
.page4501 #link2 .apec-vision .vision-label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1);}
.page4501 #link2 .apec-vision .vision-label > strong {position:static;display:inline-flex;align-items:center;justify-content:center;min-width:120rem;padding:12rem 24rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);border-radius:6rem;background:linear-gradient(180deg,#112446 0%,#020916 100%);box-shadow:inset 0 0 12rem rgba(62,155,226,.12);color:#fff;font-size:17rem;line-height:1.3;}
.page4501 #link2 .apec-vision > .list > li > h4{margin:0 0 18rem;padding:0;color:#fff; font-size:24rem; line-height:1.5;word-break:keep-all;}
.page4501 #link2 .apec-vision > .list > li > p{margin:0;color:#b5c0d2;font-size:18rem;line-height:1.7;word-break:keep-all;}

/* 3대 경제 동력 */
.page4501 #link2 .apec-vision .forces{display:block;margin-top:40rem;padding:0;}
.page4501 #link2 .apec-vision .forces .tit{display:flex;align-items:center;justify-content:center; gap:36rem; margin:0 0 36rem;padding:0;border-radius:0;background:none;color:#fff;font-size:24rem;line-height:1.4;text-align:center;text-decoration:none;}
.page4501 #link2 .apec-vision .forces .tit::before,.page4501 #link2 .apec-vision .forces .tit::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1);}
.page4501 #link2 .apec-vision .forces ul{display:flex;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;}
.page4501 #link2 .apec-vision .forces ul li{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:200rem;height:200rem;margin:0;padding:0;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-sizing:border-box;background:rgba(151,167,196,.12);}
.page4501 #link2 .apec-vision .forces ul li + li{margin-left:-48rem;}
.page4501 #link2 .apec-vision .forces ul li::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:77%;height:77%;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-sizing:border-box;}
.page4501 #link2 .apec-vision .forces ul li span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:55%;height:55%;padding:10rem;border-radius:50%;box-sizing:border-box;background:#041129;color:#c5cddd;font-size:18rem;line-height:1.4;text-align:center;}

/* 모바일 */
@media(max-width:760px){
    .page4501 #link2 .apec-vision > .list{grid-template-columns:1fr;gap:30rem;}
    .page4501 #link2 .apec-vision > .list > li{padding:0;}
    .page4501 #link2 .apec-vision > .list > li + li::before{display:none;}
    .page4501 #link2 .apec-vision .vision-label{gap:16rem;margin-bottom:18rem;}
    .page4501 #link2 .apec-vision > .list > li > h4{font-size:21rem;}
    .page4501 #link2 .apec-vision > .list > li > p{font-size:16rem;}
    .page4501 #link2 .apec-vision .forces{margin-top:32rem;}
    .page4501 #link2 .apec-vision .forces .tit{gap:14rem;margin-bottom:26rem;font-size:20rem;}
    .page4501 #link2 .apec-vision .forces ul li{width:38%;height:auto;aspect-ratio:1;}
    .page4501 #link2 .apec-vision .forces ul li + li{margin-left:-7%;}
    .page4501 #link2 .apec-vision .forces ul li span{padding:4rem;font-size:14rem;}
}

@media all and (max-width:1280px){
	.page4501 #link2 .forces { padding: 50rem 0rem 0; gap: 24rem; }
	.page4501 #link2 .forces .tit { font-size:19rem; padding: 18rem 20rem; }
	
	.page4501 #link2 .forces ul li{ width: 170rem; height: 170rem; }
	.page4501 #link2 .forces ul li::before { width: 73%; height: 73%; }
}
@media all and (max-width:620px){
    .page4501 #link2 .forces { flex-direction: column; gap: 24rem; padding: 30rem 0 0; }
    .page4501 #link2 .forces .bar { flex: none; width: 2px; height: 40rem; margin: 0 auto; }
    .page4501 #link2 .forces ul { display: flex; width: 100%; justify-content: center; align-items: center; }

    .page4501 #link2 .forces ul li { width: 37%; height: auto; aspect-ratio: 1 / 1; flex-shrink: 0; }
    .page4501 #link2 .forces ul li::before { width: 81%; height: 81%; }
}
@media all and (max-width:425px){
    .page4501 #link2 .forces ul li { width: 40%;}
	.page4501 #link2 .forces ul li::before { width: 73%; height: 73%; }
}
@media all and (max-width:320px){
    .page4501 #link2 .forces ul { flex-direction: column;gap: 20rem; }
    .page4501 #link2 .forces ul li { width: 180rem; height: 180rem; aspect-ratio: auto; }
    .page4501 #link2 .forces ul li + li { margin-left: 0; }
}

/* --------------------------------------- */
.page4501 #link3 ul { display:grid; grid-template-columns: repeat(3, 1fr); gap:25rem;}
.page4501 #link3 ul li { padding:40rem 50rem; border-radius:6rem; background:linear-gradient(180deg, #030D20, #030D20, transparent); transition:.3s; }

.page4501 #link3 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25rem;}
.page4501 #link3 ul li { position:relative; padding: 40rem 50rem; background: linear-gradient(180deg, #030D20 0%, #030D20 100%, transparent); border-radius: 6rem;background: linear-gradient(180deg, #030D20 0%, #071425 100%); overflow: hidden;}
.page4501 #link3 ul li::after { content: ''; position: absolute;width: 180px; height: 180px; background: radial-gradient(circle, rgb(255 255 255 / 20%) 0%, rgb(255 255 255 / 10%) 40%, #ffffff00 70%); border-radius: 50%; top: -70rem; left: -70rem;}
.page4501 #link3 ul li::before { content: ''; position: absolute; inset: 0; border-radius: 6rem; padding: 1px; pointer-events: none; z-index: 1; background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 2%, rgba(255, 255, 255, 0) 16%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; transition:.3s; }


.page4501 #link3 ul li strong { display:block; font-size:30rem; margin-bottom:20rem; }
.page4501 #link3 ul li p { opacity:70%; line-height: 1.8; }

@media all and (max-width:1280px){
	.page4501 #link3 ul li { padding: 28rem 24rem; }
	.page4501 #link3 ul li strong { font-size:24rem; }
}
@media all and (max-width:770px){
	.page4501 #link3 ul { grid-template-columns: repeat(1, 1fr); }
}

/* --------------------------------------- */
.page4501 #link4 { }
.page4501 #link4 .stats-container { display: flex; justify-content: space-between; align-items: flex-start; gap: 60px; flex-wrap: wrap; }
.page4501 #link4 .stat-item { display: flex; flex-direction: column; align-items: center; width: 28%; }
.page4501 #link4 .circle-wrap { position: relative; width: 100%; height: 100%; margin-bottom: 25px; }
.page4501 #link4 .circle-svg { width: 100%; height: 100%; transform: rotate(-90deg); }

/* 배경 원 선 두께를 얇게 조정 (예: 2px) */
.page4501 #link4 .circle-bg { fill: none; stroke: rgba(255,255,255,0.08); stroke-width: 2; }

/* 진행 원 선 두께를 얇게 조정하고, stroke-linecap 속성을 제거하여 각지게 설정 */
.page4501 #link4 .circle-progress { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 440; stroke-dashoffset: 440; transition: stroke-dashoffset 1.5s ease-in-out; }

.page4501 #link4 .stat-inner { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; }
.page4501 #link4 .stat-label { margin-bottom: 4px; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; opacity: .7; font-family: 'Cafe24Danjunghae';}
.page4501 #link4 .stat-number { font-size: 50rem; font-weight: 700; line-height: 1; font-family:'Cafe24PROSlim'; margin-top:20rem;}
.page4501 #link4 .stat-percent { margin-top: 4px; font-size: 24rem; font-weight: 500; }
.page4501 #link4 .stat-desc { font-size: 24rem; line-height: 1.5;text-align: center; }

.page4501 #link4 .year { margin-top:70rem; padding:10rem 0; text-align:right; border-top:1px solid rgb(255 255 255 / 10%); color:rgb(255 255 255 / 50%);font-size:17rem; }


@media all and (max-width:1024px){
	.page4501 #link4 .stats-container{ gap:0rem; }
	.page4501 #link4 .stat-item { width: 33%; }
	.page4501 #link4 .stat-desc { font-size: 19rem; }
	.page4501 #link4 .circle-wrap { margin-bottom: 4px; }
}
@media all and (max-width:650px){
    .page4501 #link4 .stat-number { font-size: 32rem; margin-top: 10rem; }
}
@media all and (max-width:540px){
	.page4501 #link4 .stats-container{ gap: 20rem 0rem ; }
    .page4501 #link4 .stat-item { width: 50%; }
}


/* --------------------------------------- */
.interview { margin-bottom: 60rem; gap:10rem}
.btn.link { padding:20rem 36rem; border:1px solid #fff; border-radius:4rem; display:inline-flex; align-items:center; gap:20rem; }
.btn.link span { position:relative; width:32rem; height:32rem; border-radius:50rem; border:1px solid #fff; display: flex; }
.btn.link span:before { position:absolute;content:''; width: 11rem; height:13rem; background:url(/design2026/apec/img/content/triangle.png) no-repeat center/contain;left:50%; top:50%; transform:translate(-50%, -50%); }

@media all and (max-width:540px){
	.btn.link { padding: 16rem 20rem;}
}




/* --------------------------------------- */
/* --------------------------------------- */
/* --------------------------------------- */
.page4502 h3 { display:flex; gap:14rem; }
.page4502 h3:before { position:relative; content:''; width:12rem; height:12rem; border-radius:50rem; border:1px solid #fff; background:rgb(255 255 255 / 50%); margin-top:17rem;}

.page4502 #link1 .box.line { display:flex; justify-content:space-between; align-items: stretch; gap:50rem; }
.page4502 #link1 .box.line .bar { flex: 0 0 1px; align-self: stretch; background:rgb(255 255 255/10%); width: 1px; }

.page4502 #link1 .box.line ul { width:50%; display:flex; flex-direction:column; gap:30rem; }
.page4502 #link1 .box.line ul li { position:relative; display:flex; align-items:center; min-height:50rem; padding-left:140rem; line-height: 1.3; }
.page4502 #link1 .box.line ul li span { position:absolute;left:0; height:100%; background:rgb(255 255 255 / 10%); border-radius:4rem; width:113rem; display:flex; align-items:center; justify-content:center; font-size:20rem;}

.page4502 #link2 > p { font-size:24rem; margin-bottom:75rem; line-height:1.8; }

.page4502 #link2 .list { display:grid; grid-template-columns: repeat(3, 1fr); }

.page4502 .arrow_box .list > li strong { position:relative; display:flex; align-items:center; gap:25rem; font-size:24rem; margin-bottom:40rem; }
.page4502 .arrow_box .list > li strong > span { position:relative; content:''; display:block; width:60rem; height:60rem; border-radius:10rem; background:#fff; }
.page4502 .arrow_box .list > li strong > span:after { position:absolute; content:''; width:35rem; height:35rem; top:50%;left:50%; transform:translate(-50%, -50%); }
.page4502 .arrow_box .list > li:nth-child(1) strong > span:after {background:url(/design2026/apec/img/content/link2_icon1.svg) no-repeat center/contain;}
.page4502 .arrow_box .list > li:nth-child(2) strong > span:after {background:url(/design2026/apec/img/content/link2_icon2.svg) no-repeat center/contain;}
.page4502 .arrow_box .list > li:nth-child(3) strong > span:after {background:url(/design2026/apec/img/content/link2_icon3.svg) no-repeat center/contain;}
.page4502 #link3.arrow_box .list > li:nth-child(1) strong > span:after {background:url(/design2026/apec/img/content/link3_icon1.svg) no-repeat center/contain;}
.page4502 #link4.arrow_box .list > li:nth-child(1) strong > span:after {background:url(/design2026/apec/img/content/link4_icon1.svg) no-repeat center/contain;}

.page4502 .arrow_box .list > li .in { display: flex; align-items: stretch;}
.page4502 .arrow_box .list > li .in:before { content: ''; display: block; flex: 0 0 1px; align-self: stretch; background: #fff; opacity: 0.2;margin: 0 50rem 0 30rem;}
.page4502 .arrow_box .list > li .in p {font-size: 20rem; margin-bottom:30rem; }
.page4502 .arrow_box .list > li .in ul li { display:flex; gap:14rem; font-size: 20rem; color: #8896B1; margin-bottom:14rem;}
.page4502 .arrow_box .list > li .in ul li:before { position:relative; content:''; display:block; width:6rem; height:6rem; border-radius:50rem; border:1px solid #fff;margin-top:10rem; }
.page4502 .arrow_box .list > li .in ul li span { color:#fff; display: inline; }


.page4502 .arrow_box .arrow { padding:30rem 50rem; border-radius:4rem; background:rgb(255 255 255 / 10%); display:flex; gap:30rem; font-size:30rem;margin-top:60rem;  }
.page4502 .arrow_box .arrow:before { position:relative; content:''; width:19rem; height:14rem; background:url(/design2026/apec/img/content/arrow.svg) no-repeat center/contain;margin-top:15rem; }

@media all and (max-width:950px){
	.page4502 #link1 .box.line { flex-direction: column; gap: 30rem; }
	.page4502 #link1 .box.line .bar { display:none; }
	
	.page4502 #link1 .box.line ul { width:100%; }
	.page4502 #link1 .box.line ul li br { display:none; }
}
@media all and (max-width:425px){
	.page4502 #link1 .box.line ul li span { position:relative; min-height: 50rem; }
	.page4502 #link1 .box.line ul li { padding-left: 0rem; flex-direction: column; align-items: flex-start; gap: 20rem;}
    .page4502 h3:before { width:8rem; height:8rem; margin-top:10rem;}
}

/* --------------------------------------- */
.page4502 #link5 table { width:100%; }
.page4502 #link5 table thead th { background:#030C1F; border:1px solid #0F1F3D; padding:14rem; font-weight: 400; border-left:0;}
.page4502 #link5 table thead th:first-child{ border-left:1px solid #0F1F3D; }

.page4502 #link5 table tbody td { border:1px solid #0F1F3D; border-left:0; padding:14rem;}
.page4502 #link5 table tbody td:first-child{ border-left:1px solid #0F1F3D; }

.page4502 #link5 table tbody td span { font-size:17rem; opacity:.5; }

.page4502 #link5 .more {position:relative; margin-top:40rem;}
.page4502 #link5 .more:before { position:absolute; content:''; width:100%; height:1px; background:#fff; opacity:.2; top:50%;z-index:0; }
.page4502 #link5 .more button,
.page4502 #link5 .more a { background:#041129; padding:20rem 40rem; display:flex; gap:14rem; align-items:center; z-index:1; }
.page4502 #link5 .more button:after,
.page4502 #link5 .more a:after { position:relative; content:''; display:block; width:21rem; height:24rem; background:url(/design2026/apec/img/content/calender.svg) no-repeat center/contain; }

@media all and (max-width:1024px){
	.page4502 #link2 .list { grid-template-columns: repeat(1, 1fr); }
	.page4502 .arrow_box .list > li .in ul li br { display:none; }
	
	.page4502 .arrow_box .arrow{ font-size:24rem; padding:20rem 40rem; }
	.page4502 .arrow_box .list > li .in:before { margin: 0 30rem 0 30rem; }
}


/* --------------------------------------- */
#link6 .timeline {position: relative;}
#link6 .timeline-list::before { position: absolute; top: 50%; left: 0; width: 100%; height: 2px; content: '';background: rgba(255, 255, 255, 0.1);}
#link6 .timeline-list {display: flex;position: relative;margin: 0;padding: 0;list-style: none;}

#link6 .timeline-item {position: relative;flex: 1 0 calc(100% / 7 + 50rem);min-width: 0;height: 290px;margin-left: -60rem;}
#link6 .timeline-item:first-child {margin-left: 0;}
#link6 .timeline-content {position: absolute;left: 0;width: 100%;padding: 0 5px;text-align: center;display: flex;flex-direction: column;align-items: center;}

#link6 .timeline-item:nth-child(odd) .timeline-content {bottom: calc(50% + 34px); }
#link6 .timeline-item:nth-child(even) .timeline-content {top: calc(50% + 25px);}

#link6 .timeline-title {display: block;color: #fff;font-weight: 500;line-height: 1.5;word-break: keep-all;}
#link6 .timeline-desc {margin: 0;color: #fff;line-height: 1.5;word-break: keep-all;}
#link6 .timeline-date {display: block; margin-top: 6px;color: #91a0b9;line-height: 1.5;word-break: keep-all; font-size: 17rem; }
#link6 .timeline-place { display: block;margin-top: 13px;color: #fff;font-weight: 500;line-height: 1.5; text-decoration: underline; text-underline-position: from-font;}
#link6 .timeline-item:nth-child(even) .timeline-place { margin-bottom: 13px; }

#link6 .timeline-dot {position: absolute;z-index: 1;top: 50%;left: 50%;width: 27px;height: 27px;border: 0;border-radius: 50%;background: #fff;transform: translate(-50%, -50%);}
#link6 .timeline-dot::before {position: absolute;top: 50%;left: 50%;width: 7px;height: 7px;content: '';border-radius: 50%;background: #06132b;transform: translate(-50%, -50%);}

@media (max-width: 1024px) {
    #link6 {padding: 50px 20px;}
    #link6 .timeline-item {height: 310px; flex: 1 0 calc(100% / 7 + 50rem); margin-left: -70rem; }  
	#link6 .timeline-title,
	#link6 .timeline-desc,
	#link6 .timeline-place { font-size:18rem; }
}  

@media (max-width: 767px) {
    #link6 {padding: 0}
    #link6 h3 {margin-bottom: 35px;}
    #link6 .timeline-list {display: flex;flex-direction: column;margin: 0 !important;padding: 0;}
    #link6 .timeline-list::before {top: 8px;bottom: 0;left: 8px;width: 2px;height: auto;}
    #link6 .timeline-item, #link6 .timeline-item:first-child {flex: none;width: 100%;height: auto;min-height: 0;margin: 0;padding: 0 0 35px 40px;box-sizing: border-box;}
    #link6 .timeline-item:last-child {padding-bottom: 0;}
    #link6 .timeline-item > a {display: block;color: inherit;text-decoration: none;}
    #link6 .timeline-item .timeline-content, #link6 .timeline-item:nth-child(odd) .timeline-content, #link6 .timeline-item:nth-child(even) .timeline-content {position: static;display: flex;flex-direction: column;align-items: flex-start;width: 100%;padding: 0;text-align: left;box-sizing: border-box;}
    #link6 .timeline-content > img {order: 0;display: block;max-width: 100%;height: auto;margin: 0 0 14px; width: 90%;}
    #link6 .timeline-title {order: 1;font-size: 18px;}
    #link6 .timeline-desc {order: 2;margin: 0;font-size: 16px;}
    #link6 .timeline-date {order: 3;margin-top: 6px;font-size: 15px;}
    #link6 .timeline-item .timeline-place, #link6 .timeline-item:nth-child(even) .timeline-place {order: 4;margin: 8px 0 0;font-size: 17px;}
    #link6 .timeline-dot {top: 0;left: 0;width: 18px;height: 18px;transform: none;}
    #link6 .timeline-dot::before {width: 5px;height: 5px;}
}







/* --------------------------------------- */
/* --------------------------------------- */
/* page4504--------------------------------------- */
.page4504 .title { display:flex; flex-direction:column; gap:4rem; }
.page4504 .title span { font-size:20rem; opacity:.5; }
.page4504 .stitle { font-size:26rem; display:flex; align-items: stretch; gap: 20rem; margin-bottom:80rem;}
.page4504 .stitle:before {content: ''; display: block;flex: 0 0 1px; background: #fff; }

@media (max-width: 767px) {
	.page4504 .stitle {margin-bottom:40rem;}
}




.page4504 #link1 > strong { font-size: 50rem; line-height: 1.2; word-break: keep-all; background: linear-gradient( 180deg, #5691FF 0%, #CDD2EA 32%, #D1F1F4 75%,#F3D9DB 100%);-webkit-background-clip: text;background-clip: text; color: transparent; display: inline-block; font-family:'Cafe24Danjunghae'; margin-bottom:50rem; }

.page4504 #link1 > p { font-size:24rem; margin-bottom:65rem; }
.page4504 #link1 > .list { display:grid; grid-template-columns: repeat(4, 1fr); gap:15rem; }
.page4504 #link1 > .list li { display:flex; gap:30rem; align-items:center; background:rgb(255 255 255 /10% ); border-radius:4rem; padding:40rem;}
.page4504 #link1 > .list li > span { position:relative; background:rgb(255 255 255/10%); width:70rem; height:70rem; border-radius:100rem; border:1px solid rgb(255 255 255/10%); }
.page4504 #link1 > .list li > span:before { position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:40rem; height:35rem;} 

.page4504 #link1 > .list li:nth-child(1) > span:before { background:url(/design2026/apec/img/content/page4504_icon1.svg) no-repeat center/contain; }
.page4504 #link1 > .list li:nth-child(2) > span:before { background:url(/design2026/apec/img/content/page4504_icon2.svg) no-repeat center/contain; }
.page4504 #link1 > .list li:nth-child(3) > span:before { background:url(/design2026/apec/img/content/page4504_icon3.svg) no-repeat center/contain; }
.page4504 #link1 > .list li:nth-child(4) > span:before { background:url(/design2026/apec/img/content/page4504_icon4.svg) no-repeat center/contain; }

.page4504 #link1 > .list li > .txt { display:flex; flex-direction:column; gap:10rem;}
.page4504 #link1 > .list li > .txt strong { font-size:24rem; }
.page4504 #link1 > .list li > .txt span { font-size:17rem; color:#8896B1; }



@media (max-width: 1550px) {
	.page4504 #link1 > .list li { padding:20rem 10rem 20rem 20rem; }
}
@media (max-width: 1024px) {	
	.page4504 #link1 > .list{ grid-template-columns: repeat(2, 1fr); }
	.page4504 #link1 > .list li > .txt strong { font-size:20rem; }
    .page4504 #link1 > strong { font-size: 36rem;  margin-bottom:40rem; }
}
@media (max-width: 500px) {	
	.page4504 #link1 > .list li {gap :14rem; padding:10rem; }
}
@media (max-width: 375px) {	
	.page4504 #link1 > .list li{ flex-direction: column; }
	
	.page4504 #link1 > .list li > .txt strong,
	.page4504 #link1 > .list li > .txt span{ text-align:center; }
}


/* --------------------------------------- */
.page4504 #link2 .pic { position:relative; overflow: hidden; }
.page4504 #link2 .pic img { width: 100%; height: 100%; object-fit: cover; }
.page4504 #link2 .pic > div { position:absolute; left:0; top: 10rem;}
.page4504 #link2 .pic > div .txt {display: flex; align-items: stretch;gap: 20rem;}
.page4504 #link2 .pic > div .txt:before {content: ''; display: block;flex: 0 0 1px; background: #fff;}

.page4504 #link2 .list { margin-top:40rem; display:grid; grid-template-columns: repeat(4, 1fr); gap:15rem;}
.page4504 #link2 .list li { position:relative; padding:80rem 40rem 34rem; background:rgb(255 255 255 / 5%); border-radius:5rem; }
.page4504 #link2 .list li .num { position:absolute; width:50rem; height:50rem; display:flex; align-items:center; justify-content:center; border-radius:0 0 6rem 6rem; top:0; left:30rem; background:#fff; color:#041129;}

.page4504 #link2 .list li strong { font-size:28rem; display:block; margin-bottom: 20rem; }
.page4504 #link2 .list li p { font-size:17rem; color:#8896B1;}


@media (max-width: 1550px) {
	.page4504 #link2 .list li{ padding: 80rem 20rem 20rem; }
	.page4504 #link2 .list li .num { left:20rem; }
	
	.page4504 #link2 .list li strong { font-size: 24rem; min-height: 80rem;}
}
@media (max-width: 1024px) {
	.page4504 #link2 .list li strong { font-size: 20rem; min-height: auto;}
	
	.page4504 #link2 .list { grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	.page4504 #link2 .pic { height:300rem; }
}
@media (max-width: 520px) {
	.page4504 #link2 .list { grid-template-columns: repeat(1, 1fr);}
}

/* --------------------------------------- */
.page4504 #link3 > .list { margin-top:40rem; display:grid; grid-template-columns:repeat(4, 1fr); gap:15rem; justify-items:center; align-items:center; }
.page4504 #link3 > .list li { width:100%; aspect-ratio:1 / 1; background:rgb(255 255 255 / 5%); border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center; padding:20rem; transition:transform 0.3s ease, background-color 0.3s ease; }

.page4504 #link3 > .list li .stat-value { display:flex; align-items:baseline; gap:4rem; margin-bottom:8rem; }
.page4504 #link3 > .list li .stat-value .number { letter-spacing:-1rem; line-height:1; font-family:'Cafe24PROSlim'; font-size:50rem;}
.page4504 #link3 > .list li .stat-value .unit { color:#d0d7de; }
.page4504 #link3 > .list li .stat-label { color:#a0aec0; margin: 10rem 0 30rem; }
.page4504 #link3 > .list li .stat-icon { opacity:0.85; display:flex; align-items:center; justify-content:center; }
.page4504 #link3 > .list li .stat-icon:before { position:relative; content:''; display:block; width:60rem; height: 60rem; }
.page4504 #link3 > .list li:nth-child(1) .stat-icon:before { background:url(/design2026/apec/img/content/economy_icon1.svg) no-repeat center/contain; }
.page4504 #link3 > .list li:nth-child(2) .stat-icon:before { background:url(/design2026/apec/img/content/economy_icon2.svg) no-repeat center/contain; }
.page4504 #link3 > .list li:nth-child(3) .stat-icon:before { background:url(/design2026/apec/img/content/economy_icon3.svg) no-repeat center/contain; }
.page4504 #link3 > .list li:nth-child(4) .stat-icon:before { background:url(/design2026/apec/img/content/economy_icon4.svg) no-repeat center/contain; }

.page4504 #link3 .stat-stxt { margin:30rem 0 100rem; padding:10rem 0; text-align:right; color:rgb(255 255 255 / 50%); font-size:17rem; }

/* 숫자 롤링 기본 스타일 */
.page4504 #link3 > .list li .stat-value .number > i {display: inline-block; vertical-align: top;font-style: normal;}
.page4504 #link3 > .list li .stat-value .number > i.is-rolling {height: 1em;line-height: 1em;overflow: hidden;}
.page4504 #link3 > .list li .stat-value .number .num-roll {display: flex;flex-direction: column;will-change: transform;}
.page4504 #link3 > .list li .stat-value .number .num-roll > span {display: block;flex: 0 0 1em;height: 1em; line-height: 1em;text-align: center;}


@media (max-width: 992px) {
  .page4504 #link3 > .list { grid-template-columns: repeat(2, 1fr); gap: 30rem; }
  .page4504 #link3 > .list li { width: 100%;  aspect-ratio: 1 / 1; max-width: 300rem; max-height: 300rem;}
  .page4504 #link3 > .list li .stat-value .number { font-size: 30rem; }

}
@media (max-width: 760px) {
    .page4504 #link3 > .list li .stat-icon:before {width:40rem; height: 40rem; }
    .page4504 #link3 > .list li {padding:20rem 15rem 10rem 15rem; }
    .page4504 #link3 > .list li .stat-label { color:#a0aec0; margin: 10rem 0 12rem; }
    .page4504 #link3 > .list li .stat-value { margin-bottom: 0;}
    
}
@media (max-width: 375px) {
  .page4504 #link3 > .list { grid-template-columns:repeat(1, 1fr); gap:24rem; }
  .page4504 #link3 > .list li { width:190rem; height:190rem; }
  .page4504 #link3 > .list li .stat-value .number { font-size:26rem; }
  .page4504 #link3 > .list li .stat-label { font-size:15rem; }
  
}


/* 공통 */
.page4504 #link3 .cnts { position:relative; background:rgb(255 255 255 / 5%);border-radius:4rem; padding:130rem 60rem 0; margin-bottom:50rem; } 
.page4504 #link3 .cnts .badge { position:absolute; padding: 40rem 30rem 20rem; background:rgb(255 255 255 / 5%); border-radius:0 0 4rem 4rem; top:0; left:60rem; }

.page4504 #link3 .cnts .top_box { display:flex; justify-content:space-between; align-items:center; margin-bottom:50rem; gap: 30rem; }
.page4504 #link3 .cnts .top_box strong { font-size:30rem; margin-bottom:20rem; display:block; }
.page4504 #link3 .cnts .top_box p { font-size:19rem; color:#8896B1; }
.page4504 #link3 .cnts .top_box .pic { overflow:hidden; border-radius:4rem; flex:0 0 500rem; height:300rem;overflow:hidden; }
.page4504 #link3 .cnts .top_box .pic img { width:100%; height:100%; object-fit:cover; }

.page4504 #link3 .cnts .in { margin-bottom:40rem; }
.page4504 #link3 .cnts .in:not(:last-child) { margin-bottom: 0;}

.page4504 #link3 .cnts .in h5 { display:flex; align-items:center; gap:10rem; font-size:20rem; margin: 30rem 0 20rem;  }
.page4504 #link3 .cnts .in h5:after { position:relative; content:''; display:block; background:#fff; width:20rem; height:2rem;  }
.page4504 #link3 .cnts .in .dot { display:grid; grid-template-columns:repeat(2, 1fr); font-size:18rem; color:#8896B1; gap:10rem 30rem; }
.page4504 #link3 .cnts .in .dot li:before{ flex:0 0 5rem; }
.page4504 #link3 .cnts .in .dot li span { color:#fff;}

.page4504 #link3 .cnts .in .galley { display:grid; grid-template-columns:repeat(6, 1fr); gap:10rem;}
.page4504 #link3 .cnts .in .galley li .pic { width:100%; height:120rem; overflow:hidden; border-radius:4rem; }
.page4504 #link3 .cnts .in .galley li .pic img { width:100%; height:100%; object-fit:cover; transition:ease .3s }
.page4504 #link3 .cnts .in .galley li .pic:hover img { transform: scale(1.3, 1.3); transition:ease .3s}

.page4504 #link3 .cnts .in .galley li .txt { position:relative; padding:10rem; font-size:14.5rem; border-bottom:1px solid #fff; display: flex; justify-content: space-between; align-items: center; }
.page4504 #link3 .cnts .in .galley li .txt span { position:relative; content:''; display:block; width:24rem; height:24rem; border-radius:50rem; border:1px solid #fff; display:flex; align-items:center; justify-content:center;}
.page4504 #link3 .cnts .in .galley li .txt span:before { position:relative; content:''; display:block;  width:4rem; height:4rem; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }

.page4504 #link3 .cnts .in .list { display:flex; gap:10rem; flex-wrap:wrap; }
.page4504 #link3 .cnts .in .list li { padding:10rem 20rem; border-radius:4rem; border:1px solid rgb(255 255 255 / 10%); background:rgb(255 255 255 / 5% ); font-size:15rem; }


.page4504 #link3 .cnts .in .galley.type8 { display:grid; grid-template-columns:repeat(4, 1fr); gap:10rem;}
.page4504 #link3 .cnts .in .galley.type8 .pic { height:180rem; }


@media (max-width: 1440px) {
	.page4504 #link3 .cnts .in .galley { grid-template-columns:repeat(3, 1fr); }
	.page4504 #link3 .cnts .top_box br { display:none; }
	
	.page4504 #link3 .cnts .in .galley.type8 .pic { height:140rem; }
}
@media (max-width: 1280px) {
	.page4504 #link3 .cnts .in .galley { grid-template-columns:repeat(6, 1fr); }
	
	.page4504 #link3 .cnts { padding:130rem 30rem 0;  }
	.page4504 #link3 .cnts .badge { left:30rem; }
}
@media (max-width: 1024px) {
	.page4504 #link3 .cnts .top_box { flex-direction: column-reverse; }
	.page4504 #link3 .cnts .top_box .pic { width:100%; flex:0 0 100%; }
}
@media (max-width: 930px) {
	.page4504 #link3 .cnts .in .galley { grid-template-columns:repeat(3, 1fr); }
	.page4504 #link3 .cnts .in .galley li .pic { height: 170rem; }
	
}
@media (max-width: 768px) {
	.page4504 #link3 .cnts .in .galley.type8 { grid-template-columns:repeat(2, 1fr); }
	.page4504 #link3 .cnts .in .galley.type8 .pic { height:180rem; }
}
@media (max-width: 720px) {
	.page4504 #link3 .cnts .in .galley li .pic { height: 120rem; }
	.page4504 #link3 .cnts .in .dot { grid-template-columns: repeat(1, 1fr); }
	
	.page4504 #link3 .cnts .badge { padding: 26rem 30rem 20rem; }
	
}
@media (max-width: 530px) {
	.page4504 #link3 .cnts .in .galley { grid-template-columns:repeat(2, 1fr); }
    .page4504 #link3 .cnts .top_box strong { font-size:26rem; }
}
@media (max-width: 320px) {
	.page4504 #link3 .cnts .in .galley { grid-template-columns:repeat(1, 1fr); }
	.page4504 #link3 .cnts .in .galley li .pic { height: 170rem; }
}






/* --------------------------------------- */
.page4504 #link4 .cnts { display:grid; grid-template-columns:repeat(2, 1fr); gap:50rem; }
.page4504 #link4 .cnts li { position:relative; display:flex; flex-direction:column; }

.page4504 #link4 .cnts li .pic { width:100%; flex: 0 0 300rem; overflow:hidden; }
.page4504 #link4 .cnts li .pic img  { width:100%; height:100%; object-fit:cover;}

.page4504 #link4 .cnts li .txt { position:relative; padding:60rem 40rem 50rem; border:1px solid rgb(255 255 255/20%); border-radius:0 0  6rem 6rem; border-top:none; height:100%;}
.page4504 #link4 .cnts li .txt .num { position:absolute; top:-30rem; width:50rem; height:50rem; border-radius:6rem; display:flex; align-items:center; justify-content:center; color:#041129; background:#fff;}
.page4504 #link4 .cnts li .txt strong { font-size:30rem; display:block; margin-bottom:30rem; }
.page4504 #link4 .cnts li .txt p { font-size:18rem; color:#8896B1;}


@media (max-width: 930px) {
	.page4504 #link4 .cnts { gap:20rem; }
	.page4504 #link4 .cnts li .txt { padding: 60rem 24rem 50rem; }
	.page4504 #link4 .cnts li .txt .num { left: 24px; }
}
@media (max-width: 690px) {
	.page4504 #link4 .cnts { grid-template-columns:repeat(1, 1fr);}
}
@media (max-width: 425px) {
	.page4504 #link4 .cnts li .pic { flex: 0 0 260rem;}
}



/* --------------------------------------- */
.page4504 #link5 .stitle { margin-bottom: 50rem;}

.page4504 #link5 .cnts { display:grid; grid-template-columns:repeat(3, 1fr); gap:24rem;	margin-bottom:35rem; }
.page4504 #link5 .cnts li { position:relative; display:flex; flex-direction:column; background:rgb(255 255 255 / 5%); }
.page4504 #link5 .cnts li .txt { padding:40rem; display:flex; flex-direction:column; gap:10rem; height:100%; align-items: flex-start; }
.page4504 #link5 .cnts li .txt .badge { font-size:24rem; border-bottom:1px solid rgb(255 255 255 / 50%); margin-bottom:20rem; }
.page4504 #link5 .cnts li .txt strong { font-size:20rem; }
.page4504 #link5 .cnts li .txt p { font-size:18rem; color:#8896B1; }

.page4504 #link5 .cnts li .pic { width:100%; flex: 0 0 300rem; overflow:hidden; }
.page4504 #link5 .cnts li .pic img  { width:100%; height:100%; object-fit:cover;}

@media (max-width: 1024px) {
	.page4504 #link5 .cnts li .txt { padding: 30rem 20rem; }
	.page4504 #link5 .cnts li .pic { flex: 0 0 220rem; }
}
@media (max-width: 920px) {
	.page4504 #link5 .cnts {grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 520px) {
	.page4504 #link5 .cnts {grid-template-columns:repeat(1, 1fr);}
}


/* --------------------------------------- */
.page4504 #link5 .change { display:grid; grid-template-columns:repeat(3, 1fr); background:rgb(255 255 255 / 5%); margin-bottom:40rem;}
.page4504 #link5 .change li { position:relative; padding:30rem; display:flex; align-items:flex-start; gap:10rem; justify-content:space-between; }
.page4504 #link5 .change li:before { position:absolute; content:''; width:1px; height:calc(100% - 60rem); top:50%; transform:translateY(-50%); background:rgb(255 255 255 / 10%); right:0; }
.page4504 #link5 .change li:last-child:before { display:none; }

.page4504 #link5 .change li span { display:flex; align-items:center; justify-content:center; flex:0 0 60rem; height:60rem; background:#fff; border-radius:50rem; }
.page4504 #link5 .change li span:before { position:relative; content:''; display:block; width:30rem; height:30rem; }
.page4504 #link5 .change li:nth-child(1) span:before { background:url(/design2026/apec/img/content/change_icon1.svg) no-repeat center/contain;  }
.page4504 #link5 .change li:nth-child(2) span:before { background:url(/design2026/apec/img/content/change_icon2.svg) no-repeat center/contain;  }
.page4504 #link5 .change li:nth-child(3) span:before { background:url(/design2026/apec/img/content/change_icon3.svg) no-repeat center/contain;  }

.page4504 #link5 .change li .txt { display:flex; flex-direction:column; gap:24rem; align-items: flex-start; }
.page4504 #link5 .change li .txt strong { font-size:24rem; border-bottom:1px solid rgb(255 255 255 / 50%); }
.page4504 #link5 .change li .txt p { font-size:18rem; color:#8896B1; }


@media (max-width: 920px) {
	.page4504 #link5 .change { grid-template-columns:repeat(1, 1fr); }
	.page4504 #link5 .change li:before  { bottom:0; width:calc(100% - 60rem); height:1px; top:auto; transform:translateX(-50%); left:50%; }
}


/* --------------------------------------- */
.change_gallery { position: relative; overflow: hidden; }
.change_gallery .gallery_list { display: flex; margin: 0; padding: 0; list-style: none; transition: transform 0.4s ease-in-out; }
.change_gallery .gallery_item { position:relative; flex: 0 0 100%; width: 100%; border-radius:4rem; overflow: hidden;  }
.change_gallery .gallery_item:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; pointer-events: none; }
.change_gallery .gallery_item .pic { width:100%; height:550rem; }
.change_gallery .gallery_item .pic img { display: block; width: 100%; height: 100%; object-fit: cover; }

.change_gallery .gallery_item .txt { position:absolute; bottom:30rem; left:50%; transform:translateX(-50%); width: 100%; text-align: center; z-index:2;}

.change_gallery .gallery_item.ach .pic { width:100%; height:auto; }

.change_gallery .control { position: relative; display: flex; align-items: center; justify-content: center; gap: 20rem; padding: 15px 0; width: 100%; }
.change_gallery .control a { display: block; text-indent: -9999px; overflow: hidden; font-size: 0; }
.change_gallery .control a:before { content: ''; position: relative; display: block; }
.change_gallery .control.wt a.slick-arrow:before { width: 24rem; height: 18rem; background: url(/design/tour2026/img/common/control_arrow-w.png) no-repeat center/contain; }
.change_gallery .control a.slick-arrow.prev:before { transform: rotate(180deg); }
.change_gallery .control.wt a.stop:before { width: 12rem; height: 12rem; background: url(/design/tour2026/img/common/control_play-w.png) no-repeat center/contain; }
.change_gallery .control.wt a.play:before { width: 12rem; height: 12rem; background: url(/design/tour2026/img/common/control_stop-w.png) no-repeat center/contain; }
.change_gallery .control.blk a.slick-arrow:before { width: 24rem; height: 18rem; background: url(/design/tour2026/img/common/control_arrow.png) no-repeat center/contain; }
.change_gallery .control.blk a.stop:before { width: 12rem; height: 12rem; background: url(/design/tour2026/img/common/control_play.png) no-repeat center/contain; }
.change_gallery .control.blk a.play:before { width: 12rem; height: 12rem; background: url(/design/tour2026/img/common/control_stop.png) no-repeat center/contain; }
.change_gallery .control .arrow { flex: 0 0 60rem; height: 60rem; display: flex; align-items: center; justify-content: center; text-indent: -9999px; overflow: hidden; font-size: 0; background: none; border: none; cursor: pointer; }
.change_gallery .control .arrow:before { position: relative; content: ''; display: block; width: 17rem; height: 12rem; background: url(/design2026/apec/img/common/control-arrow.svg) no-repeat center/contain; }
.change_gallery .control .arrow.prev:before { transform: rotate(180deg); }
.change_gallery .control .visual-progress { width: 40%; max-width: 500px; height: 2px; background: rgba(255, 255, 255, 0.2); position: relative; overflow: hidden; }
.change_gallery .control .visual-progress-bar { width: 100%; height: 100%; }
.change_gallery .control .visual-progress-bar span { display: block; height: 100%; background: #ffffff; transition: width 0.3s ease; }

.change_gallery .gallery_list { touch-action: pan-y;}
.change_gallery .gallery_list img {-webkit-user-drag: none; user-select: none;}

@media (max-width: 890px) {
	.change_gallery .gallery_item .pic { height:440rem; }
}
@media (max-width: 560px) {
	.change_gallery .gallery_item .pic { height:340rem; }
}
@media (max-width: 425px) {
	.change_gallery .gallery_item .pic { height:280rem; }
	.change_gallery .control .visual-progress { width: 100%; max-width:auto; }
}



/* 기념공간 이미지 슬라이드 */
.pa-memorial > .pa-panel {
    min-width: 0;
}

.pa-memorial-slider {
    width: 100%;
    min-width: 0;
    margin-top: 24px;
}

.pa-memorial-slider__view {
    overflow: hidden;
    border-radius: 16px;
    touch-action: pan-y;
}

.pa-memorial-slider__track {
    display: flex;
    transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

.pa-memorial-slider__slide {
    flex: 0 0 100%;
    min-width: 0;
}

.pa-memorial-slider .pa-memorial-slider__slide > img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    border-radius: 0;
    user-select: none;
    -webkit-user-drag: none;
}

.pa-memorial-slider__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 16px;
}

.pa-memorial-slider__controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
	border-radius: 50%;
    background: transparent;
    color: #eef3fa;
    font-size: 22px;
    cursor: pointer;
	text-indent: -5000px;

}
.pa-memorial-slider__controls button:before { position: relative; content: ''; display: block; width: 17rem; height: 12rem;  }
.pa-memorial-slider__controls button.pa-memorial-slider__prev:before { background: url(/design2026/apec/img/common/control-arrow.svg) no-repeat center/contain; transform: rotate(180deg); }
.pa-memorial-slider__controls button.pa-memorial-slider__next:before {  background: url(/design2026/apec/img/common/control-arrow.svg) no-repeat center/contain; }



.pa-memorial-slider__controls button:hover {
    background: rgba(182, 201, 226, .15);
}

.pa-memorial-slider__controls button:focus-visible {
    outline: 2px solid #bce3f2;
    outline-offset: 4px;
}

.pa-memorial-slider__count {
    min-width: 50px;
    color: #eef3fa;
    text-align: center;
    font-size: 15px;
}

@media (prefers-reduced-motion: reduce) {
    .pa-memorial-slider__track {
        transition: none;
    }
}



/* 슬라이드가 패널 너비를 넘지 않도록 처리 */
.pa-memorial,
.pa-memorial > .pa-panel,
.pa-memorial-slider,
.pa-memorial-slider__view {
    min-width: 0;
}

.pa-memorial-slider {
    max-width: 100%;
}

/* 이미지 비율 통일 */
.pa-memorial-slider .pa-memorial-slider__slide > img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: center;
}

/* 태블릿 */
@media screen and (max-width: 1024px) {
    .pa-memorial {
        grid-template-columns: minmax(0, 1fr);
    }

    .pa-memorial-slider {
        margin-top: 20px;
    }

    .pa-memorial-slider__view {
        border-radius: 14px;
    }
}

/* 모바일 */
@media screen and (max-width: 640px) {
    .pa-memorial-slider {
        margin-top: 16px;
    }

    .pa-memorial-slider__view {
        border-radius: 10px;
    }

    .pa-memorial-slider__controls {
        gap: 14px;
        margin-top: 12px;
    }

    .pa-memorial-slider__controls button {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .pa-memorial-slider__count {
        min-width: 44px;
        font-size: 14px;
    }
}

/* 이미지가 1장이면 컨트롤 숨김 */
.pa-memorial-slider__controls[hidden] {
    display: none;
}


.pa-memorial-slider .pa-memorial-slider__slide > img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
}


/* 기념공간 이미지 슬라이드 */
.pa-memorial,
.pa-memorial > .pa-panel {
    min-width: 0;
}

.pa-memorial-slider {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 27px;
}

.pa-memorial-slider__view {
    min-width: 0;
    overflow: hidden;
    border-radius: 0;
    touch-action: pan-y;
}

.pa-memorial-slider__track {
    display: flex;
    transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

.pa-memorial-slider__slide {
    flex: 0 0 100%;
    min-width: 0;
}

.pa-memorial-slider .pa-memorial-slider__slide > img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 21.5 / 10;
    object-fit: cover;
    object-position: center;
    margin: 0;
    border-radius: 0;
    user-select: none;
    -webkit-user-drag: none;
}

/* 이전·다음 버튼 및 현재 번호 */
.pa-memorial-slider__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 16px;
}

.pa-memorial-slider__controls[hidden] {
    display: none;
}



.pa-memorial-slider__controls button:hover {
    background: rgba(182, 201, 226, .15);
}

.pa-memorial-slider__controls button:focus-visible {
    outline: 2px solid #bce3f2;
    outline-offset: 4px;
}

.pa-memorial-slider__count {
    min-width: 50px;
    color: #eef3fa;
    font-size: 15px;
    text-align: center;
}

/* 태블릿 */
@media screen and (max-width: 1024px) {
    .pa-memorial {
        grid-template-columns: minmax(0, 1fr);
    }

    .pa-memorial-slider {
        margin-top: 20px;
    }

    .pa-memorial-slider__view {
        border-radius: 14px;
    }
}

/* 모바일 */
@media screen and (max-width: 640px) {
    .pa-memorial-slider {
        margin-top: 16px;
    }

    .pa-memorial-slider__view {
        border-radius: 10px;
    }

    .pa-memorial-slider__controls {
        gap: 14px;
        margin-top: 12px;
    }

    .pa-memorial-slider__controls button {
        font-size: 20px;
    }

    .pa-memorial-slider__count {
        min-width: 44px;
        font-size: 14px;
    }
}

/* 동작 줄이기 설정 */
@media (prefers-reduced-motion: reduce) {
    .pa-memorial-slider__track {
        transition: none;
    }
}

.archive-layout {display: flex;align-items: flex-start;gap: 80px; }
.archive-layout > .archive-info {flex: 1;min-width: 0; padding-top: 40rem;}
.archive-layout > .archive-info h2 {margin: 0 0 18px;word-break: keep-all;}
.archive-layout > .archive-info > p {margin: 0 0 25px;line-height: 1.6;word-break: keep-all;}
.archive-layout > .archive-info .pa-bullets {margin: 0;padding-left: 0;list-style: none;}
.archive-layout > .archive-info .pa-bullets li {line-height: 1.8;word-break: keep-all;overflow-wrap: anywhere;}
.archive-layout > .archive-info .pa-bullets li + li {margin-top: 10px;}
.archive-layout > .change_gallery {position: relative;flex: 0 1 520px;width: 48%;max-width: 520px;min-width: 0;margin: 0;overflow: hidden;}
.archive-layout > .change_gallery .gallery_list {display: flex;gap: 0;width: 100%;margin: 0;padding: 0;list-style: none;}
.archive-layout > .change_gallery .gallery_item {flex: 0 0 100%;width: 100%;min-width: 0;max-width: none;margin: 0;padding: 0;box-sizing: border-box;}
.archive-layout > .change_gallery .gallery_item .pic {width: 100%;height: 340px;margin: 0;overflow: hidden;border-radius: 0 !important;background: #f4f5f7;}
.archive-layout > .change_gallery .gallery_item .pic img {display: block;width: 100%;height: 100%;object-fit: contain;}


@media (max-width: 1024px) {
    .archive-layout {gap: 30px;}
    .archive-layout > .change_gallery {flex-basis: 46%;width: 46%;}
    .archive-layout > .change_gallery .gallery_item .pic {height: 280px;}
}

@media (max-width: 767px) {
    .archive-layout {flex-direction: column;align-items: stretch;gap: 25px;}
    .archive-layout > .archive-info {flex: none;width: 100%;}
    .archive-layout > .archive-info h2 {margin-bottom: 12px;}
    .archive-layout > .archive-info > p {margin-bottom: 18px;}
    .archive-layout > .change_gallery {flex: none;width: 100%;max-width: 560px;margin: 0 auto;}
    .archive-layout > .change_gallery .gallery_item .pic {height: auto;aspect-ratio: 16 / 10;border-radius: 10px;}

}

.copyright-policy {--policy-primary: #001749;--policy-text: #333;--policy-muted: #626b7b;--policy-border: #e2e6ed;width: 100%;max-width: 1200px;margin: 0 auto;color: var(--policy-text);box-sizing: border-box;}
.copyright-policy *, .copyright-policy *::before, .copyright-policy *::after {box-sizing: border-box;}
.copyright-policy .copyright-policy-header { padding: 45px 30px;text-align: center;background: rgba(255,255,255,.11);border-radius: 10px;}
.copyright-policy .copyright-policy-label {display: block;margin-bottom: 14px;color: #53658a;font-size: 13px;font-weight: 700;line-height: 1.5;letter-spacing: 2px;}
.copyright-policy .copyright-policy-header h3 {margin: 0;color: #fff;font-size: 27px;font-weight: normal;line-height: 1.45;word-break: keep-all;overflow-wrap: anywhere;}
.copyright-policy .copyright-policy-header > p {margin: 18px 0 0;color: var(--policy-muted);font-size: 16px;line-height: 1.7;word-break: keep-all;overflow-wrap: anywhere;}
.copyright-policy .copyright-policy-list {margin-top: 20px;}
.copyright-policy .copyright-policy-item {display: flex;align-items: flex-start; gap: 24px;margin: 0;padding: 35px 10px;border-bottom: 1px solid rgba(255,255,255,.1);}
.copyright-policy .copyright-policy-number {display: flex; flex: 0 0 38px;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 4px;background: #edf2fa;color: var(--policy-primary);font-size: 18px;font-weight:500;line-height: 1;}
.copyright-policy .copyright-policy-content {flex: 1;min-width: 0;}
.copyright-policy .copyright-policy-content h4 { margin: 3px 0 15px;color:#fff;font-size: 22px;font-weight: normal;line-height: 1.45;word-break: keep-all;overflow-wrap: anywhere;}
.copyright-policy .copyright-policy-content p {margin: 0;font-size: 16px; line-height: 1.7; word-break: keep-all;overflow-wrap: anywhere; color:rgba(255,255,255,.7);}
.copyright-policy .copyright-policy-content p + p {margin-top: 10px;}
.copyright-policy .copyright-policy-notice { margin-top: 20px; padding: 20px 24px;border-radius: 4px;background:rgba(255,255,255,.1);}
.copyright-policy .copyright-policy-notice > strong { display: block;margin-bottom:4px;color:#fff;font-size: 16px;font-weight: 500;line-height: 1.5;}
.copyright-policy .copyright-policy-notice > p {color: rgba(255,255,255,.7);font-size: 14px;line-height: 1.6;}
.copyright-policy .copyright-policy-contact { display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px; gap:20px; padding-top:20px; border-top: 1px dashed rgba(255,255,255,.1);}
.copyright-policy .copyright-policy-contact > span {color: rgba(255,255,255,.7);font-size: 16px;line-height: 1.5;}
.copyright-policy .copyright-policy-contact > a {color: rgba(255,255,255,1);font-size: 18px; line-height: 1.4;text-decoration: none;}
.copyright-policy .copyright-policy-contact > a:hover {text-decoration: underline;text-underline-offset: 4px;}
.copyright-policy .copyright-policy-contact > a:focus-visible {outline: 2px solid var(--policy-primary);outline-offset: 4px;}

@media (max-width: 1024px) {
    .copyright-policy .copyright-policy-header {padding: 35px 24px;}
    .copyright-policy .copyright-policy-header h3 {font-size: 27px;}
    .copyright-policy .copyright-policy-item {gap: 20px;padding: 30px 10px;}
    .copyright-policy .copyright-policy-content h4 {font-size: 21px;}
    .copyright-policy .copyright-policy-content p {font-size: 16px;}
}

@media (max-width: 767px) {
    .copyright-policy .copyright-policy-header {padding: 28px 18px;border-radius: 0 0 12px 12px;}
    .copyright-policy .copyright-policy-label {margin-bottom: 10px;font-size: 11px;letter-spacing: 1.5px;}
    .copyright-policy .copyright-policy-header h3 {font-size: 20px;}
    .copyright-policy .copyright-policy-header > p {margin-top: 14px;font-size: 14px;}
    .copyright-policy .copyright-policy-list {margin-top: 10px;}
    .copyright-policy .copyright-policy-item {gap: 12px;padding: 25px 0;}
    .copyright-policy .copyright-policy-number {flex-basis: 34px;width: 34px;height: 34px;border-radius: 10px;font-size: 15px;}
    .copyright-policy .copyright-policy-content h4 {margin: 4px 0 14px;font-size: 16px;}
    .copyright-policy .copyright-policy-content p {font-size: 14px;line-height: 1.7;}
    .copyright-policy .copyright-policy-notice {margin-top: 16px;padding: 16px;}
    .copyright-policy .copyright-policy-notice > strong {font-size: 15px;}
    .copyright-policy .copyright-policy-notice > p {font-size: 14px;}
    .copyright-policy .copyright-policy-contact {flex-direction: column;align-items: flex-start;gap: 6px;margin-top: 18px;padding: 16px 0;}
    .copyright-policy .copyright-policy-contact > span {font-size: 14px;}
    .copyright-policy .copyright-policy-contact > a {font-size: 21px;}
}

/* 이미지 목록 접기 
.image-strip.is-collapsible {
    overflow: hidden;
}


.image-strip-toggle {
    display: block;
    margin: -40px 0 0 0;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
	max-width: 100rem;
	height: 40rem;
	font-size: 16rem !important;
    color: rgba(255, 255, 255, .7) !important;
    cursor: pointer;
}

.image-strip-toggle:hover {
    background: #fff;
	color: #041129 !important;
}

.image-strip-toggle:focus-visible {
    outline: 2px solid #bce3f2;
    outline-offset: 4px;
}

.image-strip-toggle[hidden] {
    display: none;
}*/