.varicocele{height:fit-content!important}.varicocele .definition{padding:3em 10em}.varicocele .definition .main-desc,.varicocele .definition .sub-desc{width:100%;color:rgba(24,24,24,.7);font-family:SUITEL;font-size:22px;text-align:center}.varicocele .definition .main-desc span,.varicocele .definition .sub-desc span{font-family:SUITB;color:var(--dark)}.varicocele .definition .item{margin:2em 0;display:flex;justify-content:space-between;align-items:stretch}.varicocele .definition .item>div{border-radius:10px}.varicocele .definition .item .img{background:var(--gray1);width:60%;overflow:hidden}.varicocele .definition .item .img video{width:100%;height:100%;object-fit:cover}.varicocele .definition .item .text-box{background:var(--gray1);width:38%;aspect-ratio:1/1;padding:2em;display:flex;flex-direction:column;justify-content:flex-end;color:var(--dark)}.varicocele .definition .item .text-box .text-title{margin-bottom:1em;font-family:SUITB;font-size:22px}.varicocele .definition .item .text-box .text-desc{color:rgba(24,24,24,.7);font-size:18px}@media(max-width:1650px){.varicocele .definition{padding:3em 5em}}@media(max-width:1280px){.varicocele .definition{padding:3em}.varicocele .definition .item{margin-bottom:0}.varicocele .definition .item .text-box br{display:none}}@media(max-width:1024px){.varicocele .definition{padding:2em}.varicocele .definition .main-desc,.varicocele .definition .sub-desc{font-size:16px}.varicocele .definition .main-desc br,.varicocele .definition .sub-desc br{display:none}.varicocele .definition .item{flex-direction:column;align-items:center}.varicocele .definition .item .img{border-radius:10px 10px 0 0;width:100%;aspect-ratio:16/9}.varicocele .definition .item .text-box{background:var(--gray);border-radius:0 0 10px 10px;width:100%;aspect-ratio:0}.varicocele .definition .item .text-box .text-title{color:#fff;font-size:20px}.varicocele .definition .item .text-box .text-desc{color:hsla(0,0%,100%,.7);font-size:16px}}.varicocele .symptoms{background:url(/_next/static/media/varicocele_bg1.a1146561.png) no-repeat 50%/cover;padding:5em 10em;position:relative;z-index:1}.varicocele .symptoms:after{content:"";background:rgba(24,24,24,.3);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.varicocele .symptoms .title{margin-bottom:1em;color:#fff;font-size:35px;text-align:center}.varicocele .symptoms .title span{font-family:SUITEB}.varicocele .symptoms .desc{margin-top:2em;color:hsla(0,0%,100%,.7);font-size:18px;text-align:center}.varicocele .symptoms .list{display:flex;flex-direction:column;align-items:center}.varicocele .symptoms div{border-bottom:1px solid hsla(0,0%,100%,.2);width:100%;margin:0 auto;padding:1em 0;color:#fff;text-align:center;font-size:20px;display:flex;justify-content:center;align-items:center;transition:.3s;cursor:default}.varicocele .symptoms div:last-child{border-bottom:none}@media(max-width:1650px){.varicocele .symptoms{padding:5em}}@media(max-width:1280px){.varicocele .symptoms{padding:5em 3em}}@media(max-width:1024px){.varicocele .symptoms{padding:5em 2em}.varicocele .symptoms .title{font-size:25px}.varicocele .symptoms .desc{font-size:16px}.varicocele .symptoms div{width:100%;font-size:1em}}.varicocele .graph{background:var(--dark);padding:5em 10em;display:flex;justify-content:space-between;align-items:center;background:url(/_next/static/media/BG_grain.7ec29f53.png) no-repeat 50%/cover;z-index:-2}.varicocele .graph .left .title{font-size:30px}.varicocele .graph .left .title span{display:block;font-family:SUITB}.varicocele .graph .left .desc{margin:2em 0;color:rgba(24,24,24,.7)}.varicocele .graph .left .desc span{display:block;margin:1em 0}.varicocele .graph .left .point span{display:block;color:var(--main)}.varicocele .graph .right{display:flex;justify-content:flex-end;align-items:center}.varicocele .graph .right .item{margin-left:5em;display:flex;flex-flow:column wrap;align-items:center}.varicocele .graph .right .item .stick{background:rgba(24,24,24,.1);border-radius:5em 5em 0 0;width:55px;height:400px;display:flex;justify-content:center;align-items:flex-end;position:relative}.varicocele .graph .right .item .stick:after{background:var(--main);border-radius:5em 5em 0 0;width:100%;padding-top:10px;color:#fff;display:flex;justify-content:center;align-items:flex-start;position:absolute;left:0;bottom:0}.varicocele .graph .right .item:first-of-type{margin-left:0}.varicocele .graph .right .item:first-of-type .stick:after{content:"15%";height:15%}.varicocele .graph .right .item:nth-of-type(2) .stick:after{content:"35%";height:35%}.varicocele .graph .right .item:nth-of-type(3) .stick:after{content:"80%";height:80%}.varicocele .graph .right .item p{margin-top:10px;text-align:center}.varicocele .graph .right .item p span{color:var(--main)}@media(max-width:1650px){.varicocele .graph{padding:5em}}@media(max-width:1280px){.varicocele .graph{padding:3em;flex-flow:column wrap}.varicocele .graph .right{margin-top:2em}.varicocele .graph .right .item{margin-left:3em}.varicocele .graph .right .item .stick{height:250px}}@media(max-width:1024px){.varicocele .graph{padding:2em}.varicocele .graph .left br{display:none}}.varicocele .point .text{width:50%;height:100%;display:flex;flex-direction:column}.varicocele .point .text .title{margin-bottom:1em;font-size:35px}.varicocele .point .text .title span{display:block;font-family:SUITB}.varicocele .point .text .desc,.varicocele .point .text .point{margin:10px 0;font-size:18px}.varicocele .point.test{padding:10em;display:flex;justify-content:space-between}.varicocele .point.test .img{background:url(/_next/static/media/varicocele_before.af3c1ea3.png) no-repeat 50%/cover;border-radius:10px;width:80%;aspect-ratio:4/2.5;position:relative}.varicocele .point.test .img:after{content:"Doppler ultrasound";width:fit-content;font-family:GB;font-size:50px;color:rgba(71,71,71,.1);text-shadow:0 0 1px hsla(0,0%,100%,.1);position:absolute;left:-35%;bottom:.5em;z-index:1}@media(max-width:1650px){.varicocele .point.test{padding:7em 5em}}@media(max-width:1280px){.varicocele .point.test{padding:5em 3em}.varicocele .point.test .img{width:60%}}@media(max-width:1024px){.varicocele .point.test{padding:2em 0 0;flex-direction:column;align-items:flex-end;position:relative}.varicocele .point.test .text{width:90%;margin:0 auto 1em;text-align:center}.varicocele .point.test .text .title{font-size:25px}.varicocele .point.test .text .desc{color:rgba(24,24,24,.7)}.varicocele .point.test .text br{display:none}.varicocele .point.test .img{border-radius:0;width:100%}.varicocele .point.test .img:after{display:none}}.varicocele .point.procedure{background:var(--gray1);padding:10em;display:flex;justify-content:space-between}.varicocele .point.procedure .img{background:url(/_next/static/media/detail_bg1.7db6d3fc.jpg) no-repeat 50%/cover;border-radius:10px;width:80%;aspect-ratio:4/2.5;position:relative}@media(max-width:1650px){.varicocele .point.procedure{padding:7em 5em}}@media(max-width:1280px){.varicocele .point.procedure{padding:5em 3em}.varicocele .point.procedure .img{width:60%}}@media(max-width:1024px){.varicocele .point.procedure{padding:2em 0 0;flex-direction:column;align-items:flex-end;position:relative}.varicocele .point.procedure .text{width:90%;margin:0 auto 1em;text-align:center}.varicocele .point.procedure .text .title{font-size:25px}.varicocele .point.procedure .text .desc{color:rgba(24,24,24,.7)}.varicocele .point.procedure .text br{display:none}.varicocele .point.procedure .img{border-radius:0;width:100%}}.varicocele .merits{background:var(--gray1);padding:0 10em 5em;position:relative}.varicocele .merits>.text-box{display:flex;justify-content:space-between;align-items:flex-end}.varicocele .merits>.text-box .title{font-size:40px;line-height:1.2}.varicocele .merits>.text-box .title span{display:block;font-family:SUITEB}.varicocele .merits .btn-box{display:flex;align-items:center}.varicocele .merits .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}.varicocele .merits .btn-box button svg path{fill:var(--dark)}.varicocele .merits .btn-box button:hover{background:var(--dark)}.varicocele .merits .btn-box button:hover svg path{fill:#fff}.varicocele .merits .btn-box button.disabled{border:1px solid rgba(24,24,24,.2);background:none;cursor:default}.varicocele .merits .btn-box button.disabled svg path{fill:rgba(24,24,24,.2)}.varicocele .merits .btn-box button.prev-btn{margin-right:1em}.varicocele .merits .slide{position:relative;margin-top:2em;height:clamp(320px,32vw,360px)}.varicocele .merits .slide :has(.dragging),.varicocele .merits .slide.dragging{user-select:none}.varicocele .merits .item-box{position:relative;border-radius:10px;width:100%;height:100%;overflow:hidden}.varicocele .merits .item-track{position:relative;width:100%;height:100%;cursor:default}.varicocele .merits .item{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.varicocele .merits .item.active{pointer-events:auto}.varicocele .merits .item .graphic{border-radius:10px;width:50%;aspect-ratio:16/10;overflow:hidden}.varicocele .merits .item .graphic .img{width:100%;height:100%;object-fit:cover}.varicocele .merits .contents{width:45%;display:flex;flex-direction:column}.varicocele .merits .contents .num{margin-bottom:3em;color:var(--main);font-family:SUITB;font-size:20px}.varicocele .merits .contents .title{font-family:SUITB;font-size:35px}.varicocele .merits .contents .title span{display:block}.varicocele .merits .contents .desc{margin-top:5px;color:rgba(24,24,24,.5);font-size:20px}@media(max-width:1650px){.varicocele .merits{padding:5em}}@media(max-width:1280px){.varicocele .merits{padding:3em}.varicocele .merits>.text-box .title{font-size:30px}.varicocele .merits .slide{margin-top:0}.varicocele .merits .contents .title{font-size:30px}.varicocele .merits .contents .desc{font-size:18px}}@media(max-width:1024px){.varicocele .merits{padding:2em}.varicocele .merits>.text-box{margin-bottom:1em;flex-direction:column;align-items:flex-start}.varicocele .merits>.text-box .title{font-size:25px}.varicocele .merits .btn-box{width:100%;justify-content:flex-end}.varicocele .merits .btn-box button{width:50px}.varicocele .merits .btn-box button.prev-btn{margin-right:10px}.varicocele .merits .slide{height:auto}.varicocele .merits .item-box{overflow:visible}.varicocele .merits .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}.varicocele .merits .item-track.dragging{cursor:grabbing}.varicocele .merits .item-track::-webkit-scrollbar{height:8px}.varicocele .merits .item-track::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:8px}.varicocele .merits .item-track::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.varicocele .merits .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}.varicocele .merits .item .graphic{width:100%}.varicocele .merits .item:last-child{scroll-snap-align:end}.varicocele .merits .contents{width:100%;margin-top:1.25em}.varicocele .merits .contents .num{margin-bottom:0}.varicocele .merits .contents .title{font-size:25px}.varicocele .merits .contents .desc{font-size:16px}.varicocele .merits .contents .desc br{display:none}}.varicocele .refer-youtube{padding:5em 10em 8em;display:flex;justify-content:space-between}.varicocele .refer-youtube .title-box>span{display:block;color:var(--main)}.varicocele .refer-youtube .title-box>p{margin-bottom:1em;font-family:SUITEB;font-size:40px}.varicocele .refer-youtube .title-box .go-to-btn{border:1px solid var(--dark);border-radius:5em;padding:10px 1em;color:var(--dark);display:flex;justify-content:center;position:relative;overflow:hidden;z-index:1}.varicocele .refer-youtube .title-box .go-to-btn:after{content:"";background:var(--dark);width:100%;height:100%;position:absolute;left:0;top:100%;transition:.3s;z-index:-1}.varicocele .refer-youtube .title-box .go-to-btn:hover{color:#fff}.varicocele .refer-youtube .title-box .go-to-btn:hover:after{top:0}.varicocele .refer-youtube .videos{width:70%;display:flex;align-items:stretch}.varicocele .refer-youtube .videos>*{border-radius:10px}.varicocele .refer-youtube .videos iframe{width:85%;aspect-ratio:16/9}.varicocele .refer-youtube .videos .dummy{background:url(/_next/static/media/abstract.c7f17dfc.jpg) no-repeat 50%/cover;width:15%;margin-left:1em;transform:translateY(3em)}@media(max-width:1650px){.varicocele .refer-youtube{padding:5em}}@media(max-width:1280px){.varicocele .refer-youtube{padding:3em 3em 6em;flex-direction:column;align-items:center}.varicocele .refer-youtube .title-box{display:flex;flex-direction:column;align-items:center;text-align:center}.varicocele .refer-youtube .title-box br{display:none}.varicocele .refer-youtube .title-box>p{margin-bottom:10px}.varicocele .refer-youtube .title-box .go-to-btn{width:fit-content}.varicocele .refer-youtube .videos{width:80%;margin-top:2em}}@media(max-width:1024px){.varicocele .refer-youtube{padding:2em}.varicocele .refer-youtube .title-box>p{font-size:25px}.varicocele .refer-youtube .videos{width:100%;margin-top:1em}.varicocele .refer-youtube .videos iframe{width:100%}.varicocele .refer-youtube .videos .dummy{display:none}}