@charset "utf-8";

/* font */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url("/css/font/pretendard/pretendard-subset.css");

:root {
    --header-height: 144.91px;
    --key-color: #CD201F;
    --key-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    --view-height: calc(var(--vh, 1vh) * 100);
    @media (width <= 1024px) {
        --header-height: 102px;
    }
    @media (width <= 640px) {
        --header-height: 95.72px;
    }
}

* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', 'sans-serif';}
ul, li {list-style: none;}
a {text-decoration: none; color: #333;}
img {vertical-align: top; border: 0;}
body {font-size: 16px; color: #222; line-height: 1; -ms-overflow-style: none;}
body::-webkit-scrollbar {display: none;}
table {width: 100%; table-layout: fixed; border-collapse: collapse;}
button {background: none; border: 0; padding: 0; margin: 0; color: inherit; text-align: left; cursor: pointer; overflow: visible; white-space: nowrap;}
input[type="checkbox"], input[type="radio"], label{cursor: pointer;}
input[type="text"]:focus,input[type="password"]:focus {outline: none;}
textarea:focus {outline: none;}
p, span {line-height: 1.4; word-break: keep-all;}
i::before {margin: 0 !important;}

@keyframes textFadeUp {
    0% {transform: translateY(30px); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}

@keyframes imgZoomOut {
    0% {transform: translate(-50%, -50%) scale(1.2);}
    100% {transform: translate(-50%, -50%) scale(1);}
}