@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,
body{
  height: 100%;
}

body {
  padding-top: 50px;
  overflow-x: hidden;
}

a:hover {
  text-decoration: none;
}
/*
 *  Blog form
 *  --------------------------
 */
  /*  Reply list
   */
.rpList-info { padding-top: 10px; }
.rpList-desc { border-bottom: 1px solid #eee; }
.rpList-desc:last-child { margin-bottom: 10px }
  /*  Reply form
   */
.rpForm-loggedIn { display: none; padding-right: 2.5px; padding-left: 0; }
.rpForm-loggedIn div { height:34px; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; }
.rpForm-name,
.rpForm-link { padding-right: 2.5px; }
.rpForm-password,
.rpForm-secret { padding-left: 2.5px; }
.rpForm-secret input { display: none; }
.rpForm-body { padding-top: 5px; }
.rpForm-body textarea { resize: none; }
.rpForm-submit { padding-top: 5px; }
    /*  over md  */
@media screen and ( min-width: 992px ){
  .rpForm-password { padding-right: 2.5px; }
  .rpForm-link { padding-left: 2.5px; }
}
    /*  under md  */
@media screen and ( max-width: 991px ) {
  .rpForm-link,
  .rpForm-secret { padding-top: 5px; }
}
    /*  over sm  */
@media screen and ( min-width: 768px ) {
  .rpForm-body { padding-right: 2.5px; }
  .rpForm-submit { padding-left: 2.5px; }
  .rpForm-submit button { height: 74px; }
}

  /*  Article */
 .article-content { font-family: "Nanum Gothic", serif; line-height: 2.0; word-break:break-all; word-wrap:break-word; }
.article-content  .imageblock img { display: block; max-width: 100%; height: auto; }
.article-content div.footnotes {  margin-top: 20px;  padding-top: 20px;  border-top: 1px solid #eee; }
.article-content h2 { border-bottom: 1px solid #eee; }
   
.article-comment { font-family: "Nanum Gothic", serif; line-height: 1.5; word-break:break-all; word-wrap:break-word; }
.article-comment .rpForm-name,
.article-comment .rpForm-body { padding-left: 0px; }
.article-comment .rpForm-secret,
.article-comment .rpForm-submit { padding-right: 0px; }
.article-tag { padding: 20px 0; border-top: 1px solid #eee; }

    /*  under md  */
@media screen and ( max-width: 991px ) {
    .article-comment .rpForm-password { padding-right: 0px; }
    .article-comment .rpForm-link { padding-left: 0px; }
}
    /*  under sm  */
@media screen and ( max-width: 767px ) {
    .article-comment .rpForm-body { padding-right: 0px; }
    .article-comment .rpForm-submit { padding-left: 0px; }
}

/*
 *  Global
 *  --------------------------
 */
.margin-top  { margin-top: 40px; }
.box  { padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; }

/*
 *  Specials
 *  --------------------------
 */
#navigation .navigation-admin,
#navigation .navigation-login { display: none; }

#main {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#searchbar {
  padding-bottom: 20px;
}

#guestbook .rpForm-loggedIn {
  padding-left: 15px;
}

#footer {
  font-size: 0.9em;
  background-color: #eee;
  margin-top: 40px;
  padding: 40px 0;
}

#blackCover {
  display: none;
  position: fixed;
  background-color: rgba(0,0,0,0.66);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

#sideOff {
  display: none;
  position: fixed;
  top: 51px;
  bottom: 0;
  right: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
}