div.ContentsContainer {
  position: relative;
}

div.ContentsContainer div.bLine_wrapp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
}

div.ContentsContainer div.bLine_wrapp div.bLine {
  width: 100%;
  height: 100%;
}

div.ContentsContainer div.bLine_wrapp div.bLine p {
  position: absolute;
}

div.ContentsContainer div.bLine_wrapp div.bLine p span {
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  transition: height 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

div.ContentsContainer div.bLine_wrapp div.bLine p span.show-half {
  height: 40%;
}

div.ContentsContainer div.bLine_wrapp div.bLine p span.show-all {
  height: 100%;
}

/* concept -------------------------------- */
.concept_contents div.bLine p {
  width: 50px;
  height: 630px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.concept_contents div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_concept_pc.png") 0 0 no-repeat;
  background-size: 100% auto;
  transition-duration: 0.5s !important;
}

/* brand -------------------------------- */
.brand_contents div.bLine p {
  width: 1858px;
  height: 820px;
  top: 500px;
  left: calc(50% - 1232px);
}

.brand_contents div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_brand_pc.png") 0 0 no-repeat;
  background-size: 100% auto;
  transition-duration: 0.8s !important;
}

/* eventnews -------------------------------- */
.eventnews_contents div.bLine p {
  width: 2414px;
  height: 718px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: calc(50% - 1207px);
}

.eventnews_contents div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_eventnews_pc.png") 0 0 no-repeat;
  background-size: 100% auto;
}

/* bg -------------------------------- */
.bg_contents div.bLine p {
  width: 2150px;
  height: 2438px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: calc(50% - 1200px);
}

.bg_contents div.bLine p span {
  top: 0;
  left: 0;
  background: url("../../images/top/bLine_bg_pc.png") 0 0 no-repeat;
  background-size: 100% auto;
  transition-duration: 0.8s !important;
}

.bg_contents div.bLine p span.show-all {
  height: 90% !important;
}
