@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Black+Han+Sans|Covered+By+Your+Grace|Do+Hyeon|Jua|Monoton|Nanum+Brush+Script|Nanum+Gothic|Questrial|Nanum+Gothic+Coding|Nanum+Pen+Script|Noto+Sans|Noto+Sans+KR|Shadows+Into+Light&display=swap" rel="stylesheet);

/* CSS font-family List

font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Gothic Coding', monospace;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Nanum Brush Script', cursive;

font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Sans', sans-serif;

font-family: 'Questrial', sans-serif;

font-family: 'Shadows Into Light', cursive;
font-family: 'Black Han Sans', sans-serif;
font-family: 'Do Hyeon', sans-serif;
font-family: 'Monoton', cursive;
font-family: 'Jua', sans-serif;
font-family: 'Covered By Your Grace', cursive;

*/
/* CSS DISPLAY FLEX 속성 

수평 레이아웃

.container {
display: flex;
}

수직 레이아웃

flex-direction: column 을 추가하면 이 두 개의 축을 전환할 수 있습니다.

.container {
display: flex;
flex-direction: column;
}

.container {
display: flex;
flex-direction: row;
justify-content: center;
}

.container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

GREEN SYSTEM MAin Color

#292962;

*/
body, button, input, select, table, textarea {
    font-size: 14px;
    line-height: normal;
    font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;
    letter-spacing: -.5px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	list-style: none;
}
html,body {
	width:100%;
	height: 100%; 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
abbr,acronym { 
	border:0;
}
.stop-scroll{
	height: 100%;
	overflow: hidden;
}
input{
    outline: none;
}
select{
    outline: none;
}