@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: "Public Sans" !important;
    font-feature-settings: 'liga' off, 'clig' off;
    color: #242424;
}

div.v2HeaderTop,
div.v2HeaderMenu {
    width: 100%;
}

div.v2HeaderTop {
    height: 40px;
    background: #58BA7D;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: grid;
    grid-template-columns: 70px 200px auto repeat(5, 40px) 70px;
    align-items: center;
}
div.v2HeaderTop span {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

span.top-language {
    font-weight: 400;
    font-size: 14px !important;
}

    span.top-language::before {
        position: absolute;
        display: block;
        content: '';
        background-image: url('/contents/images/v2/header/language_icon_1.png');
        width: 18px;
        height: 18px;
        margin-left: -25px;
    }
    span.top-language::after {
        content: '\f078';
        font-family: "FontAwesome";
        margin-left: 5px;
        font-size: 14px;
    }

div.v2HeaderMenu {
    height: 110px;
    display: grid;
    grid-template-columns: 265px auto 1135px;
}

div.v2menu {
    display: inline-flex;
    justify-content: right;
    align-items: center;
}

div.v2menuleft {
    display: inline-flex;
    justify-content: left;
    align-items: center;
}
    div.v2menuleft a {
        color: #242424;
        font-family: "Public Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        padding: 0px 40px 0px 0px;
    }

div.v2menuright {
    display: inline-flex;
    justify-content: right;
    align-items: center;
}


    div.v2menuright a {
        color: #242424;
        font-family: "Public Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        padding: 0px 0px 0px 40px;
    }

        div.v2menuright a[id="lnkRegister"] {
            color: #19AA75;
            font-weight: 700;
        }

div.v2Mlogo {
    display: none;
}

div.v2Mpath {
    display: none;
}

div.v2logo {
    background: url('/contents/images/v2/header/logo.png') no-repeat left center;
    background-size: 70%;
    cursor: pointer;
}

div.v2menu div {
    padding: 0px 20px;
}

    div.v2menu div label {
        color: #242424;
        font-family: "Public Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 0px;
    }
    div.v2menu div a {
        color: #242424;
        font-family: "Public Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
    }


    div.v2menu div p {
        position: absolute;
        margin: 0;
        padding: 12px 20px;
        background: #fff;
        box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.25);
        margin-left: -20px;
        display: none;
        border-radius: 12px;
        margin-top: 20px;
        z-index: 999;
    }
    div.v2menu div p span {
        color: #333333;
        cursor: pointer;
        font-size: 16px;
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 20px;
    }
        div.v2menu div p span:hover {
            border-radius: 8px;
            background: #E6F5EC;
            color: #19AA75 !important;
            font-family: "Public Sans";
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
        }
            div.v2menu div p span:hover a,
            div.v2menu div p span a:hover {
                color: #19AA75;
            }
       /* div.v2menu div p span a {
            color: #444;
            font-family: "Public Sans";
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
        }*/
       /* div.v2menu div p a:hover {
            color: #5e5e5e;
            border-radius: 8px;
            background: #E6F5EC;
        }*/

div.translation {
    display: grid;
    grid-template-columns: 10px auto;
    align-items: center;
}

    div.translation select {
        padding: 5px 30px 10px 10px;
        margin: 0;
        color: #555;
        font-family: "Public Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        border: 0px;
    }

div.v2FooterSection {
    width: 1520px;
    height: 520px;
    margin: 0 auto;
    margin-top: 50px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    /*background: #333333;*/
    display: grid;
    grid-template-rows: 200px auto;
}

div.v2FooterTop {
    padding: 50px 70px;
    display: grid;
    grid-template-columns: 250px auto 635px;
}
p.v2FooterLogo1 {
    background: url('/contents/images/v2/header/logo.png') no-repeat left center;
    background-size: 70%;
}
p.v2FooterLogo2 {
    background: url('/contents/images/v2/footer/logo_6.png') no-repeat left center;
    background-position-x: 65px;
}

p.v2FooterLogo4 {
    background: url('/contents/images/v2/footer/logo_3.png') no-repeat left center;
}

div.v2FooterLogo3 {
    background: url(/contents/images/v2/footer/M_logo_4.png) no-repeat left center;
    height: 35px;
    width: calc(100% - 40px);
    margin: 0 auto;
}
    p.v2FooterLogo2::before {
        content: '';
        width: 2px;
        height: 35px;
        background: #fff;
        display: block;
        margin-top: 18px;
        margin-left: 20px;
    }

div.v2FooterBottom {
    display: grid;
    grid-template-columns: repeat(3, 250px) auto;
}

div.v2FooterBottom div {
    padding: 0px 0px 0px 70px;
    display: block;
}

    div.v2FooterBottom div label {
        font-weight: 700;
        font-size: 20px;
        width: 100%;
        display: block;
        color: #fff;
        padding-bottom: 30px;
    }

    div.v2FooterBottom div span {
        font-weight: 400;
        font-size: 16px;
        width: 100%;
        display: block;
        color: #444;
        padding-bottom: 15px;
    }

div.v2FBContents4 span,
div.v2FBContents5 span {
    font-weight: 700;
}

    div.v2FBContents4 span:before,
    div.v2FBContents5 span:before {
        content: '\f3c5';
        font-family: "FontAwesome";
        margin-right: 10px;
        font-size: 14px;
    }

div.v2FBContents4 p {
    display: grid;
    grid-template-columns: repeat(5, 40px) 130px auto;
    align-items: center;
    margin: 0px;
}

    div.v2FBContents4 p i,
    div.v2FBContents5 p i {
        font-size: 20px;
        color: #fff;
    }

div.v2FBContents5 p:nth-child(6) {
    display: grid;
    grid-template-columns: repeat(5, 40px);
    align-items: center;
    margin: 20px 0px;
}

div.v2FooterCopyRight {
    width: 100%;
    height: 72px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    align-content: center;
    color: #999;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

div.bodyTitleSection {
    width: 1520px;
    height: 250px;
    margin: 0 auto;
    border-radius: 30px;
    background: #E6F5EC;
    display: grid;
    grid-template-rows: 30% auto;
    color: #333333;
    justify-items: center;
    align-content: center;
}

    div.bodyTitleSection label {
        font-size: 40px;
        font-weight: 700;
    }
    div.bodyTitleSection span {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
    }

/*div.v2MHeaderTop,
div.v2MHeaderMenu {
    width: 100%;
}*/
/* Mobile start */
div.v2MHeaderTop {
    width: calc(100% - 20px);
    height: 30px;
    padding: 20px 10px;
    display: grid;
    grid-template-columns: 210px auto 50px 24px;
}
div.v2MHeaderTop div {
    padding: 0;
    margin: 0;
}
    div.iconham span {
        display: block;
        height: 2px;
        width: 100%;
        background: #000;
        padding: 0px;
        margin: 0px;
    }
        div.iconham span:nth-child(1) {
            margin-top: 4px;
        }
        div.iconham span:nth-child(2) {
            margin: 6px 0px;
        }

        /*div.iconham span:nth-child(1) {
            transform: rotate( 45deg );
            margin-top: 20px;
        }

        div.iconham span:nth-child(2) {
            transform: rotate( -45deg );
        }*/

div.v2Mlogo {
    background: url('/contents/images/v2/header/logo.png') no-repeat left center;
    background-size: 70%;
}

#companyCall {
    width: calc(100% - 10px);
    height: 30px;
    background: #58BA7D;
    color: #fff;
    border-radius: 15px;
}

div.v2MobileMenu {
    width: 0%;
    height: calc(100% - 75px);
    background: #F4F4F4;
    z-index: 3001;
    position: fixed;
    transition: all 0.2s ease;
    opacity: 0;
    right: 0;
    z-index: 10000;
}

    div.v2MobileMenu.active {
        width: 100%;
        opacity: 1;
        top: 0px;
        transition: all 0.2s ease;
    }

div.v2MMenuTop {
    width: calc(100% - 40px);
    height: 45px;
    padding: 20px;
    display: grid;
    grid-template-columns: 210px auto 30px;
    background: #fff;
}

div.iconhamClose span {
    display: block;
    height: 1px;
    width: 100%;
    background: #000;
    padding: 0px;
    margin: 0px;
}

    div.iconhamClose span:nth-child(1) {
        transform: rotate( 45deg );
        margin-top: 20px;
    }

    div.iconhamClose span:nth-child(2) {
        transform: rotate( -45deg );
    }

.scrollno {
    overflow: hidden;
}

div.v2MMenu {
    width: calc(100% - 40px);
    padding: 20px;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 75px);
}


div.v2MMenu div {
    border-radius: 8px;
    border: 1px solid #D5D5D5;
    background: #FFF;
    align-content: center;
    /*padding: 20px 25px;
    margin-bottom: 10px;*/
}

    div.v2MMenu div label,
    div.v2MMenu div a {
        color: #000;
        margin-bottom: 0px;
        padding: 20px 25px;
        display: block;
    }
        div.v2MMenu div a::after {
            content: '\f054';
            font-family: 'fontAwesome';
            float: right;
            /*position: absolute;
            margin-top: -35px;
            right: 37px;*/
        }
        div.v2MMenu div a:not(:first-child) {
            border-top: 1px solid #D5D5D5;
        }

div.v2MMenu div p {
    padding-left: 20px;
}
    div.v2MMenu div p span {
        display: block;
        font-size: 16px;
        padding-bottom: 5px;
        color: #373737;
    }
        /*div.v2MMenu div p span:before {
            content: '\f111';
            font-family: "FontAwesome";
            margin-right: 5px;
            font-size: 8px;
            color: #7a7a7a;
            align-items: center;
            align-content: center;
            margin-top: 6px;
            margin-left: -15px;
            position: absolute;
        }*/

div.v2MMenuFooterIcon {
    width: calc(100% - 80px);
    padding: 40px;
    position: fixed;
    bottom: 10px;
    text-align: center;
}

    div.v2MMenuFooterIcon i {
        font-size: 24px;
    }
    div.v2MMenuFooterIcon i:not(:last-child) {
        margin-right: 15px;
    }


div.MbtnStyle {
    /*display: flex;
    padding-bottom: 20px !important;*/
    border: 0px solid #D5D5D5 !important;
    padding: 0px !important;
}
    div.MbtnStyle::after {
        content: initial !important;
    }

    div.MbtnStyle a {
        display: block;
        /*width: calc(100% - 0px);
        height: 56px;*/
        border-radius: 5px;
        text-align: center;
        align-content: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
    }

        div.MbtnStyle a[id="lnkLogIn"] {
            color: #FFF;
            background: #19AA75;
            border: 2px solid #19AA75;
            /*margin-bottom: 25px;*/
        }

        div.MbtnStyle a[id="lnkRegister"] {
            background: #fff;
            border: 2px solid #19AA75;
            color: #19AA75;
            position: fixed;
            bottom: 100px;
            width: calc(100% - 95px);
        }

        div.MbtnStyle a[id="lnkLogOut"] {
            background: #fff;
            border: 0px solid #19AA75;
            color: #19AA75;
            /*position: fixed;
            bottom: 100px;*/
            width: calc(100% - 40px);
        }

            div.MbtnStyle a[id="lnkLogOut"]::after,
            div.MbtnStyle a[id="lnkRegister"]::after,
            div.MbtnStyle a[id="lnkLogIn"]::after {
                content: initial;
            }



.translation-links {
}

    .translation-links span {
        float: left;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

/* south_korea */
.ko {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSItMzYgLTI0IDcyIDQ4IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtLTM2LTI0aDcydjQ4aC03MnoiLz4NCjxnIHRyYW5zZm9ybT0ibWF0cml4KC41NTQ3IC0uODMyMDUgLjgzMjA1IC41NTQ3IDAgMCkiPg0KPGcgaWQ9ImIyIj4NCjxwYXRoIHN0cm9rZT0iIzAwMCIgaWQ9ImIiIHN0cm9rZS13aWR0aD0iMiIgZD0iTS02LTI1SDZNLTYtMjJINk0tNi0xOUg2Ii8+DQo8dXNlIHk9IjQ0IiB4bGluazpocmVmPSIjYiIvPg0KPC9nPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBkPSJtMCwxN3YxMCIvPg0KPGNpcmNsZSBmaWxsPSIjYzYwYzMwIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iIzAwMzQ3OCIgZD0iTTAtMTJBNiw2IDAgMCAwIDAsMEE2LDYgMCAwIDEgMCwxMkExMiwxMiAwIDAsMSAwLTEyWiIvPg0KPC9nPg0KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLS41NTQ3IC0uODMyMDUgLjgzMjA1IC0uNTU0NyAwIDApIj4NCjx1c2UgeGxpbms6aHJlZj0iI2IyIi8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIGQ9Im0wLTIzLjV2M20wLDM3LjV2My41bTAsM3YzIi8+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat center center;
    /*width: 100%;*/
    /*height: 150px;*/
    background-size: 100%;
}
/* united_states */
.en {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjM1IDY1MCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPGRlZnM+DQo8ZyBpZD0idW5pb24iPg0KPHVzZSB5PSItLjIxNiIgeGxpbms6aHJlZj0iI3g0Ii8+DQo8dXNlIHhsaW5rOmhyZWY9IiN4NCIvPg0KPHVzZSB5PSIuMjE2IiB4bGluazpocmVmPSIjczYiLz4NCjwvZz4NCjxnIGlkPSJ4NCI+DQo8dXNlIHhsaW5rOmhyZWY9IiNzNiIvPg0KPHVzZSB5PSIuMDU0IiB4bGluazpocmVmPSIjczUiLz4NCjx1c2UgeT0iLjEwOCIgeGxpbms6aHJlZj0iI3M2Ii8+DQo8dXNlIHk9Ii4xNjIiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPC9nPg0KPGcgaWQ9InM1Ij4NCjx1c2UgeD0iLS4yNTIiIHhsaW5rOmhyZWY9IiNzdGFyIi8+DQo8dXNlIHg9Ii0uMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMjUyIiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InM2Ij4NCjx1c2UgeD0iLS4wNjMiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPHVzZSB4PSIuMzE1IiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InN0YXIiPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0ibWF0cml4KC0uODA5MDIgLS41ODc3OSAuNTg3NzkgLS44MDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIgdHJhbnNmb3JtPSJtYXRyaXgoLjMwOTAyIC0uOTUxMDYgLjk1MTA2IC4zMDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNmZmYiIGlkPSJwdCIgZD0iTS0uMTYyNSwwIDAtLjUgLjE2MjUsMHoiIHRyYW5zZm9ybT0ic2NhbGUoLjA2MTYpIi8+DQo8cGF0aCBmaWxsPSIjYmYwYTMwIiBpZD0ic3RyaXBlIiBkPSJtMCwwaDEyMzV2NTBoLTEyMzV6Ii8+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwwaDEyMzV2NjUwaC0xMjM1eiIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjEwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSIyMDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iMzAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjQwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSI1MDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iNjAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8cGF0aCBmaWxsPSIjMDAyODY4IiBkPSJtMCwwaDQ5NHYzNTBoLTQ5NHoiLz4NCjx1c2UgeGxpbms6aHJlZj0iI3VuaW9uIiB0cmFuc2Zvcm09Im1hdHJpeCg2NTAgMCAwIDY1MCAyNDcgMTc1KSIvPg0KPC9zdmc+DQo=') no-repeat center center;
    /*width: 100%;*/
    /*height: 150px;*/
    background-size: 100%;
}
/* spain */
.es {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNTAwIj4NCjxwYXRoIGZpbGw9IiNjNjBiMWUiIGQ9Im0wLDBoNzUwdjUwMGgtNzUweiIvPg0KPHBhdGggZmlsbD0iI2ZmYzQwMCIgZD0ibTAsMTI1aDc1MHYyNTBoLTc1MHoiLz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}
/* france */
.fr {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}

/* japan */
.ja {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPGNpcmNsZSBmaWxsPSIjYmUwMDI2IiBjeD0iNDUwIiBjeT0iMzAwIiByPSIxODAiLz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}

/* germany */
.de {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==');
    width: 100%;
    height: 60%;
    background-size: 100% 100%;
}
/* china */
.zh-CN {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPHBhdGggZmlsbD0iI2RlMjkxMCIgZD0ibTAsMGgxMjAwdjgwMGgtMTIwMHoiLz4NCjxwYXRoIGZpbGw9IiNmZmRlMDAiIGQ9Im0tMTYuNTc5Niw5OS42MDA3bDIuMzY4Ni04LjEwMzItNi45NTMtNC43ODgzIDguNDM4Ni0uMjUxNCAyLjQwNTMtOC4wOTI0IDIuODQ2Nyw3Ljk0NzkgOC40Mzk2LS4yMTMxLTYuNjc5Miw1LjE2MzQgMi44MTA2LDcuOTYwNy02Ljk3NDctNC43NTY3LTYuNzAyNSw1LjEzMzF6IiB0cmFuc2Zvcm09Im1hdHJpeCg5LjkzMzUyIC4yNzc0NyAtLjI3NzQ3IDkuOTMzNTIgMzI0LjI5MjUgLTY5NS4yNDE1KSIvPg0KPHBhdGggZmlsbD0iI2ZmZGUwMCIgaWQ9InN0YXIiIGQ9Im0zNjUuODU1MiwzMzIuNjg5NWwyOC4zMDY4LDExLjM3NTcgMTkuNjcyMi0yMy4zMTcxLTIuMDcxNiwzMC40MzY3IDI4LjI1NDksMTEuNTA0LTI5LjU4NzIsNy40MzUyLTIuMjA5NywzMC40MjY5LTE2LjIxNDItMjUuODQxNS0yOS42MjA2LDcuMzAwOSAxOS41NjYyLTIzLjQwNjEtMTYuMDk2OC0yNS45MTQ4eiIvPg0KPGcgZmlsbD0iI2ZmZGUwMCI+DQo8cGF0aCBkPSJtNTE5LjA3NzksMTc5LjMxMjlsLTMwLjA1MzQtNS4yNDE4LTE0LjM5NDUsMjYuODk3Ni00LjMwMTctMzAuMjAyMy0zMC4wMjkzLTUuMzc4MSAyNy4zOTQ4LTEzLjQyNDItNC4xNjQ3LTMwLjIyMTUgMjEuMjMyNiwyMS45MDU3IDI3LjQ1NTQtMTMuMjk5OC0xNC4yNzIzLDI2Ljk2MjcgMjEuMTMzMSwyMi4wMDE3eiIvPg0KPHBhdGggZD0ibTQ1NS4yNTkyLDMxNS45Nzk1bDkuMzczNC0yOS4wMzE0LTI0LjYzMjUtMTcuOTk3OCAzMC41MDctLjA1NjYgOS41MDUtMjguOTg4NiA5LjQ4MSwyOC45OTY0IDMwLjUwNywuMDgxOC0yNC42NDc0LDE3Ljk3NzQgOS4zNDkzLDI5LjAzOTItMjQuNzE0LTE3Ljg4NTgtMjQuNzI4OCwxNy44NjUzeiIvPg0KPC9nPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIgdHJhbnNmb3JtPSJtYXRyaXgoLjk5ODYzIC4wNTIzNCAtLjA1MjM0IC45OTg2MyAxOS40MDAwNSAtMzAwLjUzNjgxKSIvPg0KPC9zdmc+DQo=') no-repeat center center;
    /*width: 100%;*/
    /*height: 150px;*/
    background-size: 100%;
}

#google_translate_element {
    display: none;
}

select.goog-te-combo {
    padding: 0px;
}

div.skiptranslate {
    display: none;
}

body {
    top: 0px !important;
}


div.popAlertArea {
    display: none;
    position: fixed;
    top: 30%;
    left: calc(50% - 200px);
    width: 400px;
    padding: 25px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 5px 5px 10px 3px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 5px 5px 10px 3px rgb(0 0 0 / 10%);
    -moz-box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.1);
    z-index: 1002;
}


    div.popAlertArea button {
        background: #19AA75;
        width: 100%;
        height: 50px;
        color: #fff;
        font-weight: bold;
        border: 0px;
        border-radius: 5px;
    }

        div.popAlertArea button:hover {
            background: #158f62;
        }

div.popAlert {
    margin-bottom: 20px;
    display: grid;
    justify-items: center;
    color: #000;
}

    div.popAlert label {
        font-size: 20px;
        font-weight: 700;
        padding-bottom: 10px;
        text-align: center;
    }

    div.popAlert span {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
        color: #555;
        font-feature-settings: 'liga' off, 'clig' off;
    }

div.bodyPageMapSection {
    width: 1520px;
    padding: 20px 0px 0px 0px;
}

    div.bodyPageMapSection span {
        color: #242424;
        font-family: "Public Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        cursor: pointer;
    }

        div.bodyPageMapSection span:not(:first-child):before {
            content: '\f105';
            font-family: 'fontAwesome';
            margin-left: 3px;
            margin-right: 8px;
            font-size: 12px;
            color: #242424;
        }

        div.bodyPageMapSection span:last-child {
            color: #19AA75;
        }

div.v2HeaderMenuV2 {
    height: 110px;
    display: grid;
    grid-row-gap: 10px;
    padding: 30px 0px 20px 0px;
}

div.v2MenuTopV2 {
    display: grid;
    grid-template-columns: 300px 1fr auto;
}

.v2-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

a.v2-enquiry-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #555;
    text-decoration: none;
    font-family: "Public Sans";
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

a.v2-enquiry-link i {
    color: #3b82f6;
}

a.v2-enquiry-link:hover {
    color: #3b82f6;
    text-decoration: none;
}

@media (max-width: 768px) {
    a.v2-enquiry-link {
        display: none;
    }
}

div.v2MenuBottomV2 {
    display: grid;
    grid-template-columns: 800px auto 260px;
}

hr.headerline {
    margin: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #E0E0E0;
}

div.v3FooterSection {
    border: 0px solid #000;
    width: 1520px;
    margin: 0 auto;
    margin-top: 50px;
    display: grid;
}

div.v3FooterSection div p {
    margin: 0px;
    padding: 0px;
}

    div.v3FooterSection div p img {
        height: 100%;
    }


    div.v3FooterSection div:nth-child(1) {
        height: 50px;
        display: grid;
        grid-template-columns: 150px 130px 130px 40px 65px 62px 70px auto;
        align-items: center;
        grid-column-gap: 50px;
        width: calc(100% - 50px);
    }

div.v3FootSitemap div:nth-child(1) {
    height: initial;
    display: block;
    align-items: initial;
    width: initial;
}

.divideline:before {
    content: '|';
    font-size: 25px;
    padding: 0px 35px;
    color: #E0E0E0;
}

div.v3FBContents {
    padding: 20px 0px;
    display: grid;
    grid-row-gap: 5px;
    color: #444;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 50px);
}

    div.v3FBContents label:before {
        content: '\f3c5';
        font-family: "FontAwesome";
        margin-right: 10px;
        font-size: 14px;
    }

    div.v3FBContents label {
        font-weight: 700;
    }
    div.v3FBContents span b {
        font-weight: 700;
    }

div.v3FootSitemap {
    display: inline-flex;
    padding: 30px 0px;
    width: calc(100% - 50px);
}

div.v3FootSitemap p {
    display: grid;
    grid-row-gap: 10px;
    padding: 20px 70px 0px 0px !important;
}


    div.v3FootSitemap p label {
        color: #444;
        font-family: "Public Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
    }

    div.v3FootSitemap p span {
        color: #444;
        font-family: "Public Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@media (max-width: 1500px) {
    /*html, body {
        overflow-x: hidden;
        overflow-y: auto;
    }*/

    div .v2Mlogo.active {
        display: block;
    }

    div.bodyTitleSection {
        width: calc(100% - 30px);
        height: 195px;
        border-radius: 20px;
    }
        div.bodyTitleSection label {
            font-size: 26px;
            align-content: center;
        }

        div.bodyTitleSection span {
            padding: 0px 20px;
            font-size: 16px;
        }

    div.v2FooterSection {
        width: 100%;
        height: initial;
        display: grid;
        grid-template-rows: 100px 35px auto;
    }

    /*div.v2FooterCopyRight {
        width: 100%;
        height: 54px;
    }*/

    div.v2FooterTop {
        padding: 50px 20px;
        height: 35px;
        display: grid;
        grid-template-columns: 150px auto;
    }

    p.v2FooterLogo1 {
        margin: 0px;
        background-size: 100%;
    }

    p.v2FooterLogo2 {
        margin: 0px;
        background-size: 50%;
        background-position-x: 40px;
    }
        p.v2FooterLogo2::before {
            content: '';
            width: 1px;
            height: 20px;
            margin-top: 7px;
            margin-left: 20px;
        }
    div.v2FooterBottom {
         display: block; 
    }
        div.v2FooterBottom div {
            padding: 20px 30px 0px 30px;
            display: block;
        }

            div.v2FooterBottom div label {
                 padding-bottom: 10px; 
            }
            div.v2FooterBottom div span {
                padding-bottom: 10px;
            }

    div.v2MHeaderTop.scrollactive {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 20000;
        background: #fff;
        box-shadow: 5px 5px 10px 3px rgb(0 0 0 / 10%);
        -webkit-box-shadow: 5px 5px 10px 3px rgb(0 0 0 / 10%);
        -moz-box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.1);
        transition: all 0.2s ease;
    }

    div.v2MHeadImg {
        font-size: 22px;
        text-align: right;
        padding-right: 20px !important;
        padding-top: 2px !important;
    }

    div.v2Mpath.active {
        display: block;
        align-content: center;
        font-size: 16px;
        padding-left: 20px;
    }
    div.v2Mpath.active label {
        margin-bottom: 0px;
        padding-left: 10px;
    }

    /*div.v2FooterSection,
    div.v2FooterCopyRight {
        display: none;
    }*/
    div.v2FooterSection {
        display: none;
    }
    div.v2FooterCopyRight {
        display: grid;
    }

    .translation-links {
        border: 0px !important;
        justify-self: anchor-center;
        margin-top: 50px;
        padding-left: 20px;
    }
    .translation-links span {
        margin-right: 10px;
    }

    div.MbtnStyle {
        margin-bottom: 50px !important;
        background: none !important;
    }

        div.MbtnStyle a[id="lnkLogOut"] {
            background: none;
        }

    div.popAlertArea {
        width: calc(100% - 80px);
    }


    div.translation {
        border: 0px !important;
        width: 160px;
        margin: 0 auto;
        margin-top: 30px;
        background: #F4F4F4 !important;
        grid-template-columns: 30px auto;
        margin-bottom: 20px;
    }
        div.translation select {
            padding: 5px 20px 5px 10px;
            background: #F4F4F4 url(/contents/images/v2/login/ic_arrow_bottom.png) no-repeat center right;
        }
    
    footerV2 {
        width: 100%;
        padding-bottom: 100px;
    }

    div.v3FooterSection {
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 20px;
    }

        div.v3FooterSection div:nth-child(1) {
            height: auto;
            display: grid;
            grid-template-columns: repeat(5, calc(16.6% - 10px)) auto;
            grid-column-gap: 10px;
            grid-row-gap: 15px;
        }
            div.v3FooterSection div:nth-child(1) p:nth-child(1) {
                grid-column: 1 / 4;
            }

            div.v3FooterSection div:nth-child(1) p:nth-child(2) {
                grid-column: 4 / 7;
            }

            div.v3FooterSection div:nth-child(1) p:nth-child(3) {
                grid-column: 1 / 3;
            }
            div.v3FooterSection div:nth-child(1) p:nth-child(4) {
                padding-left: 20px;
            }

            div.v3FooterSection div:nth-child(1) p:nth-child(6) {
                grid-column: 5 / 7;
                padding-left: 20px;
            }
    .divideline:before {
        padding: 0px 15px;
    }
        /*div.v3FooterSection div:nth-child(1) p:nth-child(4),
        div.v3FooterSection div:nth-child(1) p:nth-child(5),
        div.v3FooterSection div:nth-child(1) p:nth-child(6),
        div.v3FooterSection div:nth-child(1) p:nth-child(7) {
            display: none;
        }*/

    div.v3FootSitemap div:nth-child(1) {
        height: initial;
        display: block;
        align-items: initial;
        margin: initial;
    }

    div.v3FootSitemap {
        display: grid;
        grid-template-columns: 50% auto;
        padding: 30px 0px;
        grid-row-gap: 50px;
    }

        div.v3FootSitemap p {
            padding: 0px !important;
        }

    div.v3FBContents span {
        display: grid;
        grid-row-gap: 5px;
        margin-bottom: 20px;
    }

    h8 {
        color: #777;
        font-family: "Public Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        padding: 5px 10px;
        display: block;
        margin: 15px 0px 10px 0px;
    }
    h8 icon {
        margin-right: 5px;
    }

}