diff --git a/src/main/webapp/publish/api_guide.html b/src/main/webapp/publish/api_guide.html
index 81761c64..0b084e01 100644
--- a/src/main/webapp/publish/api_guide.html
+++ b/src/main/webapp/publish/api_guide.html
@@ -216,7 +216,7 @@
                             <!--//콘텐츠 tab button-->
                         </div>
 
-                        <div class="api_guide_con" id="tab2_1">
+                        <div class="api_guide_con current" id="tab2_1">
 
                             <ul class="info">
                                 <li>- API를 통해서 동일한 내용의 문자를 대량으로 전송할 수 있습니다.</li>
@@ -1606,7 +1606,7 @@
                     <!-- //REST API 개발 가이드 > 문자  -->
 
                     <!-- REST API 개발 가이드 > 카카오톡  -->
-                    <div class="api_guide kakao current" id="tab5_2">
+                    <div class="api_guide kakao" id="tab5_2">
                         <div class="list_tab_wrap2 type3">
                             <!--콘텐츠 tab button-->
                             <ul class="list_tab">
diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css
index 1528821f..7e4477d5 100644
--- a/src/main/webapp/publish/css/content.css
+++ b/src/main/webapp/publish/css/content.css
@@ -2043,10 +2043,10 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .kakao_intro_cont .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;} 
 .kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
 
-
-
 /* api - 소개 */
 .send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
+.send_top .api_guide_con{display:none;}
+.send_top .api_guide_con.current{display:block;}
 .api_guide_cont .api_visual_image {margin:0 0 57px 0; }
 .api_guide_cont .api_visual_image img {max-width:100%;}
 .api_guide_cont .api_intro {width:100%; margin:20px 0 0 0;}