/* 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: 2.0s;
}

.section.active .anime.dur3{
    animation-delay: 3.0s;
}

.section.active .anime.dur4{
    animation-delay: 4.0s;
}

.section.active .anime.dur5{
    animation-delay: 5.0s;
}

.section.active .anime.dur7{
    animation-delay: 7.0s;
}

.section.active .anime.dur8{
    animation-delay: 8.0s;
}

.section.active .anime.dur9{
    animation-delay: 9.0s;
}


.section.active .anime.dur15{
    animation-delay: 15.0s;
}
.section.active .anime.dur16{
    animation-delay: 16.0s;
}

.section.active .anime.dur17{
    animation-delay: 17.0s;
}

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


.section.active .anime7 {
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s;
    -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;
}


.section.active .anime.fa_left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.section.active .anime.fa_left1 {
    -webkit-animation-name: fadeInLeft1;
    -moz-animation-name: fadeInLeft1;
    -o-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1;
}


.section.active .anime.fa_right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.section.active .anime.fain {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.section.active .anime7.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}




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/brand/01.jpg);}
body #section1 {background-color:#fffaec;}
body #section1 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/brand/02.jpg);}
body #section2 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/brand/03.jpg);}
body #section3 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/brand/04.jpg);}
body #section4 .cont_bg{background-image: url(http://www.bamboo-bebe.com/design/bamboobebe/story/05.jpg);}
body #section5 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/brand/06.jpg);}
body #section6 .cont_bg{background-image: url(http://bamboobebe.img16.kr/img_pc/brand/07.jpg);}
body #section7 .cont_bg{background-image: url(http://www.bamboo-bebe.com/design/bamboobebe/story/08.jpg);}
body #section8{/*background-color:rgba(0,0,0,0.3);*/}

/* 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 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{max-width:1400px; margin:0 auto; padding:10px; box-sizing:border-box; position:relative;  }
body .section .inner .half{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;}    


body #section1 .inner{text-align:left; }    
body #section1 .inner h1{font-size:40px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#222; line-height:1.2; font-weight:100; position: relative;}
body #section1 .inner p.desc{padding-top:40px; color:#444; line-height:1.8; font-size:20px;}


body #section1 .inner .logo_history{position:relative; font-size:0; vertical-align:top; margin-bottom:40px; height:84px;  }
body #section1 .inner .logo_history img{display:block; top:0; left:0; }
body #section1 .inner .logo_history .now_logo{position:relative;}
body #section1 .inner .section1_logo{position:absolute;}    



body #section2 .inner{text-align:center; }
body #section2 .inner .section1_logo{display:block; margin-bottom:40px; position:relative; top:0px;}    
body #section2 .inner h1{font-size:40px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#fff; line-height:1.2; font-weight:100; position: relative;}
body #section2 .inner p.desc{padding-top:40px; color:#fff; line-height:1.8; font-size:20px;}


body #section3 .inner{text-align:left; padding-top:300px !important; }    
body #section3 .inner h1{font-size:40px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#222; line-height:1.2; font-weight:100; position: relative;}
body #section3 .inner p.desc{padding-top:40px; color:#444; line-height:1.8; font-size:20px; }


body #section4 .inner{text-align:right; font-size:0;}    
body #section4 .inner .cont_box{display:inline-block; text-align:left;  }    
body #section4 .inner h1{font-size:40px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#222; line-height:1.2; font-weight:100; position: relative;}

body #section4 .inner dl{padding-top:40px; color:#444; line-height:1.5; }
body #section4 .inner dl *{font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-size:20px;}

body #section4 .inner dl dt{color:#97bc61; font-weight:700; font-size:20px; margin-bottom:12px;  }
body #section4 .inner dl dd{color:#888; font-size:18px;}

body #section5 .inner{text-align:left; padding:140px 0 140px 120px; background:#FFF url(http://bamboobebe.img16.kr/img_pc/brand/section5.png) 810px center no-repeat;}    

body #section5 .inner h1{font-size:40px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#222; line-height:1.2; font-weight:100; position: relative;}
body #section5 .inner h1 sub{font-weight:700; color:#97bc61; display:block; font-size:28px; margin-bottom:15px; }

body #section5 .inner p.desc{padding-top:40px; color:#444; line-height:1.8; font-size:20px;}


body #section6 .inner{text-align:left; }    
body #section6 .inner h1{font-size:40px;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#222; line-height:1.2; font-weight:100; position: relative;}
body #section6 .inner p.desc{padding-top:40px; color:#444; line-height:1.8; font-size:20px;}


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; margin-bottom:20px; font-weight:500;}

body #section7 .inner .history_box{height:660px; overflow:hidden; /*overflow-x:hidden;overflow-y:scroll;*/ position:relative; padding-left:310px; top:0; }

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:700; 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;}    

body .link_list{display:table; width:100%; height:100%; table-layout:fixed; }
body .link_list li{display:table-cell; vertical-align:top; width:25%; transition: all 0.5s;   transition-timing-function: ease-in-out; background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle;}
body .link_list li:hover{width:35%;}
body .link_list li:nth-of-type(1){background-image:url(http://bamboobebe.img16.kr/img_pc/brand/sub_01.jpg);}
body .link_list li:nth-of-type(2){background-image:url(http://bamboobebe.img16.kr/img_pc/brand/sub_02.jpg);}
body .link_list li:nth-of-type(3){background-image:url(http://bamboobebe.img16.kr/img_pc/brand/sub_03.jpg);}
body .link_list li:nth-of-type(4){background-image:url(http://bamboobebe.img16.kr/img_pc/brand/sub_04.jpg);}
body .link_list li h2 {height:100%;}    
body .link_list li h2 a{height:100%; display:block; box-sizing:border-box; position:relative; }
body .link_list li h2 a span{color:#FFF; font-size:20px; font-weight:600;  transition: all 0.5s; opacity:0; display:inline-block; height:50px; line-height:50px; position:absolute; top:50%; left:0; width:100%; margin-top:-25px; font-family:'Montserrat', 'Noto Sans KR', sans-serif; }
body .link_list li:hover h2 a span{color:#FFF; font-size:36px; opacity:1; }

@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);}
}

@-webkit-keyframes fadeInUp{
    0%{opacity:1;-webkit-transform: translate(663px, 254px);}
    80%{opacity:1;-webkit-transform: translate(663px, 254px);}
    90%{opacity:1;-webkit-transform: translate(663px, 0);}
    100%{opacity:1;-webkit-transform: translate(0);}
}
@-moz-keyframes fadeInUp{
    0%{opacity:1;-moz-transform: translate(663px, 254px);}
    80%{opacity:1;-moz-transform: translate(663px, 254px);}
    90%{opacity:1;-moz-transform: translate(663px, 0);}
    100%{opacity:1;-moz-transform: translate(0);}
}
@-o-keyframes fadeInUp{
    0%{opacity:1;-o-transform: translate(663px, 254px);}
    80%{opacity:1;-o-transform: translate(663px, 254px);}
    90%{opacity:1;-o-transform: translate(663px ,0);}
    100%{opacity:1;-o-transform: translate(0);}
}

@keyframes fadeInUp{
    0%{transform: translate(663px, 254px);}  /*112px ±âÁØ*/
    80%{transform: translate(663px, 254px);}
    90%{transform: translate(663px, 0);}
    100%{transform: translate(0);}
}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform: translateX(300px);}
    50%{opacity:1;-webkit-transform: translateX(0);}    
    90%{opacity:1;-webkit-transform: translateX(0);}    
    100%{opacity:0;-webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;-moz-transform: translateX(300px);}
    50%{opacity:1;-moz-transform: translateX(0);}
    80%{opacity:1;-moz-transform: translateX(0);}
    100%{opacity:0;-moz-transform: translateX(0);}
}
@-o-keyframes fadeInLeft{
    0%{opacity:0;-o-transform: translateX(300px);}
    50%{opacity:1;-o-transform: translateX(0);}
    80%{opacity:1;-o-transform: translateX(0);}
    100%{opacity:0;-o-transform: translateX(0);}
}

@keyframes fadeInLeft{
    0%{opacity:0;transform: translateX(300px);}
    50%{opacity:1;transform: translateX(0);}
    80%{opacity:1;transform: translateX(0);}
    100%{opacity:0;transform: translateX(0);}
}

@-webkit-keyframes fadeInLeft1{
    0%{opacity:0;-webkit-transform: translateX(300px);}
    50%{opacity:1;-webkit-transform: translateX(0);}    
    90%{opacity:1;-webkit-transform: translateX(0);}    
    100%{opacity:1;-webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInLeft1{
    0%{opacity:0;-moz-transform: translateX(300px);}
    50%{opacity:1;-moz-transform: translateX(0);}
    80%{opacity:1;-moz-transform: translateX(0);}
    100%{opacity:1;-moz-transform: translateX(0);}
}
@-o-keyframes fadeInLeft1{
    0%{opacity:0;-o-transform: translateX(300px);}
    50%{opacity:1;-o-transform: translateX(0);}
    80%{opacity:1;-o-transform: translateX(0);}
    100%{opacity:1;-o-transform: translateX(0);}
}

@keyframes fadeInLeft1{
    0%{opacity:0;transform: translateX(300px);}
    50%{opacity:1;transform: translateX(0);}
    80%{opacity:1;transform: translateX(0);}
    100%{opacity:1;transform: translateX(0);}
}



@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform: translateX(-50px);}
    100%{opacity:1;-webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInRight{
    0%{opacity:0;-moz-transform: translateX(-50px);}    
    100%{opacity:1;-moz-transform: translateX(0);}
}
@-o-keyframes fadeInRight{
    0%{opacity:0;-o-transform: translateX(-50px);}    
    100%{opacity:1;-o-transform: translateX(0);}
}

@keyframes fadeInRight{
    0%{opacity:0;transform: translateX(-50px);}
    100%{opacity:1;transform: translateX(0);}
}


@keyframes fadeIn{
    0%{opacity:0;} 
    100%{opacity:1;}
}


/* BASIC css end */