*{color:#333333; letter-spacing:-0.04em;}


.newSubCon{margin-top:30px;}
.nTit{font-size:36px; margin-bottom:40px;}
.barTit{line-height:1.3; padding:80px 0 40px; font-size:50px; position:relative; letter-spacing:-2.4px; font-weight:600;}
.barTit:before{width:3px; height:60px; background:#000; content:""; display:block; position:absolute; top:0; left:0;}
.nTxt{font-size:24px; line-height:1.45; letter-spacing:-2.5px;}



ul.NewTabs{margin: 0 auto 100px;	padding: 0px;	list-style: none; text-align:center; width:100%; display:flex;}
ul.NewTabs li{display:flex; align-items:Center; justify-content:center; width:100%; box-sizing:border-box; cursor:pointer; line-height:25px; border-right:1px solid #ddd;}
ul.NewTabs li:first-child{border-left:1px solid #ddd;}
ul.NewTabs li span{font-size:24px; padding:7px;}
ul.NewTabs li + li{}
ul.NewTabs li.current{}
ul.NewTabs li.current span{box-shadow: inset 0 -15px 0 #cceffc; }
.tab-content{ display: none;}
.tab-content.current{	display: inherit;}


.lineTxtImg{width:100%; height:auto; position:relative; margin:50px auto;}
.lineTxtImg img{width:100%; height:auto; object-fit:contain; margin-top:50px;}
.lineTxtImg .txtWrap{}
.lineTxtImg .txtWrap p.lineTxt{-webkit-text-stroke: .5px rgba(168, 153, 137, 1); -webkit-text-fill-color: rgba(255, 255, 255, 0); font-size:50px; line-height:1.15; font-weight:bold;}
.lineTxtImg .txtWrap span{color:#a89989; font-size:18px; font-family:'Nanum Myeongjo'; letter-spacing:0; font-weight:normal; display:block; margin-top:30px;}


.flex{display:flex;}

.txtB1{gap:50px; max-width:600px; margin:0 auto; flex-direction:column;}
.txtB1 > div{width:100%;}
.txtB1 div > span{font-size:18px; font-family: 'Montserrat';}
.txtB1 h4{font-family:'Nanum Myeongjo'; font-size:55px; font-weight:400; line-height:1; position:relative; width:fit-content; margin-bottom:20px;}
.txtB1 h4:after{width:55px; height:2px; background:#999; position:absolute; left:100%; bottom:10px; content:""; display:block; margin-left:20px;}
.txtB1 div > span + h4{margin-top:15px;}
.txtB1 p.nTxt{text-align:justify; word-break:break-all; line-height:1.45; font-size:22px;}
.txtB1 h3{padding-top:40px; padding-bottom:20px; box-sizing:border-box; position:relative; text-align:justify; font-weight:800; color:#585858; font-size:28px; line-height:1.45; font-family:'Nanum Myeongjo'; width:fit-content; opacity:0.8; }
.txtB1 h3:before, .txtB1 h3:after{width:50px; height:40px; content:""; display:block; position:absolute;}
.txtB1 h3:before{top:-10px; left:0; background:url(../img/sub/txtB1_before.png) center center no-repeat;}
.txtB1 h3:after{bottom:0; right:0; background:url(../img/sub/txtB1_after.png) center center no-repeat;}
.txtB1 .moreBtn{font-family: 'Montserrat'; width:80px; line-height:80px; font-size:16px; border:1px solid #ddd; border-radius:50%; display:block; text-align:center; color:#999; margin-left:auto; margin-right:0;}
.txtB1 .moreBtn:hover{color:#fff; border:1px solid #00aeef; background:#00aeef}

.txtB1 h4 + h6{margin-top:35px;}
.txtB1 h4 + h5{}
.txtB1 h5{font-size:36px; font-weight:300; line-height:1.2;}
.txtB1 h6{font-size:36px; font-weight:300; line-height:1; font-weight:300; letter-spacing:-2.4px;}
.txtB1 small{display:block; font-size:22px; line-height:1; margin:20px 0 50px; letter-spacing:-2.4px;}
.txtB1 h6 + small{line-height:1.6; margin-bottom:40px;}
.txtB1.wide{}
.txtB1.wide > div{width:100%;}



.txtB2 h4{font-family:'Nanum Myeongjo'; font-size:50px; font-weight:400; line-height:1; position:relative; width:fit-content; margin-bottom:40px;}
.txtB2 span.typ1{font-family:'Nanum Myeongjo'; display:block; color:#3c4142; font-size:26px; opacity:0.5; letter-spacing:0; font-weight:bold;}
.txtB2 span.typ2{font-family:'Nanum Myeongjo'; display:block; color:#3c4142; font-size:18px; opacity:0.3; letter-spacing:0; font-weight:bold;}
.txtB2 h4 + span.typ1{margin-top:15px;}
.txtB2 span.typ1 + span.typ2{margin-top:15px;}

.iconList{display:flex; width:100%; margin:90px auto 30px; flex-wrap:wrap; gap:40px 0; max-width:600px;}
.iconList > div{width:33.3%; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-direction:column; justify-content:space-between;}
.iconList > div + div{border-left:1px solid #ddd;}
.iconList > div img{width:100%; height:100%; max-width:41px; height:41px; object-fit:contain;}
.iconList > div hr{width:33px; height:2px; background:#ddd; border:none; margin:25px auto;}
.iconList > div p{font-size:24px; text-align:Center; line-height:1; font-weight:500;}
.iconList > div span{display:block; font-size:24px; margin-top:20px; line-height:1;}

.iconList > div:nth-child(1){border-left:1px solid #ddd;}
.iconList > div:nth-child(4){border-left:1px solid #ddd;}
.iconList > div:nth-child(3){border-right:1px solid #ddd;}
.iconList > div:nth-child(6){border-right:1px solid #ddd;}

.contentHR{width:100%; height:1px; background:#ddd; margin:70px auto; border:none; max-width:600px;}
.contentHR_bold{width:100%; height:25px; background:#cceffc; margin:90px auto 60px; border:none; max-width:600px;}

h4.unLine{font-family:'Nanum Myeongjo'; font-size:36px; text-decoration:underline; font-weight:normal; line-height:1.6; text-underline-offset:7px; text-decoration-thickness:1px; margin:40px 0;}

.halfImg{display:flex; flex-direction:column; gap:70px;}
.halfImg > div{width:100%; display:flex; flex-direction:column; height:100%;}
.halfImg > div > .TXT{box-sizing:border-box; padding-top:20px;}
.halfImg > div > .TXT h5{display:inline-block; font-size:35px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #333; line-height:1;}
.halfImg > div > .TXT p{font-size:30px; font-weight:500; margin:20px 0; line-height:1;}
.halfImg > div > .TXT span{display:block; font-size:24px; line-height:1.45;}
.halfImg .Con{width:600px; margin:0 auto;}
.halfImg .Con div{padding:0 0 70px; box-sizing:border-box;}
.halfImg .Con div h5{display:inline-block; font-size:36px; font-weight:bold; padding:15px 0; border-bottom:1px solid #333; line-height:1;}
.halfImg .Con div p{font-size:30px; font-weight:500; margin:25px 0; line-height:1;}
.halfImg .Con div span{display:block; font-size:24px; line-height:1.45;}

.halfImg_vertical{display:flex; flex-direction:column; gap:60px;}
.halfImg_vertical .con{width:100%; display:flex; flex-direction:column; max-width:405px; margin:0 auto;} 		
.halfImg_vertical .con div{margin:30px auto 10px; width:100%; height:100%; padding:10px 0; box-sizing:border-box;}
.halfImg_vertical .con div p{font-size:26px; font-weight:500; text-align:center; letter-spacing:-1.4px;}
.halfImg_vertical .con div span{display:block; text-align:justify; font-size:24px; margin-top:40px; line-height:1.45;}

.halfTxTImg{}
.halfTxTImg .wrap > div:first-child{margin-bottom:50px;}
.halfTxTImg .wrap > div:first-child p{text-align:justify;}
.halfTxTImg .wrap > div img{width:100%; height:auto; object-fit:contain;}


.longImgtxt{position:relative; width:100%; max-width:600px; margin:0 auto;}
.longImgtxt + .longImgtxt{margin-top:20px;}
.longImgtxt ul{display:flex; width:100%; position:absolute; bottom:10px; left:0; justify-content:space-between; gap:14px;}
.longImgtxt ul li {text-align:center; font-size:20px; width:100%; font-weight:500;}

.longImgtxt_2{max-width:none;}
.longImgtxt_2 ul{bottom:50px; gap:0; box-sizing:border-box; padding:0 30px;}
.longImgtxt.longImgtxt_2 ul li{font-size:18px; font-weight:normal; line-height:1.5; color:#666; box-sizing:border-box;}
.longImgtxt.longImgtxt_2 ul li strong{font-size:20px; line-height:2; color:#33;}
.longImgtxt_2 ul li:first-child{padding-left:30px;}

.longImgtxt_4 ul{left:0; bottom:0;flex-wrap:wrap; gap:38px 39px; justify-content:space-between;}
.longImgtxt_4 ul li{width:280px; height:280px; display:flex; align-items:flex-end; box-sizing:border-box; padding-bottom:20px; justify-content:center;}

.hlafText{display:flex; gap:40px; width:100%; justify-content:space-between; flex-direction:column;}
.hlafText > p{width:100%; line-height:1.45; letter-spacing:-0.05em; text-align:justify; font-size:24px;}

.pyo3List{display:flex; gap:5px; width:100%;}
.pyo3List .box{width:290px; background:#f3f3f3; box-sizing:border-box;}
.pyo3List .box:nth-child(even){width:115px !important;}
.pyo3List .box p{text-align:Center; padding-bottom:10px; border-bottom:1px solid #999; font-size:26px; line-height:70px; font-weight:bold;}
.pyo3List .box li{text-align:center; line-height:50px; font-size:22px;}
.pyo3List .box li + li{border-top:1px solid #ddd;}


.halfImgList{display:flex; gap:50px; flex-direction:column;}
.halfImgList .TXT{width:100%; display:flex; height:100%; justify-content:center; align-items:center; border-bottom:1px solid #ddd; padding-bottom:60px;}
.halfImgList .TXT > div{width:100%;}
.halfImgList .TXT > div ul{margin-top:50px; width:100%;}
.halfImgList .TXT > div ul li{font-size:24px; line-height:1;}
.halfImgList .TXT > div ul li + li{margin-top:30px}
.halfImgList .TXT > div ul li span{font-weight:bold; font-size:24px; padding-right:15px; margin-right:15px; border-right:1px solid rgba(0, 0, 0, 0.3); line-height:1; box-sizing:border-box;}
.halfImgList .txtB1 h4:after{display:none;}


.stepList{}
.stepList .wrap{width:600px !important; margin:0 auto;}
.stepList > div{display:flex; width:100%; justify-content:space-between; gap:0; flex-direction:column;}
.stepList > div > div{width:100%; display:flex; flex-direction:column; align-items:Center; text-align:Center; box-sizing:border-box; padding:30px 0 80px; position:relative;}
.stepList > div > div + div:before{content:""; display:block; position:absolute; top:-40px;; background:url(../img/sub/stepListARW.png) center center no-repeat; width:70px; height:36px;}
.stepList > div > div p{font-size:26px; font-weight:450; color:#333; margin-top:40px; font-weight:600;}
.stepList > div > div span{font-size:24px; display:block; margin-top:20px; line-height:1.45; color:#333;}

.stepList .stepTag{line-height:1; box-sizing:border-box; display:inline-block; text-align:center; color:#fff; font-size:36px; font-weight:500; background:#00aeef; border-radius:2px; min-width:155px !important; line-height:65px !important; width:fit-content; padding:0 35px;}
.stepList .nTxt{margin:30px auto 50px; line-height:1.45; font-size:24px; text-align:justify;}

.stepList2{display:flex; flex-direction:column; gap:40px; width:100%; max-width:600px; margin:0 auto;}
.stepList2 > div{display:flex; gap:30px; flex-direction:column;}
.stepList2 > img{width:100%;}
.stepList2 > div div{width:100%;}
.stepList2 > div div h6{font-weight:normal; line-height:1; font-size:26px;}
.stepList2 > div div h6 span{font-weight:700; font-family:'Montserrat'; display:inline-block; margin-right:15px;}
.stepList2 > div div p{font-size:22px; text-align:justify; margin-top:35px; line-height:normal;}


.areaTxtImg{position:relative;}
.areaTxtImg .TXT{width:100%; height:100%;  background-image: linear-gradient(to top, #1e3c72, #2a5297); padding:100px 40px; box-sizing:border-box;}
.areaTxtImg .TXT p{font-family:'Nanum Myeongjo'; font-size:50px; line-height:1.45; color:#fff;}
.areaTxtImg .TXT ul{margin-top:50px;}
.areaTxtImg .TXT li{line-height:50px; color:rgba(255, 255, 255, 0.8); font-size:24px; border-bottom:1px solid rgba(255, 255, 255, .3)}


.juxtaposeFlex{display:flex; gap:50px; margin-top:50px; flex-direction:column;}
.juxtaposeFlex div.jx-handle div{color:#fff;}
.juxtaposeFlex > .flexBox{width:100%;}				
.juxtaposeFlex > .flexBox .img{width:100%; height:452px; position:relative;}
.juxtaposeFlex > .flexBox .img > div{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.juxtaposeFlex > .flexBox .img > div{z-index:1; opacity:0;}
.juxtaposeFlex > .flexBox .img > div.on{z-index:2; opacity:1;}
.juxtaposeFlex > .flexBox .full{width:100%; height:452px; display:flex; flex-direction:column; position:relative;}
.juxtaposeFlex > .flexBox .full img{}
.juxtaposeFlex > .flexBox .full img.logo{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:40%;}
.juxtaposeFlex > .flexBox .slice{width:100%; height:100%; z-index:9;}
.juxtaposeFlex > .flexBox .slice img{object-fit:cover;}
.juxtaposeFlex > .flexBox .slice{}

.juxtaposeFlex > .flexBox .txt{}
.juxtaposeFlex > .flexBox .txt p{font-size:24px; font-weight:600; border-bottom:1px dashed #ddd; margin-top:30px; position:relative; text-align:Center; padding-bottom:10px;}
.juxtaposeFlex > .flexBox .txt span{font-weight:normal; font-size:22px; color:#999; position:absolute; bottom:-120%; left:0; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:450px; text-align:left;}
.juxtaposeFlex > .flexBox .txt > div{width:125px; position:relative; margin-right:0; margin-left:Auto; display:flex; justify-content:flex-end; align-items:Center; line-height:20px; gap:20px; height:50px; margin-top:10px;}
.juxtaposeFlex > .flexBox .txt > div img{display:inline-block; vertical-align:middle;}
.juxtaposeFlex > .flexBox .txt b{font-size:22px; font-weight:normal; cursor:pointer; cursor:pointer; opacity:0; pointer-events:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:100%; z-index:1;}
.juxtaposeFlex > .flexBox .txt b.on{opacity:1; pointer-events:auto; z-index:2;}

a.jx-knightlab{display:none !important;}
.vertical div.jx-handle{
    transition: all 0.35s ease;
}


.barLink{display:flex; margin:50px auto; justify-content:space-between; width:100%; align-items:center; flex-direction:column; max-width:600px; gap:30px;}
.barLink > div{width:100%;}
.barLink > div:first-child{border-left:1px solid #ddd; padding-left:22px; box-sizing:Border-box;}
.barLink > div:first-child p{text-align:justify; letter-spacing:-1.8px;}
.barLink a{width:100%; line-height:60px; color:#fff; display:flex; justify-content:center; align-items:center; font-size:24px; background:#333;}


.bigNum{display:flex; align-items:center;}
.bigNum h3{font-size:80px; font-weight:normal; color:#00aeef; font-family:'Montserrat'; margin-right:20px; padding-right:20px; border-right:1px solid #ddd; line-height:1;}
.bigNum p{font-size:30px; font-weight:500;}
.bigNum span{font-size:24px; font-weight:normal; display:block; margin-top:5px;}

.tabletype3{width:100%; display:flex; flex-direction:column; gap:70px; max-width:600px; margin:0 auto;}
.tabletype3 table tr:first-child{ border-bottom:2px solid #999;}
.tabletype3 table tr:first-child th{border-top:2px solid #999; padding-top:0 !important;}
.tabletype3 table tr:first-child td{padding-top:0 !important;}
.tabletype3 table tr th{border-right:30px solid #fff; font-weight:500;}
.tabletype3 table tr th,.tabletype3 table tr td{padding:30px 0; font-size:24px; letter-spacing:-1.4px;}
.tabletype3 table tr + tr{border-top:2px solid #ddd;}
.tabletype3 table tr td, .tabletype3 table tr td p{text-align:center;}
.tabletype3 table tr td p{margin-top:30px}
.tabletype3 table tr:last-child{border-bottom:2px solid #ddd;}

.type_Cause{max-width:600px; margin:0 auto}
.type_Cause ul{margin:40px auto 70px;}
.type_Cause ul li{position:relative; padding-left:30px; box-sizing:border-box;}
.type_Cause ul li:before{content:"✔"; color:#fff; filter: invert(51%) sepia(27%) saturate(4024%) hue-rotate(162deg) brightness(98%) contrast(103%); position:absolute; top:0; left:0; font-size:36px;}
.type_Cause ul li span{color:#00aeef; font-size:36px; font-weight:600;}
.type_Cause ul li p{font-size:24px; margin-top:15px; letter-spacing:-1.4px;}
.type_Cause ul li + li{margin-top:20px;}

.type_Cause2{}
.type_Cause2 img{display:block; text-align:center; margin:0 auto;}
.type_Cause2 ul{display:flex; gap:70px; margin-top:18px; width:100%; max-width:600px; margin:30px auto 40px;}
.type_Cause2 li{width:100%; max-width:600px; text-align:center; font-size:24px;}


.type_Symptom .stepList{width:600px; margin:0 auto;}
.type_Symptom .stepList > div{gap:19px; flex-direction:row;}
.type_Symptom .stepList > div > div{padding:25px 0 50px;}
.type_Symptom .stepList > div > div p{margin-top:0; font-size:30px;}
.type_Symptom .stepList > div > div span{font-size:24px;}
.type_Symptom .stepList > div.div2{width:563px}
.type_Symptom .stepList > div > div + div:before{content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:-15px; background:url(../img/sub/type_SymptomArw.png) center center no-repeat; width:12px; height:25px; z-index:1;}
.type_Symptom .stepList > div > div + div:after{width:1px; height:75%; content:""; display:block; position:absolute; top:50%; left:-10px; background:#ddd; transform:translateY(-50%);}


.type_when{display:flex; gap:45px; justify-content:space-between; flex-direction:column; width:100%; max-width:600px; margin:0 auto;}
.type_when *{line-height:1.45 !important;}
.type_when > *{width:100%; }
.type_when ul{margin-top:0;}
.type_when ul li{position:relative; padding-left:40px; box-sizing:border-box;}
.type_when ul li:before{content:"✔"; color:#fff; filter: invert(51%) sepia(27%) saturate(4024%) hue-rotate(162deg) brightness(98%) contrast(103%); position:absolute; top:0; left:0; font-size:36px;}
.type_when ul li span{color:#00aeef; font-size:36px; font-weight:600;}
.type_when ul li p{font-size:24px; margin-top:20px;}
.type_when ul li + li{margin-top:40px;}

.type_Analysis4{width:100%; max-width:600px; margin:20px auto 0;}
.type_Analysis4 ul{display:flex; gap:40px; }
.type_Analysis4 ul li{width:100%; display:flex; flex-direction:column; align-items:center; padding:30px 0 35px; box-sizing:border-box;}
.type_Analysis4 ul li p{text-align:center; font-size:26px; font-weight:500; letter-spacing:-1.9px;}
.type_Analysis4 ul li span{display:block; text-align:justify; font-size:24px; color:#666; margin-top:15px; line-height:normal;}



/*애니메이션 추가*/
#waypoint1 .barTit:before{transition: all 1s cubic-bezier(0.65, 0, 0.35, 1); transform: scaleY(0); transform-origin: top;}
#waypoint1 .barTit.action:before{transform: scaleY(1);}

#waypoint1 .barTit:before{transition: all 1s cubic-bezier(0.65, 0, 0.35, 1); transform: scaleY(0); transform-origin: top;}
#waypoint1 .barTit.action:before{transform: scaleY(1);}
#waypoint1 .barTit{transition: all 1s cubic-bezier(0.33, 1, 0.68, 1); opacity:0; transform:translateY(40px); filter:blur(5px)}
#waypoint1 .barTit.action{opacity:1; transform:translateY(0); filter:blur(0)}

#waypoint1 .nTxt{transition:all 1s cubic-bezier(0.33, 1, 0.68, 1); opacity:0; transform:translateY(40px); filter:blur(5px);}
#waypoint1 .nTxt.action{opacity:1; transform:translateY(0); filter:blur(0)}

#waypoint1 .lineTxtImg{overflow:hidden;}
#waypoint1 .lineTxtImg img{transition: all 2s cubic-bezier(0.65, 0, 0.35, 1); transform:scale(1.15); filter:blur(10px); }
#waypoint1 .lineTxtImg img.action{transform: scale(1); filter: blur(0);}

#waypoint1 .lineTxtImg .txtWrap{padding:0 40px; box-sizing:border-box;}
#waypoint1 .lineTxtImg .txtWrap .lineTxt{position:relative; width:fit-content;}
#waypoint1 .lineTxtImg .txtWrap .lineTxt + .lineTxt{margin-top:5px;}
#waypoint1 .lineTxtImg .txtWrap .lineTxt p{opacity:0; transform:translateX(200px); line-height:1.15; font-weight:bold; -webkit-text-stroke: .8px rgba(10, 47, 96, 1);	-webkit-text-fill-color: rgba(255, 255, 255, 0); transition: all 1.5s cubic-bezier(0.65, 0, 0.35, 1) .3s; font-size:50px; white-space:pre;}
#waypoint1 .lineTxtImg .txtWrap .lineTxt:before{transform:scaleX(0); content:''; bottom:-5px; left:0; position:absolute; width:100%; height:1px; background:rgba(10, 47, 96, 1); transform-origin:left; filter:drop-shadow(0 0 .5px rgba(10, 47, 96, 1));transition: all 1.5s cubic-bezier(0.65, 0, 0.35, 1) .3s;}
#waypoint1 .lineTxtImg .txtWrap span{opacity:0; transition: all 1s ease-in-out;}
#waypoint1 .lineTxtImg .txtWrap .lineTxt.action p{ opacity:1; transform:translateX(0) }
#waypoint1 .lineTxtImg .txtWrap .lineTxt.action1:before{transform: scaleX(1);}
#waypoint1 .lineTxtImg .txtWrap .lineTxt.action2:before{opacity:0;}
#waypoint1 .lineTxtImg .txtWrap.action span{opacity:1;}

#waypoint2{}
#waypoint2 .txtB1 h4{opacity:0; transform:translateY(80px); transition: all 1s ease-out;}
#waypoint2 .txtB1 h4.action{opacity:1; transform:translateY(0);}
#waypoint2 .txtB1 p.nTxt{opacity:0; transform:translateY(100px); transition: all 1.2s cubic-bezier(0.65, 0, 0.35, 1)}
#waypoint2 .txtB1 p.nTxt.action{opacity:1;transform:translateY(0);}
#waypoint2 .txtB1 h3{opacity:0; filter:blur(10px); transition: all 1.5s cubic-bezier(0.65, 0, 0.35, 1);}
#waypoint2 .txtB1 h3.action{opacity:1; filter: blur(0);}
#waypoint2 .txtB1 h3:before, #waypoint2 .txtB1 h3:after{opacity:0; /* transform:translateX(100px); */transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);}
#waypoint2 .txtB1 h3:before{transform:translateX(-100px);}
#waypoint2 .txtB1 h3:after{transform:translateX(100px);}
#waypoint2 .txtB1 h3.action2:before{opacity: 1; transform:translateX(0);}
#waypoint2 .txtB1 h3.action2:after{opacity: 1;transform:translateX(-10px);}

#waypoint3 .iconList > div{opacity:0; transform:scale(0); transition: all 1s cubic-bezier(0.33, 1, 0.68, 1);}
#waypoint3 .iconList > div.action{opacity:1; transform:scale(1);}

#waypoint3 .iconList + b{opacity:0; transform:translateY(50px); transition: all 1s ease-in-out;}
#waypoint3 .iconList + b.action{opacity:1; transform:translateY(0);}