/* ================================================================================ */
/* Fonts */
/* ================================================================================ */

/* ================================================================================ */

body {
    font-family: Arial, Helvetica, sans-serif;
    background: none;
    color: #000;
    overflow-x: hidden;
}

    html[lang="zh-hant"] body,
    html[lang="zh-hk"] body,
    html[lang="zh"] body,
    body.tc {
        font-family: Arial, "STHeitiTC", "Microsoft JhengHei", helvetica, sans-serif;
    }

    html[lang="zh-hans"] body,
    html[lang="zh-cn"] body,
    body.sc {
        font-family: Arial, "STHeitiTC", "Microsoft JhengHei", helvetica, sans-serif;
    }

    body.noscroll {
        overflow: hidden;
    }

hr {
    border: none;
    border-top: 1px solid #e5e5e5;
    /*border-bottom: 1px solid #e5e5e5;*/
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.black hr {
    border-top-color: rgba(255, 255, 255, 0.25);
    /*border-bottom-color: rgba(255, 255, 255, 0.25);*/
}

hr.margin {
    margin: 120px 0px;
}

hr.top_margin {
    margin-top: 120px;
}

hr.bottom_margin {
    margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
    hr.margin {
        margin: 80px 0px;
    }

    hr.top_margin {
        margin-top: 80px;
    }

    hr.bottom_margin {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 479px) {
    hr.margin {
        margin: 40px 0px;
    }

    hr.top_margin {
        margin-top: 40px;
    }

    hr.bottom_margin {
        margin-bottom: 40px;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    line-height: 1.6em;
}

iframe {
    pointer-events: all !important;
}

.clickable {
    cursor: pointer;
}

/* =================================================================================*/
.container,
.link_main {
    box-sizing: border-box;
    max-width: 1600px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 100px;
}

    .link_main.right_bk {
        max-width: calc((100% - 1440px)/2 + 1440px);
        margin-right: 0px;
        padding-right: 0px !important;
    }

    .link_main.left_bk {
        max-width: calc((100% - 1440px)/2 + 1440px);
        margin-left: 0px;
        padding-left: 0px !important;
    }

    .link_main.short > * {
        max-width: 680px;
    }

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

    .container,
    .link_main {
        max-width: 1560px;
        padding: 0px 80px;
    }
}

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

    .container,
    .link_main {
        max-width: 1520px;
        padding: 0px 60px;
    }
}

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

    .container,
    .link_main {
        max-width: 1480px;
        padding: 0px 40px;
    }
}

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

    .container,
    .link_main {
        max-width: 1440px;
        padding: 0px 20px;
    }
}

/* =================================================================================*/
/* HEADER */
/* =================================================================================*/
.link_site_title {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* -------------------------------------------------------------------------------- */
.link_head {
    background: #000;
    color: #FFF;
}

.link_head_float {
    position: fixed;
    z-index: 97;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    transition: ease all 0.3s;
}

    .link_head_float:before {
        position: absolute;
        content: "";
        display: block;
        top: -100%;
        left: 0px;
        width: 100%;
        height: 100%;
        transition: ease all 0.3s;
        background: #FFF;
        opacity: 0;
        border-bottom: 1px solid #CCC;
    }

    .link_head_float .link_main {
        position: relative;
    }

.link_head .link_head_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0px;
    transition: ease all 0.3s;
}

.link_head .link_head_logo {
    transition: ease all 0.3s;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .link_head .link_head_logo img {
        width: auto;
        height: 85px;
        display: block;
        filter: brightness(0) invert(1);
        transition: ease all 0.3s;
    }

    .link_head .link_head_logo a:nth-child(2) {
        display: block;
        padding: 0px 0px 0px 20px;
        margin: 0px 0px 0px 20px;
        border-left: 1px solid #FFF;
    }

.link_head.scroll .link_head_logo img {
    filter: none;
    height: 48px;
}

.link_head.scroll .link_head_float {
    color: #000;
}

    .link_head.scroll .link_head_float:before {
        top: 0%;
        opacity: 1;
    }

.link_head.scroll .link_head_logo a:nth-child(2) {
    border-color: #000;
}

.link_head.scroll .link_head_menu {
    padding: 10px 0px;
}

.link_head.inner .link_head_logo img {
    filter: none;
}

.link_head.inner .link_head_float {
    background: #F4F4F4;
    color: #000;
}

.link_head.inner .link_head_logo a:nth-child(2) {
    border-color: #000;
}


/* -------------------------------------------------------------------------------- */
/*
.link_head .link_main {
    max-width: 100% !important;
}
    */

.link_head .link_head_nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.link_head.slide .link_head_nav {
    display: none;
}

.link_head .link_head_nav a {
    color: inherit;
}

    .link_head .link_head_nav a:hover {
        text-decoration: none;
        color: inherit;
    }

/* -------------------------------------------------------------------------------- */
.link_head .link_head_nav ul,
.link_head .link_head_nav li {
    list-style: none;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.link_head .link_head_nav > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .link_head .link_head_nav > ul > li {
        display: block;
        margin: 0px 0px 0px 30px;
        padding: 0px;
    }

        .link_head .link_head_nav > ul > li:before {
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            width: 0%;
            height: 4px;
            bottom: 0px;
            left: 0px;
            transition: ease all 0.3s;
            border-bottom: 1px solid #FFF;
        }

        .link_head .link_head_nav > ul > li.current:before {
            width: 100% !important;
            /*border-top: 1px solid #FFF;*/
        }

.link_head.scroll .link_head_nav > ul > li:before,
.link_head.inner .link_head_nav > ul > li:before {
    border-color: #363175;
}



.link_head .link_head_nav > ul > li > a {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0px;
    background: none;
    border: none;
}

.link_head .link_head_nav > ul > li.has_child > a:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-image: url(../img/lr/icon/menu.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5px;
    transform: rotate(90deg);
    transition: ease all 0.3s;
}

.link_head.scroll .link_head_nav > ul > li.has_child > a:after,
.link_head.inner .link_head_nav > ul > li.has_child > a:after {
    filter: brightness(0);
}

/* -------------------------------------------------------------------------------- */
.link_head .link_head_nav > ul > li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 5px 0px 0px 0px;
}

    .link_head .link_head_nav > ul > li ul ul {
        top: -1px;
        left: 100%;
        padding: 0px 0px 0px 5px;
    }

.link_head .link_head_nav ul li:focus-within > ul,
.link_head .link_head_nav ul li:hover > ul {
    display: block;
}

.link_head .link_head_nav > ul > li:focus-within > a:after,
.link_head .link_head_nav > ul > li:hover > a:after {
    transform: rotate(-90deg);
}

/* -------------------------------------------------------------------------------- */
.link_head .link_head_nav > ul > li ul li {
    background: #F4F4F4;
    color: #000;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

    .link_head .link_head_nav > ul > li ul li:first-child {
        border-top: 1px solid #CCC;
    }

    .link_head .link_head_nav > ul > li ul li:before,
    .link_head .link_head_nav > ul > li ul li:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 1px;
        bottom: 0px;
        left: 0px;
        background: #CCC;
    }

    .link_head .link_head_nav > ul > li ul li:after {
        z-index: 2;
        width: 0%;
        background-image: url(../img/lr/icon/line.svg);
        background-size: 1px;
        background-repeat: repeat-x;
        background-position: top left;
        transition: ease all 0.3s;
    }

    .link_head .link_head_nav > ul > li ul li a {
        position: relative;
        display: block;
        min-width: 260px;
        font-size: 16px;
        font-weight: normal;
        padding: 18px 40px 18px 20px;
    }

    .link_head .link_head_nav > ul > li ul li.has_child > a:after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        top: calc(50% - 5px);
        right: 10px;
        background-image: url(../img/lr/icon/menu.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 5px;
        filter: brightness(0);
    }

/* -------------------------------------------------------------------------------- */
.link_head .link_head_nav .link_menu_btn {
    display: block;
    position: relative;
    width: 50px;
    height: 17px;
    border-top: 2px solid #FFF;
}

    .link_head .link_head_nav .link_menu_btn:before,
    .link_head .link_head_nav .link_menu_btn:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 2px);
        left: 0%;
        width: 100%;
        height: 2px;
        background: #FFF;
    }

    .link_head .link_head_nav .link_menu_btn:after {
        top: auto;
        bottom: 0%;
        width: 75%;
    }

.link_head.scroll .link_head_nav .link_menu_btn {
    border-top-color: #000;
}

    .link_head.scroll .link_head_nav .link_menu_btn:before,
    .link_head.scroll .link_head_nav .link_menu_btn:after {
        background: #000;
    }

.link_head.inner .link_head_nav .link_menu_btn {
    border-top-color: #000;
}

    .link_head.inner .link_head_nav .link_menu_btn:before,
    .link_head.inner .link_head_nav .link_menu_btn:after {
        background: #000;
    }

/* -------------------------------------------------------------------------------- */
@media (hover: hover) {
    .link_head .link_head_nav > ul > li:hover:before {
        width: 100%;
    }

    .link_head .link_head_nav > ul > li ul li a:hover {
        color: #363175;
    }

    .link_head .link_head_nav ul li li:hover:after {
        width: 100%;
    }
}

@media screen and (max-width: 1439px) {
    .link_head .link_head_nav > ul > li {
        margin-left: 20px;
    }

        .link_head .link_head_nav > ul > li > a {
            font-size: 16px;
        }
}

@media screen and (max-width: 1279px) {
    .link_head .link_head_nav > ul > li {
        margin-left: 15px;
    }

        .link_head .link_head_nav > ul > li > a {
            font-size: 14px;
        }
}

@media screen and (min-width: 1024px) {
    .link_head .link_head_nav .link_menu_btn {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .link_head .link_head_nav > ul {
        display: none;
    }

    .link_head .link_head_nav .link_menu_btn {
        display: block;
    }

    .link_head .link_head_logo img {
        height: 48px;
    }

    .link_head.scroll .link_head_logo img {
        height: 48px;
    }

    .link_head.scroll .link_head_menu {
        padding: 15px 0px;
    }
}

@media screen and (max-width: 639px) {
    .link_head .link_head_logo img {
        height: 40px;
    }

    .link_head.scroll .link_head_logo img {
        height: 40px;
    }
}

@media screen and (max-width: 479px) {
    .link_head .link_head_logo img {
        height: 40px;
    }

    .link_head.scroll .link_head_logo img {
        height: 40px;
    }
}

/* =================================================================================*/
/* HEADER POP MENU*/
/* =================================================================================*/
.link_head_pop {
    position: fixed;
    z-index: 99;
    display: none;
    top: 0px;
    right: -100%;
    width: 50%;
    max-width: 1280px;
    min-width: 640px;
    height: 100%;
    color: #000;
    background: #FFF;
    font-size: 16px;
    padding: 20px 100px;
    transition: ease-out all 0.3s;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

    .link_head_pop .link_head_pop_menu {
        transform: translateX(100%);
        opacity: 0;
        transition: ease-out all 0.6s;
    }

.link_head.open .link_head_pop {
    display: block;
}

.link_head.slide .link_head_pop {
    right: 0%;
}

    .link_head.slide .link_head_pop .link_head_pop_menu {
        transform: translateX(0px);
        opacity: 1;
    }

.link_head.slide:before {
    display: block;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* -------------------------------------------------------------------------------- */
.link_head_pop a {
    color: inherit;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: ease all 1s;
}

    .link_head_pop a:hover {
        text-decoration: none;
    }

.link_head_pop .link_head_pop_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .link_head_pop .link_head_pop_top img {
        height: 40px;
        width: auto;
    }


.link_head .link_head_close,
.link_popup .link_head_close {
    display: block;
    position: relative;
    width: 72px;
    height: 72px;
    margin-left: 30px;
    border: 1px solid #CCC;
    border-radius: 50%;
    background: #FFF;
    background-image: url(../img/lr/icon/close_black.svg);
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (hover: hover) {
    .link_head_close:hover {
        background-color: #FFF;
        background-image: url(../img/lr/icon/close_black.svg);
    }

    .link_head_pop .link_head_pop_top a:not(.link_head_close):hover {
        background-image: url(../img/lr/icon/line.svg);
        background-size: calc(100% - 40px);
    }

    .link_popup .link_head_close:hover {
        background-color: #363175;
        background-image: url(../img/lr/icon/close.svg);
        border-color: #363175;
    }
}

/* -------------------------------------------------------------------------------- */
.link_head_pop_crumb {
    padding: 60px 0px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    visibility: hidden;
}

    .link_head_pop_crumb.show {
        visibility: visible;
    }

    .link_head_pop_crumb a {
        display: block;
        position: relative;
        padding: 0px 20px 0px 0px;
    }

        .link_head_pop_crumb a:after {
            content: "";
            display: block;
            position: absolute;
            top: calc(50% - 10px);
            right: 0px;
            width: 20px;
            height: 20px;
            filter: brightness(0);
            background-image: url(../img/lr/icon/menu.svg);
            background-position: center center;
            background-size: auto;
            background-repeat: no-repeat;
        }

        .link_head_pop_crumb a.extra:last-of-type {
            opacity: 1;
            font-size: 32px;
            width: 100%;
            margin-top: 50px;
            font-weight: 600;
        }

            .link_head_pop_crumb a.extra:last-of-type:after {
                display: none;
            }

.link_head_pop_back {
    display: none;
    padding-top: 50px;
}

    .link_head_pop_back a {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        background-position: bottom left 25px;
        margin: 0px;
    }

        .link_head_pop_back a:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            margin-right: 5px;
            filter: brightness(0);
            background-image: url(../img/lr/icon/menu.svg);
            background-position: center center;
            background-size: auto;
            background-repeat: no-repeat;
            transform: scaleX(-1);
        }

.link_head_pop_crumb a .last {
    background-image: url(../img/lr/icon/line_white.svg);
    background-position: bottom left;
    background-size: 0% 1px;
    background-repeat: no-repeat;
    transition: ease all 0.3s;
}

@media (hover: hover) {
    .link_head_pop_crumb a:hover {
        background-image: url(../img/lr/icon/line_white.svg);
        background-size: calc(100% - 20px);
    }

    .link_head_pop_crumb a.extra:last-of-type {
        background: none;
    }

    .link_head_pop_crumb a:hover .last {
        background-size: 100% 1px;
    }


    .link_head_pop_back a:hover {
        background-image: url(../img/lr/icon/line_white.svg);
        background-size: calc(100% - 25px);
    }
}

/* -------------------------------------------------------------------------------- */
.link_head_pop_menu {
    padding-top: 80px;
}

    .link_head_pop_menu ul,
    .link_head_pop_menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .link_head_pop_menu ul ul:not(.active) {
            display: none;
        }

        .link_head_pop_menu ul a {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            font-size: 30px;
            padding: 0px;
            margin: 0px 0px 10px 0px;
            font-weight: 600;
        }

        .link_head_pop_menu ul ul {
            padding-left: 5px;
        }

            .link_head_pop_menu ul ul a {
                font-size: 22px;
                font-weight: normal;
            }

            .link_head_pop_menu ul ul ul a {
                font-size: 16px;
                font-weight: normal;
            }

        .link_head_pop_menu ul a.hidden,
        .link_head_pop_menu ul a.inactive {
            display: none;
        }

        .link_head_pop_menu ul a.external .toggle,
        .link_head_pop_menu a.menu .toggle {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            margin-left: 5px;
            filter: brightness(0);
            background-image: url(../img/lr/icon/menu.svg);
            background-position: center center;
            background-size: auto;
            background-repeat: no-repeat;
            transform: rotate(90deg);
            transition: ease all 0.3s;
        }

    .link_head_pop_menu a.menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .link_head_pop_menu .active > a.menu .toggle {
        transform: rotate(-90deg);
    }

@media (hover: hover) {
    .link_head_pop_menu ul a:hover {
        color: #000 !important;
        background-image: url(../img/lr/icon/line_white.svg);
        background-size: 100% 1px;
    }

    .link_head_pop_menu ul a.menu:hover {
        background-size: calc(100% - 0px);
    }

    .link_head_pop_menu li li a.menu:hover {
        background-size: calc(100% - 30px);
    }
}

.link_head_pop_menu ul .link_head_related_menu {
    padding-top: 80px;
    padding-bottom: 40px;
}

    .link_head_pop_menu ul .link_head_related_menu a {
        font-size: 13px;
        margin: 0px;
    }

/* -------------------------------------------------------------------------------- */
.link_head_lang {
    position: relative;
}

    .link_head_lang > a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        margin-left: 40px;
        padding-right: 15px;
    }

        .link_head_lang > a:after {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            margin-left: 10px;
            background-image: url(../img/lr/icon/menu.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 5px;
            transform: rotate(90deg);
        }

.link_head.scroll .link_head_lang > a:after,
.link_head.inner .link_head_lang > a:after {
    filter: brightness(0);
}

.link_head_lang a {
    color: inherit;
    text-decoration: none;
}

.link_head_lang .link_head_lang_menu {
    display: none;
    position: absolute;
    top: 100%;
    left: calc(50% - 62px);
    width: 125px;
}

.link_head_lang.open .link_head_lang_menu {
    display: block;
}

.link_head_lang .link_head_lang_menu:before {
    content: "";
    display: block;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent #FFF transparent;
    border-color: transparent;
}

.link_head_lang .link_head_lang_body {
    background: #FFF;
    box-shadow: rgba(100, 100, 111, 0.25) 0px 7px 29px 0px;
    padding: 5px;
}

    .link_head_lang .link_head_lang_body a {
        display: block;
        text-align: center;
        color: #000;
        text-decoration: none;
        padding: 5px 0px;
    }

        .link_head_lang .link_head_lang_body a.active {
            background: #F4F4F4;
        }

        /*@media (hover: hover) {*/
        .link_head_lang .link_head_lang_body a:hover {
            background: #363175;
            color: #FFF;
        }
/*}*/

/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 1279px) {
    .link_head_pop {
        padding: 20px 40px;
    }
}

@media screen and (max-width: 1023px) {
    .link_head .link_head_close {
        width: 60px;
        height: 60px;
        margin-left: 20px;
    }

    .link_head_pop_menu ul a {
        font-size: 32px;
    }

    .link_head_pop_menu ul ul a {
        font-size: 20px;
    }

    .link_head_pop_crumb a.extra:last-of-type {
        font-size: 32px;
    }
}

@media screen and (max-width: 639px) {
    .link_head_pop {
        padding: 20px 30px;
    }

    .link_head .link_head_close {
        width: 48px;
        height: 48px;
        margin-left: 10px;
    }

    .link_head_pop {
        min-width: 100%;
    }

    .link_head_pop_menu ul a {
        font-size: 25px;
    }

    .link_head_pop_menu ul ul a {
        font-size: 18px;
    }

    .link_head_pop_crumb a.extra:last-of-type {
        font-size: 25px;
    }
}

/* =================================================================================*/
/* COOKIE*/
/* =================================================================================*/
.link_cookie {
    background: #FFF;
    color: #000;
    padding: 1px 0px !important;
    opacity: 0;
    border-bottom: 1px solid #e5e5e5;
}

    .link_cookie.show {
        opacity: 1;
    }

    .link_cookie .link_main {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .link_cookie .link_main p {
            font-size: 14px;
            margin: 0px;
            padding: 20px 0px;
            flex: 1;
        }

        .link_cookie .link_main .link_btn {
            margin: 10px 0px;
        }

    .link_cookie .link_cookie_item {
        border-bottom: 1px solid #EEE;
    }

        .link_cookie .link_cookie_item:last-of-type {
            border: none;
        }

    .link_cookie .link_btn {
        white-space: nowrap;
    }

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

    .link_cookie .link_main {
        flex-wrap: wrap;
    }

        .link_cookie .link_main p {
            width: 100%;
            flex: auto;
            padding-bottom: 5px;
        }

        .link_cookie .link_main .link_btn {
            margin-top: 0px;
        }
}

/* =================================================================================*/
/* SEARCH */
/* =================================================================================*/
.link_head_search {
    position: fixed;
    z-index: 99;
    display: none;
    top: 0px;
    right: -100%;
    width: 33.33%;
    max-width: 960px;
    min-width: 640px;
    height: 100%;
    background: #FFF;
    color: #000;
    font-size: 16px;
    padding: 100px 60px;
    transition: ease-out all 0.3s;
    overflow: auto;
}

.link_head.search .link_head_search {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.link_head_search .link_head_close {
    position: absolute;
    top: 20px;
    right: 60px;
    border-color: rgba(0, 0, 0, 0.25);
    background-image: url(../img/lr/icon/close_black.svg);
}

@media (hover: hover) {
    .link_head_search .link_head_close:hover {
        background-color: #363175;
        background-image: url(../img/lr/icon/close.svg);
    }
}

/* -------------------------------------------------------------------------------- */
.link_head_search_form {
    position: relative;
    pointer-events: all;
    z-index: 1;
    max-width: 1000px;
}

    .link_head_search_form input[type="text"] {
        padding: 0px 30px 0px 60px;
        height: 60px;
        border: none;
        border-bottom: 2px solid #999;
        border-radius: 0px;
        background: none;
        background-image: url(../img/lr/icon/search_black.svg);
        background-size: 33px;
        background-position: center left 5px;
        background-repeat: no-repeat;
        font-size: 30px;
    }

    .link_head_search_form p {
        color: #363175;
        margin: 40px 0px 10px 0px;
    }

    .link_head_search_form .submit {
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        top: calc(30px - 10px);
        right: 0px;
        background-size: contain;
        background-image: url(../img/lr/icon/arrow_black.svg);
        background-position: center center;
        background-repeat: no-repeat;
    }

.link_head_search_tag {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .link_head_search_tag a {
        display: block;
        font-size: 14px;
        margin: 0px 10px 10px 0px;
        padding: 5px 10px;
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        color: #000;
    }

        .link_head_search_tag a:hover {
            text-decoration: none;
        }

.link_banner .link_head_search_form,
.link_banner .link_head_search_form input[type="text"],
.link_banner .link_head_search_form p {
    color: #FFF;
    background-color: transparent;
}

    .link_banner .link_head_search_form input[type="text"] {
        border-bottom-color: rgba(255, 255, 255, 0.5);
    }

    .link_banner .link_head_search_form input[type="text"] {
        background-image: url(../img/lr/icon/search.svg);
    }

    .link_banner .link_head_search_form .submit {
        background-image: url(../img/lr/icon/arrow.svg);
    }

.link_banner.white {
    background: #F4F4F4;
    color: #000;
}

.link_banner p {
    padding-left: 5px;
}

.link_head_search_form_type {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .link_head_search_form_type label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 10px 20px 0px 0px;
    }

        .link_head_search_form_type label input {
            margin-right: 10px;
        }

@media (hover: hover) {
    .link_head_search_tag a:hover {
        background: #363175;
        color: #FFF;
    }
}

@media screen and (max-width: 639px) {
    .link_head_search {
        padding: 100px 20px;
        width: 100%;
        min-width: auto;
    }

        .link_head_search .link_head_close {
            right: 20px;
        }

    .link_head_search_form input[type="text"] {
        font-size: 20px;
    }

    .link_head_search_form_type label {
        font-size: 12px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_search_result .link_search_result_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #e5e5e5;
    padding: 40px 0px;
}

    .link_search_result .link_search_result_item a {
        color: inherit;
    }

.link_search_result .link_search_result_text {
    flex: 1;
    padding-right: 100px;
}

.link_search_result .link_search_result_image {
    width: 300px;
}

    .link_search_result .link_search_result_image .image:before {
        content: "";
        display: block;
        padding-bottom: 66.67%;
    }

.link_search_result a:hover {
    text-decoration: none;
}

.link_search_result .link_search_result_text .keyword {
    color: rgba(38, 34, 82, 1);
    font-weight: 600;
}

.link_search_result .link_search_result_item .h7 .underline,
.link_search_result .link_search_result_item p .underline {
    background: none;
}

@media screen and (max-width: 1279px) {
    .link_search_result .link_search_result_text {
        padding-right: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .link_search_result .link_search_result_item {
        flex-wrap: wrap-reverse;
    }

    .link_search_result .link_search_result_text {
        flex: auto;
        width: 100%;
        padding-right: 0px;
    }

    .link_search_result .link_search_result_image .image {
        margin-bottom: 20px;
    }

    .link_search_result .link_search_result_image .no_image {
        display: none;
    }
}

/* -------------------------------------------------------------------------------- */
.link_autocomplete {
    position: relative;
    height: 0px;
    width: 100%;
    z-index: 1;
}

    .link_autocomplete .link_autocomplete_body {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        max-height: 360px;
        overflow: auto;
        background: #FFF;
        color: #000;
        padding: 20px 20px 20px 60px;
        border-radius: 0px 0px 20px 20px;
        box-shadow: rgba(100, 100, 111, 0.25) 0px 7px 29px 0px;
    }

        .link_autocomplete .link_autocomplete_body a {
            font-size: 16px;
            display: block;
            color: #000;
        }

            .link_autocomplete .link_autocomplete_body a:not(:last-child) {
                margin: 0px 0px 10px 0px;
            }

@media (hover: hover) {
    .link_autocomplete .link_autocomplete_body a:hover {
        color: #363175;
    }
}

/* -------------------------------------------------------------------------------- */
.link_share {
    margin: 20px 0px 0px 0px;
    pointer-events: all;
}

    .link_share > p {
        font-weight: 600;
        font-size: 15px !important;
        margin: 0px;
    }

    .link_share .link_share_body {
        padding-top: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 600;
    }

        .link_share .link_share_body .link_share_btn {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
            flex: 1;
        }

        .link_share .link_share_body .link_share_pop {
            display: none;
            height: 24px;
            width: 30px;
            background-image: url(../img/lr/icon/share.svg);
            background-position: center right;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .link_share .link_share_body .link_share_btn a img {
            width: 24px;
            height: 24px;
            margin-left: 15px;
        }

        .link_share .link_share_body .link_share_btn a:hover img {
            filter: brightness(0.5);
        }

    .link_share.mobile .link_main {
        justify-content: flex-start;
    }

        .link_share.mobile .link_main .link_share_btn {
            display: none;
        }

        .link_share.mobile .link_main .link_share_pop {
            display: block;
        }

@media screen and (max-width: 767px) {
    .link_share {
        margin-bottom: 20px;
    }

        .link_share .link_share_body {
            justify-content: flex-start;
        }

            .link_share .link_share_body .link_share_btn {
                display: none;
            }

            .link_share .link_share_body .link_share_pop {
                display: block;
            }

        .link_share.show {
            position: relative;
            overflow: visible;
            z-index: 1;
        }

            .link_share.show .link_main .link_share_btn {
                display: flex;
                justify-content: flex-end;
                position: absolute;
                top: calc(100% + 1px);
                right: 0px;
                width: 100%;
                height: auto;
                padding: 20px;
                background: #FFF;
                box-shadow: rgba(100, 100, 111, 0.25) 0px 7px 29px 0px;
            }
}

/* =================================================================================*/
/* FOOTER */
/* =================================================================================*/
.link_foot {
    border-top: 1px solid #CCC;
    padding: 80px 0px;
}

    .link_foot .link_foot_logo img {
        width: 150px;
        height: auto;
        display: block;
        margin-bottom: 40px;
    }

    .link_foot .link_main {
        position: relative;
    }

    .link_foot .link_btn {
        position: absolute;
        right: 20px;
        top: -104px;
        z-index: 2;
    }

    /* -------------------------------------------------------------------------------- */
    .link_foot .link_foot_row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .link_foot .link_foot_row .link_foot_col {
            min-width: 300px;
        }

            .link_foot .link_foot_row .link_foot_col:first-child {
                padding-right: 40px;
            }

        .link_foot .link_foot_row.link_foot_row--margin {
            margin-top: 80px;
        }

        .link_foot .link_foot_row.link_foot_row--mid {
            align-items: center;
        }

        .link_foot .link_foot_row.link_foot_row--btm,
        .link_foot .link_foot_row.link_foot_row--esg {
            align-items: flex-end;
        }

@media screen and (max-width: 767px) {
    .link_foot .link_foot_row.link_foot_row--margin {
        margin-top: 40px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_foot .link_foot_nav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.link_foot .link_foot_nav_col {
    font-size: 18px;
    line-height: 1.4em;
    padding-left: 100px;
}

    .link_foot .link_foot_nav_col:first-child {
        padding-left: 0px;
    }

    .link_foot .link_foot_nav_col.sml {
        font-size: 15px;
    }

        .link_foot .link_foot_nav_col.sml p {
            font-size: 1.2em;
        }

.link_foot .link_foot_nav a:after {
    content: "";
    display: block;
    margin: 0px 0px 10px 0px;
}

.link_foot .link_foot_nav .link_foot_nav_col.sml a {
    color: #555;
}

.link_foot_nav_col a,
.link_foot_copy a {
    color: #000;
    text-decoration: none;
    background-image: url(../img/lr/icon/line.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: ease all 1s;
}

.link_foot_nav_col p {
    font-weight: 600;
    margin-bottom: 20px;
}

.link_foot_copy p {
    margin: 0px;
}

.link_foot_copy_links {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    .link_foot_copy_links a {
        position: relative;
        margin-right: 20px;
    }

        .link_foot_copy_links a:not(:last-child):after {
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            right: -10px;
            width: 1px;
            height: 100%;
            background: #CCC;
        }

@media (hover: hover) {

    .link_foot_nav_col a:hover,
    .link_foot_copy a:hover {
        background-size: 100% 1px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_foot_subscribe {
    margin: 25px 0px;
    color: #363175;
}

    .link_foot_subscribe label {
        position: relative;
        display: block;
        width: 100%;
        max-width: 400px;
    }

    .link_foot_subscribe span {
        display: block;
        margin-bottom: 10px;
    }

    .link_foot_subscribe input {
        padding: 0px 50px;
        height: 50px;
        background: none;
        background-color: #F4F4F4;
        border: none;
        border-radius: 25px;
        background-image: url(../img/lr/icon/email.svg);
        background-position: center left 15px;
        background-repeat: no-repeat;
        background-size: 20px;
    }

    .link_foot_subscribe .submit {
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40px;
        height: 50px;
        background-image: url(../img/lr/icon/arrow_black.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

/* -------------------------------------------------------------------------------- */
.link_foot .link_foot_copy {
    font-size: 13px;
}

    .link_foot .link_foot_copy span {
        display: inline-block;
    }

.link_foot_sns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

    .link_foot_sns a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: #000;
        position: relative;
        margin: 0px 0px 10px 10px;
        border-radius: 50%;
    }

        .link_foot_sns a:first-child {
            margin-left: 0px;
        }

    .link_foot_sns img {
        object-fit: contain;
        display: block;
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1);
    }

    .link_foot_sns :first-child img {
        margin-left: 0px;
    }

    .link_foot_sns a .qrcode {
        display: none;
        position: absolute;
        z-index: 2;
        bottom: 100%;
        right: 0px;
        width: 300px;
        border: 1px solid rgba(0, 0, 0, 0.25);
        background: #FFF;
    }

        .link_foot_sns a .qrcode img {
            width: 100%;
            height: auto;
            display: block;
            filter: none !important;
            margin: 0px;
        }

    .link_foot_sns a:focus .qrcode {
        display: block;
    }

.link_foot .link_foot_nav_mobile {
    display: none;
}

@media (hover: hover) {
    .link_foot_sns a:hover .qrcode {
        display: block;
    }

    .link_foot_sns a:hover {
        background: #363175;
    }
}

/* -------------------------------------------------------------------------------- */
@media screen and (min-width: 1024px) and (max-width: 1619px) {
    /*.link_foot_sns{ padding-right: 100px; }*/
}

@media screen and (max-width: 1279px) {
    .link_foot .link_foot_logo img {
        width: 120px;
    }

    .link_foot .link_foot_row.link_foot_row--mid {
        flex-wrap: wrap;
    }

        .link_foot .link_foot_row.link_foot_row--mid .link_foot_col {
            width: 100%;
        }

            .link_foot .link_foot_row.link_foot_row--mid .link_foot_col:first-child {
                padding-right: 0px;
            }

        .link_foot .link_foot_row.link_foot_row--mid.reverse {
            flex-direction: column-reverse;
        }

    .link_foot .link_foot_nav {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .link_foot .link_foot_nav_col {
        padding-left: 0px;
        padding-right: 20px;
        margin-bottom: 20px;
        font-size: 16px;
        width: 50%;
    }

        .link_foot .link_foot_nav_col.sml {
            font-size: 12px;
        }

    .link_foot .link_foot_subscribe label {
        margin: 0px;
    }

    .link_foot .link_foot_copy {
        text-align: left;
        padding-right: 80px !important;
    }

    .link_foot_sns {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 20px 0px;
    }

        .link_foot_sns :first-child img {
            margin-left: 0px;
        }

    .link_foot .link_foot_nav_mobile {
        display: none;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0px 0px 20px 0px;
    }

        .link_foot .link_foot_nav_mobile a {
            font-size: 14px;
            line-height: 1.2em;
            color: #000;
            text-decoration: none;
            display: block;
            padding: 0px 10px 0px 0px;
            margin: 0px 10px 5px 0px;
            border-right: 1px solid #CCC;
        }

            .link_foot .link_foot_nav_mobile a:first-child {
                padding-left: 0px;
            }

            .link_foot .link_foot_nav_mobile a:last-child {
                border: none;
            }

        .link_foot .link_foot_nav_mobile p {
            display: block;
            width: 100%;
            font-weight: 600;
            margin: 20px 0px 10px 0px;
        }
}

@media screen and (max-width: 1023px) {
    .link_foot .link_foot_row {
        flex-wrap: wrap;
    }

        .link_foot .link_foot_row .link_foot_col {
            width: 100%;
        }

            .link_foot .link_foot_row .link_foot_col:first-child {
                padding-right: 0px;
            }

        .link_foot .link_foot_row.reverse {
            flex-direction: column-reverse;
        }

    .link_foot .link_foot_nav {
        display: none;
    }

    .link_foot .link_foot_logo img {
        width: 120px;
    }

    .link_foot_copy,
    .link_foot_sns {
        padding-right: 60px;
    }

    .link_foot_sns {
        margin: 0px 0px 10px 0px;
    }

        .link_foot_sns a {
            margin: 0px 10px 10px 0px;
        }

    .link_foot .link_foot_nav_mobile {
        display: none;
    }
}

@media screen and (max-width: 639px) {
    .link_foot .link_foot_logo img {
        width: 100px;
    }

    .link_foot .link_foot_nav_col {
        width: 50%;
    }

    .link_foot_sns a {
        width: 36px;
        height: 36px;
    }

    .link_foot_sns img {
        width: 18px;
        height: 18px;
    }

    .link_foot .link_foot_copy {
        font-size: 11px;
        text-align: left;
        padding-right: 60px !important;
    }
}

/* =================================================================================*/
/* ACCESSIBILITY */
/* =================================================================================*/
.link_access,
.link_subscribe {
    position: fixed;
    z-index: 11;
    bottom: 40px;
    right: 40px;
    background: #FFF;
    color: #000;
    width: calc(100% - 40px);
    max-width: 400px;
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.25) 0px 7px 29px 0px;
    display: none;
}


.link_subscribe {
    max-width: 900px;
}

    .link_access.open,
    .link_subscribe.open {
        display: block;
    }

.link_access p {
    margin: 0px;
}

.link_access .title {
    font-size: 18px;
    color: #363175;
    margin-bottom: 10px;
    font-weight: 600;
}

.link_access .desc {
    font-size: 14px;
    color: #000;
}

.link_access .link_btn {
    margin: 10px 0px;
}

.link_access .close,
.link_subscribe .close {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 20px;
    height: 20px;
    background-image: url(../img/lr/icon/down_black.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.link_access .contact {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0px;
    margin: 10px 0px;
}

    .link_access .contact span {
        flex: 1;
    }

    .link_access .contact a {
        background-color: #FFF;
        background-repeat: no-repeat;
        background-position: center center;
        width: 48px;
        height: 48px;
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 50%;
        margin-left: 5px;
    }

        .link_access .contact a:hover {
            border-color: #363175;
        }

    .link_access .contact .phone {
        background-image: url(../img/lr/icon/phone.svg);
        background-size: 18px;
    }

    .link_access .contact .letter {
        background-image: url(../img/lr/icon/letter.svg);
        background-size: 18px;
    }

    .link_access .contact .email {
        background-image: url(../img/lr/icon/email.svg);
        background-size: 18px;
    }

.link_access .setting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0px;
}

    .link_access .setting .link {
        color: inherit;
        display: block;
        width: 100%;
        background-image: url(../img/lr/icon/arrow_purple.svg);
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 15px;
    }

.link_access_grid {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

    .link_access_grid .link_access_grid_col:first-child {
        width: 50%;
        padding-right: 40px;
        border-right: 1px solid #e5e5e5;
    }

    .link_access_grid .link_access_grid_col:last-child {
        width: 50%;
        padding-left: 40px;
    }

    .link_access_grid .link_foot_subscribe {
        margin: 0px;
    }

    .link_access_grid .h3 {
        font-size: 22px;
        color: #363175;
        margin: 0px 0px 10px 0px;
    }

    .link_access_grid .icon {
        width: auto;
        height: auto;
        display: block;
        margin-bottom: 20px;
    }

    .link_access_grid .link_form_mc_input {
        font-size: 14px;
    }

        .link_access_grid .link_form_mc_input a {
            color: inherit;
            text-decoration: underline;
        }

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

    .link_subscribe .close,
    .link_access .close {
        top: 15px;
        right: 20px;
    }

    .link_subscribe,
    .link_access {
        bottom: 20px;
        right: 20px;
        padding: 30px 20px 15px 20px;
    }

    .link_access_grid {
        flex-wrap: wrap;
    }

        .link_access_grid .link_access_grid_col:first-child {
            width: 100%;
            padding: 0px 0px 20px 0px;
            border-bottom: 1px solid #e5e5e5;
            border-right: none;
        }

        .link_access_grid .link_access_grid_col:last-child {
            width: 100%;
            padding: 20px 0px 0px 0px;
        }
}

/* -------------------------------------------------------------------------------- */
.link_bool {
    display: block;
    width: 48px;
    height: 24px;
    background: #999;
    border-radius: 12px;
    padding: 2px;
}

    .link_bool:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #FFF;
    }

    .link_bool.active {
        background: #363175;
    }

        .link_bool.active:before {
            margin-left: auto;
        }

/* =================================================================================*/
/* BANNER */
/* =================================================================================*/
.link_banner {
    position: relative;
    background: #363175;
    color: #FFF;
    width: 100%;
    overflow: hidden;
}

    .link_banner .link_banner_image {
        position: relative;
        min-height: 840px;
        max-height: 100vh;
        overflow: hidden;
    }

    .link_banner.ir .link_banner_image {
        max-height: 720px;
        min-height: 640px;
    }

    .link_banner.inner .link_banner_image {
        max-height: 720px;
        min-height: 640px;
    }

    .link_banner.short .link_banner_image {
        max-height: 720px;
        min-height: 640px;
    }

    .link_banner.auto .link_banner_image {
        max-height: none;
        min-height: 0px;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .link_banner.auto {
        overflow: visible;
    }

        .link_banner.auto .link_crumb {
            padding-top: 80px;
        }

    .link_banner .link_banner_image:before {
        content: "";
        display: block;
        padding-bottom: 62.5%;
    }

    .link_banner .link_banner_image .image,
    .link_banner .link_banner_image .video,
    .link_banner .link_banner_image .swiper-container {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .link_banner .link_banner_image .swiper-slide {
        overflow: hidden;
    }

    .link_banner .link_banner_image .image {
        background-position: center center;
        background-size: cover;
    }

    .link_banner .link_banner_image .swiper-slide .image {
        transform-origin: center center;
        transform: scale(1.2);
    }

    .link_banner .link_banner_image .swiper-slide.zoom .image {
        transition: ease transform 10s;
        transform: scale(1);
    }

    .link_banner .link_banner_image .video video {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .link_banner .link_banner_image .image.dark:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
    }

    .link_banner .link_banner_image .video.dark:after {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
    }

    .link_banner .link_banner_image .image.mobile {
        display: none;
    }

    .link_banner .link_banner_image .text {
        display: none;
    }

@media screen and (max-width: 1023px) {
    .link_banner .link_banner_image {
        min-height: 720px;
    }

    .link_banner.inner .link_banner_image {
        max-height: 720px;
        min-height: 640px;
    }

    .link_banner.short .link_banner_image {
        max-height: 640px;
        min-height: 480px;
    }

    .link_banner.auto .link_banner_image {
        max-height: none;
        min-height: 0px;
    }

    .link_banner.ir .link_banner_text {
        position: static;
        padding-bottom: 300px;
    }

    .link_banner.ir .link_banner_image {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        max-height: none;
        min-height: none;
        height: 100%;
    }
}

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

    .link_banner .link_banner_image {
        min-height: 600px;
    }

    .link_banner.inner .link_banner_image {
        max-height: 640px;
        min-height: 480px;
    }

    .link_banner.short .link_banner_image {
        max-height: 480px;
        min-height: 360px;
    }

    .link_banner.auto .link_banner_image {
        max-height: none;
        min-height: 0px;
    }

    .link_banner .link_banner_image .image:not(.mobile) {
        display: none;
    }

    .link_banner .link_banner_image .image.mobile {
        display: block;
    }
}

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

/* -------------------------------------------------------------------------------- */
.link_banner .link_banner_text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 150px;
    padding-bottom: 250px;
    z-index: 2;
    pointer-events: none;
}

.link_banner.ir .link_banner_text {
    padding-top: 150px;
    align-items: flex-start;
}

.link_banner.inner .link_banner_text {
    padding-top: 150px;
    padding-bottom: 100px;
    align-items: flex-start;
}

.link_banner.short .link_banner_text {
    padding-top: 150px;
    padding-bottom: 100px;
    align-items: flex-start;
}

.link_banner.auto .link_banner_text {
    padding-top: 150px;
    padding-bottom: 40px;
    align-items: flex-start;
    position: relative;
}

.link_banner.auto.slope .link_banner_text {
    padding-top: 150px;
    padding-bottom: 180px;
    align-items: flex-start;
    position: relative;
}

.link_banner .link_banner_text .h1 {
    font-size: 64px;
    font-weight: 600;
    line-height: 1.2em;
}

.link_banner .link_banner_text .h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
}

.link_banner .link_banner_text .h3 {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.2em;
}

.link_banner .link_banner_text p {
    font-size: 18px;
}

.link_banner .link_banner_bottom {
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    z-index: 2;
    pointer-events: none;
}

    .link_banner .link_banner_bottom a {
        pointer-events: all;
    }

    .link_banner .link_banner_bottom p {
        font-size: 14px;
    }

    .link_banner .link_banner_bottom .link_banner_bottom_text p {
        padding-bottom: 20px;
        margin: 0px;
    }

.link_banner.inner .link_banner_bottom .link_banner_bottom_text p {
    padding-bottom: 100px;
}

.link_banner .link_banner_bottom .link_banner_bottom_row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.link_banner .link_banner_bottom_col:nth-child(odd) {
    width: calc(100% - 360px);
}

.link_banner .link_banner_bottom_col:nth-child(even) {
    width: 360px;
}

@media screen and (max-width: 1279px) {
    .link_banner .link_banner_text .h1 {
        font-size: 54px;
    }

    .link_banner .link_banner_text .h2 {
        font-size: 36px;
    }

    .link_banner .link_banner_text .h3 {
        font-size: 20px;
    }

    .link_banner .link_banner_text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .link_banner .link_banner_image {
        min-height: 720px;
    }

    .link_banner .link_banner_text {
        padding-top: 100px;
        padding-bottom: 250px;
    }

    .link_banner.inner .link_banner_text {
        padding-top: 150px;
        padding-bottom: 250px;
    }

    .link_banner.short .link_banner_text {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .link_banner.auto .link_banner_text {
        padding-top: 150px;
        padding-bottom: 40px;
    }

    .link_banner .link_banner_text .h1 {
        font-size: 48px;
    }

    .link_banner .link_banner_text .h2 {
        font-size: 32px;
    }

    .link_banner .link_banner_text .h3 {
        font-size: 18px;
    }

    .link_banner .link_banner_text p {
        font-size: 16px;
    }

    .link_banner .link_banner_bottom_col:nth-child(odd) {
        width: 100%;
        padding-bottom: 20px;
    }

    .link_banner .link_banner_bottom_col:nth-child(even) {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .link_banner.ir .link_banner_text {
        padding-top: 120px;
        padding-bottom: 280px;
    }

    .link_banner.inner .link_banner_text {
        padding-top: 120px;
        padding-bottom: 100px;
    }

    .link_banner.short .link_banner_text {
        padding-top: 120px;
    }

    .link_banner.auto .link_banner_text {
        padding-top: 120px;
    }

    .link_banner:not(.link_swiper) .link_banner_text {
        display: flex;
        align-items: flex-end !important;
        justify-content: flex-start;
    }

        .link_banner:not(.link_swiper) .link_banner_text .link_main {
            width: 100%;
        }

    .link_banner.ir .link_banner_bottom .link_banner_bottom_text p {
        padding-bottom: 60px;
    }

    .link_banner.inner .link_banner_bottom .link_banner_bottom_text p {
        padding-bottom: 60px;
    }

    .link_banner.ir:after {
        content: "";
        display: block;
        background: #FFF;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100px;
    }

    .link_banner.link_swiper .link_banner_image .swiper-container {
        height: calc(100% - 100px);
    }

    .link_banner.link_swiper .link_banner_bottom {
        bottom: 0px;
    }

    .link_banner.link_swiper:after {
        content: "";
        display: block;
        background: #FFF;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100px;
    }

    .link_banner .link_banner_text .h1 {
        font-size: 45px;
    }

    .link_banner .link_banner_text .h2 {
        font-size: 28px;
    }

    .link_banner .link_banner_text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 479px) {
    .link_banner.ir .link_banner_text {
        padding-top: 100px;
    }

    .link_banner.inner .link_banner_text {
        padding-top: 100px;
    }

    .link_banner.short .link_banner_text {
        padding-top: 100px;
    }

    .link_banner.auto .link_banner_text {
        padding-top: 100px;
    }

    .link_banner.ir .link_banner_bottom .link_banner_bottom_text p {
        padding-bottom: 40px;
    }

    .link_banner.inner .link_banner_bottom .link_banner_bottom_text p {
        padding-bottom: 40px;
    }

    .link_banner .link_banner_text .h1 {
        font-size: 36px;
    }

    .link_banner .link_banner_text .h2 {
        font-size: 24px;
    }

    .link_banner .link_banner_text .h3 {
        font-size: 16px;
    }

    .link_banner .link_banner_text p {
        font-size: 14px;
    }
}

/* =================================================================================*/
/* CRUMB */
/* =================================================================================*/
.link_crumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    pointer-events: all;
}

.auto .link_crumb,
.inner .link_crumb {
    max-width: none;
}

.link_crumb a {
    position: relative;
    text-decoration: none;
    color: #FFF;
    pointer-events: all;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .link_crumb a:after {
        content: "";
        display: block;
        width: 10px;
        height: 20px;
        margin: 0px 10px;
        background-image: url(../img/lr/icon/next.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 5px;
    }

.link_crumb .h1,
.link_crumb .h2 {
    width: 100%;
    margin-top: 10px;
}

    .link_crumb .h1 + .h3,
    .link_crumb .h2 + .h3 {
        margin-top: -20px;
    }

.link_crumb .purple {
    color: #363175;
}

.link_crumb a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 1px;
    width: 0px;
    background-image: url(../img/lr/icon/line_white.svg);
    background-position: bottom left;
    transition: ease all 1s;
}

.link_banner.white .link_crumb a {
    color: #000;
}

    .link_banner.white .link_crumb a:after {
        filter: brightness(0);
    }

    .link_banner.white .link_crumb a:before {
        background-image: url(../img/lr/icon/line.svg);
    }

.lion_banner.grey .link_crumb a {
    color: #000;
}

    .lion_banner.grey .link_crumb a:after {
        filter: brightness(0);
    }

    .lion_banner.grey .link_crumb a:before {
        background-image: url(../img/lr/icon/line.svg);
    }


@media (hover: hover) {
    .link_crumb a:hover:before {
        width: calc(100% - 30px);
    }
}

/* =================================================================================*/
/* STOCK */
/* =================================================================================*/
.link_stock_info {
    display: block;
    width: 100%;
    max-width: 360px;
    background: #363175;
    color: #FFF;
    padding: 30px 40px;
    margin: 0px;
    border-radius: 20px;
}

    .link_stock_info > * {
        display: block;
    }

    .link_stock_info .code,
    .link_stock_info .date,
    .link_stock_info .info {
        font-size: 14px;
    }

    .link_stock_info .price {
        font-size: 36px;
    }

    .link_stock_info .change {
        font-size: 16px;
    }

        .link_stock_info .change.up:before,
        .link_stock_info .change.down:before,
        .link_stock_info.up .change:before,
        .link_stock_info.down .change:before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-right: 5px;
            background-image: url(../img/lr/icon/up_cyan.svg);
            background-size: 10px;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .link_stock_info .change.down:before,
        .link_stock_info.down .change:before {
            background-image: url(../img/lr/icon/down_red.svg);
        }

    .link_stock_info .info {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .link_stock_info .info a {
            position: relative;
            text-decoration: none;
            color: #FFF;
            line-height: 1em;
            display: block;
            border-left: 1px solid #FFF;
            padding: 0px 0px 0px 10px;
            margin: 0px 0px 0px 10px;
        }

            .link_stock_info .info a:before {
                content: "";
                display: block;
                position: absolute;
                bottom: -5px;
                left: 10px;
                height: 1px;
                width: 0px;
                background-image: url(../img/lr/icon/line_white.svg);
                background-position: bottom left;
                transition: ease all 0.3s;
            }

.link_stock_price .change {
    margin-left: 10px;
}

.link_stock_stat {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0px;
    margin: 10px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

    .link_stock_stat .link_stock_stat_item {
        width: 33.33%;
        padding: 0px 10px 0px 0px;
    }

        .link_stock_stat .link_stock_stat_item span {
            display: block;
        }

            .link_stock_stat .link_stock_stat_item span.label {
                font-size: 12px;
            }

@media (hover: hover) {
    .link_stock_info .info a:hover:before {
        width: calc(100% - 10px);
    }
}

@media screen and (max-width: 1023px) {
    .link_stock_info {
        padding: 30px 30px;
    }

        .link_stock_info .code,
        .link_stock_info .date,
        .link_stock_info .info {
            font-size: 14px;
        }

        .link_stock_info .price {
            font-size: 30px;
        }

        .link_stock_info .change {
            font-size: 16px;
        }
}

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

    .link_stock_info .code,
    .link_stock_info .date,
    .link_stock_info .info {
        font-size: 12px;
    }

    .link_stock_info .price {
        font-size: 25px;
    }

    .link_stock_info .change {
        font-size: 14px;
    }
}

/* =================================================================================*/
/* BUTTON */
/* =================================================================================*/
.link_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    margin: 0px 10px 10px 0px;
    padding: 0px;
    background: none !important;
}

    .link_btn span {
        position: relative;
        z-index: 1;
        display: inline-block;
        flex: 1;
        padding: 0px 10px 0px 0px;
        transition: ease all 0.3s;
    }

    .link_btn:before,
    .link_btn:after {
        content: "";
        display: block;
        width: 48px;
        height: 48px;
        right: 0px;
    }

    .link_btn:after {
        position: relative;
        z-index: 1;
        background-image: url(../img/lr/icon/arrow.svg);
        background-size: 33%;
        background-repeat: no-repeat;
        background-position: center center;
        transition: ease all 0.3s;
        border-radius: 50%;
    }

    .link_btn:before {
        position: absolute;
        border-radius: 24px;
        border: 1px solid #363175;
        background: #363175;
        transition: ease all 0.3s;
    }

    .link_btn.inactive {
        opacity: 0.5;
        cursor: default;
        pointer-events: none;
    }

    /* -------------------------------------------------------------------------------- */
    /*
    .link_btn.big:before,
    .link_btn.big:after {
        width: 72px;
        height: 72px;
        border-radius: 36px;
    }

    .link_btn.big {
        font-size: 30px;
    }
        */

    .link_btn.sml:before,
    .link_btn.sml:after {
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }

    .link_btn.back:after {
        transform: scaleX(-1);
    }

    /* -------------------------------------------------------------------------------- */
    /* LIGHT */
    .link_btn.external:after {
        background-image: url(../img/lr/icon/external.svg);
        background-size: 25%;
    }

    .link_btn.download:after {
        background-image: url(../img/lr/icon/download.svg);
        background-size: 33%;
    }

    .link_btn.webcast:after {
        background-image: url(../img/lr/icon/mic.svg);
        background-size: 33%;
    }

    .link_btn.email:after {
        background-image: url(../img/lr/icon/email_white.svg);
        background-size: 33%;
    }

    .link_btn.phone:after {
        background-image: url(../img/lr/icon/phone_white.svg);
        background-size: 33%;
    }

    .link_btn.linkedin:after {
        background-image: url(../img/lr/sns/linkedin_white.svg);
        background-size: 50%;
        transition: none !important;
    }

    .link_btn.delete:after {
        background-image: url(../img/lr/icon/close.svg);
        background-size: 25%;
    }

    .link_btn.top:after {
        background-image: url(../img/lr/icon/top_white.svg);
        background-size: 33%;
    }

    .link_btn.share:after {
        background-image: url(../img/lr/icon/share_white.svg);
        background-size: 33%;
    }

    .link_btn.access:after {
        background-image: url(../img/lr/icon/help_white.svg);
        background-size: 33%;
    }

    .link_btn.subscribe:after {
        background-image: url(../img/lr/icon/notification_white.svg);
        background-size: 33%;
    }

    .link_btn.feedback:after {
        background-image: url(../img/lr/icon/feedback_white.svg);
        background-size: 33%;
    }

    .link_btn.prev:before {
        background: #FFF;
        border-color: #CCC;
    }

    .link_btn.next:before {
        background: #FFF;
        border-color: #CCC;
    }

    .link_btn.prev:after {
        background-image: url(../img/lr/icon/arrow_black.svg);
        background-size: 33%;
        transform: scaleX(-1);
    }

    .link_btn.next:after {
        background-image: url(../img/lr/icon/arrow_black.svg);
        background-size: 33%;
    }

/* DARK */
.black .link_btn {
    color: #FFF;
}

    .black .link_btn:after {
        filter: brightness(0);
    }

    .black .link_btn:before {
        border-color: #F4F4F4;
        background: #F4F4F4;
    }

.link_content_block.purple .link_btn {
    color: #FFF;
}

.link_swiper.purple .link_btn {
    color: #000;
}

.link_content_block.purple .link_btn:after {
    filter: brightness(0);
}

.link_content_block.purple .link_btn:before {
    border-color: #CCC;
    background: #FFF;
}

.link_swiper.purple .link_btn:before {
    background: #F4F4F4;
}


.link_btn_float .link_btn:after {
    filter: brightness(0);
}

.link_btn_float .link_btn:before {
    border-color: #FFF;
    background: #FFF;
    box-shadow: rgba(100, 100, 111, 0.25) 0px 7px 29px 0px;
    border: none;
}

.link_btn.flip {
    flex-direction: row-reverse;
}

    .link_btn.flip:after {
        transform: scaleX(-1);
    }

    .link_btn.flip:before {
        left: 0px;
        right: auto;
    }

    .link_btn.flip span {
        padding: 0px 0px 0px 10px;
    }


.link_content_block.purple .link_btn:before {
    background: #FFF;
}
/*HOVER*/
@media (hover: hover) {
    .link_btn:not(.linkedin):hover span {
        padding-left: 40px;
    }

    /* LIGHT */
    .link_btn:hover {
        color: #000;
        text-decoration: none;
    }

    .link_btn:not(.linkedin):hover:before {
        width: 100%;
    }

    .link_btn:not(.linkedin):hover:after {
        transform: translateX(-10px);
    }

    .link_btn.back:hover:after {
        transform: translateX(-10px) scaleX(-1);
    }

    .link_btn.linkedin:hover {
        text-decoration: none;
    }

        .link_btn.linkedin:hover:before {
            background: #000;
        }

    .link_btn.top:hover:after,
    .link_btn.access:hover:after,
    .link_btn.share:hover:after,
    .link_btn.external:hover:after,
    .link_btn.download:hover:after,
    .link_btn.webcast:hover:after,
    .link_btn.next:hover:after,
    .link_btn.subscribe:hover:after,
    .link_btn.feedback:hover:after {
        transform: translateX(0px);
    }

    .link_btn.prev:hover:after {
        transform: translateX(0px) scaleX(-1);
    }

    .link_btn:not(.linkedin):hover {
        color: #FFF;
    }

    .link_btn:hover:after {
        filter: brightness(0) invert(1);
    }

    .link_btn:hover:before {
        background: #363175;
    }

    .link_btn_float .link_btn:hover:before {
        background: #363175;
    }


    .link_btn.flip:hover span {
        padding: 0px 40px 0px 10px;
    }

    .link_btn.flip:hover:after {
        transform: translateX(10px) scaleX(-1);
    }

    /* DARK */
    .black .link_btn:hover {
        color: #000;
    }

        .black .link_btn:hover:after {
            filter: brightness(0);
        }

        .black .link_btn:hover:before {
            background: #FFF;
        }

    .black .link_btn.prev:hover:after {
        filter: brightness(0);
    }

    .black .link_btn.next:hover:after {
        filter: brightness(0);
    }

    .link_content_block.purple .link_btn:hover:before {
        background: #DDD;
    }

    .link_content_block.purple .link_btn:hover:after {
        filter: brightness(0) !important;
    }

    .black .link_btn.prev:hover:before {
        background: #FFF;
        border-color: #FFF;
    }

    .black .link_btn.next:hover:before {
        background: #FFF;
        border-color: #FFF;
    }

    .black .link_btn.prev:hover,
    .black .link_btn.next:hover {
        color: #000;
    }

    .link_content_block.purple .link_btn:hover {
        color: #000;
    }

    .link_content_block.purple .link_btn.prev:hover,
    .link_content_block.purple .link_btn.next:hover {
        color: #000;
    }

        .link_content_block.purple .link_btn.prev:hover:after {
            filter: brightness(0) invert(1);
        }

        .link_content_block.purple .link_btn.next:hover:after {
            filter: brightness(0) invert(1);
        }

        .link_content_block.purple .link_btn.prev:hover:before {
            background: #DDD;
            border-color: #DDD;
        }

        .link_content_block.purple .link_btn.next:hover:before {
            background: #DDD;
            border-color: #DDD;
        }

    .link_swiper.purple .link_btn:hover:after {
        filter: brightness(0);
    }

    .link_swiper.purple .link_btn:hover:before {
        background: #e5e5e5;
        border-color: #e5e5e5;
    }
}

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

    .link_btn:before,
    .link_btn:after {
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }
    /*
    .link_btn.big:before,
    .link_btn.big:after {
        width: 48px;
        height: 48px;
        border-radius: 24px;
    }

    .link_btn.big {
        font-size: 32px;
    }*/
}
/*
@media screen and (max-width: 767px) {
    .link_btn.big {
        font-size: 24px;
    }
}

@media screen and (max-width: 479px) {
    .link_btn.big {
        font-size: 18px;
    }
}*/

/* -------------------------------------------------------------------------------- */

.link_pill .link_pill_text a:hover p .underline,
.link_pill .link_pill_text a.hover p .underline {
    background: none;
}

.link_card .link_card_text a:hover p .underline,
.link_card .link_card_text a.hover p .underline {
    background: none;
}

.link_person .link_person_text a:hover p .underline,
.link_person .link_person_text a.hover p .underline {
    background: none;
}

@media screen and (max-width: 1023px) {
    .link_person_text p[data-name="desc"] {
        display: none;
    }
}

/* -------------------------------------------------------------------------------- */
.link_btn_float {
    position: fixed;
    z-index: 10;
    bottom: 40px;
    right: 40px;
    transition: ease all 0.3s;
}

    .link_btn_float .link_btn {
        display: flex;
        margin: 20px 0px 0px 0px;
    }


    .link_btn_float .top {
        opacity: 0;
        pointer-events: none;
        transition: ease all 0.3s;
    }

    .link_btn_float.scroll .top {
        opacity: 1;
        pointer-events: all;
    }

    .link_btn_float.hide {
        opacity: 0;
        pointer-events: none;
    }


@media screen and (max-width: 767px) {
    .link_btn_float {
        bottom: 20px;
        right: 20px;
    }
}

/* -------------------------------------------------------------------------------- */
.title + .link_btn_list,
p + .link_btn_list {
    margin: 40px 0px 0px 0px;
}

.link_btn_list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .link_btn_list.center {
        justify-content: center;
    }

    .link_btn_list p {
        color: #363175;
        opacity: 1;
        font-weight: 600;
        padding: 40px 0px 10px 0px;
        width: 100%;
    }

    .link_btn_list > a {
        margin: 0px 40px 10px 0px;
    }

    .link_btn_list.vertical a {
        padding: 10px 0px;
        margin: 0px !important;
    }

    .link_btn_list .sep {
        display: block;
        margin: 0px 40px 10px 0px;
        height: 40px;
        width: 1px;
        background: #CCC;
    }

    .link_btn_list.vertical hr:last-of-type {
        display: none;
    }

.link_grid.grid_4col .link_btn_list.vertical hr {
    opacity: 0;
}

.black .link_btn_list.vertical .link_btn {
    border-color: rgba(255, 255, 255, 0.5);
}

.black .link_btn_list p {
    color: #FFF;
}

@media screen and (max-width: 1023px) {
    .link_grid_col .link_btn_list {
        margin-bottom: 40px;
    }

    .title + .link_btn_list,
    p + .link_btn_list {
        margin: 20px 0px 0px 0px;
    }

    .link_btn_list .sep {
        display: none;
    }
}

/* =================================================================================*/
/* GENERIC TEXT */
/* =================================================================================*/
.link_grid {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

    .link_grid.link_grid--margin:not(:first-child) {
        margin-top: 120px;
    }

    .link_grid.link_grid--margin:not(:last-child) {
        margin-bottom: 120px;
    }

@media screen and (max-width: 767px) {
    .link_grid.link_grid--margin:not(:first-child) {
        margin-top: 80px;
    }

    .link_grid.link_grid--margin:not(:last-child) {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 479px) {
    .link_grid.link_grid--margin:not(:first-child) {
        margin-top: 40px;
    }

    .link_grid.link_grid--margin:not(:last-child) {
        margin-bottom: 40px;
    }
}

p + .link_grid,
.h2 + .link_grid,
.h3 + .link_grid,
.h4 + .link_grid,
.h5 + .link_grid,
.h6 + .link_grid,
.link_btn_list + .link_grid {
    margin-top: 40px;
}

.link_grid .link_grid_col .link_btn_list.vertical {
    max-width: 600px;
}

.link_grid .link_grid_col--center {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .link_grid .link_grid_col--center > * {
        width: 100%;
    }

.link_grid .link_grid_col--bottom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

    .link_grid .link_grid_col--bottom > * {
        width: 100%;
    }

.link_grid.news {
    margin-bottom: 40px;
}

    .link_grid.news > .link_grid_col:nth-child(odd) {
        width: calc(100% - 360px);
        padding-right: 80px;
    }

    .link_grid.news > .link_grid_col:nth-child(even) {
        width: 360px;
    }

    .link_grid.news.invert > .link_grid_col:nth-child(odd) {
        width: 360px;
        padding-right: 0px;
    }

    .link_grid.news.invert > .link_grid_col:nth-child(even) {
        width: calc(100% - 360px);
        padding-left: 80px;
    }

    .link_grid.news .link_tab {
        margin-bottom: 0px;
        justify-content: flex-end;
    }

.link_grid.subscribe {
    border-top: 2px solid #363175;
    border-bottom: 2px solid #363175;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
    margin: 0px 0px 80px 0px;
}

    .link_grid.subscribe .link_grid_col {
        margin: 10px 0px;
    }

    .link_grid.subscribe .h2,
    .link_grid.subscribe .h3,
    .link_grid.subscribe .h4,
    .link_grid.subscribe .h5,
    .link_grid.subscribe .h6 {
        margin: 0px !important;
    }

.link_grid.grid_1_1 {
    justify-content: space-between;
}

    .link_grid.grid_1_1 > .link_grid_col {
        width: calc(50% - 20px);
    }

.link_grid.grid_2_1 > .link_grid_col:nth-child(odd) {
    width: 66.66%;
    padding-right: 80px;
}

.link_grid.grid_2_1 > .link_grid_col:nth-child(even) {
    width: 33.33%;
}

.link_grid.grid_4col {
    width: calc(100% + 40px);
    max-width: none;
}

    .link_grid.grid_4col > .link_grid_col {
        width: calc(25% - 40px);
        margin: 0px 40px 40px 0px;
    }

.link_grid.grid_3col > .link_grid_col {
    width: calc(33.33% - 27px);
    margin: 0px 40px 20px 0px;
}

    .link_grid.grid_3col > .link_grid_col:nth-child(3n) {
        margin-right: 0px;
    }

.link_grid.grid_2col > .link_grid_col {
    width: calc(50% - 40px);
    margin: 0px 80px 20px 0px;
}

    .link_grid.grid_2col > .link_grid_col:nth-child(2n) {
        margin-right: 0px;
    }

.link_grid.grid_1_1 .text {
    max-width: 600px;
}

.link_grid.grid_2col .text {
    max-width: 600px;
}

.link_grid.grid_3col .text {
    max-width: 400px;
}

.link_grid.grid_4col .text {
    max-width: 300px;
}

@media screen and (max-width: 1279px) {
    .link_grid.news > .link_grid_col:nth-child(even) {
        width: calc(100% - 300px);
        padding-right: 40px;
    }

    .link_grid.news > .link_grid_col:nth-child(even) {
        width: 300px;
    }

    .link_grid.news.invert > .link_grid_col:nth-child(odd) {
        width: 300px;
        padding-right: 0px;
    }

    .link_grid.news.invert > .link_grid_col:nth-child(even) {
        width: calc(100% - 300px);
        padding-left: 40px;
    }

    .link_grid.grid_2_1 > .link_grid_col:nth-child(odd) {
        width: 66.66%;
        padding-right: 40px;
    }

    .link_grid.grid_2_1 > .link_grid_col:nth-child(even) {
        width: 33.33%;
    }

    .link_grid.grid_4col > .link_grid_col {
        width: calc(33.33% - 40px);
    }

    .link_grid p + .link_btn_list {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1023px) {
    .link_grid.news > .link_grid_col:nth-child(odd) {
        width: 100%;
        padding-right: 0px;
    }

    .link_grid.news > .link_grid_col:nth-child(even) {
        width: 100%;
    }

    .link_grid.news.invert > .link_grid_col:nth-child(odd) {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .link_grid.news.invert > .link_grid_col:nth-child(even) {
        width: 100%;
        padding: 0px;
    }

    .link_grid.grid_1_1 > .link_grid_col {
        width: 100%;
    }

    .link_grid.grid_2_1 > .link_grid_col:nth-child(odd) {
        width: 100%;
        padding-right: 0px;
    }

    .link_grid.grid_2_1 > .link_grid_col:nth-child(even) {
        width: 100%;
    }

    .link_grid.grid_4col > .link_grid_col {
        width: calc(50% - 40px);
    }

    .link_grid.grid_3col > .link_grid_col {
        width: calc(50% - 10px);
        margin: 0px 20px 20px 0px !important;
    }

        .link_grid.grid_3col > .link_grid_col:nth-child(2n) {
            margin-right: 0px !important;
        }
}

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

    p + .link_grid,
    .h2 + .link_grid,
    .h3 + .link_grid,
    .h4 + .link_grid,
    .h5 + .link_grid,
    .h6 + .link_grid,
    .link_btn_list + .link_grid {
        margin-top: 20px;
    }

    .link_grid.grid_4col {
        width: 100%;
    }

        .link_grid.grid_4col > .link_grid_col {
            width: 100%;
            margin-right: 0px;
        }

    .link_grid.grid_3col > .link_grid_col {
        width: 100%;
        margin: 0px 0px 20px 0px !important;
    }

    .link_grid.grid_2col > .link_grid_col {
        width: 100%;
        margin: 0px 0px 20px 0px !important;
    }

    .link_grid > .link_grid_col.nomargin {
        margin: 0px !important;
    }

    .title + .link_btn_list,
    p + .link_btn_list {
        margin-top: 20px;
    }
}

.link_image {
    display: block;
    position: relative;
    overflow: hidden;
}

    .link_image.link_image--icon {
        max-width: 64px;
    }

    .link_image img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center center;
    }

    .link_image.link_image--auto img {
        width: auto;
        height: auto;
        max-width: 100%;
        margin: 0px auto;
    }


    .link_image iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: none;
    }

    .link_image.round img {
        border-radius: 30px;
    }

    .link_image.link_image--1x1 img,
    .link_image.link_image--2x1 img,
    .link_image.link_image--3x1 img,
    .link_image.link_image--3x2 img,
    .link_image.link_image--3x4 img,
    .link_image.link_image--4x1 img,
    .link_image.link_image--4x3 img,
    .link_image.link_image--4x5 img,
    .link_image.link_image--5x3 img,
    .link_image.link_image--5x4 img,
    .link_image.link_image--16x9 img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .link_image.link_image--1x1:before,
    .link_image.link_image--2x1:before,
    .link_image.link_image--3x1:before,
    .link_image.link_image--3x2:before,
    .link_image.link_image--3x4:before,
    .link_image.link_image--4x1:before,
    .link_image.link_image--4x3:before,
    .link_image.link_image--4x5:before,
    .link_image.link_image--5x3:before,
    .link_image.link_image--5x4:before,
    .link_image.link_image--16x9:before {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .link_image.link_image--1x1:before {
        padding-bottom: 100%;
    }

    .link_image.link_image--2x1:before {
        padding-bottom: 50%;
    }

    .link_image.link_image--3x1:before {
        padding-bottom: 33.33%;
    }

    .link_image.link_image--3x2:before {
        padding-bottom: 66.66%;
    }

    .link_image.link_image--3x4:before {
        padding-bottom: 133.33%;
    }

    .link_image.link_image--4x1:before {
        padding-bottom: 25%;
    }

    .link_image.link_image--4x3:before {
        padding-bottom: 75%;
    }

    .link_image.link_image--4x5:before {
        padding-bottom: 125%;
    }

    .link_image.link_image--5x3:before {
        padding-bottom: 60%;
    }

    .link_image.link_image--5x4:before {
        padding-bottom: 80%;
    }

    .link_image.link_image--16x9:before {
        padding-bottom: 56.25%;
    }

    .link_image .link_image_txt {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        text-align: center;
    }

@media screen and (max-width: 767px) {
    .link_image.link_image--m1x1:before {
        padding-bottom: 100%;
    }

    .link_image.link_image--m2x1:before {
        padding-bottom: 50%;
    }

    .link_image.link_image--m3x1:before {
        padding-bottom: 33.33%;
    }

    .link_image.link_image--m3x2:before {
        padding-bottom: 66.66%;
    }

    .link_image.link_image--m3x4:before {
        padding-bottom: 133.33%;
    }

    .link_image.link_image--m4x1:before {
        padding-bottom: 25%;
    }

    .link_image.link_image--m4x3:before {
        padding-bottom: 75%;
    }

    .link_image.link_image--m4x5:before {
        padding-bottom: 125%;
    }

    .link_image.link_image--m5x3:before {
        padding-bottom: 60%;
    }

    .link_image.link_image--m5x4:before {
        padding-bottom: 80%;
    }

    .link_image.link_image--m16x9:before {
        padding-bottom: 56.25%;
    }
}

/* -------------------------------------------------------------------------------- */
.show_section .link_content_block {
    border-top: 2px dashed #e95385;
}

.link_content_block {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 120px 0px;
}

    .link_content_block.no_padding {
        padding: 15px 0 !important;
    }

    .link_content_block.no_top_padding {
        padding-top: 15px !important;
    }

    .link_content_block.no_bottom_padding {
        padding-bottom: 15px !important;
    }

.lion_banner.grey + .link_content_block {
    padding-top: 80px;
}

@media screen and (max-width: 767px) {
    .link_content_block {
        padding: 80px 0px;
    }

    .lion_banner.grey + .link_content_block {
        padding-top: 40px;
    }
}

@media screen and (max-width: 479px) {
    .link_content_block {
        padding: 40px 0px;
    }

    .lion_banner.grey + .link_content_block {
        padding-top: 20px;
    }
}


.link_content_block .link_main {
    position: relative;
}

.link_content_block .content-wrapper h1,
.link_content_block .content-wrapper .h1,
.link_content_block .h1 {
    display: block;
    font-size: 70px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: 600;
}

.link_content_block .content-wrapper h2,
.link_content_block .content-wrapper .h2,
.link_content_block .h2 {
    display: block;
    font-size: 40px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: 600;
}

.link_content_block .content-wrapper .h2b,
.link_content_block .h2b {
    display: block;
    font-size: 40px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: 600;
}

.link_content_block .content-wrapper h3,
.link_content_block .content-wrapper .h3,
.link_content_block .h3 {
    display: block;
    font-size: 30px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: 600;
}

.link_content_block .content-wrapper h4,
.link_content_block .content-wrapper .h4,
.link_content_block .h4 {
    display: block;
    font-size: 22px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: 600;
}

.link_content_block .content-wrapper h5,
.link_content_block .content-wrapper .h5,
.link_content_block .h5 {
    display: block;
    font-size: 16px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: normal;
    letter-spacing: 2px;
}

.link_content_block .content-wrapper h6,
.link_content_block .content-wrapper .h6,
.link_content_block .h6 {
    display: block;
    font-size: 18px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: normal;
}

.link_content_block .content-wrapper .h7,
.link_content_block .h7 {
    display: block;
    font-size: 12px;
    margin: 0px 0px 20px 0px;
    max-width: 1100px;
    font-weight: bold;
    letter-spacing: 2px;
}

.link_content_block {
    font-size: 18px;
}

    .link_content_block p {
        font-size: 18px;
        margin: 0px;
        max-width: 1100px;
    }

    .link_content_block td,
    .link_content_block th,
    .link_content_block li {
        font-size: 18px;
    }

    .link_content_block p.sml {
        font-size: 14px;
    }

    .link_content_block:not(.black, .purple) .purple {
        color: #363175;
    }

    .link_content_block .underborder {
        display: inline-block;
        font-weight: 600;
        border-bottom: 1px solid #000;
        padding: 0px 0px 5px 0px;
    }

    .link_content_block .linetoend {
        font-size: 12px;
        font-weight: bold;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        margin: 20px 0px;
    }

        .link_content_block .linetoend:after {
            content: "";
            display: block;
            flex: 1;
            height: 1px;
            background: #CCC;
            margin-left: 10px;
        }


    .link_content_block td li {
        color: #000;
    }

    .link_content_block .link_accordion_item li {
        color: #000;
    }

    .link_content_block .lighter {
        opacity: 0.8;
    }

    .link_content_block .content-wrapper p + h1,
    .link_content_block .content-wrapper p + h2,
    .link_content_block .content-wrapper p + h3,
    .link_content_block .content-wrapper p + h4,
    .link_content_block .content-wrapper p + h5,
    .link_content_block .content-wrapper p + h6,
    .link_content_block .content-wrapper p + .h1,
    .link_content_block .content-wrapper p + .h2,
    .link_content_block .content-wrapper p + .h2b,
    .link_content_block .content-wrapper p + .h3,
    .link_content_block .content-wrapper p + .h4,
    .link_content_block .content-wrapper p + .h5,
    .link_content_block .content-wrapper p + .h6,
    .link_content_block p + .h1,
    .link_content_block p + .h2,
    .link_content_block p + .h2b,
    .link_content_block p + .h3,
    .link_content_block p + .h4,
    .link_content_block p + .h5,
    .link_content_block p + .h6 {
        margin-top: 40px;
    }

    .link_content_block p + p {
        margin-top: 20px;
    }

    .link_content_block h3 + p {
        margin-top: -15px;
    }

@media screen and (max-width: 767px) {
    .link_content_block h3 + p {
        margin-top: -10px;
    }
}

@media screen and (max-width: 479px) {
    .link_content_block h3 + p {
        margin-top: -5px;
    }
}


.link_content_block p > img {
    width: 100%;
    height: auto;
    display: block;
}

.link_content_block p span {
    line-height: 1.4em;
}

.table-wrapper {
    max-width: 1100px;
}

.link_content_block .table-wrapper {
    width: 100%;
    max-width: 1100px;
    overflow: auto;
    margin: 40px 0px;
}

.link_content_block .link_grid .table-wrapper {
    margin-top: 0px;
}

.link_content_block .table-wrapper td {
    min-width: 150px;
}

.link_content_block .content-wrapper > a,
.link_content_block a .underline,
.link_content_block h1 a,
.link_content_block h2 a,
.link_content_block h3 a,
.link_content_block h4 a,
.link_content_block h5 a,
.link_content_block h6 a,
.link_content_block li a:not(.link_btn),
.link_content_block td a:not(.link_btn),
.link_content_block p a:not(.link_btn),
.link_content_block label a:not(.link_btn) {
    color: inherit;
    text-decoration: none;
    background-image: url(../img/lr/icon/line.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 1px;
    transition: ease all 1s;
}

.link_content_block .content-wrapper > a {
    background-size: 100% 1px;
}

.link_content_block:not(.black, .purple) .content-wrapper > a,
.link_content_block:not(.black, .purple) a .underline,
.link_content_block:not(.black, .purple) h1 a,
.link_content_block:not(.black, .purple) h2 a,
.link_content_block:not(.black, .purple) h3 a,
.link_content_block:not(.black, .purple) h4 a,
.link_content_block:not(.black, .purple) h5 a,
.link_content_block:not(.black, .purple) h6 a,
.link_content_block:not(.black, .purple) li a:not(.link_btn),
.link_content_block:not(.black, .purple) td a:not(.link_btn),
.link_content_block:not(.black, .purple) p a:not(.link_btn),
.link_content_block:not(.black, .purple) label a:not(.link_btn) {
    color: #363175;
}

.black span.underborder {
    border-color: #FFF;
}

.black a .underline,
.link_content_block.black .content-wrapper > a,
.link_content_block.black a .underline,
.link_content_block.black h1 a,
.link_content_block.black h2 a,
.link_content_block.black h3 a,
.link_content_block.black h4 a,
.link_content_block.black h5 a,
.link_content_block.black li a,
.link_content_block.black td a,
.link_content_block.black p a,
.link_content_block.black label a {
    background-image: url(../img/lr/icon/line_white.svg);
}

.purple a .underline,
.link_content_block.purple .content-wrapper > a,
.link_content_block.purple a .underline,
.link_content_block.purple h1 a,
.link_content_block.purple h2 a,
.link_content_block.purple h3 a,
.link_content_block.purple h4 a,
.link_content_block.purple h5 a,
.link_content_block.purple li a,
.link_content_block.purple td a,
.link_content_block.purple p a,
.link_content_block.purple label a {
    background-image: url(../img/lr/icon/line_white.svg);
}

.link_content_block .link_roundbox {
    border: 1px solid #363175;
    padding: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
    border-radius: 40px;
}

.link_content_block.green .link_roundbox,
.link_content_block.teal .link_roundbox,
.link_content_block.esg_black .link_roundbox,
.link_content_block.black .link_roundbox,
.link_content_block.purple .link_roundbox {
    border-color: #FFF;
}

.link_content_block.esg_grey .link_roundbox,
.link_content_block.esg_white .link_roundbox {
    border-color: #2dab6d;
}

@media screen and (max-width: 1023px) {
    .link_content_block {
        padding: 80px 0px;
    }

        .link_content_block .content-wrapper > a,
        .link_content_block h1 a,
        .link_content_block h2 a,
        .link_content_block h3 a,
        .link_content_block h4 a,
        .link_content_block h5 a,
        .link_content_block h6 a,
        .link_content_block li a,
        .link_content_block td a,
        .link_content_block p a,
        .link_content_block label a {
            text-decoration: underline !important;
            background-image: none !important;
        }

        .link_content_block .link_roundbox {
            padding: 20px;
            border-radius: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
}

@media screen and (max-width: 767px) {
    .link_content_block {
        padding: 20px 0px;
    }
}


.link_content_block .content-wrapper > a.hover {
    background-size: 0% 1px;
}

.link_content_block a.hover .underline,
.link_content_block h1 a.hover,
.link_content_block h2 a.hover,
.link_content_block h3 a.hover,
.link_content_block h4 a.hover,
.link_content_block h5 a.hover,
.link_content_block li a.hover,
.link_content_block td a.hover,
.link_content_block p a.hover,
.link_content_block label a.hover {
    background-size: 100% 1px;
}

@media (hover: hover) {
    .link_content_block .content-wrapper > a:hover {
        background-size: 0% 1px;
    }

    .link_content_block a:hover .underline,
    .link_content_block h1 a:hover,
    .link_content_block h2 a:hover,
    .link_content_block h3 a:hover,
    .link_content_block h4 a:hover,
    .link_content_block h5 a:hover,
    .link_content_block li a:hover,
    .link_content_block td a:hover,
    .link_content_block p a:hover,
    .link_content_block label a:hover {
        background-size: 100% 1px;
        color: #363175;
    }

    .link_content_block.purple a:hover .underline,
    .link_content_block.purple h1 a:hover,
    .link_content_block.purple h2 a:hover,
    .link_content_block.purple h3 a:hover,
    .link_content_block.purple h4 a:hover,
    .link_content_block.purple h5 a:hover,
    .link_content_block.purple li a:hover,
    .link_content_block.purple td a:hover,
    .link_content_block.purple p a:hover,
    .link_content_block.purple label a:hover {
        background-size: 100% 1px;
        color: #FFF;
    }

    .black h1 a:hover,
    .black h2 a:hover,
    .black h3 a:hover,
    .black h4 a:hover,
    .black h5 a:hover,
    .black li a:hover,
    .black td a:hover,
    .black p a:hover,
    .black label a:hover {
        color: #999;
    }

    .purple h1 a:hover,
    .purple h2 a:hover,
    .purple h3 a:hover,
    .purple h4 a:hover,
    .purple h5 a:hover,
    .purple li a:hover,
    .purple td a:hover,
    .purple p a:hover,
    .purple label a:hover {
        color: #999;
    }
}

.link_content_block ul,
.link_content_block ol {
    margin: 20px 0px;
    padding: 0px 0px 0px 20px;
    max-width: 1100px;
}

.link_content_block li {
    margin: 5px 0px;
    padding: 0px;
}


.link_content_block ul.col2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

/*@media screen and (min-width: 1024px){
    .link_content_block ul.col2{ columns: 2; -webkit-columns: 2; -moz-columns: 2; }
}*/


.link_content_block ol ol {
    list-style: upper-roman;
}

    .link_content_block ol ol ol {
        list-style: lower-roman;
    }

.link_content_block ul li {
    list-style: none;
    position: relative;
}

    .link_content_block ul li:before {
        content: "";
        display: block;
        position: absolute;
        top: calc(0.75em - 4px);
        left: -20px;
        width: 8px;
        height: 8px;
        background: #363175;
        border-radius: 50%;
    }

.link_content_block ul.tick > li:before {
    width: 12px;
    height: 12px;
    top: calc(0.75em - 4px) !important;
    background-color: transparent;
    border-radius: 0px;
    background-image: url(../img/lr/icon/tick_black.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.link_content_block ul li li:before {
    border-radius: 0px;
}

.link_content_block ul li li li:before {
    height: 4px;
    top: calc(0.75em - 2px);
}

.link_content_block.black ul li:before,
.link_content_block.purple ul li:before {
    background-color: #FFF;
}

.link_content_block.black ul.tick > li:before,
.link_content_block.purple ul.tick > li:before {
    background-color: transparent;
    background-image: url(../img/lr/icon/tick.svg);
}

.link_content_block table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1;
}

    .link_content_block table td,
    .link_content_block table th {
        padding: 10px 20px;
    }

    .link_content_block table th {
        background: #363175;
        color: #FFF;
    }

    .link_content_block table tr:nth-child(even) td {
        background: #F4F4F4;
        color: #000;
    }

.link_content_block.grey table tr:nth-child(even) td {
    background: #FFF;
    color: #000;
}

.link_content_block.black table th,
.link_content_block.purple table th {
    background: #FFF;
    color: #000;
}

.link_content_block.black table tr:nth-child(even) td,
.link_content_block.purple table tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.25);
    color: #FFF;
}

.link_content_block td p,
.link_content_block th p {
    margin: 0px 0px 10px 0px;
}

.link_content_block td li,
.link_content_block th li {
    padding-right: 20px;
}

.link_content_block {
    background: #FFF;
    color: #000;
}


    .link_content_block .content-wrapper .h2 + .jobtitle,
    .link_content_block .content-wrapper .h3 + .jobtitle,
    .link_content_block .content-wrapper h2 + .jobtitle,
    .link_content_block .content-wrapper h3 + .jobtitle,
    .link_content_block h2 + .jobtitle,
    .link_content_block .h2 + .jobtitle {
        margin-top: -0.75em;
        margin-bottom: 30px;
    }

    .link_content_block h3 + .jobtitle,
    .link_content_block .h3 + .jobtitle {
        margin-top: -0.5em;
        margin-bottom: 20px;
    }

    .link_content_block.black {
        background: #000;
        color: #FFF;
    }

        .link_content_block.black h1,
        .link_content_block.black .h1,
        .link_content_block.black h2,
        .link_content_block.black .h2 {
            color: #FFF;
        }

        .link_content_block.black h3,
        .link_content_block.black .h3 {
            color: #FFF;
        }

        .link_content_block.black h4,
        .link_content_block.black .h4 {
            color: #FFF;
        }

        .link_content_block.black .h7 {
            color: #FFF;
        }

        .link_content_block.black li {
            color: #FFF;
        }

        .link_content_block.black td li {
            color: #FFF;
        }

        .link_content_block.black .link_accordion_item li {
            color: #FFF;
        }

    .link_content_block.purple {
        background: #363175;
        color: #FFF;
    }

        .link_content_block.purple h1,
        .link_content_block.purple .h1,
        .link_content_block.purple h2,
        .link_content_block.purple .h2 {
            color: #FFF;
        }

        .link_content_block.purple h3,
        .link_content_block.purple .h3 {
            color: #FFF;
        }

        .link_content_block.purple h4,
        .link_content_block.purple .h4 {
            color: #FFF;
        }

        .link_content_block.purple .h7 {
            color: #FFF;
        }

        .link_content_block.purple li {
            color: #FFF;
        }

        .link_content_block.purple td li {
            color: #FFF;
        }

        .link_content_block.purple .link_accordion_item li {
            color: #FFF;
        }

    .link_content_block.grey {
        background: #F4F4F4;
        color: #000;
    }

    /*.link_content_block.grey h1,
        .link_content_block.grey .h1,
        .link_content_block.grey h2,
        .link_content_block.grey .h2 {
            color: #000;
        }

        .link_content_block.grey h3,
        .link_content_block.grey .h3 {
            color: #000;
        }

        .link_content_block.grey h4,
        .link_content_block.grey .h4 {
            color: #000;
        }

        .link_content_block.grey .h7 {
            color: #000;
        }*/

    .link_content_block .link_bg_image {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

        .link_content_block .link_bg_image.contain {
            background-size: contain;
        }

        .link_content_block .link_bg_image .image {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .link_content_block .link_bg_image .link_caption:before {
            display: none;
        }

        .link_content_block .link_bg_image .link_caption {
            width: 100%;
            padding: 40px;
            color: #FFF;
        }

            .link_content_block .link_bg_image .link_caption p {
                opacity: 1;
            }

@media screen and (min-width: 1024px) {
    .link_content_block .link_bg_image .link_caption.decor {
        padding-bottom: 160px;
    }
}

@media screen and (min-width: 1279px) {
    .link_content_block .link_bg_image.parallax {
        background-attachment: fixed;
    }
}

.link_content_block .link_bg_image.person {
    background-position: top center;
}

.link_content_block .link_bg_image:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
}

.link_content_block .link_bg_image.white:after {
    background: rgba(255, 255, 255, 0.5);
}

.link_content_block .link_bg_image.black:after {
    background: rgba(0, 0, 0, 0.5);
}

.link_content_block .link_bg_image.purple:after {
    background: rgba(38, 34, 82, 0.5)
}

.link_content_block .link_bg_image.grey:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.link_content_block .link_bg_image.raw:after {
    display: none;
}

.link_content_block .content-wrapper .h2 a,
.link_content_block .content-wrapper .h3 a,
.link_content_block .content-wrapper .h4 a,
.link_content_block .content-wrapper .h5 a,
.link_content_block .content-wrapper .h6 a,
.link_content_block .content-wrapper h2 a,
.link_content_block .content-wrapper h3 a,
.link_content_block .content-wrapper h4 a,
.link_content_block .content-wrapper h5 a,
.link_content_block .content-wrapper h6 a,
.link_content_block .content-wrapper td a,
.link_content_block .content-wrapper li a,
.link_content_block .content-wrapper p a {
    background-size: 100% 1px;
}

@media (hover: hover) {

    .link_form_mc .link_form_mc_item .link_form_mc_input a:hover,
    .link_content_block .content-wrapper .h2 a:hover,
    .link_content_block .content-wrapper .h3 a:hover,
    .link_content_block .content-wrapper .h4 a:hover,
    .link_content_block .content-wrapper .h5 a:hover,
    .link_content_block .content-wrapper .h6 a:hover,
    .link_content_block .content-wrapper h2 a:hover,
    .link_content_block .content-wrapper h3 a:hover,
    .link_content_block .content-wrapper h4 a:hover,
    .link_content_block .content-wrapper h5 a:hover,
    .link_content_block .content-wrapper h6 a:hover,
    .link_content_block .content-wrapper td a:hover,
    .link_content_block .content-wrapper li a:hover,
    .link_content_block .content-wrapper p a:hover {
        background-size: 0% 1px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_content_block.banner .link_main {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    min-height: 20vw;
}

.link_content_block.banner.center .link_main {
    align-items: center;
    text-align: center;
}

.link_content_block.banner .link_main > * {
    width: 100% !important;
}

.link_content_block.banner .h5 + .h3 {
    margin-top: 60px;
}

/* -------------------------------------------------------------------------------- */
.link_content_block.half .link_bg_image {
    left: 50%;
    width: 50%;
}

    .link_content_block.half .link_bg_image:after {
        opacity: 0;
    }

.link_content_block.half .link_main {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    min-height: 20vw;
}

    .link_content_block.half .link_main > * {
        width: calc(50% - 80px) !important;
    }

    .link_content_block.half .link_main.top {
        justify-content: flex-start;
    }

.link_content_block.half.flip .link_bg_image {
    left: 0%;
}

.link_content_block.half.flip .link_main > * {
    margin-left: auto;
}

/* -------------------------------------------------------------------------------- */

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

    .link_content_block .content-wrapper .h1,
    .link_content_block .content-wrapper h1,
    .link_content_block .h1 {
        font-size: 45px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h2,
    .link_content_block .content-wrapper h2,
    .link_content_block .h2 {
        font-size: 36px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h2b,
    .link_content_block .h2b {
        font-size: 32px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h3,
    .link_content_block .content-wrapper h3,
    .link_content_block .h3 {
        font-size: 25px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h4,
    .link_content_block .content-wrapper h4,
    .link_content_block .h4 {
        font-size: 18px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h5,
    .link_content_block .content-wrapper h5,
    .link_content_block .h5 {
        font-size: 16px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h6,
    .link_content_block .content-wrapper h6,
    .link_content_block .h6 {
        font-size: 15px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block {
        font-size: 16px;
    }

        .link_content_block p {
            font-size: 16px;
        }

            .link_content_block p.sml {
                font-size: 14px;
            }

        .link_content_block td,
        .link_content_block th,
        .link_content_block li {
            font-size: 16px;
        }

        .link_content_block.half .link_bg_image {
            position: static;
            width: 100%;
            background-position: center center;
        }

            .link_content_block.half .link_bg_image:after {
                content: "";
                display: block;
                padding-bottom: 66.66%;
            }

        .link_content_block.half .link_main {
            padding-top: 90px;
            padding-bottom: 90px;
            display: block;
        }

            .link_content_block.half .link_main > * {
                width: 100% !important;
            }

        .link_content_block .content-wrapper p + h1,
        .link_content_block .content-wrapper p + h2,
        .link_content_block .content-wrapper p + h3,
        .link_content_block .content-wrapper p + h4,
        .link_content_block .content-wrapper p + h5,
        .link_content_block .content-wrapper p + h6,
        .link_content_block .content-wrapper p + .h1,
        .link_content_block .content-wrapper p + .h2,
        .link_content_block .content-wrapper p + .h2b,
        .link_content_block .content-wrapper p + .h3,
        .link_content_block .content-wrapper p + .h4,
        .link_content_block .content-wrapper p + .h5,
        .link_content_block .content-wrapper p + .h6,
        .link_content_block p + .h1,
        .link_content_block p + .h2,
        .link_content_block p + .h2b,
        .link_content_block p + .h3,
        .link_content_block p + .h4,
        .link_content_block p + .h5,
        .link_content_block p + .h6 {
            margin-top: 40px;
        }
}

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

    .link_content_block .content-wrapper .h1,
    .link_content_block .content-wrapper h1,
    .link_content_block .h1 {
        font-size: 36px;
        margin: 0px 0px 15px 0px;
    }

    .link_content_block .content-wrapper .h2,
    .link_content_block .content-wrapper h2,
    .link_content_block .h2 {
        font-size: 30px;
        margin: 0px 0px 15px 0px;
    }

    .link_content_block .content-wrapper .h2b,
    .link_content_block .h2b {
        font-size: 24px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h3,
    .link_content_block .content-wrapper h3,
    .link_content_block .h3 {
        font-size: 20px;
        margin: 0px 0px 15px 0px;
    }

    .link_content_block .content-wrapper .h4,
    .link_content_block .content-wrapper h4,
    .link_content_block .h4 {
        font-size: 18px;
        margin: 0px 0px 15px 0px;
    }

    .link_content_block .content-wrapper .h5,
    .link_content_block .content-wrapper h5,
    .link_content_block .h5 {
        font-size: 18px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h6,
    .link_content_block .content-wrapper h6,
    .link_content_block .h6 {
        font-size: 16px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block {
        font-size: 16px;
    }

        .link_content_block p {
            font-size: 16px;
        }

            .link_content_block p.sml {
                font-size: 14px;
            }

            .link_content_block p + p {
                margin-top: 20px;
            }

        .link_content_block td,
        .link_content_block th,
        .link_content_block li {
            font-size: 16px;
        }


        .link_content_block .content-wrapper p + h1,
        .link_content_block .content-wrapper p + h2,
        .link_content_block .content-wrapper p + h3,
        .link_content_block .content-wrapper p + h4,
        .link_content_block .content-wrapper p + h5,
        .link_content_block .content-wrapper p + h6,
        .link_content_block .content-wrapper p + .h1,
        .link_content_block .content-wrapper p + .h2,
        .link_content_block .content-wrapper p + .h2b,
        .link_content_block .content-wrapper p + .h3,
        .link_content_block .content-wrapper p + .h4,
        .link_content_block .content-wrapper p + .h5,
        .link_content_block .content-wrapper p + .h6,
        .link_content_block p + .h1,
        .link_content_block p + .h2,
        .link_content_block p + .h2b,
        .link_content_block p + .h3,
        .link_content_block p + .h4,
        .link_content_block p + .h5,
        .link_content_block p + .h6 {
            margin-top: 20px;
        }
}

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

    .link_content_block .content-wrapper .h1,
    .link_content_block .content-wrapper h1,
    .link_content_block .h1 {
        font-size: 30px;
        margin: 0px 0px 10px 0px;
    }

    .link_content_block .content-wrapper .h2,
    .link_content_block .content-wrapper h2,
    .link_content_block .h2 {
        font-size: 25px;
        margin: 0px 0px 10px 0px;
    }

    .link_content_block .content-wrapper .h2b,
    .link_content_block .h2b {
        font-size: 20px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h3,
    .link_content_block .content-wrapper h3,
    .link_content_block .h3 {
        font-size: 18px;
        margin: 0px 0px 10px 0px;
    }

    .link_content_block .content-wrapper .h4,
    .link_content_block .content-wrapper h4,
    .link_content_block .h4 {
        font-size: 18px;
        margin: 0px 0px 10px 0px;
    }

    .link_content_block .content-wrapper .h5,
    .link_content_block .content-wrapper h5,
    .link_content_block .h5 {
        font-size: 16px;
        margin: 0px 0px 20px 0px;
    }

    .link_content_block .content-wrapper .h6,
    .link_content_block .content-wrapper h6,
    .link_content_block .h6 {
        font-size: 16px;
        margin: 0px 0px 20px 0px;
    }

    /*update to 16 for mobile*/
    .link_content_block {
        font-size: 16px;
    }

        /*update to 16 for mobile*/
        .link_content_block p {
            font-size: 16px;
        }

            /*update to 14 for mobile*/
            .link_content_block p.sml {
                font-size: 14px;
            }

        .link_content_block td,
        .link_content_block th,
        .link_content_block li {
            font-size: 16px;
        }
}

/* =================================================================================*/
/* COMPONENTS */
/* =================================================================================*/
.link_news .h3 {
    color: #363175;
    margin-top: 20px;
}

.link_news .link_news_item {
    display: block;
    margin: 0px 0px 20px 0px;
    color: inherit;
    text-decoration: none;
}

    .link_news .link_news_item .date {
        opacity: 0.8;
    }

        .link_news .link_news_item .date:before,
        .link_news .link_news_item .date:after {
            content: "";
            display: block;
        }

    .link_news .link_news_item span {
        display: inline;
        background-image: url(../img/lr/icon/line.svg);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 0% 1px;
        transition: ease all 1s;
    }

.black .link_news .link_news_item span {
    background-image: url(../img/lr/icon/line_white.svg);
}

@media (hover: hover) {
    .link_news .link_news_item:hover span:not(.date) {
        background-size: 100% 1px;
    }
}

@media screen and (max-width: 1023px) {
    /*.link_grid_col .link_news{ margin-top: 60px; }    */
}

/* -------------------------------------------------------------------------------- */
.link_grid_contact {
    position: relative;
    display: block;
    padding-left: 1.8em;
    color: #363175;
}

    .link_grid_contact + .link_grid_contact {
        margin-top: 12px;
    }

    .link_grid_contact:before {
        content: "";
        position: absolute;
        top: 0.1em;
        left: 0;
        width: 1.2em;
        height: 1.2em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

.link_grid_contact_mail:before {
    background-image: url(../img/lr/icon/email.svg);
}

.link_grid_contact_tel:before {
    background-image: url(../img/lr/icon/phone.svg);
}

.link_grid_contact_item {
    display: block;
    margin-top: 4px;
}

    .link_grid_contact_item:first-child {
        margin-top: 0;
    }

    .link_grid_contact_item a {
        word-break: break-all;
    }

/* -------------------------------------------------------------------------------- */
.link_figure {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 1080px;
    margin: 0px;
}

hr + .link_figure,
p + .link_figure {
    margin-top: 30px;
}


.link_figure .link_figure_item {
    width: calc(50% - 40px);
    margin: 0px 40px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .link_figure .link_figure_item .number {
        color: #363175;
        font-size: 100px;
        display: block;
        padding-right: 20px;
        line-height: 1.2em;
    }

    .link_figure .link_figure_item .text {
        font-size: 22px;
        display: block;
    }

        .link_figure .link_figure_item .text span {
            display: block;
            border-top: 1px solid #e5e5e5;
            padding: 5px 0px;
        }

    .link_figure .link_figure_item .yoy {
        color: #363175;
        font-size: 35px;
        display: block;
    }

    .link_figure .link_figure_item .delta {
        color: #363175;
        font-size: 25px;
        display: block;
    }

        .link_figure .link_figure_item .delta.up {
            padding-left: 20px;
            background-image: url(../img/lr/icon/up_cyan.svg);
            background-repeat: no-repeat;
            background-position: center left;
            background-size: 10px;
        }

        .link_figure .link_figure_item .delta.down {
            padding-left: 20px;
            background-image: url(../img/lr/icon/down_red.svg);
            background-repeat: no-repeat;
            background-position: center left;
            background-size: 10px;
        }

    .link_figure .link_figure_item .sub {
        font-size: 0.5em;
        display: inline-block;
        margin-left: 5px;
    }

    .link_figure .link_figure_item .sml {
        font-size: 0.5em;
    }

.link_figure.sml .link_figure_item {
    display: block;
}

    .link_figure.sml .link_figure_item .number {
        font-size: 70px;
    }

    .link_figure.sml .link_figure_item .text {
        font-size: 18px;
    }

    .link_figure.sml .link_figure_item .number.up:before {
        content: "\2191 ";
        display: inline-block;
        vertical-align: top;
        font-size: 1em;
        font-family: 'Courier New', Courier, monospace;
        position: relative;
        top: -0.1em
    }

    .link_figure.sml .link_figure_item .number.down:before {
        content: "\2193 ";
        display: inline-block;
        vertical-align: top;
        font-size: 1em;
        font-family: 'Courier New', Courier, monospace;
        position: relative;
        top: -0.1em
    }

.link_figure.col5,
.link_figure.col4,
.link_figure.col3,
.link_figure.col2 {
    max-width: 100%;
}

    .link_figure.col5 .link_figure_item {
        width: calc(20% - 30px);
        margin: 0px 30px 30px 0px;
    }

    .link_figure.col4 .link_figure_item {
        width: calc(25% - 30px);
        margin: 0px 30px 30px 0px;
    }

    .link_figure.col3 .link_figure_item {
        width: calc(33.33% - 30px);
        margin: 0px 30px 30px 0px;
    }

    .link_figure.col2 .link_figure_item {
        width: calc(50% - 30px);
        margin: 0px 30px 30px 0px;
    }

.link_figure.col1 .link_figure_item {
    width: calc(100% - 0px);
    margin: 0px 0px 30px 0px;
}

.black .link_figure .link_figure_item .number {
    color: #FFF;
}

.black .link_figure .link_figure_item .yoy {
    color: #FFF;
}

.black .link_figure .link_figure_item .text span {
    border-color: rgba(255, 255, 255, 0.5);
}

    .black .link_figure .link_figure_item .text span:first-child {
        border: none;
    }

@media screen and (max-width: 1279px) {
    .link_figure.col5 .link_figure_item {
        width: calc(25% - 30px);
    }

    .link_figure.col4 .link_figure_item {
        width: calc(33.33% - 30px);
    }

    .link_figure.col3 .link_figure_item {
        width: calc(50% - 30px);
    }

    .link_figure.col2 .link_figure_item {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 1023px) {
    .link_figure .link_figure_item .number {
        font-size: 80px;
    }

    .link_figure .link_figure_item .text {
        font-size: 18px;
    }

    .link_figure .link_figure_item .yoy {
        font-size: 30px;
    }

    .link_figure .link_figure_item .delta {
        font-size: 22px;
    }

    .link_figure.sml .link_figure_item .number {
        font-size: 64px;
    }

    .link_figure.sml .link_figure_item .text {
        font-size: 16px;
    }

    .link_figure.col5 .link_figure_item {
        width: calc(33.33% - 30px);
    }

    .link_figure.col4 .link_figure_item {
        width: calc(50% - 30px);
    }

    .link_figure.col3 .link_figure_item {
        width: calc(50% - 30px);
    }

    .link_figure.col2 .link_figure_item {
        width: calc(100% - 30px);
    }
}

@media screen and (max-width: 767px) {
    .link_figure .link_figure_item .number {
        font-size: 64px;
    }

    .link_figure .link_figure_item .text {
        font-size: 18px;
    }

    .link_figure .link_figure_item .yoy {
        font-size: 24px;
    }

    .link_figure .link_figure_item .delta {
        font-size: 20px;
    }

    .link_figure .link_figure_item {
        width: 100%;
        margin: 0px;
    }

    .link_figure.sml .link_figure_item .number {
        font-size: 48px;
    }

    .link_figure.sml .link_figure_item .text {
        font-size: 14px;
    }

    .link_figure.col5 .link_figure_item {
        width: calc(50% - 30px);
    }

    .link_figure.col4 .link_figure_item {
        width: calc(100% - 30px);
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .link_figure.col3 .link_figure_item {
        width: calc(100% - 30px);
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .link_figure.col2 .link_figure_item {
        width: calc(100% - 30px);
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .link_figure.col4 .link_figure_item img {
        margin-right: 20px;
    }

    .link_figure.col3 .link_figure_item img {
        margin-right: 20px;
    }

    .link_figure.col2 .link_figure_item img {
        margin-right: 20px;
    }
}

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

    .link_figure .link_figure_item .number {
        font-size: 48px;
    }

    .link_figure .link_figure_item .text {
        font-size: 16px;
    }

    .link_figure .link_figure_item .yoy {
        font-size: 20px;
    }

    .link_figure .link_figure_item .delta {
        font-size: 18px;
    }

    .link_figure.sml .link_figure_item .number {
        font-size: 36px;
    }

    .link_figure.sml .link_figure_item .text {
        font-size: 12px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_tab {
    pointer-events: all;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media screen and (max-width: 1023px) {
    .link_tab {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .link_tab {
        margin-bottom: 40px;
    }
}

.link_tab .tab {
    position: relative;
    bottom: -2px;
    text-decoration: none;
    display: block;
    margin: 0px 30px 0px 0px;
    padding: 10px 0px 5px 0px;
    border-bottom: 2px solid transparent;
    color: #000;
}

    .link_tab .tab:last-of-type {
        margin: 0px;
    }

    .link_tab .tab.active {
        position: relative;
        border-bottom: 2px solid #363175;
        color: #363175;
    }

    .link_tab .tab .count {
        display: inline-block;
        vertical-align: middle;
        background: rgba(255, 255, 255, 0.1);
        font-size: 0.8em;
        padding: 2px 10px;
        margin-left: 5px;
        border-radius: 4px;
        text-decoration: none;
    }

.black .link_tab {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

    .black .link_tab .tab {
        color: #FFF;
    }

        .black .link_tab .tab.active {
            color: #FFF;
            border-bottom-color: #e95385;
        }

.link_search_filter_col .link_tab {
    margin-bottom: 0px;
    border: none;
}

    .link_search_filter_col .link_tab .tab {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px 20px 0px 0px;
        padding: 5px 0px;
    }

        .link_search_filter_col .link_tab .tab:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            margin-right: 10px;
            background-image: url(../img/lr/icon/card.svg);
            background-position: center center;
            background-repeat: no-repeat;
        }

        .link_search_filter_col .link_tab .tab.map:before {
            background-image: url(../img/lr/icon/map.svg);
        }

.link_banner .link_tab {
    max-width: 1000px;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 60px;
    margin-top: 40px;
}

.link_banner .link_tab {
    margin-top: 0px;
    margin-bottom: 80px;
}

    .link_banner .link_tab .tab {
        color: #FFF;
    }

        .link_banner .link_tab .tab.active {
            border-color: #FFF;
        }

    .link_banner .link_tab .link_input {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .link_banner .link_tab select {
        background-color: #FFF;
        color: #000;
    }

.link_tab.borderless {
    border-bottom: none;
    margin-bottom: 40px;
}

    .link_tab.borderless .count {
        display: none;
    }

.link_tab.nomargin {
    margin-bottom: 0px;
}

@media (hover: hover) {
    .link_tab .tab:hover {
        color: #363175;
        text-decoration: none;
    }

    .link_banner .link_tab .tab:hover,
    .black .link_tab .tab:hover {
        color: #FFF;
    }
}

@media screen and (max-width: 767px) {
    .link_banner .link_tab {
        margin-bottom: 40px;
    }

    .link_search_filter_col .link_input + .link_input {
        margin-top: 20px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_tab .link_input {
    display: none;
}

.link_tab.responsive {
    border-bottom: none;
}

    .link_tab.responsive .tab {
        display: none;
    }

    .link_tab.responsive .link_input {
        display: block;
        margin: 0px;
    }

/* -------------------------------------------------------------------------------- */
.link_vtab {
    display: block;
}

    .link_vtab .insert {
        padding: 40px 0px;
        border-bottom: 1px solid #e5e5e5;
    }

    .link_vtab .tab {
        display: block;
        font-size: 20px;
        padding: 30px 20px 30px 60px;
        border-bottom: 1px solid #e5e5e5;
        text-decoration: none;
        color: #000;
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 48px;
    }

        .link_vtab .tab:hover {
            border-color: #363175;
            color: #363175;
        }

        .link_vtab .tab.active {
            border-color: #363175;
            color: #363175;
            border-width: 2px;
        }

    .link_vtab.green .tab:hover {
        border-color: #2dab6d;
    }

    .link_vtab.green .tab.active {
        border-color: #2dab6d;
    }

    .link_vtab.blue .tab:hover {
        border-color: #2360bc;
    }

    .link_vtab.blue .tab.active {
        border-color: #2360bc;
    }

    .link_vtab.orange .tab:hover {
        border-color: #e85812;
    }

    .link_vtab.orange .tab.active {
        border-color: #e85812;
    }

.black .link_vtab .tab {
    color: #FFF;
}

    .black .link_vtab .tab:hover {
        border-color: #FFF;
        color: #FFF;
    }

    .black .link_vtab .tab.active {
        border-color: #FFF;
        color: #FFF
    }

/* -------------------------------------------------------------------------------- */
.link_tag {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 20px 0px;
    font-size: 18px;
    line-height: 1.8em;
}

    .link_tag .tag {
        padding: 0px 10px 0px 0px;
        margin: 0px 10px 0px 0px;
        border-right: 1px solid #e5e5e5;
        opacity: 0.8;
    }

        .link_tag .tag:last-of-type {
            border-right: none;
        }

.black .link_tag .tag {
    border-right-color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1023px) {
    .link_tag {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .link_tag {
        font-size: 15px;
    }
}

@media screen and (max-width: 479px) {
    .link_tag {
        font-size: 14px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_caption {
    padding-top: 100px;
}

    .link_caption:before {
        display: block;
        content: "";
        width: 80px;
        height: 1px;
        background: #e5e5e5;
        margin-bottom: 20px;
    }

/* =================================================================================*/
/* CARD / PILL */
/* =================================================================================*/
.link_pill {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 30px;
    overflow: hidden;
    /*box-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    margin-bottom: 40px;
}

.row .link_pill {
    margin-bottom: 30px;
}

.link_pill.reverse {
    flex-direction: row-reverse;
}

.link_pill.no_shadow {
    box-shadow: none;
}

.link_grid .link_pill {
    margin-top: 40px;
    margin-bottom: 0px;
}

.link_pill .link_pill_image {
    width: 50%;
    background: #FFF;
}

    .link_pill .link_pill_image .image {
        min-height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .link_pill .link_pill_image .image.icon {
            background-size: 33%;
        }

        .link_pill .link_pill_image .image:before {
            content: "";
            display: block;
            padding-bottom: 75%;
        }

.link_pill .link_pill_text {
    flex: 1;
    background: #FFF;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 40px;
}

    .link_pill .link_pill_text .h2,
    .link_pill .link_pill_text .h3,
    .link_pill .link_pill_text .h4,
    .link_pill .link_pill_text .h5 {
        color: #363175;
        margin-bottom: 10px;
    }

    .link_pill .link_pill_text p + p {
        margin-top: 5px;
    }

    .link_pill .link_pill_text a {
        color: inherit;
        text-decoration: none;
    }

.link_pill.square {
    flex-direction: row-reverse;
}

    .link_pill.square .link_pill_image {
        max-width: 280px;
    }

        .link_pill.square .link_pill_image .image:before {
            padding-bottom: 100%;
        }

.link_pill .link_btn {
    margin-top: 10px;
}


.container .link_pill_image .image:before,
.content-wrapper .link_pill_image .image:before,
.link_pill .link_pill_image .image--1x1:before {
    padding-bottom: 100%;
}

.link_pill .link_pill_image .image--2x1:before {
    padding-bottom: 50%;
}

.link_pill .link_pill_image .image--3x1:before {
    padding-bottom: 33.33%;
}

.link_pill .link_pill_image .image--4x1:before {
    padding-bottom: 25%;
}

.link_pill .link_pill_image .image--3x2:before,
.link_pill .link_pill_image .image--6x4:before {
    padding-bottom: 66.66%;
}

.link_pill .link_pill_image .image--4x3:before {
    padding-bottom: 75%;
}

.link_pill .link_pill_image .image--16x9:before {
    padding-bottom: 56.25%;
}

.link_pill.grey .link_pill_text {
    background: #F4F4F4;
}

.link_pill.black .link_pill_text {
    background: #000;
    color: #FFF;
}

    .link_pill.black .link_pill_text h2,
    .link_pill.black .link_pill_text h3,
    .link_pill.black .link_pill_text h4,
    .link_pill.black .link_pill_text h5 .link_pill.black .link_pill_text .h2,
    .link_pill.black .link_pill_text .h3,
    .link_pill.black .link_pill_text .h4,
    .link_pill.black .link_pill_text .h5 {
        color: #FFF;
    }

@media screen and (max-width: 1279px) {
    .link_pill .link_pill_image {
        max-width: 360px;
    }

    .link_pill.square .link_pill_image {
        max-width: 240px;
    }

    .link_pill .link_pill_text {
        padding: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .link_pill .link_pill_image {
        max-width: 50vw;
    }

    .link_pill.square .link_pill_image {
        max-width: 30vw;
    }
}

@media screen and (max-width: 639px) {
    .link_pill {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .link_pill .link_pill_image {
            width: 100%;
            max-width: 100%;
        }

    .row .link_pill .link_pill_image {
        max-width: 100%;
    }

    .link_pill .link_pill_text {
        width: 100%;
    }

    .link_grid .link_pill {
        margin-top: 20px;
    }

    .link_pill.reverse {
        flex-direction: row;
    }

    .link_pill.square {
        flex-direction: row;
    }

        .link_pill.square .link_pill_image {
            width: 100%;
            max-width: none;
        }

        .link_pill.square .link_pill_text {
            width: 100%;
        }

        .link_pill.square .link_pill_image .image:before {
            padding-bottom: 75%;
        }

        .link_pill.square .link_pill_image .image.icon:before {
            padding-bottom: 50%;
        }
}

/* -------------------------------------------------------------------------------- */
.link_card .link_card_image {
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .link_card .link_card_image.pointy {
        border-radius: 0px;
    }

    .link_card .link_card_image.person {
        background-position: top center;
    }

    .link_card .link_card_image:before {
        content: "";
        display: block;
        padding-bottom: 62.5%;
    }

.link_swiper.col2 .link_card .link_card_image:before {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.link_card .link_card_text a {
    color: inherit;
    text-decoration: none;
}

.link_card .link_card_text .h3,
.link_card .link_card_text .h4 {
    margin: 0px 0px 10px 0px;
}

.link_card .link_card_text .link_btn {
    margin-top: 20px;
}

.link_card .link_card_text p + p {
    margin-top: 0px;
}

.link_card .link_card_text .link_tag {
    margin: 0px;
}

.link_card .img {
    height: 450px;
    width: auto;
    display: block;
    margin-bottom: 10px;
}

.link_card .enlarge {
    position: relative;
    overflow: hidden;
}

    .link_card .enlarge:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.25);
    }

    .link_card .enlarge:after {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 410px;
        left: 10px;
        background-image: url(../img/lr/icon/zoom.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        filter: brightness(0) invert(1);
    }

.link_card.link_card--news {
    background: #F4F4F4;
    color: #000;
}

    .link_card.link_card--news .h4,
    .link_card.link_card--news .h5,
    .link_card.link_card--news .h6 {
        color: inherit;
    }

    .link_card.link_card--news .link_card_text {
        padding: 80px 60px;
    }

        .link_card.link_card--news .link_card_text.less_padding {
            padding: 40px 60px;
        }

.black .link_card.link_card--news {
    background: #FFF;
    color: #000;
}
/*
.black .link_card.link_card--news .h5{ color: #000; }

.black .link_card.link_card--news .h4,
.black .link_card.link_card--news .h6{ color: #363175; }
*/
.grey .link_card.link_card--news {
    background: #F4F4F4;
    color: #000;
}
/*
.grey .link_card.link_card--news .h6{ color: #363175; }
*/

.purple .link_card.link_card--news {
    background: #FFF;
    color: #000;
}
/*
.purple .link_card.link_card--news .h6{ color: #363175; }
*/

.link_swiper.purple .link_card.link_card--news {
    background: #363175;
    color: #FFF;
}

    .link_swiper.purple .link_card.link_card--news .h4,
    .link_swiper.purple .link_card.link_card--news .h6 {
        color: #FFF;
    }


.link_swiper.white .link_card.link_card--news {
    background: #FFF;
    color: #000;
}

    .link_swiper.white .link_card.link_card--news .h4,
    .link_swiper.white .link_card.link_card--news .h6 {
        color: #000;
    }

.link_swiper.grey .link_card.link_card--news {
    background: #F4F4F4;
    color: #000;
}

    .link_swiper.grey .link_card.link_card--news .h4,
    .link_swiper.grey .link_card.link_card--news .h6 {
        color: #000;
    }


.link_card.link_card--news .h4,
.link_card.link_card--news .h5 {
    margin-bottom: 40px;
}

.swiper-slide .link_card.link_card--news {
    height: 100%;
}

.link_card.link_card--news .h3 > span.ul,
.link_card.link_card--news .h4 > span.ul,
.link_card.link_card--news .h5 > span.ul,
.link_card.link_card--news .h6 > span.ul {
    background-image: url(../img/lr/icon/line_black.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 0%;
    transition: ease all 0.3s;
}

.link_swiper.purple .link_card.link_card--news .h3 > span.ul,
.link_swiper.purple .link_card.link_card--news .h4 > span.ul,
.link_swiper.purple .link_card.link_card--news .h5 > span.ul,
.link_swiper.purple .link_card.link_card--news .h6 > span.ul {
    background-image: url(../img/lr/icon/line_white.svg);
}

@media (hover: hover) {
    .link_card .enlarge:hover:before {
        opacity: 0;
    }

    .link_card.link_card--news:hover .h3 > span.ul,
    .link_card.link_card--news:hover .h4 > span.ul,
    .link_card.link_card--news:hover .h5 > span.ul,
    .link_card.link_card--news:hover .h6 > span.ul {
        background-size: 100%;
    }
    /*
    .link_card.link_card--news:hover {
        background: #363175;
        color: #FFF;
    }
    .link_card.link_card--news:hover .h6{ color: #FFF; }

    .black .link_card.link_card--news:hover {
        background: #363175;
        color: #FFF;
    }
    .black .link_card.link_card--news:hover .h6{ color: #FFF; }

    .purple .link_card.link_card--news:hover {
        background: #F4F4F4;
        color: #000;
    }
    .purple .link_card.link_card--news:hover .h6{ color: #000; }

    .grey .purple .link_card.link_card--news:hover {
        background: #363175;
        color: #FFF;
    }

    .col1 .link_card.link_card--news:hover {
        background: #F4F4F4;
        color: #000;
    }

    .black .col1 .link_card.link_card--news:hover {
        background: #FFF;
        color: #000;
    }

    .purple .col1 .link_card.link_card--news:hover {
        background: #363175;
        color: #FFF;
    }

    .grey .purple .col1 .link_card.link_card--news:hover {
        background: #363175;
        color: #FFF;
    }*/
}

@media screen and (min-width: 1024px) {
    .link_swiper.col1 .link_card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding: 40px 0px;
    }

        .link_swiper.col1 .link_card .link_card_image,
        .link_swiper.col1 .link_card .link_card_text {
            width: calc(50% - 40px);
        }

            .link_swiper.col1 .link_card .link_card_text:first-child:last-child {
                width: 100%;
            }

        .link_swiper.col1 .link_card .link_card_image {
            align-self: stretch;
        }

            .link_swiper.col1 .link_card .link_card_image:before {
                padding-bottom: 60%;
            }
}
/*
@media screen and (max-width: 1279px) {

    .link_swiper .link_card .link_card_image:before,
    .link_swiper.col1 .link_card .link_card_image:before,
    .link_swiper.col2 .link_card .link_card_image:before {
        padding-bottom: 50%;
    }
}
*/

@media screen and (max-width: 1023px) {
    .link_card .img {
        height: 360px;
    }

    .link_card .enlarge:after {
        top: 320px
    }
}

@media screen and (max-width: 767px) {
    .link_card .img {
        height: 240px;
    }

    .link_card .enlarge:after {
        top: 200px
    }

    .link_card.link_card--news .link_card_text {
        padding: 60px 40px;
    }

        .link_card.link_card--news .link_card_text.less_padding {
            padding: 30px 40px;
        }
}

@media screen and (max-width: 479px) {
    .link_card.link_card--news .link_card_text {
        padding: 40px 30px;
    }

        .link_card.link_card--news .link_card_text.less_padding {
            padding: 20px 30px;
        }
}

/* -------------------------------------------------------------------------------- */
.link_report_group {
    margin-bottom: 40px;
}

.link_report {
    background: #F4F4F4;
    min-height: 100%;
    padding: 40px;
    border-radius: 0px 0px 40px 0px;
}

    .link_report .link_report_head {
        padding: 0px 0px 20px 0px;
    }

        .link_report .link_report_head > * {
            margin: 0px;
        }

    .link_report .link_report_body {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .link_report .link_report_body .link_report_image {
            width: 50%;
            position: relative;
            background-repeat: no-repeat;
            background-position: center left;
            background-size: contain;
        }

            .link_report .link_report_body .link_report_image:before {
                content: "";
                display: block;
                padding-bottom: 100%;
            }

        .link_report .link_report_body .link_report_link {
            width: 50%;
        }


.link_report_group .link_grid {
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
    .link_report {
        padding: 20px;
    }

        .link_report .link_report_body {
            flex-wrap: wrap;
        }

            .link_report .link_report_body .link_report_image {
                width: 100%;
                margin-bottom: 20px;
            }

            .link_report .link_report_body .link_report_link {
                width: 100%;
            }
}

/* -------------------------------------------------------------------------------- */
.link_presentation_group {
    padding-bottom: 40px;
}

.link_presentation {
    background: #F4F4F4;
    padding: 40px;
    margin-bottom: 20px;
    border-radius: 0px 0px 40px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .link_presentation .link_presentation_text {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
    }

        .link_presentation .link_presentation_text .link_presentation_name {
            flex: 1;
            padding-right: 40px;
        }

            .link_presentation .link_presentation_text .link_presentation_name > * {
                margin: 0px;
            }

        .link_presentation .link_presentation_text .link_presentation_image {
            position: relative;
            width: 50%;
            max-width: 240px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px;
        }

            .link_presentation .link_presentation_text .link_presentation_image:before {
                content: "";
                display: block;
                padding-bottom: 75%;
            }

    .link_presentation .link_presentation_link {
        width: 50%;
        padding-left: 40px;
    }

@media screen and (max-width: 1023px) {
    .link_presentation {
        flex-wrap: wrap;
    }

        .link_presentation .link_presentation_text {
            width: 100%;
        }

        .link_presentation .link_presentation_link {
            width: 100%;
            padding-top: 10px;
            padding-left: 0px;
        }
}

@media screen and (max-width: 767px) {
    .link_presentation .link_presentation_text .link_presentation_image {
        max-width: 100%;
    }

    .link_presentation {
        padding: 20px;
    }

        .link_presentation .link_presentation_text {
            flex-wrap: wrap-reverse;
        }

            .link_presentation .link_presentation_text .link_presentation_name {
                flex: auto;
                width: 100%;
                padding-right: 0px;
            }

            .link_presentation .link_presentation_text .link_presentation_image {
                margin-bottom: 20px;
                width: 100%;
            }
}

/* -------------------------------------------------------------------------------- */

.link_download + .link_download {
    border-top: 1px solid #CCC;
}

.link_download {
    padding: 20px 0px;
}

    .link_download a {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0px 80px 0px 0px;
        min-height: 48px;
        color: inherit;
        text-decoration: none;
    }

        .link_download a > span:not(.date) {
            flex: 1;
        }

        .link_download a span.name {
            background-image: url(../img/lr/icon/line.svg);
            background-position: bottom left;
            background-repeat: no-repeat;
            background-size: 0% 1px;
            transition: ease all 1s;
        }

        .link_download a span.desc {
            opacity: 0.8;
        }

        .link_download a span.date {
            display: block;
            width: 160px;
            opacity: 0.8;
        }

        .link_download a:after {
            content: "";
            display: none;
            position: absolute;
            top: calc(50% - 24px);
            right: 0px;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: #363175;
            border: 1px solid #363175;
            background-image: url(../img/lr/icon/download.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 16px;
        }

    .link_download.webcast a:after {
        background-image: url(../img/lr/icon/mic.svg);
    }

    .link_download.external a:after {
        background-image: url(../img/lr/icon/external.svg);
        background-size: 12px;
    }

    .link_download.arrow a:after {
        background-image: url(../img/lr/icon/arrow.svg);
        background-size: 15px;
    }

@media (hover: hover) {
    .link_download:hover span.name {
        background-size: 100% 1px;
    }
}

@media screen and (max-width: 767px) {
    .link_download {
        font-size: 16px; /*mobile change to 16px*/
    }

        .link_download a {
            flex-wrap: wrap;
            padding-right: 0px;
        }

            .link_download a > span:not(.date) {
                width: 100%;
                flex: auto;
            }

            .link_download a > span.date {
                width: 100%;
            }
}

/* -------------------------------------------------------------------------------- */
.link_person_list.margin {
    margin-bottom: 40px;
}

.link_person {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
}

    .link_person:before {
        content: "";
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: rgba(255, 255, 255, 0.05);
    }

    .link_person .link_person_image {
        width: 50%;
        min-height: 100%;
        position: relative;
    }

        .link_person .link_person_image .image {
            /*position: absolute; top:0px; left: 0px; width: 100%; height: 100%;*/
            height: 100%;
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .link_person .link_person_image .image:before {
                content: "";
                display: block;
                padding-bottom: 75%;
            }

            .link_person .link_person_image .image.round {
                border-radius: 30px;
            }

    .link_person .link_person_text {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        padding: 40px 100px;
    }

        .link_person .link_person_text .text {
            width: 100%;
        }

        .link_person .link_person_text.nopadding {
            padding-left: 0px !important;
        }

        .link_person .link_person_text p + p {
            margin-top: 10px;
        }

        .link_person .link_person_text a {
            color: inherit;
            text-decoration: none;
        }

    .link_person.grey {
        background: #F4F4F4;
        color: #000;
        border-radius: 30px;
        overflow: hidden;
    }

    .link_person.reverse,
    .link_person:nth-child(even) {
        margin-top: 40px;
        flex-direction: row-reverse;
    }

@media screen and (max-width: 1279px) {
    .link_person .link_person_text {
        padding: 40px 60px;
    }
}

@media screen and (max-width: 1023px) {
    .link_person .link_person_text {
        padding: 20px 40px;
    }
}

@media screen and (max-width: 767px) {
    .link_person .link_person_text {
        padding: 20px 20px;
    }

    .link_person {
        flex-wrap: wrap;
        flex-direction: row;
    }

        .link_person .link_person_image,
        .link_person .link_person_text {
            width: 100%;
        }

        .link_person:nth-child(even) {
            margin-top: 20px;
        }
}

/* -------------------------------------------------------------------------------- */
.link_career {
    position: relative;
    padding-top: 70px;
    padding-bottom: 40px;
}

    .link_career .link_career_image {
        position: absolute;
        top: 0px;
        left: 40px;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .link_career .link_career_text {
        background: #F4F4F4;
        color: #000;
        padding: 90px 40px 40px 40px;
        border-radius: 30px;
    }

        .link_career .link_career_text .h3 {
            color: #363175;
        }

        .link_career .link_career_text .link_tag {
            margin: 0px 0px 10px 0px;
        }

            .link_career .link_career_text .link_tag .tag {
                border-right-color: #e5e5e5;
            }

@media screen and (max-width: 1023px) {
    .link_career .link_career_image {
        left: 20px;
    }

    .link_career .link_career_text {
        padding: 90px 20px 20px 20px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_milestone {
    position: relative;
    padding: 0px 0px 0px 100px;
    margin: 40px 0px;
}

    .link_milestone .link_milestone_index {
        position: absolute;
        top: 0px;
        left: 0px;
        padding-top: 40px;
    }

    .link_milestone .link_milestone_item {
        padding: 20px 0px;
        border-bottom: 1px solid #e5e5e5;
    }

    .link_milestone .link_milestone_item_row {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .link_milestone .link_milestone_item_row .link_milestone_year {
            width: 240px;
            font-size: 70px;
            font-weight: 600;
            color: #363175;
        }

        .link_milestone .link_milestone_item_row .link_milestone_body {
            flex: 1;
            color: #363175;
        }

            .link_milestone .link_milestone_item_row .link_milestone_body li {
                margin-bottom: 20px;
            }

                .link_milestone .link_milestone_item_row .link_milestone_body li:before {
                    border: 1px solid #363175;
                    background: #FFF;
                }

            .link_milestone .link_milestone_item_row .link_milestone_body img {
                display: block;
                width: 100%;
                height: auto;
                max-width: 880px;
                margin: 20px 0px;
            }

.link_milestone_index a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #363175;
}

    .link_milestone_index a.active:after {
        content: "";
        display: inline-block;
        margin: 0px 0px 0px 5px;
        width: 6px;
        height: 6px;
        background: #363175;
        border-radius: 50%;
    }

@media screen and (max-width: 1279px) {
    .link_milestone .link_milestone_item_row .link_milestone_year {
        font-size: 64px;
        width: 180px;
    }
}

@media screen and (max-width: 1023px) {
    .link_milestone .link_milestone_item_row .link_milestone_year {
        font-size: 48px;
        width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .link_milestone {
        padding-left: 60px;
    }

        .link_milestone .link_milestone_index {
            left: -10px;
            padding-top: 30px;
        }

        .link_milestone .link_milestone_item_row {
            flex-wrap: wrap;
        }

            .link_milestone .link_milestone_item_row .link_milestone_year {
                width: 100%;
                font-size: 32px;
            }

            .link_milestone .link_milestone_item_row .link_milestone_body {
                width: 100%;
                flex: auto;
            }
}

/* -------------------------------------------------------------------------------- */
.link_milestones .link_milestones_item {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background: #FFF;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

    .link_milestones .link_milestones_item:nth-of-type(odd) {
        flex-direction: row-reverse;
    }

.link_milestones .link_milestones_item_image {
    width: 40%;
}

.link_milestones .link_milestones_item_image {
    width: 40%;
}

.link_milestones .link_milestones_item_text {
    width: 60%;
    padding: 40px 80px;
}

.link_milestones .link_milestones_item_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .link_milestones .link_milestones_item_image:before {
        content: "";
        display: block;
        padding-bottom: 56.25%;
    }

.link_milestones .link_milestones_item_image--16x9:before {
    padding-bottom: 56.25%;
}

.link_milestones .link_milestones_item_image--4x3:before {
    padding-bottom: 75%;
}

.link_milestones .link_milestones_item_image--1x1:before {
    padding-bottom: 100%;
}

.link_milestones .link_milestones_item_text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .link_milestones .link_milestones_item_text .text {
        width: 100%;
    }

    .link_milestones .link_milestones_item_text p {
        color: #363175;
        opacity: 1;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .link_milestones .link_milestones_item_text p:before {
            content: "";
            display: block;
            background: #000;
            opacity: 0.25;
            width: 12px;
            height: 12px;
            margin: 0px 10px 0px 0px;
            border-radius: 50%;
        }

        .link_milestones .link_milestones_item_text p + .h3,
        .link_milestones .link_milestones_item_text p + .h4,
        .link_milestones .link_milestones_item_text p + .h5,
        .link_milestones .link_milestones_item_text p + .h6 {
            margin-top: 10px;
        }

.black .link_milestones .link_milestones_item {
    background: rgba(255, 255, 255, 0.1);
}

.black .link_milestones .link_milestones_item_text p {
    color: #FFF;
}

    .black .link_milestones .link_milestones_item_text p:before {
        background: #FFF;
    }

.link_milestones_index {
    position: fixed;
    z-index: 10;
    width: auto;
    top: 100px;
    left: 0px;
    height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    opacity: 0;
    pointer-events: none;
    transition: ease all 0.3s;
}

    .link_milestones_index.show {
        opacity: 1;
        pointer-events: all;
    }

    .link_milestones_index .link_milestones_index_year {
        background: #FFF;
        max-height: calc(100vh - 100px);
        overflow: auto;
        border-radius: 20px;
        padding: 20px 0px 10px 0px;
    }

        .link_milestones_index .link_milestones_index_year a {
            position: relative;
            display: block;
            white-space: nowrap;
            padding: 0px 30px 0px 20px;
            margin: 0px 0px 10px 0px;
            color: #000;
            opacity: 0.5;
            text-decoration: none;
        }

            .link_milestones_index .link_milestones_index_year a.active {
                color: #363175;
                opacity: 1;
                font-weight: 600;
            }

                .link_milestones_index .link_milestones_index_year a.active:after {
                    content: "";
                    display: block;
                    background: #363175;
                    width: 8px;
                    height: 8px;
                    position: absolute;
                    top: calc(50% - 4px);
                    right: 12px;
                    border-radius: 50%;
                }

        .link_milestones_index .link_milestones_index_year.black {
            background: #000;
        }

        .link_milestones_index .link_milestones_index_year.grey {
            background: #F4F4F4;
        }


        .link_milestones_index .link_milestones_index_year.black a {
            color: #FFF;
        }

            .link_milestones_index .link_milestones_index_year.black a.active {
                color: #FFF;
            }

                .link_milestones_index .link_milestones_index_year.black a.active:after {
                    background: #FFF;
                }

@media screen and (max-width: 1439px) {
    .link_milestones_year {
        padding-left: 100px;
    }

    .link_milestones {
        padding-left: 100px;
    }

    .link_milestones_index {
        padding: 0px 10px;
    }
}

@media screen and (max-width: 1279px) {
    .link_milestones .link_milestones_item_text {
        padding: 40px 40px;
    }
}

@media screen and (max-width: 1023px) {
    .link_milestones .link_milestones_item {
        flex-wrap: wrap;
        border-radius: 20px;
    }

        .link_milestones .link_milestones_item:nth-of-type(odd) {
            flex-direction: row;
        }

    .link_milestones .link_milestones_item_image {
        width: 100%;
    }

    .link_milestones .link_milestones_item_text {
        width: 100%;
        padding: 40px 40px;
    }
}

@media screen and (max-width: 767px) {
    .link_milestones_year {
        padding-left: 80px;
    }

    .link_milestones {
        padding-left: 80px;
    }

    .link_milestones_index .link_milestones_index_year {
        padding: 10px 0px 10px 0px;
        border-radius: 10px;
    }

        .link_milestones_index .link_milestones_index_year a {
            padding: 0px 30px 0px 10px;
            margin-bottom: 0px;
        }

    .link_milestones .link_milestones_item_text {
        width: 100%;
        padding: 20px 20px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_icon_text {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 20px 0px !important;
    padding-left: 40px;
    padding-right: 40px;
}

    .link_icon_text.link_icon_text--big {
        padding-left: 100px;
    }

    .link_icon_text strong {
        margin-right: 20px;
        color: #363175;
        line-height: 24px;
        width: 40%;
        max-width: 200px;
    }

    .link_icon_text > img,
    .link_icon_text > .img,
    .link_icon_text:before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        /*calc(50% - 12px)*/
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .link_icon_text > img {
        object-fit: contain;
        object-position: center center;
    }

    .link_icon_text > .img {
        background-size: contain;
        background-position: center center;
    }

    .link_icon_text:before {
        background-image: url(../img/lr/icon/boxes.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .link_icon_text.link_icon_text--big > img,
    .link_icon_text.link_icon_text--big > .img,
    .link_icon_text.link_icon_text--big:before {
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
        display: block;
    }

    .link_icon_text .sml {
        font-size: 0.8em;
        margin-left: 10px;
    }

    .link_icon_text.custom:before {
        background-image: none;
        display: none;
    }

    .link_icon_text.tick:before {
        background-image: url(../img/lr/icon/tick.svg);
    }

    .link_icon_text.pin:before {
        background-image: url(../img/lr/icon/pin.svg);
    }

    .link_icon_text.phone:before {
        background-image: url(../img/lr/icon/phone.svg);
    }

    .link_icon_text.carpark:before {
        background-image: url(../img/lr/icon/parking.svg);
    }

    .link_icon_text.area:before {
        background-image: url(../img/lr/icon/area.svg);
    }

    .link_icon_text.clock:before {
        background-image: url(../img/lr/icon/clock.svg);
    }

    .link_icon_text.alignment:before {
        background-image: url(../img/lr/lion/icon_alignment.svg);
    }

    .link_icon_text.governance:before {
        background-image: url(../img/lr/lion/icon_governance.svg);
    }

    .link_icon_text.transparency:before {
        background-image: url(../img/lr/lion/icon_transparency.svg);
    }

    .link_icon_text.noicon:before {
        display: none;
    }


.black .link_icon_text strong {
    color: #FFF;
}

    .black .link_icon_text strong:before {
        filter: brightness(0) invert(1);
    }

h3 + .link_icon_text.link_icon_text--big,
.link_icon_text.link_icon_text--big + .link_icon_text.link_icon_text--big {
    margin-top: 40px !important;
}

@media screen and (max-width: 1023px) {
    .link_icon_text {
        flex-wrap: wrap;
    }

        .link_icon_text strong {
            width: 100%;
            max-width: 100%;
            display: block;
        }
}

/* -------------------------------------------------------------------------------- */
.link_contact {
    margin: 0px;
    padding: 0px 0px 0px 30px;
    line-height: 1.4em;
    position: relative;
}

    .link_contact:before {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 1.4em;
        top: 0px;
        left: 0px;
        background-image: url(../img/lr/icon/boxes.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .link_contact + .link_contact {
        margin: 20px 0px 0px 0px;
    }

    .link_contact + .link_btn {
        margin: 20px 0px 0px 0px;
    }

        .link_contact:last-child,
        .link_contact + .link_btn:last-child {
            margin-bottom: 60px;
        }

    .link_contact.pin:before {
        background-image: url(../img/lr/icon/pin.svg);
    }

    .link_contact.phone:before {
        background-image: url(../img/lr/icon/phone.svg);
    }

    .link_contact.carpark:before {
        background-image: url(../img/lr/icon/parking.svg);
    }

    .link_contact.area:before {
        background-image: url(../img/lr/icon/area.svg);
    }

    .link_contact.email:before {
        background-image: url(../img/lr/icon/email.svg);
    }

.black .link_contact:before {
    filter: brightness(0) invert(1);
}

@media screen and (max-width: 1023px) {
    .link_contact + .link_contact {
        margin: 10px 0px 0px 0px;
    }

    .link_contact + .link_btn {
        margin: 10px 0px 0px 0px;
    }

        .link_contact:last-child,
        .link_contact + .link_btn:last-child {
            margin-bottom: 20px;
        }
}

/* -------------------------------------------------------------------------------- */
.link_accordion {
    margin: 40px 0px;
}

    .link_accordion .link_accordion_item {
        border-bottom: 1px solid #e5e5e5;
        padding: 40px 0px;
    }

        .link_accordion .link_accordion_item > a {
            background: none;
        }

        .link_accordion .link_accordion_item:first-of-type {
            border-top: 1px solid #e5e5e5;
        }

        .link_accordion .link_accordion_item .toggle {
            position: relative;
            padding-right: 40px;
            display: block;
            font-size: 25px;
            color: inherit;
            text-decoration: none;
        }

            .link_accordion .link_accordion_item .toggle:before,
            .link_accordion .link_accordion_item .toggle:after {
                content: "";
                display: block;
                position: absolute;
                width: 20px;
                height: 1px;
                top: 50%;
                right: 10px;
                background: #000;
                transition: ease all 0.3s;
            }

        .link_accordion .link_accordion_item:not(.open) .toggle:after {
            transform: rotate(90deg);
        }

        .link_accordion .link_accordion_item .toggle.icon {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
            min-height: 120px;
            padding-left: 150px;
        }

            .link_accordion .link_accordion_item .toggle.icon img {
                position: absolute;
                top: calc(50% - 60px);
                left: 0px;
                width: 120px;
                height: 120px;
                border-radius: 50%;
            }


        .link_accordion .link_accordion_item .link_accordion_body {
            display: none;
            padding-top: 40px;
        }

            .link_accordion .link_accordion_item .link_accordion_body hr {
                margin: 30px 0px;
            }

    .link_accordion .link_accordion {
        margin-right: 40px;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
    }

        .link_accordion .link_accordion .link_accordion_item {
            padding-left: 20px;
            padding-right: 20px;
        }

    .link_accordion .link_accordion_item .toggle h2,
    .link_accordion .link_accordion_item .toggle .h2,
    .link_accordion .link_accordion_item .toggle h3,
    .link_accordion .link_accordion_item .toggle .h3,
    .link_accordion .link_accordion_item .toggle h4,
    .link_accordion .link_accordion_item .toggle .h4 {
        margin: 0px;
    }

    .link_accordion .link_accordion_item p + p {
        margin-top: 40px;
    }

.black .link_accordion .link_accordion_item {
    border-color: rgba(255, 255, 255, 0.25);
}

.black .link_accordion .link_accordion {
    border-left-color: rgba(255, 255, 255, 0.25);
    border-right-color: rgba(255, 255, 255, 0.25);
}

.black .link_accordion .link_accordion_item .toggle:before,
.black .link_accordion .link_accordion_item .toggle:after {
    background: #FFF;
}

.purple .link_accordion .link_accordion_item {
    border-color: rgba(255, 255, 255, 0.25);
}

.purple .link_accordion .link_accordion {
    border-left-color: rgba(255, 255, 255, 0.25);
    border-right-color: rgba(255, 255, 255, 0.25);
}

.purple .link_accordion .link_accordion_item .toggle:before,
.purple .link_accordion .link_accordion_item .toggle:after {
    background: #FFF;
}

@media screen and (max-width: 1023px) {
    .link_accordion .link_accordion_item .toggle {
        font-size: 18px;
    }

        .link_accordion .link_accordion_item .toggle.icon {
            min-height: 80px;
            padding-left: 120px;
        }

            .link_accordion .link_accordion_item .toggle.icon img {
                position: absolute;
                top: calc(50% - 40px);
                left: 0px;
                width: 80px;
                height: 80px;
            }
}

@media screen and (max-width: 767px) {
    .link_accordion .link_accordion_item .toggle {
        font-size: 16px;
    }

        .link_accordion .link_accordion_item .toggle.icon {
            min-height: 60px;
            padding-left: 80px;
        }

            .link_accordion .link_accordion_item .toggle.icon img {
                position: absolute;
                top: calc(50% - 30px);
                left: 0px;
                width: 60px;
                height: 60px;
            }
}

/* -------------------------------------------------------------------------------- */
.link_factsheet {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 40px;
}

    .link_factsheet .link_factsheet_group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .link_factsheet .link_factsheet_head,
    .link_factsheet .link_factsheet_item {
        width: 212px;
        height: 212px;
        margin: 0px 20px 20px 0px;
        padding: 6px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .link_factsheet .link_factsheet_head {
        background: #363175;
        color: #FFF;
    }

    .link_factsheet .link_factsheet_item {
        background: #F4F4F4;
        color: #000;
    }

    .link_factsheet img {
        display: block;
        margin-bottom: 10px;
        height: 78px;
        width: auto;
    }

    .link_factsheet span {
        display: block;
        width: 100%;
    }

    .link_factsheet .link_factsheet_head span {
        font-size: 22px;
    }

    .link_factsheet .link_factsheet_item span {
        text-align: center;
    }

        .link_factsheet .link_factsheet_item span.lrg {
            font-size: 20px;
            line-height: 1.2em;
            color: #363175;
            text-align: left;
            display: block;
            width: 100%;
            margin-bottom: 10px;
        }

    .link_factsheet .link_factsheet_item .normal {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .link_factsheet .link_factsheet_item.hover .normal,
    .link_factsheet .link_factsheet_item:hover .normal,
    .link_factsheet .link_factsheet_item .hovered {
        display: none;
    }

    .link_factsheet .link_factsheet_item.hover .hovered,
    .link_factsheet .link_factsheet_item:hover .hovered {
        display: block;
    }

.grey .link_factsheet .link_factsheet_head {
    background: #363175;
    color: #FFF;
}

.grey .link_factsheet .link_factsheet_item {
    background: #FFF;
    color: #000;
}

.black .link_factsheet .link_factsheet_head {
    background: #363175;
    color: #FFF;
}

.black .link_factsheet .link_factsheet_item {
    background: #FFF;
    color: #000;
}

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

    .link_factsheet .link_factsheet_head,
    .link_factsheet .link_factsheet_item {
        padding: 20px;
    }
}

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

    .link_factsheet .link_factsheet_head,
    .link_factsheet .link_factsheet_item {
        width: 100%;
        padding: 10px;
        margin-right: 0px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
    }

        .link_factsheet .link_factsheet_item .hovered {
            padding: 0px 0px 0px 20px;
        }

        .link_factsheet .link_factsheet_item .normal,
        .link_factsheet .link_factsheet_item .hovered {
            display: block !important;
            width: 50%;
            text-align: center;
        }

            .link_factsheet .link_factsheet_item .normal img,
            .link_factsheet .link_factsheet_item .hovered img {
                display: block;
                margin: 10px auto;
            }

        .link_factsheet .link_factsheet_item span {
            line-height: 1.2em;
        }

            .link_factsheet .link_factsheet_item span.lrg {
                font-size: 18px;
            }
}

/* -------------------------------------------------------------------------------- */
.link_popup,
.link_alert {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.95);*/
    background: rgba(38, 34, 82, 0.95);
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .link_popup .link_main,
    .link_alert .link_main {
        width: 100%;
        position: relative;
    }

    .link_popup .link_head_close {
        position: absolute;
        z-index: 2;
        top: 20px;
        right: 60px;
    }

.link_alert {
    background: none;
}

    .link_alert .link_alert_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }

    .link_alert .link_alert_box {
        max-width: 600px;
        margin: 0px auto;
        padding: 20px 40px 10px 40px;
        background: #FFF;
        color: #000;
        border-radius: 20px;
    }

        .link_alert .link_alert_box .link_alert_close {
            display: block;
            width: 20px;
            height: 20px;
            margin-left: auto;
            margin-bottom: 20px;
            background-image: url(../img/lr/icon/close.svg);
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: center right;
            filter: brightness(0);
            opacity: 0.8;
        }

@media screen and (max-width: 1023px) {
    .link_popup .link_head_close {
        width: 60px;
        height: 60px;
        right: 20px;
    }

    .link_alert .link_alert_box {
        padding: 20px 20px 10px 20px;
    }

        .link_alert .link_alert_box .link_alert_close {
            margin-bottom: 10px;
        }
}

@media screen and (max-width: 639px) {
    .link_popup .link_head_close {
        width: 48px;
        height: 48px;
        right: 10px;
    }
}

.link_alert .link_alert_box {
    max-height: 80vh;
    overflow-y: scroll;
}

    .link_alert .link_alert_box .link_alert_close {
        position: sticky;
        top: 20px;
        right: 20px;
    }
/* =================================================================================*/
/* SWIPER */
/* =================================================================================*/

.link_swiper .link_swiper_head {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 20px;
    /*margin-top: 80px;*/
    max-width: 1400px;
}

    .link_swiper .link_swiper_head:last-child {
        margin-bottom: 0px;
        /*margin-top: 40px;*/
        align-items: flex-start;
    }

    .link_swiper .link_swiper_head .link_swiper_text {
        flex: 1;
    }

        .link_swiper .link_swiper_head .link_swiper_text h3 {
            margin: 0px;
        }

    .link_swiper .link_swiper_head .link_swiper_nav {
        margin-left: 80px;
    }

    .link_swiper .link_swiper_head.link_swiper_head_esg {
        justify-content: center;
    }

.link_swiper .link_swiper_nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 20px;
}

    .link_swiper .link_swiper_nav.link_swiper_nav--margin {
        margin-bottom: 120px;
    }

        .link_swiper .link_swiper_nav.link_swiper_nav--margin .link_btn {
            margin-top: 40px;
        }

    .link_swiper .link_swiper_nav.link_swiper_nav--overlap {
        position: absolute;
        z-index: 1;
        top: 0px;
        left: -24px;
        width: calc(100% + 48px);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        pointer-events: none;
    }

        .link_swiper .link_swiper_nav.link_swiper_nav--overlap a {
            pointer-events: all;
        }

.link_swiper .swiper-wrapper {
    align-items: stretch;
}

    .link_swiper .swiper-wrapper .swiper-slide {
        height: auto;
    }

.link_swiper .swiper-container {
    overflow: visible;
}

@media screen and (max-width: 1639px) {
    .link_swiper .link_swiper_nav.link_swiper_nav--overlap {
        left: -24px;
        width: calc(100% + 48px);
    }
}

@media screen and (max-width: 1023px) {
    .link_swiper .link_swiper_nav.link_swiper_nav--overlap {
        left: -20px;
        width: calc(100% + 40px);
    }
}

@media screen and (max-width: 767px) {
    .link_swiper .link_swiper_head {
        margin-bottom: 10px;
        /*add padding for mobile*/
    }

    .link_swiper .link_swiper_nav.link_swiper_nav--margin {
        margin-bottom: 80px;
    }

        .link_swiper .link_swiper_nav.link_swiper_nav--margin .link_btn {
            margin-top: 20px;
        }

    .link_swiper .link_swiper_nav.link_swiper_nav--overlap {
        left: -18px;
        width: calc(100% + 36px);
    }

        .link_swiper .link_swiper_nav.link_swiper_nav--overlap .link_btn:before,
        .link_swiper .link_swiper_nav.link_swiper_nav--overlap .link_btn:after {
            width: 36px;
            height: 36px;
        }
}

@media screen and (max-width: 479px) {
    .link_swiper .link_swiper_nav.link_swiper_nav--margin {
        margin-bottom: 40px;
    }

        .link_swiper .link_swiper_nav.link_swiper_nav--margin .link_btn {
            margin-top: 20px;
        }
}

.link_swiper .link_swiper_nav .link_btn {
    margin: 0px;
}

    .link_swiper .link_swiper_nav .link_btn:before {
        margin: 0px;
    }

.link_swiper .link_swiper_nav .swiper-nav {
    width: 20px;
}

.link_swiper .link_swiper_nav .swiper-nav2 {
    margin: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.link_swiper .link_swiper_nav .swiper-pagination-bullet {
    pointer-events: all;
    width: 40px;
    height: 40px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: none;
    margin: 0px 10px 0px 0px;
}

    .link_swiper .link_swiper_nav .swiper-pagination-bullet:before {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: #FFF;
    }

.link_swiper .link_swiper_nav .swiper-pagination-fraction {
    width: auto;
}

.link_swiper .link_swiper_nav .swiper-pagination-current {
    display: block;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0px 10px 0px 0px;
    margin: 0px 10px 0px 0px;
}

.link_swiper .link_swiper_nav .link_swiper_stop {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    background-image: url(../img/lr/icon/pause.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
}

    .link_swiper .link_swiper_nav .link_swiper_stop .progress {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: -5px;
        left: 0px;
        background: #FFF;
    }

    .link_swiper .link_swiper_nav .link_swiper_stop.stopped {
        background-image: url(../img/lr/icon/play.svg);
    }

        .link_swiper .link_swiper_nav .link_swiper_stop.stopped .progress {
            display: none;
        }

.link_swiper.popup .link_swiper_head {
    margin-top: 20px;
}

    .link_swiper.popup .link_swiper_head .link_swiper_nav {
        margin-left: 20px;
    }

    .link_swiper.popup .link_swiper_head.link_swiper_head_esg .link_swiper_nav {
        margin-left: 0px;
    }

    .link_swiper.popup .link_swiper_head .link_swiper_text {
        text-align: center;
        padding-left: 144px;
    }

.link_swiper .swiper-button-disabled {
    opacity: 0.25;
    cursor: default;
    pointer-events: none !important;
}

.link_swiper_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 66vh;
    overflow: hidden;
}

    .link_swiper_image:before {
        content: "";
        display: block;
        padding-bottom: 56.25%;
    }

.link_content_block .link_swiper .link_swiper_nav .swiper-pagination-current {
    border-color: #e5e5e5;
}

.link_content_block.black .link_swiper .link_swiper_nav .swiper-pagination-current,
.link_content_block.purple .link_swiper .link_swiper_nav .swiper-pagination-current {
    border-color: rgba(255, 255, 255, 0.5);
}

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

    .link_swiper_image_text .link_swiper_image {
        width: 50%;
    }

        .link_swiper_image_text .link_swiper_image:before {
            padding-bottom: 100%;
        }

    .link_swiper_image_text .link_swiper_text {
        width: 50%;
        padding-left: 40px;
    }

.link_swiper.auto .swiper-slide {
    width: auto;
}

.link_swiper.auto .link_card {
    width: auto;
}

.link_swiper.arrow {
    margin-bottom: 80px;
}

    .link_swiper.arrow .link_tab {
        margin-bottom: 0px;
    }

    .link_swiper.arrow .swiper-container {
        padding-right: 90px;
    }

    .link_swiper.arrow .link_swiper_nav {
        position: absolute;
        z-index: 1;
        top: 0px;
        right: 0px;
        width: 90px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100%);
        justify-content: flex-end;
        padding: 0px;
    }

.grey .link_swiper.arrow .link_swiper_nav {
    background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 33%, rgba(245, 245, 245, 1) 100%);
}

.black .link_swiper.arrow .link_swiper_nav {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 1) 100%);
}

.link_swiper .link_swiper_btn {
    display: block;
    width: 30px;
    height: 30px;
}

    .link_swiper .link_swiper_btn:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../img/lr/icon/down.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px;
        transform: rotate(90deg);
        filter: brightness(0);
    }

    .link_swiper .link_swiper_btn.next:before {
        transform: rotate(270deg);
    }

.link_swiper.overflow .swiper-container {
    overflow: visible;
}

@media screen and (max-width: 1023px) {
    .link_swiper .link_swiper_nav .swiper-pagination-bullet {
        width: 30px;
        height: 20px;
    }

        .link_swiper .link_swiper_nav .swiper-pagination-bullet:before {
            height: 2px;
        }

    .link_swiper_image:before {
        padding-bottom: 75%;
    }

    .link_swiper.popup .link_swiper_head .link_swiper_text {
        padding-left: 116px;
    }
}

@media screen and (max-width: 767px) {
    .link_swiper .link_swiper_nav .swiper-pagination-bullet {
        width: 20px;
        height: 10px;
    }

        .link_swiper .link_swiper_nav .swiper-pagination-bullet:before {
            height: 1px;
        }

    .link_swiper .link_swiper_head {
        flex-wrap: wrap;
    }

        .link_swiper .link_swiper_head .link_swiper_text {
            flex: auto;
            width: 100%;
        }

        .link_swiper .link_swiper_head .link_swiper_nav {
            margin-left: 0px;
            margin-top: 20px;
            width: 100%;
        }

    .link_swiper_image:before {
        padding-bottom: 100%;
    }

    .link_swiper.popup .link_swiper_head .link_swiper_text {
        padding-left: 0px;
        text-align: left;
    }

    .link_swiper.popup .link_swiper_head .link_swiper_nav {
        margin-left: 0px;
    }

    .link_swiper_image_text {
        flex-wrap: wrap;
    }

        .link_swiper_image_text .link_swiper_image {
            width: 100%;
        }

            .link_swiper_image_text .link_swiper_image:before {
                padding-bottom: 50%;
            }

        .link_swiper_image_text .link_swiper_text {
            width: 100%;
            padding-left: 0px;
            margin-top: 20px;
            max-height: 30vh;
            overflow: auto;
        }
}

/* =================================================================================*/
/* Chart */
/* =================================================================================*/
.link_chart {
    max-width: 1000px;
    margin: 40px 0px;
}

    .link_chart .mobile {
        display: none;
    }

    .link_chart .legend {
        width: 50%;
        padding-right: 40px;
    }

        .link_chart .legend .legend_items {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

        .link_chart .legend .legend_item {
            display: flex;
            align-items: center;
            justify-items: flex-start;
            width: calc(50% - 20px);
            margin: 0px 20px 20px 0px;
        }

            .link_chart .legend .legend_item .box {
                display: block;
                width: 16px;
                height: 16px;
                margin: 0px 10px 0px 0px;
            }

    .link_chart.donut {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .link_chart.donut .desktop,
        .link_chart.donut .mobile {
            width: 50%;
        }



@media screen and (max-width: 767px) {
    .link_chart .desktop {
        display: none;
    }

    .link_chart .mobile {
        display: block;
    }

    .link_chart.donut {
        flex-wrap: wrap;
    }

        .link_chart.donut .desktop,
        .link_chart.donut .mobile {
            width: 100%;
        }

    .link_chart .legend {
        width: 100%;
        padding-bottom: 20px;
    }
}

/* =================================================================================*/
/* Search */
/* =================================================================================*/
.link_input_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .link_input_wrapper span {
        margin-right: 20px;
    }

    .link_input_wrapper .link_input {
        flex: 1;
    }

.link_input {
    width: 100%;
    position: relative;
    display: block;
    margin: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

    .link_input input[type="text"],
    .link_input textarea,
    .link_input select {
        display: block;
        width: 100%;
        min-width: 180px;
        border: none;
        background-color: transparent;
        position: relative;
        z-index: 1;
    }

    .link_input select {
        padding-right: 30px;
    }

    .link_input.search input[type="text"] {
        padding-left: 30px;
        padding-right: 20px;
        background-image: url(../img/lr/icon/search_black.svg);
        background-size: 16px;
        background-position: center left 4px;
        background-repeat: no-repeat;
    }

    .link_input .form-control:disabled,
    .link_input .form-control[readonly] {
        background: none;
        opacity: 0.5;
    }

    .link_input .submit {
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 20px;
        height: 100%;
        background-image: url(../img/lr/icon/arrow_black.svg);
        background-position: center right 6px;
        background-repeat: no-repeat;
        background-size: 15px;
    }

@media (hover: hover) {
    .link_input .submit:hover {
        display: block;
        bottom: 0px;
        right: 0px;
        width: 40px;
        height: 100%;
        background-size: 15px;
    }
}

/* -------------------------------------------------------------------------------- */
.link_search_filter {
    margin: 0px 0px 40px 0px;
}

    .link_search_filter .h2,
    .link_search_filter .h3,
    .link_search_filter .h4,
    .link_search_filter .h5 {
        margin: 0px 0px 10px 0px;
    }

    .link_search_filter .link_search_filter_row {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .link_search_filter .link_search_filter_col {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-left: 1px solid #e5e5e5;
        padding: 0px 20px;
    }

        .link_search_filter .link_search_filter_col.auto {
            flex: 1;
        }

        .link_search_filter .link_search_filter_col.search {
            flex: 0.5;
        }

        .link_search_filter .link_search_filter_col.select {
            flex: 1.2;
        }

        .link_search_filter .link_search_filter_col.map {
            padding-right: 0px;
        }

    .link_search_filter .link_filter_btn.map {
        margin-right: 0px;
    }

    .link_search_filter .link_search_filter_col:first-of-type {
        border: none;
        padding: 0px;
    }

    .link_search_filter .link_input {
        margin: 0px 20px 0px 0px;
        min-width: 200px;
    }

        .link_search_filter .link_input:last-of-type:not(:first-of-type) {
            margin-right: 0px;
        }

        .link_search_filter .link_input select {
            font-size: 18px;
            font-weight: 600;
        }

@media screen and (max-width: 1279px) {
    .link_search_filter .link_search_filter_col {
        width: 100%;
        border-left: none;
        padding: 10px 0px;
    }

    .link_search_filter .link_input:first-child:last-child {
        margin-right: 0px;
    }

    .link_search_filter .link_search_filter_col:first-of-type {
        flex: auto;
        padding: 10px 0px;
    }
}

@media screen and (max-width: 767px) {
    .link_search_filter .link_input {
        margin-right: 0px;
    }

    .link_search_filter .link_search_filter_col {
        flex-wrap: wrap;
    }

        .link_search_filter .link_search_filter_col.map {
            display: none;
        }
}

/* -------------------------------------------------------------------------------- */
.link_empty {
    padding: 100px 0px;
}

    .link_empty p {
        max-width: 100%;
        text-align: center;
    }

.link_paging {
    margin: 40px 0px 100px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .link_paging .link_btn {
        margin: 0px;
    }

    .link_paging .link_paging_pos {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px 40px;
    }

        .link_paging .link_paging_pos span {
            margin: 0px 5px;
        }

        .link_paging .link_paging_pos .current {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            border: 1px solid #e5e5e5;
            width: 62px;
            height: 62px;
        }

        .link_paging .link_paging_pos input {
            border-radius: 50%;
            border: 1px solid rgba(0, 0, 0, 0.25);
            width: 62px;
            height: 62px;
            text-align: center;
            margin: 0px 10px;
        }

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

    .link_paging .link_paging_pos .current,
    .link_paging .link_paging_pos input {
        width: 48px;
        height: 48px;
    }
}

/* =================================================================================*/
/* FORM */
/* =================================================================================*/
input[type="radio"] {
    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin: 0px 4px 4px 0px;
    background-color: transparent;
    border: 1px solid transparent;
}

    input[type="radio"]:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        top: -1px;
        left: -1px;
        border-radius: 50%;
        border: 1px solid #363175;
        background-color: #FFF;
    }

    input[type="radio"]:checked:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 2px;
        left: 2px;
        border-radius: 50%;
        background-color: #363175;
    }

/* -------------------------------------------------------------------------------- */
input[type="checkbox"] {
    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin: 0px 4px 4px 0px;
    background-color: transparent;
    border: 1px solid transparent;
}

    input[type="checkbox"]:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        top: -1px;
        left: -1px;
        border-radius: 0px;
        border: 1px solid #363175;
        background-color: #FFF;
    }

    input[type="checkbox"]:checked:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 2px;
        left: 2px;
        border-radius: 0px;
        background-color: #363175;
    }

    input[type="checkbox"].tick:checked:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: -1px;
        left: -1px;
        border-radius: 2px;
        background-color: #363175;
        background-image: url(../img/lr/icon/tick.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px;
    }

.link_head_search_form input[type="checkbox"]:before {
    border: 1px solid #FFF;
    background-color: #363175;
}

.link_head_search_form input[type="checkbox"]:checked:after {
    background-color: #FFF;
}

/* -------------------------------------------------------------------------------- */
select {
    background-image: url(../img/lr/icon/down_black.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* -------------------------------------------------------------------------------- */
.link_form_input {
    display: block;
    margin: 20px 0px;
}

    .link_form_input .label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .link_form_input input[type="text"],
    .link_form_input input[type="date"],
    .link_form_input textarea,
    .link_form_input select {
        display: block;
        width: 100%;
        height: 40px;
        padding: 0px 30px 0px 10px;
        border: 1px solid #999;
        border-radius: 4px;
        background-color: #FFF;
        color: #000;
    }

    .link_form_input input[type="date"] {
        padding-right: 10px;
    }

    .link_form_input textarea {
        height: 300px;
    }

    .link_form_input .link_form_input_tel {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
    }

        .link_form_input .link_form_input_tel input:first-child {
            width: 100px;
            margin-right: 20px;
        }

        .link_form_input .link_form_input_tel input:last-child {
            width: calc(100% - 120px);
        }

    .link_form_input .error {
        color: #C00;
        display: block;
    }

/* -------------------------------------------------------------------------------- */
.link_form_mc {
    margin: 40px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .link_form_mc p {
        width: 100%;
        margin: 0px;
    }

    .link_form_mc .link_form_mc_item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        margin: 10px 0px 0px 0px;
    }

        .link_form_mc .link_form_mc_item.half {
            width: 50%;
        }

        .link_form_mc .link_form_mc_item .link_form_mc_input {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            margin: 0px;
        }

            .link_form_mc .link_form_mc_item .link_form_mc_input input {
                margin: 5px 10px 0px 0px;
            }

            .link_form_mc .link_form_mc_item .link_form_mc_input a {
                background-size: 100% 1px;
            }

        .link_form_mc .link_form_mc_item .link_form_input {
            flex: 1;
            margin: 0px 0px 0px 20px;
        }

.link_form_upload {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border: 1px solid #999;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    margin: 0px;
}

    .link_form_upload input {
        display: none;
    }

    .link_form_upload .file {
        flex: 1;
        padding: 8px 20px;
        opacity: 0.5;
    }

    .link_form_upload.notempty .file {
        opacity: 1;
    }

    .link_form_upload .upload {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #363175;
        color: #FFF;
        padding: 8px 20px;
    }

        .link_form_upload .upload:before {
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            margin-right: 10px;
            background-image: url(../img/lr/icon/upload.svg);
            background-size: contain;
            background-repeat: no-repeat;
        }

@media screen and (max-width: 767px) {
    .link_form_mc .link_form_mc_item.half {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .link_form_mc .link_form_mc_item {
        flex-wrap: wrap;
    }

        .link_form_mc .link_form_mc_item .link_form_input {
            flex: auto;
            width: 100%;
            margin: 10px 0px 0px 0px;
        }
}

/* -------------------------------------------------------------------------------- */
.link_form_step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 1px;
    margin-bottom: 80px;
    border-bottom: 1px solid #CCC;
}

    .link_form_step .steps,
    .link_form_step .steps a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .link_form_step .steps {
        flex-wrap: wrap;
        padding-right: 20px;
    }

        .link_form_step .steps a {
            max-width: 300px;
            margin: 0px 20px 20px 0px;
        }

            .link_form_step .steps a .step {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                margin-right: 10px;
                border: 1px solid #CCC;
                color: #000;
                border-radius: 50%;
            }

            .link_form_step .steps a .text {
                flex: 1;
            }

                .link_form_step .steps a .text .underline {
                    background-image: url(../img/lr/icon/line.svg);
                    background-position: bottom left;
                    background-repeat: no-repeat;
                    background-size: 0% 1px;
                    transition: ease all 1s;
                }

.link_form_step_save {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 20px;
    border: 1px solid #363175;
    border-radius: 30px;
}

    .link_form_step_save:before {
        display: block;
        content: "";
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background-image: url(../img/lr/icon/save.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.link_form_step .steps a.active {
    color: #363175;
    text-decoration: none;
}

    .link_form_step .steps a.active .step {
        background: #363175;
        color: #FFF;
        border-color: #363175;
    }

@media (hover: hover) {
    .link_form_step .steps a:hover {
        color: #363175;
        text-decoration: none;
    }

        .link_form_step .steps a:hover .text .underline {
            background-size: 100% 1px;
        }

    .link_form_step_save:hover {
        background: #363175;
        color: #FFF;
        text-decoration: none;
    }

        .link_form_step_save:hover:before {
            filter: brightness(0) invert(1);
        }
}

/* -------------------------------------------------------------------------------- */
.link_submit {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background: #363175;
    color: #FFF;
    border: 1px solid #363175;
    padding: 15px 30px 15px 40px;
    border-radius: 30px;
}

    .link_submit:after {
        display: block;
        content: "";
        width: 20px;
        height: 20px;
        margin-left: 10px;
        background-image: url(../img/lr/icon/down.svg);
        background-position: center center;
        background-repeat: no-repeat;
        transform: rotate(270deg);
    }

    .link_submit.disabled {
        pointer-events: none;
        filter: grayscale(1);
    }

@media (hover: hover) {
    .link_submit:hover {
        background: #FFF;
        color: #000;
        text-decoration: none;
    }

        .link_submit:hover:after {
            background-image: url(../img/lr/icon/down_black.svg);
        }
}

/* =================================================================================*/
/* Loading */
/* =================================================================================*/
.link_loading {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.link_loading_body {
    background: #FFF;
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    max-width: 180px;
}

    .link_loading_body.fullwidth {
        max-width: 100%;
        padding: 100px 20px;
    }

    .link_loading_body:before {
        content: "";
        display: block;
        width: 100%;
        height: 16px;
        margin-bottom: 20px;
        background-image: url(../img/lr/icon/loading.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

/* =================================================================================*/
/* MAP */
/* =================================================================================*/
.link_map {
    position: relative;
    height: 100vh;
    max-height: 800px;
}

    .link_map .link_map_body,
    .link_map .link_map_pop {
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

        .link_map .link_map_body p {
            max-width: 100%;
        }

    .link_map .link_map_pop {
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .link_map .link_map_pop .link_main {
            width: 100%;
            display: none;
        }

        .link_map .link_map_pop .half {
            max-width: 700px;
            width: 100%;
            margin-left: auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .link_map .link_map_pop .link_map_pop_box {
            pointer-events: all;
            background: #FFF;
            color: #000;
            width: 100%;
            max-width: 400px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
            border-radius: 30px;
            overflow: hidden;
            opacity: 0;
            transform: translateY(50px);
        }

        .link_map .link_map_pop .link_map_pop_img {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .link_map .link_map_pop .link_map_pop_img:before {
                content: "";
                display: block;
                padding-bottom: 75%;
            }

        .link_map .link_map_pop .link_map_pop_txt {
            padding: 20px 30px;
        }

            .link_map .link_map_pop .link_map_pop_txt .link_tag {
                margin: 0px;
            }

            .link_map .link_map_pop .link_map_pop_txt .link_btn {
                margin-top: 20px;
            }

            .link_map .link_map_pop .link_map_pop_txt p {
                margin-top: 5px;
            }

        .link_map .link_map_pop .link_map_pop_hdr {
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

            .link_map .link_map_pop .link_map_pop_hdr .h3,
            .link_map .link_map_pop .link_map_pop_hdr .h4,
            .link_map .link_map_pop .link_map_pop_hdr .h5 {
                margin: 0px;
                padding: 0px;
                flex: 1;
            }

            .link_map .link_map_pop .link_map_pop_hdr:before {
                content: "";
                display: block;
                width: 23px;
                height: 28px;
                margin-right: 10px;
                background-image: url(../img/lr/icon/pin.svg);
                background-position: center left;
                background-repeat: no-repeat;
                background-size: auto;
            }

            .link_map .link_map_pop .link_map_pop_hdr .link_map_pop_close {
                display: block;
                width: 24px;
                height: 24px;
                background-image: url(../img/lr/icon/close_black.svg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: auto;
            }

        .link_map .link_map_pop.show .link_main {
            display: block;
        }

        .link_map .link_map_pop.fadein .link_map_pop_box {
            opacity: 1;
            transform: translateY(0px);
            transition: ease all 1s;
        }

        .link_map .link_map_pop .link_map_pop_hdr {
            display: block;
            height: 0px;
            position: relative;
            z-index: 1;
        }

            .link_map .link_map_pop .link_map_pop_hdr:before {
                display: none;
            }

            .link_map .link_map_pop .link_map_pop_hdr .link_map_pop_close {
                position: absolute;
                top: 20px;
                right: 20px;
                background-color: rgba(255, 255, 255, 0.5);
                background-size: 10px;
                border-radius: 50%;
                width: 30px;
                height: 30px;
            }

@media (hover: hover) {

    .link_map .link_map_pop .link_map_pop_hdr .link_map_pop_close:hover {
        background-color: #363175;
        background-image: url(../img/lr/icon/close.svg);
    }
}

/* =================================================================================*/
/* SITEMAP */
/* =================================================================================*/
.link_content_block .link_sitemap {
    width: 100%;
    max-width: 100% !important;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.link_content_block ul.link_sitemap {
    padding: 0px;
}

    .link_content_block ul.link_sitemap a {
        color: #363175;
    }

    .link_content_block ul.link_sitemap li:before {
        display: none;
    }

    .link_content_block ul.link_sitemap ul,
    .link_content_block ul.link_sitemap li {
        margin: 0px;
        padding: 0px;
    }

    .link_content_block ul.link_sitemap > li > ul {
        padding: 30px 0px 0px 0px;
    }

        .link_content_block ul.link_sitemap > li > ul ul {
            padding: 0px 0px 0px 20px;
        }

    .link_content_block ul.link_sitemap > li {
        width: calc(33.33% - 40px);
        min-width: 300px;
        border-top: 10px solid #EEE;
        padding: 40px 0px 40px 0px;
        margin: 0px 40px 0px 0px;
    }

        .link_content_block ul.link_sitemap > li > ul > li {
            padding: 0px 0px 40px 0px;
        }

            .link_content_block ul.link_sitemap > li > ul > li li {
                padding: 5px 0px 0px 0px;
            }

        .link_content_block ul.link_sitemap > li > a {
            font-size: 25px;
            font-weight: 600;
        }

        .link_content_block ul.link_sitemap > li > ul > li > a {
            font-weight: 600;
        }

        .link_content_block ul.link_sitemap > li > ul > li a {
            display: inline-flex;
        }

            .link_content_block ul.link_sitemap > li > ul > li a:after {
                content: "";
                display: none;
                width: 20px;
                height: 20px;
                /*background-image: url(../img/lr/icon/down_black.svg);*/
                background-repeat: no-repeat;
                background-position: bottom center;
                transform: rotate(270deg);
            }

    .link_content_block ul.link_sitemap a {
        color: inherit !important;
    }

@media screen and (max-width: 479px) {
    .link_content_block ul.link_sitemap > li {
        min-width: 100%;
        width: 100%;
    }
}

.link_caring {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .link_caring img {
        width: auto;
        height: 48px;
        margin: 0px 0px 20px 20px;
    }

        .link_caring img:first-of-type {
            margin-left: 0px;
        }

/* =================================================================================*/
/* LION ROCK */
/* =================================================================================*/
.lion_banner {
    position: relative;
    background: #363175;
    color: #FFF;
    width: 100%;
    overflow: hidden;
}

    .lion_banner.grey {
        background: #F4F4F4;
        color: #000;
    }

    .lion_banner .lion_banner_image {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

        .lion_banner .lion_banner_image .swiper-container {
            height: 100%;
        }

        .lion_banner .lion_banner_image .swiper-slide {
            overflow: hidden;
        }

        .lion_banner .lion_banner_image .image,
        .lion_banner .lion_banner_image .video {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }

        .lion_banner .lion_banner_image .image {
            background-position: center center;
            background-size: cover;
        }

        .lion_banner .lion_banner_image .swiper-slide .image {
            transform-origin: center center;
            transform: scale(1.2);
        }

        .lion_banner .lion_banner_image .swiper-slide.zoom .image {
            transition: ease transform 10s;
            transform: scale(1);
        }

        .lion_banner .lion_banner_image .video video {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .lion_banner .lion_banner_image .image.dark:after,
        .lion_banner .lion_banner_image .video.dark:after {
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.25);
        }

        .lion_banner .lion_banner_image .image.mobile {
            display: none;
        }

        .lion_banner .lion_banner_image .text {
            display: none;
        }

@media screen and (max-width: 767px) {
    .lion_banner .lion_banner_image .image.mobile {
        display: block;
    }

    .lion_banner .lion_banner_image .image:not(.mobile) {
        display: none;
    }
}

/* -------------------------------------------------------------------------------- */
.lion_banner .lion_banner_text {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 200px;
    padding-bottom: 150px;
    z-index: 2;
    pointer-events: none;
}

.lion_banner.auto .lion_banner_text {
    min-height: auto;
    align-items: flex-end;
    padding-bottom: 1px !important;
}

.lion_banner.inner .lion_banner_text {
    min-height: 480px;
    align-items: flex-end;
    padding-bottom: 1px !important;
}
/*
.lion_banner .lion_banner_text.lion_banner_text--home .link_main {
    max-width: 100%;
}
*/
.lion_banner .lion_banner_text .text {
    width: calc(50% - 40px);
    min-width: 600px;
    /*margin-left: auto;*/
}

.lion_banner .lion_banner_text .h0 {
    font-size: 110px;
    font-weight: 600;
    line-height: 1.0em;
    margin-bottom: 50px;
}

.lion_banner .lion_banner_text .h1 {
    font-size: 70px;
    font-weight: 600;
    line-height: 1.0em;
    margin-bottom: 50px;
}

.lion_banner .lion_banner_text .h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
}

.lion_banner .lion_banner_text .h3 {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.2em;
}

.lion_banner .lion_banner_text p {
    font-size: 18px;
}

.lion_banner .lion_banner_text ul {
    font-size: 18px;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 40px;
}

    .lion_banner .lion_banner_text ul li {
        list-style: none;
        position: relative;
        line-height: 1.8em;
    }

        .lion_banner .lion_banner_text ul li:before {
            content: "";
            display: block;
            position: absolute;
            top: calc(0.75em - 4px);
            left: -40px;
            width: 8px;
            height: 8px;
            background: #363175;
            border-radius: 50%;
        }

    .lion_banner .lion_banner_text ul.tick > li:before {
        width: 20px;
        height: 20px;
        top: calc(0.75em - 4px) !important;
        background-color: transparent;
        border-radius: 0px;
        background-image: url(../img/lr/lion/tick.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

.lion_banner .lion_banner_bottom {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    pointer-events: none;
}

.lion_banner.float_control .lion_banner_bottom {
    position: fixed;
    z-index: 97;
}
/*
.lion_banner .lion_banner_bottom .link_main {
    max-width: 100%;
}*/

.lion_banner .lion_banner_bottom a {
    pointer-events: all;
}

.lion_banner .lion_banner_bottom .link_btn {
    margin-right: 10px;
}

    .lion_banner .lion_banner_bottom .link_btn.prev:not(:hover):before {
        opacity: 0;
    }

    .lion_banner .lion_banner_bottom .link_btn.next:not(:hover):before {
        opacity: 0;
    }

    .lion_banner .lion_banner_bottom .link_btn.prev:after {
        background-image: url(../img/lr/icon/arrow.svg);
        background-size: 50%;
        filter: none;
    }

    .lion_banner .lion_banner_bottom .link_btn.next:after {
        background-image: url(../img/lr/icon/arrow.svg);
        background-size: 50%;
        filter: none;
    }

    .lion_banner .lion_banner_bottom .link_btn.prev:hover:before {
        background: #FFF !important;
    }

    .lion_banner .lion_banner_bottom .link_btn.next:hover:before {
        background: #FFF !important;
    }

    .lion_banner .lion_banner_bottom .link_btn.prev:hover:after {
        filter: brightness(0) !important;
    }

    .lion_banner .lion_banner_bottom .link_btn.next:hover:after {
        filter: brightness(0) !important;
    }

@media screen and (max-width: 1279px) {
    .lion_banner .lion_banner_text .h0 {
        font-size: 80px;
    }

    .lion_banner .lion_banner_text .h1 {
        font-size: 54px;
    }

    .lion_banner .lion_banner_text .h2 {
        font-size: 36px;
    }

    .lion_banner .lion_banner_text .h3 {
        font-size: 20px;
    }

    .lion_banner .lion_banner_text p {
        font-size: 16px;
    }

    .lion_banner .lion_banner_text ul {
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .lion_banner .lion_banner_text {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .lion_banner .lion_banner_bottom {
        bottom: 0px;
    }

    .lion_banner .lion_banner_text .text {
        min-width: 100%;
    }

    .lion_banner .lion_banner_text .h0 {
        font-size: 60px;
    }

    .lion_banner .lion_banner_text .h1 {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .lion_banner .lion_banner_text .h2 {
        font-size: 32px;
    }

    .lion_banner .lion_banner_text .h3 {
        font-size: 18px;
    }

    .lion_banner .lion_banner_text p {
        font-size: 16px;
    }

    .lion_banner .lion_banner_text ul {
        font-size: 16px;
    }
}

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

    .lion_banner .lion_banner_text .h0 {
        font-size: 50px;
    }

    .lion_banner .lion_banner_text .h1 {
        font-size: 45px;
    }

    .lion_banner .lion_banner_text .h2 {
        font-size: 28px;
    }

    .lion_banner .lion_banner_text .h3 {
        font-size: 16px;
    }

    .lion_banner .lion_banner_text p {
        font-size: 16px;
    }

    .lion_banner .lion_banner_text ul {
        font-size: 16px;
    }

    .lion_banner:not(.link_swiper) .lion_banner_text {
        display: flex;
        align-items: flex-end !important;
        justify-content: flex-start;
    }

        .lion_banner:not(.link_swiper) .lion_banner_text .link_main {
            width: 100%;
        }
}

@media screen and (max-width: 479px) {
    .lion_banner .lion_banner_text .h0 {
        font-size: 45px;
    }

    .lion_banner .lion_banner_text .h1 {
        font-size: 36px;
    }

    .lion_banner .lion_banner_text .h2 {
        font-size: 24px;
    }

    .lion_banner .lion_banner_text .h3 {
        font-size: 16px;
    }

    /*.lion_banner .lion_banner_text p {
        font-size: 14px;
    }

    .lion_banner .lion_banner_text ul {
        font-size: 14px;
    }*/
}

/* -------------------------------------------------------------------------------- */
.lion_btn {
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    border: 1px solid #CCC;
    padding: 10px 50px 10px 30px;
    border-radius: 30px;
    transition: ease all 0.3s;
}

    .lion_btn:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 5px);
        right: 20px;
        width: 10px;
        height: 10px;
        background-image: url(../img/lr/icon/next_black.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 6px;
    }

.black .lion_btn {
    color: #FFF;
}

    .black .lion_btn:after {
        filter: brightness(0) invert(1);
    }

.purple .lion_btn {
    color: #FFF;
}

    .purple .lion_btn:after {
        filter: brightness(0) invert(1);
    }


.lion_banner .lion_btn {
    pointer-events: all;
}


@media (hover: hover) {
    .lion_btn:hover {
        background: #363175;
        color: #FFF;
        border-color: #363175;
        text-decoration: none;
    }

        .lion_btn:hover:after {
            filter: brightness(0) invert(1);
        }

    .black .lion_btn:hover {
        color: #000;
        background: #FFF;
        border-color: #FFF;
    }

        .black .lion_btn:hover:after {
            filter: brightness(0);
        }

    .purple .lion_btn:hover {
        color: #000;
        background: #FFF;
        border-color: #FFF;
    }

        .purple .lion_btn:hover:after {
            filter: brightness(0);
        }
}

.lion_btn_list {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .lion_btn_list.center {
        justify-content: center;
    }

@media screen and (max-width: 767px) {
    .lion_btn {
        padding: 5px 40px 5px 20px;
        font-size: 16px;
    }

    .lion_btn_list {
        margin-top: 20px;
    }
}

@media screen and (max-width: 479px) {
    .lion_btn {
        padding: 5px 40px 5px 20px;
        font-size: 14px;
    }
}

/* -------------------------------------------------------------------------------- */
.lion_news {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 40px 0px;
    background: #F4F4F4;
    color: #000;
}

    .lion_news.purple {
        background: #363175;
        color: #FFF;
    }

.swiper-slide .lion_news {
    min-height: 100%;
}

.lion_news .lion_news_text,
.lion_news .lion_news_img {
    width: calc(50% - 40px);
}

.lion_news .lion_news_text {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    padding: 20px 0px 0px 80px;
}

    .lion_news .lion_news_text a {
        color: inherit;
    }

        .lion_news .lion_news_text a:hover {
            text-decoration: none;
        }

    .lion_news .lion_news_text h1,
    .lion_news .lion_news_text h2,
    .lion_news .lion_news_text h3,
    .lion_news .lion_news_text h4,
    .lion_news .lion_news_text h5,
    .lion_news .lion_news_text h6 {
        color: inherit !important;
    }

.lion_news .lion_news_text_top {
    flex: 1;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .lion_news .lion_news_text_top > * {
        width: 100%;
    }

.lion_news .lion_news_text_btm {
    opacity: 0.5;
}

@media screen and (max-width: 1023px) {
    .lion_news .lion_news_text {
        padding-left: 40px;
    }
}

@media screen and (max-width: 767px) {
    .lion_news {
        padding: 0px 0px 20px 0px;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

        .lion_news .lion_news_text,
        .lion_news .lion_news_img {
            width: 100%;
        }

        .lion_news .lion_news_text {
            padding-left: 40px;
            padding-right: 40px;
        }
}

@media screen and (max-width: 479px) {
    .lion_news .lion_news_text {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* -------------------------------------------------------------------------------- */
.lion_section_spacing {
    height: 120px;
}

.lion_inner_img {
    width: 100%;
    height: 100%;
}

    .lion_inner_img .link_image {
        width: 100%;
        min-height: 100%;
    }

.lion_inner_text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

    .lion_inner_text.lion_inner_text--top {
        align-items: flex-start;
    }

    .lion_inner_text.lion_inner_text--bottom {
        align-items: flex-end;
    }

    .lion_inner_text .text {
        width: 100%;
        max-width: 600px;
    }

@media screen and (max-width: 1023px) {
    .lion_section_spacing {
        height: 80px;
    }
}

@media screen and (min-width: 992px) {

    /*.row > div:first-child .lion_inner_img{ margin-right: 20px; }*/
    .row > div:first-child .lion_inner_text {
        padding-right: 20px;
    }

    /*.row > div:last-child .lion_inner_img{ margin-left: 20px; }*/
    .row > div:last-child .lion_inner_text {
        padding-left: 20px;
    }
}

@media screen and (max-width: 991px) {
    .row > div:first-child .lion_inner_text {
        padding-bottom: 20px;
    }

    .row > div:last-child .lion_inner_text {
        padding-top: 20px;
    }

    /*
    .row > div:first-child .lion_inner_img{ padding-bottom: 10px; }
    .row > div:last-child .lion_inner_img{ padding-top: 10px; }
    */
    .row .link_image {
        border-bottom: 20px solid rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 767px) {
    .lion_section_spacing {
        height: 60px;
    }
}

/* =================================================================================*/
/* EFFECT */
/* =================================================================================*/
.effect_fade_up {
    transition: ease all 1s;
    transform: translateY(100px);
    opacity: 0 !important;
}

    .effect_fade_up.inside {
        transform: translateY(0px);
        opacity: 1 !important;
    }

    .effect_fade_up.finish {
        transform: translateY(0px);
        opacity: 1 !important;
        /*transform: translateY(-100px); opacity: 0; */
    }

p.effect_fade_up.inside,
p.effect_fade_up.finish {
    opacity: 1 !important;
}

.effect_fade_left {
    transition: ease all 1s;
    transform: translateX(100px);
    opacity: 0 !important;
}

    .effect_fade_left.inside {
        transform: translateX(0px);
        opacity: 1 !important;
    }

    .effect_fade_left.finish {
        transform: translateX(0px);
        opacity: 1 !important;
        /*transform: translateX(100px); opacity: 0; */
    }

p.effect_fade_left.inside,
p.effect_fade_left.finish {
    opacity: 1 !important;
}


.effect_fade_right {
    transition: ease all 1s;
    transform: translateX(-100px);
    opacity: 0 !important;
}

    .effect_fade_right.inside {
        transform: translateX(0px);
        opacity: 1 !important;
    }

    .effect_fade_right.finish {
        transform: translateX(0px);
        opacity: 1 !important;
        /*transform: translateX(-100px); opacity: 0; */
    }

p.effect_fade_right.inside,
p.effect_fade_right.finish {
    opacity: 1 !important;
}

/* =================================================================================*/
/* BOOTSTRAP overwrites */
/* =================================================================================*/
b,
strong {
    font-weight: 600;
}

/* -------------------------------------------------------------------------------- */
.img-inline {
    display: inline-block !important;
}

.row {
    margin-right: -20px;
    margin-left: -20px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (min-width: 768px) {
    .mobile_only {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .img-inline {
        display: block !important;
    }

    .desktop_only {
        display: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 995px) {
    .row .linkreit_richtexteditor.link_content_block {
        padding-bottom: 60px;
    }
}

.ss_block + .link_content_block {
    padding-top: 80px !important;
}

@media screen and (max-width: 767px) {
    .ss_block + .link_content_block {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 479px) {
    .ss_block + .link_content_block {
        padding-top: 10px !important;
    }
}


span.plus {
    --b: 2px;
    --c: transparent 90deg, #ffffff 0;
    width: 15px;
    aspect-ratio: 1;
    background: conic-gradient(from 90deg at var(--b) var(--b), var(--c)) calc(100% + var(--b) / 2) calc(100% + var(--b) / 2) / calc(50% + var(--b)) calc(50% + var(--b));
    display: inline-block;
    margin: -10px 10px 0 5px;
    vertical-align: middle;
}

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

    span.plus {
        width: 10px;
        margin: -5px 10px 0 5px;
    }
}

.lion_banner .lion_banner_image .image.black:after {
    background: rgba(0, 0, 0, 0.5);
}

.lion_banner .lion_banner_image .image.grey:after {
    background: rgba(255, 255, 255, 0.25);
}

.lion_banner .lion_banner_image .image.purple:after {
    background: rgba(54, 49, 117, 0.75);
}

.lion_banner .lion_banner_image .image:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
}

@font-face {
    font-family: 'Montserrat';
    src: url('/css/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
    src: url('/css/fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
    src: url('/css/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
    src: url('/css/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
.link_head_pop a,
.link_head .link_head_nav a,
.link_head_pop_menu ul a{
    font-family: "Montserrat", Arial, "STHeitiTC", "Microsoft JhengHei", helvetica, sans-serif;
}

.link_content_block.no_padding .link_tab {
margin: 15px 0;
}

.link_content_block.no_top_padding .link_tab {
margin: 15px 0;
}

.link_content_block.no_bottom_padding .link_tab {
margin: 15px 0;
}