@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);

@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* ì•"이패ë"œ(1024X768)보다 큰 스크린 사이즈와 해상ë"를 ê°–ëŠ" 모ë"  기기에ì"œì˜ 해상ë" ì"¤ì •
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }
 
 
 
 
*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif; color:#303030; max-width:640px}
div {display:block;}



/* 공통 */
#wrap {width:100%; margin:auto; overflow:hidden;position:relative;}
#wrap .logo {position:absolute;left:20px;top:20px;z-index:1}
#wrap .logo img {width:120px !important;}

/* 서브 */
#content  {width:100%; position:relative;line-height:0;}

#footer {width:100%;display:inline-block;background:#000;color:#fff;padding:15px 0 90px;text-align:center}


#quick {position: fixed; bottom: 0; right: 0; z-index: 1; width: 100%; display: flex;}
#quick a { text-align: center; display: block; width: 100%; height: 4rem; line-height: 4rem; font-size: 2rem; border-top: 1px #000 solid;}
#quick #go-home {background-color: #fff; color: #000;}