/* BASIC css start */
	/* Style for our header texts
	* --------------------------------------- */
    /*
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #000;
		margin:0;
		padding:0;
	}
    */

	/* Centered texts in each section
	* --------------------------------------- */
	.section {
    position: relative;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    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{/*background-image: url(http://bamboobebe.img16.kr/img_pc/company/01.jpg);*/}
body #section1 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/company/02.jpg);}
body #section2 .cont_bg{/*background-image: url(http://bamboobebe.img16.kr/img_pc/company/03.jpg);*/}
body #section3 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/company/04.jpg);}
body #section4 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/company/05.jpg);}
body #section5{background-color:#fff;}
body #section6{background-color:#f5f5f5;}

body #section0 #setion0_bg{width:100%; height:100%;}

/* 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:100px; z-index:10; }
body .header .logo{display:block; float:left; margin:30px 0 0 60px;}
body .header .btn_home{display:block; float:right; margin:33px 59px 0 60px;}

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 #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 ul li{/* position:relative; display: block; width:10px; height:10px; margin:10px 6px;*/}    
body #fp-nav ul 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:12px; width:12px; background:rgba(255,255,255,0.5); background-clip: padding-box; left: 50%; top: 50%; border: 0;  margin: -6px 0 0 -6px; 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 #fp-nav.st1 ul li a span{ position: absolute; z-index: 1; height:12px; width:12px; background:rgba(0,0,0,0.7); background-clip: padding-box; left: 50%; top: 50%; border: 0;  margin: -6px 0 0 -6px; 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.st1 ul li a.active span{ background:rgba(255,255,255,0); border:2px solid #000;}


    
body .section .inner{max-width:1400px; margin:0 auto; padding:10px; box-sizing:border-box; }
body .section .inner . {width:50%; }
body .section .inner .half.l_box{float:left; }
body .section .inner .half.r_box{float:right; }

body #section0 h1{font-size:50px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#FFF; line-height:1.2; font-weight:100;}    

#bamboobebe_bg{width:100%; /*height:100%;*/}

body #section1 .inner{text-align:left; }    
body #section1 .inner * {font-family:'Montserrat', 'Noto Sans KR', sans-serif; }
body #section1 .inner h1{line-height:60px; min-height:60px; font-size:44px; color:#FFF; font-weight:700; margin-bottom:35px;}
body #section1 .inner h2{line-height:38px; min-height:38px; font-size:28px; color:#FFF; font-weight:300; margin-bottom:17px;}
body #section1 .inner h2 b{color:#b9de83; font-weight:700;}
body #section1 .inner p.desc{color:#FFF; line-height:1.8; font-size:22px;  font-weight:300;}
body #section1 .inner .bamboo_link_list{margin-top:46px; overflow:hidden; }
body #section1 .inner .bamboo_link_list > li{float:left; display:table; width:270px; height:294px; overflow:hidden; margin-right:30px;}
body #section1 .inner .bamboo_link_list > li.link1{background-image:url(http://bamboobebe.img16.kr/img_pc/company/02_sub01.jpg);}
body #section1 .inner .bamboo_link_list > li.link2{background-image:url(http://bamboobebe.img16.kr/img_pc/company/02_sub02.jpg);}
body #section1 .inner .bamboo_link_list > li a{display:table-cell; width:270px; height:294px; vertical-align:middle; background:url(http://bamboobebe.img16.kr/img_pc/company/arrow_right.png) bottom right no-repeat;   }
body #section1 .inner .bamboo_link_list > li a h3{padding:20px 0 0 33px; height:62px; box-sizing:border-box; color:#FFF; font-weight:700; font-size:26px; line-height:30px; font-family:'Noto Sans KR', sans-serif;  }
body #section1 .inner .bamboo_link_list > li a p{padding:0 0 16px 33px; font-size:16px; color:#FFF; line-height:26px; letter-spacing:-1px; font-weight:300;  }


body #section2 *{font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
body #section2 .link_list{display:table; width:100%; height:100%; table-layout:fixed; }
body #section2 .link_list li{display:table-cell; vertical-align:top; width:calc(100% / 3); background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle; transition: all 0.5s;   transition-timing-function: ease-in-out; }
body #section2 .link_list li:nth-of-type(1){background-image:url(http://bamboobebe.img16.kr/img_pc/company/03_01.jpg);}
body #section2 .link_list li:nth-of-type(2){background-image:url(http://bamboobebe.img16.kr/img_pc/company/03_02.jpg);}
body #section2 .link_list li:nth-of-type(3){background-image:url(http://bamboobebe.img16.kr/img_pc/company/03_03.jpg);}
body #section2 .link_list li h2 {height:100%;}    
body #section2 .link_list li h2 a{height:100%; display:block; box-sizing:border-box; position:relative; }
body #section2 .link_list li h2 a span{position:absolute; top:50px; left:0; color:#7d632e; font-size:30px; font-weight:400;  display:inline-block; height:120px; line-height:40px; width:100%; padding-top:80px; transition: all 0.5s; opacity:0; background:center 0 no-repeat; font-weight:500; letter-spacing:-1px; }
body #section2 .link_list li:nth-of-type(1) h2 a span{background-image:url(http://bamboobebe.img16.kr/img_pc/company/ic_bebe_green.png);}
body #section2 .link_list li:nth-of-type(2) h2 a span{background-image:url(http://bamboobebe.img16.kr/img_pc/company/ic_bebe_orange.png);}
body #section2 .link_list li:nth-of-type(3) h2 a span{background-image:url(http://bamboobebe.img16.kr/img_pc/company/ic_bebe_pink.png);}
body #section2 .link_list li:hover{width:37%;}
body #section2 .link_list li:hover h2 a span{font-size:30px; opacity:1; top:115px;  }
body #section2 .link_wrap{position:absolute; top:0; left:0; width:100%; height:100%; 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_pc/company/03_01_big.jpg)}
body #section2 .link_wrap .link_list_cont.num2{background-image:url(http://bamboobebe.img16.kr/img_pc/company/03_02_big.jpg)}
body #section2 .link_wrap .link_list_cont.num3{background-image:url(http://bamboobebe.img16.kr/img_pc/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:middle; text-align:center; }

body #section2 .link_wrap .link_list_cont .cont{text-align:left; width:1400px; display:inline-block;  }
body #section2 .link_wrap .link_list_cont .cont .title{height:120px; font-size:0; overflow:hidden; text-indent:-1000px; background:0 0 no-repeat;  }
body #section2 .link_wrap .link_list_cont .cont .desc{padding-bottom:45px; line-height:34px; color:#666666; font-size:20px; font-family:'Noto Sans KR', sans-serif; }
body #section2 .link_wrap .link_list_cont .cont .btn_back{display:inline-block; width:70px; height:47px; background:url(http://bamboobebe.img16.kr/img_pc/company/arrow_left.png) 0 center no-repeat; }

body #section2 .link_wrap .link_list_cont:nth-of-type(1) .cont .title{ margin-top:17px; 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 {text-align:right; }
body #section2 .link_wrap .link_list_cont:nth-of-type(2) .cont {text-align:left; }
body #section2 .link_wrap .link_list_cont:nth-of-type(3) .cont {text-align:left; }
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 *{font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
body #section3 .inner label{display:inline-block; font-size:30px; line-height:32px; color:#c9fa82; font-weight:700; margin-bottom:36px;}
body #section3 .inner h1{min-height:56px; line-height:56px; font-size:40px;  font-weight:300; color:#FFF; margin-bottom:17px;}
body #section3 .inner h1 b{font-weight:700; color:#c9fa82; }
body #section3 .inner .desc{line-height:35px; font-size:20px; color:#dddddd; margin-bottom:46px; font-weight:300; }


body #section4 .inner{text-align:center; }    
body #section4 .inner *{font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
body #section4 .inner label{display:inline-block; font-size:30px; line-height:32px; color:#c9fa82; font-weight:700; margin-bottom:36px;}
body #section4 .inner h1{min-height:56px; line-height:56px; font-size:40px;  font-weight:300; color:#FFF; margin-bottom:17px;}
body #section4 .inner h1 b{font-weight:700; color:#c9fa82; }
body #section4 .inner .desc{line-height:35px; font-size:20px; color:#dddddd; margin-bottom:46px; font-weight:300; }

#story{position:relative; display:inline-block; width:850px; height:452px; overflow:hidden; padding:0 105px; box-sizing:border-box; }
#story .swiper-button-next,
#story .swiper-button-prev{width:60px; height:64px;}

#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;}
#story .swiper-button-prev{background:url(http://bamboobebe.img16.kr/img_pc/company/btn_swiper_prev.png) left center no-repeat;}

#story .swiper-pagination{text-align:right; padding:0 28px; bottom:36px !important; box-sizing:border-box; font-size:16px; font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-weight:700; color:#cccccc; }
#story .swiper-pagination .swiper-pagination-current{color:#97bc61;}


body #section5 .inner{text-align:center; padding-top:160px; }    
body #section5 .inner *{font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
body #section5 .inner label{display:inline-block; font-size:30px; line-height:32px; color:#97bc61; font-weight:700; margin-bottom:36px;}
body #section5 .inner h1{min-height:56px; line-height:56px; font-size:40px;  font-weight:300; color:#6b6b6a; margin-bottom:17px;}
body #section5 .inner h1 b{font-weight:700;}
body #section5 .inner .desc{line-height:35px; font-size:20px; color:#777; margin-bottom:46px; font-weight:300; }


body #section5 #history{width:1201px; height:600px; margin:0 auto 160px; overflow:hidden; position:relative; }
body #section5 #history:before{content:""; display:block; width:1px; height:100%; background:#cccccc; font-size:0; position:absolute; top:0; left:50%; }
body #section5 #history dl{width:540px; margin-top:215px; float:left; text-align:right; position:relative; }
body #section5 #history dl:nth-of-type(2n){float:right;  text-align:left;}
body #section5 #history dl:nth-of-type(1){margin-top:0; }
body #section5 #history dl dt.year{color:#97bc61; font-size:40px; margin-bottom:20px; line-height:1; font-weight:700;  }
body #section5 #history dl dd.desc{font-size:17px; color:#444444; margin-bottom:30px; line-height:30px;  font-family:'Noto Sans KR', sans-serif; font-weight:300; }
body #section5 #history dl dd.desc span.green{font-family:'Noto Sans KR', sans-serif; color:#97bc61; }
body #section5 #history dl dd.img img{display:block; } 
body #section5 #history dl dt:before{position:absolute; top:0px; right:-68px; display:block; width:15px; height:15px;  border:3px solid #97bc61; border-radius:100%; background-color:#FFF; box-sizing:border-box; content:"";}
body #section5 #history dl:nth-of-type(2n) dt:before{left:-68px; }
body #section5 #history .history_list{width:1201px; overflow-x:hidden; overflow-y:auto; height:600px; }
body #section5 #history .history_list  { overflow:auto; -ms-overflow-style:none; }
body #section5 #history .history_list::-webkit-scrollbar {display:none;}


body #section6 .inner{text-align:center; padding-top:160px; padding-bottom:183px; }    
body #section6 .inner *{font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
body #section6 .inner label{display:inline-block; font-size:30px; line-height:32px; color:#97bc61; font-weight:700; margin-bottom:36px;}
body #section6 .inner h1{min-height:56px; line-height:56px; font-size:40px;  font-weight:300; color:#6b6b6a; margin-bottom:17px;}
body #section6 .inner h1 b{font-weight:700;}
body #section6 .inner .desc{line-height:35px; font-size:20px; color:#777; /*margin-bottom:46px;*/ font-weight:300; }

body #section6 .fp-tableCell{position:relative; }
body #section6 .ft_inner{position:absolute; left:0; bottom:0; width:100%; min-width:1400px; height:181px; padding-top:41px; text-align:center; box-sizing:border-box; border-top:1px solid #e0e0e0; font-size:0;}
body #section6 .ft_inner .img_wrap,
body #section6 .ft_inner > dl{display:inline-block; vertical-align:top; text-align:left;}
body #section6 .ft_inner .img_wrap{width:210px;}
body #section6 .ft_inner > dl *{font-family:'Noto Sans KR', sans-serif;}
body #section6 .ft_inner > dl dt{min-height:38px; line-height:38px; color:#444444; font-size:24px; margin-bottom:6px; }
body #section6 .ft_inner > dl dd{line-height:25px; font-size:16px; color:#aaaaaa;  }

body #section7 .fp-tableCell{vertical-align:top; }
body #section7 video{width:100%; }
body #section7 .inner{text-align:left; padding-top:188px;}    
body #section7 h1{font-size:50px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#FFF; line-height:1.2; font-weight:700; margin-bottom:20px; }    
body #section7 p,
body #section7 p * {font-size:24px; font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#FFF; line-height:1.2; font-weight:100; }
/*

body #section7 .inner{text-align:left; }    
body #section7 .inner h1{font-size:42px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#d8f9a8; line-height:1.2; position: relative; transition: all 1s ease-in-out; opacity:0; margin-bottom:20px; font-weight:500;}
body #section7.active h1{opacity:1;} 
body #section7 .inner .history_box{height:660px; overflow:hidden; position:relative; padding-left:310px; opacity:0; transition: all 1s; top:500px; }
body #section7.active .inner .history_box{top:0; opacity:1; }
body #section7 .inner .history_box .year{width:310px; position:absolute; top:0; left:0; font-size:90px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif;  font-weight:500; line-height:1.1; color:#fff; }
body #section7 .inner .history_box .history_list{width:550px; overflow-x:hidden; overflow-y:auto; height:660px; }
body #section7 .history_list  > li{min-height:560px; margin-bottom:100px;}
body #section7 .inner .history_box dl{padding-top:30px; }
body #section7 .inner .history_box dl dt,
body #section7 .inner .history_box dl dd{font-size:20px; line-height:1.8; font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
body #section7 .inner .history_box dl dt{color:#b9de83; }
body #section7 .inner .history_box dl dd{color:#fff; }

body #section7 .history_list  { overflow:auto; -ms-overflow-style:none; }
body #section7 .history_list::-webkit-scrollbar {display:none;}    
*/

@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 */