/* BASIC css start */
html,
body {
  position: relative !important;
  height: 100% !important;
}
body {

  margin: 0;
  padding: 0;
}
.brand-story-container{
  position: relative;
  width: 100%;
  height: 100%;
  background:#eaeaea;
}
.brand-story-container .bs-header{
    position:fixed;
    top:0;
    left:0;
    background:transparent;
    width:100%;
    height:79px;
    line-height:79px;
    text-align:center;
    z-index:55;
}
.brand-story-container .bs-header > .logo{
    display:inline-block;
    vertical-align:middle;
}
.brand-story-container .bs-header > .logo a{
    display:inline-block;
    width:90px;
   
}
.brand-story-container .bs-header > .logo a > img{
    width:100%;
    height:auto;
    vertical-align:middle;
}
.brand-story-container .bs-header > .bs-btn{
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    top:50%;
    left:11px;
    margin-top:-8px;
    color:#fff;
    line-height:16px;
    height:16px;
    padding:0 4px;
    font-size:12px;
    font-weight:400;
    font-family:'Nunito Sans';
}
.brand-story-container .bs-header > .bs-btn.right{
    left:auto;
    right:11px;
}
.brand-story-container .bs-next{
    display:inline-block;
    width:17px;
    height:35px;
    background:url('http://ftp.ooo1069.img12.kr/2020_renew/bs_arrow.png')no-repeat center center;
    background-size:cover;
    position:fixed;
    bottom:20px;
    left:50%;
    margin-left:-8.5px;
    z-index:55;
    animation-name: bs-next;
    animation-duration: 1000ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.brand-story-container .bs-next.black{
    background:url('http://ftp.ooo1069.img12.kr/2020_renew/bs_arrow_black.png')no-repeat center center;
    background-size:cover;
}
.brand-story-container .bs-next.last{
    display:none;
}
@keyframes bs-next{
  0% {bottom: 20px;}
  50% {bottom: 15px;}
  100% {bottom: 20px;}
}
.pb-50{
    padding-bottom:50px;
}
.brand-story-container .swiper-container {
  width: 100%;
  height: 100%;
  
}
.brand-story-container .swiper-slide {
  overflow-y:scroll;
  width:100%;
  height:100%;
  min-height:100%;
  text-align: center;
  height:auto;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

#bs-page01{
    background:#232323;
    align-items: center;
}
#bs-page01 .bs-con .top-txt{
    position:relative;
    padding-bottom:89px;
}
#bs-page01 .bs-con .top-txt::after{
    position:absolute;
    bottom:22px;
    left:50%;
    margin-left:-0.5px;
    content:'';
    display:inline-block;
    width:1px;
    height:42px;
    background:#f1eeec;
    opacity:0.5;
}
#bs-page01 .bs-con .top-txt > p{
    color:#f1eeec;
    line-height:22px;
    font-size:14px;
    font-weight:300;
    font-family:'Nunito Sans','Noto Sans KR';
    letter-spacing:-0.7px;
}
#bs-page01 .bs-con .bottom-txt .bt-wrap{
    padding-bottom:16px;
}
#bs-page01 .bs-con .bottom-txt .bt-wrap:last-child{
    padding-bottom:0;
}
#bs-page01 .bs-con .bottom-txt .bt-wrap > h5{
    color:#fff;
    line-height:17px;
    font-size:12px;
    font-weight:300;
    font-family:'Nunito Sans','Noto Sans KR';
    opacity:0.5;
}
#bs-page01 .bs-con .bottom-txt .bt-wrap > p{
    color:#fff;
    line-height:16px;
    font-size:12px;
    font-weight:300;
    font-family:'Nunito Sans';
    opacity:0.5;
}
/**/
.bs-card-wrap{
    width: 100%;
    height:100%;
}
.bs-card-wrap .bs-card-img > img{
    width:100%;
    height:auto;
    vertical-align:top;
}
.bs-card-wrap .bs-card-txt{
    padding:0 10px;
    padding-top:34px;
}
.bs-card-wrap .bs-card-txt .desc{
    margin-bottom:44px;
}
.bs-card-wrap .bs-card-txt .desc p{
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Nunito Sans','Noto Sans KR';
    letter-spacing: -0.7px;
    padding-bottom:18px;
}
.bs-card-wrap .bs-card-txt .desc p:last-child{
    padding-bottom:0px;
}
.bs-card-wrap .bs-card-txt .mark > h5{
    color: #fff;
    line-height: 17px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Nunito Sans','Noto Sans KR';
   
}
.bs-card-wrap .bs-card-txt .mark > p{
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Nunito Sans';
}
#bs-page02{
    background:#cfaa97;
}
#bs-page03{
    background:#a9aecb;
}
#bs-page04{
    background:#7b726b;
}
#bs-page05{
    background:#97b9c3;
}
#bs-page05 .bs-card-wrap .bs-card-txt .desc p,
#bs-page06 .bs-card-wrap .bs-card-txt .desc p,
#bs-page05 .bs-card-wrap .bs-card-txt .mark > h5,
#bs-page06 .bs-card-wrap .bs-card-txt .mark > h5,
#bs-page05 .bs-card-wrap .bs-card-txt .mark > p,
#bs-page06 .bs-card-wrap .bs-card-txt .mark > p
{
    color:#2b292a;
}
#bs-page06{
    background:#f4f4e8;
}
#bs-page07{
    background:#be1d25;
}
#bs-page07 .bs-card-wrap .bs-card-txt{
    padding-bottom:50px;
}


/* BASIC css end */