초기화 css

- PC웹

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0;box-sizing:border-box;}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block;box-sizing:border-box;}
html,body{height:100%;}
body,input,select,textarea,button{color:#5a5a5a;font-family:"NanumSquare",sans-serif;font-size:14px;}
fieldset,li,img{border:0;vertical-align:top;}
ul,ol{list-style:none;}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer;outline:0;}
button::-moz-focus-inner{padding:0;border:0;}
address,caption,em{font-style:normal;}
a,a:focus,a:active,a:hover{text-decoration:none;}
a:hover,a:active,a:focus{background-color:transparent}
table{border-collapse:collapse;border-spacing:0;}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
.skip{height:0}
.skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:25px;text-align:center}
.skip a:focus,#skip a:active{position:absolute;top:0;z-index:100;padding:10px 0;background:#000;font-weight:bold;color:#fff;font-size:20px;text-decoration:none}

 

- 모바일

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0;box-sizing:border-box;}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block;box-sizing:border-box;}
html,body{height:100%;}
body{word-break:keep-all;word-wrap:break-word;-webkit-text-size-adjust:none;-webkit-hyphens:auto;}
body,input,select,textarea,button{color:#2c2c2c;font-family:'NanumSquare',sans-serif;font-size:13px;}
fieldset,li,img{border:0;vertical-align:top;}
ul,ol{list-style:none;}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer;}
address,caption,em{font-style:normal;}
a,a:focus,a:active,a:hover{text-decoration:none;}
a:hover,a:active,a:focus{background-color:transparent;}
table{border-collapse:collapse;border-spacing:0;}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap;}

 

- 공통

@charset "UTF-8";
@import url(".css");

- 참고

※ em, 퍼센트 환산 참고

https://www.w3schools.com/cssref/css_pxtoemconversion.asp

CSS PX to EM Conversion

※ 구글 웹폰트 모음

https://www.google.com/fonts/earlyaccess

Google Fonts

※ 구글 웹폰트를 빠르게 로드하는 팁 7가지 팁

https://nolboo.github.io/blog/2013/10/22/google-web-font-faster-tip/

구글 웹폰트를 빠르게 로드하는 팁 7가지

※ 한글 웹폰트 모음

https://github.com/gshn/fonts

gshn/fonts