@charset "UTF-8";

#header { z-index:3; }

#container { background:#041129; position:relative; min-height:500rem;}
.sub_top { position:relative; height: 100rem; }
.sub_top:before { position:absolute; content:''; width:100%; height:1229rem; top: -126rem; z-index: 0;pointer-events: none; background:url(/design2026/apec/img/sub/container-bg.png) no-repeat top/cover; }

.apec2:before {background:url(/design2026/apec/img/sub/container-bg2.png) no-repeat top/cover; }
.apec3:before {background:url(/design2026/apec/img/sub/container-bg3.png) no-repeat top/cover; }
.apec4:before {background:url(/design2026/apec/img/sub/container-bg4.png) no-repeat top/cover; }
.apec5:before {background:url(/design2026/apec/img/sub/container-bg5.png) no-repeat top/cover; }
.apec6:before {background:url(/design2026/apec/img/sub/container-bg6.png) no-repeat top/cover; }
/* .apec7:before {background:url(/design2026/apec/img/sub/container-bg7.png) no-repeat top/cover; } */


/* ----------------------- */
.sub > .wrap { display:flex; justify-content:space-between; padding:20rem 0 160rem; z-index: 2; position: relative;}

.sub_nav { width: 300rem; }
.sub_nav.ver2 {position:relative; }

.sub_nav.ver2 h2 { position:relative; text-align:left; background:none; overflow:hidden; font-size: 38rem; margin-bottom:20rem; }

.sub_nav.ver2 .nav_inner { position:relative; display:flex; flex-direction:column; gap:90rem; transition:.5s}
.sub_nav.ver2 .nav_inner:after { position:relative; content:''; display:block; width:177rem; height:305rem; background:url(/design2026/apec/img/sub/sub_nav_bg.svg) no-repeat bottom/contain;}
.sub_nav.ver2 .nav_inner.is-fixed{position:fixed;left:8.2%;z-index:1000;width:270px; top:80rem}
.sub_nav.ver2 .nav_inner.is-bottom{ opacity:0;visibility:hidden;pointer-events:none; transition:.5s}


.sub_nav.ver2 .depth1 > li > a { padding:6rem 20rem 6rem 2rem; border:none; color:#7C8698; margin-bottom:10rem; transition:.3s; }
.sub_nav.ver2 .depth2 { margin-bottom:20rem; border-radius:18rem; background:none; padding:10rem; }
.sub_nav.ver2 .depth2 > li > a { border-bottom:none; padding: 5rem 20rem; }

.sub_nav.ver2 .depth1 > li > a.on { color:#fff !important; border-color:#fff !important; flex-direction: row-reverse; gap:10rem; justify-content: left; font-weight: normal; }

.sub_nav.ver2 .depth1 > li > a.on::after { content:''; display:block; flex-shrink:0; width:10px; height:2px; background:#999; align-self:flex-start; background:#fff !important; width:15rem; height:1px; margin-top: 13rem; }
.sub_nav.ver2 .depth1 > li > a:hover { color:#fff; }

.sub_nav.ver2 .depth2 > li > a.on { color:#82008E; }
.sub_nav.ver2 .depth2 > li > a.on > span::before { background:#82008E; }

.sub_nav.ver2 .depth2 > li > a > span::before, .sub_nav.ver2 .depth3 a span::before { width: 4rem; height: 4rem; border-radius:50rem; }

.content_wrap { width:calc(100% - 360rem); min-height:400rem; }
.content_wrap .location_wrap { display:flex; gap:20rem; align-items:center; font-size:16rem; margin-bottom:20rem; }
.content_wrap .location_wrap .arrow { width:20rem; height:1rem; background:#fff; }
.content_wrap .location_wrap .home { width:48rem; height:48rem; background:#041026; border-radius:50rem; display:flex; align-items:center; justify-content:center; font-size:0; text-indent:-9999px; }



@media all and (max-width:1280px){
	.sub > .wrap { padding:0 0 160rem;  }
	.sub_top .svisual .deco,
	.sub_nav{ display:none; }
	.content_wrap { width:100%; }
	.top-inner .sub_util .ir_area { display:none; }
	.top-inner .sub_util { gaP:4rem; }
	
	.content_wrap .top-inner { margin-top: -20rem; }
	
	.content_wrap .top-inner .location_wrap > li button .list_btn  { display:block; }
	.content_wrap .top-inner .location_wrap { height:60rem; gap:0;background:#fff; border:1px solid #ddd; border-radius:10rem; }
	.content_wrap .top-inner .location_wrap > li { height:100%; display:flex; align-items:center; justify-content:center; padding:14rem; color:#666666; font-size:17rem; }
	.content_wrap .top-inner .location_wrap > li:nth-child(1){ width:60rem; }
	.content_wrap .top-inner .location_wrap > li.arrow:before { height:100%; }
	.content_wrap .top-inner .zoom { display:none; }
	
	.depth .depth_list { top:65rem; }
	
	
}
@media all and (max-width:1024px){
	.sub_top { display:none; }
	.content_wrap .location_wrap { margin:20rem 0 30rem; }
}
@media all and (max-width:850px){
	
	#header .search_area #searchFrm,
	#header > .wrap .right .eng { display:none; }
}
@media all and (max-width:700px){
	.top-inner .sub_util{ position: absolute; top: -90rem; right: 0; }
	.content_wrap .top-inner .location_wrap { max-width: 100%; width: 100%; }
	.content_wrap .top-inner .location_wrap > li.depth {flex: 1 1 0; max-width: 100%;  min-width: 0; }
}



@media all and (max-width:540px){
	.content_wrap .top-inner .location_wrap {flex-wrap: wrap;height: auto; }
	.content_wrap .top-inner .location_wrap > li.arrow {display: none;}
	.content_wrap .top-inner .location_wrap > li:nth-child(1) { width: 50%;flex: 0 0 50%; max-width: 50%;height: 48rem;}
	.content_wrap .top-inner .location_wrap > li.depth {flex: 0 0 50%;max-width: 50%;height: 48rem;padding: 0 8rem;}
	.content_wrap .top-inner .location_wrap > li.depth button {width: 100%;justify-content: space-between;}
	
	.content_wrap .top-inner .location_wrap > li:nth-child(1){ font-size:17rem; gap:10rem; justify-content: flex-start;}
	.content_wrap .top-inner .location_wrap > li:nth-child(1) img { margin-bottom: 4rem; }
	
	.content_wrap .top-inner .location_wrap > li:nth-child(1),
	.content_wrap .top-inner .location_wrap > li:nth-child(3) {border-bottom:1px solid #ddd;}
	.content_wrap .top-inner .location_wrap > li:nth-child(1),
	.content_wrap .top-inner .location_wrap > li:nth-child(5) {border-right:1px solid #ddd;}
	
	.depth.depth1 .depth_list { top: 44rem; width:calc(100% + 2px); }
}

#apecSchedule .schedule-extra{display:none;}
#apecSchedule.is-expanded .schedule-extra{display:table-row;}

.member-video-modal{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;border:0;box-sizing:border-box;background:transparent;overflow:auto;}
.member-video-modal[open]{display:flex;align-items:center;justify-content:center;}
.member-video-modal::backdrop{background:rgba(0,0,0,.7);}
.member-video-box{position:relative;width:min(100%,1100px);}
.member-video-box video{display:block;width:100%;height:auto;max-height:calc(100dvh - 120px);margin:0 auto;background:#000;object-fit:contain;}
.member-video-close{position:absolute;top:-18rem;right:-60rem;display:flex;align-items:center;justify-content:center;width:60rem;height:60rem;padding:0;cursor:pointer; background: url(/design2026/apec/img/common/ic-close.svg) no-repeat center;}
.member-video-close span {font-size: 0;}
.member-video-close:focus-visible{outline:3px solid #5ca8ff;outline-offset:3px;}

@media(max-width:760px){
    .member-video-modal{padding:16px;}
    .member-video-box video{max-height:calc(100dvh - 100px);}
}