.progress { position: fixed; z-index: 10; top: 0; left: 0; height: 8px; background-color: var(--progress-color, var(--eli-color)); transition: all linear 0.1s; min-width: 0%; }

.btn-back { position: fixed; z-index: 5; margin: 0; padding: 0; top: 136px; left: 36px; color: var(--eli-color); }
.back-arrow { font-size: 40px; font-weight: 800; position: relative; }
.btn-name { font-size: 30px; font-weight: 700; position: relative; top: -2px; }


#wrap-sub .pic-wrap { position: relative; overflow: hidden; width: 100%; }
#wrap-sub .card_pic { display: block; width: 100%; height: auto; transition: transform 0.5s ease-out; }
#wrap-sub .card_pic:hover { transform: scale(1.04); }



.cont-sub ::selection { background: #1a1915; }
.overlay2 { background-color: #1a1915; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

/* #pse1 div { height: 100vh; height: calc(var(--vh, 1vh) * 100); } */


.mv-gradient { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)); z-index: 2; }

.mv, .mv-gradient { will-change: opacity, transform scale; backface-visibility: hidden; transform: translateZ(0); }

#wrap-sub .align-wrapper { margin: 12.5vw 36px 80px; display: flex; flex-direction: column; align-items: center; position: relative; }

#wrap-sub .hl1 .h-copy { font-weight: 600; line-height: 1.1; }
#wrap-sub .hl1 .f-zdai { font-weight: 700; line-height: 1.2; }

.hc-op { opacity: 1; }
#wrap-sub .ra-area1 { font-weight: 500; }


.prj { width: 50vw; /*margin: calc(5.2083vw + 160px) 0 12vw;*/ margin: 9vw 0 10vw; display: block; }
.prj .pnum, .prj .ptype { float: left; margin-bottom: 0.5208vw; font-size: clamp(18px, 1.249vw, 1.249vw); font-weight: 700; }
.prj .ptype { padding-left: 0.7813vw; font-weight: 600; }
.prj .ptitle { clear: both; font-size: 2.4vw; font-weight: 800; width: 20vw; }
.prj .ptitle .pt-en { word-break: keep-all; line-height: 1.1; }

.prj a { width: 100%; display: block; padding-bottom: 6.25vw; opacity: 1; transition: opacity 0.3s ease-out; margin: 0 auto; width: fit-content; }
.prj:has(a:hover) a { opacity: 0.2; }
.prj:has(a:hover) a:hover { opacity: 1; }
.prj a:last-child { padding-bottom: 0; }

.line_th3 { text-decoration-line: line-through; text-decoration-color: transparent; text-decoration-thickness: clamp(2px, 0.05em, 8px); transition: text-decoration-color 0.3s ease-out; word-break: break-word; }

.prj a.active .line_th3 { text-decoration-color: #c70000; }

.detail_content { width: 100%; }
.de_sec { width: 100%; position: relative; z-index: 5; background-color: var(--bg-color); transition: background 0.4s; }

.de_sec img { margin: 0 auto; width: 100%; display: block; will-change: auto; }
.img-group.pc { display: block; }
.img-group.mobile { display: flex; flex-direction: column; }
.de_sec img { transition: opacity 0.4s; }
.de_sec img { transition: none !important; }


@media (min-width: 961px) {
    .img-group.pc { display: block; }
    .img-group.mobile { display: none; }
}

@media (max-width: 960px) {
    .img-group.pc { display: none; }
    .img-group.mobile { display: flex; }
}





.bottom_ctrl { display: flex; justify-content: center; align-items: flex-start; width: 100%; z-index: 5; gap: 0; }
.bottom_ctrl .ctrl-group { display: flex; flex-direction: column; align-items: flex-start; }
.bottom_ctrl .prj-title { font-size: 1vw; font-weight: 600; display: block; margin-bottom: 1.4583vw; width: 100%; text-align: left; opacity: 0.3; }
.bottom_ctrl .ctrl-group:last-child .prj-title { text-align: right; }
.bottom_ctrl a, .bottom_ctrl .no-link { display: flex; flex-direction: column; font-size: 1.4583vw; font-weight: 600; width: 100%; height: 14.5833vw; min-height: 240px; }

.bottom_ctrl .no-link ::selection, .bottom_ctrl a ::selection { background: #1a1915; }
.bottom_ctrl a.prev, .bottom_ctrl .prev.no-link { justify-content: flex-start; align-items: flex-start; }
.bottom_ctrl a.next, .bottom_ctrl .next.no-link { justify-content: flex-start; align-items: flex-end; }
.bottom_ctrl .no-link { background-color: #1a1915; opacity: 0.95; pointer-events: none; cursor: default; color: inherit; position: relative; z-index: 2; }
.bottom_ctrl .no-link-text, .bottom_ctrl .link-text { font-size: 1.8vw; font-weight: 600; line-height: 1.2; margin-top: 0; width: 80%; text-align: left; }
.bottom_ctrl .no-link-text { color: rgba(244, 243, 222, 0.3); }
.bottom_ctrl .prj-title, .bottom_ctrl .link-text { color: #f4f3de; }

.bottom_ctrl .next.no-link .no-link-text, .bottom_ctrl .ctrl-group:last-child .no-link-text, .bottom_ctrl .a.next .link-text, .bottom_ctrl .ctrl-group:last-child .link-text { text-align: right; word-break: keep-all; }

.thumb-link { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 2vw; text-decoration: none; overflow: hidden; height: 100%; }
.thumb-link .overlay { margin: 0; padding: 0; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #1a1915; opacity: 0.6; }

.thumb-link .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease-out; z-index: 0; }
.thumb-link:hover .bg-img { transform: scale(1.05); }
.thumb-link .prj-title, .thumb-link .link-text, .no-link .prj-title, .no-link .link-text { position: relative; z-index: 2; }

.bottom_ctrl a img { opacity: 0.7; transition: opacity 0.3s; margin: -0.2vw 1vw 0; }
.bottom_ctrl a:hover { opacity: 1; }
.bottom_ctrl a:hover img { opacity: 1; }


.pin-spacer { margin-top: 80px; }
.exp { height: 100%; -webkit-overflow-scrolling: touch; }

.empty1 { margin: 2vw 0; background: transparent; display: none; }

.panel { width: 100%; max-height: 2560px; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 5; }

/* .video-mask { max-width: 100%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; will-change: transform; transform: translateZ(0); backface-visibility: hidden; }

.video-mask video { margin: 0 auto; display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; will-change: transform; transform: translateZ(0); backface-visibility: hidden; } */

.yellowWrapper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; background: transparent; will-change: transform; }
.yellow { width: 100%; height: 100%; background: #fee800; display: flex; justify-content: center; align-items: center; padding: 100px; }
.video-mask { max-width: 880px; max-height: 880px; width: auto; height: auto; display: flex; justify-content: center; align-items: center; }
.video-mask video { max-width: 100vw; max-height: 880px; width: auto; height: auto; object-fit: cover; display: block; }

#wrap-sub .cmt { font-weight: 500; }

#fixedWidth .img_item { cursor: pointer; }
#fixedWidth .img_item:last-child { margin-right: 0; }

.c-info1 > span:first-child { opacity: 1; }




@media screen and (min-width:1921px) {
    
    #wrap-sub .align-wrapper { margin: 0; background-color: var(--bg-color); position: relative; z-index: 3; transition: background-color 0.4s; }
    
    #wrap-sub .sc-trigger { position: absolute; width: 100%; padding: 0 36px; z-index: 4; pointer-events: none; /*background-color: var(--bg-color);*/ transition: background-color 0.4s; }

    #wrap-sub .sc-trigger2 { margin-top: 0; position: absolute; width: 100%; /*height: 100vw;*/ padding: 0; z-index: 2; pointer-events: none; transition: background-color 0.4s; }

    /* #wrap-sub .br-headline { position: relative; margin: 0; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; letter-spacing: -0.01em; padding-bottom: 8vw; margin-top: 2vw; } */


    #wrap-sub .big-title { font-size: 20.833vw; font-weight: 700; }

    #wrap-sub .hl1, #wrap-sub .hl2 { display: block; }
    #wrap-sub .big-title { font-size: 16.533vw; font-weight: 700; letter-spacing: -0.01em; }
    /* #wrap-sub .hl1 { width: 72%; display: block; line-height: 1; } */
    
    #wrap-sub .cmt { margin-top: 1.3vw; margin-right: 0.6vw; font-size: 1.067vw; display: inline-block; vertical-align: top; letter-spacing: 0; }
    #wrap-sub .h-copy { display: inline; font-size: 3.2vw; }
    #wrap-sub .f-zdai { display: inline; font-size: 3.2vw; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; }
    /* #wrap-sub .hl2 { width: 20vw; font-size: 1vw; line-height: 1.6; font-weight: 500; margin-top: 0.533vw; } */


    #wrap-sub .br-headline { display: grid; grid-template-columns: repeat(18, 1fr); grid-template-rows: auto auto; width: 100%; align-items: start; padding-top: 10vw; }
    #wrap-sub .hl1 { grid-column: 7 / span 12; grid-row: 1; width: 100%; line-height: 1; display: block; }
    #wrap-sub .hl2 { grid-column: 7 / span 6; grid-row: 2; width: 100%; font-size: clamp(16px, 1.1vw, 1.1vw); line-height: 1.6; font-weight: 500; margin-top: 0.9vw; display: block; }

    #pse1 div { height: 56vw; }


    .dash { display: inline-block; width: 28vw; height: 0.8vw; margin: 0 0.5vw 0 1vw; background-color: var(--eli-color); vertical-align: middle; }

    #wrap-sub .recent-activity { padding: 4vw 36px; position: relative; z-index: 5; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 40vw; gap: 1.667vw; width: 100%; background-color: var(--bg-color); transition: background-color 0.4s; }

    #wrap-sub .recent-activity ul { width: 100%; margin-bottom: 6.25vw; }
    #wrap-sub .ra-area1 { font-size: 0.938vw; }
    #wrap-sub .ra-area2 .a2-title { font-size: 1.458vw; margin-right: 1.042vw; }
    #wrap-sub .ra-area2 .a2-desc { font-size: 0.938vw; margin-top: 0.26vw; }
    #wrap-sub .ra-area2 .a2-title, #wrap-sub .ra-area3 { margin-top: 1.042vw; }


    
    .cont-sub { display: flex; width: 100%; position: relative; z-index: 4; background-size: cover; min-height: calc(var(--vh, 1vh) * 100); height: auto; align-items: center; }


    .mv-area { display: grid; grid-template-columns: repeat(18, 1fr); justify-content: center; width: calc(100% - 72px); height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin: 32vw 0 10vw; }

    .mv-area video, .mv-area img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; flex-direction: column; grid-column: 7 / span 12; aspect-ratio: 16 / 9; }


    .abt-row { display: flex; flex-direction: column; gap: 0; align-items: flex-start; width: 100%; height: auto; position: relative; z-index: 4; padding: 10vw 0 0; background-color: var(--bg-color); color: var(--eli-color); transition: background-color 0.4s; margin-top: 44vw; }

    .section-abt { display: grid; grid-template-columns: repeat(18, 1fr); justify-content: center; width: 100%; height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin-bottom: 10vw; padding: 0 36px 0; }

    .abt-border { position: absolute; top: 0; width: 1px; background: rgba(244, 243, 222, 0.07); z-index: 20; pointer-events: none; height: 100%; }

    .sec-title { grid-column: span 6; text-align: left; display: flex; flex-direction: column; height: auto; width: 100%; justify-content: flex-start; font-size: 0.972vw; z-index: 4; position: sticky; top: 260px; align-self: start; }

    .sec-cont { grid-column: 7 / span 6; text-align: left; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative; justify-content: center; }

    .section-abt, .sec-cont { height: auto; overflow: visible; }

    .cont1, .cont2-1, .cont2-2, .cont3 { text-align: left; }

    .cont1 > span { display: block; }
    .gt { font-size: 0.972vw; margin-bottom: 1.389vw; display: block; }
    .gt-sm { font-size: 0.9vw; margin-bottom: 1vw; display: block; }

    .me1 { font-size: 2.4vw; font-weight: 700; line-height: 1.2; margin-bottom: 1.389vw; }
    .me2 { font-size: 0.9vw; font-weight: 400; line-height: 1.5; opacity: 0.5; margin-bottom: 2.778vw; }
    .me3 { margin-bottom: 2.083vw; }
    .me3 .info ul li { height: auto !important; font-size: 0.9vw; font-weight: 400; line-height: 1.5; }
    .me3 .info a, .me5 a { text-decoration: underline; text-underline-offset: 2px; }
    .me4, .me5 { font-size: 0.9vw; font-weight: 400; line-height: 1.2; }
    .me4 { margin-bottom: 7px; }
    .me5 { display: flex; align-items: flex-start; }
    .me5 svg { fill: #F4F3DE; vertical-align: top; margin-top: 2px; }

    .timecircle { width: 100%; margin-top: 2vw; }
    .time_circles canvas { display: none; }
    .st-title { position: relative; margin: 0; height: 1.6vw; margin-bottom: 0.15vw; }
    .st-title li { font-size: 1vw; line-height: 20px; float: left; color: var(--eli-color); }
    .wha { color: rgba(244,243,222,0.5); padding-right: 0.25vw; font-weight: 400; }
    .whna { font-family: Zodiak; font-style: italic; font-weight: 600; opacity: 0.5; }

    #DateCountdown { position: relative; margin: 0; padding: 0; }

    .textDiv_Days, .textDiv_Hours, .textDiv_Min, .textDiv_Sec { float: left; margin: 0; padding: 0; text-align: left; }
    .textDiv_Days { padding-right: 30px; }
    .textDiv_Hours, .textDiv_Min { padding-right: 30px; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span,
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { float: left; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span { font-size: 1.4vw; color: var(--eli-color); font-weight: 700; letter-spacing: 0.03em; }
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { margin: 14px 0 0 3px; font-weight: 600; font-size: 0.6vw; color: var(--eli-color); line-height: 2px; }

    .acopy1, .acopy2, .acopy3  { display: block; }

    .acopy1 { font-size: 2.2vw; font-weight: 700; margin-bottom: 0.5vw; }
    .acopy2, .acopy3, .c-info2 { font-family: Pretendard; }
    .acopy2 { font-weight: 300; font-size: 1.8vw; line-height: 1.2; margin-bottom: 0.9vw; }
    .acopy3 { font-weight: 400; font-size: 0.9vw; line-height: 1.5; word-break: keep-all; margin-bottom: 4vw; }

    .aname { font-size: 1.6vw; font-weight: 700; line-height: 1.2; margin-bottom: 0.9vw; }
    .sec_ko { font-weight: 500; font-size: 1.1vw; margin-bottom: 15px; }
    .sec_en { font-weight: 400; font-size: 0.9vw; opacity: var(--opc3); margin-bottom: 1.5vw; }
    .cert svg { width: 2.639vw; height: 3.542vw; }

    .story { margin-bottom: 6.944vw; }
    #section3 .story:last-child, #section5 .story:last-child { margin-bottom: 0; }
    #section5 .story:last-child .gt { margin-bottom: 0; }

    .c-info1 { font-size: 1vw; line-height: 1.6; }
    .c-info1 > span { display: block; opacity: var(--opc3); }

    .me2-wrap { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2.778vw; }
    .me2-type2 { display: inline-block; padding: 0.3vw 0.7vw; border: 0.069vw dashed var(--eli-color); border-radius: 100px; font-size: 0.7vw; line-height: 1.4; opacity: var(--opc4); }

    .c-info2 { font-size: 1.25vw; font-weight: 600; line-height: 1.4; word-break: keep-all; }
    .c-info2 span, .c-info3 span { opacity: var(--opc4); }
    .c-info3 { font-size: 1.25vw; font-weight: 600; line-height: 1.4; word-break: keep-all; }
    .nuri { display: block; opacity: var(--opc4); font-size: 1vw; font-weight: 600; line-height: 1; margin-top: 0.4vw; }

    .nostalgia { margin-bottom: 0.694vw; display: block; font-family: Zodiak; font-weight: 600; font-size: 4vw; line-height: 0.01; padding-top: 0.972vw; font-family: 'InterVariable', sans-serif; font-feature-settings: 'ss08' 1; }

    #section4 { position: relative; display: flex; flex-direction: column; }

    #section4 .sec-title { position: relative; top: 0; }
    #section4 .sec-cont { position: relative; padding-top: 0.694vw; }

    /* .tns-item { padding-right: 24px; }
    .tns-item:last-child { padding-right: 0; }

    .tns-controls, .tns-nav { display: none; } */


    #fixedWidth { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x mandatory; align-items: flex-start; }
    #fixedWidth::-webkit-scrollbar { display: none; }
    #fixedWidth .img_item { flex: 0 0 auto; margin-right: 24px; scroll-snap-align: start; user-select: none; -webkit-user-drag: none; box-sizing: border-box; }
    #fixedWidth .img_item { width: calc(100% / 2.2); }
    #fixedWidth .img_item img { width: 100%; }


    #section4 .img_item p { margin-top: 0.6vw; font-size: 1.1vw; font-weight: 400; line-height: 1.6; }

    .bottom_ctrl .ctrl-group { width: 50%; }
    .bottom_ctrl .prj-title { font-size: 1.2vw; margin-bottom: 1.2vw; }
    .bottom_ctrl .no-link-text, .bottom_ctrl .link-text { font-size: 1.8vw; }
    .bottom_ctrl a, .bottom_ctrl .no-link { padding: 3.8vw 36px 0; }


    .contact.sec1 { width: 100%; padding: 0 0 12.5vw; position: relative; z-index: 4; transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 8vw; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 7vw; font-weight: 600; padding: 0 40px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }


    /* .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px var(--eli-color); } */

    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: var(--eli-color); }

    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--eli-color); }
    .highlight-text { -webkit-text-fill-color: var(--eli-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    #wrap-sub .f-zdai3 { display: inline; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; font-weight: 700; }


}


@media screen and (min-width:1281px) and (max-width:1920px) {
    .prj { margin: calc(3vw + 160px) auto 14.5833vw; }
    .prj .ptitle { font-size: 2.9167vw; line-height: 1; width: 26.0417vw; }
    .prj .pnum, .prj .ptype { margin-bottom: 0.5208vw; font-size: clamp(18px, 1.6667vw, 1.6667vw); }


    #wrap-sub .align-wrapper { margin: 0; /*padding-top: 12vw;*/ background-color: var(--bg-color); position: relative; z-index: 4; transition: background-color 0.4s; }
    #wrap-sub .sc-trigger { position: absolute; width: 100%; padding: 11vw 36px 0; z-index: 4; pointer-events: none; /*background-color: var(--bg-color);*/ transition: background-color 0.4s; }

    #wrap-sub .sc-trigger2 { margin-top: 0; position: absolute; width: 100%; /*height: 100vw;*/ padding: 0; z-index: 2; pointer-events: none; transition: background-color 0.4s; }

    /* #wrap-sub .br-headline { position: relative; margin: 0; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; letter-spacing: -0.01em; z-index: 4; } */

    #wrap-sub .big-title { font-size: 16.533vw; font-weight: 700; letter-spacing: -0.01em; }

    /* #wrap-sub .hl1 { width: 72%; display: block; line-height: 1; } */
    
    #wrap-sub .cmt { margin-top: 0.9vw; margin-right: 0.6vw; font-size: 1.1vw; display: inline-block; vertical-align: top; letter-spacing: 0; }
    #wrap-sub .h-copy { display: inline; font-size: clamp(36px, 2.8vw, 2.8vw); }
    #wrap-sub .f-zdai { display: inline; font-size: clamp(36px, 2.8vw, 2.8vw); font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; }

    /* #wrap-sub .hl2 { width: 20vw; font-size: clamp(16px, 1.1vw, 1.1vw); line-height: 1.6; font-weight: 500; margin-top: 0.533vw; } */


    #wrap-sub .br-headline { display: grid; grid-template-columns: repeat(18, 1fr); grid-template-rows: auto auto; width: 100%; align-items: start; }
    #wrap-sub .hl1 { grid-column: 7 / span 12; grid-row: 1; width: 100%; line-height: 1; display: block; }
    #wrap-sub .hl2 { grid-column: 7 / span 6; grid-row: 2; width: 100%; font-size: clamp(16px, 1.1vw, 1.1vw); line-height: 1.6; font-weight: 500; margin-top: 0.9vw; display: block; }

    #pse1 div { height: 42vw; }


    .dash { display: inline-block; width: 28vw; height: 0.8vw; margin: 0 0.5vw 0 1vw; background-color: var(--eli-color); vertical-align: middle; }

    #wrap-sub .recent-activity { padding: 0 36px; position: relative; z-index: 5; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 34vw; padding-top: 5vw; gap: 1.667vw; width: 100%; background-color: var(--bg-color); transition: background-color 0.4s; }


    /* #wrap-sub .br-headline { margin-top: 2vw; } */

    #wrap-sub .recent-activity ul { width: 100%; margin-bottom: 6.25vw; }
    #wrap-sub .ra-area1 { font-size: 0.938vw; }
    #wrap-sub .ra-area2 .a2-title { font-size: 1.458vw; margin-right: 1.042vw; }
    #wrap-sub .ra-area2 .a2-desc { font-size: 0.938vw; margin-top: 0.26vw; }

    #wrap-sub .ra-area2 .a2-title, #wrap-sub .ra-area3 { margin-top: 1.042vw; }

    .me3 .info ul li, .me3 .info a, .me5 a { height: 24px; }

    .bottom_ctrl .ctrl-group { width: 50%; }
    .bottom_ctrl .prj-title { font-size: 1.4vw; margin-bottom: 1vw; }
    .bottom_ctrl .no-link-text, .bottom_ctrl .link-text { font-size: 2vw; }
    .bottom_ctrl a, .bottom_ctrl .no-link { padding: 4vw 36px 0; }



    .contact.sec1 { width: 100%; padding: 0; margin-bottom: 10vw; position: relative; z-index: 4; transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 190px; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 160px; font-weight: 600; padding: 0 40px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }

    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: var(--eli-color); }

    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--eli-color); }
    .highlight-text { -webkit-text-fill-color: var(--eli-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    #wrap-sub .f-zdai3 { display: inline; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; font-weight: 700; }

    
    .cont-sub { display: flex; width: 100%; position: relative; z-index: 4; background-size: cover; min-height: calc(var(--vh, 1vh) * 100); height: auto; align-items: center; }


    .mv-area { display: grid; grid-template-columns: repeat(18, 1fr); justify-content: center; width: calc(100% - 72px); height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin: 30vw 0 10vw; }

    .mv-area video, .mv-area img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; flex-direction: column; grid-column: 7 / span 12; aspect-ratio: 16 / 9; }


    .abt-row { display: flex; flex-direction: column; gap: 0; align-items: flex-start; width: 100%; height: auto; position: relative; z-index: 4; padding: 10vw 0 0; background-color: var(--bg-color); color: var(--eli-color); transition: background-color 0.4s; margin-top: 40vw; }

    .section-abt { display: grid; grid-template-columns: repeat(18, 1fr); justify-content: center; width: 100%; height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin-bottom: 10vw; padding: 0 36px 0; }

    .abt-border { position: absolute; top: 0; width: 1px; background: rgba(244, 243, 222, 0.07); z-index: 20; pointer-events: none; height: 100%; }

    .sec-title { grid-column: span 6; text-align: left; display: flex; flex-direction: column; height: auto; width: 100%; justify-content: flex-start; font-size: 1.5vw; z-index: 4; position: sticky; top: 18.056vw; align-self: start; }

    .sec-cont { grid-column: 7 / span 6; text-align: left; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative; justify-content: center; }

    .section-abt, .sec-cont { height: auto; overflow: visible; }

    .cont1, .cont2-1, .cont2-2, .cont3 { text-align: left; }

    .cont1 > span { display: block; }

    .me2-wrap { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 3.472vw; }
    .me2-type2 { display: inline-block; padding: 6px 12px; border: 1px dashed var(--eli-color); border-radius: 100px; font-size: 1vw; line-height: 1.4; opacity: var(--opc4); }

    .gt { font-size: 1.5vw; margin-bottom: 1.5vw; display: block; }
    .gt-sm { font-size: 1.1vw; margin-bottom: 1.1vw; display: block; }

    .me1 { font-size: 2.4vw; font-weight: 700; line-height: 1.2; margin-bottom: 2.778vw; }
    .me2 { font-size: 1.1vw; font-weight: 400; line-height: 1.5; opacity: 0.5; margin-bottom: 2.4vw; }
    .me3 { margin-bottom: 30px; }
    .me3 .info ul li { height: auto !important; font-size: 1.2vw; font-weight: 400; line-height: 1.5; }
    .me3 .info a, .me5 a { text-decoration: underline; text-underline-offset: 2px; }
    .me4, .me5 { font-size: 1.2vw; font-weight: 400; line-height: 1.2; }
    .me4 { margin-bottom: 7px; }
    .me5 { display: flex; align-items: flex-start; }
    .me5 svg { fill: #F4F3DE; vertical-align: top; margin-top: 2px; }

    .timecircle { width: 100%; margin-top: 48px; }
    .time_circles canvas { display: none; }
    .st-title { position: relative; margin: 0; height: 2.083vw; margin-bottom: 0; }
    .st-title li { font-size: 1.2vw; line-height: 1; float: left; color: var(--eli-color); }
    .wha { color: rgba(244,243,222,0.5); padding-right: 6px; font-weight: 300; }
    .whna { font-family: Zodiak; font-style: italic; font-weight: 400; opacity: 0.5; }

    #DateCountdown { position: relative; margin: 0; padding: 0; }

    .textDiv_Days, .textDiv_Hours, .textDiv_Min, .textDiv_Sec { float: left; margin: 0; padding: 0; text-align: left; }
    .textDiv_Days { padding-right: 1.2vw; }
    .textDiv_Hours, .textDiv_Min { padding-right: 1.2vw; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span,
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { float: left; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span { font-size: 1.8vw; color: var(--eli-color); font-weight: 700; letter-spacing: 0.03em; }
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { margin: 11px 0 0 3px; font-weight: 600; font-size: 0.7vw; color: var(--eli-color); line-height: 0; }

    .acopy1, .acopy2, .acopy3  { display: block; }

    .acopy1 { font-size: 2.4vw; font-weight: 700; margin-bottom: 9px; }
    .acopy2, .acopy3, .c-info2 { font-family: Pretendard; }
    .acopy2 { font-weight: 300; font-size: 2vw; line-height: 1.2; margin-bottom: 1.389vw; }
    .acopy3 { font-weight: 400; font-size: 1.2vw; line-height: 1.5; word-break: keep-all; margin-bottom: 4.861vw; }

    .aname { font-size: 2vw; font-weight: 700; line-height: 1.2; margin-bottom: 1.1vw; }
    .sec_ko { font-weight: 500; font-size: 1.2vw; margin-bottom: 0.7vw; }
    .sec_en { font-weight: 300; font-size: 1.1vw; opacity: var(--opc3); margin-bottom: 2vw; }
    .cert svg { width: 4.583vw; height: 5.208vw; }

    .story { margin-bottom: 6.8vw; }
    #section3 .story:last-child, #section5 .story:last-child { margin-bottom: 0; }
    #section5 .story:last-child .gt { margin-bottom: 0; }

    .c-info1 { font-size: 1.2vw; line-height: 1.4; }
    .c-info1 > span { display: block; opacity: var(--opc3); }
    .c-info1 > span:first-child { margin-bottom: 10px; }
    
    .c-info2 { font-size: 1.5vw; font-weight: 600; word-break: keep-all; transform: translateY(-2px); line-height: 1.4; display: inline-block; }
    .c-info2 span, .c-info3 span { opacity: var(--opc4); }
    .c-info3 { font-size: 1.5vw; font-weight: 600; word-break: keep-all; transform: translateY(-2px); line-height: 1.4; display: inline-block; }

    .nuri { display: block; opacity: var(--opc4); font-size: 1.2vw; font-weight: 600; line-height: 1.6; }

    .nostalgia { margin-bottom: 10px; display: block; font-family: Zodiak; font-weight: 600; font-size: 100px; line-height: 0.01; padding-top: 24px; font-family: 'InterVariable', sans-serif; font-feature-settings: 'ss08' 1; opacity: var(--opc5); }

    #section4 { position: relative; display: flex; flex-direction: column; }

    #section4 .sec-title { position: relative; top: 0; }
    #section4 .sec-cont { position: relative; width: auto; padding-top: 10px; }


    #fixedWidth { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x mandatory; align-items: flex-start; }
    #fixedWidth::-webkit-scrollbar { display: none; }
    #fixedWidth .img_item { flex: 0 0 auto; margin-right: 18px; scroll-snap-align: start; user-select: none; -webkit-user-drag: none; box-sizing: border-box; }
    #fixedWidth .img_item { width: calc(100% / 2.2); }
    #fixedWidth .img_item img { width: 100%; }

    #section4 .img_item p { margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 1.6; }



    /* .exps-sec { position: relative; z-index: 4; margin: 24vw 0 2vw; padding-top: 5vw; background-color: var(--bg-color); transition: background-color 0.4s; width: 100%; } */

    /* .exps-header, .view-row { margin: 0 auto; width: calc(100% - 72px); } */

    .exps-sec { position: relative; z-index: 4; margin: 34vw 0 2vw; padding-top: 5vw; background-color: var(--bg-color); transition: background-color 0.4s; width: calc(100% - 72px); }
    .exps-header { width: 100%; margin: 0 auto; display: flex; justify-content: flex-end; }
    .view-row { width: calc((100% / 18) * 6); margin-left: calc((100% / 18) * 6); }



    .posts, .btnContainer { display: flex; }
    .posts { font-size: 15px; font-weight: 600; margin-top: 2px; margin-right: auto; }
    .btnContainer { position: relative; z-index: 4; display: flex; margin-right: 80px; }
    .btnContainer:last-child { margin-right: 0; }
    .btnContainer button:last-child { margin-right: 0; }


    .view-row .vr-column { float: left; width: 100%; padding: 0; position: relative; z-index: 4; opacity: 1; transform: translateY(0); transition: opacity 0.4s ease, transform 0.4s ease, width 0.4s ease; }
    .view-row .vr-column.hide { opacity: 0; transform: translateY(20px); pointer-events: none; }

    .view-row:after { content: ""; display: table; clear: both; }
    .btnContainer .btn { border: none; outline: none; cursor: pointer; background-color: transparent; color: var(--eli-color); opacity: var(--opc5); transition: opacity 0.4s, color 0.4s; font-size: 15px; font-weight: 500; padding: 0 0 1px; margin: 0 30px 80px 0; position: relative; display: inline-block; }
    .btnContainer .btn::after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: var(--eli-color); transform: scaleX(0); transform-origin: bottom left; transition: transform 0.3s ease-out; }
    .btnContainer .btn:hover::after, .btnContainer .btn.active::after { transform: scaleX(1); }
    .btnContainer .btn:hover { color: var(--eli-color); opacity: 1; transition: opacity 0.4s, color 0.4s; }
    .btnContainer .btn.active { background-color: transparent; color: var(--eli-color); font-weight: 600; opacity: 1; }

    .view-row ul { margin: 40px 0; padding: 0; list-style: none; }

    .exp-num { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; width: 100%; }
    .exp-num .date, .exp-num .total { font-size: 0.938vw; color: var(--eli-color); }
    .exp-num .date { font-weight: 500; }
    .exp-num .total { font-weight: 600; }
    .exp-title { display: block; color: var(--eli-color); font-size: 2.6vw; font-weight: 600; line-height: 1.2; }

    /* .line_th4 { overflow: hidden; display: inline-block; position: relative; color: inherit; text-decoration: none; }
    .line_th4:before { content: ""; position: absolute; left: -100%; bottom: 0; display: block; width: 100%; height: 1px; background-color: var(--eli-color); transition: all 0.4s ease-out; }
    .line_th4:hover:before, .line_th4.active:before { left: 0; }
    .line_th4.active, .line_th4.active:before { transition: none; } */

    .vr-column.dimmed { opacity: 1; }
    .vr-column .exp-num span, .vr-column .exp-title a { opacity: 1; transition: opacity 0.4s ease; }
    .vr-column.dimmed .exp-num span, .vr-column.dimmed .exp-title a { opacity: 0.1; }


    #thumb-wrap { position: absolute; pointer-events: none; z-index: 10; display: flex; justify-content: center; align-items: center; border-radius: 4px; overflow: hidden; }
    #thumb-wrap img { position: absolute; max-width: 100%; max-height: 100%; opacity: 0; transform: scale(0.95); transition: opacity 0.3s ease-out, transform 0.3s ease-out; }
    #thumb-wrap img.show { opacity: 1; transform: scale(1); transition: opacity 0.3s ease-out, transform 0.3s ease-out; }




}


@media screen and (min-width:961px) and (max-width:1280px) {
    .prj .pnum, .prj .ptype { float: left; margin-bottom: 0.533vw; font-size: 2vw; font-weight: 700; }
    .prj .ptype { padding-left: 0.8vw; font-weight: 600; }
    .prj .ptitle { clear: both; font-size: 4vw; font-weight: 800; width: 36vw; }

    #wrap-sub .align-wrapper { margin: 0 0 80px; /*padding-top: 12.5vw;*/ z-index: 4; background-color: var(--bg-color); transition: background-color 0.4s; }
    #wrap-sub .sc-trigger { margin-top: 0; position: absolute; width: 100%; height: 48vw; padding: 11vw 36px 0; z-index: 4; pointer-events: none; /*background-color: var(--bg-color);*/ transition: background-color 0.4s; }

    #wrap-sub .sc-trigger2 { margin-top: 0; position: absolute; width: 100%; /*height: 100vw;*/ padding: 0; z-index: 2; pointer-events: none; transition: background-color 0.4s; }

    #pse1 div { height: 50vw; }

    /* #wrap-sub .br-headline { display: flex; flex-direction: column; align-items: flex-start; width: 100%; position: relative; margin-top: 2.667vw; } */
    #wrap-sub .hl1, #wrap-sub .hl2 { display: block; width: 100%; }

    #wrap-sub .big-title { font-size: 16.267vw; font-weight: 700; }

    /* #wrap-sub .hl1 { width: 100%; display: block; line-height: 1; } */
    #wrap-sub .cmt { padding-top: 1.3vw; margin-right: 0.5vw; font-size: 1.6vw; display: inline-block; vertical-align: top; letter-spacing: 0; }
    #wrap-sub .h-copy { font-size: 3.6vw; }
    #wrap-sub .f-zdai { font-size: 3.2vw; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; }

    /* #wrap-sub .hl2 { margin-top: 2vw; font-size: 1.8vw; line-height: 1.4; } */

    .dash { display: inline-block; width: 28vw; height: 0.6vw; margin: 0 0.5vw 0 1vw; background-color: var(--eli-color); vertical-align: middle; }

    #wrap-sub .recent-activity { gap: 36px; position: relative; z-index: 5; display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 44vw; padding-top: 5vw; background-color: var(--bg-color); transition: background-color 0.4s; }

    #wrap-sub .br-headline { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: auto auto; width: 100%; align-items: start; gap: 24px; position: relative; margin-top: 2.667vw; }
    #wrap-sub .hl1 { grid-column: 1 / span 8; grid-row: 1; width: 100%; line-height: 1; display: block; }
    #wrap-sub .hl2 { grid-column: 1 / span 5; grid-row: 2; width: 100%; font-size: clamp(18px, 1.6vw, 1.6vw); line-height: 1.6; font-weight: 500; margin-top: 0; display: block; }


    #wrap-sub .recent-activity ul { width: 100%; margin-bottom: 6.25vw; }
    #wrap-sub .ra-area1 { font-size: 1.406vw; }
    #wrap-sub .ra-area2 .a2-desc { font-size: 1.406vw; margin-top: 0.312vw; }
    #wrap-sub .ra-area2 .a2-title { font-size: 2.188vw; margin-right: 1.353vw; }

    #wrap-sub .ra-area2 .a2-title, #wrap-sub .ra-area3 { margin-top: 1.353vw; }

    .bottom_ctrl .ctrl-group { width: 50%; }
    .bottom_ctrl .prj-title { font-size: 1.6vw; margin-bottom: 1.6vw; }
    .bottom_ctrl .no-link-text, .bottom_ctrl .link-text { font-size: 2.2vw; }
    .bottom_ctrl a, .bottom_ctrl .no-link { padding: 5vw 36px 0; }



    
    .cont-sub { display: flex; width: 100%; position: relative; z-index: 4; background-size: cover; min-height: calc(var(--vh, 1vh) * 100); height: auto; align-items: center; }


    .mv-area { display: grid; grid-template-columns: repeat(8, 1fr); justify-content: center; width: calc(100% - 72px); height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin: 42vw 0 10vw; }

    .mv-area video, .mv-area img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; flex-direction: column; grid-column: 4 / span 5; aspect-ratio: 16 / 9; }


    .abt-row { display: flex; flex-direction: column; gap: 0; align-items: flex-start; width: 100%; height: auto; position: relative; z-index: 4; background-color: var(--bg-color); color: var(--eli-color); transition: background-color 0.4s; margin-top: 50vw; padding-top: 10vw; }

    .section-abt { display: grid; grid-template-columns: repeat(12, 1fr); justify-content: center; width: 100%; height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin-bottom: 15vw; padding: 0 36px 0; }

    .section-abt:last-child { margin-bottom: 0; }

    .abt-border { position: absolute; top: 0; width: 1px; background: rgba(244, 243, 222, 0.07); z-index: 20; pointer-events: none; height: 100%; }

    .sec-title { grid-column: span 3; text-align: left; display: flex; flex-direction: column; height: auto; width: 100%; justify-content: flex-start; font-size: 1.7vw; z-index: 4; position: sticky; top: 10vw; align-self: start; }

    .sec-cont { grid-column: 5 / span 4; text-align: left; display: flex; flex-direction: column; height: 100%; width: 100%; position: relative; justify-content: center; }


    .contact.sec1 { width: 100%; padding: 0; margin-bottom: 15vw; position: relative; z-index: 4; transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 150px; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 120px; font-weight: 600; padding: 0 40px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }

    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: var(--eli-color); }

    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--eli-color); }
    .highlight-text { -webkit-text-fill-color: var(--eli-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    #wrap-sub .f-zdai3 { display: inline; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; font-weight: 700; }


    .section-abt, .sec-cont { height: auto; overflow: visible; }

    .cont1, .cont2-1, .cont2-2, .cont3 { text-align: left; }

    .cont1 > span { display: block; }

    .me2-wrap { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4.167vw; }
    .me2-type2 { display: inline-block; padding: 6px 12px; border: 1px dashed var(--eli-color); border-radius: 100px; font-size: 1.3vw; line-height: 1.4; opacity: var(--opc4); }

    .gt { font-size: 1.8vw; margin-bottom: 30px; display: block; }
    .gt-sm { font-size: 1.5vw; margin-bottom: 1.2vw; display: block; }

    .me1 { font-size: 3vw; font-weight: 700; line-height: 1.1; margin-bottom: 2vw; }
    .me2 { font-size: 1.5vw; font-weight: 400; line-height: 1.5; opacity: 0.5; margin-bottom: 4vw; }
    .me3 { margin-bottom: 2vw; }
    .me3 .info ul li { height: auto !important; font-size: 1.5vw; font-weight: 400; line-height: 1.5; }
    .me3 .info a, .me5 a { text-decoration: underline; text-underline-offset: 2px; }
    .me4, .me5 { font-size: 1.5vw; font-weight: 400; line-height: 1.1; }
    .me4 { margin-bottom: 0.8vw; }
    .me5 { display: flex; align-items: flex-start; }
    .me5 svg { fill: #F4F3DE; vertical-align: top; margin-top: 2px; }

    .timecircle { width: 100%; margin-top: 3vw; }
    .time_circles canvas { display: none; }
    .st-title { position: relative; margin: 0; height: 2vw; margin-bottom: 1.2vw; }
    .st-title li { font-size: 1.7vw; line-height: 1; float: left; color: var(--eli-color); }
    .wha { color: rgba(244,243,222,0.5); padding-right: 0.719vw; font-weight: 300; }
    .whna { font-family: Zodiak; font-style: italic; font-weight: 400; opacity: 0.5; }

    #DateCountdown { position: relative; margin: 0; padding: 0; }

    .textDiv_Days, .textDiv_Hours, .textDiv_Min, .textDiv_Sec { float: left; margin: 0; padding: 0; text-align: left; }
    .textDiv_Days { padding-right: 20px; }
    .textDiv_Hours, .textDiv_Min { padding-right: 20px; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span,
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { float: left; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span { font-size: 2.2vw; color: var(--eli-color); font-weight: 700; letter-spacing: 0.03em; }
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { margin: 6px 0 0 3px; font-weight: 600; font-size: 1vw; color: var(--eli-color); line-height: 2px; }

    .acopy1, .acopy2, .acopy3  { display: block; }

    .acopy1 { font-size: 3.2vw; font-weight: 700; margin-bottom: 1.079vw; }
    .acopy2, .acopy3, .c-info2 { font-family: Pretendard; }
    .acopy2 { font-weight: 300; font-size: 2.4vw; line-height: 1.2; margin-bottom: 1.6vw; }
    .acopy3 { font-weight: 400; font-size: 1.5vw; line-height: 1.5; word-break: keep-all; margin-bottom: 9.592vw; }

    .aname { font-size: 2.6vw; font-weight: 700; line-height: 1.2; margin-bottom: 2vw; }
    .sec_ko { font-weight: 500; font-size: 1.6vw; margin-bottom: 1vw; }
    .sec_en { font-weight: 300; font-size: 1.3vw; opacity: var(--opc3); margin-bottom: 2.4vw; }
    .cert svg { width: 4.444vw; height: 5.903vw; }

    .story { margin-bottom: 120px; }
    #section3 .story:last-child, #section5 .story:last-child { margin-bottom: 0; }
    #section5 .story:last-child .gt { margin-bottom: 0; }

    .c-info1 { font-size: 1.7vw; line-height: 1.6; }
    .c-info1 > span { display: block; opacity: var(--opc3); }

    .c-info2 { font-size: 1.8vw; font-weight: 600; line-height: 1.5; word-break: keep-all; }
    .c-info2 span, .c-info3 span { opacity: var(--opc4); }
    .c-info3 { font-size: 1.8vw; font-weight: 600; line-height: 1.5; word-break: keep-all; }

    .nuri { display: block; opacity: var(--opc4); font-size: 1.5vw; font-weight: 600; line-height: 1.8; }

    .nostalgia { margin-bottom: 10px; display: block; font-family: Zodiak; font-weight: 600; font-size: 80px; line-height: 0.01; padding-top: 24px; font-family: 'InterVariable', sans-serif; font-feature-settings: 'ss08' 1; opacity: var(--opc5); }

    #section4 { position: relative; display: flex; flex-direction: column; }

    #section4 .sec-title { position: relative; top: 0; }
    #section4 .sec-cont { position: relative; width: auto; padding-top: 10px; }

    #fixedWidth { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x mandatory; align-items: flex-start; }
    #fixedWidth::-webkit-scrollbar { display: none; }
    #fixedWidth .img_item { flex: 0 0 auto; margin-right: 18px; scroll-snap-align: start; user-select: none; -webkit-user-drag: none; box-sizing: border-box; }
    #fixedWidth .img_item { width: calc(100% / 2.2); }
    #fixedWidth .img_item img { width: 100%; }

    #section4 .img_item p { margin-top: 15px; font-size: 16px; font-weight: 400; line-height: 1.6; }


}



@media screen and (min-width:641px) and (max-width:960px) {
    .prj { margin: 20vw 0; }
    .prj .pnum, .prj .ptype { float: left; margin-bottom: 0.533vw; font-size: 3.2vw; font-weight: 700; }
    .prj .ptype { padding-left: 0.8vw; font-weight: 600; }
    .prj .ptitle { clear: both; font-size: 6vw; font-weight: 800; width: 50vw; }

    .bottom_ctrl .ctrl-group { width: 100%; }

    #wrap-sub { margin-bottom: 88vw !important; padding-bottom: 0; }
    #wrap-sub .align-wrapper { margin: 0 0 80px; padding-top: 0; z-index: 3; background-color: var(--bg-color); transition: background-color 0.4s; }
    #wrap-sub .sc-trigger { position: absolute; width: 100%; padding: 0 36px; z-index: 4; pointer-events: none; /*background-color: var(--bg-color);*/ transition: background-color 0.4s; margin-top: 24vw; }

    /* #wrap-sub .br-headline { position: relative; margin: 0; width: 100%; letter-spacing: -0.01em; } */

    #wrap-sub .big-title { font-size: 16vw; font-weight: 700; letter-spacing: -0.01em; }

    /* #wrap-sub .hl1 { width: 100%; display: block; line-height: 1; } */
    #wrap-sub .cmt { margin-top: 1.8vw; margin-right: 1.6vw; font-size: 2.4vw; display: inline-block; vertical-align: top; letter-spacing: 0; }
    #wrap-sub .h-copy { display: inline; font-size: 4.4vw; }
    #wrap-sub .f-zdai { display: inline; font-size: 4.4vw; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; }

    /* #wrap-sub .hl2 { display: block; font-size: 3vw; line-height: 1; font-weight: 500; margin-top: 2vw; } */
    #wrap-sub .hc-op { font-size: clamp(20px, 1.25vw, 24px); font-weight: 500; margin-top: 3.1250vw; letter-spacing: -0.02em; }


    #wrap-sub .br-headline { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: auto auto; width: 100%; align-items: start; gap: 24px; position: relative; margin-top: 2.667vw; }
    #wrap-sub .hl1 { grid-column: 1 / span 8; grid-row: 1; width: 100%; line-height: 1; display: block; }
    #wrap-sub .hl2 { grid-column: 1 / span 7; grid-row: 2; width: 100%; font-size: clamp(18px, 1.6vw, 1.6vw); line-height: 1.6; font-weight: 500; margin-top: 0; display: block; }


    .dash { display: inline-block; width: 28vw; height: 0.6vw; margin: 0 0.5vw 0 1vw; background-color: var(--eli-color); vertical-align: middle; }
    
    
    .yellowWrapper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; background: transparent; will-change: transform; overflow: hidden; }
    .yellow { width: 100%; height: 100%; background: #fee800; display: flex; justify-content: center; align-items: center; padding: 100px; box-sizing: border-box; }
    .video-mask { position: relative; display: flex; justify-content: center; align-items: center; padding: 5vw; box-sizing: border-box; }
    .video-mask video { width: 100%; height: auto; max-width: 600px; object-fit: contain; display: block; }


    #wrap-sub .recent-activity { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(1, 1fr); padding-top: 10vw; margin-top: 72vw; background-color: var(--bg-color); transition: background-color 0.4s; }


    #wrap-sub .br-headline { margin-top: 0; }



    #wrap-sub .recent-activity ul { width: 100%; margin-bottom: 11.134vw; }
    #wrap-sub .ra-area1 { font-size: 2.808vw; }
    #wrap-sub .ra-area2 .a2-title { font-size: 4.368vw; margin-right: 1.56vw; }
    #wrap-sub .ra-area2 .a2-desc { font-size: 2.808vw; margin-top: 0.78vw; }

    #wrap-sub .ra-area2 .a2-title, #wrap-sub .ra-area3 { margin-top: 3.12vw; }

    .bottom_ctrl .ctrl-group { width: 50%; }
    .bottom_ctrl .prj-title { font-size: 1.8vw; margin-bottom: 1.8vw; }
    .bottom_ctrl .no-link-text, .bottom_ctrl .link-text { font-size: 2.8vw; }
    .bottom_ctrl a, .bottom_ctrl .no-link { padding: 6vw 36px 0; }



    #wrap-sub .sc-trigger2 { margin-top: 0; position: absolute; width: 100%; /*height: 100vw;*/ padding: 0; z-index: 2; pointer-events: none; transition: background-color 0.4s; }

    .mv { transform: scale(1.4); transform-origin: 50% 50%; }

    #pse1 div { height: 56vw; }




    .cont-sub { display: flex; width: 100%; position: relative; z-index: 4; background-size: cover; min-height: calc(var(--vh, 1vh) * 100); height: auto; align-items: center; }


    .mv-area { display: grid; grid-template-columns: repeat(8, 1fr); justify-content: center; width: calc(100% - 72px); height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin: 92vw 0 8vw; }

    .mv-area video, .mv-area img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; flex-direction: column; grid-column: 1 / span 8; aspect-ratio: 16 / 9; }


    .abt-row { display: flex; flex-direction: column; gap: 0; align-items: flex-start; width: 100%; height: auto; position: relative; z-index: 4; padding: 20vw 0 0; background-color: var(--bg-color); color: var(--eli-color); transition: background-color 0.4s; margin-top: 80vw; }

    .section-abt { display: flex; flex-direction: column; width: 100%; gap: 24px; margin-bottom: 20vw; display: grid; grid-template-columns: repeat(8, 1fr); padding: 0 36px 0; }

    .section-abt:last-child { margin-bottom: 0; }


    .abt-border { position: absolute; top: 0; width: 1px; background: rgba(244, 243, 222, 0.07); z-index: 20; pointer-events: none; height: 100%; }

    .sec-title { grid-column: auto; position: relative; top: auto; text-align: left; width: 100%; justify-content: flex-start; font-size: 18px; margin-bottom: 30px; grid-column: 1 / span 3; }
    .sec-cont { grid-column: auto; width: 100%; justify-content: flex-start; }


    .section-abt, .sec-cont { height: auto; overflow: visible; }
    .cont1, .cont2-1, .cont2-2, .cont3 { text-align: left; }
    .sec-cont, .cont1 { grid-column: 4 / span 4; }


    .cont1 > span { display: block; }




    .contact.sec1 { width: 100%; padding: 0; margin-bottom: 15vw; position: relative; z-index: 4; transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 120px; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 90px; font-weight: 600; padding: 0 40px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }

    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: var(--eli-color); }

    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--eli-color); }
    .highlight-text { -webkit-text-fill-color: var(--eli-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    #wrap-sub .f-zdai3 { display: inline; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; font-weight: 700; }




    .me2-wrap { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 50px; }
    .me2-type2 { display: inline-block; padding: 6px 12px; border: 1px dashed var(--eli-color); border-radius: 100px; font-size: 14px; line-height: 1.4; opacity: var(--opc4); }

    .gt { font-size: 20px; margin-bottom: 30px; display: block; }
    .gt-sm { font-size: 16px; margin-bottom: 15px; display: block; }

    .me1 { font-size: 32px; font-weight: 700; line-height: 1.1; margin-bottom: 20px; }
    .me2 { font-size: 18px; font-weight: 400; line-height: 1.5; opacity: 0.5; margin-bottom: 60px; }
    .me3 { margin-bottom: 30px; }
    .me3 .info ul li { height: auto !important; font-size: 18px; font-weight: 400; line-height: 1.5; }
    .me3 .info a, .me5 a { text-decoration: underline; text-underline-offset: 2px; }
    .me4, .me5 { font-size: 18px; font-weight: 400; line-height: 1.2; }
    .me4 { margin-bottom: 7px; }
    .me5 { display: flex; align-items: flex-start; }
    .me5 svg { fill: #F4F3DE; vertical-align: top; margin-top: 2px; }

    .timecircle { width: 100%; margin-top: 38px; }
    .time_circles canvas { display: none; }
    .st-title { position: relative; margin: 0; height: 30px; margin-bottom: 0; }
    .st-title li { font-size: 18px; line-height: 20px; float: left; color: var(--eli-color); }
    .wha { color: rgba(244,243,222,0.5); padding-right: 6px; font-weight: 300; }
    .whna { font-family: Zodiak; font-style: italic; font-weight: 400; opacity: 0.5; }

    #DateCountdown { position: relative; margin: 0; padding: 0; }

    .textDiv_Days, .textDiv_Hours, .textDiv_Min, .textDiv_Sec { float: left; margin: 0; padding: 0; text-align: left; }
    .textDiv_Days { padding-right: 20px; }
    .textDiv_Hours, .textDiv_Min { padding-right: 20px; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span,
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { float: left; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span { font-size: 28px; color: var(--eli-color); font-weight: 700; letter-spacing: 0.03em; }
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { margin: 11px 0 0 3px; font-weight: 600; font-size: 12px; color: var(--eli-color); line-height: 2px; }

    .acopy1, .acopy2, .acopy3  { display: block; }

    .acopy1 { font-size: 32px; font-weight: 700; margin-bottom: 9px; }
    .acopy2, .acopy3, .c-info2 { font-family: Pretendard; }
    .acopy2 { font-weight: 300; font-size: 28px; line-height: 1.2; margin-bottom: 20px; }
    .acopy3 { font-weight: 400; font-size: 18px; line-height: 1.5; word-break: keep-all; margin-bottom: 80px; }

    .aname { font-size: 26px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; }
    .aname br { display: none; }
    .sec_ko { font-weight: 500; font-size: 20px; margin-bottom: 15px; }
    .sec_en { font-weight: 300; font-size: 16px; opacity: var(--opc3); margin-bottom: 30px; }
    .cert svg { width: 56px; height: 75px; }

    .story { margin-bottom: 120px; }
    #section3 .story:last-child, #section5 .story:last-child { margin-bottom: 0; }
    #section5 .story:last-child .gt { margin-bottom: 0; }

    .c-info1 { font-size: 16px; line-height: 1.6; }
    .c-info1 > span { display: block; opacity: var(--opc3); }

    .c-info2 { font-size: 22px; font-weight: 600; line-height: 1.5; word-break: keep-all; }
    .c-info2 span, .c-info3 span { opacity: var(--opc4); }
    .c-info3 { font-size: 22px; font-weight: 600; line-height: 1.5; word-break: keep-all; }

    .nuri { display: block; opacity: var(--opc4); font-size: 19px; font-weight: 600; line-height: 1.8; }

    .nostalgia { margin-bottom: 10px; display: block; font-family: Zodiak; font-weight: 600; font-size: 80px; line-height: 0.01; padding-top: 24px; font-family: 'InterVariable', sans-serif; font-feature-settings: 'ss08' 1; }

    #section4 { position: relative; display: flex; flex-direction: column; }

    #section4 .sec-title { position: relative; top: 0; }
    #section4 .sec-cont { position: relative; width: auto; padding-top: 10px; }

    #fixedWidth { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x mandatory; align-items: flex-start; }
    #fixedWidth::-webkit-scrollbar { display: none; }
    #fixedWidth .img_item { flex: 0 0 auto; margin-right: 18px; scroll-snap-align: start; user-select: none; -webkit-user-drag: none; box-sizing: border-box; }
    #fixedWidth .img_item { width: calc(100% / 1.2); }


    #section4 .img_item p { margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 1.6; }

}


@media screen and (max-width:640px) {
    #pointer-dot { display: none; }

    .btn-back { position: fixed; z-index: 5; margin: 0; padding: 0; top: 18px; left: 18px; color: var(--eli-color); }
    .back-arrow { font-size: 28px; font-weight: 800; position: relative; }
    .btn-name { font-size: 18px; font-weight: 700; position: relative; top: -2px; }

    .bottom_ctrl { display: block; }
    .bottom_ctrl .ctrl-group { width: 100%; }
    .bottom_ctrl a, .bottom_ctrl .no-link { height: 35.4167vw; padding: 0 4.1667vw; }
    .bottom_ctrl .prj-title { font-size: 3.3333vw; text-align: center; margin-bottom: 3.3333vw; opacity: 0.4; }
    .bottom_ctrl .no-link-text, .bottom_ctrl .link-text { width: 80%; font-size: 5vw; font-weight: 600; line-height: 1.3; }
    .bottom_ctrl .no-link-text, .bottom_ctrl .link-text, .bottom_ctrl .ctrl-group:last-child .prj-title, .bottom_ctrl .next.no-link .no-link-text, .bottom_ctrl .ctrl-group:last-child .no-link-text, .bottom_ctrl .a.next .link-text, .bottom_ctrl .ctrl-group:last-child .link-text { text-align: center; }
    .bottom_ctrl a.prev, .bottom_ctrl .prev.no-link, .bottom_ctrl a.next, .bottom_ctrl .next.no-link { align-items: center; justify-content: center; }
    
    .prj { margin: 25vw 0 20vw; width: 64vw; }
    .prj .pnum, .prj .ptype { float: left; margin-bottom: 0.533vw; font-size: 4vw; font-weight: 700; }
    .prj .ptype { padding-left: 0.8vw; font-weight: 600; }
    .prj .ptitle { clear: both; font-size: 8vw; font-weight: 800; width: 100%; }
    .prj a { padding-bottom: 12vw; }

    #wrap-sub .align-wrapper { margin: 0; padding-top: 0; z-index: 3; background-color: var(--bg-color); transition: background-color 0.4s; }
    #wrap-sub .sc-trigger { position: static; width: 100%; padding: 0 18px; z-index: 4; pointer-events: none; /*background-color: var(--bg-color);*/ transition: background-color 0.4s; margin-top: 40vw; }


    .br-headline { display: grid; grid-template-columns: repeat(8, 1fr); flex-direction: column; align-items: flex-start; width: 100%; }

    #wrap-sub .hl1, #wrap-sub .hl2 { display: block; width: 100%; }

    #wrap-sub .big-title { display: none; }

    #wrap-sub .hl1 { width: 100%; display: block; line-height: 1; font-size: 7.5vw; margin-top: 1.56vw; grid-column: 1 / span 8; }
    #wrap-sub .cmt { margin-top: 2.4vw; margin-right: 1vw; font-size: 3.6vw; display: inline-block; vertical-align: top; letter-spacing: 0; }
    #wrap-sub .h-copy { display: inline; font-size: 8vw; }
    #wrap-sub .f-zdai { display: inline; font-size: 8vw; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; }
    #wrap-sub .hl2 { display: block; width: 100%; font-size: 4vw; margin-top: 4.688vw; line-height: 1.5; font-weight: 500; grid-column: 1 / span 7; }

    #wrap-sub .sc-trigger2 { margin-top: 0; position: absolute; width: 100%; /*height: 100vw;*/ padding: 0; z-index: 2; pointer-events: none; transition: background-color 0.4s; }

    .mv { transform: scale(1); transform-origin: 50% 50%; }

    #pse1 div { height: 100vh; }


    .right-list { display: none; }


    .yellowWrapper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; background: transparent; will-change: transform; overflow: hidden; }
    .yellow { width: 100%; height: 100%; background: #fee800; display: flex; justify-content: center; align-items: center; padding: 100px; }
    .video-mask { position: relative; display: flex; justify-content: center; align-items: center; padding: 0; }
    .video-mask video { max-width: calc(100% - 18px); height: auto; object-fit: contain; display: block; }




    #wrap-sub .recent-activity { margin-top: max(16vw, 80px); padding: 16vw 0 0; position: relative; z-index: 5; display: grid; grid-template-columns: repeat(1, 1fr); }

    #wrap-sub .recent-activity ul { width: 100%; margin-bottom: 18.75vw; }
    #wrap-sub .ra-area1 { font-size: 3.75vw; }
    #wrap-sub .ra-area2 .a2-title { font-size: 5.833vw; margin-right: 1.56vw; }
    #wrap-sub .ra-area2 .a2-desc { font-size: 3.6vw; margin-top: 1.5vw; }

    #wrap-sub .ra-area2 .a2-title, #wrap-sub .ra-area3 { margin-top: 3.12vw; }


    
    
    .cont-sub { display: flex; width: 100%; position: relative; z-index: 4; background-size: cover; min-height: calc(var(--vh, 1vh) * 100); height: auto; align-items: center; }

    .abt-row { display: flex; flex-direction: column; gap: 0; align-items: flex-start; width: 100%; height: auto; position: relative; z-index: 4; padding: 30vw 0 0; background-color: var(--bg-color); color: var(--eli-color); transition: background-color 0.4s; margin-top: 25vw; }


    .mv-area { display: grid; grid-template-columns: repeat(8, 1fr); justify-content: center; width: calc(100% - 36px); height: auto; align-items: flex-start; z-index: 4; position: relative; gap: 24px; margin: 28vw 0 12vw; }

    .mv-area video, .mv-area img { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; flex-direction: column; grid-column: 1 / span 8; aspect-ratio: 16 / 9; }


    .section-abt { display: flex; flex-direction: column; width: 100%; gap: 24px; margin-bottom: 30vw; padding: 0 18px 0; }
    .section-abt:last-child { margin-bottom: 15vw; }

    .abt-border { position: absolute; top: 0; width: 1px; background: rgba(244, 243, 222, 0.07); z-index: 20; pointer-events: none; height: 100%; }
    .sec-title { grid-column: auto; position: relative; top: auto; text-align: left; width: 100%; justify-content: flex-start; font-size: 18px; margin-bottom: 2vw; }
    .sec-cont { grid-column: auto; width: 100%; justify-content: flex-start; }

    /* .section-abt#section1 .sec-cont { display: grid; grid-template-columns: repeat(8, 1fr); gap: 18px; }
    .cont1 { grid-column: 1 / span 7; } */

    .section-abt, .sec-cont { height: auto; overflow: visible; }

    .cont1, .cont2-1, .cont2-2, .cont3 { text-align: left; }

    .cont1 > span { display: block; }

    .me2-wrap { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 40px; }
    .me2-type2 { display: inline-block; padding: 6px 12px; border: 1px dashed var(--eli-color); border-radius: 100px; font-size: 12px; line-height: 1.4; opacity: var(--opc4); }

    .gt { font-size: 20px; margin-bottom: 20px; display: block; }
    .gt-sm { font-size: 16px; margin-bottom: 10px; display: block; }



    .contact.sec1 { width: 100%; padding: 0; margin-bottom: 30vw; position: relative; z-index: 4; transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 70px; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 60px; font-weight: 600; padding: 0 10px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }

    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: var(--eli-color); }

    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--eli-color); }
    .highlight-text { -webkit-text-fill-color: var(--eli-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    #wrap-sub .f-zdai3 { display: inline; font-family: Zodiak; font-style: italic; letter-spacing: -0.03em; font-weight: 700; }



    .cont2-1 .gt, .cont2-2 .gt { display: none; }

    .me1 { font-size: 34px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; }
    .me2 { font-size: 16px; font-weight: 400; line-height: 1.5; opacity: 0.5; margin-bottom: 60px; }
    .me3 { margin-bottom: 30px; }
    .me3 .info ul li { height: auto !important; font-size: 16px; font-weight: 400; line-height: 1.5; }
    .me3 .info a, .me5 a { text-decoration: underline; text-underline-offset: 2px; }
    .me4, .me5 { font-size: 16px; font-weight: 400; line-height: 1.2; }
    .me4 { margin-bottom: 7px; }
    .me5 { display: flex; align-items: flex-start; }
    .me5 svg { fill: #F4F3DE; vertical-align: top; margin-top: 2px; }

    .timecircle { width: 100%; margin-top: 6vw; }
    .time_circles canvas { display: none; }
    .st-title { position: relative; margin: 0; height: 30px; margin-bottom: 0; }
    .st-title li { font-size: 16px; line-height: 16px; float: left; color: var(--eli-color); }
    .wha { color: rgba(244,243,222,0.5); padding-right: 6px; font-weight: 300; }
    .whna { font-family: Zodiak; font-style: italic; font-weight: 400; opacity: 0.5; }

    #DateCountdown { position: relative; margin: 0; padding: 0; }

    .textDiv_Days, .textDiv_Hours, .textDiv_Min, .textDiv_Sec { float: left; margin: 0; padding: 0; text-align: left; }
    .textDiv_Days, .textDiv_Hours, .textDiv_Min { padding-right: 15px; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span,
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { float: left; }
    .textDiv_Days span, .textDiv_Hours span, .textDiv_Min span, .textDiv_Sec span { font-size: 22px; color: var(--eli-color); font-weight: 700; letter-spacing: 0.03em; }
    .textDiv_Days h5, .textDiv_Hours h5, .textDiv_Min h5, .textDiv_Sec h5 { margin: 6px 0 0 3px; font-weight: 600; font-size: 12px; color: var(--eli-color); line-height: 2px; }

    .acopy1, .acopy2, .acopy3  { display: block; }

    .acopy1 { font-size: 34px; font-weight: 700; margin-bottom: 9px; }
    .acopy2, .acopy3, .c-info2 { font-family: Pretendard; }
    .acopy2 { font-weight: 300; font-size: 28px; line-height: 1.2; margin-bottom: 20px; }
    .acopy3 { font-weight: 400; font-size: 16px; line-height: 1.5; word-break: keep-all; margin-bottom: 12vw; }

    .aname { font-size: 28px; font-weight: 700; line-height: 1.2; margin-bottom: 15px; }
    .sec_ko { font-weight: 500; font-size: 18px; margin-bottom: 10px; }
    .sec_en { font-weight: 300; font-size: 14px; opacity: var(--opc3); margin-bottom: 30px; }
    .cert svg { width: 56px; height: 75px; }

    .story { margin-bottom: 120px; }
    #section3 .story:first-child { margin-bottom: 80px; }
    #section3 .story:last-child, #section5 .story:last-child { margin-bottom: 0; }
    #section5 .story:last-child .gt { margin-bottom: 0; }

    .c-info1 { font-size: 14px; line-height: 1.5; }
    .c-info1 > span { display: block; opacity: var(--opc3); }

    .c-info2 { font-size: 20px; font-weight: 700; line-height: 1.5; word-break: keep-all; }
    .c-info2 span, .c-info3 span { opacity: var(--opc4); }
    .c-info3 { font-size: 20px; font-weight: 700; line-height: 1.5; word-break: keep-all; }

    .nuri { display: block; opacity: var(--opc4); font-size: 18px; font-weight: 600; line-height: 1.8; }

    .nostalgia { margin-bottom: 10px; display: block; font-family: Zodiak; font-weight: 600; font-size: 80px; line-height: 0.01; padding-top: 24px; font-family: 'InterVariable', sans-serif; font-feature-settings: 'ss08' 1; }

    #section4 { position: relative; display: flex; flex-direction: column; }

    #section4 .sec-title { position: relative; top: 0; margin-bottom: 0; }
    #section4 .sec-cont { position: relative; width: auto; padding-top: 10px; }


    #fixedWidth { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x mandatory; align-items: flex-start; }
    #fixedWidth::-webkit-scrollbar { display: none; }
    #fixedWidth .img_item { flex: 0 0 auto; margin-right: 18px; scroll-snap-align: start; user-select: none; -webkit-user-drag: none; box-sizing: border-box; }
    #fixedWidth .img_item { width: calc(100% / 1.2); }
    #fixedWidth .img_item img { width: 100%; }

    #section4 .img_item p { margin-top: 15px; font-size: 15px; font-weight: 400; line-height: 1.2; }

}




@media screen and (min-width: 2561px) and (max-width: 3840px) and (max-height: 640px) {
    #wrap-sub .align-wrapper { padding-top: 5.329vw; }
    #wrap-sub .recent-activity { margin-top: 36vw; }
    #site-footer-sub { padding-top: 20vw; height: 80vw !important; }
    .area1-sub { bottom: 8vw; }
    #footer-logo { bottom: -41.5vw !important; }
}

@media screen and (min-width: 1921px) and (max-width: 2560px) and (max-height: 640px) {
    #wrap-sub .recent-activity { margin-top: 32vw; }
    #site-footer-sub { height: 64vw; }
    #footer-logo { bottom: -33.3vw; }
}

@media screen and (min-width: 1281px) and (max-width: 1920px) and (max-height: 640px) {
    /* #wrap-sub .align-wrapper { padding-top: 10vw; } */
    #wrap-sub .recent-activity { margin-top: 40vw; }
    #site-footer-sub { height: 56vw; }
    #footer-logo { bottom: -29.3vw; }
}

@media screen and (min-width:641px) and (max-width:960px) and (max-height: 640px) {
    #wrap-sub .recent-activity { margin-top: 108vw; }
}

@media screen and (max-width:640px) and (max-height: 640px) {
    #wrap-sub .recent-activity { margin: 28vw 0 0; }
}