diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp index 7c1f9c03..e508d242 100644 --- a/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp +++ b/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp @@ -29,39 +29,73 @@ .tabWrap { width: 100%; box-sizing: border-box; - margin-bottom: 20px; + margin-bottom: 20px; } .tabList { display: flex; justify-content: center; /* 가운데 정렬 */ - gap: 10px; /* li 사이 간격 */ padding: 0; margin: 0; + height: 55px; list-style: none; background: #f4f4f4; - border-radius: 10px; + border-radius: 5px; } .tabList li { flex: 1; /* 동일한 너비 */ text-align: center; + position: relative; + z-index: 10; +} + +.tabList li::after{ + content: ""; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 1px; + height: 30px; + background-color: #d4d4d4; + z-index: -1; +} + +.tabList li:last-child::after{ + content: none; } .tabList li a { display: block; - padding: 10px 0; text-decoration: none; color: #333; - font-weight: bold; - border-radius: 8px; + font-weight: 500; + line-height: 55px; + border-radius: 5px; transition: background 0.2s ease; - background: #e0e0e0; } .tabList li.active a { background-color: #2e3a59; color: white; + height: 55px; +} + +.subte{ + padding: 14px 25px; + border-radius: 5px; + border: 3px solid #ececec; +} + +.subte p{ + padding: 2px 0; + text-indent: -8px; + margin: 0 0 0 8px; + font-size: 15px; + line-height: 1.3; + color: #666; + font-weight: 500; } @@ -175,7 +209,16 @@
  • 발송가능건수
  • - + + +
    +

    - 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.

    +

    - 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.

    +

    - 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.

    +

    - 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.

    +

    - 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.

    + +