/* BASIC css start */
@charset "utf-8";


/* =========================================================
   2026 TAVALON MOBILE
   GLOBAL
========================================================= */


/* =========================================================
   PAGE
========================================================= */

#globalPage{
    width:100%;
    overflow:hidden;

    color:#111;

    font-family:'Noto Sans KR', sans-serif;
    word-break:keep-all;
}

#globalPage *{
    box-sizing:border-box;
}

#globalPage img{
    max-width:100%;
}



/* =========================================================
   SEC1
========================================================= */

#globalPage .global_intro{
    width:100%;
}



/* =========================================================
   SEC1 VISUAL
========================================================= */

#globalPage .global_visual{
    position:relative;

    width:100%;
    overflow:hidden;
}

#globalPage .global_visual img{
    display:block;

    width:100%;
    height:auto;
}



/* =========================================================
   SEC1 TEXT
========================================================= */

#globalPage .global_intro_text{
    width:90%;
    margin:0 auto;

    padding:54px 0 70px;

    text-align:left;
}



/* EYEBROW */

#globalPage .global_intro_text .eyebrow{
    margin:0 0 18px;

    font-family:'Montserrat', sans-serif;
    font-size:11px;
    line-height:1;
    font-weight:600;

    letter-spacing:2px;

    color:#888;
}



/* MAIN TITLE */

#globalPage .global_intro_text h2{
    margin:0 0 32px;

    font-family:'Montserrat', sans-serif;
    font-size:34px;
    line-height:1.12;
    font-weight:400;

    letter-spacing:-1px;

    color:#111;
}



/* DESCRIPTION */

#globalPage .global_intro_text .desc{
    width:100%;
}

#globalPage .global_intro_text .desc p{
    margin:0 0 24px;

    font-family:'Noto Sans KR', sans-serif;
    font-size:14px;
    line-height:1.85;
    font-weight:400;

    letter-spacing:-0.3px;

    color:#555;
}

#globalPage .global_intro_text .desc p:last-child{
    margin-bottom:0;
}

#globalPage .global_intro_text .eng{
    font-family:'Montserrat', sans-serif;
}



/* =========================================================
   SEC2
========================================================= */

#globalPage .global_media{
    position:relative;

    width:100%;

    padding:34px 0 72px;

    overflow:hidden;
}



/* =========================================================
   MEDIA INNER
========================================================= */

#globalPage .global_media .media_inner{
    position:relative;

    width:100%;

    overflow:hidden;
}



/* =========================================================
   ROLLING TRACK
========================================================= */

#globalPage .global_media .media_track{
    display:flex;

    align-items:center;

    width:max-content;

    gap:20px;

    will-change:transform;

    transform:translate3d(0,0,0);
}



/* =========================================================
   ITEM
========================================================= */

#globalPage .global_media .media_item{
    flex:0 0 150px;

    width:150px;
}



/* =========================================================
   LOGO
========================================================= */

#globalPage .global_media .logo_box{
    display:flex;

    align-items:center;
    justify-content:center;

    width:150px;
    height:90px;
}

#globalPage .global_media .logo_box img{
    display:block;

    width:auto;
    height:auto;

    max-width:100%;
    max-height:90px;

    object-fit:contain;
}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width:360px){

    #globalPage .global_intro_text h2{
        font-size:31px;
    }

    #globalPage .global_intro_text .desc p{
        font-size:13px;
    }

    #globalPage .global_media .media_item{
        flex-basis:140px;
        width:140px;
    }

    #globalPage .global_media .logo_box{
        width:140px;
    }

}
/* BASIC css end */