/**/
*, *:after, *:before {padding:0; margin:0; -webkit-box-sizing:border-box;	-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust: none}p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0; -webkit-text-size-adjust:none}input,textarea,select,button,table {background:transparent; border-collapse:collapse; -webkit-font-smoothing: antialiased}a {text-decoration:none} a:focus, input:focus, select:focus, button:focus, textarea:focus {outline:none !important}img,fieldset,button {border:none; outline:0} ul,ol {list-style: none} small {color:#ddd} em,address {font-style: normal}

/**/
html,body {background-color:#f1f1f1}

/**/
header {position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,0.7); z-index:999999}
header .gnb {float:left}
header .info {float:right}
header a,
header span {height:30px; line-height:30px; padding:0 10px; float:left; cursor:pointer; color:rgba(255,255,255,0.4); font-size:12px; font-weight:bold}
header a:hover,
header span:hover,
header a.selected {background:rgba(255,255,255,0.2); color:#fff}
header .mobile-navigation-trigger {float:left; cursor:pointer}

/**/
#contents {margin-top:30px; padding:10px}

/**/
#mobile-navigation {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; z-index:-1}
#mobile-navigation.on {opacity:1; z-index:999999}
#mobile-navigation .window {position:absolute; top:0; left:0; width:160px; height:100%; background:#fff; overflow-y:auto;}
#mobile-navigation a {display:block; width:100%; padding:10px 15px; color:#555}
#mobile-navigation a.selected {background:#f1f1f1; color:#000; font-weight:bold}

/**/
@media only screen and (max-width: 1024px) {
  #contents {padding:0}
}