@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

html,
body {
    position: relative;
    height: 100%;
}

/* // html,
// body,
// h1,
// h2,
// h3,
// h4,
// h5,
// h6,
// div,
// p,
// blockquote,
// pre,
// code,
// address,
// ul,
// ol,
// li,
// menu,
// nav,
// section,
// article,
// aside,
// dl,
// dt,
// dd,
// table,
// thead,
// tbody,
// tfoot,
// label,
// caption,
// th,
// td,
// form,
// fieldset,
// legend,
// hr,
// input,
// button,
// textarea,
// object,
// figure,
// figcaption {
//     margin: 0;
//     padding: 0;
// } */

ul,
ol,
li {
    list-style: none !important;
}

a {
    /* //color: inherit; */
    text-decoration: none !important;
    outline: none;
}

/* // input,
// button,
// select,
// fieldset,
// textarea {
//     border-radius: 0;
//     appearance: none;
//     border: 0;
//     font-family: inherit;
// }

// input:focus,
// select:focus {
//     outline: 0;
// }

// button:focus,
// a:focus,
// button,
// a {
//     outline: none;
// }

// h1,
// h2,
// h3,
// h4,
// strong,
// th {
//     font-weight: normal;
//     font-family: inherit;
//     color: inherit;
// }

// em {
//     font-style: normal;
// }

// html,
// body {
//     font-family: 'Noto Sans KR';
// }

// html.not-scroll,
// html.not-scroll body {
//     overflow-y: hidden;
// }

// html {
//     color: #222;
// }

// .skip,
// legend {
//     overflow: hidden;
//     position: absolute;
//     width: 1px;
//     height: 1px;
//     padding: 0;
//     border: 0;
//     clip: rect(1px, 1px, 1px, 1px);
// }

// * {
//     box-sizing: border-box;
//     word-break: keep-all;
// }

// a:focus,
// button:focus,
// input:focus,
// select:focus {
//     outline: 1px dashed #ddd;
// }

// button {
//     cursor: pointer;
//     background-color: transparent;
// }

// br {
//     font-size: 0;
// } */

/* css 변수 */

:root {
    --body-font-noto: "Noto Sans KR", sans-serif !important;

    --h1-font-size: 52px;
    --h2-font-size: 30px;
    --h3-font-size: 24px;
}


@media (max-width:768px) {
    :root {
        --h1-font-size: 24px;
        --h2-font-size: 20px;
        --h3-font-size: 18px;
    }
}

.right-align::part(control) {
    text-align: center;
}

.lang_label {
    --neutral-fill-secondary-rest: lightgray !important;
    height: 100% !important;
}