#sub{width:100%;}
#sub .subBanner{width:100%; position:Relative;}
#sub .subBanner .bg{width:100%;}
#sub .subBanner .bg img{width:100%;}
#sub .subBanner .txA{width:100%; padding:0px 10.5%; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%)}
#sub .subBanner .txA .tit{font-size:52px; color:#0081FF; font-weight:600;}
#sub .subBanner .txA .subTit{font-size:32px; color:#222; font-family:'Rasa'; font-style:italic; font-weight:300; margin-top:8px;}
#sub .subBanner .txA .substance{font-size:20px; color:#222; font-weight:500;margin-top:30px;}


/*청춘스토리*/
#sub .storyBanner{width:100%; position:Relative;}
#sub .storyBanner .txA{width:100%; padding:0px 10.5%; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%); z-index:1;}
#sub .storyBanner .txA .subTit{font-size:32px; color:#fff; font-family:'Rasa'; font-style:italic; font-weight:300;}
#sub .storyBanner .txA .tit{font-size:52px; color:#fff; font-weight:200; margin-top:8px;}
#sub .storyBanner .txA .tit span{font-weight:500;}
#sub .storyBanner .bannerVisual{width:100%; position:relative;}
#sub .storyBanner .bannerVisual li{width:100%;}
#sub .storyBanner .bannerVisual li img{width:100%;}
#sub .storyBanner .bannerVisual .slick-dots{position:absolute; left:50%; transform:translateX(-50%); bottom:30px;}
#sub .storyBanner .bannerVisual .slick-dots li{display:block; width:10px; height:10px; background:#fff; text-indent:-999999px; border-radius:20px; display:inline-block; vertical-align:Middle;margin:0px 2px;}
#sub .storyBanner .bannerVisual .slick-dots li.slick-active{display:inline-block; font-size:12px; text-align:Center; width:42px; height:auto;padding:3px 8px; background:#0081FF; color:#fff; border-radius:50px; text-indent:0px;}
#sub .storyBanner .bannerVisual .slick-prev{background:url(../images/sub/storyVisualPrev.png) no-repeat; width:18px; height:18px; border:0; position:absolute; left:47%; transform:translateX(-100%); text-indent:-9999999px; bottom:32px; z-index:2; cursor:pointer;}
#sub .storyBanner .bannerVisual .slick-next{background:url(../images/sub/storyVisualNext.png) no-repeat; width:18px; height:18px; border:0; position:absolute; right:45%; transform:translateX(-100%); text-indent:-9999999px; bottom:32px; z-index:2; cursor:pointer;}

#sub .story{width:100%;}

#sub .story .grBox{background:#fff; margin-top:120px; padding:0px;}

#sub .story .carrer{width:100%; padding:0px 10.5%; box-sizing:border-box; display:flex; margin-top: 120px}
#sub .story .carrer li{width:100%;position:relative;}
#sub .story .carrer li .bg{width:100%;}
#sub .story .carrer li .bg img{width:100%;}
#sub .story .carrer li .tx{width:100%; text-align:Center; position:absolute; top:50%; transform:translateY(-50%); font-size:22px; color:#fff; font-weight:500;}

#sub .story .history{width:calc(100% - 21%); margin:0 auto; padding:100px; box-sizing:border-box;background:#FAFAFA}
#sub .story .history .hisotryList{width:100%; margin-top:80px; display:Flex; flex-flow:wrap; gap:52px; position:relative;}
#sub .story .history .hisotryList dt{width:1px; height:100%; position:absolute; left:0; background:#0081FF; left:50%;}
#sub .story .history .hisotryList dd{width:100%; display:Flex; justify-content:space-between;}
#sub .story .history .hisotryList dd .thum{width:100%; padding-right:60px; box-sizing:border-box;}
#sub .story .history .hisotryList dd .thum img{width:100%;}
#sub .story .history .hisotryList dd .txA{width:100%; padding-left:60px; position:relative; box-sizing:border-box;}
#sub .story .history .hisotryList dd .txA:before{content:''; position:absolute; top:0; width:17px; height:17px;background:#0081FF;  border:4px solid #AFD6FC; border-radius:50%; left:-8px;}
#sub .story .history .hisotryList dd .txA .year{font-size:72px; font-weight:600; color:#0081FF;}
#sub .story .history .hisotryList dd .txA .detail{width:100%; margin-top:18px; padding-left:20px; box-sizing:border-box;}
#sub .story .history .hisotryList dd .txA .detail li{width:100%; list-style:disc; color:#444; font-size:20px; margin-top:8px;}

#sub .story .shopView{width:100%; padding:0px 10.5%; box-sizing:border-box; margin-top:120px; position:relative;}
#sub .story .shopView:before{width:10.5%; height:100%; background:#fff; content:''; position:absolute; left:0; bottom:0; z-index:1;}
#sub .story .shopView .titA{width:100%; display:flex; justify-content:space-between;}
#sub .story .shopView .titA .tabMenu{padding-right:150px;}
#sub .story .shopView .titA .tabMenu li{font-size:20px; margin-left:52px; color:#222; cursor:pointer; display:inline-block;}
#sub .story .shopView .titA .tabMenu li.current{font-weight:500; color:#0081FF}
#sub .story .shopView .shopVisual{width:100%;margin-top:20px;}
#sub .story .shopView .slick-list{overflow:visible;}
#sub .story .shopView .shopVisual li{width:100%;position:relative; margin-right:20px;}
#sub .story .shopView .shopVisual li .thum{width:100%;}
#sub .story .shopView .shopVisual li .thum img{width:100%;}
#sub .story .shopView .shopVisual li .po{position:absolute; right:15px; bottom:15px; display:inline-block; padding:12px 36px; background:rgba(0,0,0,0.3); color:#fff; font-size:20px; border-radius:50px;}
#sub .story .shopView .shopVisual .slick-prev{background:url(../images/sub/shopVisualPrev.png) no-repeat; width:48px; height:48px; border:0; position:absolute; right:54px; text-indent:-9999999px; top:-70px; z-index:2; cursor:pointer;}
#sub .story .shopView .shopVisual .slick-next{background:url(../images/sub/shopVisualNext.png) no-repeat; width:48px; height:48px; border:0; position:absolute; right:0px; text-indent:-9999999px; top:-70px; z-index:2; cursor:pointer;}


#sub .greeting{width:100%; padding:0px 10.5%; margin-top:120px; box-sizing:border-box; display:flex; gap:100px;}
#sub .greeting .txA{width:100%; padding-right:50px; box-sizing:border-box; place-self:end;}
#sub .greeting .txA .subTit{font-size:32px; color:#222; font-weight:bold;}
#sub .greeting .txA .tit{font-size:52px; color:#222; margin-top:46px; font-weight:200;}
#sub .greeting .txA .tit span{color:#0081FF; font-weight:500; display:block;}
#sub .greeting .txA .subj{font-size:20px; color:#222; margin-top:22px; word-break:Keep-all;}
#sub .greeting .txA .subs{font-size:14px; color:#808080; margin-top:46px; word-break:keep-all; line-height:22px;}
#sub .greeting .thum{width:100%; place-self:end;}
#sub .greeting .thum img{width:100%;}



#sub .subCont{width:100%;}
#sub .subCont .subMenu{width:100%; gap:50px; padding:0px 10.5%; box-sizing:border-box; margin-top:100px; display:flex; justify-content:center;}
#sub .subCont .subMenu li{font-size:20px; font-weight:500; color:#222; word-break:keep-all; }
#sub .subCont .subMenu li.current{color:#0081FF;}
#sub .subCont .subMenu li.current a{color:#0081FF;}

#sub .deBanner{width:100%; padding:0px 10.5%; box-sizing:border-box; display:flex; margin-top:68px;}
#sub .deBanner .thum{width:100%;}
#sub .deBanner .thum img{width:100%;}
#sub .deBanner .txA{width:100%; background:#E5F2FF; position:relative; padding:0px 100px; box-sizing:border-box;}
#sub .deBanner .txA div{position:absolute; top:50%; transform:translateY(-50%);}
#sub .deBanner .txA .subj{font-size:46px; color:#222; font-weight:300;}
#sub .deBanner .txA .subj span{font-weight:400;}
#sub .deBanner .txA .subsList{width:100%; margin-top:40px;}
#sub .deBanner .txA .subsList li{width:100%; position:relative; padding-left:35px; box-sizing:border-box; font-size:20px; line-height:32px;}
#sub .deBanner .txA .subsList li:before{width:25px; height:25px;margin-right:10px;position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('../images/sub/deCheck.png') center center no-repeat; content:''}

#sub .deInfo{width:100%; padding:0px 10.5%; box-sizing:border-box; margin-top:70px; display:flex}
#sub .deInfo li{width:100%; }
#sub .deInfo li div{width:180px; margin:0 auto;}
#sub .deInfo li div img{width:100%;}
#sub .deInfo li h5{text-align:Center; font-size:20px; color:#222; font-weight:500; margin-top:22px;}
#sub .deInfo li h4{text-align:Center; font-size:20px; color:#444; margin-top:4px;}

#sub .what{width:100%; margin-top:95px; background:#FAFAFA; padding:100px 10.5% 250px; box-sizing:border-box;}
#sub .nose .what{padding:100px 10.5% 100px;}
#sub .what .subj{width:100%; font-size:32px; text-align:center; }
#sub .what .subs{width:100%; text-align:center; font-size:20px; color:#444; margin-top:50px; word-break:Keep-all;}
#sub .what span{color:#0081FF;}
#sub .what .processList{width:100%; margin-top:105px; position:Relative; display:flex; justify-content:space-between;}
#sub .what .processList dt{width:100%; height:0px; border:1px solid #0081FF; position:absolute; top:0;}
#sub .what .processList dd{width:100%; place-self:start; position:Relative;}
#sub .what .processList dd:before{width:15px; height:15px; background:#0081FF; border:4px solid #AFD6FC; position:absolute; content:''; margin-top:-7px; border-radius:50%}
#sub .what .processList dd .subject{font-size:14px; color:#222; margin-top:20px;}
#sub .what .processList dd .substance{font-size:20px; color:#444; margin-top:4px;}
#sub .what .processList dd.lng .substance{position:absolute; width:250%;}

#sub .knowhow{width:100%; margin-top:-150px; padding:0px 16%; box-sizing:Border-box; display:flex; }
#sub .knowhow .thum{width:35%; box-shadow:6px 6px 20px rgba(0,0,0,0.05); border-radius:10px 0px 0px 10px;}
#sub .knowhow .thum img{width:100%;}
#sub .knowhow .txA{width:65%; border-radius:0px 10px 10px 0px;padding:0px 60px; position:Relative; background:#E6F3FF; box-shadow:6px 6px 20px rgba(0,0,0,0.05); z-index:1;}
#sub .knowhow .txA em{width:100%; position:absolute; top:50%; transform:translateY(-50%);}
#sub .knowhow .txA em .subj{font-size:46px;font-weight:500; color:#222;}
#sub .knowhow .txA em .subs{font-size:20px; margin-top:14px;}
#sub .knowhow .txA em span{color:#0081FF;}

#sub .diffrence{width:100%; padding:0px 10.5%; box-sizing:border-box; margin-top:140px;}
#sub .diffrence .diffrenceList{width:100%; display:flex; flex-flow:wrap; gap:18px;}
#sub .diffrence .diffrenceList li{width:calc(100% / 2 - 18px); border-radius:24px; display:inline-block;background: linear-gradient(254deg, #66B3FF 22.27%, #0081FF 102.3%);margin-top:20px; padding:60px; box-sizing:border-box;position:relative;}
#sub .diffrence .diffrenceList li:last-child{background:#E6F3FF}
#sub .diffrence .diffrenceList li .num{text-align:right; color:#fff; font-size:20px;}
#sub .diffrence .diffrenceList li .subj{font-size:46px; font-weight:300; color:#fff;}
#sub .diffrence .diffrenceList li .subj span{font-weight:500;}
#sub .diffrence .diffrenceList li:last-child .subj{color:#222; margin-top:20px;}
#sub .diffrence .diffrenceList li:last-child .checkPoint{position:absolute; right:60px; top:60px; width:86px; height:86px; border-radius:50%; border:1px solid #0081FF; text-align:center; color:#0081FF; font-size:20px; padding:16px 0px;}
#sub .diffrence .diffrenceList li .subs{font-size:22px; margin-top:22px; color:#fff;}
#sub .diffrence .diffrenceList li .subsList{width:100%; margin-top:36px;}
#sub .diffrence .diffrenceList li .subsList dd{width:100%; position:relative; padding-left:35px; box-sizing:border-box; font-size:20px; line-height:32px; color:#222;}
#sub .diffrence .diffrenceList li .subsList dd:before{width:25px; height:25px;margin-right:10px;position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('../images/sub/deCheck.png') center center no-repeat; content:''}

#sub .how{width:100%; margin-top:120px; padding:0px 10.5%; box-sizing:border-box;}
#sub .how .howList{width:100%; margin-top:24px; display:flex; gap:76px;}
#sub .how .howList li{width:100%;}
#sub .how .howList li .thum{width:100%;}
#sub .how .howList li .thum img{width:100%;}
#sub .how .howList li .step{color:#0081FF; font-size:20px; margin-top:20px; font-weight:600; text-align:Center;}
#sub .how .howList li .subs{color:#222; font-size:20px; margin-top:12px; text-align:Center; word-break:Keep-all; line-height:30px;}

#sub .faq{width:79%; margin:120px auto 0; padding:100px 90px; background:#fafafa; box-sizing:border-box;}
#sub .faq .tit{width:100%; text-align:Center;font-size:32px; color:#222; font-weight:bold;}
#sub .faq .subTit{font-size:20px; text-align:Center; color:#222; margin-top:14px;}
#sub .faq .faqList{width:100%; display:flex; margin-top:40px; display:flex; gap:20px;}
#sub .faq .faqList li{position:relative;width:100%; border-radius:24px; padding:40px; box-sizing:border-box; background:#66B3FF; color:#fff; z-index:1; place-self:end;}
#sub .faq .faqList li:nth-child(2n){background:#CFE8FF; color:#222;}
#sub .faq .faqList li:after{width: 0px; height: 0px; border-top:40px solid transparent; border-left: 30px solid #66B3FF;  position:absolute; bottom:-40px; content:''; transform:rotate(-180deg); right:80px;}
#sub .faq .faqList li:nth-child(2n):after{border-top:40px solid transparent; border-left: 30px solid #CFE8FF;}
#sub .faq .faqList li .subj{font-size:22px; font-weight:600; word-break:keep-all;}
#sub .faq .faqList li .subs{font-size:20px; margin-top:20px; word-break:keep-all;}

#sub .type{width:79%; margin:120px auto 0; padding:100px 50px; box-sizing:border-box; background:#fafafa}
#sub .type .mainTit{text-align:Center;}
#sub .type .typeList{width:100%; display:flex; flex-flow:wrap; gap:76px; justify-content:center; margin-top:50px;}
#sub .type .typeList li{width:calc(100% / 3 - 51px;)}
#sub .type .typeList li .thum{width:100%;}
#sub .type .typeList li .thum img{width:100%;}
#sub .type .typeList li .subj{font-size:20px; text-align:Center; color:#0081FF; font-weight:600; margin-top:20px;}
#sub .type .typeList li .subs{font-size:20px; text-align:Center; margin-top:10px;}

#sub .safeProcess{width:100%;margin-top:120px;padding:0px 10.5%; box-sizing:Border-box;}
#sub .safeProcess .processList{width:100%; margin-top:20px; display:Flex;}
#sub .safeProcess .processList li{width:100%; position:Relative;}
#sub .safeProcess .processList li .thum{width:100%;}
#sub .safeProcess .processList li .thum img{width:100%;}
#sub .safeProcess .processList li .txA{width:100%; position:absolute; bottom:50px; text-align:Center; color:#fff;}
#sub .safeProcess .processList li .txA .subj{font-size:24px; font-weight:600;}
#sub .safeProcess .processList li .txA .subs{font-size:20px; margin-top:10px;}

#sub .category{width:100%; margin-top:120px; padding:0px 10.5%; box-sizing:border-box;}
#sub .category .categoryList{width:100%; margin-top:20px; display:flex; gap:20px; flex-flow:wrap;}
#sub .category .categoryList li{width:calc(100% / 3 - 14px); border-radius:40px; overflow:Hidden;}
#sub .category .categoryList li .thum{width:100%;}
#sub .category .categoryList li .thum img{width:100%;}
#sub .category .categoryList li .txA{width:100%; padding:40px; box-sizing:border-box; background:#fafafa}
#sub .category .categoryList li .txA .subj{font-size:20px; color:#222; font-weight:bold;}
#sub .category .categoryList li .txA .subs{font-size:20px; color:#222; margin-top:22px; line-height:30px}


/*이벤트*/

#sub .event{width:100%; margin:120px 0px}
#sub .event .tit{width:100%; text-align:center; color:#222; font-size:52px; font-weight:300;}
#sub .event .tit span{font-weight:500;}
#sub .event .subTit{width:100%; text-align:center; color:#222; font-size:32px; font-family:'rasa'; font-style:italic; margin-top:8px;}
#sub .event .sale{width:100%; padding:0px 10.5%; box-sizing:border-box; margin-top:120px;}
#sub .event .bannerA{width:100%; display:flex; margin-top:120px; gap:20px; padding:0px 10.5%; box-sizing:border-box;}
#sub .event .bannerA dd{width:100%; position:relative;}
#sub .event .bannerA dd .bg{width:100%;}
#sub .event .bannerA dd .bg img{width:100%;}
#sub .event .bannerA dd .txA{width:75%; position:absolute; left:0; top:0; padding:40px; box-sizing:border-box;}
#sub .event .bannerA dd .txA .subj{font-size:32px; color:#fff; font-weight:bold;}
#sub .event .bannerA dd .txA .subs{font-size:20px; color:#fff; margin-top:16px; line-height:30px;}
#sub .event .load{width:100%; padding:0px 10.5%; box-sizing:border-box; margin-top:120px}
#sub .event .load .loadList{flex-flow:wrap;}
#sub .event .load .loadList li{width:calc(100% / 4 - 20px)}
#sub .event .load .loadList li.notify{width:calc(100% / 2 - 24px)}

#sub .event .latest{width:100%; margin-top:20px; display:flex; gap:40px 20px;}
#sub .event .latest li{width:100%;}
#sub .event .latest li .thum{width:100%; border-radius:24px; overflow:hidden;}
#sub .event .latest li .thum img{width:100%;}
#sub .event .latest li .txA{width:100%; margin-top:16px;}
#sub .event .latest li .txA .notify_tx{font-size:22px; font-weight:500; display:inline-block; position:relative;}
#sub .event .latest li .txA .subj{font-size:22px; font-weight:500; display:inline-block; position:relative;}
#sub .event .latest li .txA .subj:after{content:''; width:1px; height:20px; position:absolute; background:#222; right:-10px; top:50%; transform:translateY(-50%);}
#sub .event .latest li .txA .price{font-size:22px; font-weight:500; display:inline-block; margin-left:15px;}



/*영양주사*/

#sub .injection{width:100%; margin:120px 0px;}
#sub .injection .beautysort{width:100%; margin-top:120px; padding:0px 10.5%; box-sizing:border-box;}
#sub .injection .beautysort .sortList{width:100%; display:flex; flex-flow:wrap; gap:20px; margin-top:20px;}
#sub .injection .beautysort .sortList dd{width:calc(100% / 3 - 14px); position:relative;}
#sub .injection .beautysort .sortList dd .bg{width:100%;}
#sub .injection .beautysort .sortList dd .bg img{width:100%;}
#sub .injection .beautysort .sortList dd .ct{width:100%; position:absolute; padding:40px; box-sizing:border-box; width:100%; box-sizing:border-box;}
#sub .injection .beautysort .sortList dd .ct .subj{font-size:44px; color:#222; font-weight:400;}
#sub .injection .beautysort .sortList dd .ct .price{display:inline-block; width:auto; border-radius:50px; margin-top:10px; overflow:hidden; background:#fff}
#sub .injection .beautysort .sortList dd .ct .price div{padding:8px 20px; font-size:20px; box-sizing:border-box; display:inline-block}
#sub .injection .beautysort .sortList dd .ct .price div:last-child{background:#0081FF; color:#fff;}
#sub .injection .beautysort .sortList dd .ct .price div:first-child{background:#fff; color:#444;}
#sub .injection .beautysort .sortList dd .ct .gd{width:100%; min-height:44px; margin-top:88px; font-size:16px; line-height:26px; color:#444;word-break:keep-all; padding-right:30%; box-sizing:border-box;}
#sub .injection .beautysort .sortList dd .ct .subs{width:100%; margin-top:12px; font-size:20px; color:#222; word-break:keep-all; line-height:30px;}
#sub .injection .beautysort .sortList dd .ct .subs b{font-weight:500;}

#sub .specialsort{width:100%; margin-top:120px; padding:0px 10.5%; box-sizing:border-box;}
#sub .specialsort .sortList{width:100%; margin-top:20px;}
#sub .specialsort .sortList li{width:100%; display:flex; gap:50px; margin-top:50px;}
#sub .specialsort .sortList li .thum{width:100%; place-self:center;}
#sub .specialsort .sortList li .thum img{width:100%;}
#sub .specialsort .sortList li .txA{width:100%; place-self:center;}
#sub .specialsort .sortList li .txA .subj{font-size:26px; color:#222; font-weight:600;}
#sub .specialsort .sortList li .txA .price{font-size:18px; color:#0081FF; font-weight:500; margin-top:24px;}
#sub .specialsort .sortList li .txA .subs{font-size:18px; color:#444; margin-top:24px; word-break:keep-all; line-height:28px;}
#sub .specialsort .sortList li .txA .subs b{font-weight:500;}
#sub .specialsort .sortList li .txA .subs span{font-size:16px; display:block; margin-top:24px; color:#444; word-break:keep-all; line-height:26px;}

#sub .vitaminIn{width:100%; margin-top:120px; padding:0px 10.5%; box-sizing:border-box;}
#sub .vitaminIn dd{width:100%; margin-top:120px;}
#sub .vitaminIn dd .ex{font-size:22px; color:#222; margin-top:20px; line-height:30px;}
#sub .vitaminIn dd .ex b{font-weight:500;}
#sub .vitaminIn dd .exList{width:100%; margin-top:20px;}
#sub .vitaminIn dd .exList li{width:100%; padding-left:30px; box-sizing:border-box; font-size:20px; color:#444; position:relative; margin-top:12px;}
#sub .vitaminIn dd .exList li:before{width:25px; height:25px;margin-right:10px;position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('../images/sub/deCheck.png') center center no-repeat; content:''}
#sub .vitaminIn dd .cont{width:100%; margin-top:120px; margin-top:50px; position:Relative;}
#sub .vitaminIn dd .cont .contList{width:100%; display:flex; justify-content:end; flex-flow:wrap; gap:10px;}
#sub .vitaminIn dd .cont .contList li{width:20%; background:#F5F5F5; border-radius:24px; padding:36px; position:Relative}
#sub .vitaminIn dd:last-child .cont .contList li{padding:36px 36px 80px 36px;}
#sub .vitaminIn dd .cont .contList li .subj{font-size:22px; font-weight:600;}
#sub .vitaminIn dd .cont .contList li .subj span{font-weight:400; color:#C8C8C8; font-size:20px; display:inline-block; margin-left:4px;}
#sub .vitaminIn dd .cont .contList li .subs{font-size:16px; margin-top:24px; line-height:26px; word-break:keep-all; color:#444;}
#sub .vitaminIn dd .cont .contList li .subs b{font-weight:500;}
#sub .vitaminIn dd .cont .contList li .price{font-size:16px; color:#222; margin-top:24px;}
#sub .vitaminIn dd .cont .contList li .price b{font-weight:600;}
#sub .vitaminIn dd .cont .contList li .step{width:66px; text-align:Center; font-size:14px; background:#fff; border-radius:100%; padding:7px 0px; position:absolute; right:32px; bottom:32px;}
#sub .vitaminIn dd .cont .contList li .step span{display:block; font-size:30px; font-weight:600;}
#sub .vitaminIn dd .cont .bg{width:550px; position:absolute; z-index:-1; bottom:0;}

#sub .vitaminIn dd .mint{color:#01AEA4}
#sub .vitaminIn dd .orange{color:#FF9632}
#sub .vitaminIn dd .pink{color:#FF64DC}
#sub .vitaminIn dd .blue{color:#0081FF}
#sub .vitaminIn dd .red{color:#DC0000}
#sub .vitaminIn dd .green{color:#00C814}
#sub .vitaminIn dd .bluepurple{color:#2D2AC4}
#sub .vitaminIn dd .purple{color:#7F18E7}
#sub .vitaminIn dd .yellow{color:#FFC800}