.mg-story{width:100vw;margin-top:80px;overflow-x:hidden}.mg-story .banner-video{width:100%;aspect-ratio:16/4;margin-bottom:2em;overflow:hidden;position:relative}.mg-story .banner-video video{position:absolute;width:100%;left:0;top:-30%}.mg-story .banner-video .title{color:#fff;font-family:SUITEL;font-size:30px;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.mg-story .banner-video .title span{display:block;color:hsla(0,0%,100%,.5);font-family:SY-R;font-size:14px}.mg-story .banner-video:after{content:"";background:rgba(24,24,24,.1);width:100%;height:100%;position:absolute;left:0;top:0}@media(max-width:800px){.mg-story .banner-video{aspect-ratio:16/7}}.mg-story .headline{margin-bottom:2em;padding:0 20em}.mg-story .headline .title{font-size:40px;line-height:1.2}.mg-story .headline .title span{display:block;font-family:SUITEB}.mg-story .headline .desc{margin-top:1em;font-size:20px}.mg-story .intervention{padding:0 20em;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.mg-story .intervention .item{border-radius:10px;width:33.3333333333%;height:450px;margin-right:1em;padding:2em;background-size:cover;background-repeat:no-repeat;background-position:50%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;opacity:.85;transition:all .6s cubic-bezier(.23,1,.32,1);cursor:pointer}.mg-story .intervention .item:first-child{background-image:url(/_next/static/media/interv1.bc41dbdd.jpg)}.mg-story .intervention .item:nth-child(2){background-image:url(/_next/static/media/interv2.e65fbe29.jpg)}.mg-story .intervention .item:nth-child(3){background-image:url(/_next/static/media/interv3.fdb9e3a2.jpg);margin-right:0}.mg-story .intervention .item:hover{opacity:1}.mg-story .intervention .item:after{content:"";background:rgba(24,24,24,.1);width:100%;height:100%;position:absolute;left:0;bottom:0;transition:.3s ease;z-index:0}.mg-story .intervention .item .num{color:#fff;z-index:1;transition:color .6s ease}.mg-story .intervention .item .content{width:100vw;color:#fff;z-index:1;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.mg-story .intervention .item .content .title{margin-bottom:10px;font-family:SUITEB;font-size:30px}.mg-story .intervention .item .content .desc{font-family:SUITL;font-size:20px;line-height:1.8}.mg-story .intervention .item .content .desc br{display:none}.mg-story .intervention .item.active{width:100%;opacity:1;background-size:cover;background-repeat:no-repeat;background-position:50%}.mg-story .intervention .item.active:first-child:after{background:linear-gradient(0deg,rgb(225,84,38),rgba(41,41,41,0))}.mg-story .intervention .item.active:nth-child(2):after{background:linear-gradient(0deg,#e4b8ab,rgba(41,41,41,0))}.mg-story .intervention .item.active:nth-child(3):after{background:linear-gradient(0deg,#F5F3F3,rgba(41,41,41,0))}.mg-story .intervention .item.active:nth-child(3) .content .desc,.mg-story .intervention .item.active:nth-child(3) .content .title{color:var(--dark)}.mg-story .intervention .item.active:after{height:50%}.mg-story .intervention .item.active .num{color:#fff}.mg-story .intervention .item.active .content{opacity:1;transform:translateY(0)}.mg-story .category-box{background:var(--dark);margin-top:5em;padding:5em 20em;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}.mg-story .category-box .star{width:35px;height:35px;margin-bottom:2em;background-image:url(/_next/static/media/star.87789cba.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.mg-story .category-box>.text-box{color:#fff;text-align:center}.mg-story .category-box>.text-box .title{font-size:40px}.mg-story .category-box>.text-box .title span{font-family:SUITEB}.mg-story .category-box>.text-box .desc{margin-top:10px;font-size:20px}.mg-story .category-box .item-box{margin-top:5em;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:2em}.mg-story .category-box .item-box .item{border:1px solid #fff;border-radius:5px;width:calc(25% - 2em);padding:1em;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.3s}.mg-story .category-box .item-box .item .title{font-size:20px}.mg-story .category-box .item-box .item:hover{border-color:var(--main);background:var(--main);color:#fff}.mg-story .category-box .item-box .item.prepare{border-color:hsla(0,0%,100%,.5);cursor:default;pointer-events:none}.mg-story .category-box .item-box .item.prepare span{content:"페이지 준비중";color:hsla(0,0%,100%,.5)}@media(max-width:1650px){.mg-story .category-box{padding:5em}}@media(max-width:1280px){.mg-story .category-box{margin-top:0;padding:3em}.mg-story .category-box .text-box .title{font-size:30px}.mg-story .category-box .item-box{margin-top:3em;justify-content:center;gap:1em}.mg-story .category-box .item-box .item{width:calc(33.3333333333% - 1em)}}@media(max-width:800px){.mg-story .category-box{padding:2em}.mg-story .category-box .text-box .title{font-size:25px}.mg-story .category-box .text-box .desc{font-size:16px}.mg-story .category-box .item-box{margin-top:2em}.mg-story .category-box .item-box .item{width:calc(50% - 1em);min-height:65px;padding:10px;display:flex;justify-content:center;align-items:center}.mg-story .category-box .item-box .item .title{font-size:16px}.mg-story .category-box .item-box .item:after{font-size:12px}}.mg-story .equip{padding:5em 20em;position:relative}.mg-story .equip>.text-box{display:flex;justify-content:space-between;align-items:flex-end}.mg-story .equip>.text-box .title{font-size:40px;line-height:1.2}.mg-story .equip>.text-box .title span{display:block;font-family:SUITEB}.mg-story .equip .btn-box{display:flex;align-items:center}.mg-story .equip .btn-box button{border:1px solid var(--dark);border-radius:50%;width:70px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;z-index:1;transition:.3s;cursor:pointer}.mg-story .equip .btn-box button svg path{fill:var(--dark)}.mg-story .equip .btn-box button:hover{background:var(--dark)}.mg-story .equip .btn-box button:hover svg path{fill:#fff}.mg-story .equip .btn-box button.disabled{border:1px solid rgba(24,24,24,.2);background:none;cursor:default}.mg-story .equip .btn-box button.disabled svg path{fill:rgba(24,24,24,.2)}.mg-story .equip .btn-box button.prev-btn{margin-right:1em}.mg-story .equip .slide{position:relative;margin-top:2em;height:clamp(320px,32vw,360px)}.mg-story .equip .slide :has(.dragging),.mg-story .equip .slide.dragging{user-select:none}.mg-story .equip .item-box{position:relative;border-radius:10px;width:100%;height:100%;overflow:hidden}.mg-story .equip .item-track{position:relative;width:100%;height:100%;cursor:default}.mg-story .equip .item{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.mg-story .equip .item.active{pointer-events:auto}.mg-story .equip .item .img{border-radius:10px;width:50%;aspect-ratio:16/10}.mg-story .equip .item:first-child .img{background:url(/_next/static/media/2mm.73c852a3.jpg) no-repeat 50%/cover}.mg-story .equip .item:nth-child(2) .img{background:url(/_next/static/media/sheath.34f37d67.jpg) no-repeat 50%/cover}.mg-story .equip .item:nth-child(3) .img{background:url(/_next/static/media/pcd.1e6cb890.jpg) no-repeat 50%/cover}.mg-story .equip .item:nth-child(4) .img{background:url(/_next/static/media/chemoport.d960f89c.jpg) no-repeat 50%/cover}.mg-story .equip .item:nth-child(5) .img{background:url(/_next/static/media/picc.6387735a.jpg) no-repeat 50%/cover}.mg-story .equip .item:nth-child(6) .img{background:url(/_next/static/media/stent.8eebb3a5.png) no-repeat 50%/cover}.mg-story .equip .item:nth-child(7) .img{background:url(/_next/static/media/balloon.653bdc75.gif) no-repeat 50%/cover}.mg-story .equip .contents{width:45%;display:flex;flex-direction:column}.mg-story .equip .contents .title{font-family:SUITB;font-size:35px}.mg-story .equip .contents .title span{display:block;color:var(--main);font-size:20px}.mg-story .equip .contents .desc{margin-top:5px;color:rgba(24,24,24,.5);font-size:20px}@media(max-width:1650px){.mg-story .equip{padding:5em 10em}}@media(max-width:1280px){.mg-story .equip{padding:3em}.mg-story .equip>.text-box .title{font-size:30px}.mg-story .equip .slide{margin-top:0}.mg-story .equip .contents .title{font-size:30px}.mg-story .equip .contents .desc{font-size:18px}}@media(max-width:800px){.mg-story .equip{padding:2em}.mg-story .equip>.text-box{margin-bottom:1em;flex-direction:column;align-items:flex-start}.mg-story .equip>.text-box .title{font-size:25px}.mg-story .equip .btn-box{width:100%;justify-content:flex-end}.mg-story .equip .btn-box button{width:50px}.mg-story .equip .btn-box button.prev-btn{margin-right:10px}.mg-story .equip .slide{height:auto}.mg-story .equip .item-box{overflow:visible}.mg-story .equip .item-track{position:relative;display:flex;gap:16px;width:100%;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:8px;cursor:grab}.mg-story .equip .item-track.dragging{cursor:grabbing}.mg-story .equip .item-track::-webkit-scrollbar{height:8px}.mg-story .equip .item-track::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:8px}.mg-story .equip .item-track::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.mg-story .equip .item{position:relative;inset:auto;flex:0 0 85%;max-width:920px;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;opacity:1!important;pointer-events:auto;height:auto}.mg-story .equip .item .img{width:100%}.mg-story .equip .contents{width:100%;margin-top:1.25em}.mg-story .equip .contents .title{font-size:25px}.mg-story .equip .contents .desc{font-size:16px}.mg-story .equip .contents .desc br{display:none}}.mg-story .radiology{background:var(--sub);padding:5em 20em;display:flex;flex-flow:column wrap;align-items:center}.mg-story .radiology .sub-title{margin-bottom:1em;color:var(--main);text-align:center}.mg-story .radiology .title{text-align:center;font-family:SUITL;font-size:30px}.mg-story .radiology .title span{font-family:SUITB}.mg-story .radiology .img-box{margin:5em 0;display:flex;justify-content:center}.mg-story .radiology .img-box>div{border:5px solid var(--sub);border-radius:50%;width:500px;height:500px}.mg-story .radiology .img-box>div.circle-a{transform:translateX(2.5em);background:url(/_next/static/media/angiography1.dc4fc4b1.jpg) no-repeat 50%/cover}.mg-story .radiology .img-box>div.circle-b{transform:translateX(-2.5em);background:url(/_next/static/media/angiography2.d6cc0d29.jpg) no-repeat 50%/cover}.mg-story .radiology .desc{text-align:center;font-size:18px;background:linear-gradient(270deg,#181818,#f2f0f5,#181818);background-size:1000% 1000%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:gradientText 10s ease infinite}.mg-story .radiology .detail{width:100%;margin:5em 0;display:flex;justify-content:space-between}.mg-story .radiology .detail .text{padding-top:2em;display:flex;flex-flow:column wrap;justify-content:space-between;position:relative}.mg-story .radiology .detail .text p{font-family:SUITEB;font-size:30px;letter-spacing:1em}.mg-story .radiology .detail .text span{color:rgba(24,24,24,.7);font-size:20px}.mg-story .radiology .detail .text:before{content:"";background:var(--main);border-radius:50%;width:15px;height:15px;position:absolute;left:0;top:0}.mg-story .radiology .detail .img{background:var(--gray1);border-radius:10px;width:500px;height:500px}.mg-story .radiology .detail:last-of-type{align-items:flex-end}.mg-story .radiology .detail.first .img{background:url(/_next/static/media/radiology_square1.935537d9.png) no-repeat 50%/cover}.mg-story .radiology .detail.second .img{background:url(/_next/static/media/radiology_square2.6b129535.png) no-repeat 50%/cover}@media(max-width:1650px){.mg-story .headline,.mg-story .intervention{padding:0 10em}.mg-story .intervention .item .content .title{font-size:25px}.mg-story .intervention .item .content .desc{font-size:18px}.mg-story .radiology{padding:5em 10em}}@media(max-width:1280px){.mg-story .headline{margin-bottom:0;padding:0 3em}.mg-story .headline .title{font-size:30px}.mg-story .headline .title br{display:none}.mg-story .intervention{padding:3em;flex-flow:row wrap}.mg-story .intervention .item{width:100%;height:fit-content;margin:0 0 1em;transform:scale(1)}.mg-story .intervention .item:after{background:rgba(24,24,24,.3);transition:none}.mg-story .intervention .item .content{display:flex;flex-flow:column wrap;justify-content:flex-end;transform:translateY(7px);opacity:1}.mg-story .intervention .item .content .title{font-family:SUITB;font-size:20px}.mg-story .intervention .item .content .desc{display:none}.mg-story .intervention .item.active:after{height:100%}.mg-story .intervention .item.active .num{display:none}.mg-story .intervention .item.active .content{height:175px}.mg-story .intervention .item.active .content .desc{display:block;line-height:1.2}.mg-story .intervention .item.active .content .desc br{display:block}.mg-story .radiology{padding:3em}.mg-story .radiology .detail .img,.mg-story .radiology .img-box>div{width:350px;height:350px}}@media(max-width:800px){.mg-story{margin-top:60px}.mg-story .headline{padding:0 2em}.mg-story .headline .title{font-size:25px}.mg-story .headline .desc{font-size:16px}.mg-story .intervention{padding:2em}.mg-story .intervention .item{padding:1em}.mg-story .intervention .item .num{font-size:14px}.mg-story .intervention .item .content{width:100%}.mg-story .intervention .item .content .desc{width:100%;font-size:14px}.mg-story .radiology{padding:2em}.mg-story .radiology .title{font-size:25px}.mg-story .radiology .img-box{width:100%;margin:2em 0}.mg-story .radiology .img-box>div{width:100%;height:auto;aspect-ratio:1/1}.mg-story .radiology .img-box>div.circle-a{transform:translateX(20px)}.mg-story .radiology .img-box>div.circle-b{transform:translateX(-20px)}.mg-story .radiology .desc{margin:2em 0;font-size:15px}.mg-story .radiology .detail{width:100%;margin:2em 0;flex-flow:column wrap;align-items:flex-start}.mg-story .radiology .detail:last-of-type{align-items:center}.mg-story .radiology .detail .text p{font-size:25px;letter-spacing:.5em}.mg-story .radiology .detail .text span{margin:1em 0}.mg-story .radiology .detail .img{width:75%;height:auto;aspect-ratio:1/1}.mg-story .radiology .detail.second{align-items:flex-end}.mg-story .radiology .detail.second .text{text-align:right;order:-1}.mg-story .radiology .detail.second .text:before{left:auto;right:0}.mg-story .info-container{background:#fff}}@keyframes gradientText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeIn{0%{color:hsla(0,0%,100%,.5)}50%{color:#fff}to{color:hsla(0,0%,100%,.5)}}