.modal-link{cursor:pointer}.chart-modal-area{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.chart-modal-item{position:relative;margin-top:50px;opacity:0;display:none;-webkit-transition:all 0.8s;transition:all 0.8s;width:500px;max-width:690px;max-height:100%}@media screen and (max-width: 992px){.chart-modal-item{width:65%}}@media screen and (max-width: 600px){.chart-modal-item{width:80%}}.close-area{position:absolute;top:-20px;right:-20px;width:40px;height:40px;border-radius:50%;background-color:#ffe22e;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer;font-size:0}.close-area::before,.close-area::after{content:'';position:absolute;display:block;width:28px;height:3px;top:50%;left:50%;background-color:#000;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.close-area::after{width:3px;height:28px}@media screen and (max-width: 600px){.close-area{top:-17px;right:-17px;width:36px;height:36px}.close-area::before{width:24px;height:2px}.close-area::after{width:2px;height:24px}}.image-area{padding-top:109.52381%;background-repeat:no-repeat;background-position:center top;background-size:cover}.chart-modal-item.modal-active{opacity:1;display:block;z-index:200}