@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/MonadABXY/mona-font/web/mona.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');



/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,span{margin:0;padding:0; box-sizing:border-box !important; word-wrap:break-word; word-break:normal;}
html, body {outline:none;}
body {overflow-x:hidden;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; }
a:active {text-decoration:none;}
img{border:0px;}
li{list-style: none; word-wrap:break-word; word-break:normal;}
table{border-collapse:collapse;width:100%;}
address,caption,cite,code,dfn,em,var,h1,h2,h3,h4,h5,h6 {font-style:normal;font-weight:normal;}
caption,legend,caption *,legend *{position:absolute; left:-10000px; line-height:0; font-size:0;}
fieldset{border:solid 0px black;padding:0;}
button{border:none; background:none; cursor:pointer; outline:none;}
div {box-sizing:border-box !important; word-wrap:break-word; word-break:normal;}
dt, dd {word-wrap:break-word; word-break:normal;}


body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel], [type="date"],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{
font-family:var(--noto); color:var(--blcak); font-weight:400; outline:0; line-height:1.5; box-sizing:border-box !important; word-break:normal !important;}

/*float 해제*/
.hid{display:none;}
.br {display:block;}

html[lang="ko"] * {
    word-break:keep-all;
}


:root {
    --vh : 1vh;
	--nvh : calc(var(--vh, 1vh) * 100);

    --mona : 'Mona12', sans-serif;
    --noto : "Noto Sans", sans-serif;
    --notoSC : 'Noto Sans SC', sans-serif;

    --key-color : #FFC800;
    --gray-1 : #111;
	--gray-2 : #222;
    --gray-3 : #333;
    --gray-6 : #666;
    --gray-9 : #999;
    --gray-a : #aaa;
	--gray-c : #ccc;
    --gray-d : #ddd;
	--gray-a4 : #A4A4A4;
	--gray-c4 : #c4c4c4;
	--gray-d8 : #D8D8D8;
    --gray-d9 : #d9d9d9;
    --gray-db : #dbdbdb;
    --gray-dc : #dcdcdc;
	--gray-de : #dedede;
    --gray-e8 : #e8e8e8;
    --gray-2d : #2D2D2D;
    --gray-4c : #4c4c4c;
	--gray-4e : #4e4e4e;
    --gray-7d : #7d7d7d;
	--gray-e : #eee;
	--gray-e0 : #E0E0E0;
	--gray-ea : #EAEAEA;
    --gray-ec : #ECECEC;
	--gray-ed : #ededed;
	--gray-e4 : #E4E4E4;
    --gray-f3 : #f3f3f3;
    --gray-f4 : #f4f4f4;
    --gray-f5 : #f5f5f5;
    --gray-f8 : #F8F8F8;
	--gray-fa : #FAFAFA;
    --gray-fb : #FBFBFB;
    --gray-fc : #FCFCFC;
    --gray-92 : #929292;
	--font-gray : #E7E6E2;
    --white : #fff;
    --black : #000000;
    --pink : #FF70A1;

     /* font size */
    font-size : 62.5%;
    --fs-10 : 1rem;
    --fs-11 : 1.1rem;
    --fs-12 : 1.2rem;
    --fs-13 : 1.3rem;
    --fs-14 : 1.4rem;
    --fs-15 : 1.5rem;
    --fs-16 : 1.6rem;
    --fs-18 : 1.8rem;
    --fs-20 : 2rem;
    --fs-22 : 2.2rem;
    --fs-24 : 2.4rem;
    --fs-28 : 2.8rem;
    --fs-30 : 3rem;
    --fs-32 : 3.2rem;
    --fs-40 : 4rem;
    --fs-48 : 4.8rem;
    
     /* spacing */
    --gap-2 : 0.2rem;
    --gap-4 : 0.4rem;
    --gap-6 : 0.6rem;
    --gap-8 : 0.8rem;
    --gap-10 : 1rem;
    --gap-12 : 1.2rem;
    --gap-16 : 1.6rem;
    --gap-20 : 2rem;
    --gap-24 : 2.4rem;
    --gap-30 : 3rem;
    --gap-32 : 3.2rem;
    --gap-36 : 3.6rem;
    --gap-40 : 4rem;
    --gap-48 : 4.8rem;
    --gap-50 : 5rem;
    --gap-60 : 6rem;
    --gap-64 : 6.4rem;
    --gap-80 : 8rem;


    /* size */
    --size-1 : 0.1rem;
    --size-1-5 : 0.15rem;
    --size-2 : 0.2rem;
    --size-3 : 0.3rem;
    --size-4 : 0.4rem;
    --size-6 : 0.6rem;
    --size-8 : 0.8rem;
    --size-10 : 1rem;
    --size-12 : 1.2rem;
    --size-16 : 1.6rem;
    --size-18 : 1.8rem;
    --size-20 : 2rem;
    --size-24 : 2.4rem;
    --size-30 : 3rem;
    --size-32 : 3.2rem;
    --size-36 : 3.6rem;
    --size-40 : 4rem;
    --size-42 : 4.2rem;
    --size-44 : 4.4rem;
    --size-50 : 5rem;
    --size-56 : 5.6rem;
    --size-60 : 6rem;
    --size-65 : 6.5rem;
    --size-80 : 8rem;
}


@media screen and (max-width: 768px) {
    :root {
        font-size : 56.25%;
    }
}

@media screen and (max-width: 480px) {
    :root {
        font-size : 50%;
    }
}