/* Space out content a bit */

@import url('https://fonts.googleapis.com/css?family=Baloo|Bungee+Inline|Lato|Righteous|Shojumaru');

body {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 'Lato', serif;
  font-size: 15px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.row,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}

.header .title h2{
  font-size: 30px;
}

.header .title h3{
  font-size: 20px;
}

.header .name{
  padding-top: 20px;
  font-size: 20px;
}

.header .school{
  font-size: 20px;
  padding-top: 20px;
}

.header .contribution{
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 20px;
}

.teaser{
  padding-top: 30px;
  padding-bottom: 10px;
  text-align: center;
}

.teaser .image_left{
  /* padding-top: 10px; */
  padding-left: 10px;
  padding-right: 0px;
}
.teaser .image_right{
  /* padding-top: 10px; */
  padding-left: 0px;
  padding-right: 40px;
}

.teaser .caption{
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: justify;

}

.abstract{
  text-align: justify;
}

.approach{
  text-align: justify;
}

.approach .image{
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.approach .caption{
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: justify;
}

.approach .content{
  padding-top: 20px;
  text-align: justify;
}

.ack{
  text-align: justify;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #ccc;
}

/* Customize container */
@media (min-width: 938px) {
  .container {
    max-width: 900px;
  }
}
.container-narrow > hr {
  padding: 20px 0;
}

/* Main marketing message and sign up button */
/* .container .jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 20px;
  padding: 30px;
} */
/* .jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
} */

.row p + h3 {
  padding-top: 28px;
}

div.row h3 {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 938px) {
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* .jumbotron {
    border-bottom: 0;
  } */
}

@media screen and (max-width: 736px) {
  /* .teaser{
    padding: 20px 10px 0 10px;
  } */
  .paper-image{
    display: none;
  }
  .bibtex{
      display: none;
  }
}

.readme h1 {
  display: none;
}
/* 슬라이드 on/off */
/* #qual-slider .image { display: none; }
#qual-slider .image.is-active { display: block; } */

/* 컨테이너/버튼 위치 */
/* #qual-slider { position: relative; }
#qual-slider .aq-controls button {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 5;
  border: 0;
  background: rgba(0,0,0,.45);
  color: #fff;
  padding: .6rem .8rem;
  border-radius: 999px;
  cursor: pointer;
} */
/* #qual-slider .aq-prev { left: .5rem; }
#qual-slider .aq-next { right: .5rem; } */

/* 부트스트랩 글리피콘 쓰는 경우 미세 보정(선택) */
/* #qual-slider .aq-controls .glyphicon { top: 0; } */
/* 슬라이더 뷰포트 & 트랙 */
#qual-slider { position: relative; }
#qual-slider .aq-viewport { position: relative; overflow: hidden; }
#qual-slider .aq-track {
  display: flex;
  width: 100%;
  will-change: transform;
  transition: transform 600ms ease; /* ← 스르륵 전환 핵심 */
}

/* 각 슬라이드(부트스트랩 float 무효화 + 가로 100%) */
#qual-slider .aq-viewport .image {
  flex: 0 0 100%;
  max-width: 100%;
  float: none;                 /* bootstrap의 .col-sm-* float 제거 */
}
#qual-slider .aq-viewport .image > img {
  width: 100%;
  display: block;              /* 이미지 아래 공백 방지 */
}

/* 좌/우 버튼(기존처럼 오버레이) */
#qual-slider .aq-controls button {
  position: absolute; top: 45%; transform: translateY(-50%);
  z-index: 5;
  border: 0; background: rgba(0,0,0,.45); color:#fff;
  padding: .6rem .8rem; border-radius: 999px; cursor: pointer;
}
#qual-slider .aq-prev { left: .5rem; }
#qual-slider .aq-next { right: .5rem; }
#qual-slider .aq-controls button svg { display:block; }
#qual-slider .aq-viewport { transition: height 300ms ease; }