html, body { height:100%; }
html {
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
    font-size: 16px;
    line-height: 1.42857143;
    font-weight: 400;
    color: #FFF;
    background: transparent url(/Contents/Images/bg.png) repeat 0 0;
}
* {
  font-family: 'Noto Sans KR', 'Noto Sans', Helvetica, Arial, sans-serif;
  outline:0;
  padding:0;margin:0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
article, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
h1,h2,h3,h4,h5 { font-weight: normal; }
img { max-width:100%; vertical-align: bottom; border:0; }
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
b,strong { font-weight:800; }
a { color: inherit; text-decoration: none; }
table {
    border-spacing: 0;
    border-collapse: collapse !important;
    background-color: transparent;
}
.container {
  position:relative;
  width:100%;
  max-width:640px;
  margin-right: auto;
  margin-left: auto;
}
.btn-group { 
  position: absolute;
  width:100%;
  text-align: center;
  bottom:40px;
  z-index:33;
}

.ic {
  display: inline-block;
  width: 56px; height: 55px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border:0;
  margin:0 5px;
}
.ic-yt { background-image: url('/Contents/Images/ic-youtube.png'); }
.ic-insta { background-image: url('/Contents/Images/ic-insta.png'); }