body {
  background-color: #000000;
  color: #deddcd;
  font-family: Nanum Myeongjo;
  padding: 50px
}

img {
  width: auto;
  height: auto;
}

img.responsive {
  width: 100%;
  height: auto;
  max-width: 640px;
  min-width: 200px;
  display: block;
  margin: 0 auto;
}

/* CSS */
.center {
  text-align: center;
}

.corner-frame {
  position: relative;
  width: 90%;
  max-width: 500px;
  height: auto;
  margin: 0 auto;
}

.corner {
  position: absolute;
  width: 73px;
  height: 73px;
  background: url("corner.png") no-repeat center;
  background-size: contain;
}

.top-left     { top: 0; left: 0; }
.top-right    { top: 0; right: 0; transform: scaleX(-1); }
.bottom-left  { bottom: 0; left: 0; transform: scaleY(-1); }
.bottom-right { bottom: 0; right: 0; transform: scale(-1,-1); }

.content {
  position: relative;       
  width: 100%;              
  padding: 25px 50px;       
  box-sizing: border-box;   
  font-size: 17px;           
  line-height: 1.4;          
  text-align: center;         
}

.small-text {
  font-size: 12px;
}