body.modal-open{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.modal-overlay{z-index:9999;opacity:0;visibility:hidden;background-color:#21304333;justify-content:center;align-items:center;width:100%;height:100%;padding-inline:64px;transition:all .3s;display:flex;position:fixed;top:0;left:0}@media screen and (max-width:768px){.modal-overlay{padding-inline:0}}.modal-overlay.open{opacity:1;visibility:visible;transition:all .3s}.modal-content-wrapper{background-color:#fff;width:calc(100% - 64px);max-width:1360px;height:calc(100% - 64px);max-height:820px;padding:20px 110px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.modal-content-wrapper{width:100%;height:90%;max-height:90%;padding:20px 0;top:auto;bottom:0;transform:translate(-50%)}}.modal-content-scroll{height:100%;overflow-y:auto}.modal-content-wrap{padding:4% 8% 5%;position:relative}@media screen and (max-width:768px){.modal-content-wrap{padding:0}}.modal-content{border-radius:8px;flex-direction:column;flex-grow:1;width:100%}@media screen and (max-width:1024px){.modal-content{padding:8% 15%}}@media screen and (max-width:768px){.modal-content{border-radius:8px 8px 0 0;padding:40px 8.3% 100px;overflow-y:auto}}@media screen and not (min-width:376px){.modal-content{padding-inline:24px}}.modal-close-btn{cursor:pointer;z-index:10;background:0 0;border:none;outline:none;width:43px;height:43px;padding:0;position:absolute;top:3%;right:4%}@media screen and (max-width:768px){.modal-close-btn{top:16px;right:16px}}.modal-close-btn:focus{outline:none}.modal-close-btn svg{background:0 0}.modal-close-btn .circle-base{transform-origin:50%;transition:transform .3s ease-in-out}.modal-close-btn:hover .circle-base{transform:rotate(270deg)}.modal-close-btn svg{width:100%;height:auto}.modal-nav-btns{pointer-events:none;z-index:1;justify-content:space-between;align-items:center;width:calc(100% - 100px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.modal-nav-btns{top:unset;background:#fff;width:100%;padding:24px 48px;bottom:0;transform:translate(-50%)}}.modal-nav-btn{cursor:pointer;z-index:2;pointer-events:auto;background:0 0;border:none;outline:none;padding:0}.modal-nav-btn:focus{outline:none}.modal-nav-btn img{width:44px;height:auto;display:block}.modal-nav-btn span{font-size:clamp(10px,1vw,12px)}.modal-header{flex-shrink:0;margin-bottom:4%}@media screen and (max-width:768px){.modal-header{margin-bottom:24px}}.modal-header .modal-main-category{color:#b3bfc9;margin-bottom:8px;font-size:clamp(10px,1.1vw,14px);display:block}@media screen and (max-width:768px){.modal-header .modal-main-category{margin-bottom:6px;font-size:12px}}.modal-header .modal-category-title{font-size:clamp(20px,2.2vw,32px);font-weight:700}@media screen and (max-width:768px){.modal-header .modal-category-title{font-size:24px}}.modal-body-layout{flex-grow:1;column-gap:6%;display:flex;overflow:hidden}@media screen and (max-width:1024px){.modal-body-layout{flex-direction:column;overflow:visible}}.modal-img{border-radius:8px;flex-shrink:0;width:35%;height:100%}@media screen and (max-width:1024px){.modal-img{width:100%;height:auto;margin-bottom:34px}}@media screen and (max-width:768px){.modal-img{margin-bottom:24px}}.modal-details-container{flex:1}@media screen and (max-width:768px){.modal-details-container{width:100%}}.modal-subtitle{margin-bottom:24px;font-size:clamp(20px,2vw,30px)}@media screen and (max-width:768px){.modal-subtitle{margin-bottom:16px;font-size:20px}}.modal-description{margin-bottom:40px;font-size:clamp(12px,1.3vw,16px);line-height:2}@media screen and (max-width:768px){.modal-description{margin-bottom:24px;font-size:15px}}.modal-points-list{margin-bottom:40px;list-style:none}@media screen and (max-width:768px){.modal-points-list{margin-bottom:24px}}.modal-points-list li{background:#f1f4f7;border-radius:8px;padding:16px 24px;font-size:clamp(12px,1.3vw,18px);display:flex}@media screen and (max-width:768px){.modal-points-list li{font-size:15px}}.modal-points-list li:not(:last-child){margin-bottom:16px}.modal-points-list li .check-icon{width:24px;height:24px;margin-top:4px;margin-right:14px}.modal-related-case{flex-shrink:0;margin-top:auto}@media screen and (max-width:768px){.modal-related-case{margin-top:24px}}.modal-related-case .related-case-title{margin-bottom:16px;font-size:clamp(12px,1.3vw,18px);font-weight:700;display:block}@media screen and (max-width:768px){.modal-related-case .related-case-title{font-size:15px}}.modal-related-case .related-case-link{align-items:center;column-gap:3%;display:flex}.modal-related-case .related-case-link .circle-arrow{flex-shrink:0;width:7%;height:7%}.modal-related-case .related-case-img{border-radius:8px;flex-shrink:0;width:27%;height:100%}.modal-related-case .related-case-company{align-items:center;column-gap:16px;display:flex}.modal-related-case .related-case-company .company-logo{width:18%;height:auto}.modal-related-case .related-case-company .company-name{color:#9a9a9a;font-size:clamp(10px,1.1vw,14px)}.modal-related-case .related-case-description{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;margin-bottom:5px;font-size:clamp(10px,1.1vw,14px);font-weight:700;line-height:2;display:-webkit-box;overflow:hidden}.modal-related-case .related-case-description.-pc{display:-webkit-box}@media screen and (max-width:768px){.modal-related-case .related-case-description.-pc{display:none}}.modal-related-case .related-case-description.-sp{display:none}@media screen and (max-width:768px){.modal-related-case .related-case-description.-sp{display:-webkit-box}}.modal-embla{height:100%;overflow:hidden}.modal-embla__container{height:100%;display:flex}.modal-embla__slide{flex:0 0 100%;min-width:0;height:100%;position:relative}