@charset "utf-8";

html {font-size: 62.5%; scroll-behavior:smooth;overflow-y: scroll}

body {
    font-size: 1.4rem;
    background: #fff;
    color:#000;
    font-family: 'Noto Sans KR', "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

a,a:hover{color: inherit;text-decoration: none;}
p{margin-bottom: 0}
input[type=password]{font-family: dotum, 돋움, sans-serif!important;}
.outline-none:focus,.outline-none:active,.outline-none:active:focus{outline:none;box-shadow:none}
.text-pre{word-break: keep-all;white-space: nowrap;word-wrap: break-word;text-overflow: ellipsis;max-width: 100%;overflow: hidden;}
.lh-1{line-height: 1!important;}
label.required{position: relative}
label.required:after {
    content: '';
    position: absolute;
    right: -15px;
    width: 15px;
    height: 15px;
    background-image: url(../img/require.png) !important;
    background-repeat: no-repeat !important;
    background-position: right top!important;
}
select.required{
    background-image: url(../img/require.png)!important;
    background-repeat: no-repeat!important;
    background-position: 87% 50%!important;
    padding-right: 20px;
}
input.required, textarea.required{
    background-image: url(../img/require.png)!important;
    background-repeat: no-repeat!important;
    background-position: right top!important;
}

::placeholder {
    color: rgba(0,0,0,0.2) !important;
}

[class*="fs-"],[class*="py-"] {transition: all 0.3s ease-in-out;}


.ff-GmarketSansBold{
    font-family: 'GmarketSansBold';
    line-height: 1.1;

}

@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {
    html {font-size: 55%;}

}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}