@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), (max-width:640px) and (min-width:321px)  {
#content img.pc {display:none !important;}
#content img.mobile {display:block !important;}
 }

*{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;}
div {display:block;}
.inner {width:1200px;margin:auto;}



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

/* 서브 */
#content  {width:100%;min-width:1200px; position:relative;padding-left:50%;line-height:0;}
#content > img {margin-left:-960px;}
#content img.mobile {display:none}
#content img.pc {display:block}


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

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