@charset "UTF-8";
:root {
   --system-font: "KMGNotoSansKR","KMGNotoSans", "Segoe UI", roboto, helvetica, arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --black: #000000;
    --gray-900: #1a1a1a;
    --gray-800: #333333;
    --gray-700: #4d4d4d;
    --gray-600: #666666;
    --gray-500: #808080;
    --gray-400: #999999;
    --gray-300: #b2b2b2;
    --gray-200: #cccccc;
    --gray-100: #e5e5e5;
    --gray-50: #f2f2f2;
    --gray-25: #f7f7f7;
    --white: #ffffff;
    --prim-aura: #2f2c4d;
    --prim-gray: #4d4d4d;
    --sec-aura-80: #595671;
    --sec-aura-60: #828094;
    --sec-aura-30: #c1c0ca;
    --sec-aura-10: #eaeaed;
    --sec-gold: #c4a96c;
    --sec-silver: #cccccc;
    --success: #608ee5;
    --success-2: #7a8e9c;
    --success-3: #465063;
    --warning: #b82921;
    --font-bold-weight: 700;
    --font-semi-bold-weight: 600;
    --font-md-weight: 500;
    --font-reg-weight: 400;
    --font-light-weight: 300;
    --font-extra-light-weight: 200;
    --font-thin-weight: 100;
    --font-line-height: 160%;
    --font-bold-line-height: 135%;
    --font-semi-bold-line-height: 135%;
    --desktop-default-width: 1440px;
    --sec-pd-1920: 4.0625%;
    --sec-pd-1440: 24px;
    --sec-pd-mobile: 16px;
    --gray-dark: rgba(255, 255, 255, 0.1);
    --default-page-pb-desktop: 120px;
    --default-page-pb-mobile: 56px;
    --popup-page-pb: 24px;
    --mobile-default-width: 768px;
    --scrollbar-track-color: rgba(0, 0, 0, 0.1);
    --scrollbar-thumb-color: rgba(0, 0, 0, 0.6);
}
.icon {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.icon.check {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 477.867 477.867'%3E%3Cpath fill='%23555555' d='M238.933 0C106.974 0 0 106.974 0 238.933s106.974 238.933 238.933 238.933 238.933-106.974 238.933-238.933C477.726 107.033 370.834.141 238.933 0zm0 443.733c-113.108 0-204.8-91.692-204.8-204.8s91.692-204.8 204.8-204.8 204.8 91.692 204.8 204.8c-.122 113.058-91.742 204.678-204.8 204.8z'/%3E%3Cpath fill='%23555555' d='M370.046 141.534c-6.614-6.388-17.099-6.388-23.712 0l-158.601 158.6-56.201-56.201c-6.548-6.78-17.353-6.967-24.132-.419-6.78 6.548-6.967 17.353-.419 24.132.137.142.277.282.419.419l68.267 68.267c6.664 6.663 17.468 6.663 24.132 0l170.667-170.667c6.548-6.779 6.36-17.583-.42-24.131z'/%3E%3C/svg%3E");
}
.icon.icon-caption {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%237A8E9C'/%3E%3Cpath d='M7.25 13.7969H20.75L22.75 16.1969H9.25L7.25 13.7969Z' fill='white'/%3E%3Cpath d='M13.8008 8H16.2008V22H13.8008V8Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon.icon-caption.active {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.5' cx='15' cy='15' r='15' fill='%236D66B2'/%3E%3Ccircle cx='15' cy='15' r='14' fill='white' stroke='%237A8E9C' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0257 18.3286L20.6572 12.6971L18.9602 11L13.3286 16.6315L10.6971 14L9 15.6971L13.3291 20.0262L15.0262 18.3291L15.0257 18.3286Z' fill='%237A8E9C'/%3E%3C/svg%3E%0A");
}
.icon.car-back-dark {
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5248 9.38593C15.8546 9.1353 16.233 9.00977 16.6198 9.00977H31.3798C31.7665 9.00977 32.1449 9.1353 32.4747 9.38593L32.4779 9.38837L33.8547 10.4259L33.8561 10.427C34.1933 10.6837 34.457 11.0475 34.6042 11.4753L34.6067 11.4825L37.3867 19.3625L37.388 19.3661C37.603 19.9681 37.9774 20.4722 38.4509 20.8453L38.4622 20.8542L41.0737 22.7927L41.0776 22.7956C41.6277 23.1999 41.9898 23.9177 41.9898 24.7198V38.7998C41.9898 39.5562 41.4527 39.9998 40.9898 39.9998H37.9898C37.5268 39.9998 36.9898 39.5562 36.9898 38.7998V35.9998H34.9898V38.7998C34.9898 40.4833 36.2527 41.9998 37.9898 41.9998H40.9898C42.7268 41.9998 43.9898 40.4833 43.9898 38.7998V24.7198C43.9898 23.3426 43.3725 22.0012 42.2639 21.1854L42.262 21.184L39.679 19.2666C39.4976 19.1209 39.3557 18.9282 39.2721 18.6951L39.2715 18.6934L36.4953 10.8243L36.4939 10.8203C36.2211 10.0303 35.7259 9.33599 35.0649 8.8336L33.6849 7.7936L33.6832 7.79236C33.0133 7.28378 32.2123 7.00977 31.3798 7.00977H16.6198C15.7872 7.00977 14.9863 7.28375 14.3164 7.79228L14.3147 7.7936L12.9379 8.83116C12.2803 9.3277 11.7879 10.0248 11.5073 10.8154L8.72383 18.7053L8.72108 18.7135C8.64392 18.945 8.50462 19.1311 8.33738 19.2541L8.33373 19.2568L5.73756 21.184L5.73553 21.1855C4.62819 22.0004 4.00977 23.3311 4.00977 24.7198V39.4398C4.00977 39.9543 4.18671 40.4784 4.55537 40.8875L4.55823 40.8907L4.97382 41.357L4.98477 41.3685C5.33865 41.741 5.84147 41.9998 6.41977 41.9998H10.5898C11.1473 41.9998 11.6651 41.7665 12.0413 41.3507L12.0463 41.3451L12.4627 40.8779L12.469 40.8706C12.7983 40.4864 12.9998 39.9777 12.9998 39.4398V35.9998H10.9998V39.4398C10.9998 39.4586 10.9961 39.4818 10.9867 39.5067C10.9779 39.5298 10.9661 39.5498 10.9539 39.5649L10.5663 39.9998H6.44385L6.44072 39.9969L6.0463 39.5544L6.0413 39.5489C6.03191 39.5385 6.00977 39.5039 6.00977 39.4398V24.7198C6.00977 23.9093 6.37059 23.2008 6.92197 22.7956L6.92581 22.7927L9.52216 20.8654L9.52417 20.8639C10.0334 20.4889 10.4121 19.959 10.6154 19.355L13.3922 11.4842C13.5516 11.0352 13.8199 10.6714 14.142 10.4281L15.5216 9.38837L15.5248 9.38593Z' fill='%232f2c4d'/%3E%3Cpath d='M13 19.9998L15 17.9998H33L35 19.9998H13Z' fill='%232f2c4d'/%3E%3Cpath d='M9 30.6698V24.9998H11V30.6698H9Z' fill='%232f2c4d'/%3E%3Cpath d='M39 24.9998V30.6698H37V24.9998H39Z' fill='%232f2c4d'/%3E%3Cpath d='M14 33.9998H34L32 35.9998H16L14 33.9998Z' fill='%232f2c4d'/%3E%3C/svg%3E%0A");
}
.icon.car-back-light {
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5248 9.38593C15.8546 9.1353 16.233 9.00977 16.6198 9.00977H31.3798C31.7665 9.00977 32.1449 9.1353 32.4747 9.38593L32.4779 9.38837L33.8547 10.4259L33.8561 10.427C34.1933 10.6837 34.457 11.0475 34.6042 11.4753L34.6067 11.4825L37.3867 19.3625L37.388 19.3661C37.603 19.9681 37.9774 20.4722 38.4509 20.8453L38.4622 20.8542L41.0737 22.7927L41.0776 22.7956C41.6277 23.1999 41.9898 23.9177 41.9898 24.7198V38.7998C41.9898 39.5562 41.4527 39.9998 40.9898 39.9998H37.9898C37.5268 39.9998 36.9898 39.5562 36.9898 38.7998V35.9998H34.9898V38.7998C34.9898 40.4833 36.2527 41.9998 37.9898 41.9998H40.9898C42.7268 41.9998 43.9898 40.4833 43.9898 38.7998V24.7198C43.9898 23.3426 43.3725 22.0012 42.2639 21.1854L42.262 21.184L39.679 19.2666C39.4976 19.1209 39.3557 18.9282 39.2721 18.6951L39.2715 18.6934L36.4953 10.8243L36.4939 10.8203C36.2211 10.0303 35.7259 9.33599 35.0649 8.8336L33.6849 7.7936L33.6832 7.79236C33.0133 7.28378 32.2123 7.00977 31.3798 7.00977H16.6198C15.7872 7.00977 14.9863 7.28375 14.3164 7.79228L14.3147 7.7936L12.9379 8.83116C12.2803 9.3277 11.7879 10.0248 11.5073 10.8154L8.72383 18.7053L8.72108 18.7135C8.64392 18.945 8.50462 19.1311 8.33738 19.2541L8.33373 19.2568L5.73756 21.184L5.73553 21.1855C4.62819 22.0004 4.00977 23.3311 4.00977 24.7198V39.4398C4.00977 39.9543 4.18671 40.4784 4.55537 40.8875L4.55823 40.8907L4.97382 41.357L4.98477 41.3685C5.33865 41.741 5.84147 41.9998 6.41977 41.9998H10.5898C11.1473 41.9998 11.6651 41.7665 12.0413 41.3507L12.0463 41.3451L12.4627 40.8779L12.469 40.8706C12.7983 40.4864 12.9998 39.9777 12.9998 39.4398V35.9998H10.9998V39.4398C10.9998 39.4586 10.9961 39.4818 10.9867 39.5067C10.9779 39.5298 10.9661 39.5498 10.9539 39.5649L10.5663 39.9998H6.44385L6.44072 39.9969L6.0463 39.5544L6.0413 39.5489C6.03191 39.5385 6.00977 39.5039 6.00977 39.4398V24.7198C6.00977 23.9093 6.37059 23.2008 6.92197 22.7956L6.92581 22.7927L9.52216 20.8654L9.52417 20.8639C10.0334 20.4889 10.4121 19.959 10.6154 19.355L13.3922 11.4842C13.5516 11.0352 13.8199 10.6714 14.142 10.4281L15.5216 9.38837L15.5248 9.38593Z' fill='%23ffffff'/%3E%3Cpath d='M13 19.9998L15 17.9998H33L35 19.9998H13Z' fill='%23ffffff'/%3E%3Cpath d='M9 30.6698V24.9998H11V30.6698H9Z' fill='%23ffffff'/%3E%3Cpath d='M39 24.9998V30.6698H37V24.9998H39Z' fill='%23ffffff'/%3E%3Cpath d='M14 33.9998H34L32 35.9998H16L14 33.9998Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.icon.car-front-dark {
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 38.7298V36.4598L43.99 36.4598V24.6398C43.99 23.2398 43.35 21.9198 42.27 21.1198L39.67 19.1998C39.49 19.0698 39.35 18.8798 39.27 18.6498L39.1565 18.3298H44V16.0598H40L38.8246 17.3938L36.49 10.8098C36.2 10.0098 35.71 9.32977 35.05 8.82977L33.67 7.78977C33 7.27977 32.2 7.00977 31.37 7.00977H16.61C15.78 7.00977 14.99 7.27977 14.31 7.78977L12.93 8.82977C12.28 9.32977 11.78 10.0098 11.5 10.8098L9.17034 17.3881L8 16.0598H4V18.3298H8.83686L8.72 18.6598C8.64 18.8798 8.5 19.0798 8.32 19.2098L5.72 21.1298C4.64 21.9298 4 23.2398 4 24.6498V36.4698L4.00977 36.4698V39.3998C4.00977 39.9398 4.19977 40.4698 4.54977 40.8598L4.95977 41.3298C5.33977 41.7598 5.86977 41.9998 6.41977 41.9998H10.5998C11.1498 41.9998 11.6798 41.7598 12.0598 41.3298L12.4698 40.8598C12.8198 40.4698 13.0098 39.9498 13.0098 39.3998V35.9998H11.0098V39.3998C11.0098 39.4598 10.9898 39.5098 10.9698 39.5398L10.5998 40.0098H6.46977L6.04977 39.5398C6.02977 39.5098 6.00977 39.4598 6.00977 39.3998V36.4698L6 36.4698V24.6498C6 23.8698 6.35 23.1498 6.92 22.7298L9.52 20.8098C10.02 20.4398 10.39 19.9298 10.61 19.3198L13.39 11.4698C13.54 11.0398 13.8 10.6798 14.14 10.4198L15.52 9.37977C15.85 9.12977 16.23 8.99977 16.62 8.99977H31.38C31.77 8.99977 32.15 9.12977 32.48 9.37977L33.86 10.4198C34.2 10.6798 34.46 11.0398 34.61 11.4698L37.39 19.3198C37.6 19.9298 37.98 20.4398 38.48 20.8098L41.08 22.7298C41.66 23.1598 42 23.8698 42 24.6498V38.7298C42 39.4198 41.54 39.9998 41 39.9998H38C37.46 39.9998 37 39.4198 37 38.7298V35.9998H35V38.7298C35 40.5298 36.35 41.9998 38 41.9998H41C42.65 41.9998 44 40.5298 44 38.7298Z' fill='%232f2c4d'/%3E%3Cpath d='M13 22.7298L15 20.7298H33L35 22.7298H13Z' fill='%232f2c4d'/%3E%3Cpath d='M9 25.9998V27.9998H15L13 25.9998H9Z' fill='%232f2c4d'/%3E%3Cpath d='M39 27.9998V25.9998H35L33 27.9998H39Z' fill='%232f2c4d'/%3E%3Cpath d='M34 33.9998H14L16 35.9998H32L34 33.9998Z' fill='%232f2c4d'/%3E%3C/svg%3E%0A");
}
.icon.car-front-light {
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 38.7298V36.4598L43.99 36.4598V24.6398C43.99 23.2398 43.35 21.9198 42.27 21.1198L39.67 19.1998C39.49 19.0698 39.35 18.8798 39.27 18.6498L39.1565 18.3298H44V16.0598H40L38.8246 17.3938L36.49 10.8098C36.2 10.0098 35.71 9.32977 35.05 8.82977L33.67 7.78977C33 7.27977 32.2 7.00977 31.37 7.00977H16.61C15.78 7.00977 14.99 7.27977 14.31 7.78977L12.93 8.82977C12.28 9.32977 11.78 10.0098 11.5 10.8098L9.17034 17.3881L8 16.0598H4V18.3298H8.83686L8.72 18.6598C8.64 18.8798 8.5 19.0798 8.32 19.2098L5.72 21.1298C4.64 21.9298 4 23.2398 4 24.6498V36.4698L4.00977 36.4698V39.3998C4.00977 39.9398 4.19977 40.4698 4.54977 40.8598L4.95977 41.3298C5.33977 41.7598 5.86977 41.9998 6.41977 41.9998H10.5998C11.1498 41.9998 11.6798 41.7598 12.0598 41.3298L12.4698 40.8598C12.8198 40.4698 13.0098 39.9498 13.0098 39.3998V35.9998H11.0098V39.3998C11.0098 39.4598 10.9898 39.5098 10.9698 39.5398L10.5998 40.0098H6.46977L6.04977 39.5398C6.02977 39.5098 6.00977 39.4598 6.00977 39.3998V36.4698L6 36.4698V24.6498C6 23.8698 6.35 23.1498 6.92 22.7298L9.52 20.8098C10.02 20.4398 10.39 19.9298 10.61 19.3198L13.39 11.4698C13.54 11.0398 13.8 10.6798 14.14 10.4198L15.52 9.37977C15.85 9.12977 16.23 8.99977 16.62 8.99977H31.38C31.77 8.99977 32.15 9.12977 32.48 9.37977L33.86 10.4198C34.2 10.6798 34.46 11.0398 34.61 11.4698L37.39 19.3198C37.6 19.9298 37.98 20.4398 38.48 20.8098L41.08 22.7298C41.66 23.1598 42 23.8698 42 24.6498V38.7298C42 39.4198 41.54 39.9998 41 39.9998H38C37.46 39.9998 37 39.4198 37 38.7298V35.9998H35V38.7298C35 40.5298 36.35 41.9998 38 41.9998H41C42.65 41.9998 44 40.5298 44 38.7298Z' fill='%23ffffff'/%3E%3Cpath d='M13 22.7298L15 20.7298H33L35 22.7298H13Z' fill='%23ffffff'/%3E%3Cpath d='M9 25.9998V27.9998H15L13 25.9998H9Z' fill='%23ffffff'/%3E%3Cpath d='M39 27.9998V25.9998H35L33 27.9998H39Z' fill='%23ffffff'/%3E%3Cpath d='M34 33.9998H14L16 35.9998H32L34 33.9998Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.icon.car-handle-dark {
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.14 40C12.05 40 11.05 39.61 10.31 38.9C6.42 35.17 4 29.46 4 24C4 12.97 12.97 4 24 4C35.03 4 44 12.97 44 24C44 29.73 41.76 35.3 38 38.9L36.62 37.46C39.99 34.22 42 29.19 42 24C42 23.519 41.9811 23.0423 41.9439 22.5708L40.5203 21.82H32.6103L30.4702 30.74C30.3602 31.19 30.1002 31.6 29.7402 31.9L28.9602 32.53C28.5902 32.83 28.1102 33 27.6302 33H20.3702C19.8902 33 19.4102 32.83 19.0402 32.53L18.2602 31.9C17.9002 31.61 17.6402 31.2 17.5302 30.74L15.39 21.82H7.48027L6.05608 22.5711C6.01893 23.0425 6 23.5191 6 24C6 28.93 8.18 34.09 11.69 37.46C12.05 37.81 12.57 38 13.13 38H32L34 40H13.14ZM41.0103 19.82L41.5797 20.1209C39.8024 12.051 32.5985 6 24 6C15.4013 6 8.19736 12.0511 6.42022 20.1212L6.99027 19.82H41.0103ZM17.4426 21.83L19.4702 30.28L20.2902 30.98L27.6202 31.01L28.4802 30.35L30.5502 21.83H17.4426Z' fill='%232f2c4d'/%3E%3C/svg%3E%0A");
}
.icon.car-handle-light {
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.14 40C12.05 40 11.05 39.61 10.31 38.9C6.42 35.17 4 29.46 4 24C4 12.97 12.97 4 24 4C35.03 4 44 12.97 44 24C44 29.73 41.76 35.3 38 38.9L36.62 37.46C39.99 34.22 42 29.19 42 24C42 23.519 41.9811 23.0423 41.9439 22.5708L40.5203 21.82H32.6103L30.4702 30.74C30.3602 31.19 30.1002 31.6 29.7402 31.9L28.9602 32.53C28.5902 32.83 28.1102 33 27.6302 33H20.3702C19.8902 33 19.4102 32.83 19.0402 32.53L18.2602 31.9C17.9002 31.61 17.6402 31.2 17.5302 30.74L15.39 21.82H7.48027L6.05608 22.5711C6.01893 23.0425 6 23.5191 6 24C6 28.93 8.18 34.09 11.69 37.46C12.05 37.81 12.57 38 13.13 38H32L34 40H13.14ZM41.0103 19.82L41.5797 20.1209C39.8024 12.051 32.5985 6 24 6C15.4013 6 8.19736 12.0511 6.42022 20.1212L6.99027 19.82H41.0103ZM17.4426 21.83L19.4702 30.28L20.2902 30.98L27.6202 31.01L28.4802 30.35L30.5502 21.83H17.4426Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.br-story-wrap .section-film {
    position: relative;
    height: 100lvh;
    width: 100%;
    overflow: hidden;
    background: #0f0e2199;
    mix-blend-mode: multiply;
    display: flex;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-film video {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: multiply;
}
.br-story-wrap .section-film .slogan-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.br-story-wrap .section-film .slogan-wrap p {
    color: var(--white);
}
.br-story-wrap .section-film .slogan-wrap .play-btn:before {
    content: "";
    display: block;
    width: 8rem;
    height: 8rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url(/images/cm/icons/80/icon-play-btn.svg);
}
.br-story-wrap .section-film .slogan-wrap .play-btn .text {
    color: var(--gray-200);
    font-weight: var(--font-semi-bold-weight);
    line-height: var(--font-semi-bold-line-height);
    font-size: 1.4rem;
}
.br-story-wrap .section-manifesto {
    width: 100%;
    height: 100lvh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);
    background-image: url(/images/br/brand-manifesto-bg.jpg), linear-gradient(#0f0e2199 -7.18%, #0f0e2100 22.27%);
    background-blend-mode: multiply;
}
.br-story-wrap .section-manifesto:before {
    background-size: cover;
    background-position: inherit;
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: inherit !important;
    background-repeat: inherit !important;
    z-index: -1 !important;
}
.br-story-wrap .section-manifesto .falling-stars {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.br-story-wrap .section-manifesto .falling-stars .falling-star {
    position: absolute;
    width: 2px;
    height: 22rem;
    background-color: var(--white);
    opacity: 0;
    opacity: 1;
    background: linear-gradient(0deg, #fff, #fff0);
    animation: fall-desktop ease-in forwards infinite;
    transform: translate(50vw, -100vh) rotate(45deg) scale(0);
}
@keyframes fall-desktop {
    0% {
        transform: translate(50vw, -100vh) rotate(45deg) scale(1);
        opacity: 1;
    }
    to {
        transform: translate(-10vw, 30vh) rotate(45deg) scale(0.4);
        opacity: 0.3;
    }
}
.br-story-wrap .section-manifesto .falling-stars .falling-star-01 {
    left: 30%;
    animation-duration: 5s;
    animation-delay: 2s;
}
.br-story-wrap .section-manifesto .falling-stars .falling-star-02 {
    left: 70%;
    animation-duration: 3.5s;
    animation-delay: 5s;
}
.br-story-wrap .section-manifesto .falling-stars .falling-star-03 {
    right: 0;
    animation-duration: 4.5s;
    animation-delay: 8s;
}
#mobile .br-story-wrap .section-manifesto .falling-stars {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
#mobile .br-story-wrap .section-manifesto .falling-stars .falling-star {
    position: absolute;
    width: 0.2rem;
    height: 20rem;
    opacity: 1;
    background: linear-gradient(0deg, #fff, #fff0);
    animation: fall ease-in forwards infinite;
    transform: translate(50vw, -100vh) rotate(40deg);
}
@keyframes fall {
    0% {
        transform: translate(50vw, -50vh) rotate(40deg) scale(1);
        opacity: 1;
    }
    60% {
        opacity: 0;
    }
    80% {
        opacity: 0.8;
    }
    to {
        transform: translate(-100vw, 30vh) rotate(40deg) scale(0.4);
        opacity: 0;
    }
}
#mobile .br-story-wrap .section-manifesto .falling-stars .falling-star-01 {
    left: 80%;
    animation-duration: 5s;
    animation-delay: 3s;
}
#mobile .br-story-wrap .section-manifesto .falling-stars .falling-star-02 {
    left: 140%;
    animation-duration: 6s;
    animation-delay: 10s;
}
#mobile .br-story-wrap .section-manifesto .falling-stars .falling-star-03 {
    right: 0;
    animation-duration: 3.5s;
    animation-delay: 6s;
}
.br-story-wrap .section-manifesto .text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-manifesto .text-box .title {
    color: var(--white);
}
.br-story-wrap .section-manifesto .text-box .summary-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.br-story-wrap .section-manifesto .text-box .summary-wrap .summary {
    text-align: center;
    color: var(--gray-200);
}
.br-story-wrap .section-manifesto .text-box .summary-wrap .slogan-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.br-story-wrap .section-manifesto .text-box .summary-wrap .slogan-wrap p {
    color: var(--white);
}
.br-story-wrap .section-benefit {
    width: 100%;
    height: 400lvh;
    position: relative;
}
.br-story-wrap .section-benefit .bg-sticky {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.br-story-wrap .section-benefit .bg-sticky video {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: multiply;
}
.br-story-wrap .section-benefit .benefit-1 {
    width: 100%;
    height: 100lvh;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-benefit .benefit-1 .text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--white);
    gap: 2rem 0;
}
.br-story-wrap .section-benefit .benefit-2 {
    width: 100%;
    height: 100lvh;
    position: absolute;
    top: 100lvh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-benefit .benefit-2 .content-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box .title {
    color: var(--white);
    word-break: keep-all;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box .title span {
    color: var(--sec-gold);
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box .summary-wrap {
    display: flex;
    flex-direction: column;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box .summary-wrap .summary {
    color: var(--white);
}
.br-story-wrap .section-benefit .benefit-3 {
    width: 100%;
    height: 100lvh;
    position: absolute;
    top: 200lvh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-benefit .benefit-3 .content-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box .title {
    color: var(--white);
    word-break: keep-all;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box .title span {
    color: var(--sec-gold);
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box .summary-wrap {
    display: flex;
    flex-direction: column;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box .summary-wrap .summary {
    color: var(--white);
}
.br-story-wrap .section-benefit .benefit-4 {
    width: 100%;
    height: 100lvh;
    position: absolute;
    top: 300lvh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-benefit .benefit-4 .content-box p {
    text-align: center;
    color: var(--white);
    word-break: keep-all;
}
.br-story-wrap .section-benefit .benefit-4 .content-box p span {
    color: var(--sec-gold);
}
.br-story-wrap .section-safety {
    position: relative;
    height: 100vh;
    display: flex;
    overflow: hidden;
    background: url(/images/br/img-br-safety.jpg) no-repeat center;
    background-position: 100% center;
    background-size: cover;
}
.br-story-wrap .section-safety .content-box {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-safety .content-box .text-box {
    display: flex;
    flex-direction: column;
    gap: 2.8rem 0;
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 144rem;
}
.br-story-wrap .section-safety .content-box .text-box .title {
    color: var(--white);
}
.br-story-wrap .section-safety .content-box .text-box .title span {
    color: var(--sec-gold);
}
.br-story-wrap .section-safety .content-box .text-box .summary-wrap {
    color: var(--white);
    opacity: 0.7;
    gap: 2.8rem 0;
}
.br-story-wrap .section-safety .content-box .text-box .summary-wrap .summary-title {
    margin-bottom: 0.7rem;
}
.br-story-wrap .section-safety .content-box .text-box .summary-wrap .summary + .summary {
    margin-top: 0.7rem;
}
.br-story-wrap .section-safety .content-box .text-box .summary-wrap .summary + .summary-title {
    margin-top: 2.8rem;
}
.br-story-wrap .section-safety .content-box .img-box {
    position: absolute;
    width: 100%;
    height: 100lvh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.br-story-wrap .section-safety .content-box .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.br-story-wrap .section-essence {
    position: relative;
    height: 400lvh;
    width: 100%;
}
.br-story-wrap .section-essence .essence-warp {
    position: relative;
}
.br-story-wrap .section-essence .essence-warp .animated-item {
    opacity: 0;
    transform: translateY(10rem);
}
.br-story-wrap .section-essence .essence-warp .text-animated-item {
    display: block;
    overflow: hidden;
}
.br-story-wrap .section-essence .essence-warp .text-animated-item > span {
    display: inline-block;
    transform: translateY(5rem);
    opacity: 0;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll {
    position: relative;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap {
    position: sticky;
    top: 10%;
    left: 0;
    right: 0;
    z-index: 3;
    max-width: 144rem;
    padding: 15rem 2.4rem;
    margin: 0 auto;
    min-height: calc(100vh - 14rem);
    height: 100vh;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box {
    position: relative;
    width: 65rem;
    height: 40rem;
    display: flex;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box > div {
    position: absolute;
    left: 0;
    transition: all 0.5s;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box .label-warp {
    margin-top: 10rem;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box .desc-warp {
    margin-top: -22rem;
    margin-left: 16rem;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.2rem;
    color: var(--gray-900);
    margin-bottom: 1.2rem;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .logo {
    font-weight: var(--font-bold-weight);
    line-height: 1;
    font-size: 7rem;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .title {
    font-weight: var(--font-bold-weight);
    line-height: 1;
    font-size: 7rem;
    color: var(--sec-gold);
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .label {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.2rem;
    color: var(--gray-900);
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #000;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .label:last-child {
    border-bottom: 0;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .desc {
    font-weight: var(--font-semi-bold-weight);
    line-height: var(--font-semi-bold-line-height);
    font-size: 2.2rem;
    color: var(--gray-900);
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .etc-box {
    position: absolute;
    bottom: 30rem;
    right: -12rem;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .program-wrap {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    max-width: 144rem;
    padding: 0 2.4rem;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 14rem);
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section .img-wrap {
    width: 67.3rem;
    height: 67.3rem;
    border-radius: 0;
    aspect-ratio: 401/300;
    background-color: var(--black);
    overflow: hidden;
    transform: translateY(10rem);
    opacity: 0;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section:first-of-type .img-wrap {
    border-radius: 0;
}
.br-story-wrap .section-workway {
    position: relative;
    height: 100lvh;
    width: 100%;
    overflow: hidden;
    background: #0f0e2199;
    display: flex;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-workway video {
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: multiply;
}
.br-story-wrap .section-workway .slogan-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.br-story-wrap .section-workway .slogan-wrap .title {
    color: var(--white);
}
.br-story-wrap .section-workway .slogan-wrap .summary-warp {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.br-story-wrap .section-slogan {
    position: relative;
    height: 100lvh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-50);
}
.br-story-wrap .section-slogan .slogan-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.br-story-wrap .section-slogan .slogan-wrap p {
    color: var(--gray-500);
}
.br-story-wrap .section-slogan .content-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 4.6rem;
}
.br-story-wrap .section-slogan .content-box .content-item {
    text-align: center;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .one {
    display: flex;
    justify-content: center;
    align-items: center;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .two {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .three {
    display: flex;
    justify-content: center;
    align-items: center;
}
.br-story-wrap .section-slogan .content-box .content-item .text-wrap .text {
    color: var(--sec-gold);
}
.br-story-wrap .section-slogan .content-box .content-item .text-wrap .desc {
    color: var(--gray-800);
}
.br-story-wrap .section-philosophy {
    position: relative;
    width: 100%;
    height: 300lvh;
}
.br-story-wrap .section-philosophy .philosophy-warp {
    width: 100%;
    height: 100lvh;
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    transition: opacity 0.5s;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp .logo {
    color: var(--white);
    text-align: center;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp .summary {
    color: var(--gray-200);
    text-align: center;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .slogan-wrap {
    color: var(--white);
    text-align: center;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .no-transition {
    transition: none;
    pointer-events: none;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article {
    flex: 1;
    transition:
        flex 2s cubic-bezier(0.19, 1, 0.22, 1),
        background-position 2s cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
    color: var(--white);
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap {
    z-index: 2;
    opacity: 1;
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap .title {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap .desc {
    opacity: 0;
    transition: opacity 0.5s ease 0.3s;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article:not(.active) {
    flex: 0.35;
    background-position: center;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article:nth-child(1) {
    background-image: url(https://kg-mobility.s3.amazonaws.com/static/branding-marketing/story/design-philosophy-01.jpg);
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article:nth-child(2) {
    background-image: url(https://kg-mobility.s3.amazonaws.com/static/branding-marketing/story/design-philosophy-02.jpg);
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article:nth-child(3) {
    background-image: url(https://kg-mobility.s3.amazonaws.com/static/branding-marketing/story/design-philosophy-03.jpg);
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article:nth-child(4) {
    background-image: url(https://kg-mobility.s3.amazonaws.com/static/branding-marketing/story/design-philosophy-04.jpg);
}
.br-story-wrap .customizing__popup {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50%);
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: var(--black);
    transition: all 0.3s;
}
.br-story-wrap .customizing__popup.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: flex;
}
.br-story-wrap .customizing__popup .close-btn {
    position: absolute;
    z-index: 12;
}
.br-story-wrap .customizing__popup .popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}
#mobile .br-story-wrap .scroll-mo {
    position: fixed;
    bottom: 1.2rem;
    left: 50%;
    transform: translate(-50%);
}
#mobile .br-story-wrap .section-film .slogan-wrap {
    margin-top: 0;
}
#mobile .br-story-wrap .section-film .slogan-wrap p {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.4rem;
}
#mobile .br-story-wrap .section-film .slogan-wrap img {
    margin-top: 0.8rem;
    width: 30.6rem;
}
#mobile .br-story-wrap .section-film .slogan-wrap .play-btn {
    margin-top: 2.2rem;
}
#mobile .br-story-wrap .section-film .slogan-wrap .play-btn:before {
    content: "";
    display: block;
    margin-bottom: 0.8rem;
}
#mobile .br-story-wrap .section-manifesto .text-box {
    padding: 0 1.6rem;
    gap: 2.4rem 0;
    text-align: center;
}
#mobile .br-story-wrap .section-manifesto .text-box .title {
    font-weight: var(--font-semi-bold-weight);
    line-height: var(--font-semi-bold-line-height);
    font-size: 2.9rem;
}
#mobile .br-story-wrap .section-manifesto .text-box .summary-wrap {
    gap: 1.9rem 0;
}
#mobile .br-story-wrap .section-manifesto .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.4rem;
}
#mobile .br-story-wrap .section-manifesto .text-box .summary-wrap .slogan-wrap p {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 1.8rem;
}
#mobile .br-story-wrap .section-manifesto .text-box .summary-wrap .slogan-wrap img {
    margin-top: 0.5rem;
    width: 21.1rem;
}
#mobile .br-story-wrap .section-benefit .benefit-1 .text-box {
    gap: 1rem 0;
}
#mobile .br-story-wrap .section-benefit .benefit-1 .text-box .summary {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 3rem;
}
#mobile .br-story-wrap .section-benefit .benefit-1 .text-box img {
    width: 25.6rem;
}
#mobile .br-story-wrap .section-benefit .benefit-2 .content-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.2rem 0;
    padding: 2.2rem;
}
#mobile .br-story-wrap .section-benefit .benefit-2 .content-box .img-box {
    width: 100%;
    height: 24.7rem;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 10px 10px 30px);
    background: url(/images/br/img-br-benefit01-mo.jpg) center center/cover no-repeat;
}
#mobile .br-story-wrap .section-benefit .benefit-2 .content-box .text-box {
    gap: 1.6rem 0;
}
#mobile .br-story-wrap .section-benefit .benefit-2 .content-box .text-box .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.9rem;
}
#mobile .br-story-wrap .section-benefit .benefit-2 .content-box .text-box .summary-wrap {
    gap: 2rem 0;
}
#mobile .br-story-wrap .section-benefit .benefit-2 .content-box .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.4rem;
}
#mobile .br-story-wrap .section-benefit .benefit-3 .content-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.2rem 0;
    padding: 2.2rem;
}
#mobile .br-story-wrap .section-benefit .benefit-3 .content-box .img-box {
    width: 100%;
    height: 24.7rem;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 10px 10px 30px);
    background: url(/images/br/img-br-benefit02-mo.jpg) center center/cover no-repeat;
}
#mobile .br-story-wrap .section-benefit .benefit-3 .content-box .text-box {
    gap: 1.6rem 0;
}
#mobile .br-story-wrap .section-benefit .benefit-3 .content-box .text-box .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.9rem;
}
#mobile .br-story-wrap .section-benefit .benefit-3 .content-box .text-box .summary-wrap {
    gap: 2rem 0;
}
#mobile .br-story-wrap .section-benefit .benefit-3 .content-box .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.4rem;
}
#mobile .br-story-wrap .section-benefit .benefit-4 .content-box p {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 4rem;
}
#mobile .br-story-wrap .section-safety .content-box {
    margin: 0 2.4rem;
}
#mobile .br-story-wrap .section-safety .content-box .text-box .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.9rem;
}
#mobile .br-story-wrap .section-safety .content-box .text-box .summary-wrap .summary-title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2rem;
}
#mobile .br-story-wrap .section-safety .content-box .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.4rem;
}
#mobile .br-story-wrap .section-safety .img-box img {
    -o-object-fit: cover;
    object-fit: cover;
}
#mobile .br-story-wrap .section-essence {
    position: relative;
    height: 400lvh;
    width: 100%;
}
#mobile .br-story-wrap .section-essence .essence-warp {
    width: 100%;
    min-height: 100lvh;
    position: sticky;
    top: 0;
    left: 0;
    max-width: 72rem;
    display: block;
    margin: 0 auto;
}
#mobile .br-story-wrap .section-essence .essence-warp .animated-item {
    opacity: 0;
    transform: translateY(10rem);
}
#mobile .br-story-wrap .section-essence .essence-warp .text-animated-item {
    display: block;
    overflow: hidden;
}
#mobile .br-story-wrap .section-essence .essence-warp .text-animated-item > span {
    display: inline-block;
    transform: translateY(5rem);
    opacity: 0;
    word-wrap: break-word;
    word-break: keep-all;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 5rem;
    padding-bottom: 16rem;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    min-height: 50%;
    height: 100vh;
    position: static;
    display: flex;
    flex-direction: column;
    order: 2;
    max-width: 100%;
    padding: 3rem 2.4rem 2.4rem;
    margin: 0 auto;
    min-height: auto;
    height: auto;
    width: 100%;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box > div {
    position: absolute;
    left: 0;
    transition: all 0.5s;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box .label-warp {
    margin-top: 2.4rem;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text-box .desc-warp {
    margin-top: -13rem;
    margin-left: 10rem;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .text {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 1.4rem;
    color: var(--gray-900);
    margin-bottom: 0.6rem;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .logo {
    font-weight: var(--font-bold-weight);
    line-height: 1;
    font-size: 4rem;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .title {
    font-weight: var(--font-bold-weight);
    line-height: 1;
    font-size: 4rem;
    color: var(--sec-gold);
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .label {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 1.4rem;
    color: var(--gray-900);
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
    border-bottom: 1px solid #000;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .label:last-child {
    border-bottom: 0;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .desc {
    font-weight: var(--font-semi-bold-weight);
    line-height: var(--font-semi-bold-line-height);
    font-size: 1.3rem;
    color: var(--gray-900);
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
    min-height: 4.8rem;
    word-break: keep-all;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .desc br {
    display: none;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap .etc-box {
    position: absolute;
    bottom: 20rem;
    left: 20rem;
    right: 0;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .program-wrap {
    display: flex;
    flex-direction: column;
    order: 1;
    position: static;
    z-index: 3;
    padding: 2.4rem;
    width: 100%;
    transform: translate(0);
    max-width: 76.8rem;
    margin: 0 auto;
    height: 0;
    padding-bottom: 68%;
    overflow: hidden;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    display: block;
    min-height: auto;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section .img-wrap {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: var(--black);
    overflow: hidden;
    transform: translateY(0);
    height: 0;
    padding-bottom: 80%;
    opacity: 1;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section .img-wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#mobile .br-story-wrap .section-essence .essence-warp .sr-program-scroll .img-section:first-of-type .img-wrap {
    border-radius: 0;
}
#mobile .br-story-wrap .section-workway .slogan-wrap .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.4rem;
}
#mobile .br-story-wrap .section-workway .slogan-wrap img {
    margin-top: 1.4rem;
    width: 30.7rem;
}
#mobile .br-story-wrap .section-workway .slogan-wrap .summary-warp {
    margin-top: 2.25rem;
    gap: 2.25rem 0;
    color: var(--gray-200);
}
#mobile .br-story-wrap .section-workway .slogan-wrap .summary-warp .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.4rem;
}
#mobile .br-story-wrap .section-slogan .slogan-wrap img {
    width: 31.5rem;
}
#mobile .br-story-wrap .section-slogan .slogan-wrap p {
    margin-top: 0.6rem;
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.6rem;
}
#mobile .br-story-wrap .section-slogan .content-box {
    flex-direction: column;
    gap: 3rem;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item {
    width: 100%;
    display: flex;
    justify-content: center;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item:last-child .text-wrap {
    border-bottom: 0;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap {
    position: absolute;
    width: 100%;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .one {
    position: absolute;
    top: -3rem;
    right: -3rem;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .one .square-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    background: var(--sec-gold);
    transform: rotate(45deg);
    animation: rotate-scale-01-mo 3s infinite alternate ease-in-out;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .one .square-02 {
    width: 4rem;
    height: 4rem;
    background: var(--prim-aura);
    transform: rotate(-45deg);
    animation: rotate-scale-02-mo 3s infinite alternate ease-in-out;
}
@keyframes rotate-scale-01-mo {
    0% {
        width: 6rem;
        height: 6rem;
        transform: rotate(45deg);
    }
    to {
        width: 9rem;
        height: 9rem;
        transform: rotate(225deg);
    }
}
@keyframes rotate-scale-02-mo {
    0% {
        width: 4rem;
        height: 4rem;
        transform: rotate(-45deg);
    }
    to {
        width: 6rem;
        height: 6rem;
        transform: rotate(135deg);
    }
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .two {
    position: absolute;
    top: -9rem;
    left: -5rem;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .two .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 50px 50px 50px;
    border-color: transparent transparent var(--sec-gold) transparent;
    animation: shake-mo 2s infinite alternate;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .two .circle {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background: var(--prim-aura);
    animation: move-side-mo 2s infinite alternate ease-in-out;
}
@keyframes move-side-mo {
    0% {
        transform: translate(0);
    }
    50% {
        transform: translate(-20px);
    }
    to {
        transform: translate(20px);
    }
}
@keyframes shake-mo {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(7deg);
    }
    to {
        transform: rotate(-7deg);
    }
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .three {
    position: absolute;
    top: 10rem;
    right: -6rem;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .three .circle-01 {
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    background: var(--sec-gold);
    animation: swap-sizes-mo 2s infinite alternate;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .three .circle-02 {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    background: var(--prim-aura);
    animation: swap-sizes-reverse-mo 2s infinite alternate;
}
@keyframes swap-sizes-mo {
    to {
        width: 6.5rem;
        height: 6.5rem;
    }
}
@keyframes swap-sizes-reverse-mo {
    to {
        width: 13rem;
        height: 13rem;
    }
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .text-wrap {
    display: inline;
    width: 24rem;
    border-bottom: 1px solid var(--gray-200);
    padding-bottom: 2rem;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .text-wrap .text {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.2rem;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .text-wrap .title {
    margin: 0.8rem 0 0.4rem;
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 1.8rem;
}
#mobile .br-story-wrap .section-slogan .content-box .content-item .text-wrap .desc {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.2rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .summary-warp {
    opacity: 1;
    transition: opacity 0.5s ease;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .summary-warp.is-hidden {
    opacity: 0;
    pointer-events: none;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp {
    gap: 2.8rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp .logo {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 1.8rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp .summary {
    font-weight: var(--font-md-weight);
    line-height: var(--font-line-height);
    font-size: 1.4rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .summary-warp .slogan-wrap .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 1.8rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .summary-warp .slogan-wrap .large {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 3.6rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp {
    flex-direction: column;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article {
    background-position: 66% 26%;
    background-size: 236%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article:after {
    content: "";
    background: linear-gradient(180deg, #0f0e21, #0f0e2100 60%);
    opacity: 0.6;
    width: 100%;
    height: 100%;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap {
    text-align: center;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.4rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap .desc {
    margin-top: 1.2rem;
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.3rem;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active {
    flex: 4;
    background-position: center center;
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active .article-textWrap {
    opacity: 1;
    transform: translate(-300px);
}
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active .title,
#mobile .br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active .desc {
    opacity: 1;
}
#mobile .br-story-wrap .customizing__popup .close-btn {
    top: 1.5rem;
    right: 1.5rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.2rem solid;
    transition:
        background 0.3s,
        border-color 0.3s,
        transform 0.3s;
    border-color: #ffffff1a;
    background-color: transparent;
}
#mobile .br-story-wrap .customizing__popup .close-btn:before {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: inherit;
    background-size: 2.4rem;
}
#mobile .br-story-wrap .customizing__popup .close-btn:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
#mobile .br-story-wrap .customizing__popup .close-btn:before {
    background-image: url(/images/cm/icons/24/icon-close-small-white-light.svg);
}
#mobile .br-story-wrap .customizing__popup .popup-content {
    padding-top: 6.5rem;
}
#mobile.landscape .br-story-wrap .essence-warp {
    min-height: 120lvh;
}
.br-story-wrap .section-film .slogan-wrap {
    margin-top: 8.6rem;
}
.br-story-wrap .section-film .slogan-wrap p {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 6rem;
}
.br-story-wrap .section-film .slogan-wrap img {
    margin-top: 2.8rem;
    width: 80rem;
}
.br-story-wrap .section-film .slogan-wrap .play-btn {
    margin-top: 2.8rem;
}
.br-story-wrap .section-film .slogan-wrap .play-btn:before {
    content: "";
    display: block;
    margin-bottom: 2.8rem;
}
.br-story-wrap .section-manifesto .text-box {
    gap: 2.8rem 0;
}
.br-story-wrap .section-manifesto .text-box .title {
    font-weight: var(--font-semi-bold-weight);
    line-height: var(--font-semi-bold-line-height);
    font-size: 4rem;
}
.br-story-wrap .section-manifesto .text-box .summary-wrap {
    gap: 2.4rem 0;
}
.br-story-wrap .section-manifesto .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-manifesto .text-box .summary-wrap .slogan-wrap p {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.2rem;
}
.br-story-wrap .section-manifesto .text-box .summary-wrap .slogan-wrap img {
    margin-top: 0.8rem;
    width: 26.7rem;
}
.br-story-wrap .section-benefit .benefit-1 .text-box {
    gap: 2rem 0;
}
.br-story-wrap .section-benefit .benefit-1 .text-box .summary {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 4rem;
}
.br-story-wrap .section-benefit .benefit-1 .text-box .summary br {
    display: none;
}
.br-story-wrap .section-benefit .benefit-1 .text-box img {
    width: 41rem;
}
.br-story-wrap .section-benefit .benefit-2 .content-box {
    gap: 0 6rem;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .img-box {
    width: 82rem;
    height: 40rem;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 10px 10px 30px);
    background: url(/images/br/img-br-benefit01.jpg) center center/cover no-repeat;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box {
    width: 63.8rem;
    gap: 2.8rem 0;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 4rem;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box .summary-wrap {
    gap: 2.4rem 0;
}
.br-story-wrap .section-benefit .benefit-2 .content-box .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-benefit .benefit-3 .content-box {
    gap: 0 6rem;
    flex-flow: row-reverse;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .img-box {
    width: 82rem;
    height: 40rem;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 10px 10px 30px);
    background: url(/images/br/img-br-benefit02.jpg) center center/cover no-repeat;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box {
    width: 63.8rem;
    gap: 2.8rem 0;
    align-items: flex-end;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 4rem;
    text-align: right;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box .summary-wrap {
    gap: 2.4rem 0;
    text-align: right;
}
.br-story-wrap .section-benefit .benefit-3 .content-box .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-benefit .benefit-4 .content-box p {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 8rem;
}
.br-story-wrap .section-benefit .benefit-4 .content-box p br {
    display: none;
}
.br-story-wrap .section-safety .content-box .text-box .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 4rem;
}
.br-story-wrap .section-safety .content-box .text-box .summary-wrap .summary-title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.4rem;
}
.br-story-wrap .section-safety .content-box .text-box .summary-wrap .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-essence ~ section[class*="section-"] {
    z-index: 4;
}
.br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap {
    transition: padding-top 0.3s linear;
}
.br-story-wrap .section-workway .slogan-wrap .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 4.9rem;
}
.br-story-wrap .section-workway .slogan-wrap img {
    margin-top: 1.4rem;
    width: 60.9rem;
}
.br-story-wrap .section-workway .slogan-wrap .summary-warp {
    margin-top: 4rem;
    gap: 2.4rem 0;
    color: var(--gray-200);
}
.br-story-wrap .section-workway .slogan-wrap .summary-warp .summary {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-slogan .slogan-wrap img {
    width: 72.2rem;
}
.br-story-wrap .section-slogan .slogan-wrap p {
    margin-top: 1.4rem;
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 2.4rem;
}
.br-story-wrap .section-slogan .content-box {
    gap: 14rem;
}
.br-story-wrap .section-slogan .content-box .content-item {
    flex: 1;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap {
    width: 36rem;
    height: 36rem;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .one .square-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12rem;
    height: 12rem;
    background: var(--sec-gold);
    transform: rotate(45deg);
    animation: rotate-scale-01 3s infinite alternate ease-in-out;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .one .square-02 {
    width: 8rem;
    height: 8rem;
    background: var(--prim-aura);
    transform: rotate(-45deg);
    animation: rotate-scale-02 3s infinite alternate ease-in-out;
}
@keyframes rotate-scale-01 {
    0% {
        width: 12rem;
        height: 12rem;
        transform: rotate(45deg);
    }
    to {
        width: 19rem;
        height: 19rem;
        transform: rotate(225deg);
    }
}
@keyframes rotate-scale-02 {
    0% {
        width: 8rem;
        height: 8rem;
        transform: rotate(-45deg);
    }
    to {
        width: 13rem;
        height: 13rem;
        transform: rotate(135deg);
    }
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .two .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 77px 70px 77px;
    border-color: transparent transparent var(--sec-gold) transparent;
    animation: shake 2s infinite alternate;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .two .circle {
    width: 15.4rem;
    height: 15.4rem;
    border-radius: 50%;
    background: var(--prim-aura);
    animation: move-side 2s infinite alternate ease-in-out;
}
@keyframes move-side {
    0% {
        transform: translate(0);
    }
    50% {
        transform: translate(-20px);
    }
    to {
        transform: translate(20px);
    }
}
@keyframes shake {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(7deg);
    }
    to {
        transform: rotate(-7deg);
    }
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .three .circle-01 {
    width: 18.8rem;
    height: 18.8rem;
    border-radius: 50%;
    background: var(--sec-gold);
    animation: swap-sizes 2s infinite alternate;
}
.br-story-wrap .section-slogan .content-box .content-item .diagram-wrap .three .circle-02 {
    width: 9.4rem;
    height: 9.4rem;
    border-radius: 50%;
    background: var(--prim-aura);
    animation: swap-sizes-reverse 2s infinite alternate;
}
@keyframes swap-sizes {
    to {
        width: 9.4rem;
        height: 9.4rem;
    }
}
@keyframes swap-sizes-reverse {
    to {
        width: 18.8rem;
        height: 18.8rem;
    }
}
.br-story-wrap .section-slogan .content-box .content-item .text-wrap .text {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 3.6rem;
}
.br-story-wrap .section-slogan .content-box .content-item .text-wrap .title {
    margin: 1.4rem 0 0.4rem;
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.8rem;
}
.br-story-wrap .section-slogan .content-box .content-item .text-wrap .desc {
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-philosophy {
    height: 500lvh;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.8s ease;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp.is-hidden {
    opacity: 0;
    pointer-events: none;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp {
    gap: 3.2rem;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp .logo {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.2rem;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .text-warp .summary {
    font-weight: var(--font-md-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .slogan-wrap .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 2.5rem;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .slogan-wrap .large {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 6.4rem;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .more-btn {
    width: 6rem;
    height: 6rem;
    position: relative;
    bottom: -4rem;
    z-index: 2;
}
.br-story-wrap .section-philosophy .philosophy-warp .summary-warp .more-btn:after {
    content: "";
    width: 6rem;
    height: 6rem;
    position: absolute;
    border-radius: 50%;
    opacity: 0.3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: var(--white);
    animation: pulseMotion 0.7s ease infinite alternate;
}
@keyframes pulseMotion {
    0% {
        width: 3rem;
        height: 3rem;
    }
    to {
        width: 5.4rem;
        height: 5.4rem;
    }
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article {
    flex: 0.35;
    transition: flex 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap {
    text-align: left;
    opacity: 0;
    transition:
        opacity 0.5s ease,
        transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap .title {
    font-weight: var(--font-bold-weight);
    line-height: var(--font-bold-line-height);
    font-size: 4rem;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article .article-textWrap .desc {
    margin-top: 2rem;
    font-weight: var(--font-reg-weight);
    line-height: var(--font-line-height);
    font-size: 1.8rem;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active {
    flex: 4;
    background-position: center center;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active .article-textWrap {
    opacity: 1;
    transform: translate(-300px);
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active .title,
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article.active .desc {
    opacity: 1;
}
.br-story-wrap .section-philosophy .philosophy-warp .article-warp .article:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #0003;
    position: absolute;
}
.br-story-wrap .customizing__popup .close-btn {
    top: 5rem;
    right: 5rem;
    width: 6.4rem;
    height: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.2rem solid;
    transition:
        background 0.3s,
        border-color 0.3s,
        transform 0.3s;
    border-color: #ffffff1a;
    background-color: transparent;
}
.br-story-wrap .customizing__popup .close-btn:before {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: inherit;
    background-size: 2.4rem;
}
.br-story-wrap .customizing__popup .close-btn:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.br-story-wrap .customizing__popup .close-btn:before {
    background-image: url(/images/cm/icons/24/icon-close-white-light.svg);
}
.br-story-wrap .customizing__popup .close-btn:hover:not(:disabled) {
    background-color: var(--white);
    border-color: var(--white);
}
.br-story-wrap .customizing__popup .close-btn:hover:not(:disabled):before {
    background-image: url(/images/cm/icons/24/icon-close.svg);
}
.br-story-wrap .customizing__popup .close-btn:hover {
    transform: rotate(90deg);
}
@media (max-height: 900px) {
    .scroll-down .br-story-wrap .section-essence .essence-warp .sr-program-scroll .title-wrap {
        padding-top: 8rem;
    }
}
#mobile.under-pixel-ration .br-story-wrap .section-essence .essence-warp {
    max-width: 44rem;
}