/* ***** */
/* RESET */
/* ***** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ********* */
/* RESET end */
/* ********* */

/* ********* */
/* STRUCTURE */
/* ********* */
:root {
    --container-size: 100% - 40px;
    --gutter: 4px;
    --space-standard: 4px;
}
html {
    scroll-behavior: smooth;
  }
body * {
    box-sizing: border-box;
}
.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}
/* mobile */
section {
    padding-bottom: calc(var(--space-standard) * 6.25);
}
.container {
    width: calc(var(--container-size) + var(--gutter) * 2);
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    margin-left: auto;
    margin-right: auto;
}
.row {
    margin-left: calc(0px - var(--gutter));
    margin-right: calc(0px - var(--gutter));
    display: flex;
    flex-wrap: wrap;
}
.row > .col {
    width: 100%;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    flex: 0 0 auto;
}
.row > .col-auto {
    max-width: 100%;
    width: auto;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    flex: 0 0 auto;
}

.d-flex {display: flex;}
.d-inline-flex {display: inline-flex;}
.d-block {display: block;}
.d-inline-block {display: inline-block;}
.justify-content-center {justify-content: center;}
.justify-content-start {justify-content: flex-start;}
.justify-content-end {justify-content: flex-end;}
.justify-content-around {justify-content: space-around;}
.justify-content-between {justify-content: space-between;}
.align-items-center {align-items: center;}
.align-items-start {align-items: flex-start;}
.align-items-end {align-items: flex-end;}
.flex-column {flex-direction: column;}
.flex-row {flex-direction: row;}
.d-none {display: none;}

.el-rounded {border-radius: 40px;}

.pt-1 {padding-top: calc(var(--space-standard) * 1);}
.pt-2 {padding-top: calc(var(--space-standard) * 2);}
.pt-3 {padding-top: calc(var(--space-standard) * 3);}
.pt-4 {padding-top: calc(var(--space-standard) * 4);}
.pt-6 {padding-top: calc(var(--space-standard) * 6);}
.pt-8 {padding-top: calc(var(--space-standard) * 8);}
.pt-10 {padding-top: calc(var(--space-standard) * 10);}
.pt-12 {padding-top: calc(var(--space-standard) * 12);}
.pt-14 {padding-top: calc(var(--space-standard) * 14);}
.pt-16 {padding-top: calc(var(--space-standard) * 16);}
.pt-20 {padding-top: calc(var(--space-standard) * 20);}
.pt-30 {padding-top: calc(var(--space-standard) * 30);}
.pt-40 {padding-top: calc(var(--space-standard) * 40);}
.pb-1 {padding-bottom: calc(var(--space-standard) * 1);}
.pb-2 {padding-bottom: calc(var(--space-standard) * 2);}
.pb-3 {padding-bottom: calc(var(--space-standard) * 3);}
.pb-4 {padding-bottom: calc(var(--space-standard) * 4);}
.pb-6 {padding-bottom: calc(var(--space-standard) * 6);}
.pb-8 {padding-bottom: calc(var(--space-standard) * 8);}
.pb-10 {padding-bottom: calc(var(--space-standard) * 10);}
.pb-12 {padding-bottom: calc(var(--space-standard) * 12);}
.pb-14 {padding-bottom: calc(var(--space-standard) * 14);}
.pb-16 {padding-bottom: calc(var(--space-standard) * 16);}
.pb-20 {padding-bottom: calc(var(--space-standard) * 20);}
.pb-30 {padding-bottom: calc(var(--space-standard) * 30);}
.pb-40 {padding-bottom: calc(var(--space-standard) * 40);}
.ps-1 {padding-left: calc(var(--space-standard) * 1);}
.ps-2 {padding-left: calc(var(--space-standard) * 2);}
.ps-3 {padding-left: calc(var(--space-standard) * 3);}
.ps-4 {padding-left: calc(var(--space-standard) * 4);}
.ps-6 {padding-left: calc(var(--space-standard) * 6);}
.ps-8 {padding-left: calc(var(--space-standard) * 8);}
.ps-10 {padding-left: calc(var(--space-standard) * 10);}
.ps-12 {padding-left: calc(var(--space-standard) * 12);}
.ps-14 {padding-left: calc(var(--space-standard) * 14);}
.ps-16 {padding-left: calc(var(--space-standard) * 16);}
.ps-20 {padding-left: calc(var(--space-standard) * 20);}
.ps-30 {padding-left: calc(var(--space-standard) * 30);}
.ps-40 {padding-left: calc(var(--space-standard) * 40);}
.pe-1 {padding-right: calc(var(--space-standard) * 1);}
.pe-2 {padding-right: calc(var(--space-standard) * 2);}
.pe-3 {padding-right: calc(var(--space-standard) * 3);}
.pe-4 {padding-right: calc(var(--space-standard) * 4);}
.pe-6 {padding-right: calc(var(--space-standard) * 6);}
.pe-8 {padding-right: calc(var(--space-standard) * 8);}
.pe-10 {padding-right: calc(var(--space-standard) * 10);}
.pe-12 {padding-right: calc(var(--space-standard) * 12);}
.pe-14 {padding-right: calc(var(--space-standard) * 14);}
.pe-16 {padding-right: calc(var(--space-standard) * 16);}
.pe-20 {padding-right: calc(var(--space-standard) * 20);}
.pe-30 {padding-right: calc(var(--space-standard) * 30);}
.pe-40 {padding-right: calc(var(--space-standard) * 40);}
.mt-1 {margin-top: calc(var(--space-standard) * 1);}
.mt-2 {margin-top: calc(var(--space-standard) * 2);}
.mt-3 {margin-top: calc(var(--space-standard) * 3);}
.mt-4 {margin-top: calc(var(--space-standard) * 4);}
.mt-6 {margin-top: calc(var(--space-standard) * 6);}
.mt-8 {margin-top: calc(var(--space-standard) * 8);}
.mt-10 {margin-top: calc(var(--space-standard) * 10);}
.mt-12 {margin-top: calc(var(--space-standard) * 12);}
.mt-14 {margin-top: calc(var(--space-standard) * 14);}
.mt-16 {margin-top: calc(var(--space-standard) * 16);}
.mt-20 {margin-top: calc(var(--space-standard) * 20);}
.mt-30 {margin-top: calc(var(--space-standard) * 30);}
.mt-40 {margin-top: calc(var(--space-standard) * 40);}
.mb-1 {margin-bottom: calc(var(--space-standard) * 1);}
.mb-2 {margin-bottom: calc(var(--space-standard) * 2);}
.mb-3 {margin-bottom: calc(var(--space-standard) * 3);}
.mb-4 {margin-bottom: calc(var(--space-standard) * 4);}
.mb-6 {margin-bottom: calc(var(--space-standard) * 6);}
.mb-8 {margin-bottom: calc(var(--space-standard) * 8);}
.mb-10 {margin-bottom: calc(var(--space-standard) * 10);}
.mb-12 {margin-bottom: calc(var(--space-standard) * 12);}
.mb-14 {margin-bottom: calc(var(--space-standard) * 14);}
.mb-16 {margin-bottom: calc(var(--space-standard) * 16);}
.mb-20 {margin-bottom: calc(var(--space-standard) * 20);}
.mb-30 {margin-bottom: calc(var(--space-standard) * 30);}
.mb-40 {margin-bottom: calc(var(--space-standard) * 40);}
.ms-1 {margin-left: calc(var(--space-standard) * 1);}
.ms-2 {margin-left: calc(var(--space-standard) * 2);}
.ms-3 {margin-left: calc(var(--space-standard) * 3);}
.ms-4 {margin-left: calc(var(--space-standard) * 4);}
.ms-6 {margin-left: calc(var(--space-standard) * 6);}
.ms-8 {margin-left: calc(var(--space-standard) * 8);}
.ms-10 {margin-left: calc(var(--space-standard) * 10);}
.ms-12 {margin-left: calc(var(--space-standard) * 12);}
.ms-14 {margin-left: calc(var(--space-standard) * 14);}
.ms-16 {margin-left: calc(var(--space-standard) * 16);}
.ms-20 {margin-left: calc(var(--space-standard) * 20);}
.ms-30 {margin-left: calc(var(--space-standard) * 30);}
.ms-40 {margin-left: calc(var(--space-standard) * 40);}
.me-1 {margin-right: calc(var(--space-standard) * 1);}
.me-2 {margin-right: calc(var(--space-standard) * 2);}
.me-3 {margin-right: calc(var(--space-standard) * 3);}
.me-4 {margin-right: calc(var(--space-standard) * 4);}
.me-6 {margin-right: calc(var(--space-standard) * 6);}
.me-8 {margin-right: calc(var(--space-standard) * 8);}
.me-10 {margin-right: calc(var(--space-standard) * 10);}
.me-12 {margin-right: calc(var(--space-standard) * 12);}
.me-14 {margin-right: calc(var(--space-standard) * 14);}
.me-16 {margin-right: calc(var(--space-standard) * 16);}
.me-20 {margin-right: calc(var(--space-standard) * 20);}
.me-30 {margin-right: calc(var(--space-standard) * 30);}
.me-40 {margin-right: calc(var(--space-standard) * 40);}
.mt-auto {margin-top: auto;}
.mb-auto {margin-bottom: auto;}
.ms-auto {margin-left: auto;}
.me-auto {margin-right: auto;}

.pt-0 {padding-top: 0;}
.pb-0 {padding-bottom: 0;}
.ps-0 {padding-left: 0;}
.pe-0 {padding-right: 0;}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0;}
.ms-0 {margin-left: 0;}
.me-0 {margin-right: 0;}

/* form control */
.error-msg {
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in;
}
.invalid .error-msg {
    opacity: 1;
    visibility: visible;
}
.field-control {
    display: flex;
    flex-direction: column;
}
.field-control label {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #9D9D9D;
    margin-bottom: 6px;
}
.field-style > *,
.check-style > input[type="checkbox"] + label::before {
    font-size: 16px;
    line-height: 19px;
    width: 100%;
    height: 59px;
    color: var(--blue-deep);
    background-color: var(--white);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
    border: none;
    border-radius: 0;
    padding: 20px 16px;
    box-shadow: 0px 85px 34px rgba(0, 0, 0, 0.01), 0px 48px 29px rgba(0, 0, 0, 0.05), 0px 21px 21px rgba(0, 0, 0, 0.09), 0px 5px 12px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    /* filter: drop-shadow(0px 85px 34px rgba(0, 0, 0, 0.01)) drop-shadow(0px 48px 29px rgba(0, 0, 0, 0.05)) drop-shadow(0px 21px 21px rgba(0, 0, 0, 0.09)) drop-shadow(0px 5px 12px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1)); */
}
.check-style > input[type="checkbox"] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}
.check-style > input[type="checkbox"] + label {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    min-height: 29px;
    max-width: 454px;
    color: var(--blue-deep);
    padding-left: 50px;
    position: relative;
    display: flex;
    align-items: center;
}
.check-style > input[type="checkbox"] + label::before,
.check-style > input[type="checkbox"] + label::after {
    content: "";
    font-size: 20px;
    font-weight: 700;
    width: 27px;
    height: 27px;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.check-style > input[type="checkbox"] + label::after {
    width: 29px;
    height: 29px;
}
.check-style > input[type="checkbox"]:checked + label::after {
    /* content: "\2713"; */
    background-color: var(--blue-deep);
    content: url("../images/ico-checkmark.png");
    display: flex;
    justify-content: center;
    align-items: center;
}
.field-style > *:focus,
.field-style > *:focus-visible,
.check-style > input[type="checkbox"]:focus + label::before,
.check-style > input[type="checkbox"]:focus-visible + label::before {
    outline: none;
    border-color: #00000040 !important;
    -moz-box-shadow: 0 0 3px #00000040 !important;
    -webkit-box-shadow: 0 0 3px #00000040 !important;
    box-shadow: 0 0 3px #00000040 !important;
}
.invalid .field-style > *:focus,
.invalid .field-style > *:focus-visible,
.invalid .check-style > input[type="checkbox"]:focus + label::before,
.invalid .check-style > input[type="checkbox"]:focus-visible + label::before {
    outline: none;
    border-color: var(--red-danger) !important;
    box-shadow: 0 0 3px var(--red-danger) !important;
}
.field-style > ::placeholder {
    color: var(--GLT-grey);
    opacity: 1;
}
.support-text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: var(--blue-deep);
    padding-left: calc(var(--space-standard) * 4);
    margin-top: calc(var(--space-standard) * 1);
}
.invalid .field-style > *,
.invalid .check-style > input[type="checkbox"] + label::before {
    border-color: var(--red-danger) !important;
}
.invalid .support-text {
    color: #FF0000;
}
.valid .field-style > *:focus,
.valid .field-style > *:focus-visible,
.valid .check-style > input[type="checkbox"]:focus + label::before,
.valid .check-style > input[type="checkbox"]:focus-visible + label::before {
    outline: none;
    border-color: var(--green-success) !important;
    box-shadow: 0 0 3px var(--green-success) !important;
}
.valid .field-style > *,
.valid .check-style > input[type="checkbox"] + label::before {
    border-color: var(--green-success) !important;
}

img,
.is-svg {
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.no-scroll {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.extend-link::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 640px) {
    :root {
        --container-size: 100% - 80px;
        --gutter: 8px;
    }
}
/* tablet */
@media (min-width: 768px) {
    :root {
        --container-size: 688px;
    }
    .row > .col {
        flex: 1;
    }
    .row > .col-tab-auto {
        max-width: 100%;
        width: auto;
        flex: 0 0 auto;
    }

    section {
        padding-bottom: calc(var(--space-standard) * 13.5);
    }

    .d-tab-flex {display: flex;}
    .d-tab-inline-flex {display: inline-flex;}
    .d-tab-block {display: block;}
    .d-tab-inline-block {display: inline-block;}
    .justify-content-tab-center {justify-content: center;}
    .justify-content-tab-start {justify-content: flex-start;}
    .justify-content-tab-end {justify-content: flex-end;}
    .justify-content-tab-around {justify-content: space-around;}
    .justify-content-tab-between {justify-content: space-between;}
    .align-items-tab-center {align-items: center;}
    .align-items-tab-start {align-items: flex-start;}
    .align-items-tab-end {align-items: flex-end;}
    .flex-tab-column {flex-direction: column;}
    .flex-tab-row {flex-direction: row;}
    .d-tab-none {display: none;}

    .pt-tab-1 {padding-top: calc(var(--space-standard) * 1);}
    .pt-tab-2 {padding-top: calc(var(--space-standard) * 2);}
    .pt-tab-3 {padding-top: calc(var(--space-standard) * 3);}
    .pt-tab-4 {padding-top: calc(var(--space-standard) * 4);}
    .pt-tab-6 {padding-top: calc(var(--space-standard) * 6);}
    .pt-tab-8 {padding-top: calc(var(--space-standard) * 8);}
    .pt-tab-10 {padding-top: calc(var(--space-standard) * 10);}
    .pt-tab-12 {padding-top: calc(var(--space-standard) * 12);}
    .pt-tab-14 {padding-top: calc(var(--space-standard) * 14);}
    .pt-tab-16 {padding-top: calc(var(--space-standard) * 16);}
    .pt-tab-20 {padding-top: calc(var(--space-standard) * 20);}
    .pt-tab-30 {padding-top: calc(var(--space-standard) * 30);}
    .pt-tab-40 {padding-top: calc(var(--space-standard) * 40);}
    .pb-tab-1 {padding-bottom: calc(var(--space-standard) * 1);}
    .pb-tab-2 {padding-bottom: calc(var(--space-standard) * 2);}
    .pb-tab-3 {padding-bottom: calc(var(--space-standard) * 3);}
    .pb-tab-4 {padding-bottom: calc(var(--space-standard) * 4);}
    .pb-tab-6 {padding-bottom: calc(var(--space-standard) * 6);}
    .pb-tab-8 {padding-bottom: calc(var(--space-standard) * 8);}
    .pb-tab-10 {padding-bottom: calc(var(--space-standard) * 10);}
    .pb-tab-12 {padding-bottom: calc(var(--space-standard) * 12);}
    .pb-tab-14 {padding-bottom: calc(var(--space-standard) * 14);}
    .pb-tab-16 {padding-bottom: calc(var(--space-standard) * 16);}
    .pb-tab-20 {padding-bottom: calc(var(--space-standard) * 20);}
    .pb-tab-30 {padding-bottom: calc(var(--space-standard) * 30);}
    .pb-tab-40 {padding-bottom: calc(var(--space-standard) * 40);}
    .ps-tab-1 {padding-left: calc(var(--space-standard) * 1);}
    .ps-tab-2 {padding-left: calc(var(--space-standard) * 2);}
    .ps-tab-3 {padding-left: calc(var(--space-standard) * 3);}
    .ps-tab-4 {padding-left: calc(var(--space-standard) * 4);}
    .ps-tab-6 {padding-left: calc(var(--space-standard) * 6);}
    .ps-tab-8 {padding-left: calc(var(--space-standard) * 8);}
    .ps-tab-10 {padding-left: calc(var(--space-standard) * 10);}
    .ps-tab-12 {padding-left: calc(var(--space-standard) * 12);}
    .ps-tab-14 {padding-left: calc(var(--space-standard) * 14);}
    .ps-tab-16 {padding-left: calc(var(--space-standard) * 16);}
    .ps-tab-20 {padding-left: calc(var(--space-standard) * 20);}
    .ps-tab-30 {padding-left: calc(var(--space-standard) * 30);}
    .ps-tab-40 {padding-left: calc(var(--space-standard) * 40);}
    .pe-tab-1 {padding-right: calc(var(--space-standard) * 1);}
    .pe-tab-2 {padding-right: calc(var(--space-standard) * 2);}
    .pe-tab-3 {padding-right: calc(var(--space-standard) * 3);}
    .pe-tab-4 {padding-right: calc(var(--space-standard) * 4);}
    .pe-tab-6 {padding-right: calc(var(--space-standard) * 6);}
    .pe-tab-8 {padding-right: calc(var(--space-standard) * 8);}
    .pe-tab-10 {padding-right: calc(var(--space-standard) * 10);}
    .pe-tab-12 {padding-right: calc(var(--space-standard) * 12);}
    .pe-tab-14 {padding-right: calc(var(--space-standard) * 14);}
    .pe-tab-16 {padding-right: calc(var(--space-standard) * 16);}
    .pe-tab-20 {padding-right: calc(var(--space-standard) * 20);}
    .pe-tab-30 {padding-right: calc(var(--space-standard) * 30);}
    .pe-tab-40 {padding-right: calc(var(--space-standard) * 40);}
    .mt-tab-1 {margin-top: calc(var(--space-standard) * 1);}
    .mt-tab-2 {margin-top: calc(var(--space-standard) * 2);}
    .mt-tab-3 {margin-top: calc(var(--space-standard) * 3);}
    .mt-tab-4 {margin-top: calc(var(--space-standard) * 4);}
    .mt-tab-6 {margin-top: calc(var(--space-standard) * 6);}
    .mt-tab-8 {margin-top: calc(var(--space-standard) * 8);}
    .mt-tab-10 {margin-top: calc(var(--space-standard) * 10);}
    .mt-tab-12 {margin-top: calc(var(--space-standard) * 12);}
    .mt-tab-14 {margin-top: calc(var(--space-standard) * 14);}
    .mt-tab-16 {margin-top: calc(var(--space-standard) * 16);}
    .mt-tab-20 {margin-top: calc(var(--space-standard) * 20);}
    .mt-tab-30 {margin-top: calc(var(--space-standard) * 30);}
    .mt-tab-40 {margin-top: calc(var(--space-standard) * 40);}
    .mb-tab-1 {margin-bottom: calc(var(--space-standard) * 1);}
    .mb-tab-2 {margin-bottom: calc(var(--space-standard) * 2);}
    .mb-tab-3 {margin-bottom: calc(var(--space-standard) * 3);}
    .mb-tab-4 {margin-bottom: calc(var(--space-standard) * 4);}
    .mb-tab-6 {margin-bottom: calc(var(--space-standard) * 6);}
    .mb-tab-8 {margin-bottom: calc(var(--space-standard) * 8);}
    .mb-tab-10 {margin-bottom: calc(var(--space-standard) * 10);}
    .mb-tab-12 {margin-bottom: calc(var(--space-standard) * 12);}
    .mb-tab-14 {margin-bottom: calc(var(--space-standard) * 14);}
    .mb-tab-16 {margin-bottom: calc(var(--space-standard) * 16);}
    .mb-tab-20 {margin-bottom: calc(var(--space-standard) * 20);}
    .mb-tab-30 {margin-bottom: calc(var(--space-standard) * 30);}
    .mb-tab-40 {margin-bottom: calc(var(--space-standard) * 40);}
    .ms-tab-1 {margin-left: calc(var(--space-standard) * 1);}
    .ms-tab-2 {margin-left: calc(var(--space-standard) * 2);}
    .ms-tab-3 {margin-left: calc(var(--space-standard) * 3);}
    .ms-tab-4 {margin-left: calc(var(--space-standard) * 4);}
    .ms-tab-6 {margin-left: calc(var(--space-standard) * 6);}
    .ms-tab-8 {margin-left: calc(var(--space-standard) * 8);}
    .ms-tab-10 {margin-left: calc(var(--space-standard) * 10);}
    .ms-tab-12 {margin-left: calc(var(--space-standard) * 12);}
    .ms-tab-14 {margin-left: calc(var(--space-standard) * 14);}
    .ms-tab-16 {margin-left: calc(var(--space-standard) * 16);}
    .ms-tab-20 {margin-left: calc(var(--space-standard) * 20);}
    .ms-tab-30 {margin-left: calc(var(--space-standard) * 30);}
    .ms-tab-40 {margin-left: calc(var(--space-standard) * 40);}
    .me-tab-1 {margin-right: calc(var(--space-standard) * 1);}
    .me-tab-2 {margin-right: calc(var(--space-standard) * 2);}
    .me-tab-3 {margin-right: calc(var(--space-standard) * 3);}
    .me-tab-4 {margin-right: calc(var(--space-standard) * 4);}
    .me-tab-6 {margin-right: calc(var(--space-standard) * 6);}
    .me-tab-8 {margin-right: calc(var(--space-standard) * 8);}
    .me-tab-10 {margin-right: calc(var(--space-standard) * 10);}
    .me-tab-12 {margin-right: calc(var(--space-standard) * 12);}
    .me-tab-14 {margin-right: calc(var(--space-standard) * 14);}
    .me-tab-16 {margin-right: calc(var(--space-standard) * 16);}
    .me-tab-20 {margin-right: calc(var(--space-standard) * 20);}
    .me-tab-30 {margin-right: calc(var(--space-standard) * 30);}
    .me-tab-40 {margin-right: calc(var(--space-standard) * 40);}
    .mt-tab-auto {margin-top: auto;}
    .mb-tab-auto {margin-bottom: auto;}
    .ms-tab-auto {margin-left: auto;}
    .me-tab-auto {margin-right: auto;}

    .pt-tab-0 {padding-top: 0;}
    .pb-tab-0 {padding-bottom: 0;}
    .ps-tab-0 {padding-left: 0;}
    .pe-tab-0 {padding-right: 0;}
    .mt-tab-0 {margin-top: 0;}
    .mb-tab-0 {margin-bottom: 0;}
    .ms-tab-0 {margin-left: 0;}
    .me-tab-0 {margin-right: 0;}

    .check-style > input[type="checkbox"] + label::before,
    .check-style > input[type="checkbox"] + label::after {
        top: calc(50% - 29px / 2);
    }
}
@media (min-width: 1024px) {
    :root {
        --container-size: 944px;
    }
}
/* desktop */
@media (min-width: 1440px) {
    :root {
        --container-size: 1128px;
        --gutter: 12px;
    }
    .row > .col-desk-auto {
        max-width: 100%;
        width: auto;
        flex: 0 0 auto;
    }

    .d-desk-flex {display: flex;}
    .d-desk-inline-flex {display: inline-flex;}
    .d-desk-block {display: block;}
    .d-desk-inline-block {display: inline-block;}
    .justify-content-desk-center {justify-content: center;}
    .justify-content-desk-start {justify-content: flex-start;}
    .justify-content-desk-end {justify-content: flex-end;}
    .justify-content-desk-around {justify-content: space-around;}
    .justify-content-desk-between {justify-content: space-between;}
    .align-items-desk-center {align-items: center;}
    .align-items-desk-start {align-items: flex-start;}
    .align-items-desk-end {align-items: flex-end;}
    .flex-desk-column {flex-direction: column;}
    .flex-desk-row {flex-direction: row;}
    .d-desk-none {display: none;}

    .pt-desk-1 {padding-top: calc(var(--space-standard) * 1);}
    .pt-desk-2 {padding-top: calc(var(--space-standard) * 2);}
    .pt-desk-3 {padding-top: calc(var(--space-standard) * 3);}
    .pt-desk-4 {padding-top: calc(var(--space-standard) * 4);}
    .pt-desk-6 {padding-top: calc(var(--space-standard) * 6);}
    .pt-desk-8 {padding-top: calc(var(--space-standard) * 8);}
    .pt-desk-10 {padding-top: calc(var(--space-standard) * 10);}
    .pt-desk-12 {padding-top: calc(var(--space-standard) * 12);}
    .pt-desk-14 {padding-top: calc(var(--space-standard) * 14);}
    .pt-desk-16 {padding-top: calc(var(--space-standard) * 16);}
    .pt-desk-20 {padding-top: calc(var(--space-standard) * 20);}
    .pt-desk-30 {padding-top: calc(var(--space-standard) * 30);}
    .pt-desk-40 {padding-top: calc(var(--space-standard) * 40);}
    .pb-desk-1 {padding-bottom: calc(var(--space-standard) * 1);}
    .pb-desk-2 {padding-bottom: calc(var(--space-standard) * 2);}
    .pb-desk-3 {padding-bottom: calc(var(--space-standard) * 3);}
    .pb-desk-4 {padding-bottom: calc(var(--space-standard) * 4);}
    .pb-desk-6 {padding-bottom: calc(var(--space-standard) * 6);}
    .pb-desk-8 {padding-bottom: calc(var(--space-standard) * 8);}
    .pb-desk-10 {padding-bottom: calc(var(--space-standard) * 10);}
    .pb-desk-12 {padding-bottom: calc(var(--space-standard) * 12);}
    .pb-desk-14 {padding-bottom: calc(var(--space-standard) * 14);}
    .pb-desk-16 {padding-bottom: calc(var(--space-standard) * 16);}
    .pb-desk-20 {padding-bottom: calc(var(--space-standard) * 20);}
    .pb-desk-30 {padding-bottom: calc(var(--space-standard) * 30);}
    .pb-desk-40 {padding-bottom: calc(var(--space-standard) * 40);}
    .ps-desk-1 {padding-left: calc(var(--space-standard) * 1);}
    .ps-desk-2 {padding-left: calc(var(--space-standard) * 2);}
    .ps-desk-3 {padding-left: calc(var(--space-standard) * 3);}
    .ps-desk-4 {padding-left: calc(var(--space-standard) * 4);}
    .ps-desk-6 {padding-left: calc(var(--space-standard) * 6);}
    .ps-desk-8 {padding-left: calc(var(--space-standard) * 8);}
    .ps-desk-10 {padding-left: calc(var(--space-standard) * 10);}
    .ps-desk-12 {padding-left: calc(var(--space-standard) * 12);}
    .ps-desk-14 {padding-left: calc(var(--space-standard) * 14);}
    .ps-desk-16 {padding-left: calc(var(--space-standard) * 16);}
    .ps-desk-20 {padding-left: calc(var(--space-standard) * 20);}
    .ps-desk-30 {padding-left: calc(var(--space-standard) * 30);}
    .ps-desk-40 {padding-left: calc(var(--space-standard) * 40);}
    .pe-desk-1 {padding-right: calc(var(--space-standard) * 1);}
    .pe-desk-2 {padding-right: calc(var(--space-standard) * 2);}
    .pe-desk-3 {padding-right: calc(var(--space-standard) * 3);}
    .pe-desk-4 {padding-right: calc(var(--space-standard) * 4);}
    .pe-desk-6 {padding-right: calc(var(--space-standard) * 6);}
    .pe-desk-8 {padding-right: calc(var(--space-standard) * 8);}
    .pe-desk-10 {padding-right: calc(var(--space-standard) * 10);}
    .pe-desk-12 {padding-right: calc(var(--space-standard) * 12);}
    .pe-desk-14 {padding-right: calc(var(--space-standard) * 14);}
    .pe-desk-16 {padding-right: calc(var(--space-standard) * 16);}
    .pe-desk-20 {padding-right: calc(var(--space-standard) * 20);}
    .pe-desk-30 {padding-right: calc(var(--space-standard) * 30);}
    .pe-desk-40 {padding-right: calc(var(--space-standard) * 40);}
    .mt-desk-1 {margin-top: calc(var(--space-standard) * 1);}
    .mt-desk-2 {margin-top: calc(var(--space-standard) * 2);}
    .mt-desk-3 {margin-top: calc(var(--space-standard) * 3);}
    .mt-desk-4 {margin-top: calc(var(--space-standard) * 4);}
    .mt-desk-6 {margin-top: calc(var(--space-standard) * 6);}
    .mt-desk-8 {margin-top: calc(var(--space-standard) * 8);}
    .mt-desk-10 {margin-top: calc(var(--space-standard) * 10);}
    .mt-desk-12 {margin-top: calc(var(--space-standard) * 12);}
    .mt-desk-14 {margin-top: calc(var(--space-standard) * 14);}
    .mt-desk-16 {margin-top: calc(var(--space-standard) * 16);}
    .mt-desk-20 {margin-top: calc(var(--space-standard) * 20);}
    .mt-desk-30 {margin-top: calc(var(--space-standard) * 30);}
    .mt-desk-40 {margin-top: calc(var(--space-standard) * 40);}
    .mb-desk-1 {margin-bottom: calc(var(--space-standard) * 1);}
    .mb-desk-2 {margin-bottom: calc(var(--space-standard) * 2);}
    .mb-desk-3 {margin-bottom: calc(var(--space-standard) * 3);}
    .mb-desk-4 {margin-bottom: calc(var(--space-standard) * 4);}
    .mb-desk-6 {margin-bottom: calc(var(--space-standard) * 6);}
    .mb-desk-8 {margin-bottom: calc(var(--space-standard) * 8);}
    .mb-desk-10 {margin-bottom: calc(var(--space-standard) * 10);}
    .mb-desk-12 {margin-bottom: calc(var(--space-standard) * 12);}
    .mb-desk-14 {margin-bottom: calc(var(--space-standard) * 14);}
    .mb-desk-16 {margin-bottom: calc(var(--space-standard) * 16);}
    .mb-desk-20 {margin-bottom: calc(var(--space-standard) * 20);}
    .mb-desk-30 {margin-bottom: calc(var(--space-standard) * 30);}
    .mb-desk-40 {margin-bottom: calc(var(--space-standard) * 40);}
    .ms-desk-1 {margin-left: calc(var(--space-standard) * 1);}
    .ms-desk-2 {margin-left: calc(var(--space-standard) * 2);}
    .ms-desk-3 {margin-left: calc(var(--space-standard) * 3);}
    .ms-desk-4 {margin-left: calc(var(--space-standard) * 4);}
    .ms-desk-6 {margin-left: calc(var(--space-standard) * 6);}
    .ms-desk-8 {margin-left: calc(var(--space-standard) * 8);}
    .ms-desk-10 {margin-left: calc(var(--space-standard) * 10);}
    .ms-desk-12 {margin-left: calc(var(--space-standard) * 12);}
    .ms-desk-14 {margin-left: calc(var(--space-standard) * 14);}
    .ms-desk-16 {margin-left: calc(var(--space-standard) * 16);}
    .ms-desk-20 {margin-left: calc(var(--space-standard) * 20);}
    .ms-desk-30 {margin-left: calc(var(--space-standard) * 30);}
    .ms-desk-40 {margin-left: calc(var(--space-standard) * 40);}
    .me-desk-1 {margin-right: calc(var(--space-standard) * 1);}
    .me-desk-2 {margin-right: calc(var(--space-standard) * 2);}
    .me-desk-3 {margin-right: calc(var(--space-standard) * 3);}
    .me-desk-4 {margin-right: calc(var(--space-standard) * 4);}
    .me-desk-6 {margin-right: calc(var(--space-standard) * 6);}
    .me-desk-8 {margin-right: calc(var(--space-standard) * 8);}
    .me-desk-10 {margin-right: calc(var(--space-standard) * 10);}
    .me-desk-12 {margin-right: calc(var(--space-standard) * 12);}
    .me-desk-14 {margin-right: calc(var(--space-standard) * 14);}
    .me-desk-16 {margin-right: calc(var(--space-standard) * 16);}
    .me-desk-20 {margin-right: calc(var(--space-standard) * 20);}
    .me-desk-30 {margin-right: calc(var(--space-standard) * 30);}
    .me-desk-40 {margin-right: calc(var(--space-standard) * 40);}
    .mt-desk-auto {margin-top: auto;}
    .mb-desk-auto {margin-bottom: auto;}
    .ms-desk-auto {margin-left: auto;}
    .me-desk-auto {margin-right: auto;}

    .pt-desk-0 {padding-top: 0;}
    .pb-desk-0 {padding-bottom: 0;}
    .ps-desk-0 {padding-left: 0;}
    .pe-desk-0 {padding-right: 0;}
    .mt-desk-0 {margin-top: 0;}
    .mb-desk-0 {margin-bottom: 0;}
    .ms-desk-0 {margin-left: 0;}
    .me-desk-0 {margin-right: 0;}
}
@media (min-width: 1920px) {
    :root {
        --container-size: 1224px;
    }
}

/* visibility */
@media (max-width: 767.98px) {
    .hidden-mobile {display: none !important;}
}
@media (min-width: 768px) {
    .visible-mobile {display: none !important;}
}
@media (min-width: 1440px) {
    .visible-tab {display: none !important;}
}
@media (max-width: 1439.98px) {
    .visible-desk {display: none !important;}
}
/* ************* */
/* STRUCTURE end */
/* ************* */