.btn-back { color: var(--color1); }

.sortable { width: 100%; min-height: 100%; min-height: 100vh; padding: 0; margin: 0; display: flex; position: relative; z-index: 3; color: var(--color1); font-size: 2vw; line-height: 1; transition: background-color 0.4s; background-color: var(--bg-color); margin-bottom: 31.25vw; padding-bottom: 15.6250vw; }
.container { width: 100%; margin: 0 auto; padding: 0; }
.pic-wrap { overflow: hidden; }
.card__picture { display: block; width: 100%; height: auto; transition: transform 0.5s ease-out; }
.card__picture:hover { transform: scale(1.04); }


video { 
    display: block; width: 100%; outline: none; border: 0;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-mask-image: -webkit-radial-gradient(white, black); mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
}


.isolde-default { position: relative; padding: 0; margin: 0; opacity: 0; }
[data-isolde-el] { opacity: 0; position: absolute; top: 0; left: 0; }


.card { margin: 0; }
.card__date, .card__title, .card__text { color: var(--color1); }

.container { max-width: calc(100vw - 160px); margin: 0 auto; }
.wrapper { padding: 0; margin-top: 8.537vw; position: relative; z-index: 4; }
.card { display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
.card-infos { padding: 0 80px 0; position: relative; top: -3.8vw; }
.card__date { font-weight: 600; font-size: 20px; display: inline-block; margin: 0 0 15px; }
.card__title { margin: 0; font-weight: 700; line-height: 1.1; margin-bottom: 30px; word-break: keep-all; }
.card__text { font-weight: 600; word-break: keep-all; display: flex; flex-wrap: wrap; gap: 13px 0; opacity: 0.5; }
.card__text span { font-size: 20px; margin-right: 15px; white-space: nowrap; display: inline-block; }

#arc-wrap { width: 100%; min-height: 100vh; background: var(--bg-color);  transition: background-color 0.4s; position: relative; z-index: 4; }

.no-img { background-color: var(--eli-color); opacity: var(--opc2); }


@media screen and (min-width:4481px) {
    .card-infos { top: -2.5vw; }
    .sortable { padding-bottom: 7vw; }
    .card__title { font-size: 48px; }
}

@media screen and (min-width:3841px) and (max-width:4480px) {
    .sortable { padding-bottom: 7vw; }
    .card-infos { top: -2.7vw; }
    .card__title { font-size: 1.2497vw; }
}

@media screen and (min-width:3201px) and (max-width:3840px) {
    .sortable { padding-bottom: 7vw; }
    .card-infos { top: -2.7vw; }
    .card__title { font-size: 1.4995vw; }
}

@media screen and (min-width:2561px) and (max-width:3200px) {
    .sortable { padding-bottom: 11.389vw; }
    .card-infos { top: -3.2vw; }
    .card__title { font-size: 1.8743vw; }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 74px; transform: translateY(2.5px); }
}

@media screen and (min-width:1921px) and (max-width:2560px) {
    .sortable { padding-bottom: 9vw; }
    .card-infos { top: -3.8vw; }
    .card__title { font-size: 2.4987vw; line-height: 1.2; }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 74px; transform: translateY(2.5px); }
}


@media screen and (min-width:3201px) {
    #site-footer-sub { height: 40vw; }
    #footer-logo { bottom: -21.5vw; }
}


@media screen and (min-width:1921px) {
    /* #arc-wrap { margin-bottom: 860px !important; } */
    .arc_section { width: 100%; display: flex; flex-direction: column; align-items: center; }
    .arc_sec1, .arc_sec3 { width: 100%; margin: 0 auto; color: var(--eli-color); padding: 0; z-index: 3; background-color: var(--bg-color); transition: background-color 0.4s; }
    .arc_sec1, .arc_sec2 { position: relative; }
    .arc_sec1 { min-height: 0; padding: 10vw 22.384vw 0; text-align: center; }
    .arc_sec1 .arc_num { font-size: 1.041vw; margin-bottom: 1.041vw; font-weight: 700; }

    .arc_sec1 .arc_title_en, .arc_sec3 .arc_title_ko { font-family: Pretendard; }
    .arc_sec1 .arc_title_en { font-size: 3.123vw; font-weight: 700; line-height: 1.3; margin-bottom: 0.521vw; word-break: keep-all; }
    .arc_sec3 .arc_title_ko { font-size: 2.082vw; font-weight: 200; line-height: 1.3; margin: 6.247vw 0 2.082vw; word-break: keep-all; }

    .arc_bottom { margin: 77px 0 0; }
    .arc_bottom ul { display: flex; flex-direction: row; align-items: center; gap: 58px; padding: 0; margin: 0; list-style: none; }
    .arc_sub_title { font-size: 0.937vw; font-weight: 600; }

    .arc_date { font-size: 1.041vw; font-weight: 600; line-height: 1.5; }
    .arc_sec1 .bottom_ctrl2 { display: none; }
    .arc_sec2 { min-height: 0; }
    .arc_story { margin-bottom: 2.082vw; font-family: Pretendard; font-size: 0.937vw; line-height: 1.8; word-break: keep-all; font-weight: 500; }

    .arc_sec3 { padding: 0; margin: 0; min-height: 0; z-index: 3; width: 100%; padding: 5vw 22.384vw; background-color: var(--bg-color); transition: background-color 0.4s; }
    .arc_sec3 img { margin: 0 auto 2.082vw; display: block; width: 100vw; }
    .arc_sec_scroll > img:first-of-type { margin-top: 4.164vw; }

    .arc_sec3 video { margin: 0 auto 2.082vw; width: 100%; /*padding: 0 22.384vw;*/ }
    .arc_hash { font-size: 0.833vw; margin: 2.082vw 0 0; line-height: 1.6; font-weight: 500; }
    .arc_hash span:first-child { opacity: 1; margin-right: 0.521vw; }
    .arc_hash span { display: inline-block; padding-right: 0.521vw; opacity: var(--opc3); }
    .arc_sec_scroll hr { border: 0; border-top: 0.052vw solid var(--eli-color); height: 0; background: none; opacity: var(--opc2); margin: 2.082vw 0; }

    .thx { display: flex; align-items: center; margin-top: 6.247vw; }
    .thx_thumb { width: 2.707vw; height: 2.707vw; display: flex; align-items: center; justify-content: center; margin-right: 1.041vw; }
    .thx_thumb img { width: 100%; object-fit: cover; border-radius: 50%; }
    .thx_text { display: flex; flex-direction: column; justify-content: center; }
    .thx_who, .feat { font-family: Pretendard; font-size: 0.833vw; line-height: 1.2; word-break: keep-all; }
    .thx_who { margin-bottom: 0.156vw; font-weight: 600; }
    .feat { opacity: var(--opc3); display: block; margin-top: 0.156vw; font-weight: 500; }
    .thx img { margin: 0; }

    .arc_sec3 .bottom_ctrl2 { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0; margin: 0 auto; gap: 36px; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group { width: 50%; display: flex; flex-direction: column; min-width: 0; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child { align-items: flex-start; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child { align-items: flex-end; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .ctrl-group span { font-weight: 500; }

    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .no-link-text { font-family: Pretendard; padding: 0; height: auto; min-height: auto; line-height: 1; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a { font-size: 1.458vw; cursor: pointer; }
    .arc_sec3 .bottom_ctrl2 .link-text, .arc_sec3 .bottom_ctrl2 .no-link-text { font-size: 1.041vw; margin-top: 1.041vw; height: 1.458vw; }
    .arc_sec3 .bottom_ctrl2 .no-link-text { color: var(--eli-color); }

    .arc_sec3 .bottom_ctrl2 .prj-title { opacity: 1; font-size: 1.249vw; font-weight: 600; line-height: 1.2; margin-top: 2.082vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .no-link-text { text-align: left !important; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .no-link-text { text-align: right !important; }

    .bottom_ctrl2 .prj-title span { text-decoration: underline; }
    .bottom_ctrl2 .prj-title, .bottom_ctrl2 .link-text { color: var(--eli-color); }
    .bottom_ctrl2 .link-text { width: 21.343vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .arc-img, .no-img { display: inline-block; width: 100%; height: 6.247vw; background-size: cover; background-position: center; }
    .bottom_ctrl2 .no-link { opacity: 0.2; background-color: transparent; /*margin-top: 5.206vw;*/ }

    .arc_sec3 video { margin-bottom: 2.082vw; }

    .colabo_en { font-weight: 300; font-size: 2.499vw; line-height: 0.6; display: inline-block; transform: translateY(0.052vw); }
    .colabo_en_list { font-weight: 200; font-size: 3.54vw; line-height: 0.6; display: inline-block; transform: translateY(0.104vw); }
    .arc_sec1 .colabo_ko { font-weight: 300; font-size: 4.06vw; line-height: 0.6; display: inline-block; transform: translateY(0vw); }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 3.852vw; transform: translateY(0.13vw); }
}


@media screen and (min-width:1281px) and (max-width:1920px) {
    .sortable { padding-bottom: 20vw; }
    .container { max-width: calc(100vw - 160px); margin: 0 auto; }
    .wrapper { padding: 0; margin-top: 164px; position: relative; z-index: 4; }
    .card { margin: 0 0 -60px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 5.2083vw 0; position: relative; top: -5vw; }
    .card__date { font-weight: 600; font-size: 1.6vw; display: inline-block; margin: 0 0 0.7813vw; }
    .card__title { margin: 0; font-size: 4vw; line-height: 1.2; margin-bottom: 2vw; font-family: Pretendard; word-break: keep-all; }
    .card__text { font-weight: 500; word-break: keep-all; gap: 1.0417vw 0; }
    .card__text span { font-size: 1.6vw; margin-right: 1.5625vw; white-space: nowrap; display: inline-block; margin-bottom: 0; }
    .card__more { font-weight: 700; font-size: 20px; line-height: 1.2; border-bottom: 2px solid var(--color1); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 40px; }
    .colabo_en_list { font-size: 4.8vw; }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 5.4vw; transform: translateY(3px); }

    .arc_section { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 3; background-color: var(--bg-color); transition: background-color 0.4s; }
    .arc_sec1, .arc_sec2, .arc_sec3 { padding-bottom: 0; width: 860px; margin: 0 auto; color: var(--eli-color); padding: 0; }
    .arc_sec1, .arc_sec2 { position: relative; z-index: 3; }
    .arc_sec1 { min-height: 0; padding-top: 180px; text-align: center; }
    .arc_sec1 .arc_num { font-size: 18px; margin-bottom: 10px; font-weight: 700; }

    .arc_sec1 .arc_title_en, .arc_sec3 .arc_title_ko { font-family: Pretendard; }
    .arc_sec1 .arc_title_en { font-size: 48px; font-weight: 700; line-height: 1.3; word-break: keep-all; margin-bottom: 5px; }
    .arc_sec3 .arc_title_ko { font-size: 36px; font-weight: 200; line-height: 1.3; margin: 120px 0 40px; word-break: keep-all; }

    .arc_bottom { margin: 4vw 0 0; }
    .arc_bottom ul { display: flex; flex-direction: row; align-items: center; gap: 3vw; padding: 0; margin: 0; list-style: none; }
    .arc_sub_title { font-size: 18px; font-weight: 600; }

    .arc_date { font-size: 18px; font-weight: 600; line-height: 1.5; }
    .arc_sec1 .bottom_ctrl2 { display: none; }
    .arc_sec2 { min-height: 0; }
    .arc_story { margin-bottom: 40px; font-family: Pretendard; font-size: 18px; line-height: 1.8; word-break: keep-all; font-weight: 500; }

    .arc_sec3 { padding: 0; margin: 0; min-height: 0; z-index: 3; width: 100%; max-width: 860px; padding: 5vw 0; margin-bottom: 5vw; }
    .arc_sec3 img { margin: 0 auto 40px; display: block; }
    .arc_sec_scroll > img:first-of-type { margin-top: 80px; }

    .arc_sec3 video { margin: 0 auto 40px; width: 860px; }
    .arc_hash { font-size: 16px; margin: 40px 0 0; line-height: 1.6; font-weight: 500; }
    .arc_hash span:first-child { opacity: 1; margin-right: 10px; }
    .arc_hash span { display: inline-block; padding-right: 10px; opacity: var(--opc3); }
    .arc_sec_scroll hr { border: 0; border-top: 1px solid var(--eli-color); height: 0; background: none; opacity: var(--opc2); margin: 40px 0; }

    .thx { display: flex; align-items: center; margin-top: 120px; }
    .thx_thumb { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
    .thx_thumb img { width: 100%; object-fit: cover; border-radius: 50%; }
    .thx_text { display: flex; flex-direction: column; justify-content: center; }
    .thx_who, .feat { font-family: Pretendard; font-size: 16px; line-height: 1.2; word-break: keep-all; }
    .thx_who { margin-bottom: 3px; font-weight: 600; }
    .feat { opacity: var(--opc3); display: block; margin-top: 3px; font-weight: 500; }
    .thx img { margin: 0; }

    .arc_sec3 .bottom_ctrl2 { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 860px; margin: 0 auto; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group { width: 50%; display: flex; flex-direction: column; min-width: 0; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child { align-items: flex-start; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child { align-items: flex-end; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .ctrl-group span { font-weight: 500; }

    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .no-link-text { font-family: Pretendard; padding: 0; height: auto; min-height: auto; line-height: 1; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a { font-size: 28px; cursor: pointer; }
    .arc_sec3 .bottom_ctrl2 .link-text, .arc_sec3 .bottom_ctrl2 .no-link-text { font-size: 18px; margin-top: 20px; height: 28px; }
    .arc_sec3 .bottom_ctrl2 .no-link-text { color: var(--eli-color); }

    .arc_sec3 .bottom_ctrl2 .prj-title { opacity: 1; font-size: 24px; font-weight: 500; line-height: 1.2; margin-top: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .no-link-text { text-align: left !important; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .no-link-text { text-align: right !important; }

    .bottom_ctrl2 .prj-title span { text-decoration: underline; }
    .bottom_ctrl2 .prj-title, .bottom_ctrl2 .link-text { color: var(--eli-color); }
    .bottom_ctrl2 .link-text { width: 410px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .arc-img, .no-img { display: inline-block; width: 420px; height: 120px; background-size: cover; background-position: center; }
    .bottom_ctrl2 .no-link { opacity: 0.2; background-color: transparent; /*margin-top: 100px;*/ }

    .arc_sec3 video { margin-bottom: 40px; }

    .colabo_en { font-weight: 300; font-size: 48px; line-height: 0.6; display: inline-block; transform: translateY(1px); }
    .colabo_en_list { font-weight: 200; font-size: 68px; line-height: 0.6; display: inline-block; transform: translateY(2px); }
    .arc_sec1 .colabo_ko { font-weight: 300; font-size: 78px; line-height: 0.6; display: inline-block; transform: translateY(0px); }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 74px; transform: translateY(2.5px); }
}


@media screen and (min-width:961px) and (max-width:1280px) {
    /*250608 1컬럼 용 (삭제X)*/

    /* .sortable { margin-bottom: 31.25vw; padding-bottom: 24vw; }
    .container { max-width: calc(100vw - 160px); }
    .card { margin-top: 5vw; }
    .card-infos { padding: 0 100px 0; top: -8.7vw; }
    .card__date { font-size: 2.8vw; }
    .card__title { font-size: 8vw; margin-bottom: 40px; line-height: 1.2; }
    .card__text { gap: 10px 0; }
    .card__text span { font-size: 2.8vw; margin-right: 2.4vw; line-height: 1.3; }
    .colabo_en_list { font-size: 9vw; }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 11vw; transform: translateY(3px); }

    .arc_section { width: 100%; display: flex; flex-direction: column; padding: 0 0 28vw; }
    .arc_sec1, .arc_sec2, .arc_sec3 { grid-column: 1 / -1 !important; width: 100%; min-width: 0; padding-bottom: 0; }
    .arc_sec1, .arc_sec2 { position: relative; padding: 0 15vw 0; }
    .arc_sec1 { min-height: 0; padding-top: 20vw; }
    .arc_sec1 .arc_num { font-size: 3vw; margin: 0 0 2.5vw; }
    .arc_sec1 .arc_title_en, .arc_sec1 .arc_title_ko { width: 100%; margin: 0 0 1.5vw; line-height: 1.2; }
    .arc_sec1 .arc_title_en { font-size: 6vw; }
    .arc_sec1 .arc_title_ko { font-size: 6vw; }
    .arc_bottom { margin: 4vw 0 0; }
    .arc_bottom ul { display: flex; flex-direction: row; align-items: center; gap: 3vw; padding: 0; margin: 0; list-style: none; }
    .arc_sub_title { font-size: 3vw; }
    .arc_date { font-size: 3vw; margin-top: 0; }
    .arc_hash { font-size: 2.5vw; margin: 3vw 0 0; }
    .arc_sec1 .bottom_ctrl { display: none; }
    .arc_sec2 { min-height: 0; }
    .arc_story { padding-top: 0; font-size: 2.5vw; margin: 15vw 0 0; }
    .arc_story p { margin: 0 0 1.2em 0; line-height: 1.6; }
    .arc_story .feat { font-size: 1.8vw; }

    .arc_sec3 { padding: 20vw 30px 0; min-height: 0; }
    .arc_sec3 img { margin-bottom: 30px; }
    .arc_sec3 .bottom_ctrl { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 12vw; }
    .arc_sec3 .bottom_ctrl .ctrl-group { display: flex; align-items: center; }
    .arc_sec3 .bottom_ctrl .ctrl-group:first-child { justify-content: flex-start; }
    .arc_sec3 .bottom_ctrl .ctrl-group:last-child { justify-content: flex-end; }
    .arc_sec3 .bottom_ctrl .ctrl-group a, .arc_sec3 .bottom_ctrl .ctrl-group span { display: inline-block; max-width: 100%; cursor: pointer; width: auto; min-width: 0; text-align: inherit; box-sizing: border-box; }
    .arc_sec3 .bottom_ctrl .prj-title { font-size: 4vw; line-height: 1.2; }
    .arc_sec3 .bottom_ctrl .ctrl-group:first-child .prj-title, .arc_sec3 .bottom_ctrl .ctrl-group:first-child .link-text, .arc_sec3 .bottom_ctrl .ctrl-group:first-child .no-link-text { text-align: left !important; }
    .arc_sec3 .bottom_ctrl .ctrl-group:last-child .prj-title, .arc_sec3 .bottom_ctrl .ctrl-group:last-child .link-text, .arc_sec3 .bottom_ctrl .ctrl-group:last-child .no-link-text { text-align: right !important; } */



    .arc_section { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 3; background-color: var(--bg-color); transition: background-color 0.4s; }
    .arc_sec1, .arc_sec3 { padding-bottom: 0; width: 100%; max-width: 680px; margin: 0; color: var(--eli-color); padding: 0; }
    .arc_sec1, .arc_sec2 { position: relative; }
    .arc_sec1 { min-height: 0; padding-top: 18.75vw; text-align: center; }
    .arc_sec1 .arc_num { font-size: 18px; margin-bottom: 20px; font-weight: 700; }

    .arc_sec1 .arc_title_en, .arc_sec3 .arc_title_ko { font-family: Pretendard; }
    .arc_sec1 .arc_title_en { font-size: 48px; font-weight: 700; line-height: 1.3; margin-bottom: 5px; }
    .arc_sec3 .arc_title_ko { font-size: 36px; font-weight: 200; line-height: 1.3; margin: 8.438vw 0 4.063vw; word-break: keep-all; }

    .arc_bottom { margin: 39px 0 0; }
    .arc_bottom ul { display: flex; flex-direction: row; align-items: center; gap: 29px; padding: 0; margin: 0; list-style: none; }
    .arc_sub_title { font-size: 1.875vw; font-weight: 600; }

    .arc_date { font-size: 18px; font-weight: 600; line-height: 1.5; }
    .arc_sec1 .bottom_ctrl2 { display: none; }
    .arc_sec2 { min-height: 0; max-width: 680px; }
    .arc_story { margin-bottom: 4.063vw; font-family: Pretendard; font-size: 18px; line-height: 1.8; word-break: keep-all; font-weight: 500; }

    .arc_sec3 { padding: 0; margin: 8.438vw 0 16.667vw; min-height: 0; width: 100%; }
    .arc_sec3 img { margin-bottom: 4.063vw; margin: 0 auto 4.063vw; }
    .arc_sec_scroll > img:first-of-type { margin-top: 4.063vw; }

    .arc_sec3 video { margin: 0 auto 4.063vw; width: 100%; }
    .arc_hash { font-size: 16px; margin: 4.063vw 0 0; line-height: 1.6; font-weight: 500; }
    .arc_hash span:first-child { opacity: 1; margin-right: 0.938vw; }
    .arc_hash span { display: inline-block; padding-right: 0.938vw; opacity: var(--opc3); }
    .arc_sec_scroll hr { border: 0; border-top: 1px solid var(--eli-color); height: 0; background: none; opacity: var(--opc2); margin: 40px 0; }

    .thx { display: flex; align-items: center; margin-top: 8.438vw; }
    .thx_thumb { width: 5.313vw; height: 5.313vw; display: flex; align-items: center; justify-content: center; margin-right: 2.188vw; }
    .thx_thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
    .thx_text { display: flex; flex-direction: column; justify-content: center; }
    .thx_who, .feat { font-family: Pretendard; font-size: 16px; line-height: 1.2; word-break: keep-all; }
    .thx_who { margin-bottom: 0.313vw; font-weight: 600; }
    .feat { opacity: var(--opc3); display: block; margin-top: 0.313vw; font-weight: 500; }
    .thx img { margin: 0; }

    .arc_sec3 .bottom_ctrl2 { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 89.688vw; margin: 0 auto; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group { width: 50%; display: flex; flex-direction: column; min-width: 0; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child { align-items: flex-start; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child { align-items: flex-end; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .ctrl-group span { font-weight: 600; word-break: keep-all; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group span { font-weight: 500; }

    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .no-link-text { font-family: Pretendard; padding: 0; height: auto; min-height: auto; line-height: 1; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a { font-size: 2.813vw; cursor: pointer; }
    .arc_sec3 .bottom_ctrl2 .link-text, .arc_sec3 .bottom_ctrl2 .no-link-text { font-size: 18px; margin-top: 2vw; height: 3vw; }
    .arc_sec3 .bottom_ctrl2 .no-link-text { color: var(--eli-color); }

    .arc_sec3 .bottom_ctrl2 .prj-title { opacity: 1; font-size: 24px; font-weight: 600; line-height: 1.2; margin-top: 4.688vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .no-link-text { text-align: left !important; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .no-link-text { text-align: right !important; }

    .bottom_ctrl2 .prj-title span { text-decoration: underline; }
    .bottom_ctrl2 .prj-title, .bottom_ctrl2 .link-text { color: var(--eli-color); }
    .bottom_ctrl2 .link-text { width: calc(100% - 0.781vw); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .arc-img, .no-img { display: inline-block; width: calc(100% - 0.781vw); height: 9vw; background-size: cover; background-position: center; }
    .bottom_ctrl2 .no-link { opacity: 0.2; background-color: transparent; /*margin-top: 8.906vw;*/ }

    .arc_sec3 video { margin-bottom: 4.063vw; }

    .colabo_en { font-weight: 300; font-size: 5vw; line-height: 0.6; display: inline-block; transform: translateY(0vw); }
    .colabo_en_list { font-weight: 200; font-size: 7.188vw; line-height: 0.6; display: inline-block; transform: translateY(0.313vw); }
    .arc_sec1 .colabo_ko { font-weight: 300; font-size: 8vw; line-height: 0.6; display: inline-block; transform: translateY(0vw); }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 7.813vw; transform: translateY(0.313vw); }



    .sortable { padding-bottom: 24vw; }
    .container { max-width: calc(100vw - 160px); margin: 0 auto; }
    .wrapper { padding: 0; margin-top: 164px; position: relative; z-index: 4; }
    .card { margin: 0 0 -60px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 5vw 0; position: relative; top: -5vw; }
    .card__date { font-weight: 600; font-size: 1.6vw; display: inline-block; margin: 0 0 10px; }
    .card__title { margin: 0; font-size: 3.8vw; line-height: 1.1; margin-bottom: 1.8vw; font-family: Pretendard; word-break: keep-all; font-weight: 700; }
    .card__text { font-weight: 500; word-break: keep-all; gap: 12px 6px; }
    .card__text span { font-size: 1.6vw; margin-right: 10px; white-space: nowrap; display: inline-block; margin-bottom: 0; }
    .card__more { font-weight: 700; font-size: 20px; line-height: 1.2; border-bottom: 2px solid var(--color1); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 40px; }
    .colabo_en_list { font-size: 4.8vw; }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 5.4vw; transform: translateY(3px); }

    /* .arc_section { width: 100%; display: flex; flex-direction: column; padding: 0 0 28vw; }
    .arc_sec1, .arc_sec2, .arc_sec3 { grid-column: 1 / -1 !important; width: 100%; min-width: 0; padding-bottom: 0; }
    .arc_sec1, .arc_sec2 { position: relative; padding: 0 15vw 0; }
    .arc_sec1 { min-height: 0; padding-top: 20vw; }
    .arc_sec1 .arc_num { font-size: 3vw; margin: 0 0 2.5vw; }
    .arc_sec1 .arc_title_en, .arc_sec3 .arc_title_ko { width: 100%; margin: 0 0 1.5vw; line-height: 1.2; }
    .arc_sec1 .arc_title_en { font-size: 6vw; }
    .arc_sec3 .arc_title_ko { font-size: 6vw; }
    .arc_bottom { margin: 4vw 0 0; }
    .arc_bottom ul { display: flex; flex-direction: row; align-items: center; gap: 3vw; padding: 0; margin: 0; list-style: none; }
    .arc_sub_title { font-size: 3vw; }
    .arc_date { font-size: 3vw; margin-top: 0; }
    .arc_hash { font-size: 2.5vw; margin: 3vw 0 0; }
    .arc_sec1 .bottom_ctrl2 { display: none; }
    .arc_sec2 { min-height: 0; }
    .arc_story { padding-top: 0; font-size: 2.5vw; margin: 15vw 0 0; }
    .arc_story p { margin: 0 0 1.2em 0; line-height: 1.6; }
    .arc_story .feat { font-size: 1.8vw; }

    .arc_sec3 { padding: 20vw 30px 0; min-height: 0; }
    .arc_sec3 img { margin-bottom: 15px; }
    .arc_sec3 .bottom_ctrl2 { display: flex; align-items: center; justify-content: center; width: 50%; margin: 12vw auto 0; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group { display: flex; align-items: center; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child { justify-content: flex-start; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child { justify-content: flex-end; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .ctrl-group span { display: inline-block; max-width: 100%; cursor: pointer; width: auto; min-width: 0; text-align: inherit; box-sizing: border-box; }
    .arc_sec3 .bottom_ctrl2 .prj-title { font-size: 4vw; line-height: 1.2; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .no-link-text { text-align: left !important; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .no-link-text { text-align: right !important; } */
}


@media screen and (max-width:960px) {
    #mainNav { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
    #mainNav.hide { transform: translateY(-100%); opacity: 0; }

    .wrapper { margin-top: 21.25vw; }

    .sortable { margin-bottom: 48vw; padding-bottom: 20vw; }
    .container { max-width: calc(100vw - 8.3333vw); }
    .card { margin-top: 5vw; }
    .card-infos { padding: 0 12vw; top: -12.467vw; }
    .card__date { font-size: 4vw; margin-bottom: 3.1250vw; }
    .card__title { font-size: 9.5833vw; margin-bottom: 5.2083vw; line-height: 1.2; }
    .card__text { gap: 2.5vw 0; }
    .card__text span { font-size: 4vw; margin-right: 3.1250vw; }
    .colabo_en_list { font-size: 12.5vw; }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 13vw; transform: translateY(4px); }

    /* .arc_section { width: 100%; display: flex; flex-direction: column; padding: 0 0 28vw; }
    .arc_sec1, .arc_sec2, .arc_sec3 { grid-column: 1 / -1 !important; width: 100%; min-width: 0; padding-bottom: 0; }
    .arc_sec1, .arc_sec2 { position: relative; padding: 0 15vw 0; }
    .arc_sec1 { min-height: 0; padding-top: 36vw; }
    .arc_sec1 .arc_num { font-size: 5vw; margin: 0 0 4vw; }
    .arc_sec1 .arc_title_en, .arc_sec3 .arc_title_ko { width: 100%; margin: 0 0 4vw; line-height: 1.2; }
    .arc_sec1 .arc_title_en { font-size: 10vw; }
    .arc_sec3 .arc_title_ko { font-size: 10vw; }
    .arc_sub_title { font-size: 5vw; }
    .arc_date { font-size: 4vw; margin: 4vw 0 10vw; }
    .arc_bottom { margin: 14vw 0 0; }
    .arc_hash { font-size: 4vw; margin: 0; }
    .arc_sec1 .bottom_ctrl2 { display: none; }
    .arc_sec2 { min-height: 0; }
    .arc_story { padding-top: 0; font-size: 5vw; margin: 20vw 0 0; }
    .arc_story p { margin: 0 0 1.2em 0; line-height: 1.6; }
    .arc_story .feat { font-size: 3.5vw; }

    .arc_sec3 { padding: 20vw 30px 0; min-height: 0; }
    .arc_sec3 img { margin-bottom: 15px; }
    .arc_sec3 .bottom_ctrl2 { display: flex; align-items: center; justify-content: center; width: 80%; margin: 12vw auto 0; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group { display: flex; align-items: center; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child { justify-content: flex-start; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child { justify-content: flex-end; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .ctrl-group span { display: inline-block; max-width: 100%; cursor: pointer; width: auto; min-width: 0; text-align: inherit; box-sizing: border-box; }
    .arc_sec3 .bottom_ctrl2 .prj-title { font-size: 6vw; line-height: 1.2; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .no-link-text { text-align: left !important; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .no-link-text { text-align: right !important; } */

    .vertcopy2 { right: 40px; bottom: 80px; }


    .arc_section { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 3; background-color: var(--bg-color); transition: background-color 0.4s; }

    .arc_sec1, .arc_sec2, .arc_sec3 { margin: 0 auto; color: var(--eli-color); width: 100%; padding: 0; }
    .arc_sec1, .arc_sec2 { position: relative; }
    .arc_sec1 { min-height: 0; padding-top: 200px; width: calc(100% - 72px); text-align: center; }
    .arc_sec1 .arc_num { font-size: 4vw; margin-bottom: 4vw; font-weight: 700; }

    .arc_sec1 .arc_title_en, .arc_sec3 .arc_title_ko { font-family: Pretendard; word-break: keep-all; }
    .arc_sec1 .arc_title_en { font-size: 8vw; font-weight: 700; line-height: 1.1; margin-bottom: 2vw; }
    .arc_sec3 .arc_title_ko { font-size: 7.2vw; font-weight: 200; line-height: 1.2; margin: 12.5vw 0 8.333vw; }

    .arc_bottom { margin: 20px 0 0; }
    .arc_bottom ul { display: flex; flex-direction: row; align-items: center; gap: 14px; padding: 0; margin: 0; list-style: none; }
    .arc_sub_title { font-size: 3.75vw; font-weight: 600; }

    .arc_date { font-size: 3.2vw; font-weight: 600; line-height: 1.5; margin-bottom: 10vw; }
    .arc_sec1 .bottom_ctrl2 { display: none; }
    .arc_sec2 { min-height: 0; }
    .arc_story { margin-bottom: 8.333vw; font-family: Pretendard; font-size: 3.8vw; line-height: 1.8; word-break: keep-all; font-weight: 500; }

    .arc_sec3 { padding: 0; min-height: 0; width: calc(100% - 36px); }
    .arc_sec3 img { margin-bottom: 8.333vw; margin: 0 auto 4.167vw; }
    .arc_sec_scroll > img:first-of-type { margin-top: 8.333vw; }

    .arc_sec3 video { margin: 0 auto 8.333vw; width: 179.167vw; }
    .arc_hash { font-size: 3.4vw; margin: 8.333vw 0 0; line-height: 1.6; font-weight: 500; }
    .arc_hash span:first-child { opacity: 1; margin-right: 2.083vw; }
    .arc_hash span { display: inline-block; padding-right: 2.083vw; opacity: 0.4; }
    .arc_sec_scroll hr { border: 0; border-top: 0.208vw solid var(--eli-color); height: 0; background: none; opacity: var(--opc2); margin: 8.333vw 0; }

    .thx { display: flex; align-items: center; margin-top: 20vw; }
    .thx_thumb { width: 13vw; height: 13vw; display: flex; align-items: center; justify-content: center; margin-right: 5vw; }
    .thx_thumb img { width: 100%; max-width: 124px; object-fit: cover; border-radius: 50%; }
    .thx_text { display: flex; flex-direction: column; justify-content: center; }
    .thx_who, .feat { font-family: Pretendard; font-size: 4vw; line-height: 1.2; word-break: keep-all; }
    .thx_who { margin-bottom: 1vw; font-weight: 600; }
    .feat { opacity: 0.4; display: block; margin-top: 1vw; font-weight: 500; }
    .thx img { margin: 0; }

    .arc_sec3 .bottom_ctrl2 { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto; padding: 0 0 10vw; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group { width: 50%; display: flex; flex-direction: column; min-width: 0; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child { align-items: flex-start; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child { align-items: flex-end; }

    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .ctrl-group span { display: inline-block; font-weight: 600; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a, .arc_sec3 .bottom_ctrl2 .no-link-text { font-family: Pretendard; padding: 0; height: auto; min-height: auto; line-height: 1; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group a { font-size: 5.833vw; cursor: pointer; }
    .arc_sec3 .bottom_ctrl2 .link-text, .arc_sec3 .bottom_ctrl2 .no-link-text { font-size: 3.6vw; margin-top: 4.167vw; height: 5.6vw; }
    .arc_sec3 .bottom_ctrl2 .no-link-text { color: var(--eli-color); }

    .arc_sec3 .bottom_ctrl2 .prj-title { opacity: 1; font-size: 4.2vw; font-weight: 600; line-height: 1.2; margin-top: 8.333vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:first-child .no-link-text { text-align: left !important; }
    .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .prj-title, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .link-text, .arc_sec3 .bottom_ctrl2 .ctrl-group:last-child .no-link-text { text-align: right !important; }

    .bottom_ctrl2 .prj-title span { text-decoration: underline; }
    .bottom_ctrl2 .prj-title, .bottom_ctrl2 .link-text { color: var(--eli-color); }
    .bottom_ctrl2 .link-text { width: 85.417vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .arc-img, .no-img { display: inline-block; width: calc(100% - 1.563vw); height: 18vw; background-size: cover; background-position: center; }
    .bottom_ctrl2 .no-link { opacity: 0.2; background-color: transparent; /*margin-top: 18vw;*/ }
    .arc_sec3 video { margin-bottom: 8.333vw; }

    .arc_sec3 .bottom_ctrl2 .ctrl-group .mdv { display: none; }

    .colabo_en { font-weight: 300; font-size: 10vw; line-height: 0.6; display: inline-block; transform: translateY(0.208vw); }
    .colabo_en_list { font-weight: 200; font-size: 14.167vw; line-height: 0.6; display: inline-block; transform: translateY(0.417vw); }
    .arc_sec1 .colabo_ko { font-weight: 300; font-size: 18vw; line-height: 0.6; display: inline-block; transform: translateY(0.5vw); }
    .card__title .colabo_ko { font-weight: 300; line-height: 0.6; display: inline-block; font-size: 15.417vw; transform: translateY(0.625vw); }
}


@media screen and (max-width:960px) and (max-height: 640px) {
    #site-footer-sub { height: 56vw; }
    #footer-logo { bottom: -29.3vw; }
}

@media screen and (max-width:640px) {
    .sortable { margin-bottom: 70vw; padding-bottom: 20vw; }
    #site-footer-sub { height: 150vw; }
    #footer-logo { bottom: -75.9vw; }
}