@charset "utf-8";

/*-- reset --*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

*{margin: 0;padding: 0;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;}

html, body{text-size-adjust: none;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html::selection, body::selection{background-color: var(--color-2);}
body{font-family: 'Pretendard Variable';font-weight: 400;font-size: 16px;font-weight: 300;font-style: normal;text-decoration: none;color: #000;}

li{list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}

.eng{font-family: "Poppins", serif;}
.serif{font-family: "Nanum Myeongjo", serif;}

@media screen and (min-width:1481px){

    html, body{font-size: 16px;}
}

@media screen and (min-width:721px) and (max-width:1480px){

    html, body{font-size: 14px;}
}

@media screen and (max-width:720px){
    
    html, body{font-size: 12px;}
}

@media screen and (min-width:721px){

    br.br_m{display: none;}
}

@media screen and (max-width:720px){

    br.br_d{display: none;}
}