/* BASIC css start */
/*페이지 네이션*/
.swiper-container-vertical>.swiper-pagination-bullets{
    right:30px !important;
}
.swiper-pagination-bullet{
    width: 4px !important;
    height: 4px !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
    opacity: 1 !important;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:15px auto !important
}
.swiper-pagination-bullet-active {
    opacity: 1;
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    border:1px solid #fff;
}




html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.brand-story-container{
  width: 100%;
  height: 100%;
  min-width:1300px;
  min-height:800px;
  overflow:auto;
}
.brand-story-container .bs-header{
    position:fixed;
    top:0;
    left:0;
    background:transparent;
    width:100%;
    height:98px;
    line-height:98px;
    text-align:center;
    z-index:55;
}
.brand-story-container .bs-header > h1{
    display:inline-block;
    vertical-align:middle;
}
.brand-story-container .bs-header > h1 > a{
    display:inline-block;
}
.brand-story-container .bs-header > h1 > a > img{
    width:100%;
    height:auto;
    vertical-align:middle;
}
.brand-story-container .bs-header > .bsh-btn{
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    top:24px;
    left:68px;
    color:#fff;
    line-height:20px;
    padding:0 5px;
    font-size:14px;
    font-family:'Nunito Sans';
}
.brand-story-container .bs-header > .bsh-btn.right{
    left:auto;
    right:68px;
}
.bs-next{
    display: inline-block;
    width: 13px;
    height: 54px;
    background: url(http://ftp.ooo1069.img12.kr/pc_renew_2020/pc_bs_arrow.png)no-repeat center center;
    background-size: contain;
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: -7.5px;
    z-index: 55;
    animation-name: bs-next;
    animation-duration: 1000ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    cursor:pointer;
}
.bs-next.last{
    display:none;
}
@keyframes bs-next{
  0% {bottom: 20px;}
  50% {bottom: 15px;}
  100% {bottom: 20px;}
}


.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  position:relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#bs-slide01{
    background:#232323;
}
#bs-slide01 .txt-wrap .txt-top > h2{
    margin-bottom:46px;
}
#bs-slide01 .txt-wrap .txt-top > h2 > img{
    vertical-align:middle;
}
#bs-slide01 .txt-wrap .txt-top > p{
    line-height:35px;
    font-size:23px;
    font-family:'Noto Sans KR';
    font-weight:300;
    color:#fff;
    letter-spacing:-1.15px;
}
#bs-slide01 .txt-wrap .mark{
    margin-top:70px;
}
#bs-slide01 .txt-wrap .mark p{
    line-height:26px;
    color:rgba(255,255,255,0.5);
    font-size:14px;
    font-family:'Nunito Sans','Noto Sans KR';
    font-weight:300;
}

#bs-slide02{
    background:#cfaa97;
}
#bs-slide02 .txt-wrap{
    position:relative;
    text-align:left;
    min-width:1360px;
}
#bs-slide02 .txt-wrap .txt-top > h2{
    margin-bottom:55px;
}
#bs-slide02 .txt-wrap .txt-top > p{
    line-height:35px;
    font-size:23px;
    font-family:'Noto Sans KR';
    font-weight:300;
    color:#faf2e9;
    letter-spacing:-1.15px;
}
#bs-slide02 .txt-wrap .mark{
    position:relative;
    padding-top:117px;
}
#bs-slide02 .txt-wrap .mark::after{
    position:absolute;
    top:25px;
    left:4px;
    content:'';
    display:inline-block;
    width:1px;
    height:68px;
    background:rgba(255,255,255,0.34);
}
#bs-slide02 .txt-wrap .mark > p{
    line-height:23px;
    color:rgba(255,255,255,0.8);
    font-size:14px;
    font-family:'Nunito Sans','Noto Sans KR';
    font-weight:300;
}
#bs-slide02 .txt-wrap .img-wrap{
    position:absolute;
    top:0;
    right:-177px;
}

#bs-slide03 .left{
    position:relative;
    background:#be1d25;
    min-height:100%;
}
#bs-slide03 .left .img-wrap{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-300px;
    margin-left:-230px;
    width:460px;
    height:600px;
    vertical-align:middle;
}
#bs-slide03 .left .img-wrap > img{
    width:100%;
    height:auto;
    vertical-align:middle;
}
#bs-slide03 .left .img-wrap .obj01{
    position:absolute;
    top:-56px;
    left:50%;
    margin-left:-110px;
}
#bs-slide03 .left .img-wrap .obj02{
    position:absolute;
    bottom:-73px;
    right:-65px
}
#bs-slide03 .right{
    position:relative;
    height:100%;
    min-height:100%;
    background:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/pc_bs_slide03_img02_02.jpg')no-repeat center center;
    background-size:cover;
}
#bs-slide03 .right .txt-wrap{
    position:absolute;
    left:0;
    bottom:108px;
    width:100%;
    text-align:center;
}
#bs-slide03 .right .txt-wrap > p{
    line-height:31px;
    font-size:19px;
    font-family:'Nunito Sans','Noto Sans KR';
    font-weight:300;
    color:#faf2e9;
    letter-spacing:-0.475px;
}
#bs-slide04{
    position:relative;
    background:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/pc_bs_slide04_bg.jpg')no-repeat center center;
    background-size:cover;
}
#bs-slide04 .left .img-wrap{
    position:absolute;
    top:50%;
    right:46px;
    margin-top:-420px;
    display:inline-block;
    width:741px;
    height:840px;
    line-height:840px;
}
#bs-slide04 .left .img-wrap > img{
    width:100%;
    height:auto;
    vertical-align:top;
}
#bs-slide04 .right .txt-wrap{
    text-align: left;
    padding-left: 125px;
    width: 100%;
}
#bs-slide04 .right .txt-wrap > p{
    padding-top:54px;
    line-height:29px;
    font-size:19px;
    font-family:'Nunito Sans','Noto Sans KR';
    font-weight:300;
    color:#faf2e9;
    opacity:0.9;
    letter-spacing:-0.475px;
}

#bs-slide05 .left{
    background:#f4f4e8;
    display:flex;
    height:100%;
    min-height:100%;
    align-items: center;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
}
#bs-slide05 .left .img-wrap{
    position:relative;
    width:460px;
    height:600px;
    line-height:600px;
    display:inline-block;
}
#bs-slide05 .left .img-wrap > img{
    width:100%;
    height:auto;
    vertical-align:top;
}
#bs-slide05 .left .img-wrap > .obj01{
    position:absolute;
    top:-54px;
    left:0;
    display:inline-block;
    width:460px;
    text-align:center;
}
#bs-slide05 .left .img-wrap > .obj02{
    position:absolute;
    bottom:-93px;
    left:0;
    width:460px;
    text-align:center;
}
#bs-slide05 .left .img-wrap > .obj03{
    position:absolute;
    top:0;
    left:-108px;
    height:600px;
    line-height:600px;
}
#bs-slide05 .left .img-wrap > .obj04{
    position:absolute;
    top:0;
    right:-122px;
    height:600px;
    line-height:600px;
}
#bs-slide05 .right{
    background:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/pc_bs_slide05_img02.jpg')no-repeat center center;
    background-size:cover;
}
    
#bs-slide05 .right .txt-wrap > p{
    padding-top:40px;
    line-height:29px;
    font-size:19px;
    font-family:'Nunito Sans','Noto Sans KR';
    font-weight:300;
    color:#faf2e9;
    opacity:0.9;
    letter-spacing:-0.475px;
}

#bs-slide06{
    position:relative;
    background-image:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/pc_bs_slide06_bg_obj.png');
    background-repeat:no-repeat;
    background-position:center right 172px;
    background-color:#6cc49c;
}
#bs-slide06 .txt-wrap{
    position:relative;
    text-align:left;
    min-width:1360px;
}
#bs-slide06 .txt-wrap .txt-top > h2{
    margin-bottom:55px;
}
#bs-slide06 .txt-wrap .txt-top > p{
    line-height:29px;
    font-size:19px;
    font-family:'Noto Sans KR';
    font-weight:300;
    color:#faf2e9;
    letter-spacing:-1.15px;
}
#bs-slide06 .txt-wrap .mark{
    position:relative;
    padding-top:117px;
}
#bs-slide06 .txt-wrap .mark::after{
    position:absolute;
    top:25px;
    left:4px;
    content:'';
    display:inline-block;
    width:1px;
    height:68px;
    background:rgba(255,255,255,0.34);
}
#bs-slide06 .txt-wrap .mark > p{
    line-height:23px;
    color:rgba(255,255,255,0.8);
    font-size:14px;
    font-family:'Nunito Sans','Noto Sans KR';
    font-weight:300;
}

#bs-slide07 {
    background:#e44947;
}
#bs-slide07 .left{
    background-image:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/pc_bs_slide07_left_bg_obj.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    display:flex;
    height:100%;
    min-height:100%;
    align-items: center;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: flex-end;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      -webkit-align-items: center;
}
#bs-slide07 .left .img-wrap{
    text-align:right;
    width:680px;
}
#bs-slide07 .left .img-wrap > .img{
    width:680px;
    height:570px;
    line-height:570px;
}
#bs-slide07 .left .img-wrap > .img > img{
    width:100%;
    height:auto;
    vertical-align:top;
}
#bs-slide07 .left .img-wrap > p{
    padding-top:40px;
    width:680px;
    text-align:left;
    line-height:29px;
    font-size:19px;
    font-family:'Noto Sans KR';
    font-weight:300;
    color:#faf2e9;
    letter-spacing:-1.15px;
}
#bs-slide07 .right{
    background-image:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/pc_bs_slide07_right_bg_obj.png');
    background-repeat:no-repeat;
    background-position:top right;
    justify-content: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      padding-left:75px;
      box-sizing:border-box;
}

#bs-slide07 .right > .img-wrap{
    display:inline-block;
    position:relative;
    width:629px;
    height:776px;
}
#bs-slide07 .right > .img-wrap .img01{
    position:absolute;
    bottom:0;
    right:0;
    z-index:5;
}
#bs-slide07 .right > .img-wrap .img02{
    position:absolute;
    top:0;
    right:134px;
    z-index:6;
}
#bs-slide07 .right > .img-wrap .img03{
    position:absolute;
    top:361px;
    left:0;
    z-index:7;
}

.bs-full-layout{
    width:100%;
    height:100%;
    font-size:0px;
}
.bs-full-layout .left{
    position:relative;
    width:50%;
    height:100%;
    min-height:100%;
}
.bs-full-layout .right{
    position:relative;
    display:flex;
    width:50%;
    height:100%;
    min-height:100%;
    align-items: center;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;

}


/* 플로트관련 */
.clearfix::after {
    content: "";
    clear: both;
    display: block;
}
.float--left {
    float:left;
}
.float--right {
    float:right;
}
/*.bs-full-layout{
    width:100%;
    height:100%;
    font-size:0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bs-full-layout .left{
    width:50%;
    min-height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
}
.bs-full-layout .right{
    width:50%;
    min-height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
}*/
/* BASIC css end */