@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=Archivo:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('./font/SUIT-Thin.woff2') format('woff2'),
	url('./font/SUIT-Thin.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('./font/SUIT-ExtraLight.woff2') format('woff2'),
	url('./font/SUIT-ExtraLight.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('./font/SUIT-Light.woff2') format('woff2'),
	url('./font/SUIT-Light.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('./font/SUIT-Regular.woff2') format('woff2'),
	url('./font/SUIT-Regular.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('./font/SUIT-Medium.woff2') format('woff2'),
	url('./font/SUIT-Medium.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('./font/SUIT-SemiBold.woff2') format('woff2'),
	url('./font/SUIT-SemiBold.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('./font/SUIT-Bold.woff2') format('woff2'),
	url('./font/SUIT-Bold.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('./font/SUIT-ExtraBold.woff2') format('woff2'),
	url('./font/SUIT-ExtraBold.ttf') format('TrueType');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('./font/SUIT-Heavy.woff2') format('woff2'),
	url('./font/SUIT-Heavy.ttf') format('TrueType');
}

@font-face {
	font-family: 'Copperplate Gothic Bold';
	font-weight: normal;
	src: url('./font/copperplategothic_bold.woff2') format('woff2'),
	url('./font/copperplategothic_bold.ttf') format('TrueType');
}


/*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:keep-all;}
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:keep-all;}
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:keep-all;}
dt, dd {word-wrap:break-word; word-break:keep-all;}


body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{
font-family: 'SUIT'; font-size:16px; font-weight:400; outline:0; line-height:1.5; letter-spacing:-0.5px; box-sizing:border-box !important; color:#111;}

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


@media screen and (max-width: 1024px){}

@media screen and (max-width: 768px){
	body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{font-size:16px;}
}

@media screen and (max-width: 480px){
	body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{font-size:14px;}
}