/* ----------------------------------------
    Stylesheet Guide
 ------------------------------------------

    1. Base
    2. Layout
    3. Components
    4. Pages

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

/* ----------------------------------------
    1. Base
 ---------------------------------------- */

/* ----------------------------------------
        Reset
     ---------------------------------------- */

     * {
        margin: 0;
        padding: 0;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main {
        display: block;
    }
    
    mark, rp, rt, ruby, summary, time {
        display: inline;
    }
    
    a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
        background: transparent;
        border: 0 none;
        font-weight: inherit;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: top;
    }
    
    a {
        text-decoration: none;
        outline: none !important;
        vertical-align: baseline;
    }
    
    b, strong {
        font-weight: bold;
    }
    
    ul, ol {
        list-style: none;
    }
    
    q {
        quotes: none;
    }
    
    table, table td {
        padding: 0;
        border: none;
        border-collapse: collapse;
    }
    
    img {
        vertical-align: top;
        max-width: 100%;
    }
    
    embed {
        vertical-align: top;
    }
    
    input, textarea {
        font-family: inherit;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    
    input, button {
        -webkit-appearance: none;
        outline: none;
        background: transparent;
    }
    
    button::-moz-focus-inner {
        border: 0;
    }
    
    th {
        text-align: left;
    }
    
    textarea {
        outline: none !important;
    }
    
    button {
        font-family: inherit;
        cursor: pointer;
        color: inherit;
    }
    
    html, body {
        min-height: 100%;
    }
    
    fieldset, legend, label, select, input, textarea, form, button, optgroup {
        -webkit-appearance: none !important;
    }
    
    i, .fa, .fab, .fal, .far, .fas, .material-icons-outlined, .material-icons {
        line-height: inherit;
    }
    
    /* ----------------------------------------
            Global
        ---------------------------------------- */
    
    .mad-page-wrapper {
        overflow: hidden;
    }
    
    body {
        overflow-x: hidden;
        overflow-y: initial !important;
    }
    
    html {
        overflow-y: initial !important;
    }
    
    ::-webkit-selection {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    ::-moz-selection {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    ::selection {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    mark {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    mark.style-2 {
        color: var(--color-neutral-80);
        background-color: var(--color-neutral-15);
    }
    
    .clearfix::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .page-wrapper {
        overflow: hidden;
    }
    
    [data-bg-image-src] {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .animated {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
    }
    
    .w-100 {
        width: 100%;
    }
    
    /* ----------------------------------------
            Typography
        ---------------------------------------- */
    
        :root {
            font-size: 16px;
            --color-primary: #000 !important;
            --color-primary-darker: #000 !important;
            --color-primary-lighter: #5e5d5c !important;
            --color-primary-50: #E8CDBF;
            --color-primary-25: #F4E8E1;
            --color-primary-10: #F9F3F0;
            --color-primary-5: #faf0e6 !important;
            --color-primary-6: #5b5957 !important;
            --color-neutral: #0D0D0D;
            --color-neutral-80: #3D3D3D;
            --color-neutral-60: #6E6E6E;
            --color-neutral-40: #9E9E9E;
            --color-neutral-20: #CFCFCF;
            --color-neutral-15: #DBDBDB;
            --color-neutral-10: #E7E7E7;
            --color-neutral-5: #F3F3F3;
            --color-neutral-0: #fff;
            --color-secondary:#faf0e6 !important;
            --color-secondary-80: #000000 !important;
            --color-secondary-60: #8C7D71;
            --color-secondary-40: #B3A59E;
            --color-secondary-20: #D9D0CA;
            --color-secondary-10: #ECE7E5;
            --color-secondary-5: #F5F3F0;
            --br-custom: 60% 40% 60% 40% / 50% 30% 70% 50%;
            --br-main: 0.25rem;
        }
    .mad-colorizer--scheme-color-4>.mad-colorizer-bg-color {
        background: var(--color-primary-5) !important;
    }
    
    body {
        font-family: 'Nanum Gothic', sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        -webkit-text-size-adjust: 100%;
        font-weight: 400;
        color: var(--color-neutral-80);
    }
    .mad-footer:not(.footer-2) {
        color: var(--color-secondary-5);
        padding: 1rem 0; 
        background: var(--color-secondary);
        position: relative;
        z-index: 1;
    }
    .mad-gmap-element, .mad-contact-element {
        padding: 9rem 9.5rem;
        max-width: 80rem !important;
        background: var(--color-neutral-0);
        border-radius: var(--br-main);
        background-image: url(../images/map_item_bg.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        font-size: 1.125rem;
        line-height: 2rem;
        z-index: 3;
        position: relative;
        margin-bottom: -4rem;
    }
    .mad-header-section--sticky-xl{
        padding: 10px !important;
    }
    .mad-gmap-wrap+.mad-footer:not(.footer-2) {
        padding-top: 8rem !important;
       
    }
    
    .mad-colorizer--scheme-color-5>.mad-colorizer-bg-color {
        background: var(--color-primary-6) !important;
    }

    .mad-team:not(.type-3) .mad-team-member:hover .mad-team-member-info {
        background: var(--color-secondary-80);
        transform: translateX(2rem);
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }