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,
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 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul, li  {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a,span{display: inline-block; color: inherit; text-decoration: none;}
.pc-obj{display: block;}
.mb-obj{display: none;}
body{font-family: 'pretendard' !important; color: #222; background-color: #F0F0F0;}
@media(max-width:1024px){
	.pc-obj{display: none;}
	.mb-obj{display: block;}
}

/*haeder*/
header{position: fixed; top: 0;left: 0; width: 100%;  transition: 0.3s; display: flex; justify-content: space-between; padding:10px 20px; box-sizing: border-box; z-index: 111;      backdrop-filter: blur(2px); align-items: center;}
header .logo img{max-width: 80px;}
header .nav{display: flex; justify-content: center; gap: 40px;}
header .nav a{color: #000; font-weight: 700; font-family: "Roboto Flex", sans-serif;}
header .menu{cursor: pointer;display: none;}

.m-header{position: fixed; top: 0; left: 0; z-index: 99999999999;background-color: #222; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.3s;}
.m-header.active{opacity: 1; visibility: visible;}
.m-header .m-nav li{margin: 20px 0;}
.m-header .m-nav li a{color: #F9F9F9; font-size: 62px;}
.m-header .m-nav {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.m-header .m-header-top{display: flex; align-items: center; justify-content: space-between; padding:10px 20px;}
.m-header .m-header-top .logo img{max-width: 80px;}

footer {background-color: #fff;padding: 20px;}
footer .box{display: flex;  align-items: center; justify-content: space-between;}
footer .box p{color: #888;}
footer .box img{max-width: 100px;;}
.pc-br{display: block;}
.mb-br{display: none;}
@media(max-width:1024px){
	.pc-br{display: none;}
.mb-br{display: block;}
	header .menu{display: block;}
	header .nav{display: none;}
	footer{padding: 10px 20px;}
	footer .logo img{max-width: 60px;}
	footer p{font-size: 12px;}
}