@font-face{font-display:swap;font-family:HanjinGroupSans;font-style:normal;font-weight:400;src:url(/assets/fonts/HanjinGroupSans-Regular.woff2) format("woff2"),url(/assets/fonts/HanjinGroupSans-Regular.woff) format("woff"),url(/assets/fonts/HanjinGroupSans-Regular.ttf) format("truetype")}
@font-face{font-display:swap;font-family:HanjinGroupSans;font-style:normal;font-weight:700;src:url(/assets/fonts/HanjinGroupSans-Bold.woff2) format("woff2"),url(/assets/fonts/HanjinGroupSans-Bold.woff) format("woff"),url(/assets/fonts/HanjinGroupSans-Bold.ttf) format("truetype")}
@font-face{font-display:swap;font-family:HanjinGroupSans;font-style:normal;font-weight:300;src:url(/assets/fonts/HanjinGroupSans-Light.woff2) format("woff2"),url(/assets/fonts/HanjinGroupSans-Light.woff) format("woff"),url(/assets/fonts/HanjinGroupSans-Light.ttf) format("truetype")}

:root{
	/*	Border	*/
	/*	Color	*/
	--yellow: #F2AF00;
	--red: #F23200;
	--blue: #0013A6;
	--green: #00AC4B;
	--white: #FFF;
	--black: #1F292E;

	--hover:#F28200;
	--remark: #00DC60;
	--confirm: #33bbff;

	--color-white: var(--white);
	--color-weak:#F2F3F1;
	--color-hazy:#D1DBE0;
	--color-pale:#C2CFD6;;
	--color-washy:#B3C3CB;;
	--color-light : #95ADB7;
	--color-watery : #7694A2;
	--color-shadow : #5D7A89;
	--color : #485F6A;
	--color-middle:#34444C;
	--color-bold: #1F292E;

	--color-remark: #CC9900;

	/*	Background	*/
	--background-scroll: #e6f7ff;
	--background-scroll-thumb: #006699;

	--background-hover:#F28200;
	--background-main: #E0E6EB;
	--background-white: var(--white);
	--background-hazy: #F8F8F8;
	--background-form: #E6F9FF;

	--button: #66CCFF;
	
	/*	Border	*/
	--border-seperate: #E0E6EB;
	--border-form: #E0E6EB;
	--border-main: #D0DAE1;

	/*	Radius	*/
	--radius-window: 1rem;
	--radius-form: 0.25rem;
	--radius-small: 0.25rem;

	/*	Size	*/
	--font-main: 0.875rem;

	/*	Index	*/
	--index-title: 10;
}

*{
	font-family:HanjinGroupSans;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html{
	font-size: 16px;
}

body{
	font-size:1rem;
	color: var(--color);
	background-color: var(--color-white);
	letter-spacing: -0.05em;
	word-spacing: 0.1em;
	overflow-x:hidden;
}


h1{
	font-size:0%;
	padding:0;
	margin:0;
}

button {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    font-family: inherit;
    outline: none;
    padding: 0;
    text-align: center;
}
.icon{
	display:inline-block;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
}

.icon.person{
	background-image: url(/assets/icon/person.svg);
}

.icon.check{
	background-image: url(/assets/icon/check.svg);
}

.icon.favorit{
	background-image: url(/assets/icon/favorit.svg);
}