.noldarak-detailpage .project-detail-head {
    border-bottom: 1px solid rgba(255, 143, 16, 0.25);
}
.noldarak-detailpage .project-detail-head h2 {
    color: #FF8F10;
}
.noldarak-detailpage .project-detail-head p {
    color: #FF8F10;
}
.noldarak-detailpage .visual-section .project-info {
    margin-bottom: 50px;
}
.noldarak-detailpage .visual-section .sub-info-title span {
    color: #FF8F10;
}
.noldarak-detailpage .visual-section .sub-info-title .box-icon {
    background-color: #FF8F10;
}

.noldarak-detailpage .visual-section {
    position: relative;
    color: #FF8F10;
    overflow: hidden;
}
.noldarak-detailpage .visual-section::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -100;
    width: 100%;
    height: 100%;
    background: url(../../img/project/noldarak/visual_bg.png) no-repeat center bottom / cover;
    content: "";
}
.snowflakes {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.snowflakes .snowflake {
    color: #fff;
    width: 20px;
    aspect-ratio: 1 / 1;
    position:relative;
    top:-10%;
    z-index:-10;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default;
    -webkit-animation-name:snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration:10s,5s;
    -webkit-animation-timing-function:linear,ease-in-out;
    -webkit-animation-iteration-count:infinite,infinite;
    -webkit-animation-play-state:running,running;
    animation-name:snowflakes-fall,snowflakes-shake;
    animation-duration:10s,5s;
    animation-timing-function:linear,ease-in-out;
    animation-iteration-count:infinite,infinite;
    animation-play-state:running,running
}  
.snowflakes .snowflake img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}
.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}
.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}
.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}
.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}
.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}
.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}
.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}
.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
.noldarak-detailpage .visual-section .project-info .wrapper80 .title {
    border-bottom: 1px solid rgba(255, 143, 16, 0.5);
}
.noldarak-detailpage .visual-section .project-info .wrapper80 .info-wrap .info-detail > ul > li .category-list li {
    border: 1px solid #FF8F10;
}
.noldarak-detailpage .visual-section .project-info .wrapper80 .info-wrap .info-detail > ul > li .label-wrap .label-icon {
    background-color: #FF8F10;
}

.noldarak-detailpage .overview-section {
    position: relative;
}
.noldarak-detailpage .overview-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
    background-color: #092F45;
    content: "";
}
.noldarak-detailpage .overview-section .contents-wrap .home-wrap {
    margin-bottom: 100px;
}
.noldarak-detailpage .overview-section .contents-wrap .sub-wrap {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-right: -6%;
    padding: 16px 0 0 0;
    margin-bottom: 160px;
}

.noldarak-detailpage .overview-section .contents-wrap .sub-wrap .text-svg {
    position: relative;
    width: 30vw;
    max-width: 635px;
    mix-blend-mode: overlay;
    background-color: #092F45;
}
.noldarak-detailpage .overview-section .contents-wrap .sub-wrap.aos-animate .text-svg > svg path:nth-child(1) {
    animation: draw-line 12s ease forwards;
    fill: none;
    stroke: rgba(255,255,255,0.5);
    stroke-width: 6;
    stroke-dasharray: 19335.6;   
    stroke-dashoffset: 19335.6; 
}
.noldarak-detailpage .overview-section .contents-wrap .sub-wrap.aos-animate .text-svg > svg path:nth-child(2) {
    fill: none;
    stroke: rgba(255,255,255,0.5);
    stroke-width: 6;
    stroke-dasharray: 25;   
    stroke-dashoffset: 25; 
    animation: line-draw-short 1s ease forwards 2s; 
}

/* 세 번째 Path (선 2) */
.noldarak-detailpage .overview-section .contents-wrap .sub-wrap.aos-animate .text-svg > svg path:nth-child(3) {
    fill: none;
    stroke: rgba(255,255,255,0.5);
    stroke-width: 6;
    stroke-dasharray: 25;   
    stroke-dashoffset: 25; 
    animation: line-draw-short 1s ease forwards 2.2s; 
}
@keyframes line-draw-short {
    /* 선은 글씨보다 짧으므로, Keyframes의 offset을 100%로 설정하는 것이 편리합니다. */
    from { stroke-dashoffset: 25; } 
    to   { stroke-dashoffset: 0; }
}
@keyframes draw-line {
    from { stroke-dashoffset: 19335.6; }
    to   { stroke-dashoffset: 0; }
  }
  
.noldarak-detailpage .overview-section .contents-wrap .sub-wrap .inner {
    max-width: 1450px;
    width: 75vw;
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap {
    padding: 0 40px;
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .wrapper80 {
    display: flex;
    justify-content: space-between;
    gap: 120px;
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .m-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap  .m-list .img-list {
    display: flex;
    gap: 60px;
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 {
    width: calc(60% - 60px);
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 {
    width: calc(40% - 60px);
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap {
    width: calc(33.33% - 40px);
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 .img-list .img-title-wrap {
    width: calc(50% - 30px);
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap {
    transform: translateX(calc(-100% - 60px));
    z-index: 5;
    transition: transform 0.8s ease-out;
    transition-delay: 0s;
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 .img-list .img-title-wrap {
    transform: translateX(calc(-100% - 60px));
    z-index: 5;
    transition: transform 0.8s ease-out;
    transition-delay: 1s;
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap:first-child,
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 .img-list .img-title-wrap:first-child  {
    z-index: 8;
    transform: translateX(0);
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap:nth-child(3) {
    z-index: 4;
    transform: translateX(calc(-200% - 120px));
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap.is-visible:nth-child(3) {
    transform: translateX(0);
}
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .sub-info-title.is-visible,
.noldarak-detailpage .overview-section .contents-wrap .m-wrap .img-list .img-title-wrap.is-visible {
    transform: translateX(0);
}


.noldarak-detailpage .tone-manner-section {
    background: #092F45;
}
.noldarak-detailpage .tone-manner-section .contents-wrap ul li.orange {
    width: 50%;
    background: #FFA81D;
}
.noldarak-detailpage .tone-manner-section .contents-wrap ul li.white {
    background: #fff;
}
.noldarak-detailpage .tone-manner-section .contents-wrap ul li.blue {
    background: #193C51;
}


.noldarak-detailpage .detailpage-section.subpage-section {
    background-color: #092F45;
}
.noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80  {
    max-width: 1420px;
}
.noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 20px;
}
.noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-list {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 80px;
}
.noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc {
    width: calc(78% - 40px);
}
.noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-title-wrap.mobile  {
    width: calc(22% - 40px);
}
.noldarak-detailpage .detailpage-section.subpage-section.program-section .contents-wrap .wrapper80 .inner {
    align-items: flex-start;
}

.noldarak-detailpage .f-thumb-section {
    position: relative;
    overflow: hidden;
}
.noldarak-detailpage .f-thumb-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../img/project/noldarak/snowflakes_bg.jpg) no-repeat center center / cover;
    z-index: -100;
    content: "";
}
.noldarak-detailpage .f-thumb-section .wrapper80 h2 {
    color: #FF8F10;
}

@media screen and (max-width : 1500px) { 
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .wrapper80 {
        padding: 0;
    }
}
@media screen and (max-width : 1280px) {

    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap .bg-text {
        left: 20px;
        top: 20px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap .inner {
        width: 83vw;
    }

    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .wrapper80 {
        gap: 60px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 {
        width: calc(60% - 30px);
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 {
        width: calc(40% - 30px);
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .m-list .img-list {
        gap: 30px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap {
        width: calc(33.33% - 20px);
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .img-list .img-title-wrap {
        transform:translateX(calc(-100% - 30px));
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap  .list01 .img-list .img-title-wrap:nth-child(3) {
        transform:translateX(calc(-200% - 60px));
    }
    .noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-list {
        gap: 30px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 .img-list .img-title-wrap {
        width: calc(50% - 15px);
    }
  

}



@media screen and (max-width : 768px) {
    
    .snowflakes .snowflake { 
        width: 12px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .home-wrap {
        margin-bottom: 50px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap {
        margin-bottom: 80px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap .text-svg {
        width: 120%;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap .text-svg svg {
        width: 100%;
        object-fit: contain;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap .inner {
        width: 100%;
    } 
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap .inner .video-title-wrap {
        margin-left: 60px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap.aos-animate .text-svg > svg path:nth-child(1) {
        stroke-width: 4;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap.aos-animate .text-svg > svg path:nth-child(2) {
        stroke-width: 4;
    }
    .noldarak-detailpage .overview-section .contents-wrap .sub-wrap.aos-animate .text-svg > svg path:nth-child(3) {
        stroke-width: 4;
    }

    .noldarak-detailpage .overview-section .contents-wrap .m-wrap {
        padding: 0;
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .wrapper80 {
        flex-direction: column; 
        gap: 50px;       
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .m-list {
        padding: 0 15px;
        gap: 12px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 ,
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 {
        width: 100%;
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .m-list .img-list {
        flex-wrap: wrap;
        column-gap: 40px;
        row-gap: 24px;
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap,
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 .img-list .img-title-wrap {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .img-list .img-title-wrap {
        transform: translateX(0);
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap:first-child,
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list02 .img-list .img-title-wrap:first-child  {
        transform: translateX(0);
    }
    .noldarak-detailpage .overview-section .contents-wrap .m-wrap .list01 .img-list .img-title-wrap:nth-child(3) {
        transform: translateX(0);
    }

    .noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner {
        align-items: flex-start;
        gap: 12px;
    }
    .noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-list {
        position: relative;
    }
    .noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc {
        width: 100%;
        margin-bottom: 35px;
    }
    .noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc .img-area {
        margin-left: 15%;
    }
    .noldarak-detailpage .detailpage-section.subpage-section .contents-wrap .wrapper80 .inner .img-title-wrap.mobile {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 20;
        width: 30%;
    }   
    .noldarak-detailpage .detailpage-section.subpage-section.program-section .contents-wrap .wrapper80 .inner {
        align-items: flex-end;
    }
    .noldarak-detailpage .detailpage-section.subpage-section.program-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc .img-area {
        margin-left: -15%;
    }
    .noldarak-detailpage .detailpage-section.subpage-section.program-section .contents-wrap .wrapper80 .inner .img-title-wrap.mobile {
        left: auto;
        right: 0;
    }    
}


@media screen and (max-width : 500px) {
    .noldarak-detailpage .visual-section .project-info {
        margin-bottom: 0;
    }

    .f-thumb-section {
        aspect-ratio: 390 / 430;
        min-height: 430px;
    }
}


@media screen and (min-width : 769px) {

}