/* Reset */
html, body {width: 100%; height: 100%; margin: 0; padding: 0; font-size: 100%;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure{margin: 0; padding: 0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}
button, input[type=submit], input[type=reset], input[type=button] {overflow: visible; cursor: pointer;}
input[type=text], input[type=email], input[type=password], input[type=submit], textarea {-webkit-appearance:none;}
input, select, textarea, button {font-size::100%; border-radius:0; outline:0; color:var(--text);}
button, input {overflow:visible; margin: 0; padding: 0; border: 0; background: transparent;}
ul li {list-style:none;}
img, video, fieldset{border:none; vertical-align:top; max-width:100%;}
figure{vertical-align:top;}

body{
	position:fixed;
	font-family:'Pretendard';
	font-size:12pt; line-height:1.8em;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}
div, pre, li, a{box-sizing:border-box;}
pre{
	white-space:pre-wrap; box-sizing:border-box;
	font-family:'Pretendard';
}
.container::after, div::after, ul::after{content:''; display:block; clear:both;}

/*스크롤 드래그*/
.scroll{overflow-y:auto; height:300px;}
::-webkit-scrollbar{
	width:5px;
	height:5px;
	background:transparent;
}
::-webkit-scrollbar-thumb{
	width:5px;
	border-radius:5px;
	background-color:var(--point);
}
::selection{color:var(--point2); background-color:var(--point);}


/* 유튜브 비디오 반응형으로 수정 */
.youtubevid-wrapper{width:500px; max-width:100%; margin:0 auto;}
.resvid{position:relative; width:100%; padding-bottom:56.25%;}
.resvid iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

/*글씨체*/
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Cafe24Surround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cafe24SurroundAir';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}