@charset "utf-8";

.g901-post-history-image {
  position: relative;
  margin:0px;
  float: left;
  width: 100%;
  margin-bottom: 3rem;
}
.g901-post-history-image::before{
  position: absolute;
  z-index: 0;
  left: 50%;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(117, 160, 199, 0.3803921568627451);
}
.g901-post-history-image .txt-normal { letter-spacing:0; }
.g901-post-history-image .txt-short { letter-spacing:-1px; padding-right:1px; }
.g901-post-history-image .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.g901-post-history-image .wr-icon { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; }
.g901-post-history-image .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.g901-post-history-image .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.g901-post-history-image .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.g901-post-history-image .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.g901-post-history-image .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }
.g901-post-history-image .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.g901-post-history-image .post-wrap { overflow:hidden; line-height:20px; margin-bottom:5px; }
.g901-post-history-image .media { margin:0px 0px 10px; }
.g901-post-history-image .post-image { position:relative; overflow:hidden; }
.g901-post-history-image .post-content { margin:0px 0px -2px; overflow:hidden; }
.g901-post-history-image .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.g901-post-history-image .post-text { font-size:12px; color:#888; margin-top:4px; }
.g901-post-history-image .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .g901-post-history-image .post-ko { font-size:11px; }
.g901-post-history-image .post-list { list-style:none; padding:0px; margin:-2px 0px; line-height:22px; }
.g901-post-history-image .post-list>li {
  position: relative;
  float: left;
  padding:3rem 0px; margin:0px;
  border-bottom: 1px dotted #e7e7e7;
}
@media (max-width:767px){
  .g901-post-history-image .post-list>li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.g901-post-history-image .post-list>li:last-of-type {
  border-bottom: 0px;
}
.g901-post-history-image .post-list>li.reverse>div {
  float: right;
}
.g901-post-history-image .post-list>li>div {
  padding: 2rem;
}
.g901-post-history-image .post-list>li>div>div {
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.g901-post-history-image .post-list>li>div.box-img>div>div {
  display: none;
  overflow: hidden;
}
.g901-post-history-image .post-list>li>div.box-img>div>div:first-of-type {
  display: block;
}
.g901-post-history-image .post-list>li>div.box-img>div>div>img {
  width:100%;
  transform: scale(1);
  opacity: .85;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.g901-post-history-image .post-list>li>div.box-img>div>div>img:hover {
  transform: scale(1.1);
  opacity: 1;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.g901-post-history-image .post-list>li>div.box-text>div {
  position: relative;
  background: #f9f9f9;
  padding: 2rem;
  line-height: 2;
}
.g901-post-history-image .post-list>li>div.box-text>div::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 2.6rem;
  width: 0px;
  height: 0px;
  border-top: 15px solid #f9f9f9;
  border-bottom: 0px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-radius: 5px;
  transform: rotate(92deg);
}
.g901-post-history-image .post-list>li.reverse>div.box-text>div::before {
  left: auto;
  right: -1.5rem;
  top: 2.6rem;
  transform: rotate(-89deg);
}
.g901-post-history-image .post-list>li>div.box-text>div>article {
  color: #777;
  display: flex;
}
.g901-post-history-image article>div {
  padding: 0;
}
.g901-post-history-image article>div.date {
  padding-left: 1rem;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  max-width: 80px;
}
.g901-post-history-image .post-list div.box-point {
  position: relative;
  font-size: 1.8rem;
  height: 108px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g901-post-history-image .post-list div.box-point>i {
  /* position: absolute;
  top: 50%;
  left: 50.5%; */
  background: #fff;
  color: rgba(199, 0, 52, .7);
  /* transform: translate(-50%, -50%); */
}
@media (max-width:767px){
  .g901-post-history-image article>div.date {
    padding-left: 0;
  }
  .g901-post-history-image .post-list div.box-point {
    position: absolute;
    top: -54px;
  }
}




/* .g901-post-history-image .post-list li b { letter-spacing:-1px; padding-right:1px; }
.g901-post-history-image .post-list li>ul>li {
  padding:0px; margin:0px;
  font-size: 1.8rem;
  min-height: 3rem;
}
.g901-post-history-image .post-list li>ul>li.th {
 text-align: right;
 font-size: 1.4rem;
}
.g901-post-history-image .post-list li>ul>li.td {
  padding-left: 2rem;
}
.g901-post-history-image .post-list li>ul>li.td>span>i {
  position: absolute;
  left: 0;
  top: .3rem;
}
@media (max-width:480px){
  .g901-post-history-image .post-list li {
    float: left;
    width: 100%;
  }
  .g901-post-history-image .post-list li>ul {
    display: block;
  }
  .g901-post-history-image .post-list li>ul>li.th {
    text-align: left;
    margin-top: 2rem;
  }
  .g901-post-history-image .post-list li>ul>li.td {
    font-size: 1.2rem;
    line-height: 1.4;
    height: auto;
    white-space: pre-line;
  }
  .g901-post-history-image .post-list li>ul>li.td>span>i {
    left: 0;
    top: 2rem;
  }
}

.g901-post-history-image .post-list li>ul>li.point {
  position: relative;
 text-align: center;
 font-size: 1.5rem;
 line-height: 1.5;
 color: #75a0c7;
}
.g901-post-history-image .post-list li>ul>li.point>i {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-41%);
  font-size: 2rem;
  background: #fff;
}
.g901-post-history-image .post-list li>ul>li.point:after {
  position: absolute;
  z-index: 1;
  left: 50%;
  content: "";
  width: 1px;
  height: 100%;
  background: #75a0c761;
}
.g901-post-history-image .post-list li:first-child>ul>li.point:after {
  bottom:0;
  height: 80%;
}
.g901-post-history-image .post-list li:last-child>ul:last-child>li.point:after {
  top:0;
  height: 20%;
}
.g901-post-history-image .post-none { padding:50px 10px; text-align:center; color:#888; } */