2023/09/20 '문자 api'를 '문자연동(API)'로 텍스트 및 이미지 수정

src/main/webapp/WEB-INF/jsp/web/api/intrdView.jsp

@@ -17,21 +17,21 @@ $(document).ready(function(){
 		<!-- tab button -->
 		<div class="api_guide_cont current">
                     <div class="heading">
-                        <h2>문자 API 소개</h2>
+                        <h2>문자연동(API) 소개</h2>
                     </div>
 
                     <!--소개 내용-->
                     <div class="api_visual_image">
-                        <img src="<c:url value='/publish/images/api_intro_cont/api_intro_visual.jpg' />" alt="문자 API도 이제 '문자온!'' 별도의 프로그램 설치 없이 누구나 쉽고 편리하게 문자를 발송할 수 있습니다." usemap="#image-map">
+                        <img src="<c:url value='/publish/images/api_intro_cont/api_intro_visual.jpg' />" alt="문자연동(API)도 이제 '문자온!'' 별도의 프로그램 설치 없이 누구나 쉽고 편리하게 문자를 발송할 수 있습니다." usemap="#image-map">
                         <map name="image-map">
-                            <area target="_self" alt="문자 API 신청하기" title="문자 API 신청하기" href="<c:out value='/web/api/appMgmt.do' />" coords="88,214,291,268" shape="rect">
+                            <area target="_self" alt="문자연동(API)신청하기" title="문자연동(API)신청하기" href="<c:out value='/web/api/appMgmt.do' />" coords="338,266,88,216" shape="rect">
                         </map>
                     </div>
                     
                     <!--사용 절차 설명 -->
                     <div class="api_intro">
                         <div class="title">
-                            <h3>문자 API 사용 절차</h3>
+                            <h3>문자연동(API) 사용 절차</h3>
                         </div>
 
                         <div class="title-line">
@@ -46,7 +46,7 @@ $(document).ready(function(){
                                     <div class="step_con">
                                         <div class="icon"><img src="<c:url value='/publish/images/api_intro_cont/api_guide_01.jpg' />" alt="문자 API 신청 아이콘"></div>
                                         <dl>
-                                            <dt>문자 API 신청</dt>
+                                            <dt>문자연동(API) 신청</dt>
                                             <dd>관리자 승인 후 사용 가능</dd>
                                         </dl>
                                     </div>    
@@ -68,7 +68,7 @@ $(document).ready(function(){
                                         <dl>
 <!--                                             <dt>아이피<span>(IP)</span> 등록</dt> -->
                                             <dt>아이피(IP) 등록</dt>
-                                            <dd>문자 API를 통해 문자 발송 서버 IP 등록</dd>
+                                            <dd>문자연동(API)를 통해 문자 발송 서버 IP 등록</dd>
                                         </dl>
                                     </div>    
                                 </li>

src/main/webapp/WEB-INF/jsp/web/api/top_tepMenu.jsp

@@ -93,7 +93,7 @@ function customPopup(){
 		<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>		
 		
 		<ul class="tabType4">
-			<li class="tab"><button type="button" class="goPage" id="intrdView" data-info="<c:url value="/web/api/intrdView.do" />">문자 API소개</button></li>
+			<li class="tab"><button type="button" class="goPage" id="intrdView" data-info="<c:url value="/web/api/intrdView.do" />">문자연동(API)소개</button></li>
 			<li class="tab"><button type="button" class="goPage" id="apiSpec" data-info="<c:url value="/web/api/apiSpec.do" />">API 사용안내</button></li>
 			<li class="tab"><button type="button" class="goPage" id="examDown" data-info="<c:url value="/web/api/examDown.do" />">예제 다운로드</button></li>
 			<li class="tab"><button type="button" class="goPage" id="appMgmt" data-info="<c:url value="/web/api/appMgmt.do" />" >신청/관리</button></li>

src/main/webapp/publish/css/content.css

@@ -1843,8 +1843,8 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .api_guide_cont .api_intro {background-color: #f2f2f2; border-radius: 10px; padding:0 55px; box-sizing: border-box;}
 .api_guide_cont .api_intro .title{margin: 0 auto;}
 .api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;}
-.api_guide_cont .api_intro .title-line .left-line{width:35%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -15px;}
+.api_guide_cont .api_intro .title-line .left-line{width:33%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -15px;}
-.api_guide_cont .api_intro .title-line .right-line{width:35%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -15px;}
+.api_guide_cont .api_intro .title-line .right-line{width:33%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -15px;}
 .api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; }
 .api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;}
 .api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 60px)/4); padding: 0; border-radius: 5px; margin: 0 60px 0 0; text-align: center;}