/*****************************************************************
  애니메이션 공통
*****************************************************************/
.arrow_line, .arrow_line:before, .arrow_line:after{position:absolute;height:4px;border-radius:4px}
.arrow_line{width:126px;background-color:#697cd7}
.arrow_line:before, .arrow_line:after{content:'';right:-2px;width:17px;background-color:#445bcd}
.arrow_line:before{top:-5px;transform:rotate(45deg)}
.arrow_line:after{top:5px;transform:rotate(-45deg)}
.arrow_box{display:block;position:relative;line-height:22px;padding:5px 10px;background:#fff;border:2px solid #222;color:#444;border-radius:5px;font-size:14px;font-weight:400;text-align:right}
.arrow_box:before{content:'';position:absolute;top:50%;right:-9px;width:9px;height:14px;margin-top:-7px;background:url(../images/figure/ico_arrow.png) no-repeat}
.arrow_box strong{font-size:16px;font-weight:700;color:#444}
.arrow_box.top:after,.arrow_box.top:before{left:22px;top:-2px;width:14px;height:9px;background:url(../images/figure/ico_arrow_top.png) no-repeat}
.figure_area *, .figure_area *:before, .figure_area *:after, .p_figure_area *, .p_figure_area *:before, .p_figure_area *:after{transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure_area .tbl table th, .figure_area .tbl table td{padding:10px 30px 12px;font-size:14px}
.figure_area .tbl table th span{font-weight:400}
.figure_area .tbl table tbody th{background-color:#fff}
.figure_area .tbl table td.accent{background-color:#fff7dc}
/*****************************************************************
  암보험 상품
*****************************************************************/
.figure1:before{content:'';position:absolute;top:249px;left:0;width:100%;height:2px;background-color:#444}
.figure1 .premium{position:relative;height:290px;width:33.3% !important;}
.figure1 .premium:before{content:'';position:absolute;bottom:0;left:30px;width:140px;height:290px;background:url(../images/figure/bg_premium.png) 50% 0 no-repeat}
.figure1 .premium:after{content:'';position:absolute;top:-9px;right:21px;width:20px;height:20px;background:url(../images/figure/ico_minus.png) no-repeat;opacity:0;transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000);transform:translate(20px, 0) rotate(360deg)}
.figure1 .premium.f1:after{display:none}
.figure1 .premium ul{position:absolute;bottom:39px;left:30px;width:140px;border:2px solid #444;border-radius:8px;overflow:hidden}
.figure1 .premium ul li{height:49.4px;line-height:47px;border-bottom:2px dashed #444;font-size:18px;color:#fff;text-align:center}
.figure1 .premium ul li:last-child{border:none}
.figure1 .premium ul li.c1{background-color:#ffefb8;color:#444}
.figure1 .premium ul li.c2{background-color:#ffefb8;color:#444}
.figure1 .premium ul li.c3{background-color:#ffefb8;color:#444}
.figure1 .premium ul li.c4{background-color:#3eb8c7}
.figure1 .premium ul li.c5{background-color:#3d5fc0}
.figure1 .premium .lb{display:block;position:relative;margin-top:251px;padding-top:15px;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure1 .premium .lb:before{content:'';position:absolute;top:-8px;left:50%;width:8px;height:8px;margin-left:-7px;border:3px solid #444;background-color:#fff;border-radius:100%}
.figure1 .premium .arrow_line{top:60px;right:-57px;transform:rotate(90deg);opacity:0}
.figure1 .premium.f2 .arrow_line{top:36px;right:-32px;width:76px}
.animated .figure1 .premium:before{opacity:1;transform:translate(0, 0) rotate(0deg)}
.animated .figure1 .premium.f2 ul li.c1, .animated .figure1 .premium.f2 ul li.c2, .animated .figure1 .premium.f2 ul li.c3, .animated .figure1 .premium.f3 ul li.c1, .animated .figure1 .premium.f3 ul li.c2, .animated .figure1 .premium.f3 ul li.c3, .animated .figure1 .premium.f3 ul li.c4{height:0;border-width:0;opacity:0}
.animated .figure1 .premium.f2 ul li.c2{transition-delay:1s}
.animated .figure1 .premium.f2 ul li.c3{transition-delay:2s}
.animated .figure1 .premium.f3 ul li.c2{transition-delay:1s}
.animated .figure1 .premium.f3 ul li.c3{transition-delay:2s}
.animated .figure1 .premium.f3 ul li.c4{transition-delay:3s}
.animated .figure1 .premium.f2 .arrow_line{transition-delay:1s;top:76px;opacity:1}
.animated .figure1 .premium .arrow_line{transition-delay:2s;top:100px;opacity:1}
.animated .figure1 .premium:after{transition-delay:3s;transform:translate(0, 0) rotate(0);opacity:1}
.figure2 p.rm{padding-bottom:10px;color:#444;text-align:right}
.figure2 .guarantee{position:relative;width:280px;height:285px;text-align:center}
.figure2 .guarantee h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:18px;color:#777;text-align:center;border-radius:5px}
.figure2 .guarantee .b1{position:absolute;bottom:30px;left:54px}
.figure2 .guarantee .b2{position:absolute;bottom:30px;left:140px;transform:translate(-219px, 0) scale(0, 0)}
.figure2 .guarantee .box{display:inline-block;width:120px;height:77px;line-height:28px;padding-top:8px;border:2px solid #ccc;font-size:18px;color:#777;border-radius:5px}
.figure2 .guarantee .b2 .box{height:137px;border-color:#444;background-color:#445bcd;color:#fff}
.figure2 .guarantee .b2 .purse{position:absolute;right:-21px;bottom:29px;width:69px;height:64px;background:url(../images/figure/ico_purse.png) no-repeat;transform:scale(0, 0)}
.figure2 .guarantee .b2 .em{position:absolute;top:-30px;left:0;width:120px;font-size:16px;font-weight:700;color:#3d5fc0;text-align:center;transform:scale(0, 0);opacity:0}
.figure2 .guarantee .lb{display:block;margin-top:15px;font-size:18px;font-weight:700;color:#444;opacity:0;transform:translate(0, 10px)}
.figure2 .guarantee.g1 .b1{transform:translate(165px, 0)}
.figure2 .guarantee.g2 .b1{left:10px;transform:translate(-89px, 0);opacity:0}
.figure2 .guarantee.g2 h4{background-color:#445bcd;color:#fff}
.figure2 .line{position:relative;width:40px;height:40px;opacity:0}
.figure2 .line:after{content:'';position:absolute;top:0;left:20px;height:100%;border-right:2px dashed #b4b4b4}
.animated .figure2 .guarantee.g1 .b1{transform:translate(0, 0)}
.animated .figure2 .guarantee.g2 .b1{animation:box1 4s forwards}
.animated .figure2 .line{transition-delay:2s;height:285px;opacity:1}
.animated .figure2 .guarantee .lb{transition-delay:1s;transform:translate(0, 0);opacity:1}
.animated .figure2 .guarantee .b2{animation:box2 4s forwards}
@keyframes box1{
40%{transform:translate(70px, 0);opacity:1}
60%{transform:translate(70px, 0);opacity:1}
100%{transform:translate(0, 0);opacity:1}
}
@keyframes box2{
30%{transform:translate(-219px, 0) scale(0, 0)}
60%{transform:translate(-219px, 0) scale(1, 1)}
100%{transform:translate(0, 0) scale(1, 1)}
}
.animated .figure2 .guarantee.g2 .b1{transition-delay:1s;transform:translate(0, 0)}
.animated .figure2 .guarantee .b2 .purse{transition-delay:4s;transition-duration:0.3s;transform:scale(1, 1)}
.animated .figure2 .guarantee .b2 .em{transition-delay:4s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.figure3 .g_bar_area{height:350px;margin:0 15px}
.figure3:before{content:'';position:absolute;top:258px;left:0;width:100%;height:2px;background-color:#444}
.figure3 .g_bar{position:relative;height:260px}
.figure3 .g_bar .bar{display:block;position:absolute;bottom:0;left:6px;width:130px;padding-top:0;border:2px solid #444;border-radius:8px 8px 0 0;text-align:center;opacity:0}
.figure3 .g_bar .lb{display:block;position:relative;margin-top:260px;padding-top:15px;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure3 .g_bar .lb:before{content:'';position:absolute;top:-8px;left:50%;width:8px;height:8px;margin-left:-7px;border:3px solid #444;background-color:#fff;border-radius:100%}
.figure3 .g_bar .arrow_line{position:absolute;width:0;transform:rotate(-45deg);opacity:0;transform-origin:0 0}
.figure3 .g_bar.g1 .bar{height:0;background-color:#dadeed}
.figure3 .g_bar.g2 .bar{height:0;background-color:#3eb8c7;font-size:18px;font-weight:500;color:#fff}
.figure3 .g_bar.g3 .bar{height:0;background-color:#3d5fc0;font-size:18px;font-weight:500;color:#fff}
.figure3 .g_bar.g4 .bar{height:0;background-color:#fcd110;font-size:18px;font-weight:500;color:#222}
.figure3 .ga{position:relative;margin-top:20px;color:#444;text-align:right}
.animated .figure3 .g_bar.g1 .bar{height:50px;padding-top:12px;opacity:1}
.animated .figure3 .g_bar.g2 .bar{transition-delay:1s;height:85px;padding-top:12px;opacity:1}
.animated .figure3 .g_bar.g3 .bar{transition-delay:2s;height:145px;padding-top:12px;opacity:1}
.animated .figure3 .g_bar.g4 .bar{transition-delay:3s;height:260px;padding-top:12px;opacity:1}

/*20190408추가*/
.figure3 .g_bar .bar1{display:block;position:absolute;bottom:0;left:6px;width:130px;padding-top:0;border:2px solid #444;border-radius:8px 8px 0 0;text-align:center;opacity:0}
.figure3 .g_bar .bar2{display:block;position:absolute;bottom:0;left:6px;width:130px;padding-top:0;border:2px solid #444;border-radius:8px 8px 0 0;text-align:center;opacity:0}
.figure3 .g_bar .bar3{display:block;position:absolute;bottom:0;left:6px;width:130px;padding-top:0;border:2px solid #444;border-radius:8px 8px 0 0;text-align:center;opacity:0}
.figure3 .g_bar.g3 .bar1{height:0;background-color:#3eb8c7;font-size:18px;font-weight:500;color:#fff}
.figure3 .g_bar.g4 .bar1{height:0;background-color:#3eb8c7;font-size:18px;font-weight:500;color:#fff}
.figure3 .g_bar.g3 .bar2{height:0;background-color:#3d5fc0;font-size:18px;font-weight:500;color:#fff; margin-bottom:85px;}
.figure3 .g_bar.g4 .bar2{height:0;background-color:#3d5fc0;font-size:18px;font-weight:500;color:#fff; margin-bottom:85px;}
.figure3 .g_bar.g4 .bar3{height:0;background-color:#fcd110;font-size:18px;font-weight:500;color:#222; margin-bottom:170px;}
.animated .figure3 .g_bar.g3 .bar1{transition-delay:1s;height:90px;padding-top:12px;opacity:1}
.animated .figure3 .g_bar.g4 .bar1{transition-delay:1s;height:90px;padding-top:12px;opacity:1}
.animated .figure3 .g_bar.g3 .bar2{transition-delay:2s;height:90px;padding-top:12px;opacity:1}
.animated .figure3 .g_bar.g4 .bar2{transition-delay:2s;height:90px;padding-top:12px;opacity:1}
.animated .figure3 .g_bar.g4 .bar3{transition-delay:3s;height:90px;padding-top:12px;opacity:1}
.figure3 .plus{position:absolute;top:165px;left:50%;width:20px;height:20px;margin-left:-10px;background:url(../images/figure/ico_plus.png) no-repeat;z-index:10;transform:scale(0,0) rotate(360deg);opacity:0}
.animated .figure3 .plus{transition-delay:2s;transform:scale(1,1) rotate(0deg);opacity:1}
.figure3 .plus2{position:absolute;top:78px;left:50%;width:20px;height:20px;margin-left:-10px;background:url(../images/figure/ico_plus.png) no-repeat;z-index:10;transform:scale(0,0) rotate(360deg);opacity:0}
.animated .figure3 .plus2{transition-delay:3s;transform:scale(1,1) rotate(0deg);opacity:1}

/**/
.figure4 .g_bar_area{position:relative;width:570px;height:210px;margin-top:70px;border-width:0 2px;border-style:solid;border-color:#444}
.figure4 .g_bar_area:before{content:'';position:absolute;top:0;left:183px;width:1px;height:100%;border-left:2px dashed #b4b4b4;z-index:10}
.figure4 .g_bar_area .g_bar{position:absolute;width:0;height:50px;line-height:48px;padding:0 15px;background-color:#dadeed;font-size:16px;color:#444;opacity:0}
.figure4 .g_bar_area .g_bar:before{content:'';position:absolute;top:0;right:-25px;width:0px;height:0px;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid #dadeed}
.figure4 .g_bar_area .g_bar:after{content:'';position:absolute;width:42px;background:url(../images/figure/spr_figure4.png) no-repeat}
.figure4 .g_bar_area .g_bar.g1{top:40px;left:0}
.figure4 .g_bar_area .g_bar.g1:after{top:-104px;left:-21px;height:44px;background-position:50% 0} 
.figure4 .g_bar_area .g_bar.g2{top:40px;left:183px;width:0;background-color:#fcd110}
.figure4 .g_bar_area .g_bar.g2:before{border-left-color:#fcd110}
.figure4 .g_bar_area .g_bar.g2:after{top:-104px;left:-21px;height:51px;background-position:50% -49px} 
.figure4 .g_bar_area .g_bar.g2 span{position:absolute;top:-41px;left:0;width:383px;background:url(../images/figure/arrow_line.png) 0 50% no-repeat;font-size:16px;font-weight:700;text-align:center;transform:translate(0, 10px);opacity:0}
.figure4 .g_bar_area .g_bar.g2 span:before{content:''; position:absolute;top:50%;right:0;width:96px;height:12px;margin-top:-6px;background:url(../images/figure/arrow_line.png) no-repeat;transform:rotate(180deg);z-index:-1}
.figure4 .g_bar_area .g_bar.g3{top:120px;left:0;width:0;background-color:#3d5fc0;color:#fff}
.figure4 .g_bar_area .g_bar.g3:before{border-left-color:#3d5fc0}
.figure4 .g_bar_area .g_bar.g3:after{top:-174px;left:545px;height:36px;background-position:50% -105px}
.figure4 .g_bar_area .g_bar em{transform:translate(-10px, 0);opacity:0;transition-duration:0.5s}
.animated .figure4 .g_bar_area .g_bar.g1{width:158px;opacity:1}
.animated .figure4 .g_bar_area .g_bar.g1 em{transition-delay:1s;transform:translate(0, 0);opacity:1}
.animated .figure4 .g_bar_area .g_bar.g2{transition-delay:1s;width:358px;opacity:1}
.animated .figure4 .g_bar_area .g_bar.g2 em{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.animated .figure4 .g_bar_area .g_bar.g3{transition-delay:2s;width:540px;opacity:1}
.animated .figure4 .g_bar_area .g_bar.g3 em{transition-delay:2.5s;transform:translate(0, 0);opacity:1}
.animated .figure4 .g_bar_area .g_bar.g2 span{transition-delay:3s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.figure4.t2{height:445px}
.figure4.t2 .g_bar_area:before{left:90px}
.figure4.t2 .g_bar_area:after{content:'';position:absolute;top:0;left:330px;width:1px;height:100%;border-left:2px dashed #b4b4b4;z-index:10}
.figure4.t2 .g_bar_area .g_bar.g1:before{display:none}
.figure4.t2 .g_bar_area .g_bar.g2{left:90px;text-align:center}
.figure4.t2 .g_bar_area .g_bar.g2 span{top:-47px;width:240px}
.figure4.t2 .g_bar_area .g_bar.g2 span strong{display:inline-block;line-height:20px;padding:0 5px;background-color:#fff;text-align:center;z-index:10}
.figure4.t2 .g_bar_area .g_bar.g3:after{left:310px}
.figure4.t2 .g_bar_area .lb{position:absolute;top:215px;left:-20px;font-size:18px;font-weight:700;color:#444}
.figure4.t2 .g_bar_area .lb span{font-size:14px;font-weight:400}
.figure4.t2 .g_bar_area .lb>div{position:absolute;top:0;left:0;width:100px}
.figure4.t2 .g_bar_area .lb .lb1{left:0}
.figure4.t2 .g_bar_area .lb .lb2{left:93px;width:200px}
.figure4.t2 .g_bar_area .lb .lb2 p{width:235px;line-height:26px;margin-top:15px;font-size:14px;font-weight:400}
.figure4.t2 .g_bar_area .lb .lb2 p.t2{font-size:16px}
.figure4.t2 .g_bar_area .lb .lb3{left:335px;width:200px}
.figure4.t2 .g_bar_area .lb .lb3 .arrow_box{width:190px;margin-top:10px;text-align:left}
.figure4.t2 .g_bar_area .lb .lb3 .arrow_box.t2{width:250px}
.figure4.t2 .g_bar_area .lb .lb4{left:570px}
.figure4.t2 .ex{position:relative;margin-top:145px;padding:20px 30px 20px 83px; border:1px solid #ccc;color:#777;border-radius:7px}
.figure4.t2 .ex .lb{position:absolute;top:20px;left:31px;font-weight:500}
.animated .figure4.t2 .g_bar_area .g_bar.g1{width:90px}
.animated .figure4.t2 .g_bar_area .g_bar.g2{width:215px}


/*2019.04.24 t3 추가*/
.figure4.t3{height:280px}
.figure4.t3 .g_bar_area:before{left:90px}
.figure4.t3 .g_bar_area:after{content:'';position:absolute;top:0;left:330px;width:1px;height:100%;border-left:2px dashed #b4b4b4;z-index:10}
.figure4.t3 .g_bar_area .g_bar.g1:before{display:none}
.figure4.t3 .g_bar_area .g_bar.g2{left:90px;text-align:center}
.figure4.t3 .g_bar_area .g_bar.g2 span{top:-47px;width:240px}
.figure4.t3 .g_bar_area .g_bar.g2 span strong{display:inline-block;line-height:20px;padding:0 5px;background-color:#fff;text-align:center;z-index:10}
.figure4.t3 .g_bar_area .g_bar.g3:after{left:310px}
.figure4.t3 .g_bar_area .lb{position:absolute;top:215px;left:-20px;font-size:18px;font-weight:700;color:#444}
.figure4.t3 .g_bar_area .lb span{font-size:14px;font-weight:400}
.figure4.t3 .g_bar_area .lb>div{position:absolute;top:0;left:0;width:100px}
.figure4.t3 .g_bar_area .lb .lb1{left:0}
.figure4.t3 .g_bar_area .lb .lb2{left:93px;width:200px}
.figure4.t3 .g_bar_area .lb .lb2 p{width:235px;line-height:26px;margin-top:15px;font-size:14px;font-weight:400}
.figure4.t3 .g_bar_area .lb .lb2 p.t2{font-size:16px}
.figure4.t3 .g_bar_area .lb .lb3{left:335px;width:200px}
.figure4.t3 .g_bar_area .lb .lb3 .arrow_box{width:190px;margin-top:10px;text-align:left}
.figure4.t3 .g_bar_area .lb .lb3 .arrow_box.t2{width:250px}
.figure4.t3 .g_bar_area .lb .lb4{left:570px}
.figure4.t3 .ex{position:relative;margin-top:145px;padding:20px 30px 20px 83px; border:1px solid #ccc;color:#777;border-radius:7px}
.figure4.t3 .ex .lb{position:absolute;top:20px;left:31px;font-weight:500}
.animated .figure4.t3 .g_bar_area .g_bar.g1{width:90px}
.animated .figure4.t3 .g_bar_area .g_bar.g2{width:215px}


.figure5{height:270px}
.figure5 .g_bar_area{position:relative;width:540px;height:230px;border-width:0 0 2px 2px;margin-left:60px;border-style:solid;border-color:#444}
.figure5 .g_bar_area .g_bar{position:relative;width:130px;height:100%;border-right:2px dashed #b4b4b4;z-index:10}
.figure5 .g_bar_area .g_bar em{position:absolute;bottom:-42px;left:50%;width:60px;margin-left:-95px;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure5 .g_bar_area .bar_line{position:absolute;left:-8px;z-index:10}
.figure5 .g_bar_area .bar_line:before{content:'';display:block;width:14px;height:14px;border-radius:100%;transform:scale(0, 0)}
.figure5 .g_bar_area .bar_line span{position:absolute;height:3px;z-index:10}
.figure5 .g_bar_area .bar_line .lb{position:absolute;top:-5px;left:462px;width:90px;font-size:18px}
.figure5 .g_bar_area .bar_line.bl1{top:190px}
.figure5 .g_bar_area .bar_line.bl1:before{background-color:#6e7484}
.figure5 .g_bar_area .bar_line.bl1 span{width:0;background-color:#6e7484}
.figure5 .g_bar_area .bar_line.bl1 span:before{content:'';position:absolute;bottom:-60px;left:0;width:3px;height:0;background-color:#6e7484}
.figure5 .g_bar_area .bar_line.bl1 span:after{content:'';position:absolute;top:-5px;left:-5px;width:8px;height:8px;border:3px solid #6e7484;background-color:#fff;border-radius:100%}
.figure5 .g_bar_area .bar_line.bl1 .b1{top:6px;left:6px}
.figure5 .g_bar_area .bar_line.bl1 .b1:before{display:none}
.figure5 .g_bar_area .bar_line.bl1 .b1:after{left:124px}
.figure5 .g_bar_area .bar_line.bl1 .b2{top:-54px;left:136px;z-index:9}
.figure5 .g_bar_area .bar_line.bl1 .b3{top:-114px;left:266px}
.figure5 .g_bar_area .bar_line.bl1 .b4{top:-174px;left:396px}
.figure5 .g_bar_area .bar_line.bl1 .b4 .arrow{position:absolute;top:-3.5px;right:-5px;width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #6e7484}
.figure5 .g_bar_area .bar_line.bl1 .lb{top:-184px;color:#6e7484;transform:translate(10px, 0);opacity:0}
.figure5 .g_bar_area .bar_line.bl2{top:157px}
.figure5 .g_bar_area .bar_line.bl2:before{background-color:#3d5fc0}
.figure5 .g_bar_area .bar_line.bl2 span{top:6px;left:6px;width:0;background-color:#3d5fc0}
.figure5 .g_bar_area .bar_line.bl2 span:after{content:'';position:absolute;top:-3.5px;right:-5px;width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #3d5fc0;opacity:0}
.figure5 .g_bar_area .bar_line.bl2 span strong{position:absolute;top:-11px;left:275px;width:144px;height:27px;line-height:23px;background-color:#fff;border:2px solid #3d5fc0;font-size:16px;font-weight:700;color:#3d5fc0;text-align:center;border-radius:5px;transform:scale(0, 0);opacity:0}
.figure5 .g_bar_area .bar_line.bl2 .lb{top:-58px;color:#3eb8c7;transform:translate(10px, 0);opacity:0}
.figure5 .g_bar_area .bar_line.bl3{top:103px}
.figure5 .g_bar_area .bar_line.bl3:before{background-color:#3eb8c7}
.figure5 .g_bar_area .bar_line.bl3 span{top:6px;left:6px;width:0;background-color:#3eb8c7}
.figure5 .g_bar_area .bar_line.bl3 span:after{content:'';position:absolute;top:-3.5px;right:-5px;width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #3eb8c7;opacity:0}
.figure5 .g_bar_area .bar_line.bl3 .lb{top:51px;line-height:20px;font-weight:700;color:#3d5fc0;transform:translate(10px, 0);opacity:0}
.figure5 .g_bar_area .bar_line.bl3 .lb em{font-size:14px}
.figure5 .g_bar_area .g_bar.g4{border:none}
.figure5 .g_bar_area .rm{position:absolute;top:0;left:-60px;font-size:18px;font-weight:700;color:#444}
.figure5 .g_bar_area .box{position:absolute;bottom:0;left:0;width:440px;height:0;background:url(../images/figure/pattern1.jpg) repeat}
.animated .figure5 .g_bar_area .bar_line.bl1:before{transition-duration:0.5s;transform:scale(1, 1)}
.animated .figure5 .g_bar_area .bar_line.bl1 .b1{transition-duration:0.5s;width:130px}
.animated .figure5 .g_bar_area .bar_line.bl1 .b2:before{transition-delay:0.5s;transition-duration:0.3s;height:63px}
.animated .figure5 .g_bar_area .bar_line.bl1 .b2{transition-delay:0.8s;transition-duration:0.5s;width:130px}
.animated .figure5 .g_bar_area .bar_line.bl1 .b3:before{transition-delay:1.3s;transition-duration:0.3s;height:63px}
.animated .figure5 .g_bar_area .bar_line.bl1 .b3{transition-delay:1.6s;transition-duration:0.5s;width:130px}
.animated .figure5 .g_bar_area .bar_line.bl1 .b4:before{transition-delay:2.1s;transition-duration:0.3s;height:63px}
.animated .figure5 .g_bar_area .bar_line.bl1 .b4{transition-delay:2.4s;transition-duration:0.3s;width:50px}
.animated .figure5 .g_bar_area .bar_line.bl1 .lb{transition-delay:2.4s;transform:translate(0, 0);transition-duration:0.5s;opacity:1}
.animated .figure5 .g_bar_area .bar_line.bl2:before{transition-delay:2.5s;transition-duration:0.5s;transform:scale(1, 1)}
.animated .figure5 .g_bar_area .bar_line.bl2 span{transition-delay:2.5s;width:438px}
.animated .figure5 .g_bar_area .bar_line.bl2 span:after{transition-delay:2.5s;opacity:1}
.animated .figure5 .g_bar_area .bar_line.bl2 .lb{transition-delay:4.5s;transform:translate(0, 0);transition-duration:0.5s;opacity:1}
.animated .figure5 .g_bar_area .bar_line.bl3:before{transition-delay:4.5s;transition-duration:0.5s;transform:scale(1, 1)}
.animated .figure5 .g_bar_area .bar_line.bl3 span{transition-delay:3.5s;width:438px}
.animated .figure5 .g_bar_area .bar_line.bl3 span:after{transition-delay:3.5s;opacity:1}
.animated .figure5 .g_bar_area .bar_line.bl3 .lb{transition-delay:3.5s;transform:translate(0, 0);transition-duration:0.5s;opacity:1}
.animated .figure5 .g_bar_area .bar_line.bl2 span strong{transition-delay:5s;transform:scale(1, 1);opacity:1}
.animated .figure5 .g_bar_area .box{transition-delay:5s;height:62px}
.figure6:before{content:'';position:absolute;top:88px;left:227px;width:107px;height:73px;background:url(../images/figure/spr_figure6.png) -272px 0 no-repeat;transform:translate(-20px, 0);opacity:0;transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure6 h4{padding-bottom:20px;font-size:18px;font-weight:500}
.figure6 .box{position:relative;width:157px;height:155px;margin-left:30px;background:url(../images/figure/spr_figure6.png) 0 21px no-repeat}
.figure6 .box:before{content:'';position:absolute;top:0;width:29px;height:141px;background:url(../images/figure/spr_figure6.png) -383px 0 no-repeat}
.figure6 .box .patient{position:absolute;width:105px;height:151px;background:url(../images/figure/spr_figure6.png) -162px 0 no-repeat}
.figure6 .box.b1{transform:translate(-20px, 0);opacity:0}
.figure6 .box.b1:before{left:0}
.figure6 .box.b1 .patient.p1{bottom:3px;left:25px}
.figure6 .box.b2{position:absolute;top:44px;right:45px;width:182px;background-position:-418px 21px;transform:translate(-20px, 0);opacity:0}
.figure6 .box.b2:before{left:-15px;transform:translate(25px, 0)}
.figure6 .box.b2 .patient.p1{bottom:3px;left:13px;transform:translate(25px, 0)}
.figure6 .box.b2 .patient.p2{bottom:3px;left:66px;transform:translate(-28px, 0)}
.figure6 .box.b2 .counter_s4{position:absolute;bottom:0;right:-45px;width:103px;height:50px;line-height:48px;border:2px solid #3d5fc0;background-color:#fff;border-radius:5px;font-family:'Roboto';font-size:40px;font-weight:700;color:#3d5fc0;text-align:center;transform:scale(0, 0)}
.figure6 .info{width:600px;height:174px;margin-top:30px;background:url(../images/figure/spr_figure6.png) 0 -160px}
.animated .figure6 .box.b1{transform:translate(0, 0);opacity:1}
.animated .figure6:before{transition-delay:1s;transform:translate(0, 0);opacity:1}
.animated .figure6 .box.b2{transition-delay:2.0s;transform:translate(0, 0);opacity:1}
.animated .figure6 .box.b2:before{transition-delay:3.0s;transform:translate(0, 0)}
.animated .figure6 .box.b2 .patient.p1{transition-delay:3.0s;transform:translate(0, 0)}
.animated .figure6 .box.b2 .patient.p2{transition-delay:3.0s;transform:translate(0, 0)}
.animated .figure6 .box.b2 .counter_s4{transition-delay:4.0s;transform:scale(1, 1)}
.figure7 .info{padding:0 20px 0 0}
.figure7 .info:last-child{padding:0 0 0 20px}
.figure7 .info h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:16px;text-align:center;border-radius:7px}
.figure7 .info .chart1{position:relative;width:560px;height:235px;margin:40px 0 0 0;background:url(../images/figure/spr_figure7.png) 0 0 no-repeat}
.figure7 .info .chart1:after{content:''; position:absolute;bottom:37px;left:123px;width:380px;height:0;background:url(../images/figure/spr_figure7.png) 0 -449px no-repeat;z-index:-1}
.figure7 .info .chart1 span{position:absolute}
.figure7 .info .chart1 span:before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;border:3px solid #3d5fc0;background-color:#fff;border-radius:100%;z-index:10;transform:scale(0, 0)}
.figure7 .info .chart1 span:after{content:'';position:absolute;top:0;left:6px;width:0;height:4px;background-color:#3d5fc0;transform-origin:0 0}
.figure7 .info .chart1 span.g1{top:110px;left:117px}
.figure7 .info .chart1 span.g1:before{top:2px}
.figure7 .info .chart1 span.g1:after{top:7px;transform:rotate(-9deg)}
.figure7 .info .chart1 span.g2{top:92px;left:243px}
.figure7 .info .chart1 span.g2:after{top:4px;transform:rotate(-9.5deg)}
.figure7 .info .chart1 span.g3{top:70px;left:369px}
.figure7 .info .chart1 span.g3:after{top:5px;transform:rotate(-5deg)}
.figure7 .info .chart1 span.g4{top:58px;left:495px}
.figure7 .info .chart1 span.g4:after{display:none}
.figure7 .info .chart1 span em{position:absolute;top:-27px;left:50%;width:70px;margin-left:-25px;font-size:18px;font-weight:500;color:#3d5fc0;text-align:center;transform:translate(0, -10px);opacity:0}
.figure7 .info .chart1 .per{position:absolute;top:-30px;left:5px}
.figure7 .info .chart1 .term{position:absolute;bottom:-5px;right:-30px}
.figure7 .info .chart2{position:relative}
.figure7 .info .chart2 span{position:absolute;left:138px;width:0;height:23px;background-color:#3d5fc0}
.figure7 .info .chart2 span em{position:absolute;top:-2px;right:-110px;width:100px;font-size:16px;font-weight:500;color:#444;transform:translate(-10px, 0);opacity:0}
.figure7 .info .chart2 span.g1{top:30px}
.figure7 .info .chart2 span.g2{top:74px}
.figure7 .info .chart2 span.g3{top:117px}
.figure7 .info .chart2 span.g4{top:161px;background:url(../images/figure/pattern2.jpg) repeat}
.figure7 .info .chart2 span.g4 em{top:-9px;width:93px;height:38px;line-height:36px;padding-left:5px;background:url(../images/figure/bubble1.png) no-repeat;font-size:18px;font-weight:700;text-align:center}
.figure7 .info .chart2{width:560px;height:214px;margin:40px 0 0 8px;background:url(../images/figure/spr_figure7.png) 0 -235px no-repeat}
.animated .figure7 .info .chart1 span.g1:before{transform:scale(1, 1)}
.animated .figure7 .info .chart1 span.g1:after{transition-delay:0.5s;width:130px}
.animated .figure7 .info .chart1 span.g2:before{transition-delay:0.5s;transform:scale(1, 1)}
.animated .figure7 .info .chart1 span.g2:after{transition-delay:1.0s;width:130px}
.animated .figure7 .info .chart1 span.g3:before{transition-delay:1s;transform:scale(1, 1)}
.animated .figure7 .info .chart1 span.g3:after{transition-delay:1.5s;width:130px}
.animated .figure7 .info .chart1 span.g4:before{transition-delay:1.5s;transform:scale(1, 1)}
.animated .figure7 .info .chart1 span em{transition-delay:2.0s;transform:translate(0, 0);opacity:1}
.animated .figure7 .info .chart1:after{transition-delay:2.0s;height:134px}
.animated .figure7 .info .chart2 span.g1{width:23px}
.animated .figure7 .info .chart2 span.g2{transition-delay:0.2s;width:53px}
.animated .figure7 .info .chart2 span.g3{transition-delay:0.4s;width:60px}
.animated .figure7 .info .chart2 span.g4{transition-delay:0.5s;width:311px}
.animated .figure7 .info .chart2 span em{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
/*****************************************************************
  2대성인병보험 상품
*****************************************************************/
.figure8 .info{padding:0 20px 0 0}
.figure8 .info:last-child{padding:0 0 0 20px}
.figure8 .info .inner{position:relative;height:260px;padding-right:300px}
.figure8 .info .rm{position:absolute;top:-30px;right:0;font-size:12px;color:#666}
.figure8 .info h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:16px;text-align:center;border-radius:7px}
.figure8 .info .chart{position:absolute;bottom:0;left:15px;width:120px}
.figure8 .info .chart .value{position:absolute;bottom:37px;left:0;width:100%;height:0;padding-top:15px;border:2px solid #444;background-color:#445bcd;font-size:18px;color:#fff;text-align:center;border-radius:5px;overflow:hidden;opacity:0}
.figure8 .info .chart .lb{display:block;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure8 .info .chart.c2{left:145px}
.figure8 .info .chart.c2 .value{height:0;padding-top:9px}
.figure8 .info .chart.c3{left:80px}
.figure8 .info .chart.c3 .value{background-color:#3eb8c7}
.figure8 .info .tbl{position:absolute;top:0;right:0;width:280px}
.figure8 .info .tbl table th, .figure8 .info .tbl table td{line-height:20px;padding:13px 0 14px;border-width:0 0 1px 0;font-size:14px}
.animated .figure8 .info .chart.c1 .value{height:127px;opacity:1}
.animated .figure8 .info .chart.c2 .value{height:47px;opacity:1}
.animated .figure8 .info .chart.c3 .value{height:127px;opacity:1}
.figure9 .info{padding:0 20px 0 0}
.figure9 .info:last-child{padding:0 0 0 20px}
.figure9 .info h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:16px;text-align:center;border-radius:7px}
.figure9 .chart1{position:relative;height:275px;margin-top:40px;background:url(../images/figure/spr_figure9.png) no-repeat}
.figure9 .chart1 .rm{position:absolute;top:-27px;left:13px}
.figure9 .chart1>div{position:absolute;bottom:35px}
.figure9 .chart1>div>span{position:absolute;bottom:0;width:50px;border:2px solid #444;border-radius:5px 5px 0 0}
.figure9 .chart1>div>span em{position:absolute;top:-31px;left:0;width:46px;font-size:18px;font-weight:500;text-align:center;transform:translate(0, 10px);opacity:0}
.figure9 .chart1 .g1{left:111px}
.figure9 .chart1 .g2{left:273px}
.figure9 .chart1 .g3{left:435px}
.figure9 .chart1 .b1{height:0;background:url(../images/figure/pattern3.jpg) repeat}
.figure9 .chart1 .b2{left:56px;height:0;background:url(../images/figure/pattern4.jpg) repeat}
.figure9 .chart2{position:relative;height:275px;margin-top:40px}
.figure9 .chart2:before{content:'';position:absolute;bottom:36px;left:0;width:100%;height:2px;background-color:#444}
.figure9 .chart2 p{font-size:18px;color:#444;font-weight:500;text-align:center}
.figure9 .chart2>div{position:absolute;bottom:0;width:140px}
.figure9 .chart2 .bar{position:absolute;bottom:36px;left:0;width:140px;height:0;border:2px solid #444;padding-top:8px;font-size:16px;color:#fff;text-align:center;border-radius:7px}
.figure9 .chart2 .value{position:absolute;top:-31px;left:0;width:136px;font-size:18px;font-weight:700;color:#444;text-align:center;transform:translate(0, 10px);opacity:0}
.figure9 .chart2 .lb{display:block;position:relative;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure9 .chart2 .lb:before{content:'';position:absolute;top:-20px;left:50%;width:8px;height:8px;margin-left:-6px;border:3px solid #444;background-color:#fff;border-radius:100%;z-index:10}
.figure9 .chart2 .g1{left:51px}
.figure9 .chart2 .g2{left:222px}
.figure9 .chart2 .g3{left:391px}
.figure9 .chart2 .g1 .bar{background-color:#3eb8c7}
.figure9 .chart2 .g2 .bar{background-color:#3d5fc0}
.figure9 .chart2 .g3 .bar{background-color:#dadeed;color:#444}
.animated .figure9 .chart1 .g1 .b1{height:81px}
.animated .figure9 .chart1 .g1 .b2{height:131px}
.animated .figure9 .chart1 .g2 .b1{height:111px}
.animated .figure9 .chart1 .g2 .b2{height:201px}
.animated .figure9 .chart1 .g3 .b1{height:111px}
.animated .figure9 .chart1 .g3 .b2{height:201px}
.animated .figure9 .chart2 .g1 .bar{height:47px}
.animated .figure9 .chart2 .g2 .bar{height:62px}
.animated .figure9 .chart2 .g3 .bar{height:136px}
.animated .figure9 .chart1>div>span em{transition-delay:1.0s;transform:translate(0, 0);opacity:1}
.animated .figure9 .chart2 .value{transition-delay:1.0s;transform:translate(0, 0);opacity:1}
.figure10 .info{padding:0 20px 0 0}
.figure10 .info:last-child{padding:0 0 0 20px}
.figure10 .info h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:16px;text-align:center;border-radius:7px}
.figure10 .info p{line-height:26px;margin-top:25px;font-size:18px;font-weight:500;color:#444;text-align:center}
.figure10 .chart1{position:relative;height:304px;background:url(../images/figure/spr_figure10.png) no-repeat}
.figure10 .chart1>div{position:absolute;bottom:35px}
.figure10 .chart1>div{position:absolute;bottom:35px}
.figure10 .chart1>div>span{position:absolute;bottom:0;width:90px;height:0;border:2px solid #444;background-color:#3d5fc0;padding-top:10px;font-size:16px;font-weight:500;color:#fff;text-align:center;border-radius:5px 5px 0 0}
.figure10 .chart1 .value{position:absolute;top:-31px;left:0;width:86px;font-size:18px;font-weight:700;color:#444;text-align:center;transform:translate(0, 10px);opacity:0}
.figure10 .chart1 .g1{left:117px}
.figure10 .chart1 .g2{left:227px}
.figure10 .chart1 .g3{left:337px}
.figure10 .chart1 .g4{left:447px}
.figure10 .chart2{position:relative;height:277px;margin-top:27px;background:url(../images/figure/spr_figure10.png) 0 -304px no-repeat}
.figure10 .chart2 .rm{position:absolute;top:-31px;left:46px;font-size:16px}
.figure10 .chart2>div{position:absolute;bottom:37px}
.figure10 .chart2>div>span{position:absolute;bottom:0;left:0;width:30px;height:0;border:2px solid #444;border-radius:5px 5px 0 0}
.figure10 .chart2>div>span em{position:absolute;top:-31px;left:50%;width:50px;margin-left:-25px;font-weight:500;text-align:center;transform:translate(0, 10px);opacity:0}
.figure10 .chart2 .g1{left:93px}
.figure10 .chart2 .g2{left:174px}
.figure10 .chart2 .g3{left:255px}
.figure10 .chart2 .g4{left:336px}
.figure10 .chart2 .g5{left:417px}
.figure10 .chart2 .g6{left:498px}
.figure10 .chart2 .b1{background:url(../images/figure/pattern3.jpg) repeat}
.figure10 .chart2 .b2{left:35px;background:url(../images/figure/pattern4.jpg) repeat}
.figure10 .chart2 .arrow_box{position:absolute;top:30px;left:235px;width:175px;transform:translate(10px, 0);opacity:0}
.figure10 .chart2 .arrow_line{position:absolute;top:188px;left:166px;width:0;transform:rotate(-25deg);transform-origin:0 0;opacity:0}
.animated .figure10 .chart1 .value{transition-delay:1.0s;transform:translate(0, 0);opacity:1}
.animated .figure10 .chart1 .g1 .bar{height:121px}
.animated .figure10 .chart1 .g2 .bar{height:151px}
.animated .figure10 .chart1 .g3 .bar{height:171px}
.animated .figure10 .chart1 .g4 .bar{height:191px}
.animated .figure10 .chart2>div>span em{transition-delay:1.0s;transform:translate(0, 0);opacity:1}
.animated .figure10 .chart2 .g1 .b1{height:9px}
.animated .figure10 .chart2 .g1 .b2{height:6px}
.animated .figure10 .chart2 .g2 .b1{height:21px}
.animated .figure10 .chart2 .g2 .b2{height:16px}
.animated .figure10 .chart2 .g3 .b1{height:31px}
.animated .figure10 .chart2 .g3 .b2{height:18px}
.animated .figure10 .chart2 .g4 .b1{height:66px}
.animated .figure10 .chart2 .g4 .b2{height:41px}
.animated .figure10 .chart2 .g5 .b1{height:131px}
.animated .figure10 .chart2 .g5 .b2{height:101px}
.animated .figure10 .chart2 .g6 .b1{height:201px}
.animated .figure10 .chart2 .g6 .b2{height:161px}
.animated .figure10 .chart2 .arrow_box{transition-delay:2.0s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.animated .figure10 .chart2 .arrow_line{width:320px;transition-delay:1.0s;opacity:1}
/*****************************************************************
  어린이보험 상품
*****************************************************************/
.figure11{position:relative;width:451px;height:226px;margin:0 auto}
.figure11:before{content:'';position:absolute;bottom:0;left:83px;width:304px;height:149px;background:url(../images/figure/spr_figure11.png) no-repeat;transform:scale(0,0);transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure11 span{position:absolute;width:86px;height:86px;background:url(../images/figure/spr_figure11.png) no-repeat;opacity:0}
.figure11 em{position:absolute;width:14px;height:14px;background:url(../images/figure/spr_figure11.png) -140px -236px no-repeat}
.figure11 strong{position:absolute;width:24px;height:24px;background:url(../images/figure/spr_figure11.png) -154px -236px no-repeat}
.figure11 .b1{top:112px;left:30px;background-position:0 -149px}
.figure11 .b2{top:30px;left:114px;background-position:-86px -149px}
.figure11 .b3{top:30px;left:259px;background-position:-172px -149px}
.figure11 .b4{top:112px;left:335px;background-position:-258px -149px}
.figure11 .e1{top:197px;left:85px}
.figure11 .e2{top:85px;left:83px}
.figure11 .e3{top:41px;left:188px}
.figure11 .e4{top:93px;left:300px}
.figure11 .e5{top:110px;left:355px}
.figure11 .e6{top:200px;left:370px}
.figure11 .s1{top:108px;left:108px}
.figure11 .s2{top:5px;left:244px}
.figure11 .s3{top:83px;left:363px}
.figure11_info_txt{margin:20px -10px -10px}
.figure11_info_txt .item{width:290px;margin:10px;padding:25px 30px 30px;background-color:#f6f8fa;border-radius:10px;transform:translate(0, 50px);opacity:0;transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure11_info_txt .item h4{position:relative;padding-left:50px;font-size:18px;font-weight:700;color:#444}
.figure11_info_txt .item h4:after{content:'';position:absolute;left:0;background:url(../images/figure/spr_figure11.png) no-repeat}
.figure11_info_txt .item.t1 h4:after{top:-5px;width:36px;height:33px;background-position:0 -236px}
.figure11_info_txt .item.t2 h4:after{top:-5px;width:27px;height:33px;background-position:-36px -236px}
.figure11_info_txt .item.t3 h4:after{top:0;width:39px;height:27px;background-position:-63px -236px}
.figure11_info_txt .item.t4 h4:after{top:-2px;width:38px;height:30px;background-position:-102px -236px}
.figure11_info_txt .item p{min-height:50px;margin-top:10px;color:#444}
.figure11_info_txt .item span{display:block;margin-top:15px}
.animated .figure11 em{animation:dust 2s infinite}
.animated .figure11 strong{animation:hMetal 2s infinite}
@keyframes dust{
0%{transform:scale(0,0)}
50%{transform:scale(1,1)}
100%{transform:scale(0,0)}
}
@keyframes hMetal{
0%{transform:scale(1,1)}
50%{transform:scale(0,0)}
100%{transform:scale(1,1)}
}
.animated .figure11:before{transition-delay:0.5s;transform:scale(1,1)}
.animated .figure11 .b1{transition-delay:1.5s;left:0;opacity:1}
.animated .figure11 .b2{transition-delay:2s;top:0;left:84px;opacity:1}
.animated .figure11 .b3{transition-delay:2.5s;top:0;left:289px;opacity:1}
.animated .figure11 .b4{transition-delay:3s;left:365px;opacity:1}
.animated .figure11_info_txt .item.t1{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.animated .figure11_info_txt .item.t2{transition-delay:2s;transform:translate(0, 0);opacity:1}
.animated .figure11_info_txt .item.t3{transition-delay:2.5s;transform:translate(0, 0);opacity:1}
.animated .figure11_info_txt .item.t4{transition-delay:3s;transform:translate(0, 0);opacity:1}
.figure12{position:relative;width:311px;height:268px;margin:0 auto}
.figure12:before{content:'';position:absolute;bottom:0;left:32px;width:240px;height:268px;background:url(../images/figure/spr_figure12.png) no-repeat;transform:scale(0,0);transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure12 span{position:absolute;width:16px;height:16px;background:url(../images/figure/spr_figure12.png) 0 -268px no-repeat}
.figure12 em{position:absolute;width:20px;height:20px;background:url(../images/figure/spr_figure12.png) -21px -268px no-repeat}
.figure12 .s1{top:198px;left:3px}
.figure12 .s2{top:6px;left:35px}
.figure12 .s3{top:4px;left:245px}
.figure12 .s4{top:102px;left:290px}
.figure12 .s5{top:218px;left:250px}
.figure12 .e1{top:85px;left:0}
.figure12 .e2{top:0;left:65px}
.figure12 .e3{top:35px;left:260px}
.figure12 .e4{top:127px;left:279px}
.figure12_info_txt{margin:25px -15px -15px}
.figure12_info_txt .item{position:relative;width:585px;height:400px;margin:15px;border:1px solid #e1e1e1;padding-left:130px;border-radius:8px;transform:translate(0, 50px);opacity:0;transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure12_info_txt .item.t5{height:140px}
.figure12_info_txt .item h4{position:absolute;top:0;left:0;width:130px;height:100%;border-right:1px solid #e1e1e1}
.figure12_info_txt .item h4 span{display:block;position:relative;margin-top:55px;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure12_info_txt .item h4 span:before{content:'';display:block;height:46px;margin:0 auto;background:url(../images/figure/spr_figure12.png) no-repeat}
.figure12_info_txt .item.t1 h4 span:before{width:26px;background-position:-46px -268px}
.figure12_info_txt .item.t2 h4 span:before{width:23px;background-position:-77px -268px}
.figure12_info_txt .item.t3 h4 span:before{width:32px;background-position:-105px -268px}
.figure12_info_txt .item.t4 h4 span:before{width:28px;background-position:-142px -268px}
.figure12_info_txt .item.t5 h4 span{margin-top:35px}
.figure12_info_txt .item.t5 h4 span:before{width:28px;background-position:-175px -268px}
.figure12_info_txt .item ul{padding:25px 0 0 30px}
.figure12_info_txt .item ul.w2{width:310px}
.figure12_info_txt .item ul li{position:relative;width:210px;padding:1px 0 1px 11px;color:#444}/**/
.figure12_info_txt .item ul li:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#fff;border-radius:100%}
.figure12_info_txt .item ul li.blue{color:#3d5fc0; padding-top:10px;}
/**/

.figure12_info_txt .item ul li.cb{width:100%}
.animated .figure12:before{transition-delay:0.5s;transform:scale(1,1)}
.animated .figure12 span{animation:plus1 2s infinite}
.animated .figure12 em{animation:plus2 2s infinite}
@keyframes plus1{
0%{transform:scale(0,0)}
50%{transform:scale(1,1)}
100%{transform:scale(0,0)}
}
@keyframes plus2{
0%{transform:scale(1,1)}
50%{transform:scale(0,0)}
100%{transform:scale(1,1)}
}
.figure12_info_txt.animated .item.t1{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.figure12_info_txt.animated .item.t2{transition-delay:1s;transform:translate(0, 0);opacity:1}
.figure12_info_txt.animated .item.t3{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.figure12_info_txt.animated .item.t4{transition-delay:2s;transform:translate(0, 0);opacity:1}
.figure12_info_txt.animated .item.t5{transition-delay:2.5s;transform:translate(0, 0);opacity:1}
.figure13 .info{margin-left:40px}
.figure13 .info li{width:144px;height:144px;margin:0 20px;padding-top:30px;background-color:#dadeed;font-size:16px;color:#444;text-align:center;border-radius:100%;transform:translate(0, 20px);opacity:0}
.figure13 .info li.c2{background-color:#ffefb8}
.figure13 .info li.c3{background-color:#e6ebff}
.figure13 .info li strong{display:block;padding-bottom:5px;font-weight:700}
.figure13 .people{position:relative;height:184px}
.figure13 .people:before{content:'';position:absolute;bottom:0;right:0;width:551px;height:123px;background-color:#ffefb8;border-radius:123px}
.figure13 .people span{position:absolute;bottom:0;height:154px;background:url(../images/figure/spr_figure13.png) no-repeat;transition-duration:0.5s;transform:scale(0,0);opacity:0}
.figure13 .people .p1{left:47px;width:73px;background-position:0 0}
.figure13 .people .p2{left:156px;width:98px;background-position:-83px 0}
.figure13 .people .p3{left:279px;width:88px;background-position:-191px 0}
.figure13 .people .p4{left:406px;width:78px;background-position:-289px 0}
.figure13 .people .p5{left:525px;width:74px;background-position:-376px 0}
.figure13 .g_bar_area{position:relative;width:548px;height:170px;margin:10px 0 0 52px;border-width:0 2px;border-style:solid;border-color:#444}
.figure13 .g_bar_area .g_bar{position:absolute;width:0;height:50px;line-height:48px;padding:0;background-color:#dadeed;font-size:16px;text-align:right;opacity:0}
.figure13 .g_bar_area .g_bar:before{content:'';position:absolute;top:0;right:-25px;width:0px;height:0px;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid #dadeed}
.figure13 .g_bar_area .g_bar.g1{top:20px;left:0;background-color:#dadeed;color:#444}
.figure13 .g_bar_area .g_bar.g1:after{top:-104px;left:-21px;height:44px;background-position:50% 0} 
.figure13 .g_bar_area .g_bar.g2{top:100px;left:0;background:url(../images/figure/pattern4.jpg) repeat;color:#fff}
.figure13 .g_bar_area .g_bar.g2:before{display:none}
.figure13 .g_bar_area .g_bar.g3{top:100px;left:251px;background-color:#fcd110;color:#fff;color:#222}
.figure13 .g_bar_area .g_bar.g3:before{border-left-color:#fcd110}
.figure13 .g_bar_area .g_bar em{opacity:0}
.figure13 .g_bar_area .g_bar .lb{position:absolute;top:0px;left:-52px;font-size:18px;font-weight:700;color:#444}
.animated .figure13 .info li.c1{transform:translate(0, 0);opacity:1}
.animated .figure13 .info li.c2{transition-delay:1s;transform:translate(0, 0);opacity:1}
.animated .figure13 .info li.c3{transition-delay:2s;transform:translate(0, 0);opacity:1}
.animated .figure13 .people .p1{transform:scale(1,1);opacity:1}
.animated .figure13 .people .p2{transition-delay:1s;transform:scale(1,1);opacity:1}
.animated .figure13 .people .p3{transition-delay:1.5s;transform:scale(1,1);opacity:1}
.animated .figure13 .people .p4{transition-delay:2s;transform:scale(1,1);opacity:1}
.animated .figure13 .people .p5{transition-delay:2.5s;transform:scale(1,1);opacity:1}
.animated .figure13 .g_bar_area .g_bar.g1{transition-delay:1s;width:103px;padding:0 15px;opacity:1}
.animated .figure13 .g_bar_area .g_bar.g2{transition-delay:1s;width:251px;padding:0 30px;opacity:1}
.animated .figure13 .g_bar_area .g_bar.g3{transition-delay:2s;width:267px;padding:0 15px;opacity:1}
.animated .figure13 .g_bar_area .g_bar em{transition-delay:2s;opacity:1}
.figure14 .info h4{font-size:18px;font-weight:700}
.figure14 .info .pie{position:relative;width:344px;height:344px;margin:60px auto 0;background:url(../images/figure/spr_figure14.png) 50% 2px no-repeat}
.figure14 .info .pie .mask{position:absolute;top:0;left:0}
.figure14 .info .pie .mask:before{content:'';position:absolute;top:0;left:172px;width:172px;height:344px;border-radius:0 170px 170px 0;background-color:#fff;transform-origin:center left}
.figure14 .info .pie .mask:after{content:'';position:absolute;top:0;left:0;width:172px;height:344px;border-radius:172px 0 0 172px;background-color:#fff;transition:all 1s 1s linear;transform:rotate(0deg);transform-origin:center right}
.figure14 .info .pie .mask span{position:absolute;top:2px;left:172px;width:172px;height:340px;background:url(../images/figure/spr_figure14.png) -170px 0 no-repeat;transition:all 0s 1s linear;opacity:0;z-index:10}
.figure14 .info .pie em{position:absolute;width:60px;color:#444;text-align:center;z-index:20;transform:scale(0,0);opacity:0}
.figure14 .info .pie em strong{font-size:20px}
.figure14 .info .pie .lb1{top:65px;left:205px}
.figure14 .info .pie .lb2{top:175px;left:250px}
.figure14 .info .pie .lb3{top:250px;left:115px;color:#fff}
.figure14 .info .pie .lb4{top:90px;left:55px;color:#fff}
.figure14 .info ul.rm{margin-top:25px;text-align:center}
.figure14 .info ul.rm li{display:inline-block;position:relative;margin:0 9px;padding-left:25px;font-size:16px;color:#444}
.figure14 .info ul.rm li:before{content:'';position:absolute;top:6px;left:0;width:14px;height:14px;background:url(../images/figure/spr_figure14.png) 0 -350px no-repeat}
.figure14 .info ul.rm li.r2:before{background-position:-24px -350px}
.figure14 .info ul.rm li.r3:before{background-position:-48px -350px}
.figure14 .info ul.rm li.r4:before{background-position:-72px -350px}
.figure14 .info .tbl{transform:translate(0, 50px);opacity:0}
.animated .figure14 .info .pie .mask:before{animation:pieBig 1s forwards linear}
.animated .figure14 .info .pie .mask:after{transform:rotate(180deg)}
.animated .figure14 .info .pie .mask span{opacity:1}
.animated .figure14 .info .pie em{transition-delay:2s;transform:scale(1,1);opacity:1}
.animated .figure14 .info .tbl{transform:translate(0, 0);opacity:1}
@keyframes pieBig {
  0%{opacity:1;transform:rotate(0deg)}
  99%{opacity:1;transform:rotate(180deg)}
  100%{opacity:0;transform:rotate(180deg)}
}
.figure15 h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:16px;text-align:center;border-radius:7px}
.figure15 .chart{position:relative;margin-top:25px;padding-left:60px}
.figure15 .chart:before{content:'';display:block;width:2px;height:240px;background-color:#444}
.figure15 .chart:after{content:'';position:absolute;top:240px;left:60px;right:0;height:2px;background-color:#444}
.figure15 .chart em{position:absolute;left:-12px;width:60px;line-height:14px;font-size:18px;font-weight:700;color:#444;text-align:right}
.figure15 .chart .e1{top:0}
.figure15 .chart .e2{top:50%;margin-top:-7px}
.figure15 .chart .e3{bottom:0}
.figure15 .chart div{position:absolute;bottom:-2px;width:130px}
.figure15 .chart div .bar{position:absolute;bottom:0;left:0;width:130px;height:0;border:0 solid #444;border-radius:7px 7px 0 0}
.figure15 .chart div .bar .value{display:block;padding-top:7px;font-size:18px;font-weight:500;color:#fff;text-align:center;transform:scale(0,0);opacity:0}
.figure15 .chart div .bar .p{position:absolute;top:-62px;left:50%;width:56px;margin-left:-28px;background:url(../images/figure/spr_figure15.png) no-repeat;transform:scale(0,0);opacity:0}
.figure15 .chart div .lb{position:absolute;bottom:-40px;left:0;width:100%;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure15 .chart div .lb:before{content:'';position:absolute;top:-24px;left:50%;width:8px;height:8px;margin-left:-7px;border:3px solid #444;background-color:#fff;border-radius:100%;z-index:10}
.figure15 .chart .g1{left:110px}
.figure15 .chart .g2{left:255px}
.figure15 .chart .g3{left:400px}
.figure15 .chart .g1 .bar{background-color:#ffefb8}
.figure15 .chart .g2 .bar{background-color:#3d5fc0}
.figure15 .chart .g3 .bar{background-color:#3eb8c7}
.figure15 .chart .g1 .bar .p{height:62px;background-position:0 0}
.figure15 .chart .g1 .bar .value{position:absolute;top:-90px;left:0;width:130px;padding:0;color:#444}
.figure15 .chart .g2 .bar .p{height:62px;background-position:0 -67px}
.figure15 .chart .g3 .bar .p{top:-72px;height:72px;background-position:0 -134px}
.figure15 .chart .g3 .bar .value{position:absolute;top:-100px;left:0;width:130px;padding:0;color:#444}
.figure15 .list_guide{margin-top:75px}
.animated .figure15 .chart .g1 .bar .p{transform:scale(1,1);opacity:1}
.animated .figure15 .chart .g2 .bar .p{transition-delay:0.5s;transform:scale(1,1);opacity:1}
.animated .figure15 .chart .g3 .bar .p{transition-delay:1s;transform:scale(1,1);opacity:1}
.animated .figure15 .chart .g1 .bar{transition-delay:2s;height:42px;border-width:2px}
.animated .figure15 .chart .g2 .bar{transition-delay:2s;height:175px;border-width:2px}
.animated .figure15 .chart .g3 .bar{transition-delay:2s;height:11px;border-width:2px}
.animated .figure15 .chart div .value{transition-delay:2.5s;transition-duration:0.5s;transform:scale(1,1);opacity:1}
/*****************************************************************
  정기보험 상품
*****************************************************************/
.figure16{height:206px}
.figure16 .txt1{position:relative;width:448px;height:42px;background:url(../images/figure/spr_figure16.png) no-repeat}
.figure16 .txt1:after{content:'';position:absolute;top:0;right:0;width:100%;height:42px;background-color:#fff}
.figure16 .txt2{margin-top:35px;font-size:18px;color:#444;transform:translate(0, 20px);opacity:0}
.figure16 .txt3{margin-top:20px;font-size:18px;color:#3d5fc0;transform:translate(0, 20px);opacity:0}
.figure16 .family{position:absolute;top:-30px;right:0;width:368px;height:236px;text-align:center}
.figure16 .family:before{content:'';display:block;height:202px;background:url(../images/figure/spr_figure16.png) 0 -47px no-repeat;transform:scale(0,0);opacity:0}
.figure16 .family:after{content:'';display:inline-block;width:137px;height:14px;margin-top:20px;background:url(../images/figure/spr_figure16.png) 0 -254px no-repeat;transform:translate(0, -10px);opacity:0}
.animated .figure16 .txt1:after{transition-duration:2s;width:0}
.animated .figure16 .txt2{transition-delay:2s;transform:translate(0, 0);opacity:1}
.animated .figure16 .txt3{transition-delay:3s;transform:translate(0, 0);opacity:1}
.animated .figure16 .family:before{transform:scale(1,1);opacity:1}
.animated .figure16 .family:after{transition-delay:1s;transform:translate(0, 0);transition-duration:0.5s;opacity:1}
.figure17 .info_list{margin:0 -13px}
.figure17 .info_list .item{position:relative;width:382px;height:250px;margin:0 13px;padding:80px 30px 30px;background-color:#f6f8fa;border-radius:10px;transform:translate(0, 50px);opacity:0}
.figure17 .info_list .item:before{content:'';position:absolute;top:30px;left:30px;height:33px;background:url(../images/figure/spr_figure17.png) no-repeat}
.figure17 .info_list .item.t1:before{width:37px;background-position:0 0}
.figure17 .info_list .item.t2:before{width:23px;background-position:-46px 0}
.figure17 .info_list .item.t3:before{width:32px;background-position:-79px 0}
.figure17 .info_list .item.t4:before{width:26px;background-position:-121px 0}
.figure17 .info_list .item h4{font-size:18px;font-weight:700;color:#444}
.figure17 .info_list .item .txt1{margin-top:25px;font-size:16px;color:#444}
.figure17 .info_list .item .txt1 span{font-size:18px}
.figure17 .info_list .item .txt1 strong{font-weight:700;color:#3d5fc0}
.figure17 .info_list .item .txt2{margin-top:10px;color:#777}
.figure17 .arrow{width:158px;height:27px;margin:30px auto 0;background:url(../images/figure/spr_figure17.png) 0 -38px no-repeat;transform:translate(0, -30px);opacity:0}
.figure17 .box_txt{margin-top:20px;font-size:22px;font-weight:500;transform:translate(0, -30px);opacity:0}
.figure17 .box_txt strong{font-weight:700;color:#3d5fc0}
.animated .figure17 .info_list .item.t1{transform:translate(0, 0);opacity:1}
.animated .figure17 .info_list .item.t2{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.animated .figure17 .info_list .item.t3{transition-delay:1s;transform:translate(0, 0);opacity:1}
.animated .figure17 .info_list .item.t4{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.animated .figure17 .arrow{transition-delay:2s;transform:translate(0, 0);opacity:1}
.animated .figure17 .box_txt{transition-delay:3s;transform:translate(0, 0);opacity:1}
.figure18 .info{padding:0 20px 0 0}
.figure18 .info:last-child{padding:0 0 0 20px}
.figure18 .info h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:16px;text-align:center;border-radius:7px}
.figure18 .info p{line-height:26px;margin-top:25px;font-size:18px;font-weight:500;color:#444;text-align:center}
.figure18 .info p strong{font-weight:700;color:#445bcd}
.figure18 .info .chart{position:relative;margin-top:40px}
.figure18 .info .chart:after{content:'';display:block;height:2px;background-color:#444}
.figure18 .info .chart ul{position:relative;padding:0 25px}
.figure18 .info .chart ul li{position:relative;height:122px}
.figure18 .info .chart .bar{position:absolute;bottom:-2px;left:50%;width:50px;height:0;margin-left:-25px;border:2px solid #444;background-color:#3d5fc0;border-radius:5px 5px 0 0;opacity:0}
.figure18 .info .chart .bar em{position:absolute;top:-31px;left:0;width:50px;font-size:18px;font-weight:500;text-align:center;transform:translate(0, 10px);opacity:0}
.figure18 .info .chart .lb{display:block;margin-top:140px;font-size:18px;font-weight:700;text-align:center}
.figure18 .info .pie_area{margin:55px 20px 0}
.figure18 .info .pie_area .pie{position:relative;width:108px;height:108px;margin:0 auto;background:url(../images/figure/spr_figure18.png) no-repeat}
.figure18 .info .pie_area .pie.p1{background-position:2px 2px}
.figure18 .info .pie_area .pie.p2{background-position:-112px 2px}
.figure18 .info .pie_area .pie.p3{background-position:-226px 2px}
.figure18 .info .pie_area .pie .mask{position:absolute;top:0;left:0}
.figure18 .info .pie_area .pie .mask:before{content:'';position:absolute;top:0;left:54px;width:54px;height:108px;border-radius:0 54px 54px 0;background-color:#fff;transform-origin:center left}
.figure18 .info .pie_area .pie .mask:after{content:'';position:absolute;top:0;left:0;width:54px;height:108px;border-radius:54px 0 0 54px;background-color:#fff;transition:all 1s 1s linear;transform:rotate(0deg);transform-origin:center right}
.figure18 .info .pie_area .pie .mask span{position:absolute;top:2px;left:54px;width:52px;height:104px;background:url(../images/figure/spr_figure18.png) no-repeat;transition:all 0s 1s linear;opacity:0;z-index:10}
.figure18 .info .pie_area .pie .counter{position:absolute;top:0;left:0;width:100%;height:100%;line-height:108px;font-size:16px;text-align:center;z-index:20}
.figure18 .info .pie_area .pie.p1 .mask span{background-position:-52px 0}
.figure18 .info .pie_area .pie.p1 .counter{font-size:20px;font-weight:700}
.figure18 .info .pie_area .pie.p1 .counter span{display:inline-block;line-height:16px;width:40px;overflow:hidden}
.figure18 .info .pie_area .pie.p2 .counter span, .figure18 .info .pie_area .pie.p3 .counter span{display:inline-block;line-height:13px;width:30px;overflow:hidden}
.figure18 .info .pie_area .pie.p2 .mask span{background-position:-166px 0}
.figure18 .info .pie_area .pie.p3 .mask span{background-position:-280px 0}
.figure18 .info .pie_area .lb{display:block;margin-top:20px;font-size:18px;font-weight:700;color:#444;text-align:center}
.animated .figure18 .info .chart .bar{transition-duration:2s;opacity:1}
.animated .figure18 .info .chart .g1 .bar{height:100px}
.animated .figure18 .info .chart .g2 .bar{height:85px}
.animated .figure18 .info .chart .g3 .bar{height:105px}
.animated .figure18 .info .chart .g4 .bar{height:80px;background-color:#dadeed}
.animated .figure18 .info .chart .g5 .bar{height:85px;background-color:#dadeed}
.animated .figure18 .info .chart .bar em{transition-delay:2s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.animated .figure18 .info .pie_area .pie .mask:before{animation:pieS 1s forwards linear}
.animated .figure18 .info .pie_area .pie .mask:after{transform:rotate(180deg)}
.animated .figure18 .info .pie_area .pie .mask span{opacity:1}
@keyframes pieS {
  0%{opacity:1;transform:rotate(0deg)}
  99%{opacity:1;transform:rotate(180deg)}
  100%{opacity:0;transform:rotate(180deg)}
}
.figure19 .tbl{transform:translate(0, 50px);opacity:0}
.figure19 .info{position:relative;height:167px;margin-top:30px;border:1px solid #e1e1e1;border-radius:10px;text-align:center;transform:translate(0, 50px);opacity:0}
.figure19 .info:after{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#e1e1e1}
.figure19 .info h4{padding-top:25px;font-size:18px;font-weight:500}
.figure19 .info p{padding-top:15px;color:#444}
.animated .figure19 .tbl{transform:translate(0, 0);opacity:1}
.animated .figure19 .info{transition-delay:1s;transform:translate(0, 0);opacity:1}
/*****************************************************************
  연금저축보험 상품
*****************************************************************/
.figure20 .tab_nav li a {color:#111;}
.figure20 .tab_contents {padding:0 !important; border:1px solid #445bcd;}
.figure20 dl {width:100%; overflow:hidden}
.figure20 dl dt{float:left;width:25%; color:#222; padding-left:10px; line-height:1.6; font-size:18px;}
.figure20 dl dd {float:left;width:75%;}
.figure20 dl dd p{ color:#222; line-height:1.6; font-size:18px;}
.figure20 dl dd .fo_blue{color:#445bcd}
.pro_box {clear:both; background:#e1f4fd; padding:10px; text-align:right; margin-top:10px}
.pro_box p{ font-size:13px; color:#222; line-height:20px;}
.pro_box span{display:block; font-size:15px; color:#fe106f}
.accordion_wrap .add_acco {border:1px solid #ccc; text-align:center; width:200px; margin:0 auto; padding:5px 0}
.figure20 .tbl {transform:translate(0, 50px);opacity:0; height:0;}
.figure20 .tab_section {transform:translate(0, 50px);opacity:0;}
.animated .figure20 .tab_section {transform:translate(0, 0);opacity:1}
.animated .figure20 .on {transform:translate(0, 0);opacity:1; height:100%;}
.figure21{position:relative;width:375px;height:205px;margin:0 auto}
.figure21:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#444}
.figure21 .bar{position:absolute;bottom:0;left:20px;width:140px;height:205px;border:2px dotted #b4b4b4;border-radius:7px}
.figure21 .bar .g{position:absolute;bottom:-2px;left:-2px;width:140px;height:205px;padding-top:15px;border:2px solid #444;background-color:#3eb8c7;font-size:18px;color:#fff;text-align:center;border-radius:7px;transition-duration:2s}
.figure21 .bar .arrow_line{position:absolute;width:75px;opacity:0;transition-duration:2s}
.figure21 .bar em{position:absolute;top:85px;font-size:16px;font-weight:500;color:#445bcd;opacity:0}
.figure21 .b1 .arrow_line{top:50px;left:-60px;transform:rotate(90deg)}
.figure21 .b1 em{left:-81px;transform:translate(10px, 0)}
.figure21 .b2 .arrow_line{top:150px;right:-60px;transform:rotate(-90deg)}
.figure21 .b2 em{right:-54px;transform:translate(-10px, 0)}
.figure21 .b2{left:215px}
.figure21 .b2 .g{height:102px;background-color:#445bcd}
.animated .figure21 .bar .g{height:102px}
.animated .figure21 .b2 .g{height:205px}
.animated .figure21 .b1 .arrow_line{top:100px;opacity:1}
.animated .figure21 .b2 .arrow_line{top:100px;opacity:1}
.animated .figure21 .bar em{transition-delay:2s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.figure22 .info{border-top:2px solid #444}
.figure22 .info .item{display:table;position:relative;width:100%;height:170px;padding-left:225px;border-bottom:1px solid #e1e1e1;transform:translate(0, 50px);opacity:0}
.figure22 .info .item:before{content:'';position:absolute;left:50px;width:129px;background:url(../images/figure/spr_figure22.png) no-repeat}
.figure22 .info .item.t1:before{top:36px;height:98px;background-position:0 0}
.figure22 .info .item.t2:before{top:43px;height:99px;background-position:0 -196px}
.figure22 .info .item.t3:before{top:34px;height:78px;background-position:0 -108px}
.figure22 .info .item .inner{display:table-cell;vertical-align:middle}
.figure22 .info .item h4{font-size:18px;font-weight:700;color:#444}
.figure22 .info .item p{line-height:26px;margin-top:10px;color:#444}
.figure22 .btn_set{transform:translate(0, 50px);opacity:0}
.animated .figure22 .info .item.t1{transform:translate(0, 0);opacity:1}
.animated .figure22 .info .item.t2{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.animated .figure22 .info .item.t3{transition-delay:1s;transform:translate(0, 0);opacity:1}
.animated .figure22 .btn_set{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
/*****************************************************************
  연금저축보험 상품
*****************************************************************/
.figure23 .chart{position:relative;height:270px;font-size:18px;font-weight:700;color:#444}
.figure23 .chart:before{content:'';position:absolute;top:0;left:60px;width:2px;height:230px;background-color:#444}
.figure23 .chart:after{content:'';position:absolute;top:230px;left:60px;right:0;height:2px;background-color:#444}
.figure23 .chart .value{position:absolute;top:0;left:0;width:60px;line-height:14px}
.figure23 .chart .v2{top:115px}
.figure23 .chart em{position:absolute;bottom:0;left:102px;width:50px;text-align:center}
.figure23 .chart em:after{content:'';position:absolute;bottom:40px;left:50%;width:1px;height:230px;border-right:2px dotted #b4b4b4}
.figure23 .chart .g_line{position:absolute;top:22px;left:62px;width:0;height:100px;background:url(../images/figure/spr_figure23.png) no-repeat;opacity:0}
.figure23 .chart .g_line:after{content:'';position:absolute;bottom:2px;left:60px;width:8px;height:8px;border:3px solid #445bcd;background-color:#fff;border-radius:100%;transform:scale(0,0);opacity:0}
.figure23 .chart .g_area{position:absolute;top:28px;left:62px;width:472px;height:0;background:url(../images/figure/spr_figure23.png) 0 -110px no-repeat;z-index:-1;opacity:0}
.figure23 .chart .line{position:absolute;top:228px;left:62px;width:0;height:2px;background-color:#3eb8c7}
.figure23 .chart .g2{left:206px}
.figure23 .chart .g3{left:306px}
.figure23 .chart .g4{left:406px}
.figure23 .chart .g5{left:506px}
.animated .figure23 .chart .g_line{width:475px;opacity:1}
.animated .figure23 .chart .g_line:after{transition-delay:1s;transition-duration:0.5s;transform:scale(1,1);opacity:1}
.animated .figure23 .chart .g_area{transition-delay:1.5s;height:202px;opacity:1}
.animated .figure23 .chart .line{transition-delay:2.5s;top:122px;width:540px}
.figure24{position:relative}
.figure24:before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;border-right:2px dotted #b4b4b4}
.figure24 .info{position:relative;height:325px;padding:0 20px 0 0}
.figure24 .info:last-child{padding:0 0 0 20px}
.figure24 .info h4{height:40px;line-height:38px;background-color:#e8edf3;font-size:16px;text-align:center;border-radius:7px}
.figure24 .info .purse{position:relative;width:157px;height:154px;margin:45px auto 0;background:url(../images/figure/spr_figure24.png) no-repeat;transform:scale(0,0);opacity:0}
.figure24 .info .purse:before{content:'';position:absolute;top:104px;left:108px;width:23px;height:24px;background:url(../images/figure/spr_figure24.png) -83px -163px no-repeat;transform:scale(1,1) translate(0, 0)}
.figure24 .info .purse .tax{position:absolute;bottom:41px;left:83px;width:73px;height:56px;background:url(../images/figure/spr_figure24.png) 0 -163px no-repeat;opacity:0}
.figure24 .info .purse .tax span{position:absolute;top:-37px;left:50px;width:80px;font-size:16px;font-weight:700;color:#ff8a6e;text-align:center;z-index:-1}
.figure24 .info .purse .tax span em{transform:translate(0, -10px);opacity:0}
.figure24 .info .purse .tax span:before{content:''; position:absolute;top:74px;left:9px;width:0;height:2px;background-color:#ff8a6e}
.figure24 .info .purse .tax span:after{content:''; position:absolute;bottom:-28px;left:37px;width:2px;height:0;background-color:#ff8a6e}
.figure24 .info .lb{display:block;margin-top:25px;font-size:18px;font-weight:700;color:#444;text-align:center}
.animated .figure24 .info .purse{transform:scale(1,1);opacity:1}
.animated .figure24 .info .purse .tax{transition-delay:1s;opacity:1}
.animated .figure24 .info .purse.p1:before{transition-delay:1s;transform:scale(0.7,0.7) translate(0, 20px)}
.animated .figure24 .info .purse .tax span:before{transition-delay:2s;transition-duration:0.5s;width:30px}
.animated .figure24 .info .purse .tax span:after{transition-delay:2.5s;transition-duration:0.5s;height:26px}
.animated .figure24 .info .purse .tax span em{transition-delay:3s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.figure25{position:relative;width:375px;height:205px;margin:0 auto}
.figure25:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#444}
.figure25 .savings{position:absolute;top:2px;left:40px;width:300px;height:55px;line-height:50px;border:2px solid #444;background-color:#445bcd;font-size:18px;color:#fff;text-align:center;border-radius:7px;transform:scale(0,0);opacity:0}
.figure25 .plus{position:absolute;top:46px;left:50%;width:20px;height:20px;margin-left:-10px;background:url(../images/figure/ico_plus.png) no-repeat;z-index:10;transform:scale(0,0) rotate(360deg);opacity:0}
.figure25 .bar{position:absolute;bottom:0;left:40px;width:295px;height:150px;border:2px dotted #b4b4b4;border-radius:7px}
.figure25 .bar .g{position:absolute;bottom:-2px;left:-2px;width:300px;height:0;padding-top:15px;border:2px solid #444;background-color:#3eb8c7;font-size:18px;color:#fff;text-align:center;border-radius:7px;transition-duration:2s}
.animated .figure25 .bar .g{height:150px}
.animated .figure25 .savings{transition-delay:2s;transform:scale(1,1);opacity:1}
.animated .figure25 .plus{transition-delay:3s;transform:scale(1,1) rotate(0deg);opacity:1}
.figure26 td strong{display:inline-block;padding:22px 0;font-size:18px}
.figure26 .tbl{transform:translate(0, 50px);opacity:0}
.animated .figure26 .tbl{transform:translate(0, 0);opacity:1}
.figure27 ul{margin:-18px -30px}
.figure27 li{margin:18px 0;text-align:center;transform:translate(0, 30px);opacity:0}
.figure27 li:before{content:'';display:block;width:100px;height:100px;margin:0 auto 10px;background:url(../images/figure/spr_figure27.png) no-repeat}
.figure27 li.t1:before{background-position:0 0}
.figure27 li.t2:before{background-position:-110px 0}
.figure27 li.t3:before{background-position:-220px 0}
.figure27 li.t4:before{background-position:-330px 0}
.figure27 li.t5:before{background-position:0 -106px}
.figure27 li.t6:before{background-position:-110px -106px}
.figure27 li.t7:before{background-position:-220px -106px}
.figure27 li.t8:before{background-position:-330px -106px}
.animated .figure27 li.t1{transform:translate(0, 0);opacity:1}
.animated .figure27 li.t2{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.animated .figure27 li.t3{transition-delay:1s;transform:translate(0, 0);opacity:1}
.animated .figure27 li.t4{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.animated .figure27 li.t5{transition-delay:2s;transform:translate(0, 0);opacity:1}
.animated .figure27 li.t6{transition-delay:2.5s;transform:translate(0, 0);opacity:1}
.animated .figure27 li.t7{transition-delay:3s;transform:translate(0, 0);opacity:1}
.animated .figure27 li.t8{transition-delay:3.5s;transform:translate(0, 0);opacity:1}
/*****************************************************************
  암보험 상품 비주얼
*****************************************************************/
.p_figure1{position:relative;width:384px;margin-top:25px}
.p_figure1 .g_bar_area{height:150px;margin:0 15px}
.p_figure1:before{content:'';position:absolute;top:108px;left:0;width:100%;height:2px;background-color:#fff}
.p_figure1 .g_bar{position:relative;height:108px}
.p_figure1 .g_bar .bar{position:absolute;bottom:0;left:6px;width:80px;height:0;padding-top:0;border-radius:4px 4px 0 0;background-color:#fff;color:#444;text-align:center;opacity:0}
.p_figure1 .g_bar .lb{position:absolute;top:116px;left:6px;width:80px;line-height:18px;font-size:12px;color:#fff;text-align:center}
.p_figure1 .g_bar.g2 .bar:before{content:'';}
.p_figure1 .g_bar.g3 .bar:before{content:'';}
.slick-current .p_figure1 .g_bar.g1 .bar{height:23px;opacity:1}
.slick-current .p_figure1 .g_bar.g2 .bar{transition-delay:1s;height:38px;padding-top:3px;opacity:1}
.slick-current .p_figure1 .g_bar.g3 .bar{transition-delay:2s;height:58px;padding-top:3px;opacity:1}
.slick-current .p_figure1 .g_bar.g4 .bar{transition-delay:3s;height:108px;padding-top:3px;opacity:1}
.p_figure2{position:relative;width:390px;margin-top:25px}
.p_figure2 ul li{position:relative;margin:0 10px;text-align:center}
.p_figure2 ul li:before{content:'';display:block;width:110px;height:110px;background:url(../images/figure/spr_p_figure2.png) no-repeat;transform:scale(0, 0);opacity:0}
.p_figure2 ul li.p1:before{background-position:0 0}
.p_figure2 ul li.p2:before{background-position:-110px 0}
.p_figure2 ul li.p3:before{background-position:-220px 0}
.p_figure2 ul li .lb{display:block;margin-top:5px;font-size:12px;color:#fff;transform:translate(0, -10px);opacity:0}
.p_figure2 ul li .chk{position:absolute;top:0;right:0;width:28px;height:28px;background-color:#445bcd;border-radius:100%;transform:scale(0, 0);opacity:0}
.p_figure2 ul li .chk:before{content:'';position:absolute;top:9px;left:8px;width:0;height:9px;background:url(../images/figure/ico_chk.png) no-repeat}
.p_figure2 ul li .chk:after{content:'';position:absolute;top:9px;left:13px;width:0;height:9px;background:url(../images/figure/ico_chk.png) -5px 0 no-repeat}
.slick-current .p_figure2 ul li.p1:before{transform:scale(1, 1);opacity:1}
.slick-current .p_figure2 ul li.p1 .lb{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure2 ul li.p1 .chk{transition-delay:1.3s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure2 ul li.p1 .chk:before{width:5px;transition-duration:0.3s;transition-delay:1.6s}
.slick-current .p_figure2 ul li.p1 .chk:after{width:7px;transition-duration:0.3s;transition-delay:1.9s}
.slick-current .p_figure2 ul li.p2:before{transition-delay:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure2 ul li.p2 .lb{transition-delay:1s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure2 ul li.p2 .chk{transition-delay:1.8s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure2 ul li.p2 .chk:before{width:5px;transition-duration:0.3s;transition-delay:2.1s}
.slick-current .p_figure2 ul li.p2 .chk:after{width:7px;transition-duration:0.3s;transition-delay:2.4s}
.slick-current .p_figure2 ul li.p3:before{transition-delay:1s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure2 ul li.p3 .lb{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure2 ul li.p3 .chk{transition-delay:2.3s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure2 ul li.p3 .chk:before{width:5px;transition-duration:0.3s;transition-delay:2.6s}
.slick-current .p_figure2 ul li.p3 .chk:after{width:7px;transition-duration:0.3s;transition-delay:2.9s}
/*****************************************************************
  2대성인병보험 상품 비주얼
*****************************************************************/
.p_figure3{position:relative;width:390px;margin-top:25px}
.p_figure3 ul li{position:relative;text-align:center}
.p_figure3 ul li:before{content:'';display:block;width:80px;height:80px;margin:0 15px;background:url(../images/figure/spr_p_figure3.png) no-repeat;transform:scale(0, 0);opacity:0}
.p_figure3 ul li.p1:before{width:119px;height:105px;margin:0;background-position:0 0}
.p_figure3 ul li.p2:before{background-position:-119px 0}
.p_figure3 ul li.p3:before{background-position:-199px 0}
.p_figure3 ul li .lb{display:block;margin-top:5px;font-size:12px;color:#fff;transform:translate(0, -10px);opacity:0}
.p_figure3 ul li .chk{position:absolute;top:0;right:7px;width:28px;height:28px;background-color:#445bcd;border-radius:100%;transform:scale(0, 0);opacity:0}
.p_figure3 ul li .chk:before{content:'';position:absolute;top:9px;left:8px;width:0;height:9px;background:url(../images/figure/ico_chk.png) no-repeat}
.p_figure3 ul li .chk:after{content:'';position:absolute;top:9px;left:13px;width:0;height:9px;background:url(../images/figure/ico_chk.png) -5px 0 no-repeat}
.slick-current .p_figure3 ul li.p1:before{transform:scale(1, 1);opacity:1}
.slick-current .p_figure3 ul li.p2:before{transition-delay:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure3 ul li.p2 .chk{transition-delay:1.0s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure3 ul li.p2 .chk:before{width:5px;transition-duration:0.3s;transition-delay:1.3s}
.slick-current .p_figure3 ul li.p2 .chk:after{width:7px;transition-duration:0.3s;transition-delay:1.6s}
.slick-current .p_figure3 ul li.p3:before{transition-delay:1.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure3 ul li.p3 .chk{transition-delay:2.0s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure3 ul li.p3 .chk:before{width:5px;transition-duration:0.3s;transition-delay:2.3s}
.slick-current .p_figure3 ul li.p3 .chk:after{width:7px;transition-duration:0.3s;transition-delay:2.6s}
.slick-current .p_figure3 ul li .lb{transition-delay:3.0s;transform:translate(0, 0);opacity:1}
.p_figure4{position:relative;width:390px;margin-top:25px}
.p_figure4 ul li{position:relative;text-align:center}
.p_figure4 ul li{width:113px;height:91px;background:url(../images/figure/spr_p_figure4.png) no-repeat;transform:scale(0, 0);opacity:0}
.p_figure4 ul li.p2{position:relative;width:126px;height:65px;margin-top:14px;background-position:-125px 0;transform:translate(0, 0);opacity:0}
.p_figure4 ul li.p2 .counter{position:absolute;top:9px;left:26px;width:50px;font-size:28px;font-weight:700;color:#445bcd;text-align:right}
.slick-current .p_figure4 ul li.p1{transform:scale(1, 1);opacity:1}
.slick-current .p_figure4 ul li.p2{transition-delay:1.0s;transform:translate(12px, 0);opacity:1}
/*****************************************************************
  어린이보험 상품 비주얼
*****************************************************************/
.p_figure5{position:relative;width:390px;height:110px;margin-top:25px}
.p_figure5:after{content:''; position:absolute;bottom:0;left:33px;width:2px;height:90px;background-color:#fff}
.p_figure5 ul{padding-top:20px}
.p_figure5 li{margin-top:10px}
.p_figure5 li span{display:block}
.p_figure5 .lb{width:35px;font-size:12px;color:#fff}
.p_figure5 .bar{width:0;height:30px;line-height:28px;padding-right:10px;background-color:#fff;color:#444;text-align:right;border-radius:0 3px 3px 0;overflow:hidden;opacity:0}
.p_figure5 .bar.b2{margin-left:-3px;background-color:#445bcd;color:#fff}
.p_figure5 .arrow{position:relative;width:0;height:7px;margin:11px 0 0 10px;background-color:#445bcd;opacity:0}
.p_figure5 .arrow:before{content:'';position:absolute;top:-3px;right:-7px;width:7px;height:14px;background:url(../images/figure/spr_p_figure5.png) -43px 0 no-repeat}
.p_figure5 .arrow:after{content:'';position:absolute;top:-41px;right:-7px;width:43px;height:31px;background:url(../images/figure/spr_p_figure5.png) 0 0 no-repeat;transform:translate(0, -10px);opacity:0}
.slick-current .p_figure5 .p1 .b1{width:70px;opacity:1}
.slick-current .p_figure5 .p2 .b1{width:140px;opacity:1}
.slick-current .p_figure5 .p2 .b2{transition-delay:1.0s;width:195px;opacity:1}
.slick-current .arrow{transition-delay:1.5s;width:245px;opacity:1}
.slick-current .arrow:after{transition-delay:2.5s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.p_figure6{position:relative;width:600px;margin-top:25px}
.p_figure6 ul li{position:relative;text-align:center}
.p_figure6 ul li:before{content:'';display:block;width:80px;height:80px;margin:0 10px;background:url(../images/figure/spr_p_figure6.png) no-repeat;transform:scale(0, 0);opacity:0}
.p_figure6 ul li.p1:before{width:108px;height:103px;margin:0 10px 0 0;background-position:0 0}
.p_figure6 ul li.p2:before{background-position:-108px 0}
.p_figure6 ul li.p3:before{background-position:-188px 0}
.p_figure6 ul li.p4:before{background-position:-268px 0}
.p_figure6 ul li.p5:before{background-position:-348px 0}
.p_figure6 ul li .lb{display:block;margin-top:5px;font-size:12px;color:#fff;transform:translate(0, -10px);opacity:0}
.p_figure6 ul li .chk{position:absolute;top:0;right:7px;width:28px;height:28px;background-color:#445bcd;border-radius:100%;transform:scale(0, 0);opacity:0}
.p_figure6 ul li .chk:before{content:'';position:absolute;top:9px;left:8px;width:0;height:9px;background:url(../images/figure/ico_chk.png) no-repeat}
.p_figure6 ul li .chk:after{content:'';position:absolute;top:9px;left:13px;width:0;height:9px;background:url(../images/figure/ico_chk.png) -5px 0 no-repeat}
.slick-current .p_figure6 ul li.p1:before{transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p2:before{transition-delay:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p2 .chk{transition-delay:1.0s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p2 .chk:before{width:5px;transition-duration:0.3s;transition-delay:1.3s}
.slick-current .p_figure6 ul li.p2 .chk:after{width:7px;transition-duration:0.3s;transition-delay:1.6s}
.slick-current .p_figure6 ul li.p3:before{transition-delay:1.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p3 .chk{transition-delay:2.0s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p3 .chk:before{width:5px;transition-duration:0.3s;transition-delay:2.3s}
.slick-current .p_figure6 ul li.p3 .chk:after{width:7px;transition-duration:0.3s;transition-delay:2.6s}
.slick-current .p_figure6 ul li.p4:before{transition-delay:2.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p4 .chk{transition-delay:3.0s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p4 .chk:before{width:5px;transition-duration:0.3s;transition-delay:3.3s}
.slick-current .p_figure6 ul li.p4 .chk:after{width:7px;transition-duration:0.3s;transition-delay:3.4s}
.slick-current .p_figure6 ul li.p5:before{transition-delay:3.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p5 .chk{transition-delay:4.0s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure6 ul li.p5 .chk:before{width:5px;transition-duration:0.3s;transition-delay:4.3s}
.slick-current .p_figure6 ul li.p5 .chk:after{width:7px;transition-duration:0.3s;transition-delay:4.6s}
.slick-current .p_figure6 ul li .lb{transition-delay:5.0s;transform:translate(0, 0);opacity:1}
/*****************************************************************
  정기보험 상품 비주얼
*****************************************************************/
.p_figure7{position:relative;width:385px;height:145px;margin-top:25px}
.p_figure7:before{content:'';position:absolute;bottom:35px;left:0;width:0%;height:2px;background-color:#fff}
.p_figure7 li{position:absolute;bottom:35px;left:42px;width:80px}
.p_figure7 li .lb{position:absolute;top:8px;left:0;width:100%;line-height:16px;font-size:12px;color:#fff;text-align:center}
.p_figure7 li.p2{left:152px}
.p_figure7 li.p3{left:262px}
.p_figure7 li .bar{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;border-radius:3px 3px 0 0}
.p_figure7 li .bar:after{content:'기본보험료';display:block;height:25px;font-size:12px;text-align:center}
.p_figure7 li .bar span{display:block;height:62px;line-height:16px;padding:6px 0;border-bottom:2px dotted #949294;font-size:12px;text-align:center;overflow:hidden}
.p_figure7 li .bar .b2{height:30px}
.p_figure7 .arrow{position:absolute;top:-117px;left:37px;width:7px;height:0;background-color:#445bcd;opacity:0}
.p_figure7 .arrow:before{content:'';position:absolute;bottom:-7px;left:-3px;width:13px;height:7px;background:url(../images/figure/spr_p_figure7.png) -43px 0 no-repeat}
.p_figure7 .arrow:after{content:'';position:absolute;top:50%;left:0;width:43px;height:25px;margin-top:-12px;background:url(../images/figure/spr_p_figure7.png) no-repeat;opacity:0}
.slick-current .p_figure7 li.p2 .b1{height:0;padding:0;opacity:0}
.slick-current .p_figure7 li.p3 .b1{transition-delay:1.0s;height:0;padding:0;opacity:0}
.slick-current .p_figure7 li.p3 .b2{transition-delay:2.0s;height:0;padding:0;opacity:0}
.slick-current .p_figure7 li.p2 .arrow{transition-delay:1.5s;height:48px;opacity:1}
.slick-current .p_figure7 li.p2 .arrow:after{transition-delay:2.5s;translate(0, 0);left:10px;opacity:1}
.slick-current .p_figure7 li.p3 .arrow{transition-delay:2.5s;height:70px;opacity:1}
.slick-current .p_figure7 li.p3 .arrow:after{transition-delay:3.5s;left:10px;opacity:1}
.p_figure8{position:relative;width:385px;margin-top:25px}
.p_figure8:after{content:'';position:absolute;top:0;left:140px;width:2px;height:0;background:url(../images/figure/spr_p_figure8.png) no-repeat;transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.p_figure8 .guarantee{position:relative;width:140px;height:145px;text-align:center}
.p_figure8 .guarantee.g2{width:242px}
.p_figure8 .guarantee h4{line-height:12px;color:#fff}
.p_figure8 .guarantee .lb{display:block;padding-top:3px;font-size:12px;color:#fff;transform:translate(0, 10px);opacity:0}
.p_figure8 .guarantee.g1 .b1{position:absolute;bottom:-2px;left:30px;transform:translate(70px, 0);opacity:0}
.p_figure8 .guarantee.g2 .b1{position:absolute;bottom:-2px;left:30px;transform:translate(-70px, 0);opacity:0}
.p_figure8 .guarantee.g2 .b2{position:absolute;bottom:-2px;left:110px;transform:translate(-150px, 0);opacity:0}
.p_figure8 .guarantee .box{display:block;position:relative;width:80px;height:50px;line-height:18px;padding-top:5px;background-color:#fff;border-radius:3px;font-size:12px}
.p_figure8 .guarantee .box strong{font-size:14px;font-weight:700}
.p_figure8 .guarantee.g2 .b2 .box{height:95px;padding-top:8px;background-color:#445bcd;color:#fff}
.p_figure8 .guarantee.g2 .b2 .box:after{content:'';position:absolute;top:0;right:-53px;width:43px;height:25px;background:url(../images/figure/spr_p_figure8.png) -2px 0 no-repeat;transform:translate(-10px, 0);opacity:0}
.slick-current .p_figure8 .guarantee.g1 .b1{transition-delay:1.0s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure8:after{transition-delay:2.0s;height:123px}
.slick-current .p_figure8 .guarantee.g2 .b1{transition-delay:2.0s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure8 .guarantee.g2 .b2{transition-delay:3.0s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure8 .guarantee .lb{transition-delay:4.0s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure8 .guarantee.g2 .b2 .box:after{transition-delay:4.0s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
/*****************************************************************
  연금저축보험 상품 비주얼
*****************************************************************/
.p_figure9{position:relative;width:385px;margin-top:25px}
.p_figure9 .tax{position:relative;width:215px;height:101px}
.p_figure9 .tax:before{content:'';position:absolute;top:0;left:0;width:148px;height:101px;background:url(../images/figure/spr_p_figure9.png) no-repeat}
.p_figure9 .tax:after{content:'';position:absolute;top:6px;left:148px;width:67px;height:89px;background:url(../images/figure/spr_p_figure9.png) -148px -6px no-repeat;transform-origin:top left;transform:rotate(0deg)}
.p_figure9 .scissors{position:absolute;top:90px;left:136px;width:24px;height:28px;z-index:10}
.p_figure9 .scissors:before{content:'';position:absolute;top:0;left:0;width:21px;height:28px;background:url(../images/figure/spr_p_figure9.png) -181px -101px no-repeat;animation:scissors1 1s infinite}
.p_figure9 .scissors:after{content:'';position:absolute;top:0;left:3px;width:21px;height:28px;background:url(../images/figure/spr_p_figure9.png) -181px -129px no-repeat;animation:scissors2 1s infinite}
.p_figure9 .money{position:absolute;top:23px;left:167px;width:55px;height:58px;background:url(../images/figure/spr_p_figure9.png) 0 -101px no-repeat;transform:scale(0, 0);opacity:0}
.p_figure9 .money:after{content:'';position:absolute;top:-8px;left:65px;width:126px;height:65px;background:url(../images/figure/spr_p_figure9.png) -55px -101px no-repeat;transform:translate(-10px, 0);opacity:0}
@keyframes scissors1{
0%{transform:rotate(0deg)}
50%{transform:rotate(-25deg)}
100%{transform:rotate(0deg)}
}
@keyframes scissors2{
0%{transform:rotate(0deg)}
50%{transform:rotate(25deg)}
100%{transform:rotate(0deg)}
}
.slick-current .p_figure9 .tax:after{animation:tax 5s forwards}
.slick-current .p_figure9 .scissors{animation:scissors 4s forwards}
.slick-current .p_figure9 .money{transition-delay:4s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure9 .money:after{transition-delay:5s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
@keyframes tax{
20%{transform:rotate(0deg)}
80%{top:6px;left:148px;transform:rotate(-45deg);opacity:1}
100%{top:-14px;left:168px;transform:rotate(-45deg);opacity:0}
}
@keyframes scissors{
20%{top:90px}
80%{top:0;opacity:1}
100%{top:0;opacity:0}
}
.p_figure10{position:relative;width:385px;height:110px;margin-top:25px}
.p_figure10:after{content:'';position:absolute;bottom:0;left:54px;width:275px;height:2px;background-color:#fff}
.p_figure10 .bar{position:relative;width:92px;height:110px;margin-left:94px}
.p_figure10 .bar.b2{margin-left:12px}
.p_figure10 .bar:before{content:'';position:absolute;top:0;left:0;width:88px;height:106px;border:2px dotted rgba(255,255,255,0.5);border-radius:5px}
.p_figure10 .bar .lb{position:absolute;bottom:0;left:0;width:100%;height:100%;line-height:32px;background-color:#fff;color:#444;text-align:center;border-radius:5px 5px 0 0}
.p_figure10 .bar.b2 .lb{height:50%;background-color:#445bcd;color:#fff}
.p_figure10 .bar .arrow{position:absolute;top:0;width:7px;height:48px;background-color:#445bcd;opacity:0}
.p_figure10 .bar .arrow:before{content:'';position:absolute;width:13px;height:7px;background:url(../images/figure/spr_p_figure10.png) -134px 0 no-repeat}
.p_figure10 .bar .arrow:after{content:'';position:absolute;width:67px;height:25px;background:url(../images/figure/spr_p_figure10.png) 0 0 no-repeat;opacity:0}
.p_figure10 .bar.b1 .arrow{left:-20px;transform:translate(0, 20px)}
.p_figure10 .bar.b1 .arrow:before{bottom:-7px;left:-3px}
.p_figure10 .bar.b1 .arrow:after{top:15px;left:-75px;transform:translate(10px, 0)}
.p_figure10 .bar.b2 .arrow{top:7px;right:-20px;transform:translate(0, -20px)}
.p_figure10 .bar.b2 .arrow:before{top:-7px;left:-3px;background-position:-134px -7px}
.p_figure10 .bar.b2 .arrow:after{top:8px;right:-75px;background-position:-67px 0;transform:translate(-10px, 0)}
.slick-current .p_figure10 .bar.b1 .lb{transition-delay:1s;height:50%}
.slick-current .p_figure10 .bar.b2 .lb{transition-delay:1s;height:100%}
.slick-current .p_figure10 .bar .arrow{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure10 .bar .arrow:after{transition-delay:2.5s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
/*****************************************************************
  원금보장저축보험 상품 비주얼
*****************************************************************/
.p_figure11{position:relative;width:385px;margin-top:94px}
.p_figure11 .figure_box{position:relative;width:207px;height:132px}
.p_figure11 .figure_box .cloud{position:absolute;bottom:28px;left:4px;width:203px;height:27px;background:url(../images/figure/spr_p_figure11.png) 0 0 no-repeat;transform:translate(-100px, 0);opacity:0}
.p_figure11 .figure_box .woman{position:absolute;bottom:0;left:0;width:95px;height:131px;background:url(../images/figure/spr_p_figure11.png) 0 -27px no-repeat;transform:translate(-50px, 0);opacity:0}
.p_figure11 .figure_box .airplane{position:absolute;top:42px;left:85px;width:116px;height:44px;background:url(../images/figure/spr_p_figure11.png) 0 -158px no-repeat;transform:translate(-100px, 50px);opacity:0}
.slick-current .p_figure11 .figure_box .cloud{transform:translate(0, 0);opacity:1}
.slick-current .p_figure11 .figure_box .woman{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure11 .figure_box .airplane{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.p_figure12{position:relative;width:290px;margin-top:25px}
.p_figure12 .pig{width:100px;height:66px;margin-top:32px;background:url(../images/figure/spr_p_figure12.png) 0 -32px no-repeat;transform:scale(0, 0);opacity:0}
.p_figure12 .pig:after{content:'';position:absolute;top:-31px;left:39px;width:20px;height:31px;background:url(../images/figure/spr_p_figure12.png) -39px 0 no-repeat}
.p_figure12 .trans{position:relative;width:38px;height:40px;margin:36px 0 0 18px;background:url(../images/figure/spr_p_figure12.png) -100px -36px no-repeat;transform:scale(0, 0);opacity:0}
.p_figure12 .lb{position:absolute;top:79px;left:113px;width:50px;font-size:12px;font-weight:500;color:#fff;text-align:center;transform:translate(0, -10px);opacity:0}
.p_figure12 .people{width:110px;height:110px;margin:0 0 0 24px;background:url(../images/figure/spr_p_figure12.png) -140px 0 no-repeat;transform:scale(0, 0);opacity:0}
.slick-current .p_figure12 .pig{transform:scale(1, 1);opacity:1}
.slick-current .p_figure12 .pig:after{animation:coin 1.5s infinite}
.slick-current .p_figure12 .trans{transition-delay:1s;transform:scale(1, 1);opacity:1;animation:trans 2s infinite}
.slick-current .p_figure12 .lb{transition-delay:1.5s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}
.slick-current .p_figure12 .people{transition-delay:2s;transform:scale(1, 1);opacity:1}
@keyframes coin{
0%{top:-31px;opacity:1}
100%{top:0;opacity:0}
}
@keyframes trans{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

/*****************************************************************
  치매보험 상품 비주얼 2022.09.20
*****************************************************************/

.p_figure13{position:relative;width:780px;margin-top:20px}

.p_figure13 .bar {position: absolute; opacity: 0; bottom:0; left:100px; border-radius: 3px 3px 0 0;}
.p_figure13 .bar .bar_txt {font-size: 12px; line-height: 1.3; display: block; text-align: center; padding-top:7px; color:#444;}
.p_figure13 .b2 .bar_txt {padding-left: 120px; padding-top:18px;}
.p_figure13 .b3 .bar_txt {padding-left: 240px; padding-top:30px; color:#fff;}
.p_figure13 .b1 {width: 0; height:70px; background:#fff; z-index: 3;}
.p_figure13 .b2 {width: 0; height:90px; background:#a7b5fa; z-index: 2;}
.p_figure13 .b3 {width: 0; height:110px; background:#445bcd; z-index: 1;}
.p_figure13 .bar .lb {position:absolute; width:100%; font-size: 12px; line-height:16px; color: #fff;text-align: center;}
.p_figure13 .b1 .lb {top:78px; margin-left: -63px}
.p_figure13 .b2 .lb {top:98px; margin-left:-5px;}
.p_figure13 .b3 .lb {top:118px; margin-left:46px;}
.p_figure13 .bar .lb0 {margin-left:-120px;}
.p_figure13 .bar .lb:before {content:''; position: absolute; top:-11px; left:50%; width:8px; height: 8px; border-radius: 100%; background:#fff;}
.p_figure13 ul:before {content:''; position: absolute; top:105px; left:40px; width: 450px; background:#fff; height:2px;}
.p_figure13 ul li{position:relative;text-align:center}
.p_figure13 ul li{width:16px;height:91px;margin-top:14px;background:url(../images/figure/spr_p_figure19.png) no-repeat;transform:scale(0, 0);opacity:0}
.p_figure13 ul li.p1{margin-left: 510px;}
.p_figure13 ul li.p2{position:relative;width:60px;height:65px;margin-top:14px;background-position:-19px 0;transform:translate(0, 0);opacity:0}
.p_figure13 ul li.p3{position:relative;width:150px;height:69px;margin-top:11px;background-position:-78px 0;transform:translate(0, 0);opacity:0}
.p_figure13 ul li .lb{display:block;margin-top:70px;font-size:12px;color:#fff;transform:translate(0, -10px);opacity:0}

.slick-current .p_figure13 .bar {transform:scale(1, 1);opacity:1}
.slick-current .p_figure13 .b1 {width: 120px;}
.slick-current .p_figure13 .b2 {width: 240px;transition-delay:0.5s;}
.slick-current .p_figure13 .b3 {width: 380px;transition-delay:1.0s;}
.slick-current .p_figure13 ul li.p1{transition-delay:1.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure13 ul li.p2{transition-delay:2s;transform:translate(12px, 0);opacity:1}
.slick-current .p_figure13 ul li.p3{transition-delay:2.5s;transform:translate(30px, 0);opacity:1}
.slick-current .p_figure13 .lb{transition-delay:2s;transition-duration:0.5s;transform:translate(0, 0);opacity:1}

.figure3 .g_bar.g3 .bar2.bar2_2, .figure3 .g_bar.g4 .bar3.bar3_2{margin-bottom:0;}
.figure3 .ga2 {position:absolute; top:-30px;right:20px;}
.g_bar.g3 .p_txt{position: absolute; width:140px; height:0px; display: block; margin-top: 50px; left:50%; margin-left:-70px; background:url(../images/figure/spr_figure19.png); background-size: 140px; background-position-y: -155px; opacity: 0}
.g_bar.g4 .p_txt{position: absolute; width:140px; height:0px; display: block; margin-top: 20px; left:50%; margin-left:-70px; background:url(../images/figure/spr_figure19.png); background-size: 140px; opacity: 0}
.animated .figure3 .g_bar.g3 .bar2.bar2_2 {height:150px;}
.animated .figure3 .g_bar.g4 .bar3.bar3_2 {height: 180px;}
.animated .figure3 .g_bar.g3 .p_txt {opacity: 1; height:55px; transition-delay: 2s;}
.animated .figure3 .g_bar.g4 .p_txt {opacity: 1; height:55px; transition-delay: 3s;}

.de_con_wrap {text-align: center;}
.de_con_wrap:before {content:'';display:block; width:37px; height:0; margin:10px auto; background:url(../images/figure/spr_p_figure20.png) no-repeat; background-position: -98px 0; opacity: 0;}
.de_con_wrap .de_con {display: block; width: 0; height: 210px; margin:10px auto; background:url(../images/figure/spr_p_figure20.png) no-repeat; background-position: 0 -45px; opacity: 0;}
.de_con_wrap .lb {font-size: 18px; font-weight: 700; color: #444;}
.animated .figure3 .de_con_wrap:before {height:42px; transition-delay: 3.5s; opacity: 1;}
.animated .figure3 .de_con_wrap .de_con {width: 245px; transition-delay: 4s; opacity: 1;}

.figure1_1:before {width:66.6%;}


/*****************************************************************
 암치료보험 상품 비주얼 2022.10.06
*****************************************************************/
.p_figure14 {position:relative; width:415px; margin-top:25px;}
.p_figure14 ul li {position: relative; text-align: center;}
.p_figure14 ul li:before {content:''; display: block; width:53px; height: 53px; margin:0 8px; background: url(../images/figure/spr_p_figure25.png)no-repeat;transform:scale(0, 0);opacity:0}
.p_figure14 ul li.p1:before{background-position:0 0}
.p_figure14 ul li.p2:before{background-position:-58px 0}
.p_figure14 ul li.p3:before{background-position:-117px 0}
.p_figure14 ul li.p4:before{background-position:-175px 0}
.p_figure14 ul li.p5:before{background-position:-234px 0}
.p_figure14 ul li.p6:before{background-position:-293px 0}
.p_figure14 ul li .arrow {position: absolute; background: url(../images/figure/spr_p_figure25.png)no-repeat;transform:scale(0, 0); width:15px; height:14px; background-position: -350px -20px; top:20px; right:-7px; opacity:0}
.p_figure14 ul li .lb{display:block;margin-top:5px;font-size:12px;color:#fff; line-height: 1.3; padding-top: 5px; transform:translate(0, -10px);opacity:0}

.slick-current .p_figure14 ul li.p1:before{transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p1 .arrow{transition-delay:0.5s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p2:before{transition-delay:0.8s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p2 .arrow{transition-delay:1.3s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p3:before{transition-delay:1.6s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p3 .arrow{transition-delay:2.1s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p4:before{transition-delay:2.4s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p4 .arrow{transition-delay:2.9s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p5:before{transition-delay:3.2s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p5 .arrow{transition-delay:3.7s;transition-duration:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li.p6:before{transition-delay:4.0s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure14 ul li .lb{transition-delay:4.5s;transform:translate(0, 0);opacity:1}

.p_figure15 {position:relative; width:333px; margin-top:25px;}
.p_figure15 h4 {text-align: center; color:#fff; transform:scale(0, 0); opacity: 0}
.p_figure15 ul li {position: relative; text-align: center;}
.p_figure15 ul li:before {content:''; display: block; width:63px; height: 63px; margin:0 8px; background: url(../images/figure/spr_p_figure24.png)no-repeat;transform:scale(0, 0);opacity:0}
.p_figure15 ul li.p1:before{background-position:0 0}
.p_figure15 ul li.p2:before{background-position:-74px 0}
.p_figure15 ul li.p3:before{background-position:-145px 0}
.p_figure15 ul li.p4:before{background-position:-221px 0}
.p_figure15 ul li .lb{display:block;margin-top:5px;font-size:12px;color:#fff; line-height: 1.3; padding-top: 5px; transform:translate(0, -10px);opacity:0}
.slick-current .p_figure15 h4 {transform:scale(1, 1); opacity: 1}
.slick-current .p_figure15 ul li.p1:before{transform:scale(1, 1);opacity:1}
.slick-current .p_figure15 ul li.p2:before{transition-delay:0.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure15 ul li.p3:before{transition-delay:1.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure15 ul li.p4:before{transition-delay:2.5s;transform:scale(1, 1);opacity:1}
.slick-current .p_figure15 ul li .lb{transition-delay:3.6s;transform:translate(0, 0);opacity:1}


.figure28{position:relative;width:395px;height:300px;margin:0 auto}
.figure28 h4 {text-align: center; padding-top:300px; font-size:18px; color:#444; font-weight:700; transform:scale(0, 0); opacity: 0}
.figure28:before{content:'';position:absolute;bottom:0;width:395px;height:295px;left:50%;margin-left:-197px;background:url(../images/figure/spr_figure25.png) no-repeat;transform:scale(0,0);transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}

.animated .figure28 h4, .animated .figure29 h4 {transition-delay:0.3s;transform:scale(1,1); opacity: 1;}
.animated .figure28:before{transition-delay:0.5s;transform:scale(1,1)}


.figure28_info_txt{margin:25px -15px -15px}
.figure28_info_txt .item{position:relative;width:180px;height:180px;margin:15px;border:1px solid #e1e1e1;padding-top:70px;border-radius:8px;transform:translate(0, 50px);opacity:0;transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure28_info_txt .item:after {content: ''; position: absolute; width:20px; height:20px; background:url(../images/figure/spr_figure25.png) no-repeat; background-position: -196px -325px; top:50%; left:-26px; opacity: 0;transform:translate(10px, 0px);transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.figure28_info_txt .item.t4 {margin-left:135px;}
.figure28_info_txt .item.t1:after {width:0;}
.figure28_info_txt .item h4{position:absolute;top:0;left:0;width:100%;height:60px;text-align:center;border-bottom:1px solid #e1e1e1}
.figure28_info_txt .item p {text-align: center; padding-top: 5px;}
.figure28_info_txt .item h4 span{display:inline-block;position:relative;line-height:60px;font-size:18px;font-weight:700;color:#444;text-align:center; margin-left:-10px;}
.figure28_info_txt .item h4 span:before{content:'';display:inline-block;height:40px; vertical-align:middle; margin:0 auto;background:url(../images/figure/spr_figure25.png) no-repeat; background-position: 0 -316px; margin-right:10px;}
.figure28_info_txt .item.t1 h4 span:before{width:24px;background-position-x:0}
.figure28_info_txt .item.t2 h4 span:before{width:34px;background-position-x:-32px}
.figure28_info_txt .item.t3 h4 span:before{width:24px;background-position-x:-73px}
.figure28_info_txt .item.t4 h4 span:before{width:37px;background-position-x:-103px}
.figure28_info_txt .item.t5 h4 span:before{width:35px;background-position-x:-144px}
.figure28_info_txt .item {padding:65px 0 0}
.figure28_info_txt .item ul.w2{width:310px}
.figure28_info_txt .item ul li{position:relative;width:210px;padding:1px 0 1px 11px;color:#444}/**/
.figure28_info_txt .item ul li:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#fff;border-radius:100%}
.figure28_info_txt .item ul li.blue{color:#3d5fc0; padding-top:10px;}

.figure28_info_txt .item ul li.cb{width:100%}

.figure28_info_txt.animated .item:after {transition-delay:4s;transform:translate(0, 0);opacity:1}
.figure28_info_txt.animated .item.t1{transition-delay:0.5s;transform:translate(0, 0);opacity:1}
.figure28_info_txt.animated .item.t2{transition-delay:1s;transform:translate(0, 0);opacity:1}
.figure28_info_txt.animated .item.t3{transition-delay:1.5s;transform:translate(0, 0);opacity:1}
.figure28_info_txt.animated .item.t4{transition-delay:2s;transform:translate(0, 0);opacity:1}
.figure28_info_txt.animated .item.t5{transition-delay:2.5s;transform:translate(0, 0);opacity:1}


.figure29{position:relative;width:430px;height:250px;margin:0 auto}
.figure29 h4 {text-align: center;padding-top: 300px;font-size: 18px;color: #444;font-weight: 700; padding-top:200px; transform: scale(0, 0);opacity: 0;}
.figure29:before {content:''; position:absolute; width:240px; height:200px; transform:scale(0,0); transition: all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000); background:url(../images/figure/spr_figure26.png)no-repeat -64px 0; left:50%; margin-left:-120px;}
.figure29 strong{position:absolute;width:70px;height:86px;background:url(../images/figure/spr_figure26.png) no-repeat;opacity:0}
.figure29 strong > span {display:inline-block; text-align: center; width:70px; padding-top:70px; line-height: 1.3;}
.figure29 strong.b2 > span {width:78px; margin-left:-4px;}
.figure29 .b1{top:112px;left:30px;background-position:0 -222px}
.figure29 .b2{top:75px;left:70px;background-position:-75px -222px}
.figure29 .b3{top:30px;left:159px;background-position:-150px -222px}
.figure29 .b4{top:30px;left:259px;background-position:-225px -222px}
.figure29 .b5{top:112px;left:305px;background-position:-300px -222px}

.figure29 .sso {position: absolute;width: 16px;height: 16px;background: url(../images/figure/spr_figure12.png) 0 -268px no-repeat;}
.figure29 .ssb {position: absolute;width: 20px;height: 20px;background: url(../images/figure/spr_figure12.png) -21px -268px no-repeat;}
.figure29 .s1{top:120px;left:-20px}
.figure29 .s2{top:0px;left:100px}
.figure29 .s3{top:102px;left:300px}
.figure29 .e1{top:110px;left:80px}
.figure29 .e2{top:-30px;left:360px}
.figure29 .e3{top:60px;left:399px}

.animated .figure29:before {transition-delay: 0.5s; transform: scale(1,1);}
.animated .figure29 .b1{transition-delay:1.5s;left:0;opacity:1}
.animated .figure29 .b2{transition-delay:2s;top:5px;left:45px;opacity:1}
.animated .figure29 .b3{transition-delay:2.5s;top:-90px;left:200px;opacity:1}
.animated .figure29 .b4{transition-delay:3s;top:0;left:320px;opacity:1}
.animated .figure29 .b5{transition-delay:3.5s;top:95px;left:365px;opacity:1}
.animated .figure29 .sso {animation: plus1 2s infinite;}
.animated .figure29 .ssb {animation: plus2 2s infinite;}


.animated .figure3 .g_bar.g4 .bar3.bar3_3 {height:255px;}

.figure30:before {background:url(../images/figure/spr_figure27.png)no-repeat 0 0; height: 160px; background-size: cover;}
.figure30 strong {background:url(../images/figure/spr_figure27.png)no-repeat;}
.figure30 strong.b2 {background-position: 0 -180px}
.figure30 strong.b4 {background-position: -75px -180px}
.figure30 strong.b2 > span {width:95px; margin-left:-12px;}
.figure30 strong.b4 > span {width:106px; margin-left:-18px;}


.figure31:before {background:url(../images/figure/spr_figure28.png)no-repeat -64px 0;}
.figure31 strong {background:url(../images/figure/spr_figure28.png)no-repeat;}
.figure31 strong span {width:100px; margin-left: -15px;}
.figure31 strong.b2 span {width:120px; margin-left: -25px;}
.figure31 strong.b3 span {width:130px; margin-left: -30px;}


.animated .figure31 .b4 {top:-5px;}
.animated .figure31 .b5 {top:100px;}


/*****************************************************************
 미니저축보험 2023.09.20
*****************************************************************/
.p_figure16, .p_figure17, .p_figure18 {position:relative;width:390px;margin-top:25px}
.p_figure16 p, .p_figure17 p, .p_figure18 p {position:relative;text-align:center}
.p_figure16 p:before{content:'';display:block;width:0px;height:230px;margin-left:30px;background: url(../images/figure/spr_p_figure30.png) no-repeat;/*transform:scale(1, 0);*/opacity:0;}
.slick-current .p_figure16 p:before{/*transform:scale(1, 1);*/width:220px;opacity:1; transition-duration:2s;}

.p_figure17 p.txt1 {width:256px;height:160px;background:url(../images/figure/spr_p_figure31.png) no-repeat;transform:scale(0, 0);opacity:0}
.p_figure17 p.txt1 .txt_info {position: absolute; top:108px; left: 13px;}
.p_figure17 p.txt2{position:absolute;top:-20px;left:33px;font-size:15px;color:#fff;text-align:right}
.slick-current .p_figure17 p.txt1{transform:scale(1, 1);opacity:1}
.slick-current .p_figure17 p.txt2{transition-delay:1.0s;transform:translate(12px, 0);opacity:1}


.qr_code_wrap {position: absolute; top:150px; right:0px; height: 130px;}
.qr_code_wrap .qr_code {width:456px; height:130px; background:#fff; border-radius:10px; padding:20px 35px; overflow:hidden;}
.qr_code_wrap .qr_code img {display: inline-block; vertical-align: middle;}
.qr_code_wrap .qr_code .qr_info {display: inline-block; width:280px; margin-left:15px; vertical-align: middle; }
.qr_code_wrap .qr_code .qr_info span {color:#445bcd;}


.figure32 .info{padding:0 20px 0 100px}
.figure32 .info .inner{position:relative;height:260px;padding-right:300px}
.figure32:before {content: '';position: absolute;top: 221px;left: 80px; width: 70%;height: 2px;background-color: #444;}
.figure32 .info .chart{position:absolute;bottom:0;left:15px;width:120px}
.figure32 .info .chart .value{position:absolute;bottom:37px;left:0;width:100%;height:0;padding-top:15px;border:2px solid #444;background-color:#3eb8c7;font-size:18px;color:#fff;text-align:center;border-radius:5px;overflow:hidden;opacity:0}
.figure32 .info .chart .lb{display:block;font-size:18px;font-weight:700;color:#444;text-align:center}
.figure32 .info .chart.c2{left:180px}
.figure32 .info .chart.c2 .value{background-color:#445bcd}
.animated .figure32 .info .chart.c1 .value{height:100px;opacity:1}
.animated .figure32 .info .chart.c2 .value{height:200px;opacity:1}


.figure33 .g_bar_area {width:480px;}
.figure33 .g_bar_area .g_bar {width:88px;}
.figure33 .g_bar_area .g_bar em {margin-left:-72px;}
.figure33 .g_bar_area .g_bar.g5 em {width:80px; margin-left:5px; bottom:-60px;}
.figure33 .g_bar_area .rm {top:-27px; left:-45px;}
.figure33 .g_bar_area .rm2 {top:100px; left:-60px;}
.figure33 .bl4 span {top:-10px; overflow: hidden; width:450px; height: 125px !important;}
.figure33 .bl4 span svg {width: 0;}
.figure33 .bl4 span .arrow {position: absolute; top: 16px; right: 1px; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #3d5fc0; transform: rotate(-30deg); opacity: 0;}
.bar_ball {position: absolute; top: 94px; left: 81px; width: 12px; height: 12px; border: 3px solid #3d5fc0; background-color: #fff; border-radius: 100%; z-index: 99;}
.svg_round > div {position: absolute; background: #fff;}
.svg_round .svg_rd1 {width:438px; height:13px; top:0; left:0; border-radius: 0 0 8px 0;}
.svg_round .svg_rd2 {width:100px; height:111px; left: 0; border-radius: 0 0 100px 0;}
.svg_round .svg_rd3 {width:120px; height:88px; top:13px; left: 15px; transform: rotate(-7deg);}
.svg_round .svg_rd4 {width:160px; height:81px; top:2px; left:118px; transform:rotate(-10deg);}
.svg_round .svg_rd5 {width:214px; height:207px; top:-164px; left:240px; border-radius: 0 0 84px 14px; transform:rotate(-18deg);}
.figure33 .g_bar_area .bar_line .lb {top:48px; left:62px; width:102px;}
.figure33 .g_bar_area .bar_line .lb em {font-size: 14px;}
.figure33 .g_bar_area .bar_line.bl3 .lb {top:-150px; left:400px; text-align: center;}
.animated .figure33 .g_bar_area .bar_line.bl3 span, .animated .figure33 .g_bar_area .bar_line.bl3:before {transition-delay: 0s;}
.animated .figure33 .g_bar_area .bar_line.bl3 span:after {transition-delay: 0.5s}
.animated .figure33 .g_bar_area .bar_line.bl4 span svg {transition-delay: 1s; width:450px;}
.animated .figure33 .bl4 span .arrow {transition-delay: 2s; opacity: 1;}
.animated .figure33 .g_bar_area .box {height: 228px; transition-delay: 2.5s;}


.figure34 table tr td ul {display: flex; justify-content: space-around;}
.figure34 table tr td ul li {width: 80px;}
.figure34 table tr td ul li:before {content:''; display:block; width:80px; height:80px; background:url(../images/figure/spr_figure30.png) no-repeat -230px -80px; opacity: 0;}
.figure34 table tr td ul li.goods2:before {background-position: -437px -74px;}
.figure34 table tr td ul li.goods3:before {background-position: -437px -240px;}
.animated .figure34 table tr td ul li:before {opacity: 1; }
.animated .figure34 table tr td ul li.tb1:before {transition-delay: 1s;}
.animated .figure34 table tr td ul li.tb2:before {transition-delay: 1.5s;}
.animated .figure34 table tr td ul li.tb3:before {transition-delay: 2s;}
.animated .figure34 table tr td ul li.tb4:before {transition-delay: 2.5s;}
.animated .figure34 table tr td ul li.tb5:before {transition-delay: 3s;}
.animated .figure34 table tr td ul li.tb6:before {transition-delay: 3.5s;}


.figure35{position:relative;width:526px;height:370px; float:right; background: url(../images/figure/spr_figure31.png) no-repeat; background-size: cover;transform:scale(0.8,0.8);}
.figure35 span{position:absolute;width:139px;height:139px;background:url(../images/figure/spr_figure31.png) no-repeat; opacity:0}
.figure35 span:before {content:'';position:absolute;display:block;width:57px;height:42px; background:url(../images/figure/spr_figure31.png)no-repeat  -72px -769px;top:64px; left:45px; opacity:0;}
.figure35 .b1{top:-65px;left:-40px;background-position:-208px -371px;}
.figure35 .b2{top:-65px;left:280px;background-position:-387px -374px;}
.figure35 .b3{top:85px;left:150px;background-position:-24px -583px;}
.figure35 .b4{top:205px;left:-40px;background-position:-204px -587px;}
.figure35 em{position:absolute;width:123px;height:119px;background:url(../images/figure/spr_figure31.png)no-repeat;opacity: 0;}
.figure35 .e1{top:168px;left:-125px; background-position:-44px -398px;transform:scale(0,0);}
.figure35 .e2{top:240px;left:455px; width:128px; height:120px; background-position:-382px -580px;}
.figure35 strong {position: absolute; text-align: center; line-height: 1.2; font-size:18px; opacity: 0;}
.figure35 strong.s1 {top:230px; left:160px;}
.figure35 strong.s2 {top:210px; right:-18px;}
.figure35 strong.s3 {top:370px; right:-63px;}
.animated .figure35 .b1{transition-delay:1.5s;opacity:1}
.animated .figure35 .b1:before{transition-delay:2s;opacity:1}
.animated .figure35 .b2{transition-delay:2.5s;opacity:1}
.animated .figure35 .b2:before{transition-delay:3s;opacity:1}
.animated .figure35 .b3{transition-delay:3.5s;opacity:1}
.animated .figure35 .b3:before{transition-delay:4s;opacity:1}
.animated .figure35 .b4{transition-delay:4.5s;opacity:1}
.animated .figure35 .b4:before{transition-delay:5s;opacity:1}
.animated .figure35 .e1{opacity:1;transform:scale(1,1);transition:all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)}
.animated .figure35 .e2{transition-delay:5.5s;opacity:1}
.animated .figure35 strong{transition-delay:6.5s;opacity:1}



.figure36{position:relative;width:385px; margin-left:120px; margin-top:-80px;}
.figure36 .figure_box{position:relative;width:207px;height:350px; margin-left:40px;}
.figure36 .figure_box .couple{position:absolute;bottom:0;right:-140px;width:240px;height:250px;background:url(../images/figure/spr_figure37.png) no-repeat; transform:translate(50px, 0); background-position:0 -60px; background-size:280px; opacity:0}
.figure36 .figure_box .airplane{position:absolute;top:40px;right:-145px;width:250px;height:50px;background:url(../images/figure/spr_figure37.png) no-repeat;transform:translate(100px, 50px); background-size:250px; opacity:0}
.animated .figure36 .figure_box .couple{transform:translate(0, 0); right:-70px; opacity:1}
.animated .figure36 .figure_box .airplane{transition-delay:0.5s;transform:translate(0, 0); right:-75px; opacity:1}
.figure36 .txt1 {width:175px; height:175px; margin:0 auto; transform:translate(0, 30px);opacity:0; background:url(../images/figure/spr_figure37.png) no-repeat; background-position: -129px -894px;}
.figure36 .txt1:before {content:''; width:125px; height:125px; position:absolute;bottom:0; background:url(../images/figure/spr_figure37.png) no-repeat; transition-duration:1s;transform:scale(0,0);opacity:0; top:50%; left:-95px; margin-top:-63px; background-position:0 -918px;}
.figure36 .txt1:after {content:''; width:125px; height:125px; position:absolute;bottom:0;background:url(../images/figure/spr_figure37.png) no-repeat; transition-duration:1s;transform:scale(0,0);opacity:0; top:50%; right:-95px; margin-top:-63px; background-position: -309px -918px;}
.animated .figure36 .txt1 {transition-delay:1s; transform:translate(0, 0);opacity:1}
.animated .figure36 .txt1:before {transition-delay:1.5s;transform:scale(1,1);opacity:1}
.animated .figure36 .txt1:after {transition-delay:2s;transform:scale(1,1);opacity:1}


/*****************************************************************
 (무)다이렉트 미니독감치료보험 2023.11.15
*****************************************************************/
.p_figure18 p.txt1 {width:256px;height:160px;background:url(../images/figure/spr_p_figure33.png) no-repeat;transform:scale(0, 0);opacity:0; margin-top:138px;}
.p_figure18 p.txt2{position:absolute;top:-50px;left:-8px;font-size:15px;color:#fff;text-align:left; opacity: 0;}
.slick-current .p_figure18 p.txt1{transform:scale(1, 1);opacity:1;}
.slick-current .p_figure18 p.txt2{transition-delay:1.0s;transform:translate(12px, 0);opacity:1}
.qr_code2 {width:493px !important;}
.qr_code2 .qr_info2 {width:317px !important;}


.figure37 {padding:35px 0;}
.figure37 .g_bar_area {position: relative; width: 570px; height: 210px; margin-top: 0px; border-width: 0 2px; border-style: solid; border-color: #444; border-right:0; opacity:0;}
.figure37 .g_bar_area .g_bar {position:absolute; top: 120px; left: 0; background-color: #3d5fc0; color: #fff;width:0;height:50px;line-height:48px;padding:0 15px;font-size:16px;opacity:0}
.figure37 .g_bar_area .g_bar em {float: right;}
.figure37 .g_bar_area .g_bar:before{content:'';position:absolute;top:0;right:-25px;width:0px;height:0px;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid #3d5fc0}
.figure37 .g_bar_area .g_bar > div {content:'';position:absolute; background:url(../images/figure/spr_figure38.png) no-repeat; font-weight: bold; top:-145px;left:200px;width:170px;height:130px; color:#2f2e2e; padding-top:100px; background-size: 170px; font-size:14px; transform: scale(0,0); opacity: 0;}
.figure37.t2 .g_bar_area .lb {position: absolute; top: 215px; left: -20px; font-size: 18px; font-weight: 700; color: #444;}
.figure37.t2 .g_bar_area .lb > div {position:absolute;top:0;left:0;width:100px}
.animated .figure37 .g_bar_area {opacity: 1;}
.animated .figure37 .g_bar_area .g_bar {width: 540px; opacity: 1;}
.animated .figure37 .g_bar_area .g_bar > div {transition-delay: 1s; opacity: 1; transform: scale(1,1);}

.figure38 {height:210px;}
.figure38 .influenza{position:absolute; left:0;width:213px;height:155px;text-align:center}
.figure38 .influenza:before{content:'';display:block;height:160px;background:url(../images/figure/spr_figure39.png) no-repeat;transform:scale(0,0);opacity:0; background-size: 450px;}
.figure38 .influenza p{display:inline-block;width:137px;height:14px; font-weight:bold; opacity:0}
.figure38 .plus {position:absolute; top:50px; left:250px; width:50px;height:50px;text-align:center}
.figure38 .plus:before {content: ''; display: block; background:url(../images/figure/spr_figure39.png) -270px -75px no-repeat; height:50px; transform:scale(0,0);opacity:0;}
.figure38 .pres {position:absolute; top:38px; left:350px; width:200px;height:100px;text-align:center}
.figure38 .pres .pres1 {display: inline-block; background:url(../images/figure/spr_figure39.png) -353px -61px no-repeat; width:88px; height:86px; transform:scale(0,0);opacity:0;}
.figure38 .pres .pres2 {display: inline-block; background:url(../images/figure/spr_figure39.png) -462px -61px no-repeat; width:88px; height:86px; transform:scale(0,0);opacity:0;}
.figure38 .pres p {padding-top:30px; font-weight:bold; opacity: 0;}
.animated .figure38 .influenza:before{transform:scale(1,1);opacity:1}
.animated .figure38 .plus:before{transition-delay:0.5s;transform:scale(1,1);opacity:1}
.animated .figure38 .pres .pres1{transition-delay:1s;transform:scale(1,1);opacity:1}
.animated .figure38 .pres .pres2{transition-delay:1.5s;transform:scale(1,1);opacity:1}
.animated .figure38 p {transition-delay:2.5s;transform:translate(0, 0);transition-duration:0.5s;opacity:1}

.figure39{position:relative;height:250px;}
.figure39:before {content:''; position:absolute; width:260px; height:290px; transform:scale(0,0); transition: all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000); background:url(../images/figure/spr_figure40.png)no-repeat;}
.figure39 strong{position:absolute;width:107px;height:107px; border-radius:107px; background:url(../images/figure/spr_figure40.png) no-repeat;opacity:0}
.figure39 .p1{top:0; left:300px; background-position:-268px -32px}
.figure39 .p2{top:-5px; left:410px;background-position:-383px 2px}
.figure39 .p3{top:100px;left:355px;background-position:-347px -114px}
.figure39 .p4{top:95px;left:475px;background-position:-461px -103px}
.animated .figure39:before {transition-delay: 0.5s; transform: scale(1,1);}
.animated .figure39 .p1{transition-delay:1.5s; opacity:1}
.animated .figure39 .p2{transition-delay:2s; opacity:1}
.animated .figure39 .p3{transition-delay:2.5s; opacity:1}
.animated .figure39 .p4{transition-delay:3s;opacity:1}



/*(무)e원금보장 KDB하이브리드연금저축보험*/
.p_figure19 {}
.p_figure19 .item {width:110px;height:163px;background:url(../images/figure/spr_p_figure34.png) no-repeat;transform:scale(0, 0);opacity:0; margin-top:10px;}
.p_figure19 .item1 {background-position: left;}
.p_figure19 .item2 {background-position: center -15px; width:15px;}
.p_figure19 .item3 {background-position: right;}
.slick-current .p_figure19 .item {transform:scale(0.8, 0.8);opacity:1;transition-delay:0.5s;transition: all 2s cubic-bezier(0.390, 0.575, 0.565, 1.000);}
.slick-current .p_figure19 .item2 {transform:scale(1, 1);transition-delay: 1.5s;}
.slick-current .p_figure19 .item3 {transition-delay: 1s;}
.figure20 .tab a {color:#111 !important; font-weight: bold !important;}
.figure20 .tab.active a {color:#fff !important;}
.figure40 .g_bar_area .g_bar {width:63px;}
.figure40 .bl1 span .arrow {position: absolute; top: 17px; right: 1px; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #6e7484; transform: rotate(-30deg); opacity: 0;}
.figure40 .g_bar_area .bar_line.bl3 span {top:-2px;}
.figure40 .g_bar_area .bar_line:before {width:11px; height:11px; margin-top:-6px;}
.figure40 .g_bar_area .g_bar.g0 {width:30px;}
.figure40 .g_bar_area .g_bar.g1 {width:58px;}
.figure40 .g_bar_area .g_bar.g2 {width:80px;}
.figure40 .g_bar_area .g_bar.g3 {width:55px;}
.figure40 .g_bar_area .g_bar.g4 {border-right: 2px dashed #b4b4b4; width:75px;}
.figure40 .g_bar_area .g_bar.g6 {border:none; width:80px;}
.figure40 .g_bar_area .g_bar em {margin-left:-70px;}
.figure40 .g_bar_area .g_bar.g3 em {margin-left:-60px;}
.figure40 .g_bar_area .bar_line .lb {opacity: 0;}
.figure40 .g_bar_area .bar_line .lb.lb0 {position:relative; top:53px; left:0px; border:2px solid #e82f59; width: 70px;display:block; border-radius: 5px;  background:#fff; padding:3px 0 8px;font-size:23px; font-weight: bold;}
.figure40 .g_bar_area .bar_line .lb.lb0:before {content: ''; width:12px; height:12px; background:#fff; transform: rotate(42deg); left:50%; position:absolute; bottom:-5px; z-index:2; margin-left:-4px;}
.figure40 .g_bar_area .bar_line .lb.lb0:after {content: ''; width:10px; height:10px; border:2px solid #e82f59; position: absolute; left:50%; margin-left:-5px; transform: rotate(45deg); bottom:-8px; z-index: -1;}
.figure40 .g_bar_area .bar_line .lb.lb1 {top:120px; left:72px;}
.figure40 .g_bar_area .bar_line .lb.lb2 {top:50px; left:150px;}
.figure40 .g_bar_area .bar_line .lb.lb3 {top:35px; left:202px;}
.figure40 .g_bar_area .bar_line .lb.lb4 {top:15px; left:280px;}
.figure40 .g_bar_area .bar_line .lb.lb5 {top:-20px; left:410px;}
.figure40 .g_bar_area .bar_line.bl3 {top:107px;}
.figure40 .g_bar_area .bar_line.bl3 .lb {top:-140px; left:450px;}
.figure40 .g_bar_area .bar_line.bl1 {opacity: 0;}
.figure40 .g_bar_area .bar_line.bl1:before, .figure40 .g_bar_area .bar_line.bl1 span:before, .figure40 .g_bar_area .bar_line.bl1 span:after {display: none;}
.figure40 .g_bar_area .bar_line.bl1 .b1{top:-21px; width:122px; left:-39px;transform:rotate(77deg);}
.figure40 .g_bar_area .bar_line.bl1 .b2{top:5px; left:20px; transform: rotate(-47deg); width:90px;}
.figure40 .g_bar_area .bar_line.bl1 .b3{top:-146px; left:88px; height:0;}
.figure40 .g_bar_area .bar_line.bl1 .lb {left:450px; top:-140px; color:#000;}
.figure40 .g_bar_area .bar_line.bl1 .lb1 {top:0px; left:72px;}
.figure40 .g_bar_area .bar_line.bl1 .lb2 {top:-20px; left:150px;}
.figure40 .g_bar_area .bar_line.bl1 .lb3 {top:-40px; left:210px;}
.figure40 .g_bar_area .bar_line.bl1 .lb4 {top:-50px; left:280px;}
.figure40 .g_bar_area .bar_line.bl1 .lb5 {top:-160px; left:420px;}
.figure41 {position:relative; opacity:0; transform: translate(0, 50px);}
/* .figure41 .tbl:before {content: ''; position:absolute; width:220px; height:280px; border:3px dashed #e82f59; top:44px; right:0; opacity: 0;} */

.figure42 .round_wrap {overflow:hidden; width:370px; margin:0 auto;}
.figure42 .round_wrap .round {position:relative; float:left; text-align:center;}
.figure42 .round_wrap .round > p {opacity: 0}
.figure42 .round_wrap .round .round_txt {position: absolute; z-index: 2; top:10%; font-size:23px; padding-top:10px; line-height: 1.3;opacity: 0}
.figure42 .round_wrap .round .round_txt1 {left:23%;}
.figure42 .round_wrap .round .round_txt2 {left:25%;}
.figure42 .round_wrap .round .round_txt p {border-radius: 15px; font-size:18px; padding:5px 20px; margin-bottom:20px;}
.figure42 .round_wrap .round .round_txt p.rd1 {background:#3d5fc0; color:#fff;}
.figure42 .round_wrap .round .round_txt p.rd2 {color:#000; background:#fff;}
.figure42 .round_wrap .round:nth-child(2) {margin-left:-38px;}
.figure42 .round_wrap .round .round1, .figure42 .round_wrap .round .round2 {width:200px; height:200px; border-radius: 200px; margin-bottom:15px;}
.figure42 .round_wrap .round .round1 {position:relative; background:#e6ebff;opacity: 0}
.figure42 .round_wrap .round .round2 {background:#eaeaea; opacity:0;}
.figure42 .round_wrap .round .round1:after {content:'+'; position: absolute; color:#3d5fc0; font-size:33px; font-weight: bold; top:50%; margin-top:-18px; right:8px; z-index: 2;}

.figure43 .add_img_wrap {width:210px;float:left; height:210px;}
.figure43 .add_img {width:220px; height:220px; background:url(../images/figure/spr-figure42.png) no-repeat center;transform:scale(0, 0);opacity:0; float:left; margin-top: 70px;}
.figure43 .g_bar_area {border-bottom:2px solid #444; border-right:0; width:365px; margin-left:20px; float:left;}
.figure43 > div p {text-align: center; padding-top:340px; font-size:23px;}
.figure43.t2 .g_bar_area:before {left:100px;}
.figure43.t2 .g_bar_area:after {border:0;}
.figure43 .g_bar_area .g_bar {height: 0;}
.figure43 .g_bar_area .g_bar.g3 {padding-top:10px; left:100px; height:100px; top:50px; line-height: 1.8; padding-left:30px;}
.figure43 .g_bar_area .g_bar.g3 span {opacity: 0;}
.figure43.t2 .g_bar_area .g_bar.g3:after {top:-113px; left:-16px;}
.figure43 .g_bar_area .g_bar:before {border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:25px solid transparent;}
.figure43 .g_bar_area .g_bar .text_check {position:relative;}
.figure43 .g_bar_area .g_bar .text_check:before {content:''; background:url(../images/index/white_check.png)no-repeat; position: absolute; width:15px; height:10px; left:-15px; top:8px; background-size:11px;}


.animated .figure40 .bl1 span .arrow {transition-delay: 2s; opacity: 1;}
.animated .figure40 .g_bar_area .bar_line .lb {transition-delay:4s;opacity:1;}
.animated .figure40 .g_bar_area .bar_line.bl1 {opacity: 1;}
.animated .figure40 .g_bar_area .bar_line.bl1 .b1{width:122px;}
.animated .figure40 .g_bar_area .bar_line.bl1 .b2{width:90px;}
.animated .figure40 .g_bar_area .bar_line.bl1 .b3 {width:361px;}


.animated .figure41 {transition: all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000); opacity: 1; transition-delay: 2.5s; transform: translate(0, 0);}
.animated .figure41 .tbl:before {transition-delay: 3.5s; opacity: 1;}
.animated .figure42 .round_wrap .round .round1 {opacity: 1;}
.animated .figure42 .round_wrap .round .round2 {opacity: 0.7; transition-delay: 0.5s;}
.animated .figure42 .round_wrap .round .round1:after {transition: all 1s cubic-bezier(0.390, 0.575, 0.565, 1.000);}
.animated .figure42 .round_wrap .round .round_txt {transition-delay:1s; opacity:1;}
.animated .figure42 .round_wrap .round > p {transition-delay:1.5s; opacity:1;}

.animated .figure43 .add_img {transform:scale(1, 1);opacity:1;}
.animated .figure43 .g_bar_area .g_bar.g3 {transition-delay: 1s; width:245px;}
.animated .figure43 .g_bar_area .g_bar.g3 span {transition-delay: 2s; opacity: 1;}


/*(무)챌린지 미니저축보험 특징 06 변경*/
.figure44 .health_care{position:absolute; left:0;width:145px;height:145px;text-align:center}
.figure44 .health_care p {opacity: 0; padding-top:20px; font-size:18px; font-weight: bold;}
.figure44 .health_care p span {font-size:15px; line-height: 0;}
.figure44 .health_care.hc2 {left:250px;}
.figure44 .health_care.hc3 {left:500px;}
.figure44 .arrow {position:absolute; left:164px; top:62px; width:70px;height:18px;}
.figure44 .arrow.ar2 {left:415px;}
.figure44 .health_care:before{content:'';display:block;height:145px;background:url(../images/figure/spr_figure41.png) no-repeat;transform:scale(0,0);opacity:0; background-size: 450px;}
.figure44 .arrow:before {content:'';display:block;height:18px;background:url(../images/figure/spr_figure41.png) no-repeat 0 -149px;transform:scale(0,0);opacity:0; background-size: 450px;}
.figure44 .health_care.hc2:before {background-position-x: center;}
.figure44 .health_care.hc3:before {background-position-x: right;}
.animated .figure44 .health_care:before, .animated .figure44 .arrow:before {transform:scale(1,1);opacity:1}
.animated .figure44 .arrow:before {transition-delay: 0.5s;}
.animated .figure44 .health_care.hc2:before {transition-delay:1s;}  
.animated .figure44 .arrow.ar2:before {transition-delay: 1.5s;}
.animated .figure44 .health_care.hc3:before {transition-delay:2s;}  
.animated .figure44 .health_care p {transition-delay:3s; opacity: 1;}