@charset "UTF-8"; 
:root{--primaryA:#003495; --primaryB:#004a8f; --primaryC:#011740; --yellow:#ffcc00; --green:#2da54c; --purple:#d151ff; --red:#fb364b; --white:#fff; --gray-50:#f4f5f8; --gray-100:#eeeeee; --gray-200:#e5e5e5; --gray-400:#999999; --gray-600:#666666; --gray-800:#333333; --black:#000; --transparent:transparent; --screen-xs:480px; --screen-sm:576px; --screen-md:768px; --screen-lg:1024px; --screen-xl:1200px}
*, *::before, *::after{box-sizing:border-box}
*{margin:0; padding:0}
html, body{height:100%; font-family:"Outfit", sans-serif; font-optical-sizing:auto; font-size:16px; line-height:1.6; color:#333; background-color:#fff; -webkit-font-smoothing:antialiased}
main, section, article, aside, header, footer, nav{display:block}
ul, ol{list-style:none}
a{color:inherit; text-decoration:none}
img, video, picture, canvas, svg{max-width:100%; display:block; height:auto}
input, button, textarea, select{font:inherit; color:inherit; background:none; border:none; outline:none; appearance:none}
button{cursor:pointer}
table{border-collapse:collapse; border-spacing:0}
.responsive-container{width:100%; max-width:1200px; margin:0 auto; padding:0 16px}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none !important}
html{background-color:#011740}
html:has(body.subpg.light){background-color:#f4f5f8}
body{position:relative; background-color:#011740; height:auto}
body.subpg{display:flex; flex-direction:column; min-height:100%}
body.subpg main{flex:1}
body.subpg.light{background-color:#f4f5f8}
body.miniw section > .wrap{max-width:1080px}
header, section, footer{display:flex; justify-content:center}
header > .wrap, section > .wrap, footer > .wrap{max-width:1368px; width:100%; margin:0 24px}
.float-container{position:fixed; right:0; bottom:60px; display:flex; flex-direction:column; align-items:center; overflow:hidden; z-index:10}
.float-container .btn-wrap{position:relative; bottom:-110px; display:flex; flex-direction:column; gap:16px; margin-bottom:30px; transition:all 0.3s ease}
.float-container .btn-wrap .float-btn{display:inline-flex; align-items:center; justify-content:space-between; width:158px; min-height:64px; padding:0 20px 0 34px; border:2px solid #fff; border-right:0; border-radius:40px 0 0 40px}
.float-container .btn-wrap .float-btn span{display:inline-block; margin:0 8px; color:#fff; font-size:20px; font-weight:600; transition:all 0.3s ease}
.float-container .btn-wrap .float-btn.red{background-color:#fb364b}
.float-container .btn-wrap .float-btn.green{background-color:#2da54c}
.float-container .btn-wrap .float-btn i{overflow:hidden; position:relative; flex-shrink:0; width:0px; height:20px; transition:all 0.3s ease}
.float-container .btn-wrap .float-btn i img{position:absolute; top:0; left:0; width:20px; height:20px; transition:all 0.3s ease}
.float-container .btn-wrap .float-btn i.suffix{width:20px}
.float-container .btn-wrap .float-btn i.suffix img{transform:translateX(0)}
.float-container .btn-wrap .float-btn i.prefix{width:0px}
.float-container .btn-wrap .float-btn i.prefix img{transform:translateX(-120%)}
.float-container .btn-wrap .float-btn:hover i.suffix{width:0px}
.float-container .btn-wrap .float-btn:hover i.suffix img{transform:translateX(100%)}
.float-container .btn-wrap .float-btn:hover i.prefix{width:20px}
.float-container .btn-wrap .float-btn:hover i.prefix img{transform:translateX(0)}
.float-container .btn-wrap.active{bottom:0px}
.float-container .btn-totop{width:80px; height:80px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#000; transform:translateY(120%); opacity:0; transition:all 0.3s ease}
.float-container .btn-totop span{color:#fff; font-size:16px; font-style:normal; font-weight:600; line-height:120%}
.float-container .btn-totop.active{opacity:1; transform:translateY(0)}
.top-banner-con{position:fixed; left:0; top:0; display:flex; flex-direction:row; justify-content:center; width:100%; height:50px; z-index:1000; pointer-events:none}
.top-banner-con > div{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:1; display:flex; align-items:center; justify-content:center; gap:12px}
.top-banner-con > div span{display:flex; align-items:center; gap:4px; font-weight:900; color:#fff}
.top-banner-con > div span:nth-of-type(1){font-size:22px}
.top-banner-con > div span:nth-of-type(1) i{display:none; width:14px; height:14px}
.top-banner-con > div span:nth-of-type(2){font-size:20px}
.top-banner-con > div span:nth-of-type(2) img{width:24px}
.top-banner-con > p{display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; gap:8px; opacity:0.6; width:100%; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 37%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0) 58%, rgb(0, 0, 0) 63%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%)}
.top-banner-con > p span{color:#fff; font-size:14px; font-weight:400}
.top-banner-con > p i{width:20px; min-width:20px; height:20px}
.top-banner-con i{display:block; background-image:url("/images/apec_ic_main_star.svg"); background-size:cover; animation:rotateStars 5s linear infinite}
.top-banner-con span{white-space:nowrap}
.top-banner{position:fixed; left:0; top:0; width:100%; height:50px; background:linear-gradient(90deg, rgba(20,112,44,0.9) 0%, rgba(255, 204, 0, 0.9) 50%, rgba(255, 10, 36, 0.9) 90%, rgba(133, 0, 180, 0.9) 100%); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); z-index:999}
header{position:fixed; top:0; height:100px; width:100%; transition:background 0.3s ease, transform 0.3s ease; will-change:transform; z-index:998}
header > .wrap{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:unset; margin:0 24px}
header .logo{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); text-indent:-9999px; overflow:hidden; background-size:cover; width:252px; height:44px; background-image:url("/images/apec_logo_dark.svg")}
header .logo > a{display:block; width:100%; height:100%}
header nav{display:flex; align-items:center}
header nav.desktop-nav{gap:48px}
header nav.desktop-lnb{gap:24px}
header nav.desktop-lnb sl-button::part(label){text-decoration:underline}
header nav sl-button::part(base){padding:0; color:#fff; font-size:16px; font-weight:700}
header nav sl-button::part(caret){padding:0 4px; font-size:20px}
header nav sl-button::part(label){padding:0 !important}
header nav sl-menu{padding:16px 0; min-width:280px; background:#f4f5f8; border:1px solid #000000; border-radius:4px; display:none}
header nav sl-menu sl-menu-item::part(base){transition:all 0.2s ease; display:flex; align-items:center; height:50px; color:#000; font-size:16px; font-weight:400; background-color:transparent}
header nav sl-menu sl-menu-item::part(base):hover{font-weight:600; background-color:#e5e5e5}
header nav sl-dropdown[open] sl-menu{display:block}
header .hamburger{display:none}
header.light{position:fixed; top:0; height:100px; width:100%; transition:background 0.3s ease, transform 0.3s ease; will-change:transform; z-index:998}
header.light > .wrap{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:unset; margin:0 24px}
header.light .logo{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); text-indent:-9999px; overflow:hidden; background-size:cover; width:252px; height:44px; background-image:url("/images/apec_logo_light.svg")}
header.light .logo > a{display:block; width:100%; height:100%}
header.light nav{display:flex; align-items:center}
header.light nav.desktop-nav{gap:48px}
header.light nav.desktop-lnb{gap:24px}
header.light nav.desktop-lnb sl-button::part(label){text-decoration:underline}
header.light nav sl-button::part(base){padding:0; color:#000; font-size:16px; font-weight:700}
header.light nav sl-button::part(caret){padding:0 4px; font-size:20px}
header.light nav sl-button::part(label){padding:0 !important}
header.light nav sl-menu{padding:16px 0; min-width:280px; background:#f4f5f8; border:1px solid #000000; border-radius:4px; display:none}
header.light nav sl-menu sl-menu-item::part(base){transition:all 0.2s ease; display:flex; align-items:center; height:50px; color:#000; font-size:16px; font-weight:400; background-color:transparent}
header.light nav sl-menu sl-menu-item::part(base):hover{font-weight:600; background-color:#e5e5e5}
header.light nav sl-dropdown[open] sl-menu{display:block}
header.light .hamburger{display:none}
:where(body.subpg) header{position:sticky; top:0; z-index:5; transition:background 0.3s ease, transform 0.3s ease}
:where(body.subpg) header.light{position:sticky; top:0; z-index:5; transition:background 0.3s ease, transform 0.3s ease}
:where(body.scrolled) header{background:rgba(1,23,64,0.5); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
:where(body.scrolled) header.light{background:rgba(255,255,255,0.5); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
:where(body.login, body.etcs) header{position:relative; transition:none; background:none; backdrop-filter:none; -webkit-backdrop-filter:none}
sl-drawer{--size:90vw; visibility:hidden; opacity:0; pointer-events:none; transition:opacity 0.3s ease, visibility 0.3s ease; z-index:1001}
sl-drawer[open]{opacity:1; visibility:visible; pointer-events:auto}
sl-drawer[open]::part(header){display:flex}
sl-drawer[open] .drawer-menus{display:block}
sl-drawer[open] .mob-lnb{display:flex}
sl-drawer::part(base){z-index:1001}
sl-drawer::part(overlay){background-color:rgba(0,0,0,0.7)}
sl-drawer::part(panel){background-color:#f4f5f8}
sl-drawer::part(header){display:none; height:88px; align-items:center; justify-content:space-between; padding:0 24px}
sl-drawer::part(title){padding:0; text-indent:-9999px; overflow:hidden; background-size:cover; width:128px; max-width:128px; height:22px; background-image:url("/images/apec_logo_light_m.svg")}
sl-drawer::part(header-actions){padding:0}
sl-drawer::part(close-button){background-color:#fff; border-radius:50%; color:#000}
sl-drawer::part(body){padding:16px 24px}
sl-drawer .drawer-menus{display:none}
sl-drawer .drawer-menus a{display:block; color:#666666; font-size:16px; font-weight:500}
sl-drawer .drawer-menus > ul > li{padding:16px 0}
sl-drawer .drawer-menus > ul > li > a{color:#000; font-size:20px; font-weight:800}
sl-drawer .drawer-menus > ul > li ul{margin-top:16px; display:flex; flex-direction:column; gap:12px}
sl-drawer .drawer-menus > ul > li ul li a{position:relative; padding-left:24px}
sl-drawer .drawer-menus > ul > li ul li a::before{content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); left:9px; width:6px; height:2px; background-color:#666666}
sl-drawer::part(footer){padding:0}
sl-drawer .mob-lnb{position:relative; display:none; justify-content:space-around; padding:16px 24px 20px; background-color:#fff; border-top:1px solid #eeeeee}
sl-drawer .mob-lnb::before{content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:1px; height:16px; background-color:#eeeeee}
sl-drawer .mob-lnb sl-button::part(base){color:#000; font-size:16px; font-weight:800; text-decoration:underline}
footer{background-color:black}
footer .wrap{padding:80px 0}
footer .wrap .footer-wrap{position:relative; min-height:135px; padding-left:120px; display:flex; justify-content:space-between; align-items:end; color:#fff; font-size:16px; font-weight:500}
footer .wrap .footer-wrap h3{position:absolute; left:0; top:0; text-indent:-9999px; overflow:hidden; background-size:cover; width:80px; height:135px; background-image:url("/images/apec_logo_footer.svg")}
footer .wrap .footer-wrap .footer-container-menu{height:100px; display:flex; flex-direction:column; justify-content:space-between}
footer .wrap .footer-wrap .footer-container-menu .footer-menu{display:flex; gap:68px}
footer .wrap .footer-wrap .footer-container-menu .footer-menu a:hover{border-bottom:1px solid #fff}
footer .wrap .footer-wrap .footer-container-contact > *{text-align:right}
footer .wrap .footer-wrap .footer-container-contact .contact-wrap{display:flex; align-items:center; justify-content:flex-end; gap:44px; margin-bottom:4px}
footer .wrap .footer-wrap .footer-container-contact .contact-wrap .link-host{color:#ffcc00; font-weight:500; font-size:32px; line-height:150%; text-decoration:underline}
footer .wrap .footer-wrap .footer-container-contact h4{font-size:32px; font-weight:500}
footer .wrap .footer-wrap .footer-container-contact p{color:#999999}
footer .wrap .footer-wrap .footer-container-contact p a{text-decoration:underline}
footer .wrap .footer-wrap-copy{margin-top:40px; display:flex; align-items:flex-end; justify-content:space-between}
footer .wrap .footer-wrap-copy > div:nth-child(1){color:#999999; font-size:14px; font-style:normal; font-weight:300; line-height:150%}
footer .wrap .footer-wrap-copy > div:nth-child(2){display:flex; flex-direction:column; align-items:flex-end; gap:12px}
footer .wrap .footer-wrap-copy ul{display:flex; align-items:center; gap:40px; color:rgba(255,255,255,0.6); font-size:14px; font-weight:300}
footer .wrap .footer-wrap-copy ul li:nth-child(2){position:relative}
footer .wrap .footer-wrap-copy ul li:nth-child(2)::before{content:""; position:absolute; width:1px; height:15px; background-color:rgba(255,255,255,0.3); left:-20px; top:50%; transform:translateY(-50%)}
footer .wrap .footer-wrap-copy ul a{color:#fff; font-size:16px; font-weight:300; text-decoration:underline}
footer .wrap .footer-wrap-copy ul a.footer-developer{font-size:14px; opacity:0.6}
footer .wrap .footer-wrap-copy ul li:has(i){display:flex; align-items:center; gap:6px}
footer .wrap .footer-wrap-copy ul li:has(i) i{display:block; width:28px; height:26px; background-image:url("/images/apec_logo_mz.svg")}
footer .wrap .footer-wrap-copy ul br{display:none}
footer .wrap .footer-wrap-copy:not(:has(ul:nth-child(2))){margin:0; justify-content:center}
footer .wrap .footer-wrap-copy:not(:has(ul:nth-child(2))) ul{margin:0}
.footer-social{display:flex; gap:12px}
.footer-social a{transition:all 0.3s ease; position:relative; display:block; width:50px; height:50px; background-color:rgba(255,255,255,0.1); border-radius:50%; text-indent:-9999px; overflow:hidden; background-size:cover}
.footer-social a:hover{background-color:rgba(255,255,255,0.3)}
.footer-social a::before{content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); text-indent:-9999px; overflow:hidden; background-size:cover; width:24px; height:24px}
.footer-social a[title=X]::before{background-image:url("/images/apec_logo_footer_x.svg")}
.footer-social a[title=Instagram]::before{background-image:url("/images/apec_logo_footer_instagram.svg")}
.footer-social a[title=Youtube]::before{background-image:url("/images/apec_logo_footer_youtube.svg")}
.footer-social a[title=Facebook]::before{background-image:url("/images/apec_logo_footer_facebook.svg")}
.business-regi{pointer-events:none; user-select:text; color:#666; font-size:16px; text-decoration:none}
side:has(> nav){position:fixed; left:0px; top:50%; transform:translateY(-50%); mix-blend-mode:exclusion}
side:has(> nav) a{position:relative; transition:all 0.3s ease; display:block; padding:8px 0 8px 40px; color:rgba(255,255,255,0.4); font-size:16px; font-weight:600; line-height:120%}
side:has(> nav) a::before{transition:all 0.3s ease; content:""; position:absolute; top:50%; transform:translateY(-50%); left:12px; width:4px; height:4px; background-color:#fff}
side:has(> nav) a.active, side:has(> nav) a:hover{padding:12px 0 12px 40px; color:#fff; font-size:20px; font-weight:800}
side:has(> nav) a.active::before, side:has(> nav) a:hover::before{width:32px; left:0px; background-color:#fb364b}
body > *:not(header, #mobileMenu) sl-button[disabled]::part(base){opacity:0.3; cursor:default}
body > *:not(header, #mobileMenu) sl-button::part(label){padding:0}
body > *:not(header, #mobileMenu) sl-button::part(base){align-items:center; transition:all 0.3s ease !important; border-radius:12px; font-weight:700; gap:4px; min-height:56px; padding:16px 32px; font-size:16px; line-height:150%; background-color:#003495; border-color:#003495; color:#fff}
body > *:not(header, #mobileMenu) sl-button::part(base):hover{background-color:rgb(25.5, 72.3, 159.6); border-color:rgb(25.5, 72.3, 159.6)}
body > *:not(header, #mobileMenu) sl-button[size=xsmall]::part(base){min-height:24px; padding:0 8px; font-size:12px; line-height:120%; border-radius:4px}
body > *:not(header, #mobileMenu) sl-button[size=small]::part(base){min-height:48px; padding:12px 24px; font-size:14px; line-height:120%}
body > *:not(header, #mobileMenu) sl-button[size=medium]::part(base){min-height:56px; padding:16px 32px; font-size:16px; line-height:150%}
body > *:not(header, #mobileMenu) sl-button[size=large]::part(base){min-height:64px; padding:20px 40px; font-size:16px; line-height:150%}
body > *:not(header, #mobileMenu) sl-button[size=xlarge]::part(base){min-height:76px; padding:24px 56px; font-size:20px; line-height:150%}
body > *:not(header, #mobileMenu) sl-button[variant=default]::part(base){background-color:#003495; border-color:#003495; color:#fff}
body > *:not(header, #mobileMenu) sl-button[variant=default]::part(base):hover{background-color:rgb(25.5, 72.3, 159.6); border-color:rgb(25.5, 72.3, 159.6)}
body > *:not(header, #mobileMenu) sl-button[variant=primary]::part(base){background-color:#004a8f; border-color:#004a8f; color:#fff}
body > *:not(header, #mobileMenu) sl-button[variant=primary]::part(base):hover{background-color:rgb(25.5, 92.1, 154.2); border-color:rgb(25.5, 92.1, 154.2)}
body > *:not(header, #mobileMenu) sl-button[variant=success]::part(base){background-color:#2da54c; border-color:#2da54c; color:#fff}
body > *:not(header, #mobileMenu) sl-button[variant=success]::part(base):hover{background-color:rgb(66, 174, 93.9); border-color:rgb(66, 174, 93.9)}
body > *:not(header, #mobileMenu) sl-button[variant=neutral]::part(base){background-color:#d151ff; border-color:#d151ff; color:#fff}
body > *:not(header, #mobileMenu) sl-button[variant=neutral]::part(base):hover{background-color:rgb(213.6, 98.4, 255); border-color:rgb(213.6, 98.4, 255)}
body > *:not(header, #mobileMenu) sl-button[variant=warning]::part(base){background-color:#ffcc00; border-color:#ffcc00; color:#000}
body > *:not(header, #mobileMenu) sl-button[variant=warning]::part(base):hover{background-color:rgb(255, 209.1, 25.5); border-color:rgb(255, 209.1, 25.5)}
body > *:not(header, #mobileMenu) sl-button[variant=warning] sl-icon{color:#000}
body > *:not(header, #mobileMenu) sl-button[variant=danger]::part(base){background-color:#fb364b; border-color:#fb364b; color:#fff}
body > *:not(header, #mobileMenu) sl-button[variant=danger]::part(base):hover{background-color:rgb(251.4, 74.1, 93); border-color:rgb(251.4, 74.1, 93)}
body > *:not(header, #mobileMenu) sl-button[variant=black]::part(base){background-color:#000; border-color:#000; color:#fff}
body > *:not(header, #mobileMenu) sl-button[variant=black]::part(base):hover{background-color:rgb(25.5, 25.5, 25.5); border-color:rgb(25.5, 25.5, 25.5)}
body > *:not(header, #mobileMenu) sl-button.cta{display:block; margin:0 auto; width:fit-content}
body > *:not(header, #mobileMenu) sl-button.cta::part(base){border:none; position:relative; overflow:hidden; width:220px; height:64px; align-items:center; box-shadow:#fb364b 0px 0px 0px 0px inset}
body > *:not(header, #mobileMenu) sl-button.cta sl-icon{overflow:hidden; transition:all 0.3s ease}
body > *:not(header, #mobileMenu) sl-button.cta sl-icon[slot=suffix]{max-width:16px}
body > *:not(header, #mobileMenu) sl-button.cta sl-icon[slot=suffix]::part(svg){transition:all 0.3s ease; transform:translateX(0)}
body > *:not(header, #mobileMenu) sl-button.cta sl-icon[slot=prefix]{max-width:0px}
body > *:not(header, #mobileMenu) sl-button.cta sl-icon[slot=prefix]::part(svg){transition:all 0.3s ease; transform:translateX(-100%)}
body > *:not(header, #mobileMenu) sl-button.cta:hover::part(base){border:none; background-color:#003495; box-shadow:#fb364b 220px 0px 0px 0px inset}
body > *:not(header, #mobileMenu) sl-button.cta:hover sl-icon[slot=suffix]{max-width:0px}
body > *:not(header, #mobileMenu) sl-button.cta:hover sl-icon[slot=suffix]::part(svg){transform:translateX(100%)}
body > *:not(header, #mobileMenu) sl-button.cta:hover sl-icon[slot=prefix]{max-width:16px}
body > *:not(header, #mobileMenu) sl-button.cta:hover sl-icon[slot=prefix]::part(svg){transform:translateX(0)}
body > *:not(header, #mobileMenu) .link-txt{color:#003495; text-decoration-line:underline}
sl-tab-group.tab-program::part(tabs){border-bottom:1px solid rgba(255,255,255,0.6)}
sl-tab-group.tab-program::part(active-tab-indicator){border-bottom:5px solid #ffcc00}
sl-tab-group.tab-program::part(scroll-button){display:none}
sl-tab-group.tab-program sl-tab{flex:1}
sl-tab-group.tab-program sl-tab::part(base){height:92px; padding:0 24px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:rgba(255,255,255,0.6)}
sl-tab-group.tab-program sl-tab em{font-size:24px; font-style:normal; font-weight:500; line-height:150%}
sl-tab-group.tab-program sl-tab span{font-size:16px; font-weight:300; line-height:150%}
sl-tab-group.tab-program sl-tab[active]::part(base){color:#ffcc00}
sl-tab-group.tab-program sl-tab[active] em{font-weight:700}
sl-tab-group.tab-program sl-tab[active] span{font-weight:700}
sl-tab-group.tab-sponsors-classify::part(tabs){gap:0; margin-bottom:16px; border-bottom:1px solid rgba(0,52,149,0.2)}
sl-tab-group.tab-sponsors-classify::part(active-tab-indicator){border-bottom:5px solid #fb364b}
sl-tab-group.tab-sponsors-classify::part(scroll-button){display:none}
sl-tab-group.tab-sponsors-classify sl-tab{flex:1; display:flex; align-items:center; justify-content:center; margin-bottom:-2px}
sl-tab-group.tab-sponsors-classify sl-tab::part(base){position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-height:68px; padding:16px; border-radius:0; color:rgba(0,74,143,0.6); font-weight:500; font-size:24px; line-height:150%; text-align:center}
sl-tab-group.tab-sponsors-classify sl-tab[active]::part(base){color:#fb364b; font-weight:700}
sl-tab-group.tab-sponsors::part(tabs){flex-grow:0; gap:24px; margin:0 auto; border-bottom:none}
sl-tab-group.tab-sponsors::part(active-tab-indicator){display:none}
sl-tab-group.tab-sponsors::part(scroll-button){display:none}
sl-tab-group.tab-sponsors sl-tab{flex:1}
sl-tab-group.tab-sponsors sl-tab::part(base){transition:all 0.3s ease; min-height:54px; min-width:192px; display:flex; justify-content:center; align-items:center; background-color:#d7e5ff; border-radius:500px; color:#003495; font-size:16px; font-weight:300; line-height:135%}
sl-tab-group.tab-sponsors sl-tab::part(base):hover{background-color:rgb(189.5,212.425,255)}
sl-tab-group.tab-sponsors sl-tab[active]::part(base){background-color:#003495; color:#fff; font-size:16px; font-weight:800; line-height:135%; text-shadow:none; border-bottom:0}
.login sl-tab-group.block-form::part(tabs){padding:4px; border-radius:500px; border:1px solid #000; z-index:0}
.login sl-tab-group.block-form::part(active-tab-indicator){top:4px; bottom:4px; background-color:#000; border:none; border-radius:500px; z-index:-1}
.login sl-tab-group.block-form sl-tab{flex:1; display:flex; justify-content:center; align-items:center; border-radius:500px}
.login sl-tab-group.block-form sl-tab::part(base){padding:22px 20px; color:#666666; text-align:center; font-size:24px; font-style:normal; font-weight:600; line-height:120%}
.login sl-tab-group.block-form sl-tab[active]::part(base){color:#fff}
sl-tab-group.profile::part(tabs){border-bottom:1px solid #999999; touch-action:pan-x; transition:all 0.3s ease}
sl-tab-group.profile::part(active-tab-indicator){border-bottom:4px solid #000; bottom:-1px}
sl-tab-group.profile::part(scroll-button){display:none}
sl-tab-group.profile sl-tab{flex:1}
sl-tab-group.profile sl-tab::part(base){transition:color 0.3s ease; height:68px; padding:0 24px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:rgba(0,0,0,0.6); font-size:24px; font-style:normal; font-weight:500; line-height:150%}
sl-tab-group.profile sl-tab[active]::part(base){color:#000; font-weight:800; line-height:150%}
.ic-custom-mouse{position:absolute; left:calc(50% - 16px); top:825px; width:32px; height:52px; background-color:rgba(255,255,255,0.16); border:1px solid rgba(255, 255, 255, 0.3); border-radius:500px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px)}
.ic-custom-mouse::before{content:""; position:absolute; left:50%; transform:translateX(-50%); top:10px; width:2px; height:8px; background-color:#fff; border-radius:500px; animation:wheelMove 1.2s ease-in-out infinite; animation-direction:alternate}
a.btn-move-page{position:absolute; left:calc(50% - 84.1px); top:610px; display:inline-flex; padding:12px 36px; justify-content:center; align-items:center; gap:4px; border-radius:32px; background:rgba(0,0,0,0.4); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); color:#e5e5e5; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.details-group{display:flex; flex-direction:column; gap:12px}
.details-group sl-details:nth-child(odd)::part(base){background-color:rgba(0,52,149,0.1)}
sl-details::part(base){border:none; border-radius:0; background-color:rgba(0,52,149,0.2); padding:32px; color:#fff}
sl-details::part(header){padding:0}
sl-details::part(summary){padding-right:24px; font-size:20px; font-style:normal; font-weight:600; line-height:120%}
sl-details::part(summary)::before{content:"Q"; min-width:28px; flex-shrink:0; align-self:flex-start; color:#ffcc00; font-size:20px; font-style:normal; font-weight:600; line-height:120%}
sl-details::part(summary-icon){transform:rotate(180deg)}
sl-details::part(content){padding:36px 28px 16px; color:rgba(255,255,255,0.8); font-size:16px; font-style:normal; font-weight:300; line-height:150%}
sl-input::part(form-control), sl-select::part(form-control){position:relative}
sl-input::part(form-control-label), sl-select::part(form-control-label){position:absolute; left:32px; top:24px; z-index:1; color:#000; font-size:16px; font-style:normal; font-weight:300; line-height:150%}
sl-input::part(base), sl-input::part(combobox), sl-select::part(base), sl-select::part(combobox){transition-duration:0.5s; min-height:104px; display:flex; align-items:center; padding:24px 31px 0; border-radius:12px}
sl-input::part(base), sl-select::part(base){border:1px solid #f4f5f8; background:#f4f5f8}
sl-input.calendar-input::part(base), sl-input.dropdown-input::part(base), sl-input::part(combobox), sl-select.calendar-input::part(base), sl-select.dropdown-input::part(base), sl-select::part(combobox){border:1px solid #999999; background:#fff; box-shadow:none}
sl-input:not([disabled], [readonly])::part(base):hover, sl-input:not([disabled], [readonly])::part(base):focus, sl-input:not([disabled], [readonly])::part(base):focus-within, sl-input:not([disabled], [readonly])::part(combobox):hover, sl-input:not([disabled], [readonly])::part(combobox):focus, sl-input:not([disabled], [readonly])::part(combobox):focus-within, sl-select:not([disabled], [readonly])::part(base):hover, sl-select:not([disabled], [readonly])::part(base):focus, sl-select:not([disabled], [readonly])::part(base):focus-within, sl-select:not([disabled], [readonly])::part(combobox):hover, sl-select:not([disabled], [readonly])::part(combobox):focus, sl-select:not([disabled], [readonly])::part(combobox):focus-within{border:1px solid #000; background:#fff; box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1)}
sl-input[disabled]::part(base), sl-input[readonly]::part(base), sl-select[disabled]::part(base), sl-select[readonly]::part(base){opacity:1; box-shadow:none}
sl-input[disabled].dropdown-input, sl-input[disabled].calendar-input, sl-input[readonly].dropdown-input, sl-input[readonly].calendar-input, sl-select[disabled].dropdown-input, sl-select[disabled].calendar-input, sl-select[readonly].dropdown-input, sl-select[readonly].calendar-input{opacity:0.4}
sl-input::part(input), sl-input::part(display-input), sl-select::part(input), sl-select::part(display-input){padding:0; font-size:20px; font-style:normal; font-weight:600; line-height:120%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
sl-input::part(input)::placeholder, sl-input::part(display-input)::placeholder, sl-select::part(input)::placeholder, sl-select::part(display-input)::placeholder{color:rgba(0,0,0,0.4)}
sl-input::part(clear-button), sl-input::part(password-toggle-button), sl-select::part(clear-button), sl-select::part(password-toggle-button){width:fit-content; margin-left:16px; filter:invert(1)}
sl-input::part(clear-button):focus, sl-input::part(password-toggle-button):focus, sl-select::part(clear-button):focus, sl-select::part(password-toggle-button):focus{color:#eeeeee}
sl-input::part(expand-icon), sl-input [class*=chevron-icon], sl-input.calendar-input::part(clear-button), sl-input.dropdown-input::part(clear-button), sl-select::part(expand-icon), sl-select [class*=chevron-icon], sl-select.calendar-input::part(clear-button), sl-select.dropdown-input::part(clear-button){margin-top:-12px; font-size:20px}
sl-input.calendar-input::part(clear-button), sl-input.dropdown-input::part(clear-button), sl-select.calendar-input::part(clear-button), sl-select.dropdown-input::part(clear-button){margin-right:4px}
sl-input::part(suffix), sl-select::part(suffix){gap:8px}
sl-input::part(form-control-help-text), sl-select::part(form-control-help-text){margin-top:8px; color:#000; font-size:14px; font-style:normal; font-weight:300; line-height:120%}
sl-input div[slot=help-text], sl-select div[slot=help-text]{display:flex; flex-direction:column; gap:4px}
sl-input div[slot=help-text] > div, sl-select div[slot=help-text] > div{display:flex; align-items:center; gap:2px}
sl-input div[slot=help-text] > div sl-icon, sl-select div[slot=help-text] > div sl-icon{font-size:18px}
sl-input div[slot=help-text] > div.ok, sl-input div[slot=help-text] > div.valid, sl-select div[slot=help-text] > div.ok, sl-select div[slot=help-text] > div.valid{color:#2da54c}
sl-input div[slot=help-text] > div.fail, sl-input div[slot=help-text] > div.invalid, sl-select div[slot=help-text] > div.fail, sl-select div[slot=help-text] > div.invalid{color:#fb364b}
sl-input div[slot=help-text] > div.require, sl-select div[slot=help-text] > div.require{display:none; margin-left:4px; color:#fb364b}
sl-input.error::part(base), sl-select.error::part(base){border:1px solid #f4f5f8; background:#fff4f4}
sl-input.error div[slot=help-text], sl-select.error div[slot=help-text]{display:flex; color:#fb364b}
sl-input.error div[slot=help-text] > div, sl-select.error div[slot=help-text] > div{color:#fb364b}
sl-input.error div[slot=help-text] > div.require, sl-input.error div[slot=help-text] > div.require.error, sl-select.error div[slot=help-text] > div.require, sl-select.error div[slot=help-text] > div.require.error{display:flex}
sl-input::part(clear-button){transition:all 0.5s ease; opacity:0; visibility:hidden; pointer-events:none}
sl-input:focus::part(clear-button), sl-input:focus-within::part(clear-button){opacity:1; visibility:visible; pointer-events:auto}
sl-select[disabled], sl-select[readonly]{opacity:0.4}
sl-select[disabled]::part(combobox), sl-select[readonly]::part(combobox){opacity:1}
sl-select::part(listbox){margin-top:2px; padding:0; transition-duration:0.5s; max-height:288px; border-radius:12px; border:1px solid #000; background:#fff; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.1)}
sl-select sl-option::part(base){transition:all 0.4s ease; padding:20px 32px 20px 32px; color:#000; font-size:16px; font-style:normal; font-weight:400; line-height:150%; border-top:1px solid #e5e5e5}
sl-select sl-option::part(base):hover{background:#f4f5f8}
sl-select sl-option:first-child::part(base){border-top:none}
sl-select sl-option::part(checked-icon){display:none}
sl-select sl-option[aria-selected=true]::part(base), sl-select sl-option[tabindex="0"]::part(base){background-color:#ffcc00}
sl-select.error::part(combobox){border:1px solid #f4f5f8; background:#fff4f4}
sl-select.error::part(form-control-help-text){color:#fb364b}
sl-select.error[open]::part(combobox){border:1px solid #000; background:#fff; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.1)}
sl-popup{height:104px}
[class*=chevron-icon]{transition:all 0.3s ease}
[class*=chevron-icon].rotated{transform:rotate(180deg)}
[class*=chevron-icon].chevron-icon-search{opacity:0; visibility:hidden; pointer-events:none}
[class*=chevron-icon].chevron-icon-search.on{opacity:1; visibility:visible}
.search-dropdown sl-dropdown{width:100%}
.search-dropdown .dropdown-menu{margin-top:2px; padding:0; transition-duration:0.5s; max-height:288px !important; overflow-y:auto; border-radius:12px; border:1px solid #000; background:#fff; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.1)}
.search-dropdown .dropdown-menu ul{display:grid; grid-template-columns:repeat(3,1fr); align-items:stretch}
.search-dropdown .dropdown-menu ul li{transition:all 0.4s ease; position:relative; cursor:pointer; padding:20px 32px 20px; color:#000; font-size:16px; font-style:normal; font-weight:400; line-height:150%}
.search-dropdown .dropdown-menu ul li:hover{background:#f4f5f8}
.search-dropdown .dropdown-menu ul li.selected{background-color:#ffcc00}
.search-dropdown .dropdown-menu ul li::after{content:""; position:absolute; width:100%; height:1px; left:0; bottom:-1px; background-color:#ddd; z-index:1}
sl-radio::part(base){display:flex; align-items:center; gap:8px}
sl-radio::part(control){width:24px; height:24px; border:4px solid #cccccc; background-color:transparent}
sl-radio::part(control--checked){border:8px solid #000; background-color:transparent}
sl-radio::part(label){margin:0; color:#cccccc; font-size:20px; font-style:normal; font-weight:800; line-height:120%}
sl-radio::part(checked-icon){display:none}
sl-radio[aria-checked=true]::part(label){color:#000}
sl-checkbox::part(base){display:flex; align-items:center; gap:8px}
sl-checkbox::part(control){width:24px; height:24px; flex-shrink:0; background-color:#cccccc; border:none; border-radius:500px}
sl-checkbox::part(control--checked){background-color:#003495}
sl-checkbox::part(label){margin:0; color:#666666; font-size:20px; font-style:normal; font-weight:500; line-height:150%}
sl-checkbox[checked]::part(label){color:#000}
sl-checkbox[required]::part(label)::after{display:none}
sl-checkbox::part(checked-icon){display:none}
sl-checkbox .custom-icon{position:absolute; left:0; top:50%; transform:translateY(-50%)}
sl-checkbox.invert::part(control--checked){background-color:#fff; border:1px solid #003495}
sl-checkbox.invert[checked] .custom-icon path{stroke:#003495}
sl-checkbox.yellow::part(control--checked){background-color:#ffcc00}
sl-checkbox.green::part(control--checked){background-color:#2da54c}
sl-checkbox.purple::part(control--checked){background-color:#d151ff}
sl-checkbox.red::part(control--checked){background-color:#fb364b}
.profile-upload{display:flex; align-items:center; gap:24px}
.profile-upload .upload-box{transition:all 0.5s ease; position:relative; width:100px; height:100px; border-radius:12px; background-color:#f4f5f8; display:flex; align-items:center; justify-content:center; cursor:pointer; overflow:hidden}
.profile-upload .upload-box:hover{background-color:#eeeeee}
.profile-upload .upload-box .upload-placeholder{display:flex; flex-direction:column; align-items:center; color:rgba(0,0,0,0.4); font-weight:600; font-size:14px}
.profile-upload .upload-box input[type=file]{display:none}
.profile-upload .upload-box img{width:100%; height:100%; object-fit:cover; display:block}
.profile-upload .upload-box .remove-btn{position:absolute; top:4px; right:4px; background:white; border-radius:50%; width:24px; height:24px; cursor:pointer; box-shadow:0 0 5px rgba(0,0,0,0.1); display:none}
.profile-upload .upload-info .upload-text{transition:all 0.5s ease; color:rgba(0,0,0,0.4); font-size:20px; font-weight:600}
.profile-upload .upload-info .upload-desc{color:rgba(0,0,0,0.6); font-size:16px; font-style:normal; font-weight:300; line-height:150%}
.profile-upload.uploaded .upload-box{cursor:default}
.profile-upload.uploaded .upload-info .upload-text{color:black}
.profile-upload + div[slot=help-text]{display:none; margin-top:8px; color:#000; font-size:14px; font-style:normal; font-weight:300; line-height:120%}
.profile-upload.error .upload-box{background-color:#fff4f4}
.profile-upload.error + div[slot=help-text]{display:block; color:#fb364b}
.code-block .code-inputs{display:flex; justify-content:space-between}
.code-block .code-inputs input{transition-duration:0.5s; width:72px; height:80px; border-radius:8px; border:1px solid #e5e5e5; background:#f4f5f8; outline:none; color:#000; font-size:32px; font-style:normal; font-weight:600; line-height:120%; text-align:center}
.code-block .code-inputs input:not([disabled], [readonly]):hover, .code-block .code-inputs input:not([disabled], [readonly]):focus, .code-block .code-inputs input:not([disabled], [readonly]):focus-within{border:1px solid #000; background:#fff; box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1)}
.code-block .code-inputs input:not([disabled], [readonly]):not(:placeholder-shown){border:1px solid #000; background:#fff}
.code-block .error-message{margin-top:8px; color:#fb364b; font-size:14px; font-style:normal; font-weight:300; line-height:120%; height:18px}
.code-block .error-message span{display:none}
.code-block.has-error .error-message span{display:block}
.code-block.has-error .code-inputs input{border-color:#e74c3c}
.code-block sl-button{margin-top:32px}
.layer-tooltip{align-self:center; width:21px; height:20px; margin-top:-8px}
#consentId div[slot=help-text]{display:none; margin-bottom:16px; color:#000; font-size:14px; font-style:normal; font-weight:300; line-height:120%}
#consentId.error div[slot=help-text]{display:block; color:#fb364b}
.flatpickr-calendar{max-width:532px; border-radius:12px; border:1px solid #000; padding:40px 64px; box-shadow:none; display:flex !important; flex-direction:column; align-items:center; gap:32px}
.flatpickr-calendar::before, .flatpickr-calendar::after{display:none}
.flatpickr-calendar .flatpickr-months{min-width:400px; max-width:400px; justify-content:space-between; align-items:center}
.flatpickr-calendar .flatpickr-months > span{position:static}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month{position:static; display:flex; align-items:center; justify-content:center; gap:12px; width:100%; padding:0}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months{padding:0; padding:2px 24px 2px 4px; color:#000; text-align:center; font-size:28px; font-style:normal; font-weight:600; line-height:135%; appearance:none; background-image:url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 8.5L12.5 15.5L19.5 8.5" stroke="black" stroke-width="2.5"/></svg>'); background-repeat:no-repeat; background-position:right center; background-size:22px}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:transparent}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .arrowUp, .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .arrowDown{display:none}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper{display:contents}
.flatpickr-calendar .flatpickr-innerContainer{min-width:400px; max-width:400px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer{flex:1; display:flex; flex-direction:column; gap:16px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays{height:32px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer{height:100%; gap:12px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday{color:#000; text-align:center; font-size:16px; font-style:normal; font-weight:400; line-height:130%; text-transform:uppercase; border-bottom:1px solid #000}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday:nth-child(1){color:#fb364b; border-color:#fb364b}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday:nth-child(7){color:#004a8f; border-color:#004a8f}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days{width:100%}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer{width:100%; min-width:100%; max-width:100%; gap:12px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day{transition:all 0.4s ease; width:calc((100% - 72px) / 7); min-width:calc((100% - 72px) / 7); max-width:calc((100% - 72px) / 7); height:auto; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; border:none; color:#000; text-align:center; font-size:16px; font-style:normal; font-weight:700; line-height:130%}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover{background-color:rgba(255,204,0,0.3); color:#000}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:nth-child(7n+1){color:#fb364b}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:nth-child(7n){color:#004a8f}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.today{background-color:#e5e5e5}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.selected{background:#ffcc00; color:#000}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day[class*=MonthDay]{opacity:0.3}
.sl-toast-stack{position:fixed; top:unset; bottom:170px; left:50%; transform:translateX(-50%); z-index:10000; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px}
.sl-toast-stack sl-alert{width:100%}
.sl-toast-stack sl-alert::part(base){transition:all 0.5s ease; margin:0; gap:4px; border:none; border-radius:500px; background:rgba(0,0,0,0.6); box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.04); backdrop-filter:blur(12.5px); -webkit-backdrop-filter:blur(12.5px)}
.sl-toast-stack sl-alert::part(message){display:flex; padding:16px 40px; justify-content:center; align-items:center; gap:4px; color:#fff; text-align:center; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.dialog-link{cursor:pointer}
sl-dialog::part(overlay){background-color:rgba(0,0,0,0.8)}
sl-dialog::part(base){z-index:1000}
sl-dialog::part(panel){position:relative; max-width:480px; border-radius:12px}
sl-dialog::part(header){position:relative}
sl-dialog::part(title){display:none}
sl-dialog::part(header-actions){padding:0; position:absolute; right:8px; top:8px; z-index:1}
sl-dialog::part(body){padding:54px 32px 24px}
.dialog-alert-con{display:flex; flex-direction:column; gap:20px}
.dialog-alert-con .alert-con-title{display:flex; flex-direction:column; align-items:center; color:#000; text-align:center; font-size:28px; font-style:normal; font-weight:700; line-height:135%}
.dialog-alert-con .alert-con-title small{display:block; margin-top:4px; color:#666666; text-align:center; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.dialog-alert-con .alert-con-txt{color:#666666; text-align:center; font-family:Outfit; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.dialog-alert-con .alert-con-detail{margin-top:4px; padding:20px 24px; background-color:#f4f5f8; display:flex; flex-direction:column; gap:12px}
.dialog-alert-con .alert-con-detail dt{color:#000; font-size:16px; font-style:normal; font-weight:700; line-height:150%}
.dialog-alert-con .alert-con-detail dd{color:#666666; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.dialog-alert-con .alert-con-detail dd li{padding-left:8px; position:relative}
.dialog-alert-con .alert-con-detail dd li::before{content:""; position:absolute; left:0; top:0.75em; width:2px; height:2px; background-color:#666666}
.dialog-alert-con:has(.block-form){gap:24px}
.dialog-alert-con .block-form{margin:0; gap:16px}
.dialog-email::part(panel){max-width:902px; width:100%; margin:0 24px}
.dialog-email::part(body){padding:24px 40px 24px 24px}
.dialog-email .dialog-alert-con .alert-con-txt{color:#1a1a1a; text-align:left; font-size:16px; line-height:120%}
.dialog-email .dialog-alert-con .alert-con-txt br{display:none}
.dialog-index-notice::part(panel){max-width:464px}
.dialog-index-notice sl-carousel{width:400px; margin-bottom:48px}
.dialog-index-notice sl-carousel::part(base){--slide-spacing:3rem; gap:0; aspect-ratio:1/1.25}
.dialog-index-notice sl-carousel::part(scroll-container){gap:1rem}
.dialog-index-notice sl-carousel::part(pagination){position:absolute; bottom:-24px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:12px}
.dialog-index-notice sl-carousel::part(pagination-item){transition:all 0.3s ease; width:8px; height:8px; opacity:0.3; border-radius:0; background-color:#011740; position:relative}
.dialog-index-notice sl-carousel::part(pagination-item)::before{content:""; position:absolute; width:20px; aspect-ratio:1/1; left:50%; top:50%; transform:translate(-50%,-50%)}
.dialog-index-notice sl-carousel::part(pagination-item--active){width:40px; height:8px; opacity:1; box-shadow:0px 3px 4px 2px rgba(0,0,0,0.08); transform:none}
.dialog-index-notice sl-carousel sl-carousel-item{width:100%; height:100%}
.dialog-index-notice sl-carousel .link{display:block; width:100%; height:100%}
.dialog-index-notice sl-carousel .link > img{display:block; max-width:100%; width:100%; height:100%; object-fit:cover}
.dialog-index-notice .btn-set{display:flex; gap:16px; align-items:center}
.dialog-index-notice .btn-set sl-button{flex:1; width:calc(50% - 8px)}
.dialog-index-notice .btn-set sl-button::part(base){align-items:center}
.dialog-sponsor::part(panel){max-width:416px}
.dialog-sponsor .sponsor-data{display:flex; flex-direction:column; gap:20px}
.dialog-sponsor .sponsor-data .spon-logo{display:flex; width:100%; height:160px; padding:10px 0; justify-content:center; align-items:center; background:#f4f5f8}
.dialog-sponsor .sponsor-data .spon-logo img{width:160px; aspect-ratio:1/0.7; object-fit:contain; mix-blend-mode:multiply}
.dialog-sponsor .sponsor-data .spon-info{display:flex; flex-direction:column; gap:24px}
.dialog-sponsor .sponsor-data .spon-info h4{display:flex; flex-direction:column; gap:8px}
.dialog-sponsor .sponsor-data .spon-info h4 span{color:#000; font-size:28px; font-style:normal; font-weight:700; line-height:150%}
.dialog-sponsor .sponsor-data .spon-info h4 a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #003495; color:#003495; text-align:center; line-height:120%; margin:0; font-size:16px; font-style:normal; font-weight:700}
.dialog-sponsor .sponsor-data .spon-info ul a{background-color:#f4f5f8}
.dialog-sponsor .sponsor-data .spon-info ul a:hover{background-color:#eeeeee}
.dialog-sponsor .sponsor-data .spon-info ul a[title=X]::before{background-image:url("/images/apec_logo_social_x.svg")}
.dialog-sponsor .sponsor-data .spon-info ul a[title=Instagram]::before{background-image:url("/images/apec_logo_social_instagram.svg")}
.dialog-sponsor .sponsor-data .spon-info ul a[title=Youtube]::before{background-image:url("/images/apec_logo_social_youTube.svg")}
.dialog-sponsor .sponsor-data .spon-info ul a[title=Facebook]::before{background-image:url("/images/apec_logo_social_facebook.svg")}
.dialog-sponsor .sponsor-data .spon-info .spon-info-txt{max-height:220px; overflow-y:auto; color:#666666; font-size:16px; font-style:normal; font-weight:300; line-height:150%; word-break:break-word}
.dialog-service::part(panel){overflow:hidden; max-height:840px}
.dialog-service::part(header){position:static; align-items:center; background-color:#f4f5f8; padding:12px 16px 12px 32px}
.dialog-service::part(title){display:block; padding:0; color:#000; font-size:20px; font-style:normal; font-weight:600; line-height:120%}
.dialog-service::part(header-actions){padding:0}
.dialog-service::part(body){position:relative; padding:24px 32px; overflow-x:hidden}
.dialog-service::part(footer){padding:16px 32px; background-color:#f4f5f8}
.dialog-service .contents{display:flex; flex-direction:column; gap:32px; color:#666666; font-size:16px; font-style:normal; font-weight:300; line-height:150%}
.dialog-service .contents .article{display:flex; flex-direction:column; gap:12px}
.dialog-service .contents .article h3{color:#000; font-size:16px; font-style:normal; font-weight:800; line-height:120%}
.dialog-service .contents .article .title, .dialog-service .contents .article h4{position:relative; padding-left:8px; color:#000; font-size:16px; font-style:normal; font-weight:600; line-height:120%}
.dialog-service .contents .article .title::before, .dialog-service .contents .article h4::before{content:""; position:absolute; left:0; top:calc(0.6em - 2px); width:4px; aspect-ratio:1/1; border-radius:50%; background-color:#000}
.dialog-service .contents .article ol{display:flex; flex-direction:column; gap:16px}
.dialog-service .contents .article ol li:nth-child(1)::before{content:"1. "}
.dialog-service .contents .article ol li:nth-child(2)::before{content:"2. "}
.dialog-service .contents .article ol li:nth-child(3)::before{content:"3. "}
.dialog-service .contents .article ol li:nth-child(4)::before{content:"4. "}
.dialog-service .contents .article ol li:nth-child(5)::before{content:"5. "}
.dialog-service .contents .article ol li:nth-child(6)::before{content:"6. "}
.dialog-service .contents .article ol li:nth-child(7)::before{content:"7. "}
.dialog-service .contents .article ol li:nth-child(8)::before{content:"8. "}
.dialog-service .contents .article ol li:nth-child(9)::before{content:"9. "}
.dialog-service .contents .article ol li:nth-child(10)::before{content:"10. "}
.dialog-service .contents .article ol li:nth-child(11)::before{content:"11. "}
.dialog-service .contents .article ol li:nth-child(12)::before{content:"12. "}
.dialog-service .contents .article ol li:nth-child(13)::before{content:"13. "}
.dialog-service .contents .article ol li:nth-child(14)::before{content:"14. "}
.dialog-service .contents .article ol li:nth-child(15)::before{content:"15. "}
.dialog-service .contents .article ol li:nth-child(16)::before{content:"16. "}
.dialog-service .contents .article ol li:nth-child(17)::before{content:"17. "}
.dialog-service .contents .article ol li:nth-child(18)::before{content:"18. "}
.dialog-service .contents .article ol li:nth-child(19)::before{content:"19. "}
.dialog-service .contents .article ol li:nth-child(20)::before{content:"20. "}
.dialog-service .contents .article ol li div.container{padding-top:12px; display:flex; flex-direction:column; gap:12px; margin-bottom:20px}
.dialog-service .contents .article ol li ol{padding-top:16px}
.dialog-service .contents .article ol li ol li:nth-child(1)::before{content:"1) "}
.dialog-service .contents .article ol li ol li:nth-child(2)::before{content:"2) "}
.dialog-service .contents .article ol li ol li:nth-child(3)::before{content:"3) "}
.dialog-service .contents .article ol li ol li:nth-child(4)::before{content:"4) "}
.dialog-service .contents .article ol li ol li:nth-child(5)::before{content:"5) "}
.dialog-service .contents .article ol li ol li:nth-child(6)::before{content:"6) "}
.dialog-service .contents .article ol li ol li:nth-child(7)::before{content:"7) "}
.dialog-service .contents .article ol li ol li:nth-child(8)::before{content:"8) "}
.dialog-service .contents .article ol li ol li:nth-child(9)::before{content:"9) "}
.dialog-service .contents .article ol li ol li:nth-child(10)::before{content:"10) "}
.dialog-service .contents .article ol li ol li:nth-child(11)::before{content:"11) "}
.dialog-service .contents .article ol li ol li:nth-child(12)::before{content:"12) "}
.dialog-service .contents .article ol li ol li:nth-child(13)::before{content:"13) "}
.dialog-service .contents .article ol li ol li:nth-child(14)::before{content:"14) "}
.dialog-service .contents .article ol li ol li:nth-child(15)::before{content:"15) "}
.dialog-service .contents .article ol li ol li:nth-child(16)::before{content:"16) "}
.dialog-service .contents .article ol li ol li:nth-child(17)::before{content:"17) "}
.dialog-service .contents .article ol li ol li:nth-child(18)::before{content:"18) "}
.dialog-service .contents .article ol li ol li:nth-child(19)::before{content:"19) "}
.dialog-service .contents .article ol li ol li:nth-child(20)::before{content:"20) "}
.dialog-service .contents .article ol li ol li{padding-left:16px}
.dialog-service .contents .article ol li ol li ol li:nth-child(1)::before{content:"① "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(2)::before{content:"② "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(3)::before{content:"③ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(4)::before{content:"④ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(5)::before{content:"⑤ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(6)::before{content:"⑥ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(7)::before{content:"⑦ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(8)::before{content:"⑧ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(9)::before{content:"⑨ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(10)::before{content:"⑩ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(11)::before{content:"⑪ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(12)::before{content:"⑫ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(13)::before{content:"⑬ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(14)::before{content:"⑭ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(15)::before{content:"⑮ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(16)::before{content:"⑯ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(17)::before{content:"⑰ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(18)::before{content:"⑱ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(19)::before{content:"⑲ "; font-weight:400}
.dialog-service .contents .article ol li ol li ol li:nth-child(20)::before{content:"⑳ "; font-weight:400}
.dialog-service .contents .article .table-container .table-wrapper{overflow-x:auto; -webkit-overflow-scrolling:touch; position:absolute; width:100%; left:0; padding:0 32px}
.dialog-service .contents .article .table-container table{border-collapse:collapse; width:100%; min-width:600px}
.dialog-service .contents .article .table-container table th, .dialog-service .contents .article .table-container table td{border:1px solid #cccccc}
.dialog-service .contents .article .table-container table th{padding:24px; color:#1a1a1a; text-align:center; font-size:16px; font-style:normal; font-weight:500; line-height:150%; background-color:#e5e5e5}
.dialog-service .contents .article .table-container table td{padding:12px 24px; vertical-align:top; color:#666666; font-size:16px; font-style:normal; font-weight:300; line-height:150%}
.dialog-service .contents .article .table-container .shadow-table{visibility:hidden; pointer-events:none; position:static; height:auto}
.dialog-service .contents .article .box-txt{padding:20px 16px; border:1px solid #cccccc; display:flex; flex-direction:column; gap:16px}
.dialog-service .contents .article .box-txt h4{color:#1a1a1a; text-align:center; font-weight:700}
.dialog-service .contents .article .box-txt h4::before{display:none}
.dialog-service .contents .article .box-txt ol li:has(> span)::before{color:#1a1a1a; font-style:normal; font-weight:500; line-height:150%}
.dialog-service .contents .article .box-txt ol li:has(> span) > span{color:#1a1a1a; font-style:normal; font-weight:500; line-height:150%}
.dialog-service .contents .article .box-txt ol li:has(> span) .container{gap:8px}
.dialog-service .contents .article a{color:#003495; text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:auto; text-decoration-thickness:auto; text-underline-offset:auto; text-underline-position:from-font}
.dialog-service .contents:has(.contact-info){gap:20px; color:#000}
.dialog-service .contents .article.contact-info{gap:8px; padding-top:20px; border-top:1px solid #cccccc}
.dialog-service .contents .article.contact-info .title, .dialog-service .contents .article.contact-info h4{padding-left:0; font-weight:700; line-height:150%}
.dialog-service .contents .article.contact-info .title::before, .dialog-service .contents .article.contact-info h4::before{display:none}
.dialog-service .contents .article.contact-info ul{gap:0}
.dialog-service .contents .article.contact-info ul li{color:#666666; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.dialog-service .contents .article.contact-info ul li::before{min-width:unset; text-align:left}
:where(.block-form-complete) .dialog-alert-con{gap:24px}
:where(.block-form-complete) .dialog-alert-con .alert-con-title{gap:16px; font-size:40px; font-weight:600; line-height:120%}
:where(.block-form-complete) .dialog-alert-con .alert-con-txt{color:#333333; font-size:24px; font-weight:600; line-height:120%}
:where(.block-form-complete) .dialog-alert-con .alert-con-txtsm{padding-top:8px; color:#333333; font-size:20px; font-weight:600; line-height:120%; text-align:center}
:where(.block-form-complete) .dialog-alert-con .alert-con-txtsm br{display:none}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail{margin-top:8px; padding:32px 40px; gap:12px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dt{color:#333333; font-size:20px; font-weight:500; line-height:150%}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd{color:#000; font-size:16px; font-style:normal; font-weight:300; line-height:150%}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd ul{display:flex; flex-direction:column; gap:12px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd ul li{padding-left:12px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd ul li::before{top:0.75em; background-color:#000}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact{margin-top:0; border-radius:8px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact dt{color:#000; font-weight:600; line-height:120%}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact dd{font-size:14px; font-weight:500}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact dd ul{display:flex; flex-direction:row; flex-wrap:wrap; gap:4px 28px}
.lottie{width:80px; height:80px; aspect-ratio:1/1}
sl-dropdown.tooltip button{display:block; padding:4px}
sl-dropdown.tooltip::part(panel){display:flex; max-width:240px; padding:12px; align-items:flex-start; gap:4px; border-radius:8px; border:1px solid #999999; background:#fff; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.08)}
sl-dropdown.tooltip .tooltip-con{color:#1a1a1a; font-size:14px; font-style:normal; font-weight:500; line-height:120%}
.dimmed{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); z-index:999; transition:all 0.2s}
.dimmed[hidden]{opacity:0; visibility:hidden}
.list-loading-ic{transition:all 0.3s ease; width:100%; padding:0 0 80px; grid-column:1/-1; display:flex; justify-content:center; align-items:center; pointer-events:none; position:inherit}
.list-loading-ic[hidden]{opacity:0; visibility:hidden}
.list-loading-ic.loading-page{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1000; transition:all 0.2s}
.my-badge{display:flex; justify-content:center; align-items:center; width:fit-content; border-radius:100px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); text-align:center; font-style:normal; font-weight:600; line-height:120%; background:rgba(0,52,149,0.8); color:#fff; min-height:27px; padding:0 20px; font-size:16px}
.my-badge[variant=delegate]{background:rgba(0,52,149,0.8); color:#fff}
.my-badge[variant=accompany]{background:rgba(251,54,75,0.8); color:#fff}
.my-badge[variant=staffer]{background:rgba(255,204,0,0.8); color:#000}
:where(.profile-delegate) .my-badge{min-height:40px; padding:0 28px; font-size:20px}
:where(.bl-payment) .my-badge{border-radius:4px; min-height:25px !important; padding:0 12px !important; font-size:14px !important}
.my-status{display:flex; flex-direction:column; gap:4px; padding:0 28px}
.my-status li{display:flex; align-items:center; align-self:stretch; justify-content:center; gap:16px; min-height:48px; padding:0 20px; background-color:#f4f5f8; border-radius:100px}
.my-status li label{min-width:calc(50% - 16px); flex-shrink:0}
.my-status li .status{min-width:50%}
.my-status[size=large]{flex-direction:row; gap:1px; justify-content:center; padding:0}
.my-status[size=large] li{background-color:#fff; border-radius:0; padding:0 28px 0 20px}
.my-status[size=large] li:first-child{border-top-left-radius:100px; border-bottom-left-radius:100px}
.my-status[size=large] li:last-child{border-top-right-radius:100px; border-bottom-right-radius:100px}
.my-status .status{flex-shrink:0; display:flex; gap:4px; align-items:center; font-size:14px; font-style:normal; font-weight:600; line-height:120%}
.my-status .status::before{flex-shrink:0; content:""; width:24px; aspect-ratio:1/1; border-radius:50%; background-repeat:no-repeat; background-size:cover; background-image:url("/images/apec_ic_check.svg")}
.my-status .status[variant=default]{color:#999999}
.my-status .status[variant=default]::before{background-color:#cccccc}
.my-status .status[variant=success]{color:#2da54c}
.my-status .status[variant=success]::before{background-color:#2da54c}
.my-status .status[variant=pending]{color:#003495}
.my-status .status[variant=pending]::before{background-image:url("/images/apec_ic_check_pending.svg"); background-color:#003495}
.my-status .status:has(sl-button)::before{display:none}
.my-status[size=large] .status{font-size:16px}
.my-status label{display:flex; align-items:center; gap:8px; color:#333333; font-size:16px; font-style:normal; font-weight:600; line-height:120%}
.my-status label::before{content:"•"; padding-left:4px}
.my-status[size=large] label{font-size:20px}
.profile-delegate{display:flex; flex-direction:column; gap:32px; width:100%; padding:20px}
.profile-delegate .my-msg{margin-top:-20px; color:#000; text-align:center; font-size:16px; font-style:normal; font-weight:700; line-height:150%}
.profile-delegate .my-msg::before{content:"*"; position:relative; top:-4px; padding:0 2px; color:#fb364b; font-size:16px; font-style:normal; font-weight:800; line-height:115%}
.profile-accompany{display:flex; align-items:flex-start; gap:24px; width:100%}
.profile-accompany > li{position:relative; flex:1; display:flex; flex-direction:column; gap:20px; padding:40px 12px 20px; background-color:#fff; border-radius:20px}
.profile-accompany .my-alert{position:absolute; bottom:0; left:50%; transform:translate(-50%, calc(100% - 4px)); min-width:340px; display:flex; padding:4px 16px; justify-content:center; align-items:center; border-radius:500px; background:#666666; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.15); color:#fff; text-align:center; font-size:14px; font-style:normal; font-weight:500; line-height:150%; z-index:1}
.profile-accompany .my-alert::before{content:""; position:absolute; top:-6px; width:0; height:0; border-style:solid; border-width:0 5px 6px; border-color:transparent transparent #666666 transparent}
.profile-accompany .my-alert.hidden{display:none}
.profile-accompany > li:has(> .my-profile-empty){padding:56px 12px 40px; cursor:pointer}
.profile-accompany > li:has(> .my-profile-empty)[disabled]{opacity:0.4; cursor:default}
.profile-accompany > li:has(> .my-profile-empty) .my-profile-empty{display:flex; flex-direction:column; align-items:center; gap:24px}
.profile-accompany > li:has(> .my-profile-empty) .my-profile-empty i{transition:all 0.3s ease; width:80px; aspect-ratio:1/1; background-color:#f4f5f8; border-radius:50%; background-image:url("/images/apec_ic_plus.svg"); background-position:center; background-repeat:no-repeat}
.profile-accompany > li:has(> .my-profile-empty) .my-profile-empty span{color:#000; text-align:center; font-size:24px; font-style:normal; font-weight:600; line-height:120%; min-height:60px; display:flex; justify-content:center; align-items:center}
.profile-accompany > li:has(> .my-profile-empty):hover .my-profile-empty i{background-color:#e5e5e5}
.my-profile{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center}
.my-profile img{width:80px; aspect-ratio:1/1; object-fit:cover; object-position:center; border-radius:50%}
.my-profile .my-badge{margin-top:-8px}
.my-profile .profile-name{position:relative; width:100%; padding-top:12px; color:#000; text-align:center; font-size:24px; font-style:normal; font-weight:600; line-height:120%}
.my-profile .profile-name::before{content:"placeholde"; visibility:hidden}
.my-profile .profile-name span{position:absolute; left:0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
:where(.profile-delegate) .my-profile > a{transition:all 0.3s ease; position:absolute; right:calc(50% - 70px); top:0; width:32px; aspect-ratio:1/1; display:flex; padding:4px; justify-content:center; align-items:center; border-radius:50%; background-color:rgba(255,255,255,0.8); box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.05)}
:where(.profile-delegate) .my-profile > a:hover{background-color:white; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.3)}
:where(.profile-delegate) .my-profile img{width:140px}
:where(.profile-delegate) .my-profile .my-badge{margin-top:-16px}
:where(.profile-delegate) .my-profile .profile-name{display:flex; flex-direction:column; gap:4px; padding-top:8px; font-size:40px}
:where(.profile-delegate) .my-profile .profile-name > a{text-align:center; font-size:16px; font-style:normal; font-weight:600; line-height:120%; text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:auto; text-decoration-thickness:auto; text-underline-offset:auto; text-underline-position:from-font}
.block-list-program{display:flex; align-items:stretch; gap:24px; color:#fff}
.block-list-program dt{flex-shrink:0; width:92px; padding:32px 0; border-bottom:1px solid rgba(255,255,255,0.4)}
.block-list-program dd{flex:1; position:relative; padding:32px 0}
.block-list-program dd > ul{width:100%; display:flex; align-items:stretch; gap:24px; flex-wrap:wrap}
.block-list-program dd > ul > li{flex-basis:calc((100% - 48px) / 3); max-width:calc((100% - 48px) / 3); width:calc((100% - 48px) / 3); position:relative; display:flex; flex-direction:column; padding:28px 56px 28px 32px; align-items:flex-start; gap:4px}
.block-list-program dd > ul > li sl-icon{transition:all 0.3s ease; flex-shrink:0}
.block-list-program dd > ul > li a.item-bg{transition:all 0.3s ease; position:absolute; left:0; top:0; background:#0042be; background-blend-mode:lighten; width:100%; height:100%; cursor:default}
.block-list-program dd > ul > li a.item-bg:hover{background:#0755e7; box-shadow:0px 12px 32px 0px rgba(0,0,0,0.04)}
.block-list-program dd > ul > li a.item-bg.dialog-link{cursor:pointer}
.block-list-program dd > ul > li > *{position:relative; z-index:2}
.block-list-program dd > ul > li > *:not(a){pointer-events:none}
.block-list-program dd > ul > li .prgm-time{color:#fff; font-size:16px; font-weight:700; line-height:150%; opacity:0.5}
.block-list-program dd > ul > li .prgm-title{color:#fff; font-size:20px; font-weight:800; line-height:120%}
.block-list-program dd > ul > li a:has(sl-icon[name=geo-alt]){transition:all 0.3s ease; display:flex; margin-top:12px; align-items:center; gap:4px; color:#ffcc00; font-size:16px; font-weight:500; line-height:150%}
.block-list-program dd > ul > li a:has(sl-icon[name=geo-alt]):hover{color:rgb(255,209.1,25.5)}
.block-list-program dd > ul > li > sl-icon{position:absolute; right:16px; top:50%; transform:translateY(-50%); opacity:0.4}
.block-list-program dd > ul > li:has(a.item-bg:hover) > sl-icon{opacity:1}
.block-list-program dd .lines{position:absolute; bottom:0; width:100%; height:1px; display:flex; gap:24px}
.block-list-program dd .lines span{flex-basis:calc((100% - 48px) / 3); background-color:rgba(255,255,255,0.4); height:1px}
sl-carousel:has(.block-list-speakers){margin-bottom:110px}
sl-carousel:has(.block-list-speakers)::part(base){--slide-spacing:3rem; gap:0}
sl-carousel:has(.block-list-speakers)::part(scroll-container){gap:4rem}
sl-carousel:has(.block-list-speakers)::part(pagination){position:absolute; bottom:-80px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:12px}
sl-carousel:has(.block-list-speakers)::part(pagination-item){transition:all 0.3s ease; width:6px; height:6px; opacity:0.4; border-radius:0; background-color:#fff}
sl-carousel:has(.block-list-speakers)::part(pagination-item--active){width:20px; height:6px; opacity:1; box-shadow:0px 3px 4px 2px rgba(0,0,0,0.2)}
sl-carousel:has(.block-list-speakers)::part(navigation-button){color:#fff}
sl-carousel-item:has(.block-list-speakers){justify-content:flex-start; min-height:100%}
.block-list-speakers{display:flex; flex-wrap:wrap; gap:72px 24px; width:100%}
.block-list-speakers > li{position:relative; flex-basis:calc((100% - 72px) / 4); max-width:calc((100% - 72px) / 4); width:calc((100% - 72px) / 4); aspect-ratio:1/1.518518}
.block-list-speakers > li > a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.block-list-speakers > li > .spkr-img{position:absolute; top:0; width:100%; aspect-ratio:1/1.25; overflow:hidden; -webkit-mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 24%)}
.block-list-speakers > li > .spkr-img::before{transition:all 0.5s ease; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#003495; opacity:0.4; z-index:1}
.block-list-speakers > li > .spkr-img img{transition:all 0.5s ease; width:100%; height:100%; object-fit:cover; object-position:center}
.block-list-speakers > li > .spkr-img:has([src*=profile_noimg])::before{display:none}
.block-list-speakers > li > .spkr-info{position:absolute; bottom:0; width:100%; padding:0 24px; display:flex; flex-direction:column}
.block-list-speakers > li > .spkr-info > h5{color:#fff; font-size:24px; font-weight:700; line-height:130%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal}
.block-list-speakers > li > .spkr-info > span{color:rgba(255,255,255,0.5); font-size:16px; font-weight:500; line-height:150%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.block-list-speakers > li > .spkr-info > em{color:#ffcc00; font-size:20px; font-style:normal; font-weight:500; line-height:150%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.block-list-speakers > li > .spkr-info > ul{margin-top:16px; display:flex; gap:12px}
.block-list-speakers > li > .spkr-info > ul li{transition:all 0.3s ease; position:relative; color:#fff; font-size:14px; font-weight:700; line-height:120%; opacity:0.2; padding-bottom:4px}
.block-list-speakers > li > .spkr-info > ul li::after{transition:all 0.3s ease; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#fff}
.block-list-speakers > li > .spkr-info > ul li.active{opacity:1}
.block-list-speakers > li > .spkr-info > ul li.active::before{height:2px}
.block-list-speakers > li:has(> a:hover) > .spkr-img img{transform:scale(1.1)}
.block-list-speakers > li:has(> a:hover) > .spkr-img::before{opacity:0}
:where(.program-speakers) .block-list-speakers{gap:20px; width:100%}
:where(.program-speakers) .block-list-speakers > li{flex-basis:166px; max-width:166px; width:166px; aspect-ratio:1/1.403614}
:where(.program-speakers) .block-list-speakers > li > .spkr-info{padding:0 12px; gap:4px}
:where(.program-speakers) .block-list-speakers > li > .spkr-info > h5{color:#fff; font-size:16px; font-style:normal; font-weight:700; line-height:150%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal}
:where(.program-speakers) .block-list-speakers > li > .spkr-info > em{color:#ffcc00; font-size:14px; font-style:normal; font-weight:300; line-height:120%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.block-list-media{display:flex; flex-wrap:wrap; gap:24px; width:100%; margin-bottom:48px}
.block-list-media > li{overflow:hidden; position:relative; flex-basis:calc((100% - 48px) / 3); max-width:calc((100% - 48px) / 3); width:calc((100% - 48px) / 3); aspect-ratio:1/1.25}
.block-list-media > li > a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.block-list-media > li > .item-img{transition:all 0.5s ease; pointer-events:none; position:absolute; top:0; width:100%; aspect-ratio:1/1.25; overflow:hidden}
.block-list-media > li > .item-img::before{transition:all 0.5s ease; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, #003495 0%, rgba(0,52,149,0) 50%); opacity:1}
.block-list-media > li > .item-img::after{transition:all 0.5s ease; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, #003495 0%, rgba(0,52,149,0.8) 100%); opacity:0}
.block-list-media > li > .item-img img{transition:all 0.5s ease; width:100%; height:100%; object-fit:cover; object-position:center}
.block-list-media > li > .item-info{transition:all 0.5s ease; pointer-events:none; position:absolute; bottom:20px; width:100%; padding:0 40px; display:flex; flex-direction:column; gap:8px; z-index:1}
.block-list-media > li > .item-info > h5{color:#fff; font-size:24px; font-weight:600; line-height:120%}
.block-list-media > li > .item-info > span{position:absolute; bottom:0; left:40px; right:40px; transform:translateY(calc(100% + 16px)); color:rgba(255,255,255,0.5); font-size:20px; font-weight:300; line-height:120%; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:6}
.block-list-media > li > .item-info > em{color:#ffcc00; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.block-list-media > li > .item-more{transition:all 0.5s ease; position:absolute; bottom:-100%; top:unset; left:40px; width:fit-content; height:fit-content; color:#fff; font-size:20px; font-weight:700; line-height:150%; text-decoration:underline}
.block-list-media > li:has(> a:hover) > .item-img::before{opacity:0.5}
.block-list-media > li:has(> a:hover) > .item-img::after{opacity:1}
.block-list-media > li:has(> a:hover) > .item-info{bottom:100%; transform:translateY(calc(100% + 40px))}
.block-list-media > li:has(> a:hover) > .item-more{bottom:30px}
.block-list-sponsors{display:flex; flex-wrap:wrap; gap:24px; width:100%; margin:48px 0; justify-content:center}
.block-list-sponsors > li{overflow:hidden; flex-basis:calc((100% - 120px) / 6); max-width:calc((100% - 120px) / 6); width:calc((100% - 120px) / 6); aspect-ratio:2/1; background-color:#fff; border-radius:12px; padding:20px}
.block-list-sponsors > li > .item-img{transition:all 0.5s ease; pointer-events:none; width:100%; height:100%; overflow:hidden}
.block-list-sponsors > li > .item-img img{transition:all 0.5s ease; width:100%; height:100%; object-fit:contain; object-position:center}
.block-list-session{display:flex; flex-direction:column; gap:16px}
.block-list-session > li{display:flex; flex-direction:column; gap:8px; padding:32px 28px; background:rgba(0,66,190,0.4); background-blend-mode:lighten}
.block-list-session > li:nth-child(even){background:rgba(0,66,190,0.2); background-blend-mode:lighten}
.block-list-session > li .list-title{color:#fff; font-size:20px; font-style:normal; font-weight:800; line-height:120%}
.block-list-session > li .basic-info li{font-size:16px !important}
[class*=block-form]{max-width:1080px; margin:0 auto; display:flex; flex-direction:column; gap:24px}
[class*=block-form] .row-header{display:flex; flex-direction:column; align-items:center; gap:4px; margin-top:12px}
[class*=block-form] .row-header.inline{flex-direction:row; justify-content:center; gap:4px}
[class*=block-form] .row-header h3{color:#000; text-align:center; font-size:40px; font-style:normal; font-weight:600; line-height:120%}
[class*=block-form] .row-header h4{color:rgba(0,0,0,0.8); text-align:center; font-size:24px; font-style:normal; font-weight:700; line-height:150%}
[class*=block-form] .row-header .sub-head{color:rgba(0,0,0,0.8); text-align:center; font-size:24px; font-style:normal; font-weight:700; line-height:150%}
[class*=block-form] .row-header > span{color:#000; text-align:center; font-size:20px; font-style:normal; font-weight:300; line-height:120%}
[class*=block-form] .row-header small{color:rgba(0,0,0,0.8); text-align:center; font-size:16px; font-style:normal; font-weight:300; line-height:150%}
[class*=block-form] .row-header small.gray{color:#666666; font-weight:500}
[class*=block-form] .row-header em{color:rgba(0,0,0,0.8); text-align:center; font-size:16px; font-style:normal; font-weight:600; line-height:120%}
[class*=block-form] .row-header em > a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #004a8f; color:#004a8f; text-align:center; line-height:120%; display:inline; margin:0}
[class*=block-form] .row-header .star::before{content:"*"; position:relative; top:-4px; padding:0 2px; color:#fb364b; font-size:16px; font-style:normal; font-weight:800; line-height:115%}
[class*=block-form] .row-header br{display:none}
[class*=block-form] .row{display:flex; gap:16px}
[class*=block-form] .row > *{flex:1}
[class*=block-form] .row > *.w1{max-width:1%}
[class*=block-form] .row > *.w2{max-width:2%}
[class*=block-form] .row > *.w3{max-width:3%}
[class*=block-form] .row > *.w4{max-width:4%}
[class*=block-form] .row > *.w5{max-width:5%}
[class*=block-form] .row > *.w6{max-width:6%}
[class*=block-form] .row > *.w7{max-width:7%}
[class*=block-form] .row > *.w8{max-width:8%}
[class*=block-form] .row > *.w9{max-width:9%}
[class*=block-form] .row > *.w10{max-width:10%}
[class*=block-form] .row > *.w11{max-width:11%}
[class*=block-form] .row > *.w12{max-width:12%}
[class*=block-form] .row > *.w13{max-width:13%}
[class*=block-form] .row > *.w14{max-width:14%}
[class*=block-form] .row > *.w15{max-width:15%}
[class*=block-form] .row > *.w16{max-width:16%}
[class*=block-form] .row > *.w17{max-width:17%}
[class*=block-form] .row > *.w18{max-width:18%}
[class*=block-form] .row > *.w19{max-width:19%}
[class*=block-form] .row > *.w20{max-width:20%}
[class*=block-form] .row > *.w21{max-width:21%}
[class*=block-form] .row > *.w22{max-width:22%}
[class*=block-form] .row > *.w23{max-width:23%}
[class*=block-form] .row > *.w24{max-width:24%}
[class*=block-form] .row > *.w25{max-width:25%}
[class*=block-form] .row > *.w26{max-width:26%}
[class*=block-form] .row > *.w27{max-width:27%}
[class*=block-form] .row > *.w28{max-width:28%}
[class*=block-form] .row > *.w29{max-width:29%}
[class*=block-form] .row > *.w30{max-width:30%}
[class*=block-form] .row > *.w31{max-width:31%}
[class*=block-form] .row > *.w32{max-width:32%}
[class*=block-form] .row > *.w33{max-width:33%}
[class*=block-form] .row > *.w34{max-width:34%}
[class*=block-form] .row > *.w35{max-width:35%}
[class*=block-form] .row > *.w36{max-width:36%}
[class*=block-form] .row > *.w37{max-width:37%}
[class*=block-form] .row > *.w38{max-width:38%}
[class*=block-form] .row > *.w39{max-width:39%}
[class*=block-form] .row > *.w40{max-width:40%}
[class*=block-form] .row > *.w41{max-width:41%}
[class*=block-form] .row > *.w42{max-width:42%}
[class*=block-form] .row > *.w43{max-width:43%}
[class*=block-form] .row > *.w44{max-width:44%}
[class*=block-form] .row > *.w45{max-width:45%}
[class*=block-form] .row > *.w46{max-width:46%}
[class*=block-form] .row > *.w47{max-width:47%}
[class*=block-form] .row > *.w48{max-width:48%}
[class*=block-form] .row > *.w49{max-width:49%}
[class*=block-form] .row > *.w50{max-width:50%}
[class*=block-form] .row > *.w51{max-width:51%}
[class*=block-form] .row > *.w52{max-width:52%}
[class*=block-form] .row > *.w53{max-width:53%}
[class*=block-form] .row > *.w54{max-width:54%}
[class*=block-form] .row > *.w55{max-width:55%}
[class*=block-form] .row > *.w56{max-width:56%}
[class*=block-form] .row > *.w57{max-width:57%}
[class*=block-form] .row > *.w58{max-width:58%}
[class*=block-form] .row > *.w59{max-width:59%}
[class*=block-form] .row > *.w60{max-width:60%}
[class*=block-form] .row > *.w61{max-width:61%}
[class*=block-form] .row > *.w62{max-width:62%}
[class*=block-form] .row > *.w63{max-width:63%}
[class*=block-form] .row > *.w64{max-width:64%}
[class*=block-form] .row > *.w65{max-width:65%}
[class*=block-form] .row > *.w66{max-width:66%}
[class*=block-form] .row > *.w67{max-width:67%}
[class*=block-form] .row > *.w68{max-width:68%}
[class*=block-form] .row > *.w69{max-width:69%}
[class*=block-form] .row > *.w70{max-width:70%}
[class*=block-form] .row > *.w71{max-width:71%}
[class*=block-form] .row > *.w72{max-width:72%}
[class*=block-form] .row > *.w73{max-width:73%}
[class*=block-form] .row > *.w74{max-width:74%}
[class*=block-form] .row > *.w75{max-width:75%}
[class*=block-form] .row > *.w76{max-width:76%}
[class*=block-form] .row > *.w77{max-width:77%}
[class*=block-form] .row > *.w78{max-width:78%}
[class*=block-form] .row > *.w79{max-width:79%}
[class*=block-form] .row > *.w80{max-width:80%}
[class*=block-form] .row > *.w81{max-width:81%}
[class*=block-form] .row > *.w82{max-width:82%}
[class*=block-form] .row > *.w83{max-width:83%}
[class*=block-form] .row > *.w84{max-width:84%}
[class*=block-form] .row > *.w85{max-width:85%}
[class*=block-form] .row > *.w86{max-width:86%}
[class*=block-form] .row > *.w87{max-width:87%}
[class*=block-form] .row > *.w88{max-width:88%}
[class*=block-form] .row > *.w89{max-width:89%}
[class*=block-form] .row > *.w90{max-width:90%}
[class*=block-form] .row > *.w91{max-width:91%}
[class*=block-form] .row > *.w92{max-width:92%}
[class*=block-form] .row > *.w93{max-width:93%}
[class*=block-form] .row > *.w94{max-width:94%}
[class*=block-form] .row > *.w95{max-width:95%}
[class*=block-form] .row > *.w96{max-width:96%}
[class*=block-form] .row > *.w97{max-width:97%}
[class*=block-form] .row > *.w98{max-width:98%}
[class*=block-form] .row > *.w99{max-width:99%}
[class*=block-form] .row > *.w100{max-width:100%}
[class*=block-form] .row-title{display:flex; gap:4px; align-items:baseline; margin-top:36px; color:#333333; font-size:24px; font-style:normal; font-weight:700; line-height:150%}
[class*=block-form] .row-title small{font-size:16px; font-weight:500}
[class*=block-form] .row-title small::after{content:"*"; position:relative; top:-4px; padding:0 2px; color:#fb364b; font-size:16px; font-style:normal; font-weight:800; line-height:115%}
[class*=block-form] .row-full{position:relative; z-index:0}
[class*=block-form] .row-full::before{transition:all 0.5s ease; content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(100vw - 15px); height:100%; z-index:-1; background-color:#f4f5f8}
[class*=block-form] .row-full .row-full-container{width:100%; padding:24px 0; display:flex; gap:16px; align-items:center}
[class*=block-form] .row-full .row-full-container sl-checkbox::part(base){gap:0}
[class*=block-form] .row-full .row-full-container p{transition:all 0.5s ease; color:#666666; font-size:20px; font-style:normal; font-weight:500; line-height:150%}
[class*=block-form] .row-full .row-full-container p em{transition:all 0.5s ease; display:block; color:#333333; font-size:20px; font-style:normal; font-weight:600; line-height:120%}
[class*=block-form] .row-full .row-full-container p em::after{content:"*"; position:relative; top:-4px; padding:0 2px; color:#fb364b; font-size:16px; font-style:normal; font-weight:800; line-height:115%}
[class*=block-form] .row-full .row-full-container p em a{transition:all 0.5s ease; transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #333333; color:#333333; text-align:center; line-height:120%; display:inline-block}
[class*=block-form] .row-full:has(sl-checkbox[checked])::before{background-color:#003495}
[class*=block-form] .row-full:has(sl-checkbox[checked]) .row-full-container p{color:rgba(255,255,255,0.6)}
[class*=block-form] .row-full:has(sl-checkbox[checked]) .row-full-container p em{color:#fff}
[class*=block-form] .row-full:has(sl-checkbox[checked]) .row-full-container p em a{color:#fff}
[class*=block-form] .row-centered{display:flex; justify-content:center; align-items:center; gap:24px}
[class*=block-form] .row-centered .col{display:flex; align-items:center}
[class*=block-form].block-form-login{max-width:672px; margin-top:-56px}
[class*=block-form].block-form-login .login-btnset{text-align:center; display:flex; flex-direction:column; gap:20px; margin-top:12px}
[class*=block-form].block-form-login .login-btnset > a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid transparent; color:#003495; text-align:center; line-height:120%; font-size:20px; font-weight:500}
[class*=block-form].block-form-login .login-btnset > a:hover{border-bottom:1px solid #003495}
[class*=block-form].block-form-login .login-btnset > span{color:#333333; text-align:center; font-size:16px; font-style:normal; font-weight:300; line-height:120%}
[class*=block-form].block-form-login .login-btnset > span > a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #333333; color:#333333; text-align:center; line-height:120%; display:inline-block; font-size:16px; font-style:normal; font-weight:500}
[class*=block-form].block-form-verification{max-width:512px; margin-top:80px; gap:48px}
[class*=block-form].block-form-verification .login-btnset{text-align:center; display:flex; flex-direction:column; margin-top:0}
[class*=block-form].block-form-verification .login-btnset > a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #003495; color:#003495; text-align:center; line-height:120%; font-size:14px; font-weight:600}
[class*=block-form].block-form-complete{max-width:902px; margin-top:80px; gap:40px}
.addmt{margin-top:56px !important}
.addmt80{margin-top:80px !important}
.regist-process{position:absolute; top:280px; display:flex; justify-content:center; width:100%}
.regist-process ul{display:flex; justify-content:center; align-items:flex-start; gap:30px}
.regist-process ul li:not(.line){position:relative}
.regist-process ul li:not(.line)::before{content:""; display:block; width:36px; aspect-ratio:1/1; background-image:url("/images/apec_ic_process_check.svg"); background-size:contain; background-position:center; background-repeat:no-repeat}
.regist-process ul li:not(.line).check::before{background-image:url("/images/apec_ic_process_checked.svg")}
.regist-process ul li:not(.line) > div{position:absolute; left:50%; bottom:0; transform:translate(-50%, calc(100% + 12px)); text-align:center; white-space:nowrap; display:flex; flex-direction:column; gap:4px}
.regist-process ul li:not(.line) > div em{color:#fff; font-size:20px; font-style:normal; font-weight:700; line-height:150%}
.regist-process ul li:not(.line) > div p{opacity:0.8; color:#fff; font-size:14px; font-style:normal; font-weight:300; line-height:120%}
.regist-process ul li.line{width:160px; height:36px; padding:10px; display:flex; flex-direction:column; align-items:center; justify-content:center}
.regist-process ul li.line::before{content:""; height:1px; flex-shrink:0; align-self:stretch; border:1px dashed #fff; opacity:0.4}
.list-creditcard{display:flex; align-items:center; gap:4px}
.list-creditcard span{width:35px; height:24px; flex-shrink:0; border-radius:4px; border:1px solid var(--Grey,#d9d9d9); background:#fff}
.list-creditcard span img{width:100%; height:100%; object-fit:scale-down}
.list-creditcard span.bg-blue{background:#1f72cd}
main{position:relative}
main section{min-height:100dvh}
main section .wrap{padding-top:200px}
main section .wrap h2{color:#fff; font-size:80px; font-weight:600; line-height:100%; text-align:center}
main section .wrap h2 br{display:none}
main section .wrap .subtitle{display:flex; justify-content:center; align-items:center; gap:12px; margin-top:12px; color:rgba(255,255,255,0.4); font-size:24px; font-weight:500; text-align:center; overflow:hidden; line-height:150%}
main section .wrap .subtitle span{display:block}
main section .wrap .subtitle span br{display:none}
main section .wrap .contents{margin-top:40px}
#about{overflow-x:hidden}
#about .wrap{padding-top:180px; min-height:200dvh}
#about .wrap .video-background{position:absolute; top:0; left:0; right:0; margin:0 auto; width:100%; height:100dvh; overflow:hidden; z-index:-1}
#about .wrap .video-background video{width:100%; height:100%; object-fit:cover}
#about .wrap .video-background .overlay{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); pointer-events:none}
#about .wrap h2{text-align:center; font-weight:800}
#about .wrap .subtitle{margin-top:0; text-align:center; color:#ffcc00; font-size:48px; font-weight:600}
#about .wrap .contents{margin-top:40px; display:flex; flex-direction:column; justify-content:center; gap:40px; text-align:center}
#about .wrap .contents p{color:rgba(255,255,255,0.6); font-size:20px; font-weight:600; line-height:120%}
#message{overflow:hidden}
#message .wrap{position:relative; padding-top:220px}
#message .wrap h2{position:relative; z-index:10; text-align:left; width:100%; position:absolute; bottom:calc(50% + 300px + 50px)}
#message .wrap h2 span{display:block; position:absolute; left:0; white-space:nowrap}
#message .wrap h2 span br{display:contents}
#message .wrap .ceo-bg{position:absolute; bottom:calc(50% - 300px - 50px); left:35%; width:30%; height:600px; background:url("/images/apec_bg_main_message.png") lightgray 50%/cover no-repeat; z-index:1}
#message .wrap .ceo-port{position:absolute; bottom:calc(50% - 300px - 50px); right:33.5%; z-index:2}
#message .wrap .ceo-port img{position:absolute; right:0; bottom:0; width:375px; max-width:375px; height:494px}
#message .wrap .ceo-port img:nth-of-type(1){right:-100px; bottom:-26px; mix-blend-mode:multiply; filter:blur(27px) brightness(0.7)}
#message .wrap .ceo-sign{position:absolute; left:0; bottom:calc(50% - 300px - 50px); height:600px; display:flex; flex-direction:column; justify-content:flex-end; padding-left:120px; z-index:2}
#message .wrap .ceo-sign::before{content:""; position:absolute; left:0; bottom:4px; width:80px; height:135px; background-image:url("/images/apec_logo_footer.svg"); background-size:cover; background-repeat:no-repeat}
#message .wrap .ceo-sign dt{color:#fff; font-size:28px; font-weight:700; line-height:110%}
#message .wrap .ceo-sign dd{color:#ffcc00; font-size:16px; font-style:normal; font-weight:300; line-height:140%}
#message .wrap .txtbox{position:absolute; bottom:calc(50% - 300px - 50px); right:0; width:32%; height:600px; overflow-y:auto; color:rgba(255,255,255,0.6); font-size:20px; font-weight:500; line-height:150%; z-index:3}
#message .wrap #more-toggle, #message .wrap .more-label{display:none}
#program{position:relative}
#program .wrap .subtitle a{transition:all 0.3s ease; display:flex; padding:12px 20px; justify-content:center; align-items:center; gap:4px; border-radius:6px; background:#011740; color:#fff; font-size:16px; font-weight:600; line-height:100%}
#program .wrap .subtitle a:hover{background:rgb(26.4,46.2,83.1)}
#program::before{content:""; position:absolute; right:0; top:0px; width:1554px; height:1511px; filter:blur(50px); background-image:url("/images/apec_bg_main_program.svg"); background-repeat:no-repeat; pointer-events:none; background-position:calc(100% + 211px) 0}
#media .wrap .subtitle{color:#003495; opacity:0.4}
#sponsors .wrap .subtitle{color:#003495; opacity:0.4}
.APEC-dialog::part(base){z-index:1001}
.APEC-dialog::part(overlay){background-color:rgba(0,0,0,0.5)}
.APEC-dialog::part(header){display:none}
.APEC-dialog > .dialog-close{position:absolute; right:20px; top:20px; z-index:10; display:none; align-items:center; justify-content:center; width:48px; height:48px; justify-content:center; background-color:rgba(255,255,255,0.1); border-radius:6px}
.APEC-dialog > .dialog-close sl-icon-button{pointer-events:none; transition:transform 0.5s ease}
.APEC-dialog > .dialog-close sl-icon-button::part(base){color:#fff; font-size:24px}
.APEC-dialog > .dialog-close:hover sl-icon-button{transform:rotate(90deg)}
.APEC-dialog .dialog-navbtn{transition:all 0.4s ease; position:absolute; top:300px; z-index:10; display:none; align-items:center; justify-content:center; flex-direction:column; gap:8px; overflow:hidden; width:140px; height:140px; border-radius:50%; background:rgba(255,255,255,0.1); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:rgba(255, 255, 255, 0.6); font-size:16px; font-style:normal; font-weight:600; line-height:100%; text-transform:capitalize}
.APEC-dialog .dialog-navbtn.prev-btn{left:-70px; text-align:left}
.APEC-dialog .dialog-navbtn.prev-btn i{margin-left:70px}
.APEC-dialog .dialog-navbtn.next-btn{right:-70px; text-align:right}
.APEC-dialog .dialog-navbtn.next-btn i{margin-right:70px}
.APEC-dialog .dialog-navbtn i{transition:all 0.4s ease; display:flex; justify-content:space-between; gap:0px; width:150px}
.APEC-dialog .dialog-navbtn sl-icon{display:none}
.APEC-dialog .dialog-navbtn:hover{color:#fff; background:rgba(255,255,255,0.3)}
.APEC-dialog .dialog-navbtn:hover.prev-btn i{margin-left:-150px}
.APEC-dialog .dialog-navbtn:hover.next-btn i{margin-right:-150px}
.APEC-dialog .dialog-navbtn.disabled{opacity:0.5; pointer-events:none}
.APEC-dialog[open] > .dialog-close{display:flex}
.APEC-dialog[open] .dialog-navbtn{display:flex}
.APEC-dialog::part(panel){position:relative; width:1368px; max-width:unset; min-height:500px; height:900px; background-color:#011740; border-radius:0; box-shadow:0 4px 30px rgba(0,0,0,0.6)}
.APEC-dialog::part(body){padding:0}
.APEC-dialog::part(body)::-webkit-scrollbar{background-color:rgba(255,255,255,0.1); width:4px; height:12px; background-clip:padding-box; border-radius:16px}
.APEC-dialog::part(body)::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4); background-clip:padding-box; border-radius:16px}
.APEC-dialog::part(body)::-webkit-scrollbar-button{display:none}
.APEC-dialog::part(body)::-webkit-scrollbar-corner{background:transparent}
.APEC-dialog .dialog-pages{position:relative; transition:height 0.3s ease; overflow:hidden}
.APEC-dialog .dialog-pages::-webkit-scrollbar{background-color:rgba(255,255,255,0.1); width:4px; height:12px; background-clip:padding-box; border-radius:16px}
.APEC-dialog .dialog-pages::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4); background-clip:padding-box; border-radius:16px}
.APEC-dialog .dialog-pages::-webkit-scrollbar-button{display:none}
.APEC-dialog .dialog-pages::-webkit-scrollbar-corner{background:transparent}
.APEC-dialog .dialog-pages .dialog-page{position:absolute; top:0; left:0; right:0; opacity:0; transition:opacity 0.3s ease; pointer-events:none}
.APEC-dialog .dialog-pages .dialog-page.fade-show{position:relative; opacity:1; pointer-events:auto}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header{position:relative; height:360px; width:100%; padding:48px 9.210526% 80px; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,52,149,0.4); z-index:-1}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header em{padding:0 20px; border:2px solid #fff; box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25); color:#fff; font-size:20px; font-style:normal; font-weight:700; line-height:150%}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3{align-self:stretch; display:flex; justify-content:space-between; align-items:flex-end; color:#fff; font-size:48px; font-weight:800; line-height:120%}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3 i{display:block; font-style:normal}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3 br{display:none}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3 sl-button[size=xsmall]{display:none}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents{padding:48px 9.210526% 80px}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents .program-info{display:flex; flex-direction:column; gap:24px; margin-bottom:40px}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents .program-info p{color:rgba(255,255,255,0.6); font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header{position:relative; min-height:360px; width:100%; padding:48px 9.210526% 80px; padding-bottom:48px; display:flex; flex-direction:column; gap:24px; overflow:hidden; z-index:0}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .header-bg{position:absolute; left:0; top:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:rgba(52,70,102,0.6); backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px); transform:translateZ(0); will-change:transform}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info{display:flex; gap:3.584229%; align-items:stretch}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-img{flex-shrink:0; top:0; width:170px; aspect-ratio:1/1.25; overflow:hidden; mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 24%); -webkit-mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 24%)}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-img img{transition:all 0.5s ease; width:100%; height:100%; object-fit:cover; object-position:center}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info{flex:1; display:flex; flex-direction:column; gap:16px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info em{color:#fff; font-size:16px; font-style:normal; font-weight:700; line-height:150%}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info h5{flex:1; display:flex; align-items:center; color:#fff; font-size:40px; font-style:normal; font-weight:800; line-height:120%}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info > div:has(i){display:flex; flex-direction:column}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info > div:has(i) i{color:#fff; font-size:16px; font-style:normal; font-weight:300; line-height:150%}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info > div:has(i) > span{color:#ffcc00; font-size:16px; font-style:normal; font-weight:700; line-height:150%}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-desc{color:rgba(255,255,255,0.6); font-size:20px; font-weight:300; line-height:150%}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents{padding:48px 9.210526% 80px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session){margin-bottom:40px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session) dl{flex:1}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session) + .program-speakers dl{width:100%}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session) + .program-speakers dl sl-carousel{height:240px; margin-bottom:80px}
.APEC-dialog .dialog-pages .dialog-page ul.basic-info{display:flex; gap:24px; align-items:center}
.APEC-dialog .dialog-pages .dialog-page ul.basic-info li{display:flex; align-items:center; gap:8px; color:#2da54c; font-size:20px; font-style:normal; font-weight:500; line-height:150%}
.APEC-dialog .dialog-pages .dialog-page .program-speakers{display:flex; flex-wrap:wrap; gap:40px 24px}
.APEC-dialog .dialog-pages .dialog-page .program-speakers dl{display:flex; flex-direction:column; gap:20px}
.APEC-dialog .dialog-pages .dialog-page .program-speakers dl dt{color:#fff; font-size:24px; font-style:normal; font-weight:600; line-height:120%}
.APEC-dialog.gallery::part(overlay){background-color:rgba(0,0,0,0.8)}
.APEC-dialog.gallery::part(panel){background-color:#000}
.APEC-dialog.gallery .dialog-navbtn{top:50%; transform:translateY(-50%)}
.APEC-dialog.gallery .dialog-pages{height:900px}
.APEC-dialog.gallery .dialog-pages .dialog-page{overflow:hidden; width:100%; height:100%}
.APEC-dialog.gallery .dialog-pages .dialog-page img{width:100%; height:100%; display:block; object-fit:contain}
.APEC-dialog.gallery .dialog-pages .dialog-page span{position:absolute; bottom:0; left:0; right:0; padding:14px 32px; background-color:rgba(0,0,0,0.2); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); color:#fff; font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg main section{min-height:auto}
.subpg main section .wrap{padding-top:unset}
.subpg main section.area-title .wrap{display:flex; flex-direction:column; gap:16px; align-items:flex-start; justify-content:center; min-height:250px}
.subpg main section.area-title .wrap h2{color:#011740; font-size:56px; font-style:normal; font-weight:800; line-height:120%; overflow:hidden}
.subpg main section.area-title .wrap h2 span{display:block}
.subpg main section.area-title .wrap .subtitle{display:block; margin:0; color:#011740; font-size:16px; font-weight:500; line-height:150%; text-align:left; overflow:hidden}
.subpg main section.area-title .wrap .subtitle span{display:block}
.subpg main section.area-img{height:380px; width:100%}
.subpg main section.area-img .container{width:100%; height:100%; overflow:hidden; background:#fff; position:relative}
.subpg main section.area-img .container .image-wrapper{width:100vw; height:380px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.subpg main section.area-img .container .image-wrapper::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url("/images/apec_bg_subtitle_noise.png"); background-size:200px; mix-blend-mode:soft-light}
.subpg main section.area-img .container .image-wrapper img{width:100%; height:100%; object-fit:cover}
.subpg main section.area-img.detail{height:80px}
.subpg main section.area-contents{padding-bottom:160px}
.subpg.about main section.area-contents .wrap{padding-top:120px; display:flex; flex-direction:column; gap:120px}
.subpg.about main section.area-contents .wrap .containers{display:flex; flex-direction:column; gap:32px}
.subpg.about main section.area-contents .wrap .containers h3{color:#000; font-size:40px; font-style:normal; font-weight:600; line-height:120%}
.subpg.about main section.area-contents .wrap .containers .bl-host{display:flex; justify-content:space-between; align-items:flex-end; gap:24px}
.subpg.about main section.area-contents .wrap .containers .bl-host span{flex:1; max-width:900px; color:#000; font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-logo01{display:flex; gap:24px; align-items:center}
.subpg.about main section.area-contents .wrap .containers .bl-logo01 > div{flex:1; height:360px; background-color:#fff; display:flex; align-items:center; justify-content:center}
.subpg.about main section.area-contents .wrap .containers .bl-logo02{display:flex; gap:60px; justify-content:center; align-items:center; background-color:#fff; padding:75px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(1){width:172px; height:172px; transform:rotate(45deg); flex-shrink:0; background-color:#eeeeee}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(1) img{mix-blend-mode:multiply}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(3){width:243px; height:190px; flex-shrink:0; aspect-ratio:243/190; border:1px solid #e5e5e5}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(5){width:210px; aspect-ratio:1/1; background-color:#eeeeee; border:1px solid #e5e5e5; border-radius:50%; display:flex; align-items:center; justify-content:center}
.subpg.about main section.area-contents .wrap .containers .bl-logo02-1{display:flex; flex-direction:column; gap:24px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02-1 p{color:#000; font-size:20px; font-style:normal; font-weight:500; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-logo02-1 span{color:#000; font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-logo03{display:flex; gap:24px; align-items:center}
.subpg.about main section.area-contents .wrap .containers .bl-logo03 > div{flex:1; padding:24px; color:#fff; font-size:16px; font-style:normal; font-weight:700; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-gallery{display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:24px}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item{position:relative; overflow:hidden; cursor:pointer; display:flex; flex-direction:column; gap:8px}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper{background-color:#003495; overflow:hidden}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper img{transition:all 0.7s ease; width:100%; aspect-ratio:0.8; object-fit:cover; object-position:center; opacity:0.5}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper:has(em){position:relative}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper > em{position:absolute; right:20px; bottom:20px; width:60px; aspect-ratio:1/1; background-image:url("/images/apec_ic_media_video.svg"); background-repeat:no-repeat; background-position:center; background-color:rgba(255,255,255,0.1); background-size:cover; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-radius:50%; overflow:hidden; text-indent:-9999px; z-index:2}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper.no-img{transition:all 0.7s ease; width:100%; aspect-ratio:0.8; display:flex; align-items:center; justify-content:center}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper.no-img::before{content:""; display:block; background-image:url("/images/apec_logo_symbol_muddy.svg"); background-repeat:no-repeat; background-position:center; width:72px; height:70px; mix-blend-mode:screen}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item span{flex:0; color:#000; font-size:16px; font-style:normal; font-weight:500; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item i{color:#2da54c; font-size:16px; font-style:normal; font-weight:700; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item:hover img{transform:scale(1.1); opacity:1}
.subpg.about main section.area-contents .wrap .containers .bl-media{display:grid; grid-template-columns:repeat(auto-fit, minmax(500px,1fr)); gap:60px 24px}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item{position:relative; overflow:hidden; cursor:pointer; display:flex; flex-direction:column; gap:16px}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper{background-color:#003495; overflow:hidden}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper img{transition:all 0.7s ease; width:100%; aspect-ratio:1.7777777778; object-fit:cover; object-position:center; opacity:0.5}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper:has(em){position:relative}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper > em{position:absolute; right:20px; bottom:20px; width:60px; aspect-ratio:1/1; background-image:url("/images/apec_ic_media_video.svg"); background-repeat:no-repeat; background-position:center; background-color:rgba(255,255,255,0.1); background-size:cover; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-radius:50%; overflow:hidden; text-indent:-9999px; z-index:2}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper.no-img{transition:all 0.7s ease; width:100%; aspect-ratio:1.7777777778; display:flex; align-items:center; justify-content:center}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper.no-img::before{content:""; display:block; background-image:url("/images/apec_logo_symbol_muddy.svg"); background-repeat:no-repeat; background-position:center; width:72px; height:70px; mix-blend-mode:screen}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item span{flex:1; color:#000; font-size:24px; font-style:normal; font-weight:600; line-height:120%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item i{color:#2da54c; font-size:16px; font-style:normal; font-weight:700; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item:hover img{transform:scale(1.1); opacity:1}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty{height:568px; background-color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty img{display:block; width:85.328px; height:82.999px; opacity:0.3; mix-blend-mode:luminosity}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty span{color:#999999; text-align:center; font-size:20px; font-style:normal; font-weight:500; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty span br{display:none}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail{display:flex; flex-direction:column; gap:40px}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail h3{display:flex; flex-direction:column; gap:16px; color:#000; font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail h3 em{color:#2da54c; font-size:20px; font-style:normal; font-weight:700; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail .content-article{padding:40px 0; border:1px solid #e5e5e5; border-width:1px 0; font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail .content-article p{margin-bottom:16px}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail .content-article img{max-width:100%}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail sl-button{width:fit-content; margin:0 auto}
.subpg.type02 main section.area-title{margin-top:-100px; min-height:1080px; height:1080px}
.subpg.type02 main section.area-title .wrap{position:relative; display:block; padding:0; margin:0; width:100%; max-width:100%}
.subpg.type02 main section.area-title .wrap .video-background{-webkit-mask-image:linear-gradient(180deg, rgb(0,0,0) 50%, rgba(0, 0, 0, 0) 90%)}
.subpg.type02 main section.area-title .wrap .video-background video{width:100%; height:100%; object-fit:cover}
.subpg.type02 main section.area-title .wrap h2{position:absolute; left:0; right:0; bottom:292px; margin:0 auto; display:flex; flex-direction:column; gap:8px; width:fit-content; color:#fff; text-align:center; font-size:80px; font-style:normal; font-weight:800; line-height:100%; overflow:hidden}
.subpg.type02 main section.area-title .wrap h2 .subtitle{margin:0 auto; width:fit-content; color:#fff; color:var(--grayscale-white-ffffff,#fff); text-align:center; font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.type02 main section.area-title .wrap h2 span{display:block}
.subpg.type02 main section.area-title .wrap h2 br{display:none}
.subpg.type02 main section.area-title .wrap h2 em{font-style:normal}
.subpg.type02 main section.area-title .wrap .ic-custom-mouse{top:unset; bottom:200px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-map{width:100%; height:770px; overflow:hidden}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-map img{object-fit:none; object-position:center; width:100%; height:100%}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info{width:1136px; margin:-80px auto 0; display:flex; align-items:flex-end; gap:60px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info img{width:324px; height:416px; flex-shrink:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl{display:flex; flex-direction:column; gap:40px; padding-bottom:22px; color:#fff}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dt{display:flex; flex-direction:column; gap:4px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dt small{color:rgba(255,255,255,0.6); font-size:24px; font-style:normal; font-weight:300; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dt span{font-size:48px; font-style:normal; font-weight:800; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul{display:flex; flex-direction:column; gap:12px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul li{display:flex; gap:8px; align-items:flex-start; font-size:20px; font-style:normal; font-weight:500; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul li > svg{flex-shrink:0; padding-top:3px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul li a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #ffcc00; color:#ffcc00; text-align:center; line-height:120%; display:inline-flex; flex-direction:row; align-items:center; gap:4px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap{margin-top:120px; position:relative; height:240px; z-index:0; background-image:url("/images/apec_img_visit_venue_02.jpg"); background-position:center; background-size:cover; background-repeat:no-repeat; padding:0 80px; display:flex; align-items:center}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap::before, .subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap::before{background-color:rgba(1,23,64,0.6); z-index:-2}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap::after{background-image:url(/images/apec_bg_subtitle_noise.png); background-size:300px 300px; z-index:-1; mix-blend-mode:soft-light; opacity:0.5}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl{flex:1; display:flex; flex-direction:column; gap:20px; color:#fff}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl dt{font-size:40px; font-style:normal; font-weight:600; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl dd{width:100%; display:flex; justify-content:space-between; align-items:center; gap:64px; font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl dd sl-button::part(base){align-items:center; border-radius:12px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel{padding-bottom:120px; border-bottom:1px dashed rgba(255,255,255,0.3)}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > img{height:586px; width:100%; object-fit:cover; -webkit-mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 24%)}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > div{position:relative; margin-top:-40px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:40px; padding:0 80px; color:#fff; font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > div sl-button{width:fit-content}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > div em{font-style:normal; font-weight:700}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul{display:flex; gap:24px; width:100%; margin-top:80px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li{width:33.33%; display:flex; flex-direction:column; gap:28px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li img{width:100%; height:261px; object-fit:cover}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dt{margin-bottom:16px; color:#fff; font-size:32px; font-weight:600; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #2da54c; color:#2da54c; text-align:center; line-height:120%; display:flex; align-items:center; gap:0; margin:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd a span{color:#2da54c; font-size:16px; font-weight:700; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd a + a, .subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd a + p{margin-top:10px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd p{color:#fff; font-size:20px; font-weight:300; line-height:150%; opacity:0.6}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd .flex{display:flex; align-items:center; column-gap:12px; row-gap:10px; flex-wrap:wrap; margin:10px 0}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd .flex > a{margin-top:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide{padding-top:120px; display:flex; flex-direction:column; gap:48px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4{display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4 span{color:#fff; font-size:48px; font-style:normal; font-weight:600; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4 span br{display:none}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4 small{color:rgba(255,255,255,0.6); font-size:24px; font-style:normal; font-weight:300; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul{display:flex; gap:24px; align-items:stretch}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li{flex:1}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li img{width:100%; height:550px; object-fit:cover; -webkit-mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 24%)}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl{margin-top:-80px; position:relative; z-index:1; display:flex; flex-direction:column; gap:8px; padding:0 20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dt{color:#fff; font-family:Outfit; font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dd{display:flex; flex-direction:column; align-items:flex-start; gap:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dd span{color:rgba(255,255,255,0.6); font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dd a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #2da54c; color:#2da54c; text-align:center; line-height:120%; display:flex; align-items:center; gap:0; margin:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dd a span{color:#2da54c; font-size:16px; font-style:normal; font-weight:700; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title{display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title h4{display:flex; flex-direction:column; align-items:center; gap:24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title h4 i{width:fit-content; display:flex; padding:4px 20px; justify-content:center; align-items:center; border-radius:8px; border:1px solid #fff; background:linear-gradient(300deg, rgba(255,255,255,0.6) 31.56%, rgba(255, 255, 255, 0.42) 100%); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); color:#011740; font-size:32px; font-style:normal; font-weight:800; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title h4 span{color:#fff; font-size:48px; font-style:normal; font-weight:600; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title small{color:rgba(255,255,255,0.6); font-size:24px; font-style:normal; font-weight:300; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > img{height:586px; width:100%; object-fit:cover; -webkit-mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 24%)}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div{position:relative; margin-top:-40px; display:flex; align-items:flex-end; justify-content:space-between; gap:40px; padding:0 80px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl{flex:1; display:flex; flex-direction:column; gap:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dt{color:#fff; font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd{display:flex; flex-direction:column; gap:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd ul{display:flex; gap:28px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd ul li{display:flex; gap:4px; align-items:center; color:#2da54c; font-size:20px; font-style:normal; font-weight:600; line-height:120%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd ul li svg{flex-shrink:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd p{color:#999999; font-size:20px; font-style:normal; font-weight:300; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid transparent; color:#e5e5e5; text-align:center; line-height:120%; margin:0; font-size:20px; font-style:normal; font-weight:500; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd a:hover{border-bottom:1px solid #e5e5e5}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div .btn-set{flex-shrink:0; display:flex; flex-direction:column; gap:20px; align-items:stretch}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div .btn-set sl-button::part(base){align-items:center}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-regist{display:flex; padding:20px 40px; justify-content:center; align-items:center; gap:32px; align-self:stretch; background:#011334}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-regist p{color:#fff; font-size:24px; font-style:normal; font-weight:200; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-regist p em{font-style:normal; font-weight:700}
.subpg.type02 main section.area-contents .wrap .containers:has([class*=bl-event]){display:flex; flex-direction:column; gap:48px}
.subpg.type02 main section.area-contents .wrap:has(.containers [class*=bl-event]){display:flex; flex-direction:column; gap:160px}
.subpg.login{background-color:#fff !important}
.subpg.login main section.area-title{margin-top:-100px; min-height:1080px; height:1080px}
.subpg.login main section.area-title .wrap{position:relative; display:block; padding:0; margin:0; width:100%; max-width:100%}
.subpg.login main section.area-title .wrap .video-background{-webkit-mask-image:linear-gradient(180deg, rgb(0,0,0) 50%, rgba(0, 0, 0, 0) 90%)}
.subpg.login main section.area-title .wrap .video-background video{width:100%; height:100%; object-fit:cover}
.subpg.login main section.area-title .wrap h2{position:absolute; left:0; right:0; bottom:292px; margin:0 auto; display:flex; flex-direction:column; gap:8px; width:fit-content; color:#fff; text-align:center; font-size:80px; font-style:normal; font-weight:800; line-height:100%; overflow:hidden}
.subpg.login main section.area-title .wrap h2 .subtitle{margin:0 auto; width:fit-content; color:#fff; color:var(--grayscale-white-ffffff,#fff); text-align:center; font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.login main section.area-title .wrap h2 span{display:block}
.subpg.login main section.area-title .wrap h2 br{display:none}
.subpg.login main section.area-title .wrap h2 em{font-style:normal}
.subpg.login main section.area-title .wrap .ic-custom-mouse{top:unset; bottom:200px}
.subpg.login main section.area-title{min-height:387px; height:387px}
.subpg.login main section.area-title:has(.regist-process){min-height:440px; height:440px}
.subpg.login main section.area-title .wrap{overflow:hidden}
.subpg.login main section.area-title .wrap .video-background{-webkit-mask-image:none; width:100%; height:100%}
.subpg.login main section.area-title .wrap .video-background::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
.subpg.login main section.area-title .wrap h2{top:180px; bottom:unset; font-size:56px; line-height:120%}
.subpg.login main section.area-title .wrap .subtitle{position:absolute; top:263px; left:0; right:0; margin:0 auto; width:fit-content; color:#fff; text-align:center; font-size:16px; font-weight:500; line-height:150%}
.subpg.login main section.area-title .wrap span{display:block}
.subpg.login main section.area-title .wrap br{display:none}
.subpg.faq main section.area-title .wrap{align-items:center}
.subpg.faq main section.area-title .wrap h2{margin:0 auto; color:#fff; text-align:center; font-size:56px; font-style:normal; font-weight:800; line-height:120%; overflow:hidden}
.subpg.faq main section.area-title .wrap h2 span{display:block}
.subpg.faq main section.area-title .wrap h2 br{display:none}
.subpg.faq main section.area-title .wrap .subtitle{margin:0 auto; width:fit-content; color:#fff; text-align:center; font-size:16px; font-style:normal; font-weight:500; line-height:150%; overflow:hidden}
.subpg.faq main section.area-title .wrap .subtitle span{display:block}
.subpg.faq main section.area-title .wrap .subtitle br{display:none}
body.subpg.mypage{background-color:#fff}
.subpg.mypage main section{min-height:auto}
.subpg.mypage main section .wrap{padding-top:unset}
.subpg.mypage main section.area-title .wrap{display:flex; flex-direction:row; align-items:flex-end; justify-content:center; min-height:150px}
.subpg.mypage main section.area-title .wrap h2{color:#000; text-align:center; font-size:56px; font-style:normal; font-weight:800; line-height:120%; overflow:hidden}
.subpg.mypage main section.area-title .wrap h2 span{display:block}
.subpg.mypage main section.area-contents{padding-bottom:160px}
.subpg.mypage main section.area-contents .wrap .containers{display:flex; flex-direction:column; gap:60px}
.subpg.mypage main section.area-contents .wrap .containers h4{display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center}
.subpg.mypage main section.area-contents .wrap .containers h4 span{color:rgba(0,0,0,0.8); font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.mypage main section.area-contents .wrap .containers h4 small{color:rgba(0,0,0,0.8); font-size:16px; font-style:normal; font-weight:300; line-height:150%; display:flex; align-items:center}
.subpg.mypage main section.area-contents .wrap .containers h4 small sl-dropdown.tooltip::part(panel){max-width:340px}
.subpg.mypage main section.area-contents .wrap .containers .bl-mymain{margin-top:80px; display:flex; flex-direction:column; align-items:center; gap:40px; padding:80px 120px 60px; background-color:#f4f5f8}
.subpg.mypage main section.area-contents .wrap .containers .bl-events{display:flex; flex-direction:column; gap:24px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul{display:flex; justify-content:space-between; align-items:center; gap:24px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li{position:relative; flex:1; display:flex; aspect-ratio:4/3; padding:40px 0px; flex-direction:column; justify-content:flex-end; align-items:center; gap:16px; border-radius:20px; overflow:hidden; z-index:0}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li a, .subpg.mypage main section.area-contents .wrap .containers .bl-events ul li img{transition:all 0.5s ease; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-2}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li a{background-color:rgba(0,0,0,0.6); z-index:-1}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li:has(a:hover) img{transform:scale(1.1)}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li:has(a:hover) a{background-color:rgba(0,0,0,0)}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li h5{pointer-events:none; color:#fff; display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li h5 span{font-size:40px; font-style:normal; font-weight:600; line-height:120%}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li h5 small{font-size:20px; font-style:normal; font-weight:700; line-height:150%; text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:auto; text-decoration-thickness:auto; text-underline-offset:auto; text-underline-position:from-font}
.subpg.mypage main section.area-contents .wrap .bl-payment-title{margin-top:80px; padding-bottom:36px; border-bottom:2px solid #000; color:#000; font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.mypage main section.area-contents .wrap .bl-payment{padding:32px 24px 40px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons{display:flex; flex-direction:column; gap:24px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dt{color:#000; font-size:16px; font-style:normal; font-weight:800; line-height:120%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul{display:flex; flex-direction:column; gap:24px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li{display:flex; align-items:center; gap:20px; width:100%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li img{flex-shrink:0; width:80px; aspect-ratio:1/1; object-fit:cover; border-radius:50%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li .payment-info{flex:1; display:flex; align-items:center; gap:12px; color:#000; font-size:20px; font-style:normal; font-weight:800; line-height:120%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li .payment-info .payment-name{flex:1; display:flex; flex-direction:column; gap:8px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li.total{border-top:1px dashed #cccccc; padding-top:32px; margin-top:8px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li.total .payment-info{font-size:24px; font-style:normal; font-weight:800; line-height:120%; justify-content:space-between}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method{margin-top:60px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group::part(form-control-label){width:100%; padding-bottom:24px; border-bottom:1px solid #000; color:#000; font-size:32px; font-style:normal; font-weight:600; line-height:120%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li{display:flex; flex-wrap:wrap; justify-content:space-between; padding:24px 0; border-bottom:1px solid #eeeeee}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li > span{display:flex; align-items:center}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li > span sl-dropdown.tooltip::part(panel){max-width:340px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper{overflow:hidden; max-height:0; transition:max-height 0.5s ease; width:100%; margin:8px 32px 0; display:flex; flex-direction:column; gap:24px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper.show{max-height:1000px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > p{color:#1a1a1a; font-size:14px; font-style:normal; font-weight:300; line-height:150%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > p > strong{font-weight:500}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl{display:flex; padding:20px; flex-direction:column; align-items:flex-start; gap:4px; align-self:stretch; border-radius:12px; border:1px solid #e5e5e5}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl dt{color:#1a1a1a; font-size:16px; font-style:normal; font-weight:800; line-height:120%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl dd ul{display:flex; flex-direction:column; align-items:flex-start; color:#1a1a1a; font-size:14px; font-style:normal; font-weight:500; line-height:150%}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl dd ul li{display:flex}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl dd ul li::before{content:"•"; padding:0 8px}
.subpg.mypage main section.area-contents .wrap .bl-payment-btn{display:flex; flex-direction:column; align-items:center; gap:12px}
.subpg.mypage main section.area-contents .wrap .bl-payment-btn p{color:#333333; text-align:center; font-size:16px; font-style:normal; font-weight:300; line-height:150%}
.subpg.etcs{background-color:#fff !important}
.subpg.etcs header .logo{background-image:url("/images/apec_logo_light.svg")}
.subpg.etcs main section.area-title .wrap{align-items:center}
.subpg.etcs main section.area-title .wrap h2{color:#011740; font-size:56px; font-style:normal; font-weight:800; line-height:120%}
.subpg.etcs main section.area-contents{padding-bottom:0}
.subpg.etcs main section.area-contents .wrap{overflow:hidden; padding-bottom:120px}
.subpg.etcs main section.area-contents .wrap .dialog-service .contents{margin-top:0}
.subpg.etcs main section.area-contents .wrap .dialog-service .contents .table-container{position:relative; max-width:1368px; width:100%}
.subpg.etcs main section.area-contents .wrap .dialog-service .contents .table-container .table-wrapper{padding:0}

@media (max-width: 768px){
.float-container{right:16px}
.float-container .btn-wrap{bottom:-64px; gap:8px; margin-bottom:8px}
.float-container .btn-wrap .float-btn{flex-direction:column; justify-content:center; width:56px; min-height:56px; padding:0; border-radius:50%; border:2px solid #fff}
.float-container .btn-wrap .float-btn span{padding-top:10px; font-size:10px; font-weight:700; margin:0; line-height:100%}
.float-container .btn-wrap .float-btn i{width:16px; height:16px}
.float-container .btn-wrap .float-btn i img{width:16px; height:16px}
.float-container .btn-wrap .float-btn i.suffix{width:16px}
.float-container .btn-wrap .float-btn i.prefix{display:none}
.float-container .btn-wrap .float-btn:hover i.suffix{width:16px}
.float-container .btn-wrap .float-btn:hover i.suffix img{transform:none}
.float-container .btn-totop{right:16px; bottom:70px; width:56px; height:56px}
.float-container .btn-totop span{font-size:12px; font-weight:700}
}

@media (max-width: 1200px){
.top-banner-con > p{-webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgb(0, 0, 0) 70%, rgb(0, 0, 0) 92%, rgba(0, 0, 0, 0) 100%)}
}

@media (max-width: 1024px){
.top-banner-con{height:32px}
.top-banner-con > div{width:100%; padding:0 24px; justify-content:space-between}
.top-banner-con > div span:nth-of-type(1){font-size:14px}
.top-banner-con > div span:nth-of-type(1) i{display:block}
.top-banner-con > div span:nth-of-type(2){font-size:12px; font-weight:700}
.top-banner-con > div span:nth-of-type(2) img{width:16px}
.top-banner-con > div:not(:has(i)){justify-content:center; gap:4px}
.top-banner-con > div:not(:has(i)) span{font-size:12px; font-weight:700}
.top-banner-con > p{display:none}
.top-banner{height:32px}
}

@keyframes rotateStars{
from{transform:rotate(0deg)}
to{transform:rotate(-360deg)}
}

@media (max-width: 1200px){
header .logo{width:189px; height:33px}
header nav.desktop-nav{gap:20px}
}

@media (max-width: 1024px){
header{top:0; height:56px}
header .logo{position:static; transform:none; text-indent:-9999px; overflow:hidden; background-size:cover; width:128px; height:22px; background-image:url("/images/apec_logo_dark_m.svg")}
header nav.desktop-nav, header nav.desktop-lnb{display:none}
header .hamburger{display:inline-block; font-size:24px; color:#fff}
header .wrap:not(:has(.hamburger)){justify-content:center}
header.light{top:0; height:56px}
header.light .logo{position:static; transform:none; text-indent:-9999px; overflow:hidden; background-size:cover; width:128px; height:22px; background-image:url("/images/apec_logo_light_m.svg")}
header.light nav.desktop-nav, header.light nav.desktop-lnb{display:none}
header.light .hamburger{display:inline-block; font-size:24px; color:#000}
header.light .wrap:not(:has(.hamburger)){justify-content:center}
}

@media (max-width: 1024px){
:where(body.subpg) header{position:sticky; top:0; z-index:5; transition:background 0.3s ease, transform 0.3s ease}
:where(body.subpg) header.light{position:sticky; top:0; z-index:5; transition:background 0.3s ease, transform 0.3s ease}
}

@media (max-width: 1200px){
footer .wrap .footer-wrap .footer-container-menu .footer-menu{gap:38px}
footer .wrap .footer-wrap .footer-container-contact .contact-wrap{gap:22px}
}

@media (max-width: 1024px){
footer .wrap .footer-wrap .footer-container-menu .footer-menu{gap:20px}
footer .wrap .footer-wrap .footer-container-contact .contact-wrap{flex-direction:column; align-items:flex-end; gap:0}
footer .wrap .footer-wrap-copy ul:has(i){flex-direction:column; align-items:flex-end; gap:12px}
footer .wrap .footer-wrap-copy ul:has(i) li::before{display:none}
footer .wrap .footer-wrap-copy ul:has(i) li:nth-child(1){text-align:right}
footer .wrap .footer-wrap-copy ul:has(i) li:nth-child(1) br{display:block}
}

@media (max-width: 768px){
footer .wrap{position:relative; padding:60px 0}
footer .wrap .footer-wrap{display:block; padding-left:0; font-size:14px; font-weight:700}
footer .wrap .footer-wrap h3{width:56px; height:96px}
footer .wrap .footer-wrap .footer-container-menu{height:auto; display:block}
footer .wrap .footer-wrap .footer-container-menu .footer-menu{padding-left:80px; flex-direction:column; gap:16px}
footer .wrap .footer-wrap .footer-container-menu .footer-social{margin-top:24px}
footer .wrap .footer-wrap .footer-container-contact{margin-top:108px; padding-bottom:24px; border-bottom:1px solid #1a1a1a}
footer .wrap .footer-wrap .footer-container-contact > *{text-align:left}
footer .wrap .footer-wrap .footer-container-contact .contact-wrap{align-items:flex-start; gap:8px}
footer .wrap .footer-wrap .footer-container-contact .contact-wrap .link-host{font-weight:700; font-size:20px}
footer .wrap .footer-wrap .footer-container-contact h4{font-size:20px; font-weight:700; margin-bottom:8px}
footer .wrap .footer-wrap .footer-container-contact p{color:#999999; font-weight:300; line-height:1.3}
footer .wrap .footer-wrap-copy{margin-top:0; display:block}
footer .wrap .footer-wrap-copy > div:nth-child(1){position:absolute; top:242px; left:0; font-size:10px; font-weight:300; line-height:120%}
footer .wrap .footer-wrap-copy > div:nth-child(2){margin-top:32px; align-items:flex-start}
footer .wrap .footer-wrap-copy ul{gap:25px}
footer .wrap .footer-wrap-copy ul li:nth-child(2)::before{left:-12px}
footer .wrap .footer-wrap-copy ul a{font-size:12px; font-weight:300; text-decoration:underline}
footer .wrap .footer-wrap-copy ul li:has(i){display:flex; align-items:center; gap:6px}
footer .wrap .footer-wrap-copy ul li:has(i) i{display:block; width:28px; height:26px; background-image:url("/images/apec_logo_mz.svg")}
footer .wrap .footer-wrap-copy ul:has(i){display:block}
footer .wrap .footer-wrap-copy ul:has(i) li::before{display:none}
footer .wrap .footer-wrap-copy ul:has(i) li:nth-child(1){color:#fff; font-size:10px; text-align:left}
footer .wrap .footer-wrap-copy ul:has(i) li:nth-child(1) br{display:block}
footer .wrap .footer-wrap-copy ul:has(i) li:nth-child(2){margin-top:6px}
.footer-social a{width:38px; height:38px}
.footer-social a::before{width:18px; height:18px}
}

@media (max-width: 1760px){
side:has(> nav){position:fixed; width:100%; left:unset; top:unset; bottom:0; display:block; transform:none; background-color:rgba(255,255,255,0.7); mix-blend-mode:normal; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); z-index:998; padding-bottom:env(safe-area-inset-bottom); padding-bottom:constant(safe-area-inset-bottom); overflow:visible !important; touch-action:auto !important}
side:has(> nav).is-hidden{position:fixed; opacity:0}
side:has(> nav) ul{display:flex; gap:20px; overflow-x:auto; white-space:nowrap; padding:0 24px; -webkit-overflow-scrolling:touch; scrollbar-width:none}
side:has(> nav) ul .horizontal-menu::-webkit-scrollbar{display:none}
side:has(> nav) ul::-webkit-scrollbar{display:none}
side:has(> nav) ul li{flex-shrink:0; min-width:fit-content}
side:has(> nav) ul a{position:relative; color:#003495; font-size:14px; font-weight:400; padding:0 4px; height:44px; display:flex; align-items:center}
side:has(> nav) ul a::before{content:""; position:absolute; bottom:0; left:50%; top:unset; transform:none; width:0%; height:4px; background-color:#011740; opacity:0}
side:has(> nav) ul a:hover{padding:0 4px; color:#003495; font-size:14px; font-weight:400}
side:has(> nav) ul a:hover::before{width:100%; opacity:0; background-color:#011740; bottom:0; left:0; top:unset; transform:none}
side:has(> nav) ul a.active, side:has(> nav) ul a.active:hover{padding:0 4px; color:#003495; font-size:14px; font-weight:700}
side:has(> nav) ul a.active::before, side:has(> nav) ul a.active:hover::before{width:100%; opacity:1; background-color:#011740; bottom:0; left:0; top:unset; transform:none}
}

@media (max-width: 768px){
body > *:not(header, #mobileMenu) sl-button::part(base){border-radius:6px}
body > *:not(header, #mobileMenu) sl-button::part(base){min-height:48px; padding:12px 24px; font-size:14px; line-height:120%}
body > *:not(header, #mobileMenu) sl-button[size=xsmall]::part(base){min-height:24px; padding:0 8px; font-size:12px; line-height:120%; border-radius:4px}
body > *:not(header, #mobileMenu) sl-button[size=small]::part(base){min-height:36px; padding:10px 20px; font-size:12px; line-height:120%}
body > *:not(header, #mobileMenu) sl-button[size=medium]::part(base){min-height:48px; padding:12px 24px; font-size:14px; line-height:120%}
body > *:not(header, #mobileMenu) sl-button[size=large]::part(base){min-height:56px; padding:16px 32px; font-size:16px; line-height:150%}
body > *:not(header, #mobileMenu) sl-button[size=xlarge]::part(base){min-height:64px; padding:20px 40px; font-size:16px; line-height:150%}
body > *:not(header, #mobileMenu) sl-button.cta::part(base){width:170px; height:48px; min-height:48px; font-size:14px; line-height:120%}
body > *:not(header, #mobileMenu) sl-button.cta:hover::part(base){border:none; background-color:#003495; box-shadow:#fb364b 170px 0px 0px 0px inset}
}

@media (max-width: 768px){
sl-tab-group.tab-program::part(nav){padding:0}
sl-tab-group.tab-program sl-tab{flex:1}
sl-tab-group.tab-program sl-tab::part(base){height:56px; padding:0 12px}
sl-tab-group.tab-program sl-tab em{font-size:16px}
sl-tab-group.tab-program sl-tab span{display:none}
sl-tab-group.tab-program sl-tab[active]::part(base){color:#ffcc00}
sl-tab-group.tab-program sl-tab[active] em{font-weight:700}
sl-tab-group.tab-program sl-tab[active] span{font-weight:700}
sl-tab-group.tab-program sl-tab-panel::part(base){padding:8px 0}
}

@media (max-width: 768px){
sl-tab-group.tab-sponsors-classify::part(tabs){margin-bottom:0}
sl-tab-group.tab-sponsors-classify sl-tab::part(base){min-height:72px; padding:12px; font-size:16px; white-space:wrap}
}

@media (max-width: 768px){
sl-tab-group.tab-sponsors::part(nav){padding:0}
sl-tab-group.tab-sponsors::part(tabs){gap:8px; padding:0 24px}
sl-tab-group.tab-sponsors sl-tab::part(base){padding:0 16px; min-height:41px; min-width:unset; font-size:14px; font-weight:300; line-height:120%; white-space:nowrap}
sl-tab-group.tab-sponsors sl-tab[active]::part(base){font-size:14px; font-weight:700; line-height:120%}
}

@media (max-width: 768px){
.login sl-tab-group.block-form sl-tab::part(base){padding:12px 20px; font-size:16px}
.login sl-tab-group.block-form sl-tab[active]::part(base){color:#fff}
}

@media (max-width: 768px){
.wrap:has(sl-tab-group.profile){margin:0}
sl-tab-group.profile::part(nav){padding:0}
sl-tab-group.profile sl-tab{flex:1}
sl-tab-group.profile sl-tab::part(base){height:56px; padding:0 12px; font-size:16px}
sl-tab-group.profile sl-tab[active]::part(base){font-weight:800; line-height:150%}
sl-tab-group.profile sl-tab-panel::part(base){padding:8px 0; margin:0 24px}
}

@keyframes wheelMove{
from{top:10px}
to{top:32px}
}

@media (max-width: 768px){
.ic-custom-mouse, a.btn-move-page{display:none}
}

@media (max-width: 768px){
.details-group{gap:8px}
sl-details::part(base){padding:24px}
sl-details::part(summary){padding-right:12px; font-size:16px}
sl-details::part(summary)::before{font-size:16px}
sl-details::part(content){padding:32px 20px 12px; font-size:14px}
}

@media (max-width: 1024px){
sl-input::part(form-control), sl-select::part(form-control){position:relative}
sl-input::part(form-control-label), sl-select::part(form-control-label){left:20px; top:16px; font-size:12px}
sl-input::part(base), sl-input::part(combobox), sl-select::part(base), sl-select::part(combobox){min-height:71px; border-radius:12px; padding:16px 19px 0}
sl-input::part(base), sl-select::part(base){border:1px solid #f4f5f8; background:#f4f5f8}
sl-input::part(input), sl-input::part(display-input), sl-select::part(input), sl-select::part(display-input){font-size:16px}
sl-input::part(clear-button), sl-input::part(password-toggle-button), sl-select::part(clear-button), sl-select::part(password-toggle-button){width:fit-content; margin-left:8px}
sl-input::part(expand-icon), sl-input [class*=chevron-icon], sl-select::part(expand-icon), sl-select [class*=chevron-icon]{margin-top:-8px}
sl-input::part(form-control-help-text), sl-select::part(form-control-help-text){margin-top:4px; font-size:12px}
sl-input div[slot=help-text], sl-select div[slot=help-text]{gap:4px}
sl-input div[slot=help-text] > div, sl-select div[slot=help-text] > div{gap:2px}
sl-input div[slot=help-text] > div sl-icon, sl-select div[slot=help-text] > div sl-icon{font-size:14px}
sl-select::part(listbox){max-height:288px}
sl-select sl-option::part(base){padding:12px 20px 12px 20px; font-size:14px}
sl-select sl-option[aria-selected=true]::part(base){background-color:#ffcc00}
.search-dropdown .dropdown-menu{margin-top:2px}
.search-dropdown .dropdown-menu ul{display:grid; grid-template-columns:repeat(2,1fr)}
.search-dropdown .dropdown-menu ul li{padding:12px 20px 12px; font-size:14px}
sl-radio::part(control){width:16px; height:16px}
sl-radio::part(control--checked){border:6px solid #000}
sl-radio::part(label){font-size:14px}
sl-checkbox::part(label){font-size:16px; font-weight:700}
.profile-upload{gap:12px}
.profile-upload .upload-box{width:72px; height:72px}
.profile-upload .upload-box .upload-placeholder{font-weight:700; font-size:10px}
.profile-upload .upload-box .upload-placeholder .plus svg{width:20px; height:20px}
.profile-upload .upload-box .remove-btn{width:20px; height:20px}
.profile-upload .upload-box .remove-btn svg{width:20px; height:20px}
.profile-upload .upload-info .upload-text{font-size:14px}
.profile-upload .upload-info .upload-desc{font-size:12px}
}

@media (max-width: 768px){
.layer-tooltip{margin-top:0}
}

@media (max-width: 576px){
.search-dropdown .dropdown-menu ul{grid-template-columns:repeat(1,1fr)}
.code-block .code-inputs input{width:45px; height:60px; font-size:24px}
.code-block .error-message{font-size:12px; height:18px}
.code-block .error-message span{display:none}
.code-block.has-error .error-message span{display:block}
.code-block.has-error .code-inputs input{border-color:#e74c3c}
.code-block sl-button{margin-top:32px}
}

@media (max-width: 1200px){
.flatpickr-calendar{max-width:532px; padding:20px 20px; gap:20px}
.flatpickr-calendar .flatpickr-months{min-width:308px; max-width:400px}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month{gap:8px}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months{padding:2px 20px 2px 4px; font-size:20px; background-size:18px}
.flatpickr-calendar .flatpickr-innerContainer{min-width:308px; max-width:400px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer{gap:8px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays{height:24px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer{gap:8px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday{font-size:12px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer{gap:8px}
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day{width:calc((100% - 48px) / 7); min-width:calc((100% - 48px) / 7); max-width:calc((100% - 48px) / 7); font-size:12px}
}

@media (max-width: 576px){
.sl-toast-stack{position:fixed; bottom:unset; top:0; left:24px; right:24px; transform:none; width:auto}
.sl-toast-stack sl-alert::part(base){width:100%}
.sl-toast-stack sl-alert::part(message){padding:16px; font-size:14px}
}

@media (max-width: 768px){
sl-dialog::part(panel){margin:0 24px}
sl-dialog::part(body){padding:54px 16px 16px}
.dialog-alert-con{gap:8px}
.dialog-alert-con .alert-con-title{font-size:24px; line-height:150%}
.dialog-alert-con .alert-con-title small{margin-top:0px; font-size:14px}
.dialog-alert-con .alert-con-txt{font-size:14px}
.dialog-alert-con .alert-con-detail{margin-top:16px; padding:14px 16px}
.dialog-alert-con .alert-con-detail dt{font-size:14px}
.dialog-alert-con .alert-con-detail dd{font-size:12px; line-height:120%}
.dialog-alert-con .alert-con-detail dd li::before{top:0.6em}
.dialog-alert-con:has(.block-form){gap:24px}
.dialog-alert-con .block-form{gap:24px}
.dialog-index-notice sl-carousel{width:100%}
.dialog-index-notice::part(body){padding:16px}
.dialog-index-notice .btn-set{display:flex; gap:8px; align-items:center}
.dialog-index-notice .btn-set sl-button{flex:1; width:calc(50% - 4px)}
.dialog-sponsor .sponsor-data{gap:16px}
.dialog-sponsor .sponsor-data .spon-logo{height:96px; padding:7px 0}
.dialog-sponsor .sponsor-data .spon-logo img{width:100px}
.dialog-sponsor .sponsor-data .spon-info{gap:20px}
.dialog-sponsor .sponsor-data .spon-info h4 span{font-size:20px}
.dialog-sponsor .sponsor-data .spon-info h4 a{font-size:14px}
.dialog-sponsor .sponsor-data .spon-info .spon-info-txt{max-height:230px; font-size:14px}
.dialog-service::part(panel){max-height:calc(100% - 110px); margin:56px 24px}
.dialog-service::part(header){padding:12px 8px 12px 16px}
.dialog-service::part(title){font-size:14px; font-weight:700; line-height:150%}
.dialog-service::part(body){padding:16px}
.dialog-service::part(footer){padding:16px}
.dialog-service .contents{gap:20px; font-size:14px}
.dialog-service .contents .article .title, .dialog-service .contents .article h4{font-size:14px; font-weight:700; line-height:150%}
.dialog-service .contents .article .title::before, .dialog-service .contents .article h4::before{top:calc(0.75em - 2px)}
.dialog-service .contents .article ol{gap:8px}
.dialog-service .contents .article ol li div.container{padding-top:8px; gap:8px}
.dialog-service .contents .article ol li ol{padding-top:8px}
.dialog-service .contents .article ol li ol li{padding-left:8px}
.dialog-service .contents .article .table-container .table-wrapper{padding:0 16px}
.dialog-service .contents .article .table-container table th{padding:12px; font-size:14px}
.dialog-service .contents .article .table-container table td{padding:8px 12px; font-size:14px}
.dialog-service .contents:has(.contact-info){gap:16px; color:#666666}
.dialog-service .contents .article.contact-info{padding-top:16px}
.dialog-service .contents .article.contact-info ul li{font-size:14px}
.dialog-email::part(panel){max-width:480px; width:100%}
.dialog-email::part(body){padding:12px 36px 12px 16px}
.dialog-email .dialog-alert-con .alert-con-txt{font-size:12px}
.dialog-email .dialog-alert-con .alert-con-txt br{display:block}
}

@media (max-width: 768px){
:where(.block-form-complete) .dialog-alert-con{gap:8px}
:where(.block-form-complete) .dialog-alert-con .alert-con-title{gap:8px; font-size:24px}
:where(.block-form-complete) .dialog-alert-con .alert-con-txt{font-size:14px}
:where(.block-form-complete) .dialog-alert-con .alert-con-txtsm{font-size:14px}
:where(.block-form-complete) .dialog-alert-con .alert-con-txtsm br{display:block}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail{margin-top:24px; padding:12px 16px; gap:12px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dt{font-size:14px; font-weight:500; line-height:150%}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd{font-size:12px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd ul{gap:12px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd ul li{padding-left:8px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail dd ul li::before{top:0.75em}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact{margin-top:4px; border-radius:0}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact dt{font-size:14px; font-weight:700; line-height:150%}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact dd{font-size:12px}
:where(.block-form-complete) .dialog-alert-con .alert-con-detail.contact dd ul{gap:0px 28px}
}

@media (max-width: 768px){
.lottie{width:60px; height:60px}
}

@media (max-width: 576px){
sl-dropdown.tooltip::part(panel){max-width:unset; width:calc(100vw - 48px); padding:12px 16px}
sl-dropdown.tooltip .tooltip-con{font-size:12px}
sl-dropdown.tooltip::part(base__popup){left:24px !important; right:24px !important}
}

@media (max-width: 768px){
.list-loading-ic{padding:0 0 20px}
.list-loading-ic .lottie{width:60px; height:60px}
}

@media (max-width: 768px){
.my-badge{min-height:40px; padding:0 28px; background:rgba(0,52,149,0.8); color:#fff; min-height:25px; padding:0 12px; font-size:14px}
:where(.profile-delegate) .my-badge{min-height:33px; padding:0 20px; font-size:14px}
:where(.bl-payment) .my-badge{min-height:22px !important; padding:0 8px !important; font-size:12px !important}
}

@media (max-width: 768px){
.my-status{padding:0 14px}
.my-status li{gap:16px; min-height:36px; padding:0 12px}
.my-status[size=large]{display:flex; flex-direction:column; gap:4px}
.my-status[size=large] li{min-height:48px; padding:0 20px}
.my-status[size=large] li:first-child{border-radius:100px}
.my-status[size=large] li:last-child{border-radius:100px}
.my-status .status{font-size:12px; font-weight:700}
.my-status .status::before{width:20px}
.my-status[size=large] .status{font-size:14px}
.my-status[size=large] .status::before{width:24px}
.my-status label{font-size:14px}
.my-status[size=large] label{font-size:16px}
}

@media (max-width: 768px){
.profile-delegate .my-msg::before{top:0}
}

@media (max-width: 768px){
.profile-delegate{gap:20px; width:100%; padding:0 16px 16px}
.profile-delegate .my-msg{margin-top:-8px; font-size:12px}
.profile-accompany{display:flex; flex-direction:column; gap:16px}
.profile-accompany > li{width:100%; padding:32px 12px 16px}
.profile-accompany .my-alert{min-width:312px; font-size:12px}
.profile-accompany > li:has(> .my-profile-empty){padding:40px 8px 32px}
.profile-accompany > li:has(> .my-profile-empty) .my-profile-empty span{font-size:20px; min-height:48px}
.my-profile .profile-name{padding-top:8px; font-size:20px}
:where(.profile-delegate) .my-profile > a{right:calc(50% - 60px)}
:where(.profile-delegate) .my-profile img{width:120px}
:where(.profile-delegate) .my-profile .profile-name{font-size:24px}
:where(.profile-delegate) .my-profile .profile-name > a{font-size:12px; font-weight:700}
}

@media (max-width: 1024px){
.block-list-program dd > ul > li{flex-basis:calc((100% - 24px) / 2); max-width:calc((100% - 24px) / 2); width:calc((100% - 24px) / 2)}
.block-list-program dd .lines span{flex-basis:calc((100% - 24px) / 2)}
.block-list-program dd .lines span:last-child{display:none}
}

@media (max-width: 768px){
.block-list-program{gap:16px}
.block-list-program dt{flex-shrink:0; width:58px; padding:24px 0; font-size:12px; font-weight:300}
.block-list-program dd{padding:16px 0; border-bottom:1px solid rgba(255,255,255,0.4)}
.block-list-program dd > ul{gap:16px}
.block-list-program dd > ul > li{flex-basis:100%; max-width:100%; width:100%; padding:16px 40px 16px 16px; gap:4px}
.block-list-program dd > ul > li sl-icon{transition:all 0.3s ease; flex-shrink:0}
.block-list-program dd > ul > li .prgm-time{font-size:12px; line-height:120%}
.block-list-program dd > ul > li .prgm-title{font-size:16px}
.block-list-program dd > ul > li a:has(sl-icon[name=geo-alt]){margin-top:4px; font-size:14px}
.block-list-program dd > ul > li > sl-icon{right:8px}
.block-list-program dd .lines{display:none}
}

@media (max-width: 768px){
sl-carousel:has(.block-list-speakers)::part(navigation-button){display:none}
sl-carousel:has(.block-list-speakers)::part(pagination){bottom:-30px}
.block-list-speakers{gap:32px 16px}
.block-list-speakers > li{flex-basis:calc((100% - 16px) / 2); max-width:calc((100% - 16px) / 2); width:calc((100% - 16px) / 2); aspect-ratio:1/1.518518}
.block-list-speakers > li > .spkr-info{padding:8px; gap:3px}
.block-list-speakers > li > .spkr-info > h5{color:#fff; font-size:14px; font-weight:700; line-height:120%}
.block-list-speakers > li > .spkr-info > span{color:rgba(255,255,255,0.5); font-size:10px; font-weight:300; line-height:120%}
.block-list-speakers > li > .spkr-info > em{color:#ffcc00; font-size:12px; font-style:normal; font-weight:700; line-height:120%}
.block-list-speakers > li > .spkr-info > ul{margin-top:8px; gap:8px}
.block-list-speakers > li > .spkr-info > ul li{font-size:10px}
.block-list-speakers > li > .spkr-info > ul li span{display:none}
.block-list-speakers > li > .spkr-info > ul li::before{content:"D "}
:where(.program-speakers) .block-list-speakers{gap:16px 20px}
:where(.program-speakers) .block-list-speakers > li{flex-basis:calc((100vw - 72px) / 2); max-width:calc((100vw - 72px) / 2); width:calc((100vw - 72px) / 2); aspect-ratio:1/1.403614}
:where(.program-speakers) .block-list-speakers > li > .spkr-info{padding:0 4px; gap:4px}
:where(.program-speakers) .block-list-speakers > li > .spkr-info > h5{color:#fff; font-size:10px; font-style:normal; font-weight:700; line-height:120%}
:where(.program-speakers) .block-list-speakers > li > .spkr-info > em{color:#ffcc00; font-size:10px; font-style:normal; font-weight:300; line-height:120%}
:where(#dialog-speaker):where(.program-speakers) .block-list-speakers{gap:16px 12px; justify-content:flex-start; flex-wrap:wrap}
:where(#dialog-speaker):where(.program-speakers) .block-list-speakers > li{flex-basis:96px; max-width:96px; width:96px}
}

@media (max-width: 768px){
.block-list-media{margin-bottom:48px}
.block-list-media > li{flex-basis:100%; max-width:100%; width:100%; aspect-ratio:1/1.29}
.block-list-media > li > .item-img{aspect-ratio:1/1.29}
.block-list-media > li > .item-info{bottom:60px; padding:0 24px}
.block-list-media > li > .item-info > h5{font-size:16px; font-weight:800}
.block-list-media > li > .item-info > span{display:none}
.block-list-media > li > .item-info > em{font-size:12px; font-weight:700; line-height:120%}
.block-list-media > li > .item-more{bottom:24px; left:24px; font-size:14px; line-height:120%}
}

@media (hover: none){
.block-list-media > li:has(> a:hover) > .item-img::before{opacity:1}
.block-list-media > li:has(> a:hover) > .item-img::after{opacity:0}
.block-list-media > li:has(> a:hover) > .item-info{bottom:60px; transform:translateY(0)}
.block-list-media > li:has(> a:hover) > .item-more{bottom:24px}
}

@media (max-width: 768px){
.block-list-sponsors{gap:24px 16px; width:auto; margin:24px 24px 48px; justify-content:center}
.block-list-sponsors > li{overflow:hidden; flex-basis:calc((100% - 16px) / 2); max-width:calc((100% - 16px) / 2); width:calc((100% - 16px) / 2); background-color:#fff; border-radius:12px; padding:20px}
.block-list-sponsors > li > .item-img{width:100%; height:100%}
}

@media (max-width: 768px){
.block-list-session{gap:12px}
.block-list-session > li{padding:24 [x]}
.block-list-session > li .list-title{font-size:16px}
.block-list-session > li .basic-info{flex-wrap:wrap; gap:4px 20px !important}
.block-list-session > li .basic-info li{font-size:14px !important}
}

@media (max-width: 768px){
[class*=block-form] .row-header .star::before{top:0}
}

@media (max-width: 768px){
[class*=block-form] .row-title small::after{top:0}
}

@media (max-width: 768px){
[class*=block-form] .row-full .row-full-container p em::after{top:0}
}

@media (max-width: 1200px){
[class*=block-form] .row-full::before{width:100vw}
}

@media (max-width: 768px){
[class*=block-form]{max-width:1080px; gap:16px}
[class*=block-form] .row-header{margin-top:8px}
[class*=block-form] .row-header.inline{flex-direction:column; gap:0px}
[class*=block-form] .row-header h3{font-size:23px}
[class*=block-form] .row-header h4{font-size:16px}
[class*=block-form] .row-header .sub-head{font-size:16px}
[class*=block-form] .row-header > span{font-size:16px}
[class*=block-form] .row-header small{font-size:12px}
[class*=block-form] .row-header em{font-size:14px}
[class*=block-form] .row-header br{display:block}
[class*=block-form] .row{flex-direction:column; gap:16px 8px}
[class*=block-form] .row > *{flex:1}
[class*=block-form] .row > *.w1{max-width:unset}
[class*=block-form] .row > *.w2{max-width:unset}
[class*=block-form] .row > *.w3{max-width:unset}
[class*=block-form] .row > *.w4{max-width:unset}
[class*=block-form] .row > *.w5{max-width:unset}
[class*=block-form] .row > *.w6{max-width:unset}
[class*=block-form] .row > *.w7{max-width:unset}
[class*=block-form] .row > *.w8{max-width:unset}
[class*=block-form] .row > *.w9{max-width:unset}
[class*=block-form] .row > *.w10{max-width:unset}
[class*=block-form] .row > *.w11{max-width:unset}
[class*=block-form] .row > *.w12{max-width:unset}
[class*=block-form] .row > *.w13{max-width:unset}
[class*=block-form] .row > *.w14{max-width:unset}
[class*=block-form] .row > *.w15{max-width:unset}
[class*=block-form] .row > *.w16{max-width:unset}
[class*=block-form] .row > *.w17{max-width:unset}
[class*=block-form] .row > *.w18{max-width:unset}
[class*=block-form] .row > *.w19{max-width:unset}
[class*=block-form] .row > *.w20{max-width:unset}
[class*=block-form] .row > *.w21{max-width:unset}
[class*=block-form] .row > *.w22{max-width:unset}
[class*=block-form] .row > *.w23{max-width:unset}
[class*=block-form] .row > *.w24{max-width:unset}
[class*=block-form] .row > *.w25{max-width:unset}
[class*=block-form] .row > *.w26{max-width:unset}
[class*=block-form] .row > *.w27{max-width:unset}
[class*=block-form] .row > *.w28{max-width:unset}
[class*=block-form] .row > *.w29{max-width:unset}
[class*=block-form] .row > *.w30{max-width:unset}
[class*=block-form] .row > *.w31{max-width:unset}
[class*=block-form] .row > *.w32{max-width:unset}
[class*=block-form] .row > *.w33{max-width:unset}
[class*=block-form] .row > *.w34{max-width:unset}
[class*=block-form] .row > *.w35{max-width:unset}
[class*=block-form] .row > *.w36{max-width:unset}
[class*=block-form] .row > *.w37{max-width:unset}
[class*=block-form] .row > *.w38{max-width:unset}
[class*=block-form] .row > *.w39{max-width:unset}
[class*=block-form] .row > *.w40{max-width:unset}
[class*=block-form] .row > *.w41{max-width:unset}
[class*=block-form] .row > *.w42{max-width:unset}
[class*=block-form] .row > *.w43{max-width:unset}
[class*=block-form] .row > *.w44{max-width:unset}
[class*=block-form] .row > *.w45{max-width:unset}
[class*=block-form] .row > *.w46{max-width:unset}
[class*=block-form] .row > *.w47{max-width:unset}
[class*=block-form] .row > *.w48{max-width:unset}
[class*=block-form] .row > *.w49{max-width:unset}
[class*=block-form] .row > *.w50{max-width:unset}
[class*=block-form] .row > *.w51{max-width:unset}
[class*=block-form] .row > *.w52{max-width:unset}
[class*=block-form] .row > *.w53{max-width:unset}
[class*=block-form] .row > *.w54{max-width:unset}
[class*=block-form] .row > *.w55{max-width:unset}
[class*=block-form] .row > *.w56{max-width:unset}
[class*=block-form] .row > *.w57{max-width:unset}
[class*=block-form] .row > *.w58{max-width:unset}
[class*=block-form] .row > *.w59{max-width:unset}
[class*=block-form] .row > *.w60{max-width:unset}
[class*=block-form] .row > *.w61{max-width:unset}
[class*=block-form] .row > *.w62{max-width:unset}
[class*=block-form] .row > *.w63{max-width:unset}
[class*=block-form] .row > *.w64{max-width:unset}
[class*=block-form] .row > *.w65{max-width:unset}
[class*=block-form] .row > *.w66{max-width:unset}
[class*=block-form] .row > *.w67{max-width:unset}
[class*=block-form] .row > *.w68{max-width:unset}
[class*=block-form] .row > *.w69{max-width:unset}
[class*=block-form] .row > *.w70{max-width:unset}
[class*=block-form] .row > *.w71{max-width:unset}
[class*=block-form] .row > *.w72{max-width:unset}
[class*=block-form] .row > *.w73{max-width:unset}
[class*=block-form] .row > *.w74{max-width:unset}
[class*=block-form] .row > *.w75{max-width:unset}
[class*=block-form] .row > *.w76{max-width:unset}
[class*=block-form] .row > *.w77{max-width:unset}
[class*=block-form] .row > *.w78{max-width:unset}
[class*=block-form] .row > *.w79{max-width:unset}
[class*=block-form] .row > *.w80{max-width:unset}
[class*=block-form] .row > *.w81{max-width:unset}
[class*=block-form] .row > *.w82{max-width:unset}
[class*=block-form] .row > *.w83{max-width:unset}
[class*=block-form] .row > *.w84{max-width:unset}
[class*=block-form] .row > *.w85{max-width:unset}
[class*=block-form] .row > *.w86{max-width:unset}
[class*=block-form] .row > *.w87{max-width:unset}
[class*=block-form] .row > *.w88{max-width:unset}
[class*=block-form] .row > *.w89{max-width:unset}
[class*=block-form] .row > *.w90{max-width:unset}
[class*=block-form] .row > *.w91{max-width:unset}
[class*=block-form] .row > *.w92{max-width:unset}
[class*=block-form] .row > *.w93{max-width:unset}
[class*=block-form] .row > *.w94{max-width:unset}
[class*=block-form] .row > *.w95{max-width:unset}
[class*=block-form] .row > *.w96{max-width:unset}
[class*=block-form] .row > *.w97{max-width:unset}
[class*=block-form] .row > *.w98{max-width:unset}
[class*=block-form] .row > *.w99{max-width:unset}
[class*=block-form] .row > *.w100{max-width:unset}
[class*=block-form] .row.md-2{flex-direction:row; flex-wrap:wrap; justify-content:space-between}
[class*=block-form] .row.md-2 .col{max-width:calc((100% - 8px) / 2)}
[class*=block-form] .row.md-2 .col:last-child{max-width:100%}
[class*=block-form] .row-title{font-size:16px; margin-top:20px}
[class*=block-form] .row-title small{font-size:12px}
[class*=block-form] .row-full .row-full-container{padding:16px 0; gap:8px}
[class*=block-form] .row-full .row-full-container p{font-size:12px}
[class*=block-form] .row-full .row-full-container p em{font-size:12px; font-weight:500}
[class*=block-form] .row-full .row-full-container p em::after{content:"*"; position:relative; top:-4px; padding:0 2px; color:#fb364b; font-size:16px; font-style:normal; font-weight:800; line-height:115%}
}

@media (max-width: 768px) and (max-width: 768px){
[class*=block-form] .row-full .row-full-container p em::after{top:0}
}

@media (max-width: 768px){
[class*=block-form] .row-full .row-full-container p em a{transition:all 0.5s ease; transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid #333333; color:#333333; text-align:center; line-height:120%; display:inline-block}
[class*=block-form] .row-full:has(sl-checkbox[checked])::before{background-color:#003495}
[class*=block-form] .row-full:has(sl-checkbox[checked]) .row-full-container p{color:rgba(255,255,255,0.6)}
[class*=block-form] .row-full:has(sl-checkbox[checked]) .row-full-container p em{color:#fff}
[class*=block-form] .row-full:has(sl-checkbox[checked]) .row-full-container p em a{color:#fff}
[class*=block-form] .row-centered{display:flex; flex-direction:column; align-items:flex-start; gap:8px}
[class*=block-form].block-form-login{margin-top:-44px}
[class*=block-form].block-form-login .login-btnset{gap:20px; margin-top:0}
[class*=block-form].block-form-login .login-btnset > a{transition:all 0.2s ease; display:block; width:fit-content; margin:0 auto; border-bottom:1px solid transparent; color:#003495; text-align:center; line-height:120%; font-size:14px}
[class*=block-form].block-form-login .login-btnset > a:hover{border-bottom:1px solid #003495}
[class*=block-form].block-form-login .login-btnset > span{display:flex; flex-direction:column; gap:4px; font-size:14px}
[class*=block-form].block-form-login .login-btnset > span > a{font-size:14px}
[class*=block-form].block-form-verification{margin-top:60px; gap:32px}
[class*=block-form].block-form-complete{margin-top:40px; gap:24px}
.addmt{margin-top:16px !important}
.addmt80{margin-top:32px !important}
}

@media (max-width: 768px){
.regist-process{top:146px}
.regist-process ul{gap:16px}
.regist-process ul li:not(.line)::before{width:28px}
.regist-process ul li:not(.line) > div{transform:translate(-50%, calc(100% + 4px)); gap:2px}
.regist-process ul li:not(.line) > div em{font-size:14px}
.regist-process ul li:not(.line) > div p{font-size:10px}
.regist-process ul li:not(.line) > div p span{display:block !important}
.regist-process ul li.line{width:60px; height:28px; padding:10px 0}
}

@media (max-width: 768px){
main section .wrap{padding-top:120px}
main section .wrap h2{font-size:40px; font-weight:800}
main section .wrap h2 br{display:block}
main section .wrap .subtitle{font-size:16px; flex-direction:column; gap:8px}
main section .wrap .subtitle span br{display:block}
main section .wrap .contents{margin-top:24px}
main section:last-child .wrap{padding-bottom:80px}
}

@media (max-width: 768px){
#about .wrap{padding-top:118px; min-height:100dvh}
#about .wrap .video-background{position:fixed}
#about .wrap .subtitle{margin-top:12px; font-size:24px; line-height:120%}
#about .wrap .contents{margin-top:20px; display:flex; flex-direction:column; justify-content:center; gap:24px; text-align:center}
#about .wrap .contents p{color:rgba(255,255,255,0.8); font-size:14px; font-weight:300}
}

@media (min-width: 768px) and (max-height:800px){
#about .wrap{min-height:200dvh}
}

@media (max-width: 768px){
#message .wrap{padding-top:120px}
#message .wrap h2{position:absolute; top:120px; bottom:unset; left:0}
#message .wrap h2 span{position:static; display:block}
#message .wrap h2 span br{display:block}
#message .wrap .ceo-bg{position:relative; bottom:unset; top:unset; left:unset; right:unset; margin:60px 48px 0; width:unset; height:395px}
#message .wrap .ceo-port{position:absolute; top:180px; bottom:unset; right:unset; z-index:2; background-color:rgba(255,255,0,0.4); width:unset; margin:0 103.2px; height:395px}
#message .wrap .ceo-port img{left:0; bottom:0; width:224px; max-width:224px; height:295px}
#message .wrap .ceo-port img:nth-of-type(1){right:-100px; bottom:-34px}
#message .wrap .ceo-sign{left:0; bottom:unset; top:196px; height:395px; padding-left:unset; z-index:3}
#message .wrap .ceo-sign::before{display:none}
#message .wrap .ceo-sign dt{font-size:16px; line-height:150%}
#message .wrap .ceo-sign dd{font-size:12px; font-weight:700; line-height:140%}
#message .wrap .txtbox{position:static; bottom:unset; right:0; width:auto; height:auto; margin-top:30px; color:rgba(255, 255, 255, 0.4); font-size:14px; font-weight:300; line-height:120%; z-index:3; overflow:hidden; max-height:86px; transition:max-height 0.3s ease}
#message .wrap input[type=checkbox]:checked ~ .txtbox{max-height:fit-content; padding-bottom:120px}
#message .wrap input[type=checkbox]:checked ~ .txtbox ~ .more-label{display:none}
#message .wrap .more-label{display:flex; width:auto; padding:12px 24px; justify-content:center; align-items:center; gap:4px; margin-top:12px; border-radius:6px; background:rgba(0, 52, 149, 0.2); color:#fff; font-size:14px; font-weight:300; line-height:120%}
}

@media (min-width: 768px){
#message .wrap .txtbox{padding:0 12px}
#message .wrap .txtbox::-webkit-scrollbar{background-color:rgba(255,255,255,0.1); width:4px; height:12px; background-clip:padding-box; border-radius:16px}
#message .wrap .txtbox::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255, 0.4); background-clip:padding-box; border-radius:16px}
#message .wrap .txtbox::-webkit-scrollbar-button{display:none}
#message .wrap .txtbox::-webkit-scrollbar-corner{background:transparent}
}

@media (max-width: 768px){
#program{position:static}
#program .wrap .subtitle a{font-size:14px; font-weight:300; line-height:120%}
#program .wrap .subtitle a sl-icon{display:none}
#program::before{display:none}
}

@media (max-width: 1400px){
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session) + .program-speakers dl sl-carousel{height:480px; margin-bottom:80px}
}

@media (max-width: 768px){
.APEC-dialog > .dialog-close{position:absolute; right:10px; top:10px; width:36px; height:36px}
.APEC-dialog > .dialog-close sl-icon-button::part(base){color:#fff; font-size:20px}
.APEC-dialog .dialog-navbtn{top:50%; transform:translateY(-50%); width:24px; height:56px; border-radius:0}
.APEC-dialog .dialog-navbtn.prev-btn{left:0; border-radius:0 6px 6px 0; align-items:flex-start}
.APEC-dialog .dialog-navbtn.next-btn{right:0px; border-radius:6px 0 0 6px; align-items:flex-end}
.APEC-dialog .dialog-navbtn i, .APEC-dialog .dialog-navbtn span{display:none}
.APEC-dialog .dialog-navbtn sl-icon{display:block; font-size:20px}
.APEC-dialog .dialog-navbtn:hover{color:#fff; background:rgba(255,255,255,0.3)}
.APEC-dialog .dialog-navbtn:hover.prev-btn i{margin-left:-150px}
.APEC-dialog .dialog-navbtn:hover.next-btn i{margin-right:-150px}
.APEC-dialog::part(panel){max-width:100%; max-height:100%; height:100%; margin:0}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header{height:260px; padding:36px 24px 24px}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header em{padding:2px 12px; font-size:12px; font-style:normal; font-weight:700; line-height:120%}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3{flex-direction:column; align-items:flex-start; gap:24px; font-size:20px}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3 br{display:block}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3 i{display:contents}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3 sl-button[size=medium]{display:none}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-header h3 sl-button[size=xsmall]{display:block}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents{padding:36px 24px 24px}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents .program-info{gap:16px; margin-bottom:36px}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents .program-info ul{display:flex; flex-direction:column; gap:4px; align-items:flex-start}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents .program-info ul li{display:flex; align-items:center; gap:8px; color:#2da54c; font-size:14px; font-style:normal; font-weight:700; line-height:120%}
.APEC-dialog .dialog-pages .dialog-page .dialog-program-contents .program-info p{font-size:14px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header{padding:36px 24px 24px; padding-bottom:40px; gap:20px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info{flex-direction:column; gap:0; align-items:center}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-img{flex-shrink:0; top:0; width:200px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info{width:100%; margin-top:-28px; gap:16px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info em{font-size:14px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info h5{font-size:24px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info > div:has(i) i{font-size:14px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-info .spkr-info > div:has(i) > span{font-size:14px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-header .speaker-desc{color:rgba(255, 255, 255, 0.6); font-size:14px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents{padding:36px 24px 24px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session){margin-bottom:36px}
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session) + .program-speakers dl sl-carousel{height:140px; margin-bottom:80px}
.APEC-dialog.gallery .dialog-pages{max-height:100vh; height:100vh !important}
.APEC-dialog.gallery .dialog-pages .dialog-page span{font-size:12px; line-height:120%}
}

@media (max-width: 576px){
.APEC-dialog .dialog-pages .dialog-page .dialog-speaker-contents .program-speakers:has(.block-list-session) + .program-speakers dl sl-carousel{height:300px; margin-bottom:80px}
}

@media (max-width: 768px){
.subpg main section.area-title .wrap{gap:12px; min-height:unset; padding:40px 0 30px}
.subpg main section.area-title .wrap h2{color:#011740; font-size:32px}
.subpg main section.area-title .wrap .subtitle{color:rgba(1,23,64,0.4); font-size:14px}
.subpg main section.area-title .wrap .subtitle span{display:inline}
.subpg main section.area-img{height:190px; width:100%}
.subpg main section.area-img .container .image-wrapper{width:100vw; height:190px}
.subpg main section.area-img .container .image-wrapper::before{background-size:60px}
.subpg main section.area-img.detail{height:40px}
.subpg.about main section.area-contents .wrap{padding-top:60px; gap:60px}
.subpg.about main section.area-contents .wrap .containers{gap:24px}
.subpg.about main section.area-contents .wrap .containers h3{font-size:24px}
.subpg.about main section.area-contents .wrap .containers .bl-host{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start}
.subpg.about main section.area-contents .wrap .containers .bl-host span{flex:1; max-width:900px; font-size:16px}
.subpg.about main section.area-contents .wrap .containers .bl-logo01{flex-direction:column; gap:12px}
.subpg.about main section.area-contents .wrap .containers .bl-logo01 > div{width:100%; min-height:255px}
.subpg.about main section.area-contents .wrap .containers .bl-logo01 > div:nth-child(1) img{width:183px}
.subpg.about main section.area-contents .wrap .containers .bl-logo01 > div:nth-child(2) img{width:243px}
.subpg.about main section.area-contents .wrap .containers .bl-logo01 > div:nth-child(3) img{width:87px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02{flex-direction:column; gap:20px; padding:40px 0}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(1){width:96px; height:96px; margin:20px 0}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(2) img{width:22px; height:22px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(3){width:137px; height:107px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(4) img{width:22px; height:22px; transform:rotate(90deg)}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(5){width:120px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02 div:nth-child(5) img{width:80px; height:80px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02-1{gap:24px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02-1 p{font-size:16px}
.subpg.about main section.area-contents .wrap .containers .bl-logo02-1 span{font-size:16px}
.subpg.about main section.area-contents .wrap .containers .bl-logo03{flex-direction:column; gap:12px}
.subpg.about main section.area-contents .wrap .containers .bl-logo03 > div{width:100%; padding:24px; font-size:14px}
.subpg.about main section.area-contents .wrap .containers .bl-gallery{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:24px 16px}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item{gap:8px}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper img{opacity:0.7}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper > em{right:12px; bottom:12px; width:40px}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item .image-wrapper.no-img::before{transform:scale(0.6)}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item span{font-size:12px; font-weight:300; line-height:120%}
.subpg.about main section.area-contents .wrap .containers .bl-gallery .gallery-item i{font-size:12px; line-height:120%}
.subpg.about main section.area-contents .wrap .containers .bl-media{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:24px 16px}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item{gap:8px}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper img{opacity:0.7}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper > em{right:12px; bottom:12px; width:40px}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item .image-wrapper.no-img::before{transform:scale(0.6)}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item span{font-size:16px; font-weight:600; line-height:120%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal}
.subpg.about main section.area-contents .wrap .containers .bl-media .media-item i{font-size:12px; line-height:120%}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty{height:360px; gap:12px}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty img{width:39.524px; height:38.445px; flex-shrink:0}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty span{font-size:16px}
.subpg.about main section.area-contents .wrap .containers .bl-media-empty span br{display:block}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail{gap:24px}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail h3{font-size:20px}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail h3 em{font-size:14px}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail .content-article{padding:24px 0; font-size:16px}
.subpg.about main section.area-contents .wrap .containers .bl-media-detail sl-button{width:fit-content; margin:0 auto}
}

@media (max-width: 768px){
.subpg.type02 main section.area-title{margin-top:-56px; min-height:100vh; height:100vh}
.subpg.type02 main section.area-title .wrap .video-background{height:80vh}
.subpg.type02 main section.area-title .wrap h2{bottom:144px; gap:8px; font-size:40px; overflow:hidden}
.subpg.type02 main section.area-title .wrap h2 .subtitle{font-size:16px}
.subpg.type02 main section.area-title .wrap h2 span{display:contents}
.subpg.type02 main section.area-title .wrap h2 em{display:none}
.subpg.type02 main section.area-title .wrap h2 br{display:block}
.subpg.type02 main section.area-title .wrap .ic-custom-mouse{bottom:80px; display:block; transform:scale(0.625)}
.subpg.type02 main section.area-contents:has(.bl-venue-map){padding-bottom:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-map{height:470px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info{width:100%; margin:80px auto 0; gap:24px; align-items:flex-start; flex-direction:column}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info img{width:100%; height:160px; object-fit:cover; object-position:top}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl{gap:24px; padding-bottom:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dt small{font-size:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dt span{font-size:24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul{gap:8px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul li{font-size:16px; font-weight:300}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul li > svg{width:20px; height:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul li a{gap:4px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-info dl dd ul li a > svg{width:20px; height:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap{margin:70px -24px 0; height:348px; padding:0 32px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl dt{font-size:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl dd{flex-direction:column; justify-content:space-between; align-items:flex-start; gap:20px; font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl dd sl-button span[slot=suffix]{width:20px; height:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-venue-downmap dl dd sl-button::part(base){border-radius:12px !important}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel{padding-bottom:80px; margin:0 -24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > img{height:293px; width:100%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > div{gap:24px; padding:0 24px; font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > div sl-button{width:fit-content}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > div sl-button::part(base){border-radius:12px !important}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul{flex-direction:column; gap:40px; padding:0 48px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li{width:100%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li img{width:100%; height:auto}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dt{margin-bottom:8px; font-size:24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd a span{font-size:14px; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd a + p{margin-top:10px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel > ul li dl dd p{font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide{padding-top:80px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4{text-align:center}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4 span{font-size:32px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4 span br{display:block}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide h4 small{font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul{flex-direction:column; gap:40px; padding:0 24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li img{height:330px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl{margin-top:-40px; padding:0}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dt{font-size:24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dd{gap:12px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dd span{font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-hotel-guide ul li dl dd a span{font-size:14px; line-height:150%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title{gap:12px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title h4{gap:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title h4 i{padding:2px 12px; font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title h4 span{font-size:32px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-title small{font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event{margin:0 -24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > img{height:293px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div{margin-top:-20px; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:24px; padding:0 24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl{gap:12px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dt{font-size:20px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd{gap:8px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd ul{flex-direction:column; gap:4px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd ul li{gap:2px; font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd p{font-size:16px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div dl dd a{font-size:16px; text-align:left}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div .btn-set{flex-direction:row; gap:16px; align-items:center}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div .btn-set sl-button{flex:1}
.subpg.type02 main section.area-contents .wrap .containers .bl-event > div .btn-set sl-button::part(base){align-items:center}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-regist{display:flex; padding:32px 40px; flex-direction:column; gap:24px}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-regist p{font-size:20px; font-weight:300}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-regist sl-button{width:100%}
.subpg.type02 main section.area-contents .wrap .containers .bl-event-regist sl-button::part(base){align-items:center; border-radius:12px !important}
.subpg.type02 main section.area-contents .wrap .containers:has([class*=bl-event]){gap:32px}
.subpg.type02 main section.area-contents .wrap:has(.containers [class*=bl-event]){gap:120px}
}

@media (max-width: 768px){
.subpg.login{background-color:#fff !important}
.subpg.login main section.area-title{margin-top:-56px; min-height:100vh; height:100vh}
.subpg.login main section.area-title .wrap .video-background{height:80vh}
.subpg.login main section.area-title .wrap h2{bottom:144px; gap:8px; font-size:40px; overflow:hidden}
.subpg.login main section.area-title .wrap h2 .subtitle{font-size:16px}
.subpg.login main section.area-title .wrap h2 span{display:contents}
.subpg.login main section.area-title .wrap h2 em{display:none}
.subpg.login main section.area-title .wrap h2 br{display:block}
.subpg.login main section.area-title .wrap .ic-custom-mouse{bottom:80px; display:block; transform:scale(0.625)}
.subpg.login main section.area-title{min-height:248px; height:248px}
.subpg.login main section.area-title:has(.regist-process){min-height:265px; height:265px}
.subpg.login main section.area-title .wrap{overflow:hidden}
.subpg.login main section.area-title .wrap .video-background{height:100%}
.subpg.login main section.area-title .wrap h2{top:84px; bottom:unset; font-size:32px}
.subpg.login main section.area-title .wrap .subtitle{top:134px; font-size:14px}
.subpg.login main section.area-title .wrap span{display:contents}
.subpg.login main section.area-title .wrap br{display:block}
}

@media (max-width: 768px){
.subpg.faq main section.area-title .wrap h2{font-size:32px}
.subpg.faq main section.area-title .wrap h2 span{display:contents}
.subpg.faq main section.area-title .wrap h2 br{display:block}
.subpg.faq main section.area-title .wrap .subtitle{font-size:14px}
.subpg.faq main section.area-title .wrap .subtitle span{display:contents}
.subpg.faq main section.area-title .wrap .subtitle br{display:block}
.subpg.faq main section.area-contents .wrap{margin:0}
}

@media (max-width: 768px){
.subpg.mypage main section.area-title .wrap{min-height:unset; padding:30px 0 0}
.subpg.mypage main section.area-title .wrap h2{font-size:32px}
.subpg.mypage main section.area-contents{padding-bottom:80px}
.subpg.mypage main section.area-contents .wrap .containers{gap:40px}
.subpg.mypage main section.area-contents .wrap .containers h4 span{font-size:24px; font-weight:800}
.subpg.mypage main section.area-contents .wrap .containers h4 small{font-size:14px}
.subpg.mypage main section.area-contents .wrap .containers .bl-mymain{gap:20px; padding:40px 24px 20px; margin:0 -24px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events{gap:20px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul{flex-direction:column; gap:16px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li{width:100%; padding:24px 0px; gap:12px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li h5{gap:12px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li h5 span{font-size:32px}
.subpg.mypage main section.area-contents .wrap .containers .bl-events ul li h5 small{font-size:16px}
.subpg.mypage main section.area-contents .wrap .bl-payment-title{margin-top:40px; padding-bottom:20px; border-bottom:1.5px solid #000; font-size:24px}
.subpg.mypage main section.area-contents .wrap .bl-payment{padding:20px 0px 40px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons{gap:20px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dt{font-size:14px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li img{width:60px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li .payment-info{flex-direction:column; align-items:flex-start; font-size:16px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li .payment-info .payment-name{gap:4px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li.total{padding-top:20px; margin-top:0px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-persons dd ul li.total .payment-info{flex-direction:row; font-size:20px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method{margin-top:40px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group::part(form-control-label){font-size:24px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li{padding:16px 0}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper{margin:4px 0 0; gap:20px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > p{padding-left:24px; font-size:12px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl dt{font-size:14px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl dd ul{font-size:12px}
.subpg.mypage main section.area-contents .wrap .bl-payment .payment-method sl-radio-group > ul > li #bank-details-wrapper > dl dd ul li::before{padding:0 6px}
.subpg.mypage main section.area-contents .wrap .bl-payment-btn sl-button::part(base){border-radius:12px !important; font-size:14px !important; padding:12px 24px !important}
.subpg.mypage main section.area-contents .wrap .bl-payment-btn p{font-size:14px}
}

@media (max-width: 768px){
.subpg.etcs header .logo{background-image:url("/images/apec_logo_light_m.svg")}
.subpg.etcs main section.area-title .wrap h2{color:#011740; font-size:32px}
.subpg.etcs main section.area-contents .wrap{padding-bottom:80px}
}