@charset "utf-8";

@font-face {
    font-family: "HyundaiSansHeadKR";
    src: url(/hyundai/font/HyundaiSansHeadKRRegular.eot);
    src: url(/hyundai/font/HyundaiSansHeadKRRegular.eot?#iefix) format("embedded-opentype"),url(/hyundai/font/HyundaiSansHeadKRRegular.woff) format("woff"),url(../font/HyundaiSansHeadKRRegular.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: "HyundaiSansHeadKR";
    src: url(/hyundai/font/HyundaiSansHeadKRMedium.eot);
    src: url(/hyundai/font/HyundaiSansHeadKRMedium.eot?#iefix) format("embedded-opentype"),url(/hyundai/font/HyundaiSansHeadKRMedium.woff2) format("woff2"),url(../fonts/HyundaiSansHeadKRMedium.woff) format("woff"),url(../fonts/HyundaiSansHeadKRMedium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "HyundaiSansTextKR";
    src: url(/hyundai/font/HyundaiSansTextKRRegular.eot);
    src: url(../font/HyundaiSansTextKRRegular?#iefix) format("embedded-opentype"),url(/hyundai/font/HyundaiSansTextKRRegular.woff2) format("woff2"),url(../fonts/HyundaiSansHeadKRMedium.woff) format("woff"),url(../font/HyundaiSansTextKRRegular.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: "HyundaiSansTextKR";
    src: url(/hyundai/font/HyundaiSansTextKRMedium.eot);
    src: url(/hyundai/font/HyundaiSansTextKRMedium.eot?#iefix) format("embedded-opentype"),url(/hyundai/font/HyundaiSansTextKRMedium.woff2) format("woff2"),url(../fonts/HyundaiSansHeadKRMedium.woff) format("woff"),url(../font/HyundaiSansTextKRMedium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "HyundaiSansTextKR";
    src: url(/hyundai/font/HyundaiSansTextKRBold.eot);
    src: url(/hyundai/font/HyundaiSansTextKRBold.eot?#iefix) format("embedded-opentype"),url(/hyundai/font/HyundaiSansTextKRBold.woff2) format("woff2"),url(../fonts/HyundaiSansTextKRBold.woff) format("woff"),url(../font/HyundaiSansTextKRBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}


html,
body {
    margin: 0;
    padding: 0;
    border: none;
    color: #000;
    font-family: "HyundaiSansTextKR", sans-serif;
    letter-spacing: -0.025em;
    font-weight: 400;
    background: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    width: 100%;
    word-break: keep-all;
}
body {
    overflow-x: hidden;
}
body.fixed {
    overflow: hidden;
}
.clear-fix {
    clear: both !important;
}
.clear-fix:before,
.clear-fix:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}
.clear-fix .fl-l {
    float:left;
}
.clear-fix .fl-r {
    float:right;
}
.txt-hdn {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

/* Dimmed */
#dimmd,
.select-dim  {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}

#dimmd.over-dim {
    z-index: 20;
}

/* bg color */
.h-blue {
    background-color:#002c5f !important;
}
.h-black {
    background-color:#000 !important;
}
.bg01 {
    background-color:#f6f3f2 !important;
}
.bg02 {
    background-color:#e4dcd3 !important;
}
.poi {
    background-color:#007fa8 !important;
}
.wht {
    background-color:#fff !important;
}
/* border-color */
.border {
    border-style: solid;
    border-width:1px;
}
.border.md {
    border-width:2px;
}
.border.lg {
    border-width:3px;
}
.b-dark {
    border-color:#666;
}
.b-gray {
    border-color:#adadad;
}
.b-soft {
    border-color:#e2e2e2;
}
.b-light {
    border-color:#f0f0f0;
}