/* =========================================================
   1. 기본 웹 (Desktop - 1401px 이상)
========================================================= */

html {
    overflow-x: hidden;
}

header {
    display: none !important;
}

#SecMain {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
}

.secMainMov {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.secMainMov img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.secMainMov video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
} 

.secMainMov01 {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.secMainMov02 {
    z-index: 2;
    opacity: 0;
}

.secMainTitle {
    color: #fff;
    font-family: "pretendard";
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 6rem;
    letter-spacing: -0.03em;
    text-align: center;
    line-height: 1.2;
}

.mainMov1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130%;
    height: 130%;
    transform: translate(-50%, -50%) scale(1.25);
    border: 0;
    pointer-events: none;
    /* 클릭, 마우스오버 차단 */
    user-select: none;
}
.secMainMov01::before {content:''; position:absolute; top: 0; left:0;   display:block; width: 100%; height:100%; background: rgba(0,0,0,0.2); z-index:2;  }

#sec01 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.pc_only { display: block; }
.mo_only { display: none; }

/* =============== sec01 START ================ */
#sec01 {
    height: auto;
    background: #fff;
    padding: 29rem 0 24.3rem;
    position: relative;
}

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

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

.sec01left {
    width: 56.88%;
}

.sec01Right {
    width: 34.5%;
    height: auto;
    display: block;
    position: relative;
}

.sec01Mov {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.sec01Mov iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border: 0;
    pointer-events: none;
}

.sec01Mov img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sec01Mov02 {
    margin-top: 5rem;
}

.mainSpanTBox {
    padding: 1rem 3rem;
    border-radius: 10rem;
    background: #4E933F;
    display: inline-block;
}

.mainSpanTitle {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.66px;
}

.mainBTitle {
    color: #404040;
    font-family: "Pretendard";
    font-size: 6rem;
    font-weight: 600;
    line-height: normal; /* original code typo fixed: linge-height -> line-height */
    letter-spacing: -0.18rem;
    margin-top: 2.8rem;
}

.mainSTitle {
    color: #404040;
    font-family: Pretendard;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.58;
    letter-spacing: -0.072rem;
    margin-top: 3.8rem;
    padding-left: 0;
}

.mainBtnBox {
    margin-top: 5rem;
    display: inline-block;
    border: 1px solid #000;
}

.mainBtnBox a {
    display: flex;
    align-items: center;
    padding: 1.4rem 2rem;
}

.mainBtnBox .mainBtnBoxT {
    color: #404040;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.06em;
    margin-right: 5rem;
}

.mainBtnBoxArrow {
    width: 5rem;
    height: auto;
}

.sec01DropImg {
    position: absolute;
    right: 0;
    bottom: 10%;
    width: 36.5%;
}

/* =============== SEC02 SCROLL STORY ================ */
#sec02Wrap {
    position: relative;
    width: 100%;
    height: 900vh;
    background: #000;
}

#sec02 {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
}
.sec02Mov { width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }

.sec02_Item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    visibility: hidden;
    opacity: 0;
}

.sec02Box {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    z-index: 1;
}

.sec02Box iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    min-width: 177.78vh;
    min-height: 100vh;
    transform: translate(-50%, -50%);
    border: 0;
    pointer-events: none;
}

.sec02Box::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.18);
}

.sec02Tit {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 10;
    width: max-content;
    max-width: 80%;
    color: #fff;
    font-size: 5.4rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.03em;
    text-align: center;
    word-break: keep-all;
    transform: none;
    will-change: transform, opacity, left;
}

.sec02Tit b {
    font-weight: 700;
}

.sec02Txt {
    position: absolute;
    right: 10%;
    bottom: 20%;
    z-index: 10;
    max-width: 65rem;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.6;
    letter-spacing: -0.03em;
    word-break: keep-all;
    will-change: transform, opacity;
}

.s2_txt3 {
    right: auto;
    left: 10%;
    bottom: 30%;
}

.s2_tit3 {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

/* =============== SEC03 START ================ */
#sec03 {
    position: relative;
    min-height: 200vh;
    background: #fff;
}

#sec03 .mainInner {
    width: 100%;
    max-width: 164rem;
    padding: 16rem 2rem 8rem 2rem;
    margin: 6.4rem auto 6.4rem;
}

#sec03 .mainBTitle {
    margin-top: 0;
}

#sec03 .mainSTitle {
    margin-top: 0.9rem;
}

.sec03ContBox {
    display: flex;
    overflow: hidden;
    height: 100vh;
}

.sec03CBox {
    width: calc(100%/4);
    height: 0;
    padding-bottom: 107.8rem;
    position: relative;
    overflow: hidden;
    background: #333;
    transition: all 0.8s ease-in-out;
}

.sec03CTBox {
    width: 100%;
    padding-bottom: 30rem;
    position: absolute;
    bottom: 0;
    z-index: 1;
    transition: all 0.8s ease-in-out;
}

.sec03CBox img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    transition: none !important;
}

.sec01Txt01 {
    color: #FFF;
    font-family: Pretendard;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 128.571%;
    letter-spacing: -0.084rem;
    text-align: center;
    transition: all 0.8s ease-in-out;
}

.sec01Txt02 {
    color: #FFF;
    font-size: 4.8rem;
    font-weight: 600;
    letter-spacing: -0.144rem;
    margin-top: 1.1rem;
    text-align: center;
    word-break: keep-all;
    transition: all 0.8s ease-in-out;
}

.sec03CBox.active {
    width: 100%;
}

.sec03CBox.active .sec03CTBox {
    width: 33.334%;
}

.sec03CBox.active .sec01Txt01 {
    font-size: 4.8rem;
}

.sec03CBox.active .sec01Txt02 {
    font-size: 6.8rem;
}

.sec03ContBox_M { display: none; }

@media (min-width: 769px) {
    .sec03CBox:hover {
        width: 100%;
    }
    .sec03CBox:hover .sec03CTBox {
        width: 33.334%;
    }
    .sec03CBox:hover .sec01Txt01 {
        font-size: 4.8rem;
    }
    .sec03CBox:hover .sec01Txt02 {
        font-size: 6.8rem;
    }
    .footerSns.pc_only {
        display: flex !important;
        gap: 3.3rem;
    }
}

/* =============== SEC04 START ================ */
#sec04 {
    padding: 25rem 0 29rem;
}

#sec04 .mainInner {
    max-width: 179rem;
}

#sec04 .mainSTitle {
    color: #242424;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 155.556%;
    letter-spacing: -0.108rem;
    margin-top: 0;
}

#sec04 .mainBTitle {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 4.2rem;
    font-weight: 600;
    letter-spacing: -0.21rem;
    margin-top: 3rem;
    line-height: 1.25;
}

.sec04Cont {
    margin-top: 23rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec04Left {
    width: 52%;
}

.sec04Right {
    width: 31.54%;
    margin-left: 12.5rem;
}

.sec04CTxt01 {
    color: #404040;
    font-size: 6rem;
    font-weight: 600;
    letter-spacing: -0.018em;
    line-height: 1.2;
    word-break: keep-all;
}

.sec04CTxt02 {
    color: #404040;
    font-size: 2.4rem;
    line-height: 158.333%;
    letter-spacing: -0.072em;
    margin-top: 3.6rem;
    word-break: keep-all; 
}

#sec04 .mainBtnBox {
    margin-top: 13.5rem;
}


/* =============== SEC05 START ================ */
#sec05 {
    padding: 17.3rem 0;
    background: #F9F9F9;
}

#sec05 .mainInner {
    max-width: 144rem;
}

#sec05 .sec05Cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sec05 .sec05Left {
    width: 16.86%;
}

#sec05 .sec05Right {
    width: 75.36%;
    display: flex;
    justify-content: flex-start;
    gap: 3.5rem;
}

.sec05News {
    width: calc(100%/3 - 2.33rem);
}

.sec05NewTitle {
    color: #404040;
    font-size: 2rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.06rem;
    margin-top: 2rem;
}

.sec05NewsThum {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 70.05%;
    background: #fff;
}

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

/* =============== FOOTER START ================ */
#footer {
    width: 100%;
    height: auto;
    padding: 7.4rem 0 13.3rem;
    background: #F6F2ED;
}

#footer .footerInner {
    width: 100%;
    max-width: 136rem;
    padding: 0 2rem;
    margin: 0 auto;
}

.footerLogo {
    width: 12.8rem;
    height: auto;
    margin-top: 7rem;
}

.footerBotm {
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footerBotmLeft {
    width: 58.68%;
}

.footerBotmRight {
    width: 34.39%;
}

.footerBotm .infoList {
    color: #2A2A2A;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 175%;
    letter-spacing: -0.032em;
    margin-top: 3.1rem;
    font-family: 'pretendard' !important;
    width: 100%;
}

.footerBotm .infoList li {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
}

.footerBotm .infoList li::before {
    content: '';
    width: 1px;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #2A2A2A;
}

.footerBotm .infoList li:nth-child(5)::before,
.footerBotm .infoList li:nth-child(7)::before,
.footerBotm .infoList li:nth-child(8)::before {
    display: none;
}

.copyright {
    color: #2A2A2A;
    font-size: 1.456rem;
    font-weight: 500;
    line-height: 192.308%;
    letter-spacing: -0.0291rem;
    margin-top: 1.8rem;
}

ul.private {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

#footer .private li {
    color: #2A2A2A;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -0.032em;
}

#footer .private li:first-child {
    font-weight: 700;
    color: #2A2A2A;
    margin-right: 2rem;
}

#footer .private li:first-child::before {
    content: '';
    width: 1px;
    height: 2rem;
    background-color: #2a2a2a;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#footer .inner .cleft li span {
    font-weight: 500;
    color: #d5d5d5;
    padding-left: 0.5em;
}

.privacy-policy.active {
    display: block !important;
}

.email-policy.active {
    display: block !important;
}

.footerSns {
    display: flex;
    gap: 3.3rem;
    margin-top: 2.6rem;
}

.footerSns li {
    width: 2.6rem;
    height: auto;
}

.footerSns li a {
    display: inline-block;
}

.footerSns li img {
    width: 100%;
    height: auto;
}

.fbRTitle {
    color: #2A2A2A;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 118.75%;
    letter-spacing: -0.032em;
}

.fbRNum {
    color: #2A2A2A;
    font-family: Pretendard;
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 87.5%;
    letter-spacing: -0.064em;
    margin-top: 1.9rem;
}

.fbRNum span {
    font-weight: 500;
}

.fbRTxt {
    color: #2A2A2A;
    font-family: Pretendard;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
    letter-spacing: -0.028em;
    margin-top: 1.5rem;
}

.footerBotmRBox.footerBotmRBox02 {
    margin-top: 5rem;
}

.footerBotmRBox02 .fbRTxt {
    margin-top: 1rem;
}

.footerBotmRBox02 .fbRNum {
    margin-top: 1rem;
}


/* =========================================================
   2. Notebook / Tablet (1400px 이하)
========================================================= */
@media (max-width: 1400px) {
    html {
        font-size: 56.25%; /* 10px → 9px */
    }

    .mainInner {
        padding: 0 4rem;
    }

    /* ---------- Main ---------- */
    .secMainTitle {
        font-size: 5.2rem;
    }

    .mainMov1 {
        width: 150%;
        height: 150%;
    }

    /* ---------- Sec01 ---------- */
    #sec01 {
        padding: 18rem 0;
    }

    .sec01Group {
        gap: 4rem;
    }

    .sec01left {
        width: 54%;
    }

    .sec01Right {
        width: 40%;
    }

    .mainBTitle {
        font-size: 5rem;
    }

    .mainSTitle {
        font-size: 2rem;
    }

    .sec01DropImg {
        width: 42%;
    }

    /* ---------- Sec02 ---------- */
    .sec02Tit {
        font-size: 4.8rem;
    }

    .sec02Txt {
        font-size: 2rem;
        max-width: 55rem;
    }

    #sec02Wrap {
        height: 800vh;
    }

    /* ---------- Sec03 ---------- */
    #sec03 .mainInner {
        margin: 18rem auto 5rem;
    }

    .sec03ContBox {
        height: 100vh;
    }

    .sec03CTBox {
        padding-bottom: 18rem;
    }

    .sec01Txt01 {
        font-size: 2.2rem;
    }

    .sec01Txt02 {
        font-size: 3.8rem;
    }

    .sec03CBox.active .sec01Txt01 {
        font-size: 3.6rem;
    }

    .sec03CBox.active .sec01Txt02 {
        font-size: 5rem;
    }

    /* ---------- Sec04 ---------- */
    #sec04 {
        padding: 18rem 0;
    }

    .sec04Cont {
        margin-top: 15rem;
    }

    .sec04Left {
        width: 56%;
    }

    .sec04Right {
        width: 36%;
        margin-left: 6rem;
    }

    .sec04CTxt01 {
        font-size: 5rem;
    }

    .sec04CTxt02 {
        font-size: 2rem;
    }

    /* ---------- Sec05 ---------- */
    #sec05 {
        padding: 14rem 0;
    }

    .sec05Right {
        gap: 2rem;
    }

    .sec05News {
        width: calc(100% / 3 - 1.33rem);
    }

    .sec05NewTitle {
        font-size: 1.8rem;
    }

    /* ---------- Footer ---------- */
    .footerBotm {
        gap: 5rem;
    }

    .fbRNum {
        font-size: 2.8rem;
    }
}


/* =========================================================
   3. Mobile (768px 이하)
========================================================= */
@media (max-width: 768px) {
    .secMainTitle {
        font-size: 10.42vw;
    }

    .pc_only { display: none; }
    .mo_only { display: block; }

    /* ---------- Sec01 ---------- */
    .mainInner {
        padding: 0 7.81vw;
    }

    #sec01 {
        padding: 18.23vw 0 1.04vw;
    }

    .sec01Group {
        display: flex;
        flex-direction: column;
    }

    .sec01left {
        width: 100%;
    }

    .sec01Right {
        width: 100%;
        position: relative;
        top: unset;
        display: block;
        height: auto;
        margin-top: 18.23vw;
        text-align: center;
    }

    .sec01Mov {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
    }

    .sec01Mov iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        border: 0;
        transform: translate(-50%, -50%);
    }

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

    .sec01Mov02 {
        margin-top: 6.25vw;
    }

    .mainSpanTBox {
        padding: 1.17vw 3.78vw;
    }

    .mainSpanTitle {
        font-size: 5.86vw;
    }

    .mainBTitle {
        font-size: 10.42vw;
        font-weight: 700;
        letter-spacing: -0.024em;
        margin-top: 4.69vw;
    }

    .mainSTitle {
        font-size: 3.91vw;
        line-height: 1.5;
        letter-spacing: -0.09rem;
        margin-top: 4.56vw;
    }

    .mainBtnBox .mainBtnBoxT {
        font-size: 3.26vw;
        margin-right: 6.51vw;
    }

    .sec01DropImgMo {
        width: 100%;
        transform: translateX(9%);
    }

    .mainBtnBoxArrow {
        width: 8vw;
    }

    /* ---------- Sec02 ---------- */
    
    #sec02Wrap {   height:436vh;  background: #fff;  }
    .sec02Tit {
        max-width: calc(100% - 15.62vw);
        font-size: 8.5vw;
        line-height: 1.25; 
    }

    .sec02Txt {
        right: 7.81vw;
        bottom: 10vh;
        width: calc(100% - 15.62vw);
        max-width: none;
        font-size: 3.65vw;
        line-height: 1.65;
    }

    .s2_txt3 {
        right: auto;
        left: 7.81vw;
    }

    .sec02Box iframe {
        width: 177.78vh;
        height: 100vh;
        min-width: 100vw;
        min-height: 56.25vw;
    }

    /* ---------- Sec03 ---------- */
    #sec03 { height: 100% !important ; min-height: 100%  !important  }
    #sec03 .mainInner {
        width: 100%;
        max-width: 90%;
        padding: 6rem 2rem;
        margin:0 auto ;
    }

    .sec03ContBox {
        flex-direction: column; 
        display: none; 
    }

    #sec03 .mainBTitle {
        font-size: 6.51vw;
    }

    .sec03CBox {
        width: 100%;
        height: 0;
        padding-bottom: 46.75%;
    }

    .sec03CTBox {
        width: auto;
        padding-bottom: 7.42vw;
        padding-left: 7.81vw;
    }

    .sec01Txt01 {
        font-size: 3.91vw;
        text-align: left;
    }

    .sec01Txt02 {
        font-size: 5.86vw;
        margin-top: 1.43vw;
        text-align: left;
    }

    .sec03CBox.active {
        width: 100%;
    }

    .sec03CBox.active .sec03CTBox {
        width: auto;
    }
    
    .sec03ContBox_M {display: flex;  flex-direction: column ;  }
    .sec03ContBox_M { width: 100%; height: 100vh;  }
    .sec03ContBox_M .sec03CBox { padding: 0;  height: 25vh; }
    .sec03ContBox_M .sec03CBox img {width: 100%; position: static ; height: 100%; object-fit: cover; transform:none !important; ;  }

    /* ---------- Sec04 ---------- */
    #sec04 {
        padding: 20.83vw 0 20.83vw;
    }

    #sec04 .mainSTitle {
        font-size: 3.91vw;
        line-height: 1.5;
    }

    #sec04 .mainBTitle {
        font-size: 6.51vw;
        letter-spacing: -0.21rem;
        margin-top: 3.91vw;
        line-height: 1.25;
    }

    .sec04Cont {
        margin-top: 18.69vw;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
    }

    .sec04Left {
        width: 100%;
    }

    .sec04Right {
        width: 100%;
        margin-left: 0;
        margin-top: 18.23vw;
        text-align: center;
    }

    .sec04CTxt01 {
        font-size: 6.51vw;
    }

    .sec04CTxt02 {
        font-size: 3.91vw;
        line-height: 1.5;
        margin-top: 4.30vw;
        word-break: keep-all; 
    }

    #sec04 .mainBtnBox {
        margin-top: 10.81vw;
    }

    /* ---------- Sec05 ---------- */
    #sec05 {
        padding: 18.23vw 0;
    }

    #sec05 .mainInner {
        padding: 0 22.14vw;
    }

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

    #sec05 .sec05Left {
        width: 100%;
    }

    .sec04CTxt01 {
        font-size: 6.51vw;
        text-align: center;
    }

    #sec05 .sec05Right {
        width: 100%;
        gap: 15.63vw;
        flex-direction: column;
        margin-top: 18.23vw;
    }

    .sec05News {
        width: 100%;
    }

    .sec05NewTitle {
        font-size: 3.91vw;
        margin-top: 3.91vw;
    }

    /* ---------- Footer ---------- */
    #footer {
        padding: 8.5333vw 0 8.72vw;
    }

    #footer .footerInner {
        width: 100%;
        max-width: 136rem;
        padding: 0 7.81vw;
        margin: 0 auto;
    }

    .footerLogo {
        display: none;
    }

    .footerBotm {
        padding-top: 4.2667vw;
        flex-direction: column-reverse;
    }

    .footerBotmLeft,
    .footerBotmRight {
        width: 100%;
    }

    .footerBotm .infoList {
        color: #404040;
        font-size: 2.4vw;
        line-height: 1.5;
        letter-spacing: -0.05em;
        justify-content: left;
        width: 100%;
        margin-top: 5.21vw;
    }

    .footerBotm .infoList li {
        margin-right: 1.5vw;
        padding-right: 1.5vw;
    }

    .footerBotm .infoList li:last-child {
        margin-right: 0;
        padding-right: 0;
        margin-top: 2vw;
    }

    .footerBotm .infoList li::before {
        width: 0.13vw;
        height: 2vw;
    }

    .footerBotm .infoList li:nth-child(5)::before {
        display: block;
    }

    .footerBotm .infoList li:nth-child(4)::before,
    .footerBotm .infoList li:nth-child(6)::before {
        display: none;
    }

    .footerSns.mo_only {
        display: flex !important;
        gap: 2.73vw;
        margin-top: 3.26vw;
    }

    .footerSns li {
        width: 5.39vw;
        height: auto;
    }

    .copyright {
        font-size: 2.73vw;
        line-height: 1.33;
        letter-spacing: -0.042em;
        text-align: left;
        margin: 3.26vw 0 0 0;
    }

    ul.private {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 4.2667vw;
    }

    .storeCeo a {
        font-size: 3.1253vw;
        letter-spacing: -0.02em;
    }

    #footer .private li {
        font-size: 3.1253vw;
        line-height: 1;
        letter-spacing: -0.05em;
        font-family: "Pretendard";
    }

    #footer .private li:first-child::before {
        content: '';
        width: 0.5vw;
        height: 0.5vw;
        background-color: #2A2A2A;
        border-radius: 999%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) translateX(50%);
    }

    .fbRTitle {
        font-size: 3.13vw;
    }

    .fbRNum {
        font-size: 4.30vw;
        letter-spacing: -0.064em;
        margin-top: 3.39vw;
    }

    .fbRTxt {
        font-size: 2.73vw;
        margin-top: 1.95vw;
    }

    .footerBotmRBox.footerBotmRBox02 {
        margin-top: 3.13vw;
    }

    .footerBotmRBox02 .fbRTxt {
        margin-top: 2.21vw;
    }

    .footerBotmRBox02 .fbRNum {
        margin-top: 2.47vw;
    }
}