@charset 'utf-8';

/* 폰트 */
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 900;
    font-style: black;
}
@font-face {
    font-family: 'Paperlogy-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: black;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: bold;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-2ExtraLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: thin;
}
@font-face {
    font-family: 'HakgyoansimPuzzleTTF-Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimPuzzleTTF-Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* reset */
*{
	margin:0;
	padding:0;
    box-sizing:border-box;
}
html,body{
	font-family:'Paperlogy-4Regular' sans-serif;
	font-size:62.5%;
	font-weight:400;
	letter-spacing: -0.05em;
	overflow-x:hidden;
}
* html * { zoom:1; }

body.bg::before{
	content:"";
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index: 10;
}
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,p,a,
button,
fieldset,
blockquote { font-family:'Paperlogy-4Regular' sans-serif; margin:0; padding:0; border:0; font-size:100%; *line-height:normal; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	
	padding:0;
	margin:0;
	vertical-align:bottom;
	font-family: 'Paperlogy-4Regular';
}
li{
	list-style:none;
}
a{	
	text-decoration:none;
	color:#000;
}
table { border-collapse:collapse; border-spacing:0; } 
.hide{display:none;}

figure{
	line-height:0;
}
input, textarea { vertical-align:middle; }
input[type=text],
input[type=password],
input[type=number] { padding:5px; border:2px solid #000; background:#fff; color:#000; font-size: 2.0rem; -webkit-appearance:none; border-radius:3rem; box-sizing:border-box; }
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder { color:#696969; }
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder { color:#696969; }
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder { color:#696969; } /* firefox 19+ */
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder { color:#696969; } /* ie */
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder { color:#696969; }
input[type=checkbox],
input[type=radio] { vertical-align:middle; }
input[type=submit],
input[type=button] { -webkit-appearance:none; border-radius:0; cursor:pointer; }
button { border:0; cursor:pointer; width:auto; overflow:visible; background-color:transparent; font-family: 'Noto Sans KR'; }
textarea { resize:none; border:1px solid #ebebeb; }
address, em { font-style:normal; }
th, td { padding:0; vertical-align:middle; font-weight:normal; }
a, button,
input[type=button],
input[type=submit],
input[type=reset] { text-decoration:none; line-height:normal; }
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

.wrap{
    border-top:1px solid transparent;
}
.w100 {
	width:100%;
}