@charset "UTF-8"; 
/* HTML font size */
@media (max-width: 1920px) { html { font-size: 9px; } } 
@media (max-width: 1480px) { html { font-size: 8px; } } 
@media (max-width: 1024px) { html { font-size: 7px; } } 
@media (max-width: 640px) { html { font-size: 10px; } } 

/* conmmon */
body { position: relative; overflow-x: hidden; } 
.section { position: relative; } 
.layout { width:100%; margin:0 auto; max-width:1400px; } 
@media (max-width:1400px) { 
    .layout { padding:0 2rem; } 
} 

/* star animation */
.sky { position: fixed; width: 100%; height: 100%; overflow: hidden; z-index: 1; } 
.sky .star-item { position: absolute; background: white; animation: twinkle linear infinite; border-radius: 50%; } 

/* intro */
.intro { display: flex; position: fixed; top:0; left:0; width:100%; height: 100vh; background: #fff; justify-content: center; align-items: center; z-index: 100; } 
.intro .intro-title { display: flex; align-items: center; gap:2.2rem; } 
.intro .intro-title .title { color: #363C41; font-weight: 400; font-size: 5.6rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.672rem; } 
.intro .intro-title .counter { display: flex; justify-content: center; gap: .4rem; margin-top:-.2rem; } 
.intro .intro-title .counter .digit-wrapper .digit { color: #363C41; font-weight: 400; font-size: 5.6rem; line-height: 80%; font-family: "Bebas Neue"; letter-spacing: 0.672rem; } 
.intro .counter .digit-wrapper { position: relative; width: 2.3rem; height: 4.5rem; overflow: hidden; } 
.intro .counter .digit-wrapper .digit { position: absolute; top:.2rem; color: #000; font-weight: 400; font-size: 5.6rem; font-family: "Bebas Neue"; transition: all 0.25s linear; } 
.intro .counter .digit-wrapper .digit.current { top:.2rem; } 
.intro .counter .digit-wrapper .digit.exit-up { top:-100% } 
.intro .counter .digit-wrapper .digit.enter-down { top:100%; } 

/* section visual*/
.section .visual { position: relative; } 
.section .visual .visual-bg { position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(214deg, #00161C 26.89%, #6B3B42 92.27%); } 
.section .visual .layout { display: flex; position: relative; min-height: 100vh; flex-direction: column; padding-top:16.5rem; } 
.section .visual .layout .visual-logo { display: flex; position: relative; justify-content: center; margin-bottom:2.2rem; } 
.section .visual .layout .visual-title { display: flex; position: relative; justify-content: center; margin-bottom:1.4rem; } 
.section .visual .layout .visual-title br { display: none; } 
.section .visual .layout .visual-title strong { display: block; color: #FFF; font-weight: 400; font-size: 8.8rem; font-family: "Bebas Neue"; text-align: center; } 
.section .visual .layout .visual-date { display: flex; position: relative; justify-content: center; margin-bottom:6.85rem; } 
.section .visual .layout .visual-date>ul { display: inline-flex; flex-direction: column; gap:.95rem; } 
.section .visual .layout .visual-date>ul>li { display: flex; flex-direction: column; gap:.95rem; } 
.section .visual .layout .visual-date>ul>li>p { display: flex; gap:1.2rem; align-items: center; }
.section .visual .layout .visual-date ul li p b { display: flex; font-size:1.8rem; text-align: right; min-width:11rem; -webkit-background-clip: text; -webkit-text-fill-color: transparent; gap:.3rem; align-items: center; justify-content: flex-end; } 
.section .visual .layout .visual-date ul li p b img { position: relative; transform: translateY(-.35rem); }
.section .visual .layout .visual-date ul li p span { position: relative; color: #FFF; font-weight: 400; font-size: 2rem; font-family: "Bebas Neue"; letter-spacing: 0.04rem; transform: translateY(.15rem); } 
.section .visual .layout .visual-date ul li.date-type1 p b { background: linear-gradient(270deg, #AAD3DB 10%, #439FB1 99.99%); 
background-clip: text; } 
.section .visual .layout .visual-date ul li.date-type2 p b { background: linear-gradient(270deg, #D6A274 10%, #F8A4A4 99.99%); 
background-clip: text; } 
.section .visual .layout .visual-date>ul>li>ul> { display: flex; flex-direction: column; }
.section .visual .layout .visual-date>ul>li>ul>li>p {display: flex; gap:1.2rem; align-items: center; }
.section .visual .layout .visual-scroll { display: flex; display: flex; position: relative; justify-content: center; gap:1.4rem; flex-direction: column; align-items: center; } 
.section .visual .layout .visual-scroll-text { color: #FFF; font-weight: 400; font-size: 1.6rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.512rem; } 
.section .visual .layout .visual-scroll-bar { position: relative; width:1px; height: 4.8rem; } 
.section .visual .layout .visual-scroll-bar:before { display: block; width:1px; height: 100%; background: #d9d9d9; content:""; opacity: .4; } 
.section .visual .layout .visual-scroll-bar i { display: block; position: absolute; top:0; width:1px; height:1.2rem; background: #d9d9d9; } 
.section .visual .layout .visual-scroll-bar i.animation-start { animation: scrollIndicator 1.5s ease-in-out infinite; } 
.section .visual .layout .visual-images { display: flex; position: relative; width:100%; height:60rem; margin-top: auto; } 
.section .visual .layout .visual-images .visual-img img { display: block; position: relative; } 
.section .visual .layout .visual-images .visual-img.img1 { position: absolute; bottom:0; left:50%; width:256rem; text-align: center; transform: translateX(-50%); z-index: 2; flex-shrink: 0; } 
.section .visual .layout .visual-images .visual-img.img2 { position: absolute; top:8rem; left:50%; width:70.5rem; transform: translateX(-50%); z-index: 1; } 
.section .visual .layout .visual-images .visual-img.img3 { position: absolute; bottom:15rem; left:50%; width:299.5rem; flex-shrink: 0; transform: translateX(-50%); } 
.section .visual .layout .visual-images .visual-img.img4 { position: absolute; bottom:5rem; left:50%; width:300rem; flex-shrink: 0; transform: translateX(-50%); } 
.section .visual .layout .visual-day { position: absolute; top:6.25rem; right:6.25rem; width:16rem; height: 16rem; z-index: 1; } 
.section .visual .layout .visual-day span { display: flex; position: absolute; top:50%; left:50%; width:11rem; height: 11rem; background: linear-gradient(126deg, rgba(255, 142, 150, 0.60) 14.81%, rgba(142, 228, 250, 0.60) 90.34%); gap:.5rem; backdrop-filter: blur(8px); border-radius: 100%; transform:translate(-50%, -50%); align-items: center; justify-content: center; flex-direction: column; } 
.section .visual .layout .visual-day span em { display: block; color: #FFF; font-weight: 400; font-size: 3.2rem; line-height: 1; line-height: 1; font-family: "Bebas Neue"; letter-spacing: 0.144rem; } 
.section .visual .layout .visual-day span i { color:#fff; font-weight: 300; font-size:1.8rem; line-height: 1; font-family: "Bebas Neue"; letter-spacing: .2rem; } 
.section .visual .layout .visual-day:before { position: absolute; top:50%; left:50%; width:15.2rem; height: 15.2rem; background: url(/APEC2025/images/main/visual-day-img1.png) no-repeat center center/cover; content:""; animation: rotate360 8s linear infinite; transform: translate(-50%, -50%); } 
@media (max-width:1920px) { 
    .section .visual .layout { padding-top:12.5rem; } 
    .section .visual .layout .visual-day { top:4rem; right:4rem; } 
} 
@media (max-width:640px) { 
    .section .visual { background: linear-gradient(214deg, #00161C 26.89%, #6B3B42 92.27%); } 
    .section .visual .layout { padding-top:11.44rem; } 
    .section .visual .layout .visual-title { margin-bottom:2.3rem; } 
    .section .visual .layout .visual-title strong { font-size:5.6rem; line-height: 6.048rem; } 
    .section .visual .layout .visual-title strong br { display: block; } 
    .section .visual .layout .visual-scroll-bar i { animation: scrollIndicator 1.5s ease-in-out infinite; } 
    .section .visual .layout .visual-day { top:0 !important; right:auto; left:50%; width:14.9rem; height: 4.8rem; background: url(/APEC2025/images/main/visual-day-mo-bg.png) no-repeat center center/cover; transform: translateX(-50%) !important; } 
    .section .visual .layout .visual-day:before { display: none; } 
    .section .visual .layout .visual-day span { width: auto; height: auto; background: none; backdrop-filter: none;gap:.2rem; } 
    .section .visual .layout .visual-day span em { color: #FFF; font-weight: 400; font-size: 2.2rem; font-family: "Bebas Neue"; }
    .section .visual .layout .visual-day span i { font-size:1.6rem; }
    .section .visual .layout .visual-logo { margin-bottom:2.22rem; } 
    .section .visual .layout .visual-logo img { width:12rem !important; } 
    .section .visual .layout .visual-date { margin-bottom:6.9rem; } 
    .section .visual .layout .visual-date ul { gap:.85rem; } 
    .section .visual .layout .visual-date ul li p b { gap:.4rem; } 
    .section .visual .layout .visual-date ul li p b img { transform: translateY(-.2rem); }
    .section .visual .layout .visual-images { height: 25rem; } 
    .section .visual .layout .visual-images .visual-img.img1 { height: 13.1rem; } 
    .section .visual .layout .visual-images .visual-img.img1 img { height: 100%; margin:0 auto; } 
    .section .visual .layout .visual-images .visual-img.img2 { top:1rem; width:33.5rem; } 
    .section .visual .layout .visual-images .visual-img.img3 { top:-3rem; bottom:auto; width:130rem; height: 37rem; } 
    .section .visual .layout .visual-images .visual-img.img4 { top:-7rem; bottom:auto; width:160rem; height: 40rem; } 
} 

/* section sustainable */
.section:has(.sustainable) { background: linear-gradient(187deg, #000002 8.36%, #00161C 18.01%, #0E3150 36.13%, #4B2930 63.12%, #2E2B4A 98.04%); padding-bottom:62rem; } 
@media (max-width:640px) { 
    .section:has(.sustainable) { background: linear-gradient(187deg, #000002 8.36%, #00161C 18.01%, #0E3150 36.13%, #4B2930 63.12%, #2E2B4A 98.04%); padding-bottom:42rem; } 
} 

/* sustainable */
.section .sustainable { position: relative; padding:1.6rem 0 0 0; z-index: 1; margin-bottom:28rem; } 
.section .sustainable .layout { display: flex; position: relative; flex-direction: column; padding-top:16.5rem; } 
.section .sustainable .layout .sustainable-title { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; margin-bottom:8rem; } 
.section .sustainable .layout .sustainable-title strong br { display: none; } 
.section .sustainable .layout .sustainable-title span { display: block; position: relative; color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.64rem; text-align: center; margin-bottom:2.4rem; } 
.section .sustainable .layout .sustainable-title strong { display: block; position: relative; color: #FFF; font-weight: 200; font-size: 4rem; line-height: 5.6rem; font-family: "Pretendard"; text-align: center; margin-bottom:1.6rem; } 
.section .sustainable .layout .sustainable-title strong em { font-weight: 700; } 
.section .sustainable .layout .sustainable-title p { position: relative; color: #FFF; font-weight: 400; font-size: 1.8rem; line-height: 2.52rem; font-family: "Pretendard"; text-align: center; } 
.section .sustainable .layout .sustainable-title p br { display: none; } 
.section .sustainable .layout .sustainable-content { display: flex; justify-content: center; } 
.section .sustainable .layout .sustainable-content .sustainable-info { display: flex; width:100%; margin:0 auto; justify-content: space-between; max-width:780px; gap:2rem; align-items: flex-end; } 
.section .sustainable .layout .sustainable-content .sustainable-info li { display: flex; flex-direction: column; gap:2.4rem; align-items: center; } 
.section .sustainable .layout .sustainable-content .sustainable-info li p { display: flex; color: #FFF; font-weight: 700; font-size: 2rem; line-height: 2.8rem; font-family: "Pretendard"; text-align: center; text-align: center; 
flex-direction: column; gap:.4rem; } 
.section .sustainable .layout .sustainable-content .sustainable-info li p span { color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.64rem; text-align: center; } 
@media (max-width:640px) { 
    .section .sustainable { margin-bottom:20rem; } 
    .section .sustainable .layout { padding-top:6.9rem; } 
    .section .sustainable .layout .sustainable-title { margin-bottom:6.4rem; } 
    .section .sustainable .layout .sustainable-title br { display: block; } 
    .section .sustainable .layout .sustainable-title span { font-size:1.5rem; letter-spacing: 0.512rem; margin-bottom:2.4rem; } 
    .section .sustainable .layout .sustainable-title strong { font-size: 2.9rem; line-height: 4.48rem; margin-bottom:2.4rem; } 
    .section .sustainable .layout .sustainable-title strong br { display: block; } 
    .section .sustainable .layout .sustainable-title p { font-size:1.6rem; line-height: 2.56rem; } 
    .section .sustainable .layout .sustainable-title p br { display: block; } 
    .section .sustainable .layout .sustainable-content .sustainable-info li { gap:2.7rem; } 
    .section .sustainable .layout .sustainable-content .sustainable-info li:first-of-type img { width: 7.0457rem !important; } 
    .section .sustainable .layout .sustainable-content .sustainable-info li:nth-of-type(2) img { width: 5.8511rem !important; } 
    .section .sustainable .layout .sustainable-content .sustainable-info li:nth-of-type(3) img { width: 6.7886rem !important; } 
    .section .sustainable .layout .sustainable-content .sustainable-info li p { font-size:1.6rem; line-height: 2.24rem; margin-bottom:.8rem; } 
    .section .sustainable .layout .sustainable-content .sustainable-info li p span { font-size:1.4rem; line-height: normal; letter-spacing: 0.448rem; } 
    .section .sustainable .layout .sustainable-content .sustainable-info { max-width:30.6rem; } 
} 

/* news */
.section .news { position: relative; padding:1.6rem 0 14rem 0; z-index: 1; } 
.section .news .layout { position: relative; } 
.section .news .layout .news-title { display: flex; position: relative; margin-bottom:6.4rem; flex-direction: column; } 
.section .news .layout .news-title span { display: block; position: relative; color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.64rem; } 
.section .news .layout .news-title strong { display: block; position: relative; color: #FFF; font-weight: 200; font-size: 4rem; line-height: 5.6rem; font-family: "Pretendard"; } 
.section .news .layout .news-title strong em { font-weight: 700; } 
.section .news .layout .news-content .news-list { overflow: visible; } 
.section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item { height: auto; } 
.section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item a { display: flex; height: 100%; padding:2.4rem; border: 1px solid transparent; background: rgba(10, 5, 5, 0.25); flex-direction: column; gap:2.4rem; transition: all .5s; border-image: linear-gradient( 180deg,rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.04) 49.04%, rgba(255, 255, 255, 0.40) 100%) 1; } 
.section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item a:hover { border:0; background: linear-gradient(149deg, #CC7177 1.57%, #0F4853 81.19%); transform: translateY(-2.4rem); } 
.section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item a .news-list-item-img { aspect-ratio: 389 / 240; } 
.section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item a .news-list-item-img img { width:100%; } 
.section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item a .news-list-item-desc p { color: #FFF; font-weight: 700; font-size: 2rem; line-height:3.2rem; font-family: "Pretendard"; } 
.section .news .layout .news-content .news-list-controls { display: flex; margin-top:6.4rem; align-items: center; gap:6.4rem; } 
.section .news .layout .news-content .news-list-controls .news-list-controls-progress { position: relative; top:auto; left:auto; height: .4rem; background: rgba(255, 255, 255, 0.4); } 
.section .news .layout .news-content .news-list-controls .news-list-controls-progress .swiper-pagination-progressbar-fill { background: #FB9DA4; } 
.section .news .layout .news-content .news-list-controls .news-list-controls-arrows { display: flex; align-items: center; gap:1rem; flex-shrink: 0; } 
.section .news .layout .news-content .news-list-controls button { width:5.6rem; height: 5.6rem; border: 1px solid rgba(255, 255, 255, 0.40); border-radius: 50%; } 
.section .news .layout .news-content .news-list-controls button i { color: #FFF; font-size: 2rem; } 
.section .news .layout .news-more { display: inline-flex; position: absolute; top:.9rem; right:0; height: 6.4rem; padding: 0 3.2rem; border: 1px solid #FFF; justify-content: center; align-items: center; gap: 1rem; flex-shrink: 0; } 
.section .news .layout .news-more span { color: #FFF; font-weight: 700; font-size: 1.8rem; line-height: 140%; font-family: "Pretendard"; text-align: center; } 
.section .news .news-list, .section .news .news-list * { cursor: none !important; } 
.section .news .news-cursor { display: flex; position: absolute; width: 12rem; height: 12rem; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.15); color:#fff; justify-content: center; align-items: center; border-radius: 100%; backdrop-filter: blur(10px); opacity: 0; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; } 
.section .news .news-cursor.active { opacity: 1; } 
@media (max-width:1400px) { 
    .section .news .layout .news-more { right:2rem; } 
} 
@media (max-width:640px) { 
    .section .news { padding-bottom: 7rem; } 
    .section .news .layout { text-align: center; } 
    .section .news .layout .news-title { gap:2.4rem; align-items: center; margin-bottom:3.2rem; } 
    .section .news .layout .news-title span { font-size:1.6rem; } 
    .section .news .layout .news-title strong { font-size:2.9rem; line-height: 4.48rem; } 
    .section .news .layout .news-more { position: relative; top:auto; right:auto; height:5.6rem; padding:0 2.4rem; margin-bottom:4.8rem; } 
    .section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item a .news-list-item-desc p { text-align: left; } 
    .section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item.swiper-slide-active a { border:0; background: linear-gradient(149deg, #CC7177 1.57%, #0F4853 81.19%); } 
    .section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item a:hover { transform: none; } 
    .section .news .layout .news-content .news-list .news-list-slide .news-list-slide-item.swiper-slide-active a .news-list-item-desc p { font-size: 1.6rem; line-height: 2.56rem; } 
    .section .news .layout .news-content .news-list-controls { margin-top:3.2rem; justify-content: center; } 
    .section .news .layout .news-content .news-list-controls .news-list-controls-progress { display: none; } 
    .section .news .layout .news-content .news-list-controls button { width:4.8rem; height: 4.8rem; } 
    .section .news .layout .news-content .news-list-controls button i { font-size:1.8rem; } 
} 

/* star */
.section .star { position: relative; padding:14rem 0; z-index: 1; } 
.section .star .layout .star-title { display: flex; flex-direction: column; gap:2.4rem; align-items: center; margin-bottom:6.4rem; } 
.section .star .layout .star-title span { display: block; position: relative; color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.64rem; } 
.section .star .layout .star-title strong { display: block; position: relative; color: #FFF; font-weight: 200; font-size: 4rem; line-height: 5.6rem; font-family: "Pretendard"; } 
.section .star .layout .star-title strong em { font-weight: 700; } 
.section .star .layout .star-content { position: relative; } 
.section .star .layout .star-content .star-list-wrapper { position: relative; } 
.section .star .layout .star-content .star-list-wrapper .star-effect { position: absolute; } 
.section .star .layout .star-content .star-list-wrapper .star-effect.effect1 { top:9rem; left: 50%; transform: translateX(-36rem); } 
.section .star .layout .star-content .star-list-wrapper .star-effect.effect2 { top:-4rem; left:50%; transform: translateX(22rem); } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner { display: flex; justify-content: center; align-items: flex-end; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-img { padding-bottom:5.5rem; z-index: -1; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-img.left { transform: translateX(1.6rem); } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-img.right { transform: translateX(-1.6rem); } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item { width:100%; padding:1.6rem; background: linear-gradient(156deg, #CC7177 -30.45%, #0F4853 90.93%); max-width:57rem; border-radius: 29.6rem 29.6rem 0 0; aspect-ratio: 570 / 586; overflow: hidden; transform: translateZ(0); will-change: transform; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask { width:100%; height: 100%; background: #fff; border-radius: 29.6rem 29.6rem 0 0; overflow: hidden; transform: translateZ(0); will-change: transform; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask a { display: block; width:100%; height: 100%; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask a .star-list-item-img { position: relative; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask a .star-list-item-img:before { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: #000; content:""; opacity: .4; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask a .star-list-item-img:after { display: block; position: absolute; top: 50%; left: 50%; width: 3.7rem; height: 4.2rem; background: url(/APEC2025/images/main/video-list-item-play.png) no-repeat center center / cover; content: ""; transform: translate(-50%, -50%); z-index: 1; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask a .star-list-item-img img { display: block; width:100%; height: 100%; object-fit: cover; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask div { width:100%; height: 100%; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask .star-list .star-list-slide .star-list-slide-item a { position: relative; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask .star-list .star-list-slide .star-list-slide-item a .star-list-item-desc { display: flex; position: absolute; bottom:0; left:0; width: 100%; height: auto; padding: 3.2rem 4.8rem; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(97, 147, 255, 0.40) 100%); flex-direction: column; border-left: .5rem solid #99B9FF; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask .star-list .star-list-slide .star-list-slide-item a .star-list-item-desc span { color: #FFF; font-weight: 350; font-size: 2.4rem; line-height: 3.84rem; font-family: "Sandoll GyeokdongG2"; } 
.section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask .star-list .star-list-slide .star-list-slide-item a .star-list-item-desc strong { 
color: #FFF; font-weight: 700; font-size: 3.6rem; line-height: 5.76rem; font-family: "Sandoll GyeokdongG2"; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls { display: flex; width:100%; margin:0 auto; max-width:90.7rem; justify-content: space-between; align-items: center; gap:2rem; margin-top:3.2rem; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title { width:100%; text-align: center; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item { display: none; gap:.4rem; flex-direction: column; align-items: center; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item.on { display: flex; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item strong { display: block; color: #FFF; font-weight: 700; font-size: 3.2rem; line-height: 5.12rem; font-family: "Pretendard"; text-align: center; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item p { color: #FFF; font-weight: 500; font-size: 1.8rem; line-height: 2.52rem; font-family: "Pretendard"; text-align: center; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls button { width:5.6rem; height: 5.6rem; border: 1px solid rgba(255, 255, 255, 0.40); border-radius: 50%; flex-shrink: 0; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls button i { color: #FFF; font-size: 2rem; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-pagenation { display: none; position: relative; width:6rem; align-items: center; justify-content: space-between; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-pagenation:before { display: block; position: absolute; top:50%; left:46%; width:3.2rem; height: 1px; background: #FFF; content:""; transform: translate(-50%, -50%); opacity: .4; } 
.section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-pagenation span { color: #FFF; font-weight: 400; font-size: 1.6rem; font-family: "Bebas Neue"; letter-spacing: 0.32rem; } 
@media (max-width:1024px) { 
    .section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-img.left { display: none; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-img.right { display: none; } 
} 
@media (max-width:640px) { 
    .section .star { padding-top:5.93rem; } 
    .section .star .layout .star-title { margin-bottom:6.1rem; } 
    .section .star .layout .star-title span { font-size:1.6rem; letter-spacing: 0.512rem; } 
    .section .star .layout .star-title strong { font-size:2.9rem; line-height: 4.48rem; } 
    .section .star .layout .star-content .star-list-wrapper .star-effect.effect1 { display: none; } 
    .section .star .layout .star-content .star-list-wrapper .star-effect.effect2 { top:0; right:0; left:auto; width:7.3rem !important; transform: none; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item { gap:.8rem; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item strong { font-size:2rem; line-height: 3.2rem; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item p { font-size:1.4rem; line-height: 2.24rem; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls { flex-wrap: wrap; gap:4.6rem 2.4rem; justify-content: center; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title { width:100%; order:0; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls button { width:4.8rem; height: 4.8rem; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls button i { font-size:1.8rem; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls button.prev { order:2; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls button.next { order:4; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-pagenation { display: flex; order:3; } 
    .section .star .layout .star-content .star-list-wrapper .star-list-inner .star-list-inner-item-mask a .star-list-item-img:after { width:2.7rem; height: 3.2rem; } 
} 
@media (max-width:420px){
    .section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item strong { font-size:1.8rem; }
    .section .star .layout .star-content .star-list-wrapper .star-list-controls .star-list-controls-title .star-list-controls-title-item p { font-size:1.2rem; }
}

/* video */
.section .video { position: relative; padding:14rem 0; z-index: 1; } 
.section .video .layout .video-title { display: flex; flex-direction: column; gap:2.4rem; align-items: center; margin-bottom:6.2rem; } 
.section .video .layout .video-title span { color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.64rem; } 
.section .video .layout .video-title strong { display: block; color: #FFF; font-weight: 200; font-size: 4rem; line-height: 5.6rem; font-family: "Pretendard"; text-align: center; } 
.section .video .layout .video-title strong em { font-weight: 700; } 
.section .video .layout .video-title strong br { display: none; } 
.section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item { display: flex; flex-wrap: wrap; gap:2.4rem; } 
.section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a { width:calc(33% - 1.333rem); } 
.section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a .video-list-item-img { position: relative; aspect-ratio: 451 / 253; margin-bottom:2.4rem; } 
.section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a .video-list-item-img:before { position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.3); content:""; z-index: 1; } 
.section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a .video-list-item-img:after { display: block; position: absolute; top:50%; left:50%; width:3.7rem; height:4.2rem; background: url(/APEC2025/images/main/video-list-item-play.png) no-repeat center center/cover; content:""; transform: translate(-50%, -50%); z-index: 1; } 
.section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a .video-list-item-desc p { color: #FFF; font-weight: 700; font-size: 2rem; line-height: 160%; font-family: "Pretendard"; } 
.section .video .layout .video-content .video-list-controls { display: flex; position: relative; margin-top:3.8rem; align-items: center; gap:6.4rem; } 
.section .video .layout .video-content .video-list-controls .video-list-controls-progress { position: relative; top:auto; left:auto; height: .4rem; background: rgba(255, 255, 255, 0.4); } 
.section .video .layout .video-content .video-list-controls .video-list-controls-progress .swiper-pagination-progressbar-fill { background: #FB9DA4; } 
.section .video .layout .video-content .video-list-controls .video-list-controls-arrows { display: flex; align-items: center; gap:1rem; flex-shrink: 0; } 
.section .video .layout .video-content .video-list-controls button { width:5.6rem; height: 5.6rem; border: 1px solid rgba(255, 255, 255, 0.40); border-radius: 50%; } 
.section .video .layout .video-content .video-list-controls button i { color: #FFF; font-size: 2rem; } 
.section .video .layout .video-content .video-list-controls .video-list-controls-pagenation { display: none; position: relative; position: absolute; top:50%; left:50%; width:8rem; align-items: center; justify-content: space-between; transform: translate(-50%, -50%); } 
.section .video .layout .video-content .video-list-controls .video-list-controls-pagenation:before { display: block; position: absolute; top:50%; left:45%; width:3.2rem; height: 1px; background: #FFF; content:""; transform: translate(-50%, -50%); opacity: .4; } 
.section .video .layout .video-content .video-list-controls .video-list-controls-pagenation span { color: #FFF; font-weight: 400; font-size: 1.6rem; font-family: "Bebas Neue"; letter-spacing: 0.32rem; } 
.section .video .layout .video-content .video-list-more { display: inline-flex; position: absolute; top:.9rem; right:0; height: 6.4rem; padding: 0 3.2rem; border: 1px solid #FFF; justify-content: center; align-items: center; gap: 1rem; flex-shrink: 0; } 
@media (max-width:640px) { 
    .section .video { padding:8rem 0; } 
    .section .video .layout .video-title { margin-bottom:4.8rem; } 
    .section .video .layout .video-title span { font-size:1.6rem; line-height: normal; letter-spacing: 0.512rem; } 
    .section .video .layout .video-title strong { font-size:2.9rem; line-height: 4.48rem; } 
    .section .video .layout .video-title strong br { display: block; } 
    .section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item { gap:1rem; } 
    .section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a { width:calc(50% - .5rem); } 
    .section .video .layout .video-content .video-list-controls { width:100%; margin:3.2rem auto 0; max-width:22.4rem; justify-content: center; } 
    .section .video .layout .video-content .video-list-controls .video-list-controls-progress { display: none; } 
    .section .video .layout .video-content .video-list-controls .video-list-controls-arrows { width:100%; justify-content: space-between; } 
    .section .video .layout .video-content .video-list-controls .video-list-controls-pagenation { display: flex; } 
    .section .video .layout .video-content .video-list-controls button { width:4.8rem; height: 4.8rem; } 
    .section .video .layout .video-content .video-list-controls button i { font-size:1.8rem; } 
} 

/* card */
.section .card { position: relative; padding: 14rem 0; z-index: 1; overflow: hidden; } 
.section .card .layout .card-title { display: flex; flex-direction: column; gap: 2.4rem; margin-bottom: 6.4rem; } 
.section .card .layout .card-title span { color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.64rem; } 
.section .card .layout .card-title strong { color: #FFF; font-weight: 200; font-size: 4rem; line-height: 5.6rem; font-family: "Pretendard"; } .section .card .layout .card-title strong em { font-weight: 700; } 
.section .card .layout .card-content { display: flex; position: relative; gap: 6.4rem; justify-content: space-between; } 
.section .card .layout .card-content .card-main-slide { width: 100%; margin:0; max-width: 946px; } 
.section .card .layout .card-content .card-main-slide .card-list-slide a .card-list-item-img { aspect-ratio: 946 / 534; } 
.section .card .layout .card-content .card-content-desc { display: flex; position: relative; width:100%; max-width:44rem; flex-direction: column; } 
.section .card .layout .card-content .card-content-desc .card-content-desc-title { display: flex; padding:4rem 0; flex-direction: column; gap:1.6rem; } 
.section .card .layout .card-content .card-content-desc .card-content-desc-title span { color: #ACEADD; font-weight: 700; font-size: 1.8rem; line-height:2.52rem; font-family: "Pretendard"; } 
.section .card .layout .card-content .card-content-desc .card-content-desc-title strong { color: #FFF; font-weight: 700; font-size: 2.8rem; line-height: 4.48rem; font-family: "Pretendard"; min-height: 8.959rem; } 
.section .card .layout .card-content .card-content-desc .card-list-controls { display: flex; color:#fff; margin-top: auto; flex-shrink: 0; align-items: center; gap:2.4rem; } 
.section .card .layout .card-content .card-content-desc .card-list-controls button { width:5.6rem; height: 5.6rem; border: 1px solid rgba(255, 255, 255, 0.40); border-radius: 50%; } 
.section .card .layout .card-content .card-content-desc .card-list-controls button i { color: #FFF; font-size: 2rem; } 
.section .card .layout .card-content .card-content-desc .card-list-controls-pagenation { display: flex; position: relative; width:11.5rem; align-items: center; justify-content: space-between; } 
.section .card .layout .card-content .card-content-desc .card-list-controls-pagenation:before { display: block; position: absolute; top:50%; left:43%; width:4.8rem; height: 1px; background: #FFF; content:""; transform: translate(-50%, -50%); opacity: .4; } 
.section .card .layout .card-content .card-content-desc .card-list-controls-pagenation span { color: #FFF; font-weight: 400; font-size: 2rem; font-family: "Bebas Neue"; letter-spacing: 0.64rem; } 
.section .card .layout .card-content .card-content-desc .card-sub-slide { position: relative; width: calc(100% + (100vw - 1400px) / 2); height: 16rem; margin-left: 0; margin-right: calc(-1 * ((100vw - 1400px) / 2)); margin-top:auto; } .section .card .layout .card-content .card-content-desc .card-sub-slide div { height: 100%; } 
.section .card .layout .card-content .card-content-desc .card-sub-slide .card-list-slide-item { width: 28.4rem !important; flex-shrink: 0; } 
.section .card .layout .card-content .card-content-desc .card-sub-slide .card-list-slide-item .card-list-item-img { position: relative; width: 100%; height: auto; aspect-ratio: 284 / 160; } 
.section .card .layout .card-content .card-content-desc .card-sub-slide .card-list-slide-item .card-list-item-img:before { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: #000; content:""; opacity: .4; } 
.section .card .layout .card-content .card-content-desc .card-sub-slide .card-list-slide-item .card-list-item-img img { width: 100%; height: 100%; object-fit: cover; } 
@media (max-width:1400px) { 
    .section .card .layout .card-content .card-content-desc .card-sub-slide { width:100%; margin-right:0; } 
} 
@media (max-width:1024px) { 
    .section .card .layout .card-content { flex-direction: column; } 
    .section .card .layout .card-content .card-content-desc { max-width:100%; } 
    .section .card .layout .card-content .card-content-desc .card-content-desc-title { align-items: center; } 
    .section .card .layout .card-content .card-content-desc .card-content-desc-title strong { min-height: auto; } 
    .section .card .layout .card-content .card-content-desc .card-sub-slide { display: none; } 
    .section .card .layout .card-content .card-content-desc .card-list-controls { margin:0 auto; } 
} 
@media (max-width:640px) { 
    .section .card { padding:7rem 0; } 
    .section .card .layout .card-title { align-items: center; gap:2.4rem; margin-bottom:4.79rem; } 
    .section .card .layout .card-title span { font-size:1.6rem; letter-spacing: 0.512rem; } 
    .section .card .layout .card-title strong { font-size:2.9rem; line-height: 4.48rem; } 
    .section .card .layout .card-content { gap:2.19rem; } 
    .section .card .layout .card-content .card-content-desc { max-width:100%; } 
    .section .card .layout .card-content .card-content-desc .card-content-desc-title { padding:0; align-items: center; } 
    .section .card .layout .card-content .card-content-desc .card-content-desc-title span { font-size:1.6rem; line-height: 2.24rem; } 
    .section .card .layout .card-content .card-content-desc .card-content-desc-title strong { font-size:1.6rem; line-height: 2.56rem; } 
    .section .card .layout .card-content .card-content-desc .card-list-controls { justify-content: center; margin-top:3.2rem; } 
    .section .card .layout .card-content .card-content-desc .card-list-controls button { width:4.8rem; height: 4.8rem; } 
    .section .card .layout .card-content .card-content-desc .card-list-controls button i { font-size:1.8rem; } 
    .section .card .layout .card-content .card-content-desc .card-list-controls-pagenation { width:8rem; } 
    .section .card .layout .card-content .card-content-desc .card-list-controls-pagenation span { font-size:1.6rem; letter-spacing: 0.512rem; } 
    .section .card .layout .card-content .card-content-desc .card-list-controls-pagenation:before { width:3.2rem; } 
    .section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a .video-list-item-img { margin-bottom:.8rem; } 
    .section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a .video-list-item-img:after { width: 2rem; height: 2.1rem; } 
    .section .video .layout .video-content .video-list .video-list-slide .video-list-slide-item a .video-list-item-desc p { font-weight: 400; font-size:1.2rem; line-height: 2rem; } 
} 

/* opinion */
.section .opinion { position: relative; padding: 14rem 0; z-index: 1; } 
.section .opinion .layout .opinion-title { display: flex; flex-direction: column; gap: 2.4rem; align-items: center; margin-bottom: 6.4rem; } 
.section .opinion .layout .opinion-title span { color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 0.64rem; } 
.section .opinion .layout .opinion-title strong { color: #FFF; font-weight: 200; font-size: 4rem; line-height: 5.6rem; font-family: "Pretendard"; } 
.section .opinion .layout .opinion-title strong em { font-weight: 700; } 
.section .opinion .layout .opinion-content { display: flex; position: relative; left: 50%; width: 100vw; transform: translateX(-50%); justify-content: center; align-items: flex-end; gap: 2rem; padding-bottom:10rem; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper { position: relative; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-inner { position: absolute; top: 50%; left: 50%; width: 42rem; height: 30rem; border-radius: 50%; overflow: hidden; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-inner .opinion-list { position: absolute; top: 50%; left: 50%; width: 42rem; height: 30rem; transform: translate(-50%, -50%); } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-inner .opinion-list div { height: 100%; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-inner .opinion-list .opinion-list-slide .opinion-list-slide-item a { display: block; position: relative; width: 100%; height: 100%; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-inner .opinion-list .opinion-list-slide .opinion-list-slide-item .opinion-list-item-img { position: relative; text-align: center; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-inner .opinion-list .opinion-list-slide .opinion-list-slide-item .opinion-list-item-img:before { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: #000; content:""; opacity: .4; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-inner .opinion-list .opinion-list-slide .opinion-list-slide-item a .opinion-list-item-img img { width: 100%; height: 100%; object-fit: cover; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name { position: absolute; top:0; left:50%; width:calc(100% - 6rem); height: calc(100% + 8.5rem); transform: translateX(-50%); z-index: 2; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name .opinion-list-name-item { display: flex; position: relative; width: 100%; height: 100%; flex-direction: column; justify-content: flex-end; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name .opinion-list-name-item { display: none; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name .opinion-list-name-item.on { display: flex; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name .opinion-list-name-item strong { display: block; color: #FFF; font-weight: 700; font-size: 3.2rem; line-height: 5.12rem; font-family: "Pretendard"; text-align: center; margin-bottom:.4rem; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name .opinion-list-name-item span { display: block; color:#fff; font-weight: 500; font-size: 1.8rem; line-height: 2.52rem; font-family: "Pretendard"; text-align: center; } 
.section .opinion .layout .opinion-list-controls { display: flex; position: relative; width:100%; margin:0 auto; align-items: center; justify-content: center; z-index: 3; max-width:110rem; margin-top:4rem; } 
.section .opinion .layout .opinion-list-controls button { display: flex; position: absolute; top: -40rem; width:5.6rem; height: 5.6rem; border: 1px solid rgba(255, 255, 255, 0.40); border-radius: 50%; align-items: center; justify-content: center; } 
.section .opinion .layout .opinion-list-controls button.prev { left:0; } 
.section .opinion .layout .opinion-list-controls button.next { right:0; } 
.section .opinion .layout .opinion-list-controls button i { color: #FFF; font-size: 2rem; } 
.section .opinion .layout .opinion-list-controls .opinion-list-controls-pagenation { display: flex; position: relative; width:8.5rem; align-items: center; justify-content: space-between; } 
.section .opinion .layout .opinion-list-controls .opinion-list-controls-pagenation:before { display: block; position: absolute; top:50%; left:46%; width:4.8rem; height: 1px; background: #FFF; content:""; transform: translate(-50%, -50%); opacity: .4; } 
.section .opinion .layout .opinion-list-controls .opinion-list-controls-pagenation span { color: #FFF; font-weight: 400; font-size: 2rem; font-family: "Bebas Neue"; letter-spacing: 0.64rem; } 
/* space left */
.section .opinion .layout .opinion-content .opnion-list-wrapper.left { width: 41rem; 
height: 31.7rem; transform: translateY(10rem); } 
.section .opinion .layout .opinion-content .opnion-list-wrapper.left .opinion-list-inner { transform: translate(-50%, -50%) rotate(-20deg); } 
/* space center */
.section .opinion .layout .opinion-content .opnion-list-wrapper.center { width: 100%; height: 49.4rem; max-width: 108rem; z-index: 1; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper.center:before { display: block; position: absolute; top: 50%; left: 50%; width: 105.2rem; height: 30.3rem; background: url(/APEC2025/images/main/space-img1.png) no-repeat center center/cover; content: ""; transform: translate(-50%, -50%); z-index: 2; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper.center .opinion-list-inner { width: 65.9rem; height: 47.6rem; transform: translate(-50%, -50%) rotate(-10.75deg); z-index: 1; } 
.section .opinion .layout .opinion-content .opnion-list-wrapper.center .opinion-list-inner .opinion-list { width: 65.5rem; height: 48.5rem; transform: translate(-50%, -50%) rotate(10.75deg); } 
.section .opinion .layout .opinion-content .opnion-list-wrapper.center .opinion-list-inner .opinion-list .opinion-list-slide .opinion-list-slide-item .opinion-list-item-img:before { display: none; } 
/* space right */
.section .opinion .layout .opinion-content .opnion-list-wrapper.right { width: 41rem; height: 31.7rem; transform: translateY(10rem); } 
.section .opinion .layout .opinion-content .opnion-list-wrapper.right .opinion-list-inner { transform: translate(-50%, -50%) rotate(20deg); } 
@media (max-width:1024px) { 
    .section .opinion .layout .opinion-content .opnion-list-wrapper.left { position: absolute; left:1000%; opacity: 0; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper.right { position: absolute; left:1000%; opacity: 0; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-controls { margin-top:6rem; gap:2.4rem; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-controls button { position: relative; top:auto; right:auto; left:auto; transform: none; } 
} 
@media (max-width:640px) { 
    .section .opinion { padding:10rem 0; } 
    .section .opinion .layout .opinion-title span { font-size: 1.6rem; letter-spacing: 0.512rem; } 
    .section .opinion .layout .opinion-title strong { font-size: 2.9rem; line-height: 4.48rem; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper.center { height: 25rem; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper.center:before { width:37.4rem; height: 10.8rem; background: url(/APEC2025/images/main/space-img3.png) no-repeat center center/cover; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper.center .opinion-list-inner { height: 24rem; max-width: 31.8rem; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper.center .opinion-list-inner .opinion-list { width:35.8rem; height: 27rem; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name { width:calc(100% - 4rem); height: calc(100% + 6.5rem); } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name .opinion-list-name-item strong { font-size:1.8rem; line-height: 3.2rem; margin-bottom:.2rem; }  
    .section .opinion .layout .opinion-content { padding-bottom:0; } 
    .section .opinion .layout .opinion-content .opnion-list-wrapper .opinion-list-name .opinion-list-name-item span { font-size:1.4rem; line-height: 2.24rem; } 
    .section .opinion .layout .opinion-list-controls { max-width:22.4rem; justify-content: space-between; margin-top:9rem; } 
    .section .opinion .layout .opinion-list-controls button { position: relative; top:auto; right:auto; left:auto; width:4.8rem; height: 4.8rem; } 
    .section .opinion .layout .opinion-list-controls button i { font-size:1.8rem; } 
    .section .opinion .layout .opinion-list-controls .opinion-list-controls-pagenation span { font-size:1.6rem; } 
    .section .opinion .layout .opinion-list-controls .opinion-list-controls-pagenation:before { width:3.2rem; } 
} 

/* homepage */
.homepage { position: relative; padding:14rem 0 6rem 0; z-index: 1; } 
.homepage .homepage-bg { position: absolute; top:15rem; left:50%; width:191.9rem; height: 48.1rem; background: url(/APEC2025/images/main/homepage-bg.png) no-repeat center center/cover; transform: translate(-50%); } 
.homepage .layout { position: relative; } 
.homepage .layout .homepage-logo { display: flex; margin:15.8rem 0 3.8rem 0; justify-content: center; } 
.homepage .layout .homepage-title { display: flex; flex-direction: column; gap:.4rem; margin-bottom:4rem; } 
.homepage .layout .homepage-title strong { color: #FFF; font-weight: 400; font-size: 4rem; font-family: "Bebas Neue"; letter-spacing: 0.16rem; text-align: center; } 
.homepage .layout .homepage-title p { display: flex; text-align: center; justify-content: center; gap:3rem; } 
.homepage .layout .homepage-title p span { position: relative; color: #FFF; font-weight: 400; font-size: 2rem; line-height: normal; font-family: "Bebas Neue"; letter-spacing: 1.24rem; } 
.homepage .layout .homepage-title p span:before { position: absolute; top:50%; left:-2.5rem; width:.6rem; height: .6rem; background: #fff; content:""; border-radius: 50%; opacity: 0.2; transform: translateY(-50%); } 
.homepage .layout .homepage-title p span:first-of-type:before { display: none; } 
.homepage .layout .homepage-more { display: flex; justify-content: center; } 
.homepage .layout .homepage-more a { display: inline-flex; height: 6.4rem; padding: 0 3.2rem; border:1px solid #fff; justify-content: center; align-items: center; gap: 1rem; flex-shrink: 0; } 
.homepage .layout .homepage-more a span { color: #FFF; font-weight: 700; 
font-size: 1.8rem; line-height: 2.52rem; font-family: "Pretendard"; text-align: center; } 
@media (max-width:640px) { 
    .homepage { padding:10rem 0 4rem 0; } 
    .homepage .homepage-bg { top:10rem; } 
    .homepage .homepage-bg { width: 77.3rem; height: 18.0059rem; } 
    .homepage .layout .homepage-logo { margin:10rem 0 3.2rem 0; } 
    .homepage .layout .homepage-logo img { width:12rem !important; } 
    .homepage .layout .homepage-title { gap:.3rem; margin-bottom:4.8rem; } 
    .homepage .layout .homepage-title strong { font-size:2.4rem; line-height: normal; letter-spacing: 0.096rem; } 
    .homepage .layout .homepage-title p { gap:3rem; } 
    .homepage .layout .homepage-title p span { font-size:1.4rem; line-height: normal; letter-spacing: 0.56rem; } 
    .homepage .layout .homepage-title p span:before { left:-2.1rem; width:.4rem; height: .4rem; } 
    .homepage .layout .homepage-more a { height: 5.6rem; padding: 0 2.4rem; } 
    .homepage .layout .homepage-more a span { font-size:1.6rem; line-height: 2.24rem; }        
} 

/* footer */
.footer { display: flex; position: absolute; bottom:0; left:50%; width: 100%; height: 60rem; z-index: 1; transform: translateX(-50%); align-items: flex-end; overflow: hidden; } 
.footer .footer-images { display: flex; position: absolute; bottom:0; width:100%; height:100%; } 
.footer .footer-images .footer-img img { display: block; position: relative; } 
.footer .footer-images .footer-img.img1 { position: absolute; bottom:0; left:50%; width:256rem; text-align: center; transform: translateX(-50%); z-index: 2; flex-shrink: 0; } 
.footer .footer-images .footer-img.img2 { position: absolute; top:8rem; left:50%; width:70.5rem; transform: translateX(-50%); z-index: 1; } 
.footer .footer-images .footer-img.img3 { position: absolute; bottom:10rem; left:50%; width:299.5rem; flex-shrink: 0; transform: translateX(-50%); mix-blend-mode: multiply; } 
.footer .footer-images .footer-img.img4 { position: absolute; bottom:0; left:50%; width:299.5rem; flex-shrink: 0; transform: translateX(-50%); mix-blend-mode: multiply; } 
.footer .footer-copyright { display: flex; position: relative; position: relative; width:100%; height: 28.1rem; align-items: center; justify-content: center; z-index: 2; } 
.footer .footer-copyright .layout { display: flex; flex-direction: column; gap:.4rem; margin-top:1rem; } 
.footer .footer-copyright .layout p { display: flex; color: #FFF; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; font-family: "Pretendard"; text-align: center; opacity: .4; justify-content: center; gap:.4rem 2.4rem; } 
.footer .footer-copyright .layout p br { display: none; } 
.footer .footer-copyright .layout p span { position: relative; }
.footer .footer-copyright .layout p span:before { content:""; display:block; width:.1px; height:1rem; position:absolute; left:-1.2rem; top:52%; transform: translateY(-50%); background: #fff; }
.footer .footer-copyright .layout p span:first-of-type:before { display: none; }
@media (max-width:767px) { 
    .footer .footer-copyright .layout { margin-top:2.4rem; }
    .footer .footer-copyright .layout p { flex-direction: column; }
}
@media (max-width:640px) { 
    .footer { height: 41rem; } 
    .footer .footer-copyright { height: 25rem; } 
    .footer .footer-images .footer-img.img1 { height: 25rem; } 
    .footer .footer-images .footer-img.img1 img { height: 100%; transform: translateX(26.5rem); } 
    .footer .footer-images .footer-img.img2 { width:100%; max-width:31rem; } 
    .footer .footer-images .footer-img.img3 { top: 0; bottom: auto; width: 135rem; } 
    .footer .footer-images .footer-img.img4 { top: -4rem; bottom: auto; width: 160rem; } 
    .footer .footer-copyright .layout p { font-size:1.3rem; line-height: 2.1rem; } 
    .footer .footer-copyright .layout p br { display: block; } 
    .footer .footer-copyright .layout p i { display: none; } 
    .footer .footer-copyright .layout p span:before { display:none; }
} 

/* modal */
.modal-wrap { display: none; position: fixed; top:0; left:0; width:100%; height: 100%; justify-content: center; align-items: center; z-index: 3; } 
.modal-wrap.on { display: flex; } 
.modal-wrap .modal-bg { position: absolute; top:0; left:0; width:100%; height: 100%; background: #000; opacity: .6; } 
.modal-wrap .modal { position: relative; width:100%; padding:6.4rem; max-width:117rem; } 
.modal-wrap .modal .modal-content { text-align: center; } 
.modal-wrap .modal .modal-content iframe { width: 100%; border: none; aspect-ratio: 16 / 9; } 
.modal-wrap .modal:before { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: rgba(255, 255, 255, 0.20); content:""; backdrop-filter: blur(10px); } 
.modal-wrap .modal:after { display: block; position: absolute; top:0; left:0; width:4.4rem; height: 4.4rem; content:""; border-width: 1px 0 0 1px; border-style: solid; border-color: #fff; } 
.modal-wrap .modal .modal-close { position: absolute; top:-3.1rem; right:-3.1rem; width:6.4rem; height: 6.4rem; background: #D32947; border-radius: 50%; } 
.modal-wrap .modal .modal-close i { color:#fff; font-size:2.4rem; } 
@media (max-width:640px) { 
    .modal-wrap { padding:0 2rem; } 
    .modal-wrap .modal { padding:2rem; } 
    .modal-wrap .modal:after { width:2.4rem; height: 2.4rem; } 
    .modal-wrap .modal .modal-close { top:auto; right:auto; bottom:-6rem; left:50%; width:4.8rem; height: 4.8rem; transform: translate(-50%); } 
} 

/* animation */
@keyframes twinkle { 
    0%, 100% { opacity: 0.2; transform: scale(1); } 
    50% { opacity: 1; transform: scale(1.2); } 
} 
@keyframes scrollIndicator { 
    0% { top: 0; } 
    50% { top: 3.6rem; } 
    100% { top: 0; } 
} 
@keyframes rotate360 { 
    from { transform: translate(-50%, -50%) rotate(0deg); } 
    to { transform: translate(-50%, -50%) rotate(360deg); } 
}