Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -rb5b46db1bb53b12176c1f3e672f1d02998819d8c -r78b05593f6cc6771ff362f75d32fc6ef7cc88bd6
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision b5b46db1bb53b12176c1f3e672f1d02998819d8c)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 78b05593f6cc6771ff362f75d32fc6ef7cc88bd6)
@@ -2244,3 +2244,29 @@
 }
 
 
+
+.widget > .carousel {
+	margin: 0 -12px 5px;
+}
+
+.carousel-control.left, .carousel-control.right {
+	background: none;
+}
+.carousel-control i {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	z-index: 5;
+	display: inline-block;
+	width: 20px;
+	height: 45px;
+	margin-left: -10px;
+	margin-top: -10px;
+}
+
+.carousel-indicators.outer {
+	bottom: -20px;
+}
+.carousel-indicators li {
+	background-color: rgba(51, 51, 51, 0.4);
+}
Index: arms/html/jiraConnection/content-container.html
===================================================================
diff -u -r04b63a89b84df2a49121e791c47bff16742146f8 -r78b05593f6cc6771ff362f75d32fc6ef7cc88bd6
--- arms/html/jiraConnection/content-container.html	(.../content-container.html)	(revision 04b63a89b84df2a49121e791c47bff16742146f8)
+++ arms/html/jiraConnection/content-container.html	(.../content-container.html)	(revision 78b05593f6cc6771ff362f75d32fc6ef7cc88bd6)
@@ -89,47 +89,76 @@
             </div>
             <div   id="jira_server_app"
                    class="">
-                    <div class="card-body mb-2 ta-center"><h4>지라 서버 목록</h4></div>
+<!--                    <div class="card-body mb-2 ta-center"><h4>지라 서버 목록</h4></div>-->
                 <!-- 수정 중  -->
 
+                <div class="widget">
+                    <div id="carousel-example-generic" class="carousel slide">
+                        <ol class="carousel-indicators outer">
+                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+                        </ol>
+                        <div class="carousel-inner text-align-center">
+                            <div class="item active">
+                                <h4 class="no-margin">지라 서버 목록</h4>
+<!--                                <p><small>Built-in Twitter Bootstrap 3 support</small></p>-->
+                            </div>
+                            <div class="item">
+                                <h4 class="no-margin">임시 목록1</h4>
+<!--                                <p><small>Simple & intuitive code</small></p>-->
+                            </div>
+                            <div class="item">
+                                <h4 class="no-margin">임시 목록2</h4>
+<!--                                <p><small>Light Blue is really easy to customize</small></p>-->
+                            </div>
+                        </div>
+                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+                            <i class="fa fa-angle-left"></i>
+                        </a>
+                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+                            <i class="fa fa-angle-right"></i>
+                        </a>
+                    </div>
+                </div>
 <!--                <div class="widget">-->
-<!--                    <div id="carousel-example-generic" class="carousel slide" style="padding-bottom: 30px;">-->
-
-<!--                        <ol class="carousel-indicators outer " style="background-color: #0b67ff" >-->
-<!--                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
-<!--                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
-<!--                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
-<!--                        </ol>-->
-
-<!--                        <div class="carousel-inner text-align-center"  style=" margin-bottom: 10px; background-color: #0AB39C; display: flex; flex-direction: row;">-->
-
-<!--                            <div style="flex:1" class="item active">-->
-<!--                                <h4 class="no-margin" >지라 서버 목록</h4>-->
-<!--                                <p><small></small></p>-->
+<!--                    <div id="carousel-example-generic" class="carousel slide" style="  padding-top: 20px;">-->
+<!--                        <div class="carousel-inner text-align-center" style=" height: 75px;  " >-->
+<!--                            <div class="item active">-->
+<!--                                <h4 class="no-margin">지라 서버 목록</h4>-->
+<!--&lt;!&ndash;                                <p><small>Built-in Twitter Bootstrap 3 support</small></p>&ndash;&gt;-->
 <!--                            </div>-->
-<!--                            &lt;!&ndash;                            <div class="item">&ndash;&gt;-->
-<!--                            &lt;!&ndash;                                <h4 class="no-margin"><em>Developer-friendly</em></h4>&ndash;&gt;-->
-<!--                            &lt;!&ndash;                                <p><small>Simple & intuitive code</small></p>&ndash;&gt;-->
-<!--                            &lt;!&ndash;                            </div>&ndash;&gt;-->
-<!--                            &lt;!&ndash;                            <div class="item">&ndash;&gt;-->
-<!--                            &lt;!&ndash;                                <h4 class="no-margin"><em>Sass-powered</em></h4>&ndash;&gt;-->
-<!--                            &lt;!&ndash;                                <p><small>Light Blue is really easy to customize</small></p>&ndash;&gt;-->
-<!--                            &lt;!&ndash;                            </div>&ndash;&gt;-->
-<!--                            <div style="flex:1">-->
-<!--                                <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev" >-->
-<!--                                    <i class="fa fa-angle-left" style="margin-top: 15px"></i>-->
-<!--                                </a>-->
+<!--                            <div class="item">-->
+<!--                                <h4 class="no-margin"><em>Developer-friendly</em></h4>-->
+<!--                                <p><small>Simple & intuitive code</small></p>-->
 <!--                            </div>-->
-<!--                            <div style="flex:1">-->
-<!--                                <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">-->
-<!--                                    <i class="fa fa-angle-right" style="margin-top: 15px"></i>-->
-<!--                                </a>-->
+<!--                            <div class="item">-->
+<!--                                <h4 class="no-margin"><em>Sass-powered</em></h4>-->
+<!--                                <p><small>Light Blue is really easy to customize</small></p>-->
 <!--                            </div>-->
+
+
 <!--                        </div>-->
+<!--                        <div   style="margin-top:10px;">-->
+<!--                            <ol class="carousel-indicators outer" >-->
+<!--                                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
+<!--&lt;!&ndash;                                <li data-target="#carousel-example-generic" data-slide-to="1"></li>&ndash;&gt;-->
+<!--&lt;!&ndash;                                <li data-target="#carousel-example-generic" data-slide-to="2"></li>&ndash;&gt;-->
+<!--                            </ol>-->
+<!--                        </div>-->
+<!--                        <div  >-->
+<!--                            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev" style="  height: 100%;">-->
+<!--                                <i class="fa fa-angle-left"  style="padding-top: 35px;"></i>-->
+<!--                            </a>-->
+<!--                            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next" style=" height: 100%;">-->
+<!--                                <i class="fa fa-angle-right"  style="padding-top: 35px;"></i>-->
+<!--                            </a>-->
+<!--                        </div>-->
 
 <!--                    </div>-->
-
 <!--                </div>-->
+
+
                 <div id="jira_server_card_deck" class="jira_server_card" style="min-height: 100px; width: 100%">
 
                     <div class="card mb-2 ribbon-box ribbon-fill right hidden">