@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.7/dist/web/static/pretendard-dynamic-subset.css");
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');


/* Basic Reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,
b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
    box-sizing: border-box;
    transition: all .2s ease;
}

html,body{ 
    width:100%;
    height:100%;
    background:#fff;
    font-size:16px;
}
    
html{
    -webkit-tap-highlight-color: rgba(237, 242, 249, 1)
}
    

ul, ol{list-style: none;}

a{
    text-decoration: none; 
    color:var(--black500);
}

img{
    border:0;    
    box-sizing: border-box;
}

label, input{vertical-align: middle;}

input{outline: none; box-sizing:border-box;}

table, tr, th, td{
	border: 1px solid var(--black500);
	border-collapse: collapse;
}
caption{
	width: 100%; 
    height: 30px;
} 

/* Font Reset */
body{
    font-size:16px;
    font-family:"Pretendard",Sans-serif;
    font-weight:400;
    color: var(--black500);
    /* cursor: none; */
    letter-spacing:-0.04rem;
}

ul, ol, dl, table, form, p, address, blockquote{
	font-size: 1rem;
}

button{
    border:none;
}


:root{
    --primary:#33FF33;
    --secondary:#91D83F;
    --secondary-dark:#029733;
    --secondary-light:#E4F0C6;
    --primary-light:#EDF2F9;
    --black500:#1F1F1F;
    --gray500:#464646;
    --gray400:#666666;
    --gray300:#B5B5B5;
    --gray200:#EAEAEA;
    --gray50:#F7F7F7;
}


@media (max-width:1560px){
    html,body{
        font-size:15px;
    }
}


@media (max-width:1300px){
    html,body{
        font-size:14px;
    }
}