#solution-digital-contents{position:relative;margin:0 auto;max-width:var(--contents-width);overflow:hidden}#solution-digital-contents canvas{width:100%;object-fit:cover}#solution-digital-contents .arrow-left,#solution-digital-contents .arrow-right{position:absolute;width:96px;height:auto;transform:translateY(-50%);cursor:pointer;transition:transform .4s cubic-bezier(.19,1,.22,1)}#solution-digital-contents .arrow-left:hover,#solution-digital-contents .arrow-right:hover{transform:translateY(-50%) scale(1.1)}#solution-digital-contents .arrow-left.disable,#solution-digital-contents .arrow-right.disable{opacity:.2;pointer-events:none}#solution-digital-contents .arrow-left{left:16px;top:50%}#solution-digital-contents .arrow-right{right:16px;top:50%}@media (max-width: 1024px){#solution-digital-contents .arrow-left,#solution-digital-contents .arrow-right{width:48px}#solution-digital-contents .arrow-left{left:0}#solution-digital-contents .arrow-right{right:0}}#solution-digital-contents-modal-wrap{position:fixed;display:flex;align-items:center;justify-content:center;left:0;top:0;width:100dvw;height:100dvh;z-index:1000}#solution-digital-contents-modal-wrap .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#00000080;z-index:1001}#solution-digital-contents-modal-wrap .modal-base{display:flex;position:relative;width:calc(100% - 160px);max-width:1280px;max-height:calc(100% - 200px);z-index:1002}#solution-digital-contents-modal-wrap .modal-base .modal-img-wrap{width:100%;max-height:100%;line-height:0;overflow-y:auto}#solution-digital-contents-modal-wrap .modal-base .modal-img-wrap img{display:block;width:100%}#solution-digital-contents-modal-wrap .modal-base .close-btn{position:absolute;right:0;top:-80px;width:80px;height:80px;cursor:pointer}@media (max-width: 768px){#solution-digital-contents-modal-wrap .modal-base{width:calc(100% - 48px);max-height:calc(100% - 96px)}#solution-digital-contents-modal-wrap .modal-base .close-btn{top:-48px;width:48px;height:48px}}