@charset "utf-8";

/* Main */
/* Layout */
.mainArea{overflow:hidden;background:#fff}
.mainArea .section{position:relative;}
.mainArea .section h2.tit{text-align:left;font-size:17px;font-family:'NotoKR-Medium', sans-serif;color:#222;line-height:1;margin-bottom:30px}

/* Visual */
.section.visual .pagination{position:absolute;left:auto;right:23px;bottom:15px;width:auto;z-index:10;font-size:12px;color:#888;line-height:1;padding:4px 0 3px 0;width:48px;text-align:center;background:#f7f3eb;border-radius:10px;font-family:'Roboto-Regular'}
.section.visual .pagination span{display:inline-block;font-size:12px;color:#888}
.section.visual .pagination span.swiper-pagination-current{color:#222;font-family:'Roboto-Medium', sans-serif;}

/* Banner */
.section.banner{border-top:8px solid #f7f7f5;}
.section.banner a{display:block;}

/*Bonbrand*/
.section.bonbrand{position:relative;height:40px;background:#fff;border-bottom:1px solid #e5e5e5;}

/* Diet */
.section.diet{padding-top:8px;background:#f7f7f5;}
.section.diet .tabDiet{margin-bottom:5px;overflow:scroll;background:#fff;}
.section.diet .tabDiet.fixed{position:fixed;top:42px;left:0;right:0;z-index:100;overflow:scroll;background:#fff;}
.section.diet .tabDiet ul {width:100%;white-space:nowrap;display:flex}
.section.diet .tabDiet li{text-align:center;display:inline-block;position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.section.diet .tabDiet li a{display:block;min-width:70px;margin:15px 5px;}
.section.diet .tabDiet li:before{display:block;content:'';width:1px;height:100%; background-repeat:no-repeat;background-position:50%;position:absolute;right:0px;top:0px;margin:0 auto; background:#ccc;;}
.section.diet .tabDiet li:last-child:before {display:none;}

.section.diet .tabDiet li a span{display:block;font-family:'NotoKR-Medium';color:#222;line-height:1;font-size:12px; margin-bottom:3px;}
.section.diet .tabDiet li a em{display:block;font-size:14px;color:#222;line-height:1;margin-top:2.5px; margin-bottom:5px; letter-spacing:-0.8px; font-weight:normal;}
.section.diet .tabContDiet{display:none}

.section.diet .tabDiet li.on{border-bottom:3px solid #700000}

.section.diet .tabDiet li.on + li a{border-left:none}


.section.diet .dietOrder{position:relative;}
.section.diet .dietOrder .pagination{text-align:center;line-height:1;margin-top:15px;font-size:0}
.section.diet .dietOrder .pagination span{opacity:1;width:8px;height:8px;border-radius:50%;background:#e5e5e5;margin:0 5px}
.section.diet .dietOrder .pagination span.swiper-pagination-bullet-active{background:#700000}
.section.diet .dietOrder .item{background:#fff;padding:15px 25px 20px 25px;width:55.6%}
.section.diet .dietOrder .dietDate{text-align:center;padding-bottom:13px;border-bottom:1px solid #e6e6e6}
.section.diet .dietOrder .dietDate .date{display:block;line-height:1;font-family:'NotoKR-Medium';color:#222;margin-bottom:6px}
.section.diet .dietOrder .dietDate .day{line-height:1;font-size:11px;color:#666;}
.section.diet .dietOrder .dietList{margin-top:5px}
.section.diet .dietOrder .dietList li{margin-top:3px}
.section.diet .dietOrder .dietList li:first-child{margin-top:0}
.section.diet .dietOrder .dietList li a{display:table;}
.section.diet .dietOrder .dietList li .img{position:relative;left:-6px;display:table-cell;vertical-align:middle;width:60px;}
.section.diet .dietOrder .dietList li dl{display:table-cell;vertical-align:middle;padding-left:4px}
.section.diet .dietOrder .dietList li dt{color:#222;margin-bottom:2px}
.section.diet .dietOrder .dietList li dd{font-size:11px;color:#888}
.section.diet .dietOrder .btnArea{margin-top:20px}
.section.diet .dietOrder .btns{width:90%;margin:0 auto;border-radius:0px; position:absolute; left:5%;height:40px; line-height:40px;}

.section.diet .dietOrder .dietInfoGrp{background:#fff;}
.section.diet .dietOrder .dietInfoGrp .dietExp{width:100%;position:relative;}
.section.diet .dietOrder .dietInfoGrp .dietExp .info{width:100%; text-align:left; padding: 20px 11px 40px 11px;}
.section.diet .dietOrder .dietInfoGrp .dietExp .info h5 {font-weight:bold; font-size:18px;}
.section.diet .dietOrder .dietInfoGrp .dietExp .info h5 span {font-weight:normal; font-size:12px; padding-left: 5px;}
.section.diet .dietOrder .dietInfoGrp .dietExp .info p {font-size:13px; padding-top: 5px;}
.section.diet .dietOrder .dietInfoGrp .dietMenu{width:100%;  background:#fff; position:relative;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .tit{width:100%; text-align:left;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .tit h2{ font-size:14px;line-height:8vw;font-weight:700;padding:0 16px;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .tit h2 span {font-size:12px;font-weight:normal;}

.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list{position:relative; padding:5px 0 15px 0; white-space:nowrap; }
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list ul {padding-left:16px;overflow-x:scroll;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list li {margin:0 10px 0 0; width: calc(30% + 10px);border:1px solid #ccc;border-radius:5px;white-space:normal;display:inline-block;vertical-align:top;}

.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .meal-info a{display:block;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .meal-info .meal-thum{width:25vw;margin:0 auto 5px auto;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .meal-info .meal-name{width:90%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;line-height:15vw;border-top:1px solid #ccc; margin:0 auto;}

.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .foodEx{}
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .foodEx a{display:block;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .foodEx .meal-thum{width:25vw;margin:0 auto 5px auto;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .foodEx .meal-name{position:relative;width:90%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;border-top:1px solid #ccc; margin:0 auto; line-height:15vw;}
.section.diet .dietOrder .dietInfoGrp .dietMenu .meal-list .foodEx .meal-name .txtEx-1{display:inline-block;line-height:15px;color:#790000; font-weight:bold;position:absolute;top:0;}


/* 2018-07-25 알러지 대체 상품 추가 */
.section.diet .dietOrder .dietList .txtEx-1 { height:10px; font-size:12px; color:#790000; font-weight:600; text-align:center; padding:7px 0 0 0; }
.section.diet .dietOrder .dietList .foodEx { border-top:1px dashed #999; }

/* Product List */
.section.prod{background:#f7f7f5;padding:40px 15px 30px 20px;}

/* BonCenter */
.bonCenter .btn-ico {display:inline-block !important;background:url('/Res/U/W/BABY/img/common/ico_sp.png') no-repeat;vertical-align:middle;text-indent:-9999px !important;font-size:0 !important;line-height:0 !important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.bonCenter .btn-ico.instagram {width:30px;height:30px;background-position:-199px -113px;}
.bonCenter .btn-ico.facebook {width:30px;height:30px;background-position:-239px -113px;}
.bonCenter .btn-ico.kakao {width:30px;height:30px;background-position:-279px -113px;}
.bonCenter .btn-ico.blog {width:30px;height:30px;background-position:-319px -113px;}
.bonCenter .sns {position:relative;width: 70px; height:35px;margin:20px 0 0 0; display:flex; flex-direction:row; justify-content:space-between;}
/*.bonCenter .sns li:first-child {margin-left:0;}*/

/* 2018-12-11 News List 추가*/

.section.news{border-top: 1px dotted #e6e6e6; border-bottom: 1px solid #e5e5e5;background:#f7f7f5;padding:40px 15px 30px 15px;}
.section.news .newsList .item{margin-top:10px}
.section.news .newsList .item:first-child{margin-top:0}
.section.news .newsList .item a{display:block}
.section.news .newsList .item .info{background:#fff;padding:15px}
.section.news .newsList .item .info .tit{display:block;font-size:14px;font-family:'NotoKR-Regular', sans-serif;color:#444;margin-bottom:4px}
.section.news .newsList .item .info .name{display:block;font-family:'Roboto-Regular', sans-serif;color:#888;line-height:1}


.feature.feature-01 .icon-container{position:static;;width:100%;margin:0;padding:0 6.51vw}
.feature.feature-01 .icon-container .icon-list li{width:100%}
.feature.feature-01 .icon-container .icon-list li:nth-child(1){border-right:0px none;border-bottom:0px none;}
.feature.feature-01 .icon-container .icon-list li:nth-child(2){border-top:0.195vw solid #d7d6d4;border-bottom:0px none;border-left:0px none}
.feature.feature-01 .icon-container .icon-list li:nth-child(3){border-top:0.195vw solid #d7d6d4;border-right:0px none}
.fm-logos-wrap{display: block;}
.fm-logos-mo a{display:block;height:9vw;margin:0;font-size:0;}
.fm-logo1 {width:9.93vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo1.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo2 {width:10.97vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo2.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo3 {width:24.21vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo3.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo4 {width:22.86vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo4.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo5 {width:17.44vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo5.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo6 {width:18.09vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo6.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo7 {width:14.36vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo7.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo8 {width:19.83vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo8.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo9 {width:17.05vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo9.jpg)  no-repeat 50% 50%;background-size:100% auto;}
.fm-logo10{width:12.54vw !important;background: url(/Res/U/M/BABY/img/Main/fm-logo10.jpg) no-repeat 50% 50%;background-size:100% auto;}
.fm-logos-wrap{padding: 20px;}
.fm-logos-mo{position: relative;height:15.62vw;}
.fm-logos-mo .slick-arrow{display:block;position:absolute;top:0;width:6.51vw;height:15.62vw;font-size:0;z-index: 2;}
.fm-logos-mo .slick-prev{left:0;background: url(/Res/U/M/BABY/img/main/msd-prev.png) no-repeat 50% 50%;background-size: 100% auto;border:0 solid #e7e7e7}
.fm-logos-mo .slick-next{right:0;background: url(/Res/U/M/BABY/img/main/msd-next.png) no-repeat 50% 50%;background-size: 100% auto;border:0 solid #e7e7e7}
.fm-logos-mo .slick-slide{margin:0 4vw; vertical-align:middle;}