/* BASIC css start */
body {
        margin: 0;
        font-family: Arial, sans-serif;
        /*height: 100vh;
        overflow: hidden;
        /* ÀüÃ¼ ÆäÀÌÁö ½ºÅ©·Ñ ¹æÁö */
    }

    .container {
        display: flex;
        /*height: 100vh;*/
        overflow: hidden;
        background-color: #ffffff;
        /* ÁÂ¿ì ¹è°æ»ö Èò»ö */
    }

    .left,
    .right {
        /*height: 100vh;
        /*overflow: hidden;
        /* ½ºÅ©·Ñ¹Ù´Â ¼û±è */
        position: relative;
    }

    .left {
        flex: 5.5;
        padding: 500px 0 0 100px;
        background-color: #0259c0;
    }

    .right {
        flex: 4.5;
        padding: 0px;
        border-left: 1px solid #000;
    }

    .left .content {
        position: fixed;
    top: 300px;
    left: 100px;
    z-index: 1000;
    
    }

    .subtitle {
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        /* Montserrat ÆùÆ®ÀÇ bold ½ºÅ¸ÀÏÀ» »ç¿ë */
        font-size: 60px;
    }

    .description {
        font-family: 'Pretendard Medium', sans-serif;
        font-size: 28px;
        line-height: 1.5;
    }


        /* ½ºÅ©·Ñ¹Ù ³Êºñ 0À¸·Î ¼³Á¤ */
    .right::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

/* BASIC css end */

