@font-face {
    font-family: 'YeogiOttaeJalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Quicksand';
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/quicksand:vf@5.3.0/latin-wght-normal.woff2') format('woff2-variations');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
} 


.jalgo {
    font-family: 'YeogiOttaeJalnanGothic' !important;
}

.Quicksand  { font-family: 'Quicksand' !important;} 



#hd {
    max-width: 100%;
    border-radius: 0; border: 0; 
    border-bottom: 2px solid #FFB400; 
}



.txtEffet {
    overflow: hidden;
}

.brandWrap {}

.subBanner {
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
}

.brandTitle {
    color: #FFF;
    font-size: 6.4rem;
}

.siteMap {
    display: flex;
    margin-top: 3.8rem;
    justify-content: center;
    font-family: "Pretendard";
}

.siteMap li {
    font-size: 2.4rem;
    line-height: 1;
    position: relative;
    padding: 0 2.8rem;
    font-family: "Pretendard";
}

.siteMap li::before {
    content: '';
    width: 9px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    background: url(../images/brand/siteMapNav.png) no-repeat center / cover;
}

.siteMap li:last-child::before {
    display: none;
}

.brandCont {
    width: 100%;
    height: auto;
    padding: 14rem 0;
}

.brandContInner {
    width: 100%;
    max-width: 124rem;
    padding: 0 2rem;
    margin: 0 auto;
}

.brandContTitle {
    text-align: center;
    font-size: 7rem;
    color: #111;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -0.35rem;
}


#brandInfo .brandTitle {
    color: #111;
    font-size: 4.8rem;
    letter-spacing: -0.04em;
}

.brandContInner > p {
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: center;
    margin-top: 2rem;
    font-weight: 400; 
}

.brandContTxt {
    text-align: center;
    font-size: 2.8rem;
    line-height: 3.8rem;
    color: #111;
    margin-top: 4.7rem;
    font-family: "Pretendard";
}

@media (max-width:768px) {

    .brandCont {
        width: 100%;
        height: auto;
        padding: 18.13vw 0;
    }

    .brandContInner {
        max-width: 100%;
        padding: 0 1.5rem;
    }

    .brandContTitle {
        font-size: 10.41vw;
        line-height: 11.46vw;
    }

}

/* ================ 브랜드 소개 START ~ ================ */


#brandInfo .subBanner {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 37.2rem 2rem 21.5rem;
    background: url(../images/brand/brandInfoBg.jpg) no-repeat center / cover;
}

.infoLeftBg,
.infoRightBg {
    position: absolute;
}

.infoLeftBg {
    left: -60px;
    top: 60px;
    width: 35%;
}

.infoRightBg {
    right: -90px;
    bottom: 0;
    width: 33%;
    z-index: 0;
}

.infoLeftBg img,
.infoRightBg img {
    width: 100%;
}


#brandInfo .brandTitle {
    color: #111;
    font-size: 4.8rem;
    letter-spacing: -0.04em;
}

#brandInfo .logoImg {
    width: 100%;
    max-width: 69.9rem;
    height: auto;
    margin-top: 3.4rem;
}

#brandInfo .logoImg img {
    width: 100%;
    height: auto;
}

.butGroup {
    margin-top: 4.6rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.butGroup li {
    border-radius: 30px;
    overflow: hidden;
    display: inline-block;
    background: #ffba23;
    width: 19rem;
    height: 6rem;
    margin-right: 3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnYellow {
    padding: 2rem 0;
    text-align: center;
}

.btnYellowTxt {
    font-weight: 700;
    color: #111;
    font-size: 2.4rem;
    line-height: 1;
    padding-left: 3.4rem;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease-in-out;
    font-family: "Pretendard";
}

.blackCircle {
    background: #111111;
    border-radius: 0 30px 30px 0;
    width: 6rem;
    height: 6rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}

.youtubeBtn .btnIcon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin-left: 1.5rem;
    width: 3rem;
    height: auto;
}

.instaBtn .btnIcon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin-left: 1.7rem;
    width: 2.7rem;
    height: auto;
}

.instaBtn .btnYellowTxt {
    padding-left: 5.1rem;
}


@media (min-width:992px) {

    .butGroup li:hover .blackCircle {
        width: 100%;
        border-radius: 0;
    }

    .butGroup li:hover .btnYellowTxt {
        color: #fff;
    }

}

.butGroup li.youtubeBtn {}

.butGroup li.instaBtn {}


.brandInfoBox {
    background: #fff;
    padding: 14rem 0;
}

.brandContTitle .heighLight {
    position: relative;
}

.brandContTitle .heighLight::before {
    content: '';
    width: 0;
    height: 100%;
    background: #ffba23;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    transition: all 0.8s ease-in-out;
}

.brandContTitle.aos-animate .heighLight::Before {
    width: 103%;
}


.brandInfoBox .brandContInner {
    width: 100%;
    max-width: 144rem;
    padding: 0 2rem;
    margin: 0 auto;
}



.brandInfoListGroup {
    overflow: hidden;
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
    gap: 1.7rem;
}

.brandInfoListGroup.pc_only {
    display: flex !important;
}

.brandInfoListGroup li.brandInfoList {
    position: relative;
    width: calc(25% - 1.7rem);
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
    font-family: "Pretendard";
}

.brandInfoListGroup li.brandInfoList:before {
    content: '';
    position: absolute;
    right: -17%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 60px;
    height: 7px;
    display: block;
    background: url(/STATIC/new/images/brand/brand_n_line.svg)no-repeat;
    background-size: contain
}


.brandInfoListGroup li.brandInfoList:last-child:before {
    display: none
}

.brandInfoListIcon {
    width: 100%;
    height: auto;
}

.brandInfoListIcon img {
    width: 100%;
    height: auto;
}

.brandInfoTxt {
    font-weight: 700;
    color: #111;
    margin-top: 2.1rem;
    font-size: 3.2rem;
    letter-spacing: -0.025em;
}

.brandInfoETxt {
    font-size: 2.4rem;
    color: #a4a4a4;
    letter-spacing: -0.025em;
    margin-top: 1.6rem;
}


.brandInfoContImg,
.brandInfoContTxtGroup {
    /* width:calc(50% - 3rem);*/
}

/* 문자 래핑용 기본 스타일 */
.brandInfoContTxtGroup i.char {
    display: inline-block;
    /* 줄바꿈/커닝 깨짐 방지 */
    opacity: 0;
    /* 시작은 투명 */
    font-style: normal;
    /* <i> 기본 이탤릭 해제 */
}

.brandInfoContImg {
    width: 45.9%;
    border-radius: 60px;
    overflow: hidden;
}


.brandInfoContImg img {
    width: 100%;
    height: auto;
}

.brandInfoContTxtGroup {
    margin-left: 5.2rem;
}

.brandInfoContBotm {
    margin-top: 11rem;
}

.brandInfoContBotm .brandInfoContTxtGroup {
    text-align: right;
    margin-right: 5.2rem;
    margin-left: 0;
}

.brandInfoContBotm .brandInfoContTxt {
    letter-spacing: -0.025em;
}

.brandInfoCont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brandInfoContTitle {
    font-size: 8.4rem;
    line-height: 9rem;
    color: #111;
}

.brandInfoContTxt {
    margin-top: 4.7rem;
    font-size: 2.25rem;
    line-height: 3rem;
    color: #111;
    font-family: "Pretendard";
}




@media (max-width:768px) {

    #brandInfo .subBanner {
        height: auto;
        padding: 66.47vw 2rem 71.73vw;
    }


    .infoLeftBg,
    .infoRightBg {
        display: none;
    }


    .brandInfoBox {
        padding: 20vw 0;
    }




    .brandInfoCont {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }


    .brandInfoTxt {
        margin-top: 2.67vw;
        font-size: 4.17vw;
    }

    .brandInfoETxt {
        letter-spacing: -0.025em;
        margin-top: 2.13vw;
        font-size: 3.13vw;
    }


    .brandInfoContTitle {
        width: 100% !important;
        font-size: 10.93vw;
        line-height: 11.72vw;
        margin-top: 7.73vw;
        text-align: center;
    }

    .brandInfoContTxt {
        margin-top: 6.40vw;
        font-size: 3.65vw;
        line-height: 4.69vw;
        text-align: center;
        margin-left: 0;
    }

    .brandInfoContBotm {
        margin-top: 15.47vw;
    }

    .brandInfoContBotm .brandInfoContTxt {
        font-size: 3.4vw;
        margin-right: 0;
    }

    #brandInfo .brandTitle {
        font-size: 6.25vw;
        letter-spacing: -0.04em;
        font-weight: 400;
        line-height: 1.2;
    }

    #brandInfo .logoImg {
        margin-top: 4.53vw;
    }

    .butGroup {
        margin-top: 5.87vw;
    }

    .blackCircle {
        width: 7.81vw;
        height: 7.81vw;
    }

    .butGroup li {


        width: 24.74vw;
        height: auto;
        margin-right: 4.00vw;

    }

    .butGroup li:last-child {
        margin-right: 0;
    }

    .youtubeBtn .btnIcon {
        margin-left: 1.87vw;
        width: 3.73vw;
    }

    .instaBtn .btnIcon {
        margin-left: 2.2vw;
        width: 3.47vw;
    }

    .btnYellow {
        padding: 2.67vw 0;
    }

    .btnYellowTxt {
        font-size: 3.13vw;
        padding-left: 5.8vw;
    }

    .instaBtn .btnYellowTxt {
        padding-left: 7.33vw;
    }

}



/* ================ 브랜드 경쟁력 START ~ ================ */

#brandCom {}

#brandCom .brandCont {
    padding: 0;
}

#brandCom .brandComBox {
    padding: 14rem 0;
}

#brandCom .brandComBox01 {
    background: url(../images/brand/brandcomBg01.jpg) no-repeat center / cover;
}

#brandCom .brandComBox02 {
    background: url(../images/brand/brandcomBg02.jpg) no-repeat center / cover;
}




#brandCom .brandContTitle {
    line-height: 8.8rem;
}

#brandCom .brandContTxt {
    margin-top: 4rem;
}

.brandComImg {
    width: 100%;
    height: auto;
    margin-top: 5rem;
    border-radius: 60px;
    overflow: hidden;
}

.brandComImg img {
    width: 100%;
    height: auto;
}


@media (max-width:768px) {
    #brandCom .brandComBox {
        padding: 18.13vw 0;
    }

    #brandCom .brandContTitle {
        line-height: 11.46vw;
    }


    .brandComImg {
        height: 57.9307vw;
        margin-top: 7.73vw;
        border-radius: 29.3px;
        overflow: hidden;
    }

    #brandCom .brandContTxt {
        margin-top: 5.33vw;
    }

    .brandContTxt {
        font-size: 3.5vw;
        line-height: 4.69vw;
        margin-top: 5.33vw;
    }
}

/* ================ 브랜드 BI START ~ ================ */
#brandBi {}


.subBanner {
    height: 72rem;
    padding: 35.5rem 2rem 25rem;
    background: url(../images/brand/brandBg.jpg) no-repeat center / cover;
}



.logoBoxTop {
    margin-top: 8rem;
}

.logoBox {
    border: 4px solid #fbad18;
    border-radius: 60px;
    padding: 6.2rem 2rem;
}

.logoBoxTitle {
    font-family: "Pretendard";
    font-size: 2.8rem;
    letter-spacing: -0.025em;
    font-weight: 700;
    padding-left: 4.2rem;
    text-transform: uppercase;
}

.logoImg {
    width: 70.83%;
    height: auto;
    margin: 0 auto;
    margin-top: 5.4rem;
}

.logoImg img {
    width: 100%;
    height: auto;
}

.logoEx {
    font-family: "Pretendard";
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #111111;
    margin-top: 7.9rem;
    text-align: center;
}

.logoBoxBotm {
    display: flex;
    margin-top: 3rem;
    justify-content: space-between;
}

.logoBoxBotm .logoBox {
    width: calc(50% - 1.5rem);
}



.sloganImg {
    width: 75.5%;
    height: auto;
    margin: 5.3rem auto 0;
}

.sloganImg img {
    width: 100%;
    height: auto;
}

.colorImg {
    width: 67.69%;
    height: auto;
    margin: 3.6rem auto 0;
}

.colorImg img {
    width: 100%;
    height: auto;
}

.logoEx {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #111;
}

.slogan .logoEx {
    margin-top: 3.3rem;
}

.color .logoEx {
    margin-top: 4.1rem;
}



@media (max-width:768px) {
    .subBanner {
        height: auto;
        padding: 38.93vw 2rem 32.80vw;
        background: url(../images/brand/brandBg_mo.jpg) no-repeat center / cover;
    }

    .brandTitle {
        font-size: 8.33vw;
    }

    .siteMap {
        margin-top: 5.33vw;
    }

    .siteMap li {
        font-size: 3.13vw;
        padding: 0 3.73vw;
    }

    .siteMap li::before {
        content: '';
        width: 1.33vw;
        height: 2.13vw;
    }


    .logoBox {
        width: calc(100% - 7.73vw);
        border: 2px solid #fbad18;
        border-radius: 29.3px;
        padding: 8.00vw 2rem;
        margin: 0 auto;
    }

    .logoBoxTop {
        margin-top: 10.41vw;
    }

    .logoImg {
        width: 95%;
        margin-top: 9.33vw;
    }


    .sloganImg {
        width: 74.3%;
        height: auto;
        margin: 6.93vw auto 0;
    }


    .logoBoxTitle {
        font-size: 3.65vw;
        padding-left: 2.67vw;
    }

    .logoEx {
        margin-top: 11.47vw;
        font-size: 3.13vw;
        line-height: 4.17vw;
    }

    .slogan .logoEx {
        margin-top: 4.27vw;
    }


    .logoBoxBotm {
        display: flex;
        margin-top: 0;
        justify-content: space-between;
        flex-direction: column;
    }

    .logoBoxBotm .logoBox {
        width: calc(100% - 7.73vw);
        margin: 0 auto;
        margin-top: 5.33vw;
    }


    .colorImg {
        width: 71.69%;
        height: auto;
        margin: 4.80vw auto 0;
    }


    .color .logoEx {
        margin-top: 5.33vw;
    }

}






/* ============ 공지사항 & 이벤트 ============ */

/* 공지사항 */
.newsInner {
    max-width: 124rem;
    margin: 0 auto;
    padding: 12rem 2rem;
}

.tab_cont.eventList {
    display: flex;
    justify-content: space-between;
}

.event_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

.event_list .item {
    width: calc(100%/3 - 2rem);
    padding: 3rem 3rem 4rem 3rem;
    border-radius: 60px;
    background: #fffaed;
    border: 2px solid #fbad18;
    font-family: "Pretnedard", sans-serif;
    transition: all 0.3s ease-in-out;
    margin-bottom: 3rem;
    margin-right: 3rem;
}

.event_list .item:nth-child(3n) {
    margin-right: 0;
}

.thumbs {
    display: grid;

    gap: 0;
    border-radius: 4rem;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 24rem;
    position: relative;
}

.thumbs img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.eventTitle {
    margin-top: 3rem;
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 2.8rem;
    letter-spacing: -0.025em;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 5.6rem;
    font-family: "Pretendard";
}

.eventListTxtBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-top:5.2rem; */
    margin-top: 2.8rem;
}

.boardName {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -0.025em;
    color: #444;
    font-family: "Pretendard";
}

.listDate {
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -0.025em;
    color: #444;
    font-family: "Pretendard";
    font-weight: 400;
}

.event_list .item:hover {
    background: #fbad18;
}

.event_list:hover .boardName,
.event_list:hover .listDate {
    color: #111;
}



/* 페이지 네이션 */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    align-items: center;
}


.pageNum {
    display: flex;
    margin: 0 0.85rem;
}


.goNextArrow {
    margin: 0 1.9rem;
}

a.btn-page {
    width: 5rem;
    height: 5rem;
    border-radius: 999%;
    background: #f6f6f6;
    font-family: "Pretendard", sans-serif;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    letter-spacing: -0.025em;
    font-weight: 500;
    color: #999;
    margin: 0 0.55rem;
}

.btn-page:hover,
a.btn-page.active {
    font-weight: 800;
    color: #000000;
    background: #fbad18;
}


.s14_form {
    height: 89rem;
}


@media (max-width:768px) {
    .newsInner {
        max-width: 124rem;
        margin: 0 auto;
        padding: 16.8000vw 2rem;
    }


    .event_info {
        width: 82.42%;
        margin: 0 auto;
    }

    .event_list {
        flex-direction: column;
    }

    .event_list .item {
        width: 100%;
        border-radius: 29.3px;
        padding: 5.3333vw 5.3333vw 5.8667vw 5.3333vw;
        margin-bottom: 5.3333vw;
        margin-right: 0;
    }

    .thumbs {
        display: grid;
        /* grid-template-columns: repeat(auto-fit, minmax(120px,1fr)); */
        gap: 0;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-bottom: 85.3%;
        position: relative;
        gap: 0;
        border-radius: 19.53px;
    }

    .eventTitle {
        margin-top: 6.1333vw;
        font-size: 4.4267vw;
        height: 6rem;
    }


    .boardName {
        font-size: 3.1253vw;
    }

    .listDate {
        font-size: 2.8640vw;
    }


    .pagination {
        margin-top: 5.3333vw;
    }

    .goNextArrow {
        margin: 0 3.4667vw;
    }

    a.btn-page {
        width: 9.1147vw;
        height: 9.1147vw;
        font-size: 3.3840vw;
        margin: 0 0.9333vw;
    }
    
    
}


/* 이벤트 */

.eventTab {}

.eventTab li {
    width: unset;
    color: #fff;
    background: #999999;
    font-size: 3rem;
    line-height: 1;
    padding: 1.1rem 2.8rem;
    margin: 0 1.5rem;
}

.eventTab li.active {
    color: #111;
    background: #fbad18;
}

#eventWrap .tab_cont_wrap {
    margin-top: 5rem;
}

#eventWrap .tab_cont {
    display: none;
}

#eventWrap .tab_cont.active {
    background: none;
    display: block;
}

#eventWrap .eventTab {
    margin-top: 0;
    display: flex;
    justify-content: center;
}

#eventWrap .eventTab li {
    border-radius: 24px;
}

@media (max-width:768px) {
    .eventTab li {
        font-size: 4.95vw;
        padding: 1.60vw 3.73vw;
        margin: 0 2.67vw 0 0;
    }

    .eventTab li:last-child {
        margin-right: 0;
    }

    #eventWrap .event_info {
        width: 100%;
    }

    #eventWrap .tab_cont_wrap {
        width: 82.42%;
        margin: 7.73vw auto 0;
    }
}

/* 고객문의 */

#cusInqWrap #bo_w {
    border: none !important;
}

.s14_form {
    height: 100%;
}

.newsTitle {
    font-size: 4.8rem;
    color: #111111;
    text-align: center;
}

.s14_form iframe {
    margin-top: 10rem;
    height: 890px;
}

@media (max-width:768px) {
    .newsTitle {
        font-size: 8.33vw;
    }

    .s14_form iframe {
        margin-top: 12.80vw;
        height: 105vw;
    }
}

@media (max-width:450px) {
    .s14_form iframe {
        height: 84vw;
    }
}

@media (max-width:375px) {
    .s14_form iframe {
        height: 100vw;
    }


    .newsInner {
        max-width: 124rem;
        margin: 0 auto;
        padding: 16.8000vw 4.0000vw;
    }


}

/* 언론보도 */

#mediaBaoard {}

#mediaBaoard .newsInner {
    max-width: 134rem;
}

.media_list {
    width: 100%;
    border-top: 2px solid #fbad18;
    border-bottom: 2px solid #fbad18;
}

.media_list .item {
    border-bottom: 1px solid #fbad18;
    padding: 3rem 7rem;
}

.media_list .item:last-child {
    border-bottom: none;
}

.media_list .item:hover {
    background: #fffaed;

}

.media_list a {
    display: flex;
    align-items: center;
}

.media_list .thumbs {
    width: 21%;
    padding-bottom: 17.3%;
    /* min-width: 20rem; */
    border-radius: 0 !important;
}

.mediaTBox {
    width: 100%;
    font-family: "Pretendard", sans-serif;
    color: #111;
    padding-left: 4.1rem;
}

.mediaTTitle {
    font-size: 2.2rem;
    font-weight: 800;
    font-family: "Pretendard";
}

.mediaTTxt,
.mediaTDate {
    font-size: 1.6rem;
    letter-spacing: -0.025em;
    color: #444;
    margin-top: 2.3rem;
    font-family: "Pretendard";
}

.mediaTDate {
    margin-top: 0 !important;
}

.mediaTTxt {
    height: 8.4rem;
    line-height: 2.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: 92%;
    font-family: "Pretendard";
}

.mediaTBoxBotm {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 0.7rem;
}

.mediaViewMore {
    font-weight: 800;
    font-family: "Pretendard", sans-serif;
    font-size: 1.6rem;
    color: #111;
    letter-spacing: -0.05em;
    padding: 1rem 2.1rem;
    background: #fbad18;
    border-radius: 999px;
}


@media (max-width:768px) {

    #mediaBaoard .event_info {
        width: 100%;
        margin: 0 auto;
    }


    .media_list .item {
        padding: 4.00vw 5.33vw;
    }

    .mediaTTitle {
        font-size: 3.38vw;
    }

    .mediaTTxt,
    .mediaTDate {
        font-size: 2.60vw;
        margin-top: 2.67vw;
    }


    .mediaTTxt {
        height: 10.95vw;
        line-height: 3.65vw;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        width: 100%;
    }


    .mediaViewMore {
        font-size: 2.60vw;
        letter-spacing: -0.05em;
        padding: 1.60vw 2.67vw;
    }



    .media_list .thumbs {
        width: 51%;
        padding-bottom: 33%;
        /* min-width: 20rem; */
        border-radius: 0 !important;
    }

    .mediaTBox {
        padding-left: 5.33vw;
    }

    .mediaTBoxBotm {

        align-items: flex-end;
    }

}


/* 점주 공간 */

.owner {}


.ownerNotice table {
    width: 100%;
}

.ownerNotice table th {
    background: #fee6b9;
    text-align: center;
    font-size: 2rem;
    letter-spacing: -0.025em;
    border-top: 2px solid #fbad18;
    border-bottom: 1px solid #fbad18;
    padding: 2.6rem 0;
    font-family: "Pretendard";
}

.ownerNotice table td {
    text-align: center;
    font-size: 1.7rem;
    letter-spacing: -0.025em;
    border-bottom: 1px solid #fbad18;
    padding: 2.8rem 0;
    font-family: "Pretendard";
    position: relative;
    color: #444444;
}

.ownerNotice table td a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ownerNotice table tr:hover {
    background: #fffaed;
}



.ownerNotice table tr:hover td .ownerNoticeTitle {
    font-weight: 700;
}


@media (max-width:768px) {

    .owner .event_info {
        width: 100%;
        margin: 0 auto;
    }


    .ownerNotice table th {
        font-size: 3.39vw;
        border-top: 2px solid #fbad18;
        border-bottom: 1px solid #fbad18;
        padding: 3.20vw 0 2.93vw;
    }

    .ownerNotice table td {
        font-size: 2.61vw;
        padding: 3.20vw 0 2.93vw;
        color: #444444;
    }

    .ownerNoticeTitle {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding: 0 1.5rem;
    }



}






/* ================ 브랜드 소개 NsubBanner START ~ ================ */

.color_or {
    color: #ffb400 !important;
    ;
}

.color_or2 {
    color: #FF9600 !important;
    ;
}

.bold600 {
    font-weight: 600 !important;
    ;
}

.bold700 {
    font-weight: 700 !important;
    ;
}

.bold800 {
    font-weight: 800 !important;
    ;
}



.weightAni[data-aos="weight-bold"] {
    font-weight: 200;
    transition-property: font-weight;
    transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.weightAni[data-aos="weight-bold"].aos-animate {
    font-weight: 900;
}





#brandInfo .NsubBanner {
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 9rem ;
    padding: 12.6rem 0 12.6rem 0 ;
    ;
    background: url(../images/brand/brand_n_bg1.png) no-repeat center / cover;
}




.brandContInner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
}


.NsubBanner .NsubTitle {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.NsubBanner .NsubTitle h1 {
    color: #fff;
    line-height: 1.4;
    font-size: 5rem;
    font-weight: 600;
}


.NsubBTitle {
    font-size: 6.4rem;
    color: #fff;
    margin-top: 0.89rem;
    font-weight: 300;
    letter-spacing: -0.19rem;
}
.NsubBanner  .brandContInner > p.NsubTxt { font-size: 2.2rem; }

.NsubTxt {
    color: #fff;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.5;
    margin-top: 3.6rem;
    letter-spacing: -0.1rem
}

.NsubBanner .btnbx {
    margin-top: 5.2rem;
    display: flex;
    gap: 4rem
}

.NsubBanner .btnbx a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.2;
    gap: 2rem;
    padding: 0 4rem 0 4.4rem;
    width: 41rem;
    height: 9.6rem; 
    border: 1px solid #fff;
    border-radius: 50px;
    transition: all 0.3s ease
}

.NsubBanner .btnbx a:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    width: 40px;
    height: 40px;
    display: block;
    background: url(../images/Nsec01_next_icon.svg)no-repeat center right;
}

.NsubBanner .btnbx a:hover {
    background: #fff;
    color: #111;
    font-weight: 600;
}


.NsubBanner .btnbx a:hover img {
    filter: brightness(0) saturate(100%) invert(7%);
}


.NsubBanner .btnbx a:hover:before {
    filter: brightness(0) saturate(100%) invert(7%);
}


@media (max-width:1400px) {

    #brandInfo .NsubBanner {
        padding: 14rem 0;
    }

}


@media (max-width:768px) {

    #brandInfo .NsubBanner {
        padding: 39.9739vw 0;
        aspect-ratio: 94/161; 
        background: url(../images/brand/brand_n_bg1_mo.png) no-repeat center / cover; margin-top: 0; 
    }

    #brandInfo .NsubBanner .brandContInner {
        max-width: 100%;
        padding: 0 5.2083vw;
    }

    .NsubBanner .NsubTitle span {
        width: 10%;
    }

    .NsubBanner .NsubTitle span img {
        width: 100%;
    }

    .NsubBanner .NsubTitle h1 {
        font-size: 6.2500vw;
    }

    
    .NsubBanner .NsubTitle { 
    justify-content: center;}
    .NsubBanner .NsubBTitle {
        text-align: center;
        font-size: 8.8542vw;
        line-height: 1.2;
        margin-top: 6.2500vw;
    }

    .brandContInner > p {
        font-size: 2.6042vw;
        letter-spacing: -0.03rem;
        margin-top: 2.6042vw
    }

    .NsubTxt { font-size: 2.6042vw !important; ; line-height: 1.5 !important; letter-spacing: -0.5px !important; }
    .NsubBanner .btnbx {
        width: 100%;
        gap: 0.5rem;
        justify-content: space-between;
        margin-top: 13.5417vw;
    }
    
    .NsubBanner .btnbx a {
        width: calc(50% - 0.5rem);
        padding: 0  4.1667vw;
        font-size: 3.1250vw;
        height:12.7604vw ; gap:0.6rem
    }

    .NsubBanner .btnbx a:before {
        width: 24px;
        height: 24px;
        right: 18px;
        background-size: contain
    }

    .NsubBanner .btnbx a span img {
        width: 18px;
        height: 18px;
    }
}





/* ================  NsubBrandinfo START ~ ================ */



.brandInfoBox .NsubTxt {
    margin-top: 0;
    margin-bottom: 2.4rem;
    color: #111;
    font-size: 2.8rem; 
    letter-spacing: 0.28rem    ;
}

.bIListpc {
    display: flex;
}

.bIListmb {
    display: none;
}


    .brandInfoBox .brandContInner > p  {font-size: 2.8rem;  line-height: 1.4; letter-spacing: -0.14rem; margin-top: 4rem; }  

@media (max-width:768px) {

    .bIListpc {
        display: none;
        ;
    }

    .bIListmb {
        display: block;
    }

    .brandInfoBox .brandContInner {
        padding: 0;
    }

    .brandInfoListGroup.pc_only {
        display: none !important
    }

    .brandInfoListGroup {
        width: 100%;
        background: url(../images/brand/brandInfo_n_m_bg.png )no-repeat bottom right;
        text-align: center;
        padding: 0 5.2083vw 6vw 5.2083vw;
        background-size: 50% auto;
    }

    .brandInfoListGroup img {
        width: 80%;
    }

    .brandInfoBox .brandContInner {
        max-width: 100%;
    }

    .brandInfoBox .NsubTxt {
        margin-bottom: 0;
        font-size: 4.6875vw !important;
        margin-top: 0 !important;;  
        line-height: 1.5; 
    }

    .brandInfoBox .brandContTitle {
        font-size: 8.5938vw;
        letter-spacing: -0.35rem;
        line-height: 1.2;
    }

    .brandInfoListGroup li.brandInfoList {
        width: calc(50% - 1.7rem);
    }

    .brandInfoListGroup li.brandInfoList:before {
        right: -20%;
        width: 9.8rem;
        height: 1.4rem;
    }

    .brandInfoListGroup li.brandInfoList:nth-child(even):before {
        display: none;
    }

    .brandInfoListGroup li.brandInfoList:last-child:before {
        display: block;
        top: 0;
        right: auto;
        left: 50%;
        transform: rotate(90deg) translateX(-50%);
    }





    .brandInfoBox .brandContInner > p { font-size: 3.6458vw;
        letter-spacing: -0.15rem; line-height: 1.5;  margin-top: 5.2083vw;
        }
    .txt_backbd:before {height: 100%; } 

}



/* ================  NsubBrandExp START ~ ================ */




.NsubBrandExp {
    padding: 14rem 0;
    background: #FFF5E2
}

.NsubBrandExp .brandContInner {
    width: 1200px;
    margin: 0 auto;
}

.NsubBrandExpBox {
    display: flex;
    flex-direction: column;
    gap: 7.2rem;
    width: 100%;
}

.NsubBrandExpBox > div {
    width: 100%;
    padding-bottom: 7.2rem;
    border-bottom: 1px solid #DDD;
    justify-content: space-between
}

.NsubBrandExpBox .NBrandExpCard {
    display: flex;
    gap: 4rem;
    align-items: center;
}

.NsubBrandExpBox > div:nth-child(even) {
    flex-direction: row-reverse; text-align: right;
}

.NsubBrandExpBox > div:last-child {
    border-bottom: 0;
}

.NsubBrandExpBox .NBrandExpCard .NBrandExImg {
    aspect-ratio: 460 / 330;
    width: 46rem; 
}

.NsubBrandExpBox .NBrandExpCard .NBrandExImg img {
    width: 100%;
}



.NsubBrandExpBox .NBrandExpCard .NBrandExTxt {
    width: 70rem;
}

.NsubBrandExpBox .NBrandExpCard .NBETitle {
    font-size: 4.8rem;
    line-height: 1.2;
    margin-bottom: 1.7rem;
}

.NsubBrandExpBox .NBrandExpCard .NBrandExTxt p {
    font-size: 2.2rem;
    word-break: keep-all;
    line-height: 1.4;
    letter-spacing: -0.2rem
}

.NsubBrandExpBox .NBrandExpCard .NBrandExTxt p:last-child {
    margin-top: 1rem;
}

.NsubBrandExpBox .NBrandExpCard .NBrandExTxt i.char {
    display: inline-block;
    opacity: 0;
    font-style: normal;
}

.NBrandExTxt u {
    text-decoration: none;
    border-bottom: 1px solid #111;
}

@media (max-width:1400px) {

    .NsubBrandExpBox .NBrandExpCard .NBETitle {
        margin-bottom: 5rem;
        word-break: keep-all;
    }

}

@media (max-width:1200px) {

    .NsubBrandExp .brandContInner {
        width: 100%;
        padding: 0 3%;
        max-width: 100%;
    }
}


@media (max-width:768px) {
    .NsubBrandExp {
        padding: 18.2292vw 0;
        overflow: hidden;
    }

    .NsubBrandExp .brandContInner {
        padding: 0 10vw
    }

    .NsubBrandExpBox {
        gap: 4rem;
    }

    .NsubBrandExpBox > div {
        padding-bottom: 4rem;
    }

    .NsubBrandExpBox .NBrandExpCard {
        flex-direction: column;
        align-items: flex-start; gap: 5.2083vw;
    }

    .NsubBrandExpBox > div:nth-child(even) {
        flex-direction: column; text-align: left; 
    }

    .NsubBrandExpBox .NBrandExpCard .NBrandExImg {
        width: 100%;
        max-width: 100%;
    }

    .NsubBrandExpBox .NBrandExpCard .NBrandExTxt {
        width: 100%;
    }

    .NsubBrandExpBox .NBrandExpCard .NBETitle {
        font-size: 7.2917vw;
        text-align: left;
        margin-bottom: 0;
    }

    .NsubBrandExpBox .NBrandExpCard .NBrandExTxt p {
        font-size: 3.6458vw;
        word-break: keep-all; 
        letter-spacing: -0.056rem;
    }
}



















/* ================  NsubBrandPackage START ~ ================ */


.NsubBrandPackage {
    position: relative;
    padding: 14rem 0;
    overflow: hidden;
}

.NsubBPack_bg2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
}

.NsubBrandPackage .brandContInner {
    width: 1400px;
    margin: 0 auto;
    max-width: 140rem;
}

.NsubBrandPackBox {
    display: flex;
    width: 100%;
    justify-content: space-between;
}


.NBPackStep {
    width: 642px;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    font-size: 2.8rem;
}

.NsubBrandPackBox .brandContTitle {
    font-size: 7rem;
    line-height: 1.2;
    letter-spacing: -1rem;
    text-align: left;
}

.NBPackStep > p {
    line-height: 1.4; 
    font-size: 2.8rem;  line-height: 1.4; letter-spacing: -0.14rem; 
}



.NBPackStep h3 {
    position: relative;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 3.2rem; 
    background: #FF9600;
    margin-top: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.19rem;
    padding: 1rem 2.4rem;
}

.NBPackStep h3:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.4rem;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    display: block;
}

.NBPackStep h3:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.4rem;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    display: block;
}

.NBPackStep_list {
    width: 570px;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    font-size: 2.8rem;
}

.NBPackStep_list > div {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 2.4rem;
    border-radius: 30px;
    height: 100px;
    border: 1px solid #FF9600;
    gap: 0.8rem
}

.NBPackStep_list > div p {
    font-size: 3.2rem;
    letter-spacing: -0.19rem; 
}

.NBPackStep_list > div:before {
    content: '';
    position: absolute;
    bottom: -26%;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(/STATIC/new/images/brand/NBPackStep_down_icon.svg)no-repeat center;
    background-size: contain;
}


.NBPackStep .num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF9600;
    color: #fff;
    font-weight: 700; 
    font-size: 1.6rem;
    font-family: 'Pretendard';
}

.NBPackStepbg {
    max-width: 792px;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 24px;
}

.NBPackStep_list > div:last-child:before {
    display: none;
}


.NBPackimgbox {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    width: 776px;
    justify-content: space-between;
}

.NBPacktxt {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 5rem;
    background: #FFF1D6;
    padding: 4.2rem 2.3rem;
    gap: 2rem;
}

.NBPacktxt p {
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.2rem
}




.txt_backbd {
    position: relative;
    z-index: 2;
    padding-right: 1rem;
}

.txt_backbd:before {
    content: '';
    width: 0;
    height: 99%;
    background: #FFB400;
    position: absolute;
    left: -5px;
    bottom: -2px;
    z-index: -1;
    transition: all 0.8s ease-in-out;
}

.txt_backbd.aos-animate::Before {
    width: 100%;
}





/* =========================================================
PACKAGE
========================================================= */


.NBPackimg {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-height: 46.3rem; 
}


/* 패키지 이미지 */
.NBPackimg > img {
    display: block;
    width: auto;
}


/* =========================================================
EASY CUT 전체
========================================================= */

.easyCutMotion {

    position: absolute;

    /*
시안 기준
패키지 이미지 왼쪽 하단
*/
    left: 0;
    bottom: 8%;

    width: 350px;
    height: 230px;

    z-index: 10;

    pointer-events: none;
}



/* =========================================================
1. 오른쪽 연결 라인
========================================================= */

.easyCutMotion .easyLine {

    position: absolute;

    left: 156px;
    top: 72px;

    width: 185px;
    height: 2px;

    background: #f79300;

    z-index: 1;


    /*
오른쪽에서 왼쪽으로 생성
*/

    transform:
        rotate(-14deg) scaleX(0);

    transform-origin: right center;


    transition:
        transform .9s cubic-bezier(.65, 0, .35, 1) .5s;
}



.easyCutMotion.aos-animate .easyLine {

    transform:
        rotate(-14deg) scaleX(1);

}



/* 라인 오른쪽 점 */

.easyCutMotion .easyLineDot {

    position: absolute;

    left: 335px;
    top: 69px;

    width: 8px;
    height: 8px;

    background: #f79300;

    border-radius: 50%;

    z-index: 3;

    opacity: 0;

    transform: scale(0);


    transition:
        opacity .25s ease .1s,
        transform .4s cubic-bezier(.34, 1.56, .64, 1) .1s;

}



.easyCutMotion.aos-animate .easyLineDot {

    opacity: 1;

    transform: scale(1);

}



/* =========================================================
2. 원
========================================================= */

.easyCircleSvg {

    position: absolute;

    left: 1px;
    top: 43px;

    width: 190px;
    height: 190px;

    overflow: visible;

    z-index: 2;

}



/* 원 안 연한 배경 */

.easyCircleBg {

    fill: #fff5e8;

}



/* 원 테두리 */

.easyCircleStroke {

    fill: none;

    stroke: #f79300;

    stroke-width: 1.8;

    stroke-linecap: round;


    stroke-dasharray: 100;

    stroke-dashoffset: 100;


    /*
위쪽 오른쪽에서 원 그리기 시작
*/

    transform:
        rotate(-45deg);

    transform-origin: center;


    transition:
        stroke-dashoffset 1s cubic-bezier(.65, 0, .35, 1) .5s;

}



.easyCutMotion.aos-animate .easyCircleStroke {

    stroke-dashoffset: 0;

}



/* =========================================================
3. EASY CUT 곡선 텍스트
========================================================= */

.easyTextSvg {

    position: absolute;

    left: 5px;
    top: 5px;

    width: 175px;
    height: 90px;

    overflow: visible;

    z-index: 6;

}



.easyCurveText {


    font-size: 25px;
    font-weight: 800;

    letter-spacing: 0px;
    fill: #FF9600;
    paint-order: stroke fill;
    opacity: 0;

}





.easyCutMotion.aos-animate .easyCurveText {

    animation:
        easyTextReveal .8s ease 1.8s forwards;

}



@keyframes easyTextReveal {

    0% {

        opacity: 0;

        transform: translateX(-7px);

    }

    100% {

        opacity: 1;

        transform: translateX(0);

    }

}



/* =========================================================
4. 원 내부 상자
========================================================= */

.easyBoxIllust {

    position: absolute;

    left: 34px;
    top: 82px;
    width: 154px;
    height: 148px;
    z-index: 4;
    opacity: 0;

    transform:
        translate(22px, 22px) scale(.25);

    transform-origin: right bottom;


    transition:
        opacity .35s ease 1.85s,
        transform .85s cubic-bezier(.22, 1, .36, 1) 2.05s;

}


.easyBoxIllust img {width: 100%; height: 100%; object-fit: contain; }
.easyCutMotion.aos-animate .easyBoxIllust {

    opacity: 1;

    transform:
        translate(0, 0) scale(1);

}



/* 위 상자 */

.easyBoxTop {

    position: absolute;

    left: 0;
    top: 0;

    width: 105px;
    height: 50px;

    background: #ff9100;


    /*
시안처럼 약간 원근감
*/

    clip-path:
        polygon(0 14%,
            92% 0,
            100% 82%,
            5% 100%);

}



/* 아래 상자 */

.easyBoxBottom {

    position: absolute;

    left: 5px;
    top: 61px;

    width: 106px;
    height: 34px;

    background: #ff9100;

}



/* =========================================================
5. 오른쪽 세모
========================================================= */

.easyTriangleWrap {

    position: absolute;

    left: 143px;
    top: 115px;

    width: 32px;
    height: 45px;

    z-index: 5;

    opacity: 0;

}



.easyTriangle {

    position: absolute;
    width: 0;
    height: 0;
    top: 8px;
    left: 0;


}



/*
마지막 깜빡임
*/

.easyCutMotion.aos-animate .easyTriangleWrap {

    animation: easyTriangleBlink .65s ease 2.65s 4 forwards;
}



@keyframes easyTriangleBlink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.NBPacktxt.mo_only {
    display: none !important;
}



@media (max-width:1400px) {

    .NsubBrandPackage .brandContInner {
        width: 100%;
        padding: 0 3%;
        max-width: 100%;
    }

    .NBPackBg {
        width: 60%;
        top: auto;
        bottom: 0;
        right: -10%;
    }

    .NsubBPack_bg2 {
        width: 15%;
        height: auto;
        display: block;
    }

    .NsubBPack_bg2 img {
        width: 100%;
    }

    .NBPackBg img {
        width: 100%;
    }

    .NBPackStep {
        max-width: 40%;
        width: 40%;
    }

    .NBPackStep_list {
        width: 100%;
    }

    .NBPackStep_list > div {
        height: auto;
        padding: 3.5rem 2.4rem;
    }

    .NBPackimg > img {
        width: 100%;
    }

    .NBPackimgbox {
        width: 53%;
        gap: 2rem;
    }

    .NBPacktxt {
        padding: 3rem 2.3rem
    }

    .NBPacktxt p {
        font-size: 2vw;
    }

    .NsubBrandPackBox .brandContTitle {
        font-size: 4.1428vw;
    }

    .NBPackStep_list > div p {
        font-size: 2.3rem;
    }

    .NBPackStepbg {
        width: 24%;
    }

    .NBPackStepbg img {
        width: 100%;
    }
}


@media (max-width:768px) {
    .NsubBrandPackage {
        padding: 18.2292vw 0;
    }

    .NsubBrandPackage .brandContInner {
        width: 100%;
        padding: 0 5.2083vw;
        max-width: 100%;
    }

    .NsubBrandPackage .brandContInner > p {
        font-size: 3.6458vw;
        margin: 0;
    }

    .NsubBrandPackage .brandContTitle {
        font-size: 8.8542vw;
        margin-bottom: 2rem;
        letter-spacing: -0.35rem;
        text-align: center;
    }

    .NBPackBg {
        width: 100%;
        position: static;
    }

    .NBPackBg img {
        width: 100%;
        margin-left: 5%;
    }

    .NBPacktxt.mo_only {
        display: flex !important;
    }


    .NsubBPack_bg2 {
        width: 34%;
    }

    .easyCutMotion {

        transform: scale(.75);

        transform-origin: left bottom;

        bottom: 5px;

    }

    /* ========================================
좌/우 → 세로 배치
======================================== */

    .NsubBrandPackBox {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        gap: 3rem;
    }


    .NsubBrandPackage .brandContTxt {
        font-size: 3.6458vw; letter-spacing: -0.056rem; 
    }

    /* ========================================
왼쪽 STEP
======================================== */

    .NBPackStep {
        width: 100%;
        gap: 2.4rem;
        font-size: 2rem;
        max-width: 100%;
    }

    .NBPackStep .brandContTitle {
        font-size: 4rem;
        line-height: 1.2;
        letter-spacing: -0.3rem;
    }

    .NBPackStep > p {
        font-size: 2.8rem;
        line-height: 1.4;
        letter-spacing: -0.14rem; 
    }


    /* 3단계 전체 */
    .NBPackStep_list {
        width: 100%;
        font-size: 3.1250vw;
        gap: 2.4rem; 
    }

    .NBPackStep h3 {
        margin-top: 2rem;
        padding: 1rem 2rem;
        font-size: 3.6458vw;
        letter-spacing: -0.056rem; 
    }

    .NBPackStep h3:before {
        left: 1.8rem;
        width: 6px;
        height: 6px;
    }

    .NBPackStep h3:after {
        right: 1.8rem;
        width: 6px;
        height: 6px;
    }


    .NBPackStep_list > div {
        width: 100%;
        height: 16.4063vw;
        padding-left: 1.8rem;
        border-radius: 15px;
        gap: 0.7rem;
        padding: 2rem;

    }

    .NBPackStep_list > div:before {
        display: none;
    }

    .NBPackStep_list > div p {
        font-size: 3.6458vw ; letter-spacing: -0.056rem; 
    }

    .NBPackStep .num {
        width: 4.4271vw;
        height: 4.4271vw;
        font-size: 2.8646vw;
        flex-shrink: 0;
    }


    /* STEP 안쪽 이미지 */
    .NBPackStepbg {
        max-width: 40%;
        right: 1.5rem;
        bottom: 0;
    }

    .NBPackStepbg img {
        display: block;
        max-width: 100%;
        height: auto;
    }


    /* 아래 화살표 */
    .NBPackStep_list > div:before {
        width: 26px;
        height: 26px;
        bottom: -23%;
    }


    /* ========================================
오른쪽 패키지 영역
======================================== */

    .NBPackimgbox {
        width: 100%;
        gap: 2.5rem;
        margin-top: 5vw;
    }


    .NBPackimg {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-end;


        overflow: visible;
    }


    /* 패키지 메인 이미지 */
    .NBPackimg > img {
        display: block;
        width: 100%;
        height: auto;
    }


    /* ========================================
EASY CUT

내부 좌표는 PC 그대로 유지하고
전체만 축소 → 애니메이션 그대로 유지
======================================== */

    .easyCutMotion {
        left: 0;
        bottom: -10%;
        width: 45.5729vw;
        height: 29.9479;

        transform: scale(.65);
        transform-origin: left bottom;
    }

    

    /* ========================================
하단 설명
======================================== */
    .NBPacktxt.pc_only {
        display: none !important;
    }

    .NBPacktxt {
        width: 100%;
        padding: 3.1250vw 5.9896vw;
        gap: 1.5rem;
        border-radius: 15px;
    }

    .NBPacktxt > span {
        flex-shrink: 0;
        width: 70px;
    }

    .NBPacktxt > span img {
        width: 16.4063vw;
        height: auto;
    }

    .NBPacktxt > div {
        flex: 1;
        min-width: 0;
        display: flex; flex-direction: column; 
    }

    .NBPacktxt p {
        font-size: 3.1250vw;
        line-height: 1.2;
        letter-spacing: -0.1rem;
        display: inline-block; 
    }


    .txt_backbd {
        padding-right: .5rem;
    }
    .txt_backbd:before { bottom: 0; }





}



@media (max-width:768px) {  



} 



/* ================  NsubBrandSlide START ~ ================ */



.NsubBrandSlide {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10rem 0;
}

.NsubBrandSlide:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: #FF9600;
    display: block;
    width: 100%;
}

/* ==============================
브랜드 패키지 슬라이드
================================ */

.NsubBrandSlide {
    width: 100%;
    overflow: hidden;
    position: relative;
}


/* 슬라이더 */
.NBrandS {
    width: 100%;
    position: relative;
}


.NBrandS .slick-list {
    padding-top: 7rem !important;
    overflow: unset !important;
}


/* 상품 하단선 통일 */
.NBrandS .slick-track {
    display: flex;
    align-items: flex-end;
}



/* Slick이 생성하는 내부 div */
.NBrandS .slick-slide > div {
    width: 100%;
}


/* 카드 */
.NbSCardGroup {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 15.6rem;
}

.NbSCardGroup p {
    text-align: center;
    color: #fff;
    margin-top: 0.8rem;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.2;
    word-break: keep-all; letter-spacing: -0.19rem
}

.NbSCardGroup.slick-current p {
    font-weight: 600
}

.NBrandSImg {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    transform-origin: center bottom;
    opacity: 1;
    transition:
        transform 0.4s ease;
}


/* 이미지 */
.NBrandSImg img {
    display: block;
    width: 100%;
    height: auto;

    object-fit: contain;
}


.NBrandS .slick-center {
    z-index: 10;
}

.NBrandS .slick-center .NBrandSImg {
    transform: scale(1.2);
}


/* 가운데 이미지만 조금 크게 허용 */
.NBrandS .slick-center .NBrandSImg img {}



@media (max-width:768px) {
    .NsubBrandSlide {
        padding: 0 0 5rem 0;
    }

    .NbSCardGroup {
        padding: 0 1.5rem
    }

    .NbSCardGroup p {
        font-size: 2.8646vw;
    }

    .NsubBrandSlide:before {
        height: 33.8541vw;
    }

    .NBrandS .slick-list {
        padding-top: 4rem !important;
    }
}