.service{margin-top:200px;height:auto;position:relative}.page-title{font-size:clamp(1.5rem,1.136rem + 1.82vw,2.5rem);margin:0 clamp(1.5rem,1.068rem + 2.16vw,2.688rem);border-bottom:1px solid var(--black);h2{&:first-letter{color:var(--green)}}}.service-catch-phrase-container{margin:121px clamp(1.5rem,1.068rem + 2.16vw,2.688rem) 0;padding-bottom:121px;border-bottom:1px solid var(--gray)}.service-catch-phrase{h3{font-size:clamp(1.5rem,1.136rem + 1.82vw,2.5rem)}}.service-catch-phrase-sub{margin-top:37px;p{font-size:clamp(.875rem,.83rem + .23vw,1rem);font-weight:400;letter-spacing:.2rem;line-height:2rem}}.service-content{display:flex;justify-content:space-between;margin:40px clamp(1.5rem,1.068rem + 2.16vw,2.688rem);gap:40px}.service-content-sidebar-wrapper{width:25%;flex:0 0 25%;position:relative}.service-content-sidebar{display:flex;flex-direction:column;width:100%;position:relative;align-self:flex-start;h3{font-size:clamp(.875rem,.83rem + .23vw,1rem);font-weight:700;margin-bottom:16px}ul{li{list-style:none;margin-top:16px;a{font-size:clamp(.875rem,.83rem + .23vw,1rem);font-weight:400;transition:all .3s ease;display:inline-block;position:relative;&:hover{color:var(--green)}&:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--green);transition:width .3s ease}&:hover:after{width:30%}&.active{color:var(--green);font-weight:600;&:after{width:100%}}};}}}.service-content-sidebar.fixed{z-index:10;will-change:transform}.service-content-sidebar.at-bottom{will-change:auto}.service-content-main{width:75%;flex:0 0 75%;height:100%;margin-bottom:120px;padding-right:clamp(1.5rem,1.068rem + 2.16vw,2.688rem)}.service-content-main-item{margin-top:40px;&:first-child{margin-top:0}h3{font-size:clamp(1.25rem,1.159rem + .45vw,1.5rem);font-weight:700;letter-spacing:.05em}}.service-content-main-item-content{margin-top:24px;display:flex;width:100%;gap:20px;padding-bottom:40px;border-bottom:1px solid var(--gray)}.service-content-main-item-content-img{width:323px;height:209px;position:relative;overflow:hidden;border-radius:8px}.service-content-main-item-content-text{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:47px;column-gap:47px;grid-row-gap:16px;row-gap:16px;height:98px;;h4{min-width:182px}}.service-content-main-item-content-text-title{border-left:2px solid var(--green);padding-left:8px;line-height:24px;display:flex;align-items:center;height:24px;h4{font-size:clamp(.875rem,.83rem + .23vw,1rem);font-weight:700;position:relative;padding-left:8px;line-height:22px}}.service-content-main-item-button{margin-top:24px;text-align:right}.service-detail-button{margin-top:24px;display:inline-block;padding:12px 32px;background-color:var(--green);color:#fff;text-decoration:none;border-radius:6px;font-size:clamp(.875rem,.83rem + .23vw,1rem);font-weight:600;transition:all .3s ease;letter-spacing:.05em;&:hover{background-color:#2a7a5a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(51,146,92,.3)}&:active{transform:translateY(0)}}@media (max-width:768px){.service-content-sidebar-wrapper{display:none}.service-content-main{width:100%;flex:0 0 100%}.service-content-main-item{padding:80px 0;width:100%}.service-content-main-item-content{flex-direction:column;border-bottom:none}.service-content-main-item-content-img{width:100%}.service-content-main-item-content-text{display:flex;flex-direction:column;gap:16px}.service-content-main-item-button{margin-top:32px;text-align:center}.service-detail-button{width:100%;max-width:280px;margin:0 auto;padding:16px 24px;font-size:1rem}}