/* BASIC css start */
body{width:100%; overflow:hidden;}	
    
    /* Centered texts in each section
	* --------------------------------------- */
	.section {
    position: relative;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height:100vh;
    background-size: cover;
    display: table;
    table-layout: fixed;
    overflow: hidden;
}


.section.active .anime.dur0{
    animation-delay: 0.5s;
}

.section.active .anime.dur1{
    animation-delay: 1.0s;
}

.section.active .anime.dur2{
    animation-delay: 1.5s;
}



.section.active .anime {
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section.active .anime.fa_down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

body .section .cont_bg{width:100%; height:100%; position:absolute; top:0; left:0; background-position: center center; background-repeat: no-repeat; background-size:cover;}

#fullpage { position:relative; }

/* Defining each section background and styles
* --------------------------------------- */

body #section0 .cont_bg{}
body #section1 {background-color:#f6efe0;}
body #section2 .cont_bg{}
body #section3 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_m/company/04.jpg);}
body #section4 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_m/company/05.jpg);}
body #section5{background:linear-gradient(0deg, #f2f3f4, #FFF 30%) ; }
body #section6{background-color:#fafafa;}
body #section7{background-color:#000;}


/* Bottom menu
* --------------------------------------- */
body #infoMenu li a { color: #fff;}
body #menu{position:fixed; top:50%; right:0; }

    
/* --------------------------------------- */
    
body .header{position:fixed; top:0; left:0; width:100%; height:55px; z-index:10; }
body .header .logo{display:block; float:left; margin:15px 0 0 20px;}
body .header .logo img{width:17px; height:auto;}
body .header .btn_home{display:block; float:right; margin:16px 20px 0 20px;}
body .header .btn_home img{width:23px; height:auto;}

body .btn_scroll{width:84px; height:65px; position:fixed; bottom:60px; left:50%; margin-left:-42px; opacity:0;  transition: all 0.5s;}
body .btn_scroll.show{opacity:1;}
body .btn_scroll span.scroll_text{display:block; height:20px; text-align:center; line-height:20px; font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-weight:100; color:#aaaaaa; font-size:12px; margin-bottom:10px; letter-spacing:1px; }
body .btn_scroll img.scroll_img{display:block;  height:35px; position:relative; margin:0 auto; animation: btn_scroll 1.5s  ease-in-out infinite;}

body #paging{width:84px; height:20px; position:fixed; bottom:35px; right:25px; opacity:1; color:#ddd; font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-weight:700; text-align:right; line-height:20px; }
body #paging.hide{opacity:0;}



body #fp-nav{right:50px; width:24px; transform:translateY(0%); transform:translateY(0%); -webkit-transform: translate3d(0,0,0); }
body #fp-nav ul{}
body #fp-nav li{ position:relative; display: block; width:10px; height:10px; margin:10px 6px;}    
body #fp-nav li a{ position: relative; display: block; z-index: 1; width: 100%; height: 100%; cursor: pointer;}
body #fp-nav ul li a span{ position: absolute; z-index: 1; height:10px; width:10px; background:rgba(255,255,255,0.5); background-clip: padding-box; left: 50%; top: 50%; border: 0;  margin: -5px 0 0 -5px; transition: all 0.1s ease-in-out; border:2px solid transparent; border-radius: 100%; transition: all 0.5s; box-sizing:border-box;  }    
body #fp-nav ul li a.active span{ background:rgba(255,255,255,0); border:2px solid #FFF;}



body .section .inner{width:100%; margin:0 auto; box-sizing:border-box; }
body .section .inner *{letter-spacing:-1px; font-family:'Montserrat', 'Noto Sans KR', sans-serif; }


body #section0 h1{font-size:33px;  color:#FFF; line-height:1.2; font-weight:100; position: relative; }    
body #section0 #bamboobebe_bg{height:100%; height:100vh;}




body #section1 .inner{text-align:center;}    
body #section1 .inner h1{line-height:25px; min-height:25px; font-size:22px; color:#97bc61; font-weight:700; margin-bottom:26px;}
body #section1 .inner h2{line-height:33px; min-height:33px; font-size:24px; color:#6b6b6a; font-weight:700; margin-bottom:11px;}
body #section1 .inner p.desc{color:#777777; line-height:1.6; font-size:16px;  font-weight:300; font-family: 'Noto Sans KR', sans-serif; }
body #section1 .inner .bamboo_link_list{overflow:hidden; width:294px; margin:24px auto 0; }
body #section1 .inner .bamboo_link_list > li{display:table; width:294px; height:133px; overflow:hidden; margin-bottom:12px; background-size:cover; }
body #section1 .inner .bamboo_link_list > li.link1{background-image:url(http://bamboobebe.img16.kr/img_m/company/02_sub01.jpg);}
body #section1 .inner .bamboo_link_list > li.link2{background-image:url(http://bamboobebe.img16.kr/img_m/company/02_sub02.jpg);}
body #section1 .inner .bamboo_link_list > li a{display:table-cell; text-align:left; width:294px; height:133px; vertical-align:middle; background:url(http://bamboobebe.img16.kr/img_pc/company/arrow_right.png) right center no-repeat;  background-size:54px auto;   }

body #section1 .inner .bamboo_link_list > li a h3{padding:0 0 0 26px; margin-bottom:6px;  height:24px; box-sizing:border-box; color:#FFF; font-weight:700; font-size:17px; line-height:24px;}
body #section1 .inner .bamboo_link_list > li a p{padding:0 0 0 26px; font-size:12px; color:#FFF; line-height:18.5px; letter-spacing:-1px; font-weight:300; font-family: 'Noto Sans KR', sans-serif;}



body #section2 .link_list{width:100%; height:100vh;}
body #section2 .link_list li{width:100%; height:calc(100vh / 3); background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle; }
body #section2 .link_list li:nth-of-type(1){background-image:url(http://bamboobebe.img16.kr/img_m/company/03_01.jpg);}
body #section2 .link_list li:nth-of-type(2){background-image:url(http://bamboobebe.img16.kr/img_m/company/03_02.jpg);}
body #section2 .link_list li:nth-of-type(3){background-image:url(http://bamboobebe.img16.kr/img_m/company/03_03.jpg);}

body #section2 .link_list li h2 {height:100%; background: center no-repeat; background-size:cover; }
body #section2 .link_list li:nth-of-type(1) h2{background-image:url(http://bamboobebe.img16.kr/img_m/company/03_01_green.png); }
body #section2 .link_list li:nth-of-type(2) h2{background-image:url(http://bamboobebe.img16.kr/img_m/company/03_02_orange.png);}
body #section2 .link_list li:nth-of-type(3) h2{background-image:url(http://bamboobebe.img16.kr/img_m/company/03_03_pink.png);}
body #section2 .link_list li h2 a{height:100%; display:block; box-sizing:border-box;}
body #section2 .link_list li h2 a span{display:none; }

body #section2 .link_wrap{position:absolute; top:0; left:0; width:100vw; height:100vh; display:none; z-index:100;}
body #section2 .link_wrap .link_list_cont{display:none; width:100%; height:100%; background:center no-repeat; background-size:cover;}
body #section2 .link_wrap .link_list_cont.num1{background-image:url(http://bamboobebe.img16.kr/img_m/company/03_01_big.jpg)}
body #section2 .link_wrap .link_list_cont.num2{background-image:url(http://bamboobebe.img16.kr/img_m/company/03_02_big.jpg)}
body #section2 .link_wrap .link_list_cont.num3{background-image:url(http://bamboobebe.img16.kr/img_m/company/03_03_big.jpg)}
body #section2 .link_wrap .link_list_cont.sel{display:table;}
body #section2 .link_wrap .link_list_cont > .inner{display:table-cell; vertical-align:top; text-align:center; }

body #section2 .link_wrap .link_list_cont .cont{text-align:left; width:100%; display:inline-block;  box-sizing:border-box; padding:15vh 0 0 59px; } 
body #section2 .link_wrap .link_list_cont .cont .title{height:80px; font-size:0; overflow:hidden; text-indent:-1000px; background:0 0 no-repeat; background-size:auto 56.76px;  }

body #section2 .link_wrap .link_list_cont .cont .desc{padding-bottom:20px; line-height:26.4px; color:#666666; font-size:16px; font-family:'Noto Sans KR', sans-serif; }

body #section2 .link_wrap .link_list_cont .cont .btn_back{display:inline-block; width:46px; height:31px; background:url(http://bamboobebe.img16.kr/img_pc/company/arrow_left.png) 0 center no-repeat; background-size:25px auto; }

body #section2 .link_wrap .link_list_cont:nth-of-type(1) .cont .title{background-image:url(http://bamboobebe.img16.kr/img_pc/company/ic_bebe_green_86.png);}
body #section2 .link_wrap .link_list_cont:nth-of-type(2) .cont .title{background-image:url(http://bamboobebe.img16.kr/img_pc/company/ic_bebe_orange_86.png);}
body #section2 .link_wrap .link_list_cont:nth-of-type(3) .cont .title{background-image:url(http://bamboobebe.img16.kr/img_pc/company/ic_bebe_pink_86.png);}
body #section2 .link_wrap .link_list_cont:nth-of-type(1) .cont .wrap{display:inline-block; text-align:left; }


body #section3 .inner{text-align:center; }    
body #section3 .inner label{display:inline-block; font-size:17.16px; line-height:20px; color:#c9fa82; font-weight:700; margin-bottom:26px;}
body #section3 .inner h1{min-height:33px; line-height:33px; font-size:24px;  font-weight:300; color:#FFF; margin-bottom:10px;}
body #section3 .inner h1 b{font-weight:700; color:#c9fa82; }
body #section3 .inner .desc{line-height:24px; font-size:16px; color:#fff; margin-bottom:33px; font-weight:300; }
body #section3 .inner .img_wrap{max-width:78vw; margin:0 auto; min-width:320px;}
body #section3 .inner .img_wrap img{display:block; max-width:100%; margin:0 auto;}



body #section4 .inner{text-align:center; }    
body #section4 .inner label{display:inline-block; font-size:17.16px; line-height:20px; color:#b9de83; font-weight:700; margin-bottom:26px;}
body #section4 .inner h1{min-height:33px; line-height:33px; font-size:24px;  font-weight:300; color:#FFF; margin-bottom:10px;}
body #section4 .inner h1 b{font-weight:300; color:#b9de83; }
body #section4 .inner .desc{line-height:24px; font-size:16px; color:#fff; margin-bottom:33px; font-weight:300; }


#story{position:relative; margin:0 auto; overflow:hidden; min-width:320px; width:80vw; box-sizing:border-box; }
#story .swiper-slide img{max-width:100%; }
#story .swiper-button-next,
#story .swiper-button-prev{width:33px; height:33px;}

#story .swiper-button-next:after,
#story .swiper-button-prev:after{display:none; }

#story .swiper-button-next{background:url(http://bamboobebe.img16.kr/img_pc/company/btn_swiper_next.png) right center no-repeat; background-size:cover;}
#story .swiper-button-prev{background:url(http://bamboobebe.img16.kr/img_pc/company/btn_swiper_prev.png) left center no-repeat; background-size:cover;}

#story .swiper-pagination{text-align:right; padding:0 28px; bottom:10px !important; box-sizing:border-box; font-size:11px; font-weight:700; color:#cccccc; }
#story .swiper-pagination .swiper-pagination-current{color:#97bc61;}

body #section5 .inner{text-align:center; }    
body #section5 .inner label{display:inline-block; font-size:17.16px; line-height:20px; color:#97bc61; font-weight:700; margin-bottom:26px;}
body #section5 .inner h1{min-height:33px; line-height:33px; font-size:24px;  font-weight:300; color:#6b6b6a; margin-bottom:10px;}
body #section5 .inner h1 b{font-weight:700; color:#6b6b6a; }
body #section5 .inner .desc{line-height:24px; font-size:16px; color:#777; margin-bottom:33px; font-weight:300; }


#history #thumbsSlider{margin-bottom:26px; padding-left:20px; box-sizing:border-box;  }
/* #history #thumbsSlider .swiper-slide {width:auto !important; } */
#history #thumbsSlider .swiper-slide .thumb{width:100%; height:48px; border-radius:24px; background:#f2f2f2; overflow:hidden; position:relative; }
#history #thumbsSlider .swiper-slide .thumb img{position:absolute; top:0; left:0; width:100%; display:none;}
#history #thumbsSlider .swiper-slide .thumb label{display:block; width:100%; height:48px; line-height:48px; border-radius:24px;  text-align:center; color:#777777; font-size:17px; letter-spacing:0; position:relative;  }


#history #thumbsSlider .swiper-slide.swiper-slide-thumb-active .thumb{background:#000;}
#history #thumbsSlider .swiper-slide.swiper-slide-thumb-active .thumb label{color:#FFF; font-weight:700; }
#history #thumbsSlider .swiper-slide.swiper-slide-thumb-active .thumb img{display:block; opacity:0.5; }

body #section6 .inner{text-align:center; padding-top:52px; }    
body #section6 .inner label{display:inline-block; font-size:17.16px; line-height:20px; color:#97bc61; font-weight:700; margin-bottom:26px;}
body #section6 .inner h1{min-height:33px; line-height:33px; font-size:24px;  font-weight:300; color:#6b6b6a; margin-bottom:10px;}
body #section6 .inner h1 b{font-weight:700; color:#6b6b6a; }
body #section6 .inner .desc{line-height:24px; font-size:16px; color:#777; margin-bottom:33px; font-weight:300; }
body #section6 .inner .img_wrap{margin-bottom:85px; padding:0 26px;}
body #section6 .inner .img_wrap img{display:block; margin:0 auto; max-width:100%;}

body #section6 .ft_inner{border-top:1px solid #e0e0e0; padding:35px 0 47px; box-sizing:border-box; text-align:center;   }
body #section6 .ft_inner .img_wrap{margin-bottom:15px;}
body #section6 .ft_inner .img_wrap img{display:block; margin:0 auto; max-width:170px;  width:26.6vw;}
body #section6 .ft_inner dl{}
body #section6 .ft_inner dl dt{margin-bottom:8px; line-height:24px; color:#444444; font-size:14.52px; letter-spacing:-1px;}
body #section6 .ft_inner dl dd{ color:#aaaaaa; line-height:20.46px; font-size:13.2px; letter-spacing:-1px;}


body #section7 .inner{text-align:left; padding-top:165px; }    
body #section7 video{width:100%;}
body #section7 .inner{text-align:left; padding-top:188px;}    
body #section7 .inner .play_box{height:165px; padding:60px 40px 0; box-sizing:border-box;  }
body #section7 h1{font-size:28px;  color:#FFF; line-height:1.2; font-weight:700; margin-bottom:13px; }    
body #section7 p,
body #section7 p * {font-size:19.8px; color:#FFF; line-height:1.2; font-weight:100; }



@keyframes btn_scroll {        
  0% {transform: translateY(0);}
  50% {transform: translateY(10px);}
  100% {transform: translateY(0);}
}

@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform: translateY(-20px);}
    100%{opacity:1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;-moz-transform: translateY(-20px);}
    100%{opacity:1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDown{
    0%{opacity:0;-o-transform: translateY(-20px);}
    100%{opacity:1;-o-transform: translateY(0);}
}

@keyframes fadeInDown{
    0%{opacity:0;transform: translateY(-20px);}
    100%{opacity:1;transform: translateY(0);}
}

.animated.fadeInDown{
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown;
}


/* BASIC css end */