@charset "utf-8";
.ui-container.scroll-focus-menu-wrap{position:relative;}
.ui-container.scroll-focus-menu-wrap:after{content:'';display:block;width:1px;height:100%;position:absolute;left:50%;top:0;background:#e6e6e6;margin-left:599px;z-index:4}
.snack-list-wrap{}
.snack-list-wrap .snack-area{padding-left:220px;position:relative;}
.snack-list-wrap .snack-area .title-area{width:260px;position:absolute;left:0;top:35px;z-index:1}
.snack-list-wrap .snack-area .title-area h2.title{color:#222222;font-size:48px;font-weight:400;height:85px;border-bottom:1px solid #e5e5e5;letter-spacing:-2px;}
.snack-list-wrap .snack-area .title-area .txt{color:#666666;font-size:16px;line-height:26px;margin-top:25px;}
.snack-list-wrap .snack-area .table-area .item-box{background:#ffffff;height:260px;width:760px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:284px;position:relative;margin-bottom:20px;}
.snack-list-wrap .snack-area .table-area .item-box .img-area{padding:30px 0 0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:284px;position:absolute;left:0;top:0;}
.snack-list-wrap .snack-area .table-area .item-box .con-area{padding-right:40px;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .snack-name{padding-top:60px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;margin-bottom:20px;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .snack-name .name{font-size:22px;font-weight:500;color:#222222;margin-bottom:10px;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .snack-name .info-txt .tit{margin-right:24px;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .info-txt{font-size:13px;color:#222222;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .info-txt:after{display:block;content:'';clear:both}
.snack-list-wrap .snack-area .table-area .item-box .con-area .info-txt span{display:block;float:left;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .info-txt .tit{color:#666666;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .snack-info-table li{width:110px;margin-right:53px;float:left;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .snack-info-table li:last-child{margin-right:0;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .snack-info-table li .info-txt{margin-bottom:7px;}
.snack-list-wrap .snack-area .table-area .item-box .con-area .snack-info-table li .info-txt .con{float:right;}
.scroll-focus-menu-wrap .scroll-focus-menu{position:fixed;left:0;top:50%;margin-top:-60px;z-index:4;width:200px;}
.scroll-focus-menu-wrap .scroll-focus-menu li{margin-bottom:18px;}
.scroll-focus-menu-wrap .scroll-focus-menu li:last-child{margin-bottom:0;}
.scroll-focus-menu-wrap .scroll-focus-menu li a{display:block;text-align:right;font-size:14px;color:#888888;padding-right:12px;border-right:2px solid transparent;line-height:18px;white-space:nowrap}
.scroll-focus-menu-wrap .scroll-focus-menu li.on a{font-size:18px;color:#911027;border-right:2px solid #911027;font-weight:bold;}




.ui-container .ui-cont.babybon-con.bg{background:#fafafa;width:100%;}
.ui-container .ui-cont.babybon-con .content-area{margin:0 auto;width:1200px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ui-container .ui-cont.babybon-con .content-area:after{content:'';display:block;clear:both;}
.ui-container .ui-cont.babybon-con .content-area .img-area-top{margin-top:60px;text-align:center;}
.ui-container .ui-cont.babybon-con .content-area .con-area-top{margin:57px 0 60px 0;text-align:center;}
.ui-container .ui-cont.babybon-con .content-area .con-area-top h3{font-size:22px;color:#222222;margin-bottom:25px;}
.ui-container .ui-cont.babybon-con .content-area .con-area-top .txt-con{font-size:16px;line-height:26px;color:#666666;}
.ui-container .ui-cont.babybon-con .content-area.right-type{padding-left:471px;min-height:480px;}
.ui-container .ui-cont.babybon-con .content-area.right-type .img-area{position:absolute;left:0;top:0;}
.ui-container .ui-cont.babybon-con .content-area.right-type .con-area{padding-top:69px;}
.ui-container .ui-cont.babybon-con .content-area.right-type .con-area .num{color:#911027;font-size:24px;font-weight:500;padding-left:78px;}
.ui-container .ui-cont.babybon-con .content-area.right-type .con-area h3{color:#222222;font-size:36px;font-weight:500;padding:39px 0 29px 78px;border-bottom:1px solid #e5e5e5;margin-bottom:28px;}
.ui-container .ui-cont.babybon-con .content-area.right-type .con-area .txt-con{color:#666666;font-size:18px;line-height:30px;padding-left:78px;font-weight:300;}

.ui-container .ui-cont.babybon-con .content-area.left-type{padding-right:471px;min-height:480px;}
.ui-container .ui-cont.babybon-con .content-area.left-type .img-area{position:absolute;right:0;top:0;}
.ui-container .ui-cont.babybon-con .content-area.left-type .con-area{padding-top:69px;}
.ui-container .ui-cont.babybon-con .content-area.left-type .con-area .num{color:#911027;font-size:24px;font-weight:500;}
.ui-container .ui-cont.babybon-con .content-area.left-type .con-area h3{color:#222222;font-size:36px;font-weight:500;padding:39px 0 29px 0;border-bottom:1px solid #e5e5e5;margin-bottom:28px;}
.ui-container .ui-cont.babybon-con .content-area.left-type .con-area .txt-con{color:#666666;font-size:18px;line-height:30px;font-weight:300;}


.ui-container .ui-cont.brandstory-top{width:100%;height:799px;padding:0;background:url("/Res/U/W/BABY/img/babybon/brandstory_top_img.png") no-repeat 50% 50%;position:relative;-webkit-background-size:cover;background-size:cover;}
.ui-container .ui-cont.brandstory-top .vmiddle{text-align:center;padding-top:235px;}
.ui-container .ui-cont.brandstory-top .vmiddle h2{background:url("/Res/U/W/BABY/img/babybon/brandstory_new_icon_01.png") no-repeat top center;padding-top:100px;font-size:60px;color:#ffffff;font-family:"Noto Sans KR";text-align:center;font-weight:400;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.ui-container .ui-cont.brandstory-top .vmiddle .txt{padding-top:40px;font-size:22px;color:#ffffff;font-family:"Roboto";text-align:center;font-weight:300;letter-spacing:4px;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.ui-container .ui-cont.brandstory-top .scroll-down{display:block;position:absolute;left:0;right:0;bottom:120px;margin:0 auto;width:95px;transition:all 0.8s;transform:translate(0,50px);opacity:0}

.ui-container .ui-cont.brandstory-top.on .vmiddle h2{opacity:1;transform:translate(0,0);transition-delay:0.1s}
.ui-container .ui-cont.brandstory-top.on .vmiddle .txt{opacity:1;transform:translate(0,0);transition-delay:0.2s}
.ui-container .ui-cont.brandstory-top.on .scroll-down{opacity:1;transform:translate(0,0);transition-delay:0.3s}


.section2{padding:120px 0 60px 0}
.section2 .tit-area{text-align:center;margin-bottom:0;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.section2 .tit-area .tit{font-size:48px;font-weight:300;color:#ccaa7a;}
.section2 .tit-area .txt{font-size:16px;line-height:26px;color:#666666;margin-top:35px;}
.section2 .shadow-box{display:block;position:relative;z-index:1;background:#ffffff;box-shadow:rgba(0,0,0,0.25) 0px 5px 70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:1200px;margin:75px auto;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.section2 .info-content{overflow:hidden;width:1200px;margin:0 auto;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.section2 .info-content li{float:left;width:560px;margin-bottom:55px;padding-left:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;}
.section2 .info-content li .tit{font-size:26px;color:#222222;}
.section2 .info-content li .con{font-size:16px;line-height:26px;color:#666666;margin-top:14px;}
.section2 .info-content li.icon1,
.section2 .info-content li.icon3,
.section2 .info-content li.icon5,
.section2 .info-content li.icon7{margin-right:80px;}
.section2 .info-content li:after{display:block;content:'';width:20px;height:20px;border-radius:20px;position:absolute;left:0;top:4px;background:#700000;}
.section2 .info-content li.icon1:after{background:#700000;}
.section2 .info-content li.icon2:after{background:#a97454;}
.section2 .info-content li.icon3:after{background:#cfa972;}
.section2 .info-content li.icon4:after{background:#979468;}
.section2 .info-content li.icon5:after{background:#688b8b;}
.section2 .info-content li.icon6:after{background:#455b70;}
.section2 .info-content li.icon7:after{background:#6c625e;}

.section2.on .tit-area{opacity:1;transform:translate(0,0);transition-delay:0.1s}
.section2.on .shadow-box{opacity:1;transform:translate(0,0);transition-delay:0.2s}
.section2.on .info-content{opacity:1;transform:translate(0,0);transition-delay:0.3s}

.brandstory-con2{padding-top:120px;background:#ffffff;}
.brandstory-con2 .content-area{position:relative;width:1200px;margin:0 auto;display:table;table-layout:fixed;margin-bottom:120px;}
.brandstory-con2 .content-area .con-area{margin-bottom:120px;position:relative;display:table-cell;vertical-align:middle;width:560px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.brandstory-con2 .content-area .con-area .num{font-size:60px;color:#222222;padding-bottom:10px;border-bottom:4px solid #af2139;display:inline-block;font-family:"Roboto";font-weight:500;}
.brandstory-con2 .content-area .con-area .tit{font-size:32px;line-height:46px;color:#222222;letter-spacing:-1px;margin-top:30px;}
.brandstory-con2 .content-area .con-area .txt-con{font-size:16px;line-height:26px;color:#666666;letter-spacing:-1px;margin-top:20px;}
.brandstory-con2 .content-area.right-type .con-area{display:table-cell;width:560px;}
.brandstory-con2 .content-area.right-type .img-area{display:table-cell;width:640px;}
.brandstory-con2 .content-area.left-type .con-area{display:table-cell;width:560px;padding-left:80px;}
.brandstory-con2 .content-area.left-type .img-area{display:table-cell;width:640px;}
.brandstory-con2.bg2{background:#f7f7f5;height:640px;position:relative;margin-bottom:480px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.brandstory-con2.bg2 .content-area{display:block;position:relative;}
.brandstory-con2.bg2 .content-area .img-area.img1{position:absolute;left:720px;top:0;}
.brandstory-con2.bg2 .content-area .img-area.img2{position:absolute;left:-122px;top:557px;}

.brandstory-con2.bg3{background:#ffffff;height:940px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
.brandstory-con2.bg3 .content-area{display:block;position:relative;margin-bottom:0;}
.brandstory-con2.bg3 .content-area .img-area{position:absolute;left:-80px;top:0;}
.brandstory-con2.bg3 .content-area .con-area{position:absolute;left:0;top:465px;display:block;margin-bottom:0;}

.brandstory-con2.bg4{background:#ffffff;height:1000px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
.brandstory-con2.bg4 .content-area{display:block;position:relative;margin-bottom:0;}
.brandstory-con2.bg4 .content-area .img-area.img1{position:absolute;left:auto;right:560px;}
.brandstory-con2.bg4 .content-area .img-area.img1 img{position:absolute;right:0;top:0;}
.brandstory-con2.bg4 .content-area .img-area.img2{position:absolute;left:auto;right:0;top:440px;}
.brandstory-con2.bg4 .content-area .con-area{position:absolute;left:720px;top:100px;}
.brandstory-con2.bg4 .content-area > .txt-con{position:absolute;left:0;top:715px;}
.brandstory-con2 .section.section3 .con-area{transition:all 0.8s;transform:translate(-50px,0);opacity:0}
.brandstory-con2 .section.section3 .img-area{transition:all 0.8s;transform:translate(50px,0);opacity:0}
.brandstory-con2 .section.section3.on .con-area{opacity:1;transform:translate(0,0);}
.brandstory-con2 .section.section3.on .img-area{opacity:1;transform:translate(0,0);}

.brandstory-con2 .section.section4 .con-area{transition:all 0.8s;transform:translate(50px,0);opacity:0}
.brandstory-con2 .section.section4 .img-area{transition:all 0.8s;transform:translate(-50px,0);opacity:0}
.brandstory-con2 .section.section4.on .con-area{opacity:1;transform:translate(0,0);}
.brandstory-con2 .section.section4.on .img-area{opacity:1;transform:translate(0,0);}

.brandstory-con2 .section.section5 .con-area{transition:all 0.8s;transform:translate(50px,0);opacity:0}
.brandstory-con2 .section.section5 .img-area.img1{transition:all 0.8s;transform:translate(0,50px);opacity:0}
.brandstory-con2 .section.section5 .img-area.img2{transition:all 0.8s;transform:translate(-50px,0);opacity:0}
.brandstory-con2 .section.section5.on .con-area{opacity:1;transform:translate(0,0);}
.brandstory-con2 .section.section5.on .img-area.img1{opacity:1;transform:translate(0,0);transition-delay:0.1s}
.brandstory-con2 .section.section5.on .img-area.img2{opacity:1;transform:translate(0,0);transition-delay:0.2s}


.brandstory-con2 .section.section6 .con-area{transition:all 0.8s;transform:translate(0, 50px);opacity:0}
.brandstory-con2 .section.section6 .img-area{transition:all 0.8s;opacity:0}
.brandstory-con2 .section.section6.on .con-area{opacity:1;transform:translate(0,0);transition-delay:0.1s}
.brandstory-con2 .section.section6.on .img-area{opacity:1;transform:translate(0,0);transition-delay:0.2s}

.brandstory-con2 .section.section7 .con-area{transition:all 0.8s;transform:translate(50px,0);opacity:0}
.brandstory-con2 .section.section7 .img-area.img1{transition:all 0.8s;transform:translate(-50px,0);opacity:0}
.brandstory-con2 .section.section7 .img-area.img2{transition:all 0.8s;transform:translate(0, 50px);opacity:0}
.brandstory-con2 .section.section7 .txt-con{transition:all 0.8s;transform:translate(-50px,0);opacity:0}
.brandstory-con2 .section.section7.on .con-area{opacity:1;transform:translate(0,0);transition-delay:0.1s}
.brandstory-con2 .section.section7.on .img-area.img1{opacity:1;transform:translate(0,0);transition-delay:0.2s}
.brandstory-con2 .section.section7.on .img-area.img2{opacity:1;transform:translate(0,0);transition-delay:0.3s}
.brandstory-con2 .section.section7.on .txt-con{opacity:1;transform:translate(0,0);transition-delay:0.4s}


.section.section8{position:relative;padding-top:0 !important;height:800px;max-width:1900px;margin:0 auto;}
.section.section8 .menu{position:absolute;left:0;top:50%;transform:translate(0,-50%);}
.section.section8 .menu li{padding-left:60px;position:relative;}
.section.section8 .menu li a{display:block;line-height:56px;font-size:16px;color:#999999;}
.section.section8 .menu li a:hover,
.section.section8 .menu li a:focus,
.section.section8 .menu li.on a{color:#cbaf88;}
.section.section8 .menu li.on:after{content:'';display:block;width:40px;height:2px;background:#cbaf88;position:absolute;left:0;top:27px;}
.section.section8 .content-area .item{background:url("/Res/U/W/BABY/img/babybon/brandstory_service_bg.jpg") no-repeat center top;height:800px;}
.section.section8 .content-area .item{background:url("/Res/U/W/BABY/img/babybon/brandstory_service_bg.jpg") no-repeat center top;height:800px;}
.section.section8 .content-area .item{background:url("/Res/U/W/BABY/img/babybon/brandstory_service_bg.jpg") no-repeat center top;height:800px;}
.section.section8 .content-area .item{background:url("/Res/U/W/BABY/img/babybon/brandstory_service_bg.jpg") no-repeat center top;height:800px;}
.section.section8 .content-area .item{background:url("/Res/U/W/BABY/img/babybon/brandstory_service_bg.jpg") no-repeat center top;height:800px;}
.section.section8 .tit-area{text-align:center;padding-top:120px;}
.section.section8 .tit-area h2{color:#cbaf88;font-size:48px;margin-bottom:120px;font-weight:300;}

.section.section8 .item{display:none;}
.section.section8 .item.on{display:block;}
.section.section8 .item1 .tit-area h3{background:url("/Res/U/W/BABY/img/babybon/brandstory_new_icon_0201.png") no-repeat top center;padding-top:100px;font-size:32px;color:#ffffff;font-family:"Noto Sans KR";text-align:center;font-weight:400;}
.section.section8 .item2 .tit-area h3{background:url("/Res/U/W/BABY/img/babybon/brandstory_new_icon_0202.png") no-repeat top center;padding-top:100px;font-size:32px;color:#ffffff;font-family:"Noto Sans KR";text-align:center;font-weight:400;}
.section.section8 .item3 .tit-area h3{background:url("/Res/U/W/BABY/img/babybon/brandstory_new_icon_0203.png") no-repeat top center;padding-top:100px;font-size:32px;color:#ffffff;font-family:"Noto Sans KR";text-align:center;font-weight:400;}
.section.section8 .item4 .tit-area h3{background:url("/Res/U/W/BABY/img/babybon/brandstory_new_icon_0204.png") no-repeat top center;padding-top:100px;font-size:32px;color:#ffffff;font-family:"Noto Sans KR";text-align:center;font-weight:400;}
.section.section8 .item5 .tit-area h3{background:url("/Res/U/W/BABY/img/babybon/brandstory_new_icon_0205.png") no-repeat top center;padding-top:100px;font-size:32px;color:#ffffff;font-family:"Noto Sans KR";text-align:center;font-weight:400;}

.section.section8 .tit-area .txt{padding-top:40px;font-size:16px;color:#ffffff;text-align:center;font-weight:300;}

.section.section9{position:relative;padding-top:0 !important;height:963px;background:url("/Res/U/W/BABY/img/babybon/brandstory_bottom_bg.png") no-repeat top center;}
.section.section9 .tit-area{text-align:center;padding:110px 0 50px 0;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.section.section9 .tit-area h2{color:#cbaf88;font-size:48px;font-weight:300;line-height:60px;}
.section.section9 .tit-area h2 strong{font-weight:400;}
.section.section9 .card-list{width:1200px;margin:0 auto;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.section.section9 .card-list ul{margin:-20px;}
.section.section9 .card-list li{width:580px;height:260px;margin:20px;background:#ffffff;box-shadow:rgba(0,0,0,0.25) 0px 5px 70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;display:table;table-layout:fixed;}
.section.section9 .card-list li .img{display:table-cell;vertical-align:middle;padding:0 0 0 40px;width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.section.section9 .card-list li .txt-con{display:table-cell;vertical-align:middle;width:330px;}
.section.section9 .card-list li .txt-con .tit{color:#222222;font-size:22px;margin-bottom:15px;}
.section.section9 .card-list li .txt-con .con{color:#666666;font-size:16px;line-height:26px;}
.section.section9.on .tit-area{opacity:1;transform:translate(0,0);transition-delay:0.1s}
.section.section9.on .card-list{opacity:1;transform:translate(0,0);transition-delay:0.2s}

.ui-container .ui-cont.babybon-con-bg{width:100%;background:#f7f7f5;padding:0 0 120px 0}
.ui-container .ui-cont.babybon-con-bg .content-area{width:1200px;margin:0 auto;}
.ui-container .ui-cont.babybon-con-bg .content-area .icon-con{overflow:hidden;}
.ui-container .ui-cont.babybon-con-bg .content-area .icon-con li{background:#ffffff;width:386px;height:327px;margin-right:21px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:60px 20px 0 20px;}
.ui-container .ui-cont.babybon-con-bg .content-area .icon-con li:last-child{margin-right:0;}
.ui-container .ui-cont.babybon-con-bg .content-area .icon-con li .icon{margin-bottom:20px;}
.ui-container .ui-cont.babybon-con-bg .content-area .icon-con li h3{color:#222222;font-weight:500;font-size:22px;margin-bottom:35px;}
.ui-container .ui-cont.babybon-con-bg .content-area .icon-con li .txt-con{color:#666666;font-size:16px;line-height:26px;}

.ui-cont.babyfood-con{padding:0;}
.ui-cont.babyfood-con .content-area{margin:0 auto;width:1200px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ui-cont.babyfood-con .content-area .con-area{overflow:hidden;}
.ui-cont.babyfood-con .content-area .num{color:#dfdfdf;font-size:80px;font-family: 'Roboto';font-weight:500;}
.ui-cont.babyfood-con .content-area .term-con{position:relative;width:360px;}
.ui-cont.babyfood-con .content-area .term-con h3{width:360px;color:#222222;font-size:30px;font-weight:500;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.ui-cont.babyfood-con .content-area .term-con h3 .term{display:inline-block;font-size:18px;vertical-align:middle;margin:-4px 0 0 7px;}
.ui-cont.babyfood-con .content-area .term-con .btn-more{display:inline-block;height:25px;position:absolute;top:0;right:0;background:url("/Res/U/W/BABY/img/common/ico_more.png") no-repeat center right;padding:0 35px 0 10px;}
.ui-cont.babyfood-con .content-area .term-con .btn-more span{display:inline-block;color:#666666;font-size:14px;font-weight: 300;vertical-align:top;margin-top:5px;}
.ui-cont.babyfood-con .content-area .term-con .txt-con{color:#222222;font-size:18px;line-height:28px;font-weight:400;margin-top:15px;}

.ui-cont.babyfood-con .right-type .num{float:left;}
.ui-cont.babyfood-con .right-type .term-con{float:right;}
.ui-cont.babyfood-con .left-type .num{float:right;}
.ui-cont.babyfood-con .left-type .term-con{margin:119px 0 0 139px;}

.ui-cont.babyfood-con .babyfood-con-bg01{min-height:500px;margin-top:100px;background:url("/Res/U/W/BABY/img/babybon/babyfood_bg01.png") no-repeat center top;}
.ui-cont.babyfood-con .babyfood-con-bg01 .num{margin-top:16px;}
.ui-cont.babyfood-con .babyfood-con-bg01 .term-con{margin:152px 173px 0 0;}
.ui-cont.babyfood-con .babyfood-con-bg02{min-height:515px;margin-top:48px;background:url("/Res/U/W/BABY/img/babybon/babyfood_bg02.png") no-repeat center top;}
.ui-cont.babyfood-con .babyfood-con-bg02 .num{margin-top:33px;}
.ui-cont.babyfood-con .babyfood-con-bg02 .term-con{margin:119px 0 0 139px;}
.ui-cont.babyfood-con .babyfood-con-bg03{min-height:500px;margin-top:29px;background:url("/Res/U/W/BABY/img/babybon/babyfood_bg03.png") no-repeat center top;}
.ui-cont.babyfood-con .babyfood-con-bg03 .num{margin-top:18px;}
.ui-cont.babyfood-con .babyfood-con-bg03 .term-con{margin:183px 110px 0 0;}
.ui-cont.babyfood-con .babyfood-con-bg04{min-height:515px;margin-top:78px;background:url("/Res/U/W/BABY/img/babybon/babyfood_bg04.png") no-repeat center top;}
.ui-cont.babyfood-con .babyfood-con-bg04 .num{margin-top:31px;}
.ui-cont.babyfood-con .babyfood-con-bg04 .term-con{margin:157px 0 0 154px;}
.ui-cont.babyfood-con .babyfood-con-bg05{min-height:515px;margin-top:57px;background:url("/Res/U/W/BABY/img/babybon/babyfood_bg05.png") no-repeat center top;}
.ui-cont.babyfood-con .babyfood-con-bg05 .num{margin-top:-11px;}
.ui-cont.babyfood-con .babyfood-con-bg05 .term-con{margin:135px 173px 0 0;}

.ui-cont.babyfood-tbl{position:relative;}
.ui-cont.babyfood-tbl .tit-h4{margin:14px 0 32px;}
.ui-cont.babyfood-tbl .tbl-list03{padding-bottom:60px;}
.ui-cont.babyfood-tbl .tbl-list03 thead th{color:#222222;}
.ui-cont.babyfood-tbl .tbl-list03 tbody th{background:none;padding:0;text-align:center;color:#222222;font-size:14px;border-right:1px solid #e5e5e5;font-weight:500;}
.ui-cont.babyfood-tbl .tbl-list03 tbody td{color:#444444;font-size:14px;}
.ui-cont.babyfood-tbl:after{content:'';display:inline-block;width:228px;height:240px;position:absolute;top:-51px;right:-84px;background:url("/Res/U/W/BABY/img/babybon/babyfood_broccoli.png") no-repeat center top;}

.layer-tit h2 .term{display:inline-block;font-size:18px;vertical-align:top;margin-left:4px;}
.baby-food-detail{border-bottom:1px solid #e5e5e5;margin-bottom:10px;}
.baby-food-detail th, .baby-food-detail td{padding:18px 0 18px 30px;font-size:14px;color:#444444;line-height:24px;vertical-align:top;}
.baby-food-detail td{color:#000000;}
.baby-food-detail td .txtList li{position:relative;padding-left:7px;}
.baby-food-detail td .txtList li:before{content:'';width:2px;height:2px;position:absolute;top:0;left:0;margin-top:12px;background:#000000;}


.ui-container .ui-cont.babybon-top{width:100%;height:1447px;padding:0;background:url("/Res/U/W/BABY/img/babybon/babybon_bg.png") no-repeat 50% 50%;position:relative;-webkit-background-size:cover;background-size:cover;}
.ui-container .ui-cont.babybon-top .vmiddle{text-align:center;padding-top:235px;}
.ui-container .ui-cont.babybon-top .vmiddle h2{background:url("/Res/U/W/BABY/img/babybon/brandstory_new_icon_01.png") no-repeat top center;padding-top:100px;font-size:60px;color:#ffffff;font-family:"Noto Sans KR";text-align:center;font-weight:400;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.ui-container .ui-cont.babybon-top .vmiddle .txt{padding-top:40px;font-size:22px;color:#ffffff;font-family:"Roboto";text-align:center;font-weight:300;letter-spacing:4px;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.ui-container .ui-cont.babybon-top .scroll-down{display:block;position:absolute;left:0;right:0;top:650px;margin:0 auto;width:95px;transition:all 0.8s;transform:translate(0,50px);opacity:0}
.ui-container .ui-cont.babybon-top .obj{display:block;position:absolute;left:50%;right:0;top:835px;margin:23px 0 0 -370px;width:95px;transition:all 0.8s;transform:translate(0,50px);opacity:0;text-align:center;}

.ui-container .ui-cont.babybon-top.on .vmiddle h2{opacity:1;transform:translate(0,0);transition-delay:0.1s}
.ui-container .ui-cont.babybon-top.on .vmiddle .txt{opacity:1;transform:translate(0,0);transition-delay:0.2s}
.ui-container .ui-cont.babybon-top.on .scroll-down{opacity:1;transform:translate(0,0);transition-delay:0.3s}
.ui-container .ui-cont.babybon-top.on .obj{opacity:1;transform:translate(0,0);transition-delay:0.4s}

.babybon-con{padding:0 0 120px 0;background:url("/Res/U/W/BABY/img/bmm/dic_sec03_bg2.png");}
.babybon-con .content-area{width:1200px;margin:0 auto;text-align:center;}
.babybon-con .tit-line{display:inline-block;border-top:1px solid #c49c7c;border-bottom:1px solid #c49c7c;font-size:32px;line-height:46px;color:#ccaa7a;padding:20px 15px;margin-bottom:80px;}
.babybon-con .info-box{}
.babybon-con .info-box:after{content:'';display:block;clear:both;}
.babybon-con .info-box li{box-shadow:rgba(0,0,0,0.25) 0px 5px 70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:58px;}
.babybon-con .info-box li:first-child{margin-left:0;}
.babybon-con2{background:#ffffff;}
.babybon-con2 .content-area{position:relative;width:1200px;margin:0 auto;display:table;table-layout:fixed;margin-bottom:120px;}
.babybon-con2 .content-area .con-area{margin-bottom:120px;position:relative;display:table-cell;vertical-align:middle;width:560px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.babybon-con2 .content-area .con-area .num{font-size:60px;color:#222222;padding-bottom:10px;border-bottom:4px solid #af2139;display:inline-block;font-family:"Roboto";font-weight:500;}
.babybon-con2 .content-area .con-area .tit{font-size:32px;line-height:46px;color:#222222;letter-spacing:-1px;margin-top:30px;}
.babybon-con2 .content-area .con-area .tit strong{font-weight:500;}
.babybon-con2 .content-area .con-area .txt-con{font-size:16px;line-height:26px;color:#666666;letter-spacing:-1px;margin-top:20px;}
.babybon-con2 .content-area.right-type .con-area{display:table-cell;width:50%;}
.babybon-con2 .content-area.right-type .img-area{display:table-cell;width:50%;text-align:right;}
.babybon-con2 .content-area.left-type .con-area{display:table-cell;width:50%;padding-left:80px;}
.babybon-con2 .content-area.left-type .img-area{display:table-cell;width:50%;text-align:left;}

.babybon-con2 .section.left-type .con-area{transition:all 0.8s;transform:translate(50px,0);opacity:0}
.babybon-con2 .section.left-type .img-area{transition:all 0.8s;transform:translate(-50px,0);opacity:0}
.babybon-con2 .section.left-type.on .con-area{opacity:1;transform:translate(0,0);}
.babybon-con2 .section.left-type.on .img-area{opacity:1;transform:translate(0,0);}

.babybon-con2 .section.right-type .con-area{transition:all 0.8s;transform:translate(-50px,0);opacity:0}
.babybon-con2 .section.right-type .img-area{transition:all 0.8s;transform:translate(50px,0);opacity:0}
.babybon-con2 .section.right-type.on .con-area{opacity:1;transform:translate(0,0);}
.babybon-con2 .section.right-type.on .img-area{opacity:1;transform:translate(0,0);}