@charset "utf-8";

*{ margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-o-osx-font-smoothing:grayscale;-ms-osx-font-smoothing:grayscale;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, hgroup, menu, section, summary, time, mark, audio, video, form {vertical-align:top;background:transparent;}
article, aside, details, figcaption, figure, footer, hgroup, menu, section, summary{display:block;}
header{top: 0;width: 100%;box-sizing: border-box;position: fixed;background: #fff;z-index: 20;}
nav{align-items: flex-end;justify-content: space-between;transition: align-items .2s;}
main{display:block;}
nav ul, li{list-style:none;}
a{text-decoration: none;}
p, span{font-size: 1.0em;}

/***위로가기***/
#back-top{position: fixed;right: 20px;bottom: 20px;}
#back-top a > i{font-size: 40px;color: #fff;background: rgb(51 51 51 / 0.4);padding: 10px;border-radius: 5px;transition: all ease 0.5s 0s;}
#back-top a:hover > i{background: rgb(51 51 51 / 0.7);}