.hotspot_component{position:relative;z-index:1;overflow:hidden}@media (min-width:992px){.hotspot_component{display:flex;flex-direction:column;min-height:100vh;max-height:100vh}.hotspot_component:before{content:"";pointer-events:none;width:21.7rem;position:absolute;z-index:2;top:-3rem;bottom:-3rem;left:0;box-shadow:0 0 1.3rem 0 rgba(21,28,53,.37)}.hotspot_content{position:absolute;z-index:0;top:0;right:0;bottom:0;left:21.7rem}}.hotspot_content{display:flex;align-items:flex-start;justify-content:flex-start}.hotspot_grab{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;min-width:20rem;padding:0;cursor:grab;overflow:hidden;background:#fff}@media (min-width:576px){.hotspot_grab{height:auto;max-height:40rem;min-width:unset}}@media (min-width:768px){.hotspot_grab{max-height:52rem;height:auto}}.hotspot__header{padding:16px;background:#217097;position:relative;z-index:2}.hotspot__item,.hotspot__item span,.hotspot__item span:after,.hotspot__item span:before,.hotspot__item:after,.hotspot__item:before{position:absolute;backface-visibility:hidden}@media (min-width:992px){.hotspot_grab{height:100%;width:100%;min-width:unset}.hotspot__header{padding:16px;max-width:21.7rem}}.hotspot__header__title{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:-.24px}.hotspot__item{display:flex;align-items:center;justify-content:center;width:5.4rem;height:5.4rem;padding:.9rem;z-index:0;left:-999.9rem;margin-top:-2.7rem;margin-left:-2.7rem;cursor:pointer;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.hotspot__item.active,.hotspot__item.hover,.hotspot__item:hover{z-index:2;opacity:1}.hotspot__item.active:before,.hotspot__item.hover:before,.hotspot__item:hover:before{transform:scale(1.62)}.hotspot__item.active:after,.hotspot__item.hover:after,.hotspot__item:hover:after{font-size:21px;color:#5a5a5a}@media (min-width:992px){.hotspot__item.active:before,.hotspot__item.hover:before,.hotspot__item:hover:before{transform:scale(1.528)}.hotspot__item.active:after,.hotspot__item.hover:after,.hotspot__item:hover:after{font-size:22px}}.hotspot__item.active span:before,.hotspot__item.hover span:before,.hotspot__item:hover span:before{animation-name:scaleInPulse;animation-duration:1.25s;animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-iteration-count:infinite}.hotspot__item.active span:after,.hotspot__item.hover span:after,.hotspot__item:hover span:after{transform:scale(1.76);background:#fff}@media (min-width:992px){.hotspot__item.active span:after,.hotspot__item.hover span:after,.hotspot__item:hover span:after{transform:scale(1.5)}}.hotspot__item:before{content:"";z-index:-1;top:.9rem;right:.9rem;bottom:.9rem;left:.9rem;border-radius:100%;background:rgba(255,255,255,.43);box-shadow:0 -3px 12px 0 rgba(16,39,51,.05);transition:transform .3s cubic-bezier(.22,1,.36,1) 50ms}.hotspot__item:after{content:attr(data-numb);display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-top:.2rem;padding-right:.1rem;font-size:16px;font-weight:600;color:#fff;letter-spacing:-.3px;transition:color .3s cubic-bezier(.22,1,.36,1)}.hotspot__item span:before{pointer-events:none;width:380%;height:380%;z-index:-1;background:#fff;opacity:0}.hotspot__item span:after{z-index:1;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;transform:scale(1);background:#00a3e0;transition:transform .3s cubic-bezier(.22,1,.36,1)}.hotspot__item span:after,.hotspot__item span:before{content:"";border-radius:100%}.hotspot__item span{display:flex;align-items:center;justify-content:center;z-index:-1;top:.9rem;right:.9rem;bottom:.9rem;left:.9rem}.hotspot_area{display:flex;justify-content:flex-start}@media (min-width:992px){.hotspot_area:after{content:"";pointer-events:none;position:absolute;top:-999.9rem;right:-999.9rem;bottom:-999.9rem;left:-999.9rem;opacity:0;background:#031125;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.has-overlay .hotspot_area:after{opacity:.15}.has-content .hotspot_area:after{opacity:.38}}.hotspot__aside{background:#efeff0;position:relative;z-index:3}@media (min-width:992px){.hotspot__aside{flex-grow:1;background:#fcfcfc;max-width:21.7rem;padding:2.4rem 1rem 2rem 0;z-index:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#929fa4 #fcfcfc}.hotspot__aside::-webkit-scrollbar{width:4px}.hotspot__aside::-webkit-scrollbar-track{background:#fcfcfc}.hotspot__aside::-webkit-scrollbar-thumb{border:0;border-radius:0;background-color:#929fa4}.hotspot__aside .swiper-wrapper{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;transform:unset}.hotspot__aside__item{opacity:0;transform:translateY(30px);transition:opacity .5s,transform .5s}.hotspot__aside__item:nth-child(1){transition-delay:.27s}.hotspot__aside__item:nth-child(2){transition-delay:.29s}.hotspot__aside__item:nth-child(3){transition-delay:.31s}.hotspot__aside__item:nth-child(4){transition-delay:.33s}.hotspot__aside__item:nth-child(5){transition-delay:.35s}.hotspot__aside__item:nth-child(6){transition-delay:.37s}.hotspot__aside__item:nth-child(7){transition-delay:.39s}.hotspot__aside__item:nth-child(8){transition-delay:.41s}.hotspot__aside__item:nth-child(9){transition-delay:.43s}.hotspot__aside__item:nth-child(10){transition-delay:.45s}.hotspot__aside__item:nth-child(11){transition-delay:.47s}.hotspot__aside__item:nth-child(12){transition-delay:.49s}.hotspot__loaded .hotspot__aside__item{opacity:1;transform:translateY(0)}}.hotspot__aside__item{padding:1.1rem .3rem;position:relative;z-index:1;text-align:center;color:#5a5a5a;font-size:16px;letter-spacing:.16px;cursor:pointer}@media (min-width:992px){.hotspot__aside__item{width:auto;font-size:13px;padding:0 0 0 6rem;margin-bottom:24px;text-align:left}.hotspot__aside__item:last-child{margin-bottom:0;z-index:-1}}.hotspot__aside__item:after{content:"";pointer-events:none;width:.3rem;height:.3rem;position:absolute;z-index:2;top:-.2rem;left:50%;margin-left:-.8rem;border-radius:100%;background-color:transparent;transition:background-color .3s cubic-bezier(.22,1,.36,1)}.hotspot__aside__item.active,.hotspot__aside__item.hover,.hotspot__aside__item.swiper-slide-active{font-weight:600}.hotspot__aside__item.active:after,.hotspot__aside__item.hover:after,.hotspot__aside__item.swiper-slide-active:after{background-color:#217097}.hotspot__aside__item.active .icon,.hotspot__aside__item.hover .icon,.hotspot__aside__item.swiper-slide-active .icon{color:#fff}.hotspot__aside__item.active .icon:before,.hotspot__aside__item.hover .icon:before,.hotspot__aside__item.swiper-slide-active .icon:before{opacity:1}.hotspot__aside .title{display:inline-block}.has-mobile-content .hotspot__aside__swiper:before,.hotspot__aside .title br{display:none}@media (min-width:992px){.hotspot__aside__item:after{top:.4rem;left:4.89rem;margin-left:0}.hotspot__aside .title br{display:inline-block}}.hotspot__aside .icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;position:absolute;top:-4.7rem;left:50%;margin-left:-1.9rem;font-size:13px;font-weight:700;line-height:1;color:#2b2626;letter-spacing:.16px;transition:color .3s}@media (min-width:992px){.hotspot__aside .icon{top:-.8rem;left:25px;margin-left:0}}.hotspot__aside .icon:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s;border-radius:100%;background:#217097}.hotspot__aside__swiper{padding-top:6.6rem;position:relative}.has-mobile-content .hotspot__aside__swiper{padding:0}.hotspot__aside__swiper:before{content:"";width:100%;height:.1rem;position:absolute;z-index:0;top:6.5rem;background:rgba(38,45,49,.2)}@media (min-width:992px){.hotspot__aside__swiper{padding-top:0}.hotspot__aside__swiper:before{opacity:0;transition:opacity .5s ease .5s;width:.1rem;height:100%;top:0;left:5rem}.hotspot__loaded .hotspot__aside__swiper:before{opacity:1}}.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative;transition-property:transform}.swiper-wrapper{z-index:1;display:flex;box-sizing:content-box}.swiper-slide{flex-shrink:0}.hotspot__main{display:block;background:#f7f7f8;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#929fa4 #f7f7f8}.hotspot__main::-webkit-scrollbar{width:4px}.hotspot__main::-webkit-scrollbar-track{background:#f7f7f8}.hotspot__main::-webkit-scrollbar-thumb{border:0;border-radius:0;background-color:#929fa4}@media (min-width:992px){.hotspot__main{display:none;width:30rem;height:100vh;position:absolute;z-index:0;top:0;left:-12rem;box-shadow:.2rem 0 1rem 0 rgba(21,28,53,.27);transition:left .16667s}.has-content .hotspot__main{display:block;left:21.7rem;transition-delay:.3s;transition-duration:.5s}}.hotspot__content{display:none;flex-direction:column;width:100%;background:#f7f7f8}@media (min-width:992px){.hotspot__content{display:flex;padding:0 12px .9rem;position:absolute;top:0;right:0;bottom:-24.6rem;left:0;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.hotspot__content.active{opacity:1;visibility:visible}}.has-mobile-content .hotspot__content.active{display:flex}.hotspot__content__title{padding:16px 0 16px 8px;position:sticky;top:0;z-index:2;background:#f7f7f8}.hotspot__content__title h2{margin:0;font-size:1.4rem;font-weight:600}.hotspot__content__close{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;position:absolute;z-index:1;top:.5rem;right:.3rem;cursor:pointer}.hotspot__content__close:after,.hotspot__content__close:before{content:"";width:1.3rem;height:.1rem;position:absolute;background-color:#5a5a5a;transition:background-color .3s cubic-bezier(.22,1,.36,1)}.hotspot__content__close:before{transform:rotate(45deg)}.hotspot__content__close:after{transform:rotate(-45deg)}.hotspot__content__close:hover:after,.hotspot__content__close:hover:before{background-color:#181a1b}.hotspot__footer{padding:16px;background-color:#217097;position:relative}.hotspot__footer a{display:block;text-decoration:none;font-size:16px;padding:16px;color:#fff;font-weight:700;text-align:center;transition:background-color .3s cubic-bezier(.22,1,.36,1);background-color:#343a40}.hotspot__footer a:hover{background-color:#181a1b}.hotspot__footer a:focus{background-color:#4a5764}@media (min-width:992px){.hotspot__footer{background-color:#fcfcfc;padding:0 32px 16px;max-width:21.7rem}.hotspot__footer:after{position:absolute;right:1rem;bottom:100%;left:0;height:10rem;z-index:1;pointer-events:none;content:"";box-shadow:inset 0 -8rem 3rem -6rem #fcfcfc}}.has-mobile-content .hotspot__slider{height:0;overflow:hidden}@media (min-width:992px){.has-mobile-content .hotspot__slider{height:unset;overflow:hidden}}.hotspot__slider__nav{justify-content:flex-end;position:absolute;top:48px;right:0;width:16rem;z-index:9;display:none}@media (max-width:575px){.hotspot__slider__nav{top:40px}}.has-mobile-content .hotspot__slider__nav{display:flex}.hotspot__slider__nav .swiper-button{padding:1.5rem;background:#fff;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.3);transition:color .3s cubic-bezier(.22,1,.36,1);cursor:pointer}.hotspot__slider__nav .swiper-button:hover{color:#000}.hotspot__tab__close{background:#217097;text-align:right;position:relative;padding:10px 32px 1px 0;color:#fff;font-size:13px;cursor:pointer;transition:background-color .3s cubic-bezier(.22,1,.36,1);display:none;height:3rem}.has-mobile-content .hotspot__tab__close{display:block}.hotspot__tab__close span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:absolute;top:10px;right:6px}.hotspot__tab__close span:after,.hotspot__tab__close span:before{content:"";width:16px;height:.2rem;position:absolute;background-color:#fff}.hotspot__tab__close span:before{transform:rotate(45deg)}.hotspot__tab__close span:after{transform:rotate(-45deg)}.hotspot__titles{padding:24px 16px;background:#fff}@media (min-width:992px){.hotspot__titles{display:none}}.hotspot__titles__item{display:flex;align-items:center;justify-content:space-between;height:0;opacity:0;overflow:hidden;transition:opacity .5s}.hotspot__button,.hotspot__titles a{display:block;transition:background-color .3s cubic-bezier(.22,1,.36,1);text-align:center}.hotspot__titles__item.active{height:auto;opacity:1}.hotspot__titles__item h2{margin-right:16px;font-size:18px;font-weight:600}.hotspot__titles__button{white-space:nowrap}.hotspot__titles a{text-decoration:none;font-size:16px;padding:16px;color:#fff;font-weight:700;background-color:#217097}.hotspot__content__image img{width:100%;height:100%;object-fit:cover}@media (min-width:992px){.hotspot__content__image{height:246px}}.hotspot__tabs__contents{flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#929fa4 #f7f7f8}.hotspot__tabs__contents::-webkit-scrollbar{width:4px}.hotspot__tabs__contents::-webkit-scrollbar-track{background:#f7f7f8}.hotspot__tabs__contents::-webkit-scrollbar-thumb{border:0;border-radius:0;background-color:#929fa4}.hotspot__card__withimage,.hotspot__card__withoutimage{display:flex;background:#fff;box-shadow:0 1px 1px 0 rgba(13,25,42,.18)}.hotspot__tabs__content{height:0;opacity:0;overflow:hidden;transition:opacity .5s}.hotspot__tabs__content.active{height:auto;opacity:1}.hotspot__card__withimage{flex-wrap:wrap;margin-top:.8rem}.hotspot__card__withimage .hotspot__card__content{width:calc(100% - 130px);padding:10px 12px}@media (min-width:992px){.hotspot__card__withimage .hotspot__card__content{width:calc(100% - 164px)}}.hotspot__card__withimage .hotspot__card__content p{margin:0;font-size:13px}.hotspot__card__withimage .hotspot__card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.6rem;margin-top:12px;border-top:.1rem solid rgba(151,151,151,.3)}.hotspot__card__withoutimage{flex-wrap:wrap;margin-top:.8rem}.hotspot__card__withoutimage .hotspot__card__content{width:100%;padding:10px 12px}.hotspot__card__withoutimage .hotspot__card__content p{margin:0;font-size:13px}.hotspot__card__image{width:130px}@media (min-width:992px){.hotspot__card__image{height:unset;width:160px}}.hotspot__card__image img{width:100%;height:100%;object-fit:cover}.hotspot__card__title{font-weight:600;color:#217097;font-size:16px}.hotspot__button,.hotspot__button:focus,.hotspot__button:hover{color:#fff;text-decoration:none}.hotspot__card__title+.hotspot__button{float:right;margin-top:.9rem;margin-bottom:1rem;margin-left:1rem}.hotspot__button{font-size:13px;padding:8px;font-weight:700;background-color:#217097}.hotspot__button:hover{background-color:#0d5578}.hotspot__button:focus{background-color:#083c55}.hotspot__tabs{display:flex;z-index:2;position:sticky;top:53px;min-height:44px;background:#f7f7f8;border-bottom:1px solid #262d3133;transition:border-top .5s,box-shadow .5s}.hotspot__tabs__item{display:block;font-size:14px;width:auto;padding:12px 0 8px;text-align:center;cursor:pointer;margin-right:16px}.hotspot__tabs__item.active,.hotspot__tabs__item:hover{font-weight:600}.has-mobile-content .hotspot__tabs__item.active,.has-mobile-content .hotspot__tabs__item:hover{color:#3f4959;opacity:1}.hotspot__tabs__item.active{border-bottom:2px solid #217097}.scroll-end .hotspot__tabs{border-top:1px solid #262d3133;box-shadow:0 1rem .5rem -.5rem rgba(21,28,53,.13)}.has-mobile-content .hotspot__tabs{background:#fff}.hotspot__rte__content{font-size:13px}.has-mobile-content .hotspot__content__close,.has-mobile-content .hotspot__header,.has-mobile-content .hotspot__titles,.has-mobile-content .hotspot_content{display:none}@keyframes scaleInPulse{0%{transform:scale(.3,.3);opacity:.8}40%{opacity:.45}100%{opacity:0}}.ev_hotspot .hotspot__main{width:calc(100% - 21.7rem)}@media (max-width:992px){.ev_hotspot .hotspot__main{width:100%}}.ev_hotspot .hotspot__content__title{border-bottom:3px solid grey;position:relative;padding:17px 0 17px 8px}@media (min-width:576px){.ev_hotspot .hotspot__content__title{padding:18px 0 18px 8px}}.ev_hotspot .hotspot__content__title h2{width:72%}@media (min-width:992px){.hotspot__rte__content{font-size:16px}.has-mobile-content .hotspot__content__close,.has-mobile-content .hotspot__header,.has-mobile-content .hotspot__titles,.has-mobile-content .hotspot_content{display:block}.ev_hotspot .hotspot__content__title h2{width:100%}}@media (max-width:400px){.ev_hotspot .hotspot__content__title h2{width:63%;padding-right:10px}}.ev_hotspot .hotspot__content__benefits,.ev_hotspot .hotspot__content__detail,.ev_hotspot .hotspot__content__subtitle,.ev_hotspot .hotspot__content_recommendation{padding:14px 8px 0}.ev_hotspot .hotspot_evtabcontent_img,.ev_hotspot .hotspot_evtabcontent_video{margin:8px 0}.ev_hotspot .hotspot__tabs{margin-top:10px;margin-bottom:10px;border-bottom:none;z-index:0;position:unset;flex-wrap:wrap;min-height:unset}.ev_hotspot .hotspot__tabs__item{margin-bottom:10px;width:45%;border-bottom:1.5px solid #262d3133}@media (min-width:992px){.ev_hotspot .hotspot__tabs__item{width:23%}}.ev_hotspot .hotspot__tabs__item.active{border-top:1.5px solid #262d3133;border-left:1.5px solid #262d3133;border-right:1.5px solid #262d3133;border-bottom:0;padding:10px 5px}.ev_hotspot .hotspot__tabs__contents{overflow-y:unset}.ev_hotspot .hotspot__tabs__content{margin-bottom:5px}.ev_hotspot .hotspot_ev_content{padding:10px 0}.ev_hotspot .hotspot__tabs__explanation{font-size:22px;padding-right:120px;margin:20px 20px 20px 0;font-family:auto;font-weight:500}@media (max-width:992px){.ev_hotspot .hotspot__tabs__explanation{padding-right:0}}.ev_hotspot .hotspot__footer{background-color:#fff}.ev_hotspot .hotspot__footer a{background-color:#42af7e;border-radius:12px;color:#0b0a0a;margin-top:2px}.ev_hotspot img{width:100%}.ev_hotspot .scroll-end .hotspot__tabs{border-top:none;box-shadow:none}.ev_hotspot .hotspot__content__image{margin:8px 0}@media (min-width:992px){.ev_hotspot .hotspot__content{height:100vh;overflow:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#929fa4 #fcfcfc}.ev_hotspot .hotspot__content::-webkit-scrollbar{width:4px}.ev_hotspot .hotspot__content::-webkit-scrollbar-track{background:#fcfcfc}.ev_hotspot .hotspot__content::-webkit-scrollbar-thumb{border:0;border-radius:0;background-color:#929fa4}.ev_hotspot .hotspot__aside{padding:2.4rem 1rem 3rem 0}}@media (min-width:3000px){.hotspot_component.ev_hotspot{min-height:50vh}.hotspot_component.ev_hotspot .hotspot_grab{align-items:center;justify-content:center}.hotspot_component.ev_hotspot .hotspot__main,.hotspot_component.ev_hotspot .hotspot__main .hotspot__content{height:100%}}.ipadHeight{min-height:auto}.ipadHeight .hotspot_area{max-height:100%}.hotspot_component.ev_hotspot.ipadHeight .hotspot__main .hotspot__content,.ipadHeight .hotspot__main{height:100%}.hotspot_component.yellow .hotspot__header{background:#FCD32B}.hotspot_component.yellow .hotspot__header .hotspot__header__title{color:#000}.hotspot_component.yellow .hotspot__aside .icon:before{background:#FCD32B}.hotspot_component.yellow .hotspot__aside .hotspot__aside__item.active:after,.hotspot_component.yellow .hotspot__aside .hotspot__aside__item.hover:after,.hotspot_component.yellow .hotspot__aside .hotspot__aside__item.swiper-slide-active:after{background-color:#FCD32B}.hotspot_component.yellow .hotspot__aside .hotspot__aside__item.active .icon,.hotspot_component.yellow .hotspot__aside .hotspot__aside__item.hover .icon,.hotspot_component.yellow .hotspot__aside .hotspot__aside__item.swiper-slide-active .icon{color:#000}.hotspot_component.yellow .hotspot__button,.hotspot_component.yellow .hotspot__titles__button,.hotspot_component.yellow .hotspot__titles__button:focus,.hotspot_component.yellow .hotspot__titles__button:hover{background:#FCD32B;color:#000}.hotspot_component.yellow .hotspot__button:focus,.hotspot_component.yellow .hotspot__button:hover{background-color:#A3842C}