마이페이지 스트리밍 프리미엄 구독해지

kr/assets/css/mypage.css

@@ -1293,6 +1293,15 @@ pre {
     margin-top: 5rem;
   }
 }
+.contentWarp .mypageWarp .rightConWarp .btnWarp.btnWarpFull {
+  width: 100%;
+  margin-bottom: 3rem;
+}
+@media (min-width: 768px) {
+  .contentWarp .mypageWarp .rightConWarp .btnWarp.btnWarpFull {
+    width: 100%;
+  }
+}
 .contentWarp .mypageWarp .rightConWarp .carswBtn {
   width: 100%;
   margin: 0 auto;
@@ -1436,10 +1445,6 @@ pre {
     width: 26rem;
   }
 }
-.contentWarp .mypageWarp .rightConWarp .infoRefund .unsubscribeBtns {
-  width: auto;
-  margin-bottom: 3rem;
-}
 .contentWarp .mypageWarp .rightConWarp .infoRefund .desc {
   margin-top: 1rem;
   font-size: 1.4rem;

kr/assets/css/mypage.scss

@@ -1385,6 +1385,15 @@ pre {
           width: 16rem;
           margin-top: 5rem;
         }
+
+        &.btnWarpFull {
+          width: 100%;
+          margin-bottom: 3rem;
+
+          @include tablet {
+            width: 100%;
+          }
+        }
       }
 
       .carswBtn {
@@ -1538,10 +1547,6 @@ pre {
             width: 26rem;
           }
         }
-        .unsubscribeBtns {
-          width: auto;
-          margin-bottom: 3rem;
-        }
 
         .desc {
           margin-top: 1rem;

kr/mypage/my-experience-view_1.html

@@ -327,7 +327,7 @@
                   <li>무약정 사양의 경우 해지 신청 시점까지 일할 계산되어 환불 됩니다.</li>
                   <li>해지와 관련된 상세 금액은 해지 단계(구독 해지 예약, 구독 즉시 해지)에서 확인하실 수 있습니다.</li>
                 </ul>
-                <div class="btnWarp unsubscribeBtns">
+                <div class="btnWarp btnWarpFull">
                   <div class="threeButton">
                     <a href="" class="leftBtn"><p>결제수단 변경</p></a>
                     <a href="" class="centerBtn"><p>구독해지 예약</p></a>