@charset "UTF-8";

/* fonts */
@font-face {
    font-family: "Royalty Free";
    font-style: normal;
    /* font-weight: 400; */
    src: url("../fonts/Royalty_Free.eot");
    src: url("../fonts/Royalty_Free.svg") format("svg"),
         url("../fonts/Royalty_Free.ttf") format("truetype"),
         url("../fonts/Royalty_Free.woff2") format("woff2"),
         url("../fonts/Royalty_Free.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Pretendard-Light.eot");
    src: url("../fonts/Pretendard-Light.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Pretendard-Light.svg") format("svg"),
         url("../fonts/Pretendard-Light.ttf") format("truetype"),
         url("../fonts/Pretendard-Light.woff2") format("woff2"),
         url("../fonts/Pretendard-Light.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Pretendard-Regular.eot");
    src: url("../fonts/Pretendard-Regular.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/Pretendard-Regular.svg") format("svg"),
		 url("../fonts/Pretendard-Regular.ttf") format("truetype"),
         url("../fonts/Pretendard-Regular.woff2") format("woff2"),
         url("../fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Pretendard-Bold.eot");
    src: url("../fonts/Pretendard-Bold.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/Pretendard-Bold.svg") format("svg"),
		 url("../fonts/Pretendard-Bold.ttf") format("truetype"),
         url("../fonts/Pretendard-Bold.woff2") format("woff2"),
         url("../fonts/Pretendard-Bold.woff") format("woff");
}
@font-face {
    font-family: "MaruBuri";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/MaruBuri-Light.ttf") format("truetype"),
         
}
@font-face {
    font-family: "GildaDisplay";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/GildaDisplay-Regular.ttf") format("truetype"),
         
}
/* reset */
html {
    --color-white: #fff;
	--color-black: #000;
	--color-font: #333;
	--color-main: #cdb4b0;
    font-size: 10px;
}

html, body { height: 100%; }
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
	font-family: "Pretendard", Malgungothic, "맑은고딕", Dotum, "돋움", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.025em;
	word-break: keep-all;
	word-wrap: break-word;
}
body.fixed {position: fixed;overflow-y: scroll;width: 100vw;height: 100vh;}
#main{ flex: 1;} 
footer{ margin-top: auto;}


html, body, article, aside, footer, header, nav, section, h1, h2, h3, h4, h5, h6, p, div, blockquote, pre, abbr, a, span, img, em, strong, sub, sup, var, address, button, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, audio, video {margin: 0;padding: 0;border: 0;box-sizing: border-box;font-family: "Pretendard", Malgungothic, "맑은고딕", Dotum, "돋움", sans-serif;font-weight: 400;}
dl, ol, ul, li {list-style: none;}
p {line-height: 1.6;}
a {text-decoration: none;}
img {width: 100%;display: block;border: 0;user-select: none;-webkit-user-drag: none;pointer-events: none;}
input {border: 0;box-sizing: border-box;}
input:focus {outline: none;}