/*******************************************************
*/
/* setting.css
 *******************************************************/

/* font-family */
/*===================================================*/
body, html{font-family:'Pretendard','Noto Sans KR','GmarketSans', "Helvetica Neue",Helvetica,Arial,sans-serif !important;}
input, button {font-family:'Pretendard','Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
textarea, select,button {font-family:'Pretendard','Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
/*===================================================*/

/* icon */
.material-icons,.material-icons-outlined,.material-icons-sharp,.material-icons-round,.material-icons-two-tone{font-size: inherit;}

/* table */
.table_wrap table{width:100%;min-width:750px;}
.table_wrap table td {text-align: center;padding:8px;}

@media screen and (max-width: 768px) {
    .table_wrap {overflow-x: auto;white-space: nowrap;}
}

/*******************************************************
*/
/* Layout
 *******************************************************/
:root {
    /*===================================================*/

    /* Container */
    .main-sec {padding:80px 0;overflow: hidden;}  /* ● */
    .sub-sec {padding:80px 0;overflow: hidden;}   /* ● */


    --container-max-width:1330px;                /* ● */

    --container-lg-max-width:calc(100% - 8rem);  /* ● */
    --container-md-max-width:830px;
    --container-sm-max-width:670px;
    --container-xs-max-width:510px;

    --container-padding: 0 15px;
    --border-radius:1.5rem;                     /* ● */

    --border-radius-md:1rem;     /* 16px */
    --border-radius-sm:0.75rem;  /* 12px */
    --border-radius-xs:0.5rem;   /* 8px */

    --header-height:84px;                       /* ● */
    --mobile-header-height:60px;

    --full-height: 100vh;
    --sub-top-height:12.5rem;                   /* ● */

    /* Section Padding */
    --section-padding-desktop: 80px 0;          /* ● */
    --section-padding-laptop:  80px 0;          /* ● */
    --section-padding-tablet:  60px 0;          /* ● */
    --section-padding-mobile:  40px 0;          /* ● */

    --section-sub-padding-desktop:80px 0;       /* ● */
    --section-sub-padding-tablet:60px 0;        /* ● */
    --section-sub-padding-mobile:40px 0 60px;   /* ● */

    /* card Padding */
    --card-content-padding:2rem;                /* ● */
}
/*===================================================*/

/* header */
@media screen and (max-width:1200px) {  :root {--header-height: var(--mobile-header-height);}  }    /* ● */

/* container, section-padding */
.sub-content{padding-top:var(--header-height) !important;position: relative;}
body .container {max-width: var(--container-max-width);padding: var(--container-padding);width: 100%;margin: 0 auto;position: relative;overflow: hidden;}

body .container-xs {max-width: var(--container-xs-max-width);}
body .container-sm {max-width: var(--container-sm-max-width);}
body .container-md {max-width: var(--container-md-max-width);}
body .container-lg {max-width: var(--container-lg-max-width);}

body .main_container {padding-top: 0;}

@media screen and (max-width:1400px) {body .container-lg {max-width: calc(var(--container-lg-max-width) + 4rem);}}
@media screen and (max-width:1024px) {body .container-lg{max-width:100%;}body .container-md{max-width:100%;}body .container-lg{max-width:100%;}}
@media screen and (max-width:800px) {body .container-sm{max-width:100%;}}
@media screen and (max-width:640px) {body .container-xs{max-width:100%;}}


/* section-padding */
@media screen and (max-width:1400px) {  .main-sec{padding: var(--section-padding-desktop) !important;}  .sub-sec {padding: var(--section-sub-padding-desktop) !important;}  }  @media screen and (max-width:1200px) {  .main-sec{padding: var(--section-padding-laptop) !important;}  .sub-sec {padding: var(--section-sub-padding-tablet) !important;}  }  @media screen and (max-width:768px) {  .main-sec{padding: var(--section-padding-tablet) !important;}  }  @media screen and (max-width:480px) {  .main-sec{padding: var(--section-padding-mobile) !important;}  .sub-sec {padding: var(--section-sub-padding-mobile) !important;}  }

/* border radius */
.border-radius { border-radius: var(--border-radius); overflow: hidden; }
.border-radius-md {border-radius: var(--border-radius-md);overflow: hidden;}
.border-radius-sm {border-radius: var(--border-radius-sm);overflow: hidden;}
.border-radius-xs {border-radius: var(--border-radius-xs);overflow: hidden;}
@media screen and (max-width: 1200px) {  .border-radius { border-radius: calc(var(--border-radius) * 0.9);}  .border-radius-md { border-radius: calc(var(--border-radius-md) * 0.9);} /* 14.4px */ .border-radius-sm { border-radius: calc(var(--border-radius-sm) * 0.9);} /* 10.8px */ .border-radius-xs { border-radius: calc(var(--border-radius-xs) * 0.9);} /* 7.2px */  }  @media screen and (max-width: 1024px) {  .border-radius { border-radius: calc(var(--border-radius) * 0.7);}  .border-radius-md { border-radius: calc(var(--border-radius-md) * 0.7); } /* 11.2px */ .border-radius-sm { border-radius: calc(var(--border-radius-sm) * 0.7); } /* 8.4px */ .border-radius-xs { border-radius: calc(var(--border-radius-xs) * 0.7); } /* 5.6px */  }  @media screen and (max-width: 768px) {  .border-radius { border-radius: calc(var(--border-radius) * 0.5); }  --border-radius-md: 0.6rem; /* 9.6px */ --border-radius-sm: 0.45rem; /* 7.2px */  }  @media screen and (max-width: 480px) {  .border-radius { border-radius: calc(var(--border-radius) * 0.3); }  }



/* sub top */   /* ● */
#sub_top{min-height: var(--sub-top-height);}
@media screen and (max-width:1200px) {
    /*#sub_top{height:300px;}*/
    #sub_top{min-height:auto !important;}
}
@media screen and (max-width:768px) {
    /*#sub_top{height:280px;}*/
}

/*******************************************************
*/
/* Colors & button Components
 *******************************************************/

:root {
    /*===================================================*/

    /* Key Color  */ /* ● */
    --primary:#8C5CF5; /* ex)color-primary */
    --secondary:#00FFAA;
    --primary-hover:#FFF5EB; /* hover-color */

    --variant:#4A5568;
    --variant-light:#808791; /* background-color */
    --variant-dark:#3D454D;  /* border-color */
    --variant-hover:#EDF1F5; /* hover-color */

    --border-color:#E4EAF0;  /* border-color */
    --content-bg:#F7F9FA;    /* background-color */

    --text-color:#6C7680;
    --text-light:#9CA3AF;
    --text-dark:#3D454D;

    /* Black Scale */
    --black-100: #4d4d4d;
    --black-200: #404040;
    --black-300: #333333;
    --black-400: #282828;
    --black-500: #1d1d1d;
    --black-600: #000000;

    /* Greay Scale */
    --gray-100: #EBEBEB;
    --gray-200: #D9D9D9;
    --gray-300: #CCCCCC;
    --gray-400: #BDBDBD;
    --gray-500: #999999;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #212121;


    /* transition  */
    --color-transition: all 0.3s ease-in-out;
    --button-transition: all 0.4s ease-in-out;

    --transition-custom: all 0.3s ease-in-out;
    --transition-custom1: all 0.2s ease-in-out;
    --transition-custom2: all 0.8s ease-in-out;

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

    /* Status Colors */
    --color-info: #2768FF;
    --color-success: #27AE60;
    --color-warning: #FFB724;
    --color-error: #EB003B;
    /* Background Colors (10% 투명도) */
    --bg-info: rgba(39, 104, 255, 0.1);
    --bg-success: rgba(39, 174, 96, 0.1);
    --bg-warning: rgba(255, 183, 36, 0.1);
    --bg-error: rgba(235, 0, 59, 0.1);

}


/* Colors */
.color-primary{color: var(--primary) !important;transition: var(--color-transition);}
.color-secondary {color: var(--secondary);transition: var(--color-transition);}
.color-variant {color: var(--variant);transition: var(--color-transition);}


/* Black Scale */
.black{color:black !important;}  .black-100 { color: var(--black-100) !important;; }  .black-200 { color: var(--black-200) !important;; }  .black-300 { color: var(--black-300) !important;; }  .black-400 { color: var(--black-400) !important;; }  .white{color:white !important;}

/* Greay Scale */
.gray-100 { color: var(--gray-100) !important; }  .gray-200 { color: var(--gray-200) !important;}  .gray-300 { color: var(--gray-300) !important; }  .gray-400 { color: var(--gray-400) !important; }  .gray-500 { color: var(--gray-500) !important; }  .gray-600 { color: var(--gray-600) !important; }  .gray-700 { color: var(--gray-700) !important; }  .gray-800 { color: var(--gray-800) !important; }  .gray-900 { color: var(--gray-900) !important; }

/* Status Colors */
.info {color: var(--color-info);background-color: var(--bg-info);}
.success {color: var(--color-success);background-color: var(--bg-success);}
.warning {color: var(--color-warning);background-color: var(--bg-warning);}
.error {color: var(--color-error);background-color: var(--bg-error);}

/* Background Colors */
.bg-white{background: white !important;}

/*******************************************************
*/
/* input & button
 *******************************************************/
:root {
/*===================================================*/
    /* 버튼 기본 스타일 */  /* ● */
    --button-height:52px;
    --button-max-width:140px;
    --button-radius: 0;
    --button-padding: 0.7rem 1.4rem;
    --button-text-color: #fff;

    /* 입력 기본 스타일 */  /* ● */
    --input-height:56px;
}
/*===================================================*/

@media screen and (max-width:768px) {
    :root {
        --button-max-width:100px;
    }
}
@media screen and (max-width:480px) {
    :root {
        --button-max-width:80px;
        --input-height:52px;
    }
}

/* form-control */
.control-label {display: inline-block;width: auto;margin-right: 0.25rem;font-size:14px;font-weight:500;color:#515151;white-space: nowrap;padding-right:8px;}
.form-control{display: block;width: 100%;height:var(--input-height);font-size: 1rem;font-weight: 400;letter-spacing: -0.6px;line-height:var(--input-height);padding: 0 1rem;border-radius:var(--border-radius-xs);background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;outline: none;transition: all 0.3s;}
.form-control::placeholder {font-size:0.875rem; color: #9CA3AF; opacity: 0.7; }
.form-field.active .form-control{ border-color: var(--primary); }
.form-btn{transition: 0.2s all;padding: 8px 35px;height: auto;background: #222;color: #fff;box-shadow: none;border: none;font-size: 15px;text-shadow: none;}
.form-btn:hover{background:var(--primary);}
.btn:disabled, .btn[disabled], .btn.disabled, input[disabled]{opacity: 0.6;cursor: not-allowed;pointer-events: none;background-color: #e9ecef !important;border-color: #dee2e6 !important;color: #6c757d !important;box-shadow: none !important;}


/* 버튼 스타일 */
.button {border: none;display: flex;align-items: center;justify-content: center;border-radius: var(--button-radius);padding: var(--button-padding);height: var(--button-height);width: 100%;max-width: var(--button-max-width);transition: var(--button-transition);}
.button-primary {background-color: var(--primary) !important;color: var(--button-text-color);}
.button-secondary {background-color: var(--secondary) !important;color: var(--button-text-color);}
.button-variant {background-color: var(--variant) !important;color: var(--button-text-color);}
.button-variant-light {background-color: var(--variant-light) !important;color: var(--button-text-color);}
.button-variant-dark {background-color: var(--variant-dark) !important;color: var(--button-text-color);}


/* 호버 효과 */
.button-primary:hover {background-color: var(--variant) !important;}
.button-secondary:hover {background-color: var(--variant-dark) !important;}
.default-hover:hover{background-color: var(--variant-hover) !important;border-color: #cbd5e0 !important;transition: all 0.6s ease-in-out;}
.active.default-hover:hover{pointer-events: none !important;}
.primary-hover:hover{background-color: var(--primary) !important;transition: all 0.6s ease-in-out;}

/* shadow 효과 */
.shadow-1{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.shadow-2{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.shadow-3{box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);}
.shadow-4{box-shadow: 0 4px 40px rgb(203 209 220 / 50%);}
.shadow-5{box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}
.shadow-6{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);}
.shadow-7{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);}
.shadow-8{box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);}
.shadow-9{box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);}


/* card content */
.card-body{border:1px solid var(--border-color);background:var(--content-bg);}
.card-body.no-bg{background:none;}
.card-content{padding:var(--card-content-padding);}
.boder{border:1px solid var(--border-color);}
.no-border{border:none !important;}
.boder-color{border-color: var(--border-color);}

@media screen and (max-width: 1200px) {  .card-content{padding:calc(var(--card-content-padding) * 0.9);}  }  @media screen and (max-width:1024px) {  .card-content{padding: calc(var(--card-content-padding) * 0.8);}  }  @media screen and (max-width: 768px) {  .card-content{padding: calc(var(--card-content-padding) * 0.6);}  }  @media screen and (max-width: 480px) {  .card-content{padding: calc(var(--card-content-padding) * 0.5);}  }

/*******************************************************
*/
/* Text Components
 *******************************************************/

:root {
    /*===================================================*/

    --line-height: 1.3;

    --line-height-p: 1.5;

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

    --display-lg-font-size: 5.625rem;    /* 90px */
    --display-md-font-size: 4.5rem;      /* 72px */
    --display-sm-font-size: 4rem;        /* 64px */

    --h1-font-size: 4rem;                /* 64px */
    --h2-font-size: 3.5rem;              /* 56px */
    --h3-font-size: 2.5rem;              /* 40px */
    --h4-font-size: 2rem;                /* 32px */
    --h5-font-size: 1.5rem;              /* 24px */
    --h6-font-size: 1.25rem;             /* 20px */
    --p-font-size: 1rem;                 /* 16px */

    --section-title-margin: 5rem;        /* 80px */
    --section-title-font-size: 4rem;     /* 64px */
}


/* Title */
.section-title { margin-bottom: var(--section-title-margin); }
.section-title h1 {font-size:var(--section-title-font-size); }
.section-title.white h1{color:#fff !important;}

/* font-size */

.display-lg{font-size:var(--display-lg-font-size);}
.display-md{font-size:var(--display-md-font-size);}
.display-sm{font-size:var(--display-sm-font-size);}

.heading h1, .heading h2, .heading h3, .heading h4,.heading h5{line-height: var(--line-height);}
.heading h6, .heading p{line-height: var(--line-height-p);}

.heading h1 {font-size:var(--h1-font-size);}
.heading h2 {font-size:var(--h2-font-size);}
.heading h3 {font-size:var(--h3-font-size);}
.heading h4 {font-size:var(--h4-font-size);}
.heading h5 {font-size:var(--h5-font-size);}
.heading h6 {font-size:var(--h6-font-size);}
.heading p  {font-size: var(--p-font-size);}


/* responsive */


@media screen and (max-width: 1920px) {
    :root {
        --display-lg-font-size: 5.25rem;    /* 84px */
        --display-md-font-size: 4.25rem;    /* 68px */
        --display-sm-font-size: 3.75rem;    /* 60px */

        --h1-font-size: 3.75rem;            /* 60px */
        --h2-font-size: 3.25rem;            /* 52px */
        --h3-font-size: 2.375rem;           /* 38px */
        --h4-font-size: 1.875rem;           /* 30px */
        --h5-font-size: 1.438rem;           /* 23px */
        --h6-font-size: 1.188rem;           /* 19px */
        --p-font-size: 1rem;                /* 16px */

        --section-title-margin: 4.8rem;
        --section-title-font-size: 3.75rem;
    }
}

@media screen and (max-width: 1600px) {
    :root {
        --display-lg-font-size: 4.875rem;    /* 78px */
        --display-md-font-size: 4rem;        /* 64px */
        --display-sm-font-size: 3.5rem;      /* 56px */

        --h1-font-size: 3.5rem;              /* 56px */
        --h2-font-size: 3rem;                /* 48px */
        --h3-font-size: 2.25rem;             /* 36px */
        --h4-font-size: 1.75rem;             /* 28px */
        --h5-font-size: 1.375rem;            /* 22px */
        --h6-font-size: 1.125rem;            /* 18px */
        --p-font-size: 0.975rem;             /* 15.6px */

        --section-title-margin: 4.5rem;
        --section-title-font-size: 3.5rem;
    }
}

@media screen and (max-width: 1400px) {
    :root {
        --display-lg-font-size: 4.5rem;      /* 72px */
        --display-md-font-size: 3.75rem;     /* 60px */
        --display-sm-font-size: 3.25rem;     /* 52px */

        --h1-font-size: 3.25rem;             /* 52px */
        --h2-font-size: 2.75rem;             /* 44px */
        --h3-font-size: 2.125rem;            /* 34px */
        --h4-font-size: 1.625rem;            /* 26px */
        --h5-font-size: 1.313rem;            /* 21px */
        --h6-font-size: 1.125rem;            /* 18px */
        --p-font-size: 0.95rem;              /* 15.2px */

        --section-title-margin: 4.3rem;
        --section-title-font-size: 3.25rem;
    }
}

@media screen and (max-width: 1200px) {
    :root {
        --display-lg-font-size: 4rem;        /* 64px */
        --display-md-font-size: 3.375rem;    /* 54px */
        --display-sm-font-size: 2.875rem;    /* 46px */

        --h1-margin-bottom: 3.5rem;
        --h2-margin-bottom: 2.25rem;
        --h3-margin-bottom: 1.875rem;
        --h4-margin-bottom: 1.375rem;
        --h5-margin-bottom: 1.25rem;
        --h6-margin-bottom: 1rem;
        --p-margin-bottom: 0.875rem;

        --section-title-margin: 4rem;
        --section-title-font-size: 2.875rem;
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --display-lg-font-size: 3.5rem;      /* 56px */
        --display-md-font-size: 2.875rem;    /* 46px */
        --display-sm-font-size: 2.5rem;      /* 40px */

        --h1-font-size: 3rem;
        --h2-font-size: 2.75rem;
        --h3-font-size: 2rem;
        --h4-font-size: 1.5rem;
        --h5-font-size: 1.3rem;
        --h6-font-size: 1.15rem;

        --section-title-margin: 3.5rem;
        --section-title-font-size: 2.5rem;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --display-lg-font-size: 2.75rem;     /* 44px */
        --display-md-font-size: 2.25rem;     /* 36px */
        --display-sm-font-size: 2rem;        /* 32px */

        --h1-font-size: 2.5rem;
        --h2-font-size: 2.25rem;
        --h3-font-size: 1.75rem;
        --h4-font-size: 1.5rem;
        --h5-font-size: 1.25rem;
        --h6-font-size: 1.125rem;
        --p-font-size: 0.9rem;

        --section-title-margin: 2.5rem;
        --section-title-font-size: 2rem;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --display-lg-font-size: 2.25rem;     /* 36px */
        --display-md-font-size: 1.875rem;    /* 30px */
        --display-sm-font-size: 1.625rem;    /* 26px */

        --h1-font-size: 2rem;
        --h2-font-size: 1.75rem;
        --h3-font-size: 1.5rem;
        --h4-font-size: 1.25rem;
        --h5-font-size: 1.125rem;
        --h6-font-size: 1rem;
        --p-font-size: 0.813rem;             /* 13px */

        --section-title-margin: 1.75rem;
        --section-title-font-size: 1.625rem;
    }
}







/*******************************************************
*/
/* Margin
 *******************************************************/

/* Margin Top */
body .mt-0{margin-top:0.625rem !important;}    /* 10px */
body .mt-1{margin-top:1rem !important;}        /* 16px */
body .mt-2{margin-top:1.5rem !important;}      /* 24px */
body .mt-3{margin-top:2rem !important;}        /* 32px */
body .mt-4{margin-top:2.5rem !important;}      /* 40px */
body .mt-5{margin-top:3rem !important;}        /* 48px */
body .mt-6{margin-top:3.5rem !important;}      /* 56px */
body .mt-7{margin-top:4rem !important;}        /* 64px */
body .mt-8{margin-top:4.5rem !important;}      /* 72px */
body .mt-9{margin-top:5rem !important;}        /* 80px */
body .mt-10{margin-top:5.5rem !important;}     /* 88px */

/* Margin Bottom */
body .mb-0{margin-bottom:0.625rem !important;} /* 10px */
body .mb-1{margin-bottom:1rem !important;}     /* 16px */
body .mb-2{margin-bottom:1.5rem !important;}   /* 24px */
body .mb-3{margin-bottom:2rem !important;}     /* 32px */
body .mb-4{margin-bottom:2.5rem !important;}   /* 40px */
body .mb-5{margin-bottom:3rem !important;}     /* 48px */
body .mb-6{margin-bottom:3.5rem !important;}   /* 56px */
body .mb-7{margin-bottom:4rem !important;}     /* 64px */
body .mb-8{margin-bottom:4.5rem !important;}   /* 72px */
body .mb-9{margin-bottom:5rem !important;}     /* 80px */
body .mb-10{margin-bottom:5.5rem !important;}  /* 88px */

@media (max-width: 1600px) {
    body .mt-2{margin-top:1.3rem !important;}        /* 20.8px */
    body .mt-3{margin-top:1.7rem !important;}        /* 27.2px */
    body .mt-4{margin-top:2.2rem !important;}        /* 35.2px */
    body .mt-5{margin-top:2.7rem !important;}        /* 43.2px */
    body .mt-6{margin-top:3.2rem !important;}        /* 51.2px */
    body .mt-7{margin-top:3.7rem !important;}        /* 59.2px */
    body .mt-8{margin-top:4.2rem !important;}        /* 67.2px */
    body .mt-9{margin-top:4.7rem !important;}        /* 75.2px */
    body .mt-10{margin-top:5.2rem !important;}       /* 83.2px */

    body .mb-2{margin-bottom:1.3rem !important;}     /* 20.8px */
    body .mb-3{margin-bottom:1.7rem !important;}     /* 27.2px */
    body .mb-4{margin-bottom:2.2rem !important;}     /* 35.2px */
    body .mb-5{margin-bottom:2.7rem !important;}     /* 43.2px */
    body .mb-6{margin-bottom:3.2rem !important;}     /* 51.2px */
    body .mb-7{margin-bottom:3.7rem !important;}     /* 59.2px */
    body .mb-8{margin-bottom:4.2rem !important;}     /* 67.2px */
    body .mb-9{margin-bottom:4.7rem !important;}     /* 75.2px */
    body .mb-10{margin-bottom:5.2rem !important;}    /* 83.2px */
}

@media (max-width: 1200px) {
    body .mt-1{margin-top:1rem !important;}        /* 16px */
    body .mt-2{margin-top:1.25rem !important;}     /* 20px */
    body .mt-3{margin-top:1.5rem !important;}      /* 24px */
    body .mt-4{margin-top:2rem !important;}        /* 32px */
    body .mt-5{margin-top:2.5rem !important;}      /* 40px */
    body .mt-6{margin-top:3rem !important;}        /* 48px */
    body .mt-7{margin-top:3.5rem !important;}      /* 56px */
    body .mt-8{margin-top:4rem !important;}        /* 64px */
    body .mt-9{margin-top:4.5rem !important;}      /* 72px */
    body .mt-10{margin-top:5rem !important;}       /* 80px */

    body .mb-1{margin-bottom:1rem !important;}     /* 16px */
    body .mb-2{margin-bottom:1.25rem !important;}  /* 20px */
    body .mb-3{margin-bottom:1.5rem !important;}   /* 24px */
    body .mb-4{margin-bottom:2rem !important;}     /* 32px */
    body .mb-5{margin-bottom:2.5rem !important;}   /* 40px */
    body .mb-6{margin-bottom:3rem !important;}     /* 48px */
    body .mb-7{margin-bottom:3.5rem !important;}   /* 56px */
    body .mb-8{margin-bottom:4rem !important;}     /* 64px */
    body .mb-9{margin-bottom:4.5rem !important;}   /* 72px */
    body .mb-10{margin-bottom:5rem !important;}    /* 80px */
}
@media (max-width: 1024px) {
    body .mt-0{margin-top:0.625rem !important;}    /* 10px */
    body .mt-1{margin-top:0.9375rem !important;}   /* 15px */
    body .mt-2{margin-top:1.1rem !important;}      /* 18px */
    body .mt-3{margin-top:1.3125rem !important;}   /* 21px */
    body .mt-4{margin-top:1.625rem !important;}    /* 26px */
    body .mt-5{margin-top:2rem !important;}        /* 32px */
    body .mt-6{margin-top:2.5rem !important;}      /* 40px */
    body .mt-7{margin-top:3rem !important;}        /* 48px */
    body .mt-8{margin-top:3.5rem !important;}      /* 56px */
    body .mt-9{margin-top:4rem !important;}        /* 64px */
    body .mt-10{margin-top:4.5rem !important;}     /* 72px */

    body .mb-0{margin-bottom:0.625rem !important;} /* 10px */
    body .mb-1{margin-bottom:0.9375rem !important;}/* 15px */
    body .mb-2{margin-bottom:1.1rem !important;}   /* 18px */
    body .mb-3{margin-bottom:1.3125rem !important;}/* 21px */
    body .mb-4{margin-bottom:1.625rem !important;} /* 26px */
    body .mb-5{margin-bottom:2rem !important;}     /* 32px */
    body .mb-6{margin-bottom:2.5rem !important;}   /* 40px */
    body .mb-7{margin-bottom:3rem !important;}     /* 48px */
    body .mb-8{margin-bottom:3.5rem !important;}   /* 56px */
    body .mb-9{margin-bottom:4rem !important;}     /* 64px */
    body .mb-10{margin-bottom:4.5rem !important;}  /* 72px */
}
@media (max-width: 768px) {
    body .mt-0{margin-top:0.625rem !important;}    /* 10px */
    body .mt-1{margin-top:0.875rem !important;}    /* 14px */
    body .mt-2{margin-top:1rem !important;}        /* 16px */
    body .mt-3{margin-top:1.25rem !important;}     /* 20px */
    body .mt-4{margin-top:1.5rem !important;}      /* 24px */
    body .mt-5{margin-top:1.75rem !important;}     /* 28px */
    body .mt-6{margin-top:2rem !important;}        /* 32px */
    body .mt-7{margin-top:2.5rem !important;}      /* 40px */
    body .mt-8{margin-top:3rem !important;}        /* 48px */
    body .mt-9{margin-top:3.5rem !important;}      /* 56px */
    body .mt-10{margin-top:4rem !important;}       /* 64px */

    body .mb-0{margin-bottom:0.625rem !important;} /* 10px */
    body .mb-1{margin-bottom:0.875rem !important;} /* 14px */
    body .mb-2{margin-bottom:1rem !important;}     /* 16px */
    body .mb-3{margin-bottom:1.25rem !important;}  /* 20px */
    body .mb-4{margin-bottom:1.5rem !important;}   /* 24px */
    body .mb-5{margin-bottom:1.75rem !important;}  /* 28px */
    body .mb-6{margin-bottom:2rem !important;}     /* 32px */
    body .mb-7{margin-bottom:2.5rem !important;}   /* 40px */
    body .mb-8{margin-bottom:3rem !important;}     /* 48px */
    body .mb-9{margin-bottom:3.5rem !important;}   /* 56px */
    body .mb-10{margin-bottom:4rem !important;}    /* 64px */
}

@media (max-width: 370px) {
    body .mt-0{margin-top:0.625rem !important;}    /* 10px */
    body .mt-1{margin-top:0.75rem !important;}     /* 12px */
    body .mt-2{margin-top:0.875rem !important;}    /* 14px */
    body .mt-3{margin-top:1rem !important;}        /* 16px */
    body .mt-4{margin-top:1.125rem !important;}    /* 18px */
    body .mt-5{margin-top:1.25rem !important;}     /* 20px */
    body .mt-6{margin-top:1.5rem !important;}      /* 24px */
    body .mt-7{margin-top:1.75rem !important;}     /* 28px */
    body .mt-8{margin-top:2.25rem !important;}     /* 36px */
    body .mt-9{margin-top:2.5rem !important;}      /* 40px */
    body .mt-10{margin-top:3.5rem !important;}     /* 56px */

    body .mb-0{margin-bottom:0.625rem !important;}    /* 10px */
    body .mb-1{margin-bottom:0.75rem !important;}     /* 12px */
    body .mb-2{margin-bottom:0.875rem !important;}    /* 14px */
    body .mb-3{margin-bottom:1rem !important;}        /* 16px */
    body .mb-4{margin-bottom:1.125rem !important;}    /* 18px */
    body .mb-5{margin-bottom:1.25rem !important;}     /* 20px */
    body .mb-6{margin-bottom:1.5rem !important;}      /* 24px */
    body .mb-7{margin-bottom:1.75rem !important;}     /* 28px */
    body .mb-8{margin-bottom:2.25rem !important;}     /* 36px */
    body .mb-9{margin-bottom:2.5rem !important;}      /* 40px */
    body .mb-10{margin-bottom:3.5rem !important;}     /* 56px */
}





/*******************************************************
*/
/* Padding
 *******************************************************/

/* Padding Top */
body .pt-0{padding-top:0.625rem !important;}    /* 10px */
body .pt-1{padding-top:1rem !important;}        /* 16px */
body .pt-2{padding-top:1.5rem !important;}      /* 24px */
body .pt-3{padding-top:2rem !important;}        /* 32px */
body .pt-4{padding-top:2.5rem !important;}      /* 40px */
body .pt-5{padding-top:3rem !important;}        /* 48px */
body .pt-6{padding-top:3.5rem !important;}      /* 56px */
body .pt-7{padding-top:4rem !important;}        /* 64px */
body .pt-8{padding-top:4.5rem !important;}      /* 72px */
body .pt-9{padding-top:5rem !important;}        /* 80px */
body .pt-10{padding-top:5.5rem !important;}     /* 88px */

/* Padding Bottom */
body .pb-0{padding-bottom:0.625rem !important;} /* 10px */
body .pb-1{padding-bottom:1rem !important;}     /* 16px */
body .pb-2{padding-bottom:1.5rem !important;}   /* 24px */
body .pb-3{padding-bottom:2rem !important;}     /* 32px */
body .pb-4{padding-bottom:2.5rem !important;}   /* 40px */
body .pb-5{padding-bottom:3rem !important;}     /* 48px */
body .pb-6{padding-bottom:3.5rem !important;}   /* 56px */
body .pb-7{padding-bottom:4rem !important;}     /* 64px */
body .pb-8{padding-bottom:4.5rem !important;}   /* 72px */
body .pb-9{padding-bottom:5rem !important;}     /* 80px */
body .pb-10{padding-bottom:5.5rem !important;}  /* 88px */

@media (max-width: 1600px) {
    body .pt-2{padding-top:1.3rem !important;}        /* 20.8px */
    body .pt-3{padding-top:1.7rem !important;}        /* 27.2px */
    body .pt-4{padding-top:2.2rem !important;}        /* 35.2px */
    body .pt-5{padding-top:2.7rem !important;}        /* 43.2px */
    body .pt-6{padding-top:3.2rem !important;}        /* 51.2px */
    body .pt-7{padding-top:3.7rem !important;}        /* 59.2px */
    body .pt-8{padding-top:4.2rem !important;}        /* 67.2px */
    body .pt-9{padding-top:4.7rem !important;}        /* 75.2px */
    body .pt-10{padding-top:5.2rem !important;}       /* 83.2px */

    body .pb-2{padding-bottom:1.3rem !important;}     /* 20.8px */
    body .pb-3{padding-bottom:1.7rem !important;}     /* 27.2px */
    body .pb-4{padding-bottom:2.2rem !important;}     /* 35.2px */
    body .pb-5{padding-bottom:2.7rem !important;}     /* 43.2px */
    body .pb-6{padding-bottom:3.2rem !important;}     /* 51.2px */
    body .pb-7{padding-bottom:3.7rem !important;}     /* 59.2px */
    body .pb-8{padding-bottom:4.2rem !important;}     /* 67.2px */
    body .pb-9{padding-bottom:4.7rem !important;}     /* 75.2px */
    body .pb-10{padding-bottom:5.2rem !important;}    /* 83.2px */
}

@media (max-width: 1200px) {
    body .pt-1{padding-top:1rem !important;}        /* 16px */
    body .pt-2{padding-top:1.25rem !important;}     /* 20px */
    body .pt-3{padding-top:1.5rem !important;}      /* 24px */
    body .pt-4{padding-top:2rem !important;}        /* 32px */
    body .pt-5{padding-top:2.5rem !important;}      /* 40px */
    body .pt-6{padding-top:3rem !important;}        /* 48px */
    body .pt-7{padding-top:3.5rem !important;}      /* 56px */
    body .pt-8{padding-top:4rem !important;}        /* 64px */
    body .pt-9{padding-top:4.5rem !important;}      /* 72px */
    body .pt-10{padding-top:5rem !important;}       /* 80px */

    body .pb-1{padding-bottom:1rem !important;}     /* 16px */
    body .pb-2{padding-bottom:1.25rem !important;}  /* 20px */
    body .pb-3{padding-bottom:1.5rem !important;}   /* 24px */
    body .pb-4{padding-bottom:2rem !important;}     /* 32px */
    body .pb-5{padding-bottom:2.5rem !important;}   /* 40px */
    body .pb-6{padding-bottom:3rem !important;}     /* 48px */
    body .pb-7{padding-bottom:3.5rem !important;}   /* 56px */
    body .pb-8{padding-bottom:4rem !important;}     /* 64px */
    body .pb-9{padding-bottom:4.5rem !important;}   /* 72px */
    body .pb-10{padding-bottom:5rem !important;}    /* 80px */
}
@media (max-width: 1024px) {
    body .pt-0{padding-top:0.625rem !important;}    /* 10px */
    body .pt-1{padding-top:0.9375rem !important;}   /* 15px */
    body .pt-2{padding-top:1.1rem !important;}      /* 18px */
    body .pt-3{padding-top:1.3125rem !important;}   /* 21px */
    body .pt-4{padding-top:1.625rem !important;}    /* 26px */
    body .pt-5{padding-top:2rem !important;}        /* 32px */
    body .pt-6{padding-top:2.5rem !important;}      /* 40px */
    body .pt-7{padding-top:3rem !important;}        /* 48px */
    body .pt-8{padding-top:3.5rem !important;}      /* 56px */
    body .pt-9{padding-top:4rem !important;}        /* 64px */
    body .pt-10{padding-top:4.5rem !important;}     /* 72px */

    body .pb-0{padding-bottom:0.625rem !important;} /* 10px */
    body .pb-1{padding-bottom:0.9375rem !important;}/* 15px */
    body .pb-2{padding-bottom:1.1rem !important;}   /* 18px */
    body .pb-3{padding-bottom:1.3125rem !important;}/* 21px */
    body .pb-4{padding-bottom:1.625rem !important;} /* 26px */
    body .pb-5{padding-bottom:2rem !important;}     /* 32px */
    body .pb-6{padding-bottom:2.5rem !important;}   /* 40px */
    body .pb-7{padding-bottom:3rem !important;}     /* 48px */
    body .pb-8{padding-bottom:3.5rem !important;}   /* 56px */
    body .pb-9{padding-bottom:4rem !important;}     /* 64px */
    body .pb-10{padding-bottom:4.5rem !important;}  /* 72px */
}
@media (max-width: 768px) {
    body .pt-0{padding-top:0.625rem !important;}    /* 10px */
    body .pt-1{padding-top:0.875rem !important;}    /* 14px */
    body .pt-2{padding-top:1rem !important;}        /* 16px */
    body .pt-3{padding-top:1.25rem !important;}     /* 20px */
    body .pt-4{padding-top:1.5rem !important;}      /* 24px */
    body .pt-5{padding-top:1.75rem !important;}     /* 28px */
    body .pt-6{padding-top:2rem !important;}        /* 32px */
    body .pt-7{padding-top:2.5rem !important;}      /* 40px */
    body .pt-8{padding-top:3rem !important;}        /* 48px */
    body .pt-9{padding-top:3.5rem !important;}      /* 56px */
    body .pt-10{padding-top:4rem !important;}       /* 64px */

    body .pb-0{padding-bottom:0.625rem !important;} /* 10px */
    body .pb-1{padding-bottom:0.875rem !important;} /* 14px */
    body .pb-2{padding-bottom:1rem !important;}     /* 16px */
    body .pb-3{padding-bottom:1.25rem !important;}  /* 20px */
    body .pb-4{padding-bottom:1.5rem !important;}   /* 24px */
    body .pb-5{padding-bottom:1.75rem !important;}  /* 28px */
    body .pb-6{padding-bottom:2rem !important;}     /* 32px */
    body .pb-7{padding-bottom:2.5rem !important;}   /* 40px */
    body .pb-8{padding-bottom:3rem !important;}     /* 48px */
    body .pb-9{padding-bottom:3.5rem !important;}   /* 56px */
    body .pb-10{padding-bottom:4rem !important;}    /* 64px */
}

@media (max-width: 370px) {
    body .pt-0{padding-top:0.625rem !important;}    /* 10px */
    body .pt-1{padding-top:0.75rem !important;}     /* 12px */
    body .pt-2{padding-top:0.875rem !important;}    /* 14px */
    body .pt-3{padding-top:1rem !important;}        /* 16px */
    body .pt-4{padding-top:1.125rem !important;}    /* 18px */
    body .pt-5{padding-top:1.25rem !important;}     /* 20px */
    body .pt-6{padding-top:1.5rem !important;}      /* 24px */
    body .pt-7{padding-top:1.75rem !important;}     /* 28px */
    body .pt-8{padding-top:2.25rem !important;}     /* 36px */
    body .pt-9{padding-top:2.5rem !important;}      /* 40px */
    body .pt-10{padding-top:3.5rem !important;}     /* 56px */

    body .pb-0{padding-bottom:0.625rem !important;}    /* 10px */
    body .pb-1{padding-bottom:0.75rem !important;}     /* 12px */
    body .pb-2{padding-bottom:0.875rem !important;}    /* 14px */
    body .pb-3{padding-bottom:1rem !important;}        /* 16px */
    body .pb-4{padding-bottom:1.125rem !important;}    /* 18px */
    body .pb-5{padding-bottom:1.25rem !important;}     /* 20px */
    body .pb-6{padding-bottom:1.5rem !important;}      /* 24px */
    body .pb-7{padding-bottom:1.75rem !important;}     /* 28px */
    body .pb-8{padding-bottom:2.25rem !important;}     /* 36px */
    body .pb-9{padding-bottom:2.5rem !important;}      /* 40px */
    body .pb-10{padding-bottom:3.5rem !important;}     /* 56px */
}