Index: arms/html/community_devtools/content-container.html
===================================================================
diff -u -r791c8a872b9808168a52f0eb01fc32601e4f49bd -r5b1e1b45ad414c58c312b97490f86d353171a883
--- arms/html/community_devtools/content-container.html	(.../content-container.html)	(revision 791c8a872b9808168a52f0eb01fc32601e4f49bd)
+++ arms/html/community_devtools/content-container.html	(.../content-container.html)	(revision 5b1e1b45ad414c58c312b97490f86d353171a883)
@@ -1,912 +1,1667 @@
-<div class="row">
-    <div class="col-md-12">
-        <section class="widget">
-            <header>
-                <h4 style="font-size: 13px !important; font-weight: 300 !important;">
-                    <img src="./img/leaf.gif"
-                         style="width: 25px; vertical-align: unset;">
-                    Java Service Tree Framework DevTools
-                </h4>
-            </header>
-            <div class="body">
-                <div class="row">
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    ALM
-                                    <small>Application Lifecycle Manage</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a  data-widgster="toleft"
-                                        title="change width to left"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-left"></i>
-                                    </a>
-                                    <a  data-widgster="expand"
-                                        title="Expand"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a  data-widgster="collapse"
-                                        title="Collapse"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a  data-widgster="toright"
-                                        title="change width to right"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-right"></i>
-                                    </a>
-                                    <a  data-widgster="restore"
-                                        title="Restore"
-                                        href="#">
-                                        <span class="glyphicon glyphicon-repeat"></span>
-                                    </a>
-                                    <a  data-widgster="fullscreen"
-                                        title="Fullscreen"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-fullscreen"
-                                           style="font-size: 11px">
-                                        </i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail"
-                                     style="text-align: center; margin-bottom: 0px !important;">
+<div class="col-md-12">
+	<section class="widget">
+		<header>
+			<h4 style="font-size: 13px !important; font-weight: 300 !important">
+				<img
+					src="./img/leaf.gif"
+					style="width: 25px; vertical-align: unset" />
+				Java Service Tree Framework DevTools
+			</h4>
+		</header>
+		<div class="body">
+			<div class="row">
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								ALM
+								<small>Application Lifecycle Manage</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.a-rms.net"
+									class="tools"
+									style="
+										background-color: #4d4d4d;
+										text-decoration-style: dotted;
+										border: dashed;
+										border-color: #e5603b;
+										height: 85px;
+										width: 85px;
+									"
+									target="_blank"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/seal_tree.png"
+											alt="aRMS"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb=""
+											style="color: #ffffff">
+											A-RMS
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.a-rms.net"
-                                       class="tools"
-                                       style="background-color: #4d4d4d; text-decoration-style : dotted; border: dashed; border-color: #e5603b; height: 85px; width: 85px;"
-                                       target="_blank"
-                                       data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/seal_tree.png"
-                                                 alt="aRMS"
-                                                 class="tool-img"
-                                                 data-v-5f164deb="">
-                                            <p class="tool-name"
-                                               data-v-5f164deb=""
-                                               style="color: #ffffff">A-RMS</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/jira"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/jira.png"
+											alt="Jira"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Jira
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/jira"
-                                       class="tools"
-                                       target="_blank"
-                                       style="text-decoration-style : dotted;"
-                                       data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/jira.png"
-                                                 alt="Jira"
-                                                 class="tool-img"
-                                                 data-v-5f164deb="">
-                                            <p class="tool-name"
-                                               data-v-5f164deb="">Jira</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/confluence"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/confluence.png"
+											alt="Confluence"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Confluecne
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/confluence"
-                                       class="tools"
-                                       target="_blank"
-                                       style="text-decoration-style : dotted;"
-                                       data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/confluence.png"
-                                                 alt="Confluence"
-                                                 class="tool-img"
-                                                 data-v-5f164deb="">
-                                            <p class="tool-name"
-                                               data-v-5f164deb="">Confluecne</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/fecru"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/fecru.png"
+											alt="Fisheye/Crucible"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Fecru
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/fecru"
-                                       class="tools"
-                                       target="_blank"
-                                       style="text-decoration-style : dotted;"
-                                       data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/fecru.png"
-                                                 alt="Fisheye/Crucible"
-                                                 class="tool-img"
-                                                 data-v-5f164deb="">
-                                            <p class="tool-name"
-                                               data-v-5f164deb="">Fecru</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/php/gnuboard5"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted; width: 120px"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/gnuboard-bi.png"
+											alt="GnuBoard"
+											class="tool-img"
+											data-v-5f164deb=""
+											style="width: 100px" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											GnuBoard
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                                    <a href="http://www.313.co.kr/php/gnuboard5" class="tools" target="_blank"
-                                       style="text-decoration-style : dotted; width: 120px;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/gnuboard-bi.png" alt="GnuBoard" class="tool-img"
-                                                 data-v-5f164deb="" style="width: 100px">
-                                            <p class="tool-name" data-v-5f164deb="">GnuBoard</p>
-                                        </span>
-                                    </a>
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								CICD
+								<small>Continuous Integration/Delivery</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="https://github.com/313devgrp"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/github.png"
+											alt="Github"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Github
+										</p>
+									</span>
+								</a>
 
-                                </div>
-                            </div>
-                        </section>
-                    </div>
+								<a
+									href="http://www.313.co.kr/jenkins"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/jenkins.png"
+											alt="Jenkins"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Jenkins
+										</p>
+									</span>
+								</a>
 
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    CICD
-                                    <small>Continuous Integration/Delivery</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a  data-widgster="toleft"
-                                        title="change width to left"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-left"></i>
-                                    </a>
-                                    <a  data-widgster="expand"
-                                        title="Expand"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a  data-widgster="collapse"
-                                        title="Collapse"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a  data-widgster="toright"
-                                        title="change width to right"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-right"></i>
-                                    </a>
-                                    <a  data-widgster="restore"
-                                        title="Restore"
-                                        href="#">
-                                        <span class="glyphicon glyphicon-repeat"></span>
-                                    </a>
-                                    <a  data-widgster="fullscreen"
-                                        title="Fullscreen"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-fullscreen"
-                                           style="font-size: 11px">
-                                        </i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
+								<a
+									href="http://www.313.co.kr/nexus"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/nexus.png"
+											alt="Nexus"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Nexus
+										</p>
+									</span>
+								</a>
 
-                                    <a href="https://github.com/313devgrp" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/github.png" alt="Github" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Github</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/sonar"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/sonar.png"
+											alt="Sonarqube"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Sonarqube
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/jenkins" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/jenkins.png" alt="Jenkins" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Jenkins</p>
-                                        </span>
-                                    </a>
+								<a
+									href="https://www.313.co.kr:31443/argocd/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/argocd.png"
+											alt="ArgoCD"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											ArgoCD
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/nexus" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/nexus.png" alt="Nexus" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Nexus</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/spinnaker/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/spinnaker.png"
+											alt="Spinnaker"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Spinnaker
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                                    <a href="http://www.313.co.kr/sonar" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/sonar.png" alt="Sonarqube" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Sonarqube</p>
-                                        </span>
-                                    </a>
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								DB
+								<small>rdbms, nosql, inmemory, s3object</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="https://www.313.co.kr:1158/em"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/oracle.png"
+											alt="Oracle"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Oracle
+										</p>
+									</span>
+								</a>
 
-                                    <a href="https://www.313.co.kr:31443/argocd/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/argocd.png" alt="ArgoCD" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">ArgoCD</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/phpmyadmin"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/mysql.png"
+											alt="Mysql"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Mysql
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/spinnaker/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/spinnaker.png" alt="Spinnaker" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Spinnaker</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/pgadmin"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/postgres.png"
+											alt="Postgres"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Postgres
+										</p>
+									</span>
+								</a>
 
-                                </div>
-                            </div>
-                        </section>
-                    </div>
+								<a
+									href="http://www.313.co.kr/minio"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/minio.png"
+											alt="Minio"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Minio
+										</p>
+									</span>
+								</a>
 
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    DB
-                                    <small>rdbms, nosql, inmemory, s3object</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a  data-widgster="toleft"
-                                        title="change width to left"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-left"></i>
-                                    </a>
-                                    <a  data-widgster="expand"
-                                        title="Expand"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a  data-widgster="collapse"
-                                        title="Collapse"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a  data-widgster="toright"
-                                        title="change width to right"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-chevron-right"></i>
-                                    </a>
-                                    <a  data-widgster="restore"
-                                        title="Restore"
-                                        href="#">
-                                        <span class="glyphicon glyphicon-repeat"></span>
-                                    </a>
-                                    <a  data-widgster="fullscreen"
-                                        title="Fullscreen"
-                                        href="#">
-                                        <i class="glyphicon glyphicon-fullscreen"
-                                           style="font-size: 11px">
-                                        </i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
+								<a
+									href="http://www.313.co.kr/redis"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/redis.png"
+											alt="Redis"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Redis
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
+			</div>
 
-                                    <a href="https://www.313.co.kr:1158/em" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/oracle.png" alt="Oracle" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Oracle</p>
-                                        </span>
-                                    </a>
+			<div class="row">
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								ELK
+								<small>Elastic Search, Logstash, Kibana</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/elasticsearch/_cat/indices"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/elasticsearchIndex.png"
+											alt="ElasticSearch"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											ElasticSearch
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/phpmyadmin" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/mysql.png" alt="Mysql" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Mysql</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/elasticsearch/_nodes?pretty=true"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/elasticsearchNode.png"
+											alt="ElasticSearch"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											ElasticSearch
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/pgadmin" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/postgres.png" alt="Postgres" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Postgres</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/kibana"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/kibana.png"
+											alt="Kibana"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Kibana
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/minio" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/minio.png" alt="Minio" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Minio</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/logstash/_node/stats?pretty"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/logstash.png"
+											alt="Logstash"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Logstash
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                                    <a href="http://www.313.co.kr/redis" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/redis.png" alt="Redis" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Redis</p>
-                                        </span>
-                                    </a>
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								Docker
+								<small>open source platform executable container</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="https://hub.docker.com/u/313devgrp"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/dockerhub.png"
+											alt="DockerHub"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											DockerHub
+										</p>
+									</span>
+								</a>
 
-                                </div>
-                            </div>
-                        </section>
-                    </div>
+								<a
+									href="http://www.313.co.kr:31380/dashboard/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/k8s.png"
+											alt="Kubernetes"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Kubernetes
+										</p>
+									</span>
+								</a>
 
-                </div>
+								<a
+									href="http://www.313.co.kr/portainer/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/portainer.png"
+											alt="Portainer"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Portainer
+										</p>
+									</span>
+								</a>
 
-                <div class="row">
+								<a
+									href="http://www.313.co.kr/dashboard/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/traefik.png"
+											alt="Traefik"
+											class="tool-img"
+											data-v-5f164deb=""
+											style="width: 30px; height: 35px" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Traefik
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    ELK
-                                    <small>Elastic Search, Logstash, Kibana</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								Monitoring
+								<small>check Host & Application</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/php/matomo"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/matomo.png"
+											alt="webalizer"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Matomo
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/elasticsearch/_cat/indices" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/elasticsearchIndex.png" alt="ElasticSearch" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">ElasticSearch</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/webalizer/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/webalizer.png"
+											alt="webalizer"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Webalizer
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/elasticsearch/_nodes?pretty=true" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/elasticsearchNode.png" alt="ElasticSearch" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">ElasticSearch</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/grafana"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/grafana.png"
+											alt="Grafana"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Grafana
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/kibana" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/kibana.png" alt="Kibana" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Kibana</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/elastichq/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/elastichq.png"
+											alt="ElasticHQ"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											ElasticHQ
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/logstash/_node/stats?pretty" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/logstash.png" alt="Logstash" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Logstash</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/zipkin"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/zipkin.png"
+											alt="Zipkin"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Zipkin
+										</p>
+									</span>
+								</a>
 
-                                </div>
-                            </div>
-                        </section>
-                    </div>
+								<a
+									href="http://www.313.co.kr:31380"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/prometheus.png"
+											alt="prometheus"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Prometheus
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
+			</div>
 
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    Docker
-                                    <small>open source platform executable container</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
+			<div class="row">
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								NFS & Mail & ETC
+								<small>network file & Mail system</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/nas/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/nasServer.png"
+											alt="Synology"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Synology
+										</p>
+									</span>
+								</a>
 
-                                    <a href="https://hub.docker.com/u/313devgrp" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/dockerhub.png" alt="DockerHub" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">DockerHub</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/mail/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/mailServer.png"
+											alt="Roundcube"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Roundcube
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr:31380/dashboard/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/k8s.png" alt="Kubernetes" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Kubernetes</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr:88/info.htm"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/switch.png"
+											alt="Roundcube"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Switch
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                                    <a href="http://www.313.co.kr/portainer/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/portainer.png" alt="Portainer" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Portainer</p>
-                                        </span>
-                                    </a>
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								Auth N/Z
+								<small>Open Source Identity and Access Manage</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/auth"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/keycloak.png"
+											alt="Keycloak"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Keycloak
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                                    <a href="http://www.313.co.kr/dashboard/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/traefik.png" alt="Traefik" class="tool-img" data-v-5f164deb="" style="width: 30px; height: 35px;">
-                                            <p class="tool-name" data-v-5f164deb="">Traefik</p>
-                                        </span>
-                                    </a>
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								RDG
+								<small>clientless remote desktop gateway</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/guacamole"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/guacamole.png"
+											alt="Guacamole"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Guacamole
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
+			</div>
 
-                                </div>
-                            </div>
-                        </section>
-                    </div>
+			<div class="row">
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								API
+								<small>Project API Document</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/313devgrp/analysis/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/maven.png"
+											alt="Maven"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Maven
+										</p>
+									</span>
+								</a>
 
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    Monitoring
-                                    <small>check Host & Application</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
+								<a
+									href="http://www.313.co.kr/gitlab"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/gitlab.png"
+											alt="Maven"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Gitlab
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/php/matomo" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/matomo.png" alt="webalizer" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Matomo</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Middle-Proxy/build/licenses/report.html"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/open.png"
+											alt="MiddleProxy"
+											class="tool-img"
+											data-v-5f164deb=""
+											style="width: 30px !important" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											MiddleProxy
+										</p>
+									</span>
+								</a>
+								<a
+									href="http://www.313.co.kr/middle-proxy-api/swagger-ui/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/swagger.png"
+											alt="MiddleProxy"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											MiddleProxy
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/webalizer/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/webalizer.png" alt="webalizer" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Webalizer</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Backend-Core/build/licenses/report.html"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/open.png"
+											alt="BackendCore"
+											class="tool-img"
+											data-v-5f164deb=""
+											style="width: 30px !important" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											BackendCore
+										</p>
+									</span>
+								</a>
+								<a
+									href="http://www.313.co.kr/backend-core-api/swagger-ui/"
+									class="tools"
+									style="text-decoration-style: dotted"
+									target="_blank"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/swagger.png"
+											alt="BackendCore"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											BackendCore
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                                    <a href="http://www.313.co.kr/grafana" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/grafana.png" alt="Grafana" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Grafana</p>
-                                        </span>
-                                    </a>
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								IAC
+								<small>Infrastructure as Code</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/ansible.png"
+											alt="Ansible"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Ansible
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr/elastichq/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/elastichq.png" alt="ElasticHQ" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">ElasticHQ</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/awx.png"
+											alt="AWX"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											AWX
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
 
-                                    <a href="http://www.313.co.kr/zipkin" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/zipkin.png" alt="Zipkin" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Zipkin</p>
-                                        </span>
-                                    </a>
+				<div class="col-lg-4 col-layer">
+					<section class="widget">
+						<header>
+							<h4 style="font-size: 12px !important; font-weight: 300 !important">
+								BigData
+								<small>data that contains greater variety</small>
+							</h4>
+							<div
+								class="widget-controls"
+								style="top: 2px !important">
+								<a
+									data-widgster="toleft"
+									title="change width to left"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-left"></i>
+								</a>
+								<a
+									data-widgster="expand"
+									title="Expand"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-up"></i>
+								</a>
+								<a
+									data-widgster="collapse"
+									title="Collapse"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-down"></i>
+								</a>
+								<a
+									data-widgster="toright"
+									title="change width to right"
+									href="#">
+									<i class="glyphicon glyphicon-chevron-right"></i>
+								</a>
+								<a
+									data-widgster="restore"
+									title="Restore"
+									href="#">
+									<span class="glyphicon glyphicon-repeat"></span>
+								</a>
+								<a
+									data-widgster="fullscreen"
+									title="Fullscreen"
+									href="#">
+									<i
+										class="glyphicon glyphicon-fullscreen"
+										style="font-size: 11px"></i>
+								</a>
+							</div>
+						</header>
+						<div class="body">
+							<div
+								class="thumbnail"
+								style="text-align: center; margin-bottom: 0px !important">
+								<a
+									href="http://www.313.co.kr/"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/hadoop.png"
+											alt="Hadoop"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Hadoop
+										</p>
+									</span>
+								</a>
 
-                                    <a href="http://www.313.co.kr:31380" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/prometheus.png" alt="prometheus" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Prometheus</p>
-                                        </span>
-                                    </a>
+								<a
+									href="http://www.313.co.kr"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/sqoop.png"
+											alt="Sqoop"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Sqoop
+										</p>
+									</span>
+								</a>
 
-                                </div>
-                            </div>
-                        </section>
-                    </div>
+								<a
+									href="http://www.313.co.kr/swagger-ui.html"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/hive.png"
+											alt="Hive"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Hive
+										</p>
+									</span>
+								</a>
 
-                </div>
-
-                <div class="row">
-
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    NFS & Mail & ETC
-                                    <small>network file & Mail system</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
-
-                                    <a href="http://www.313.co.kr/nas/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/nasServer.png" alt="Synology" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Synology</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr/mail/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/mailServer.png" alt="Roundcube" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Roundcube</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr:88/info.htm" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/switch.png" alt="Roundcube" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Switch</p>
-                                        </span>
-                                    </a>
-
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    Auth N/Z
-                                    <small>Open Source Identity and Access Manage</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
-
-                                    <a href="http://www.313.co.kr/auth" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/keycloak.png" alt="Keycloak" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Keycloak</p>
-                                        </span>
-                                    </a>
-
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    RDG
-                                    <small>clientless remote desktop gateway</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
-
-                                    <a href="http://www.313.co.kr/guacamole" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/guacamole.png" alt="Guacamole" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Guacamole</p>
-                                        </span>
-                                    </a>
-
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-
-                </div>
-
-                <div class="row">
-
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    API
-                                    <small>Project API Document</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
-
-                                    <a href="http://www.313.co.kr/313devgrp/analysis/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/maven.png" alt="Maven" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Maven</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr/gitlab" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/gitlab.png" alt="Maven" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Gitlab</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Middle-Proxy/build/licenses/report.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/open.png" alt="MiddleProxy" class="tool-img" data-v-5f164deb="" style="width: 30px !important;">
-                                            <p class="tool-name" data-v-5f164deb="">MiddleProxy</p>
-                                        </span>
-                                    </a>
-                                    <a href="http://www.313.co.kr/middle-proxy-api/swagger-ui/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/swagger.png" alt="MiddleProxy" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">MiddleProxy</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Backend-Core/build/licenses/report.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/open.png" alt="BackendCore" class="tool-img" data-v-5f164deb="" style="width: 30px !important;">
-                                            <p class="tool-name" data-v-5f164deb="">BackendCore</p>
-                                        </span>
-                                    </a>
-                                    <a href="http://www.313.co.kr/backend-core-api/swagger-ui/" class="tools" style="text-decoration-style : dotted;" target="_blank" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/swagger.png" alt="BackendCore" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">BackendCore</p>
-                                        </span>
-                                    </a>
-
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    IAC
-                                    <small>Infrastructure as Code</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
-
-                                    <a href="http://www.313.co.kr/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/ansible.png" alt="Ansible" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Ansible</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/awx.png" alt="AWX" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">AWX</p>
-                                        </span>
-                                    </a>
-
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-
-                    <div class="col-sm-4">
-                        <section class="widget">
-                            <header>
-                                <h4 style="font-size: 12px !important; font-weight: 300 !important;">
-                                    BigData
-                                    <small>data that contains greater variety</small>
-                                </h4>
-                                <div class="widget-controls" style="top: 2px !important;">
-                                    <a title="Options"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-cog"></i>
-                                    </a>
-                                    <a data-widgster="expand"
-                                       title="Expand"
-                                       href="#"
-                                       style="display: none;padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-up"></i>
-                                    </a>
-                                    <a data-widgster="collapse"
-                                       title="Collapse"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-chevron-down"></i>
-                                    </a>
-                                    <a data-widgster="close"
-                                       title="Close"
-                                       href="#"
-                                       style="padding: 0px !important;">
-                                        <i class="glyphicon glyphicon-remove"></i>
-                                    </a>
-                                </div>
-                            </header>
-                            <div class="body">
-                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
-
-                                    <a href="http://www.313.co.kr/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/hadoop.png" alt="Hadoop" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Hadoop</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/sqoop.png" alt="Sqoop" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Sqoop</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr/swagger-ui.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/hive.png" alt="Hive" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Hive</p>
-                                        </span>
-                                    </a>
-
-                                    <a href="http://www.313.co.kr/swagger-ui.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb="">
-                                        <span data-v-5f164deb="">
-                                            <img src="./img/community_devtool/spark.png" alt="Spark" class="tool-img" data-v-5f164deb="">
-                                            <p class="tool-name" data-v-5f164deb="">Spark</p>
-                                        </span>
-                                    </a>
-
-                                </div>
-                            </div>
-                        </section>
-                    </div>
-
-                </div>
-
-            </div>
-        </section>
-    </div>
-</div>
\ No newline at end of file
+								<a
+									href="http://www.313.co.kr/swagger-ui.html"
+									class="tools"
+									target="_blank"
+									style="text-decoration-style: dotted"
+									data-v-5f164deb="">
+									<span data-v-5f164deb="">
+										<img
+											src="./img/community_devtool/spark.png"
+											alt="Spark"
+											class="tool-img"
+											data-v-5f164deb="" />
+										<p
+											class="tool-name"
+											data-v-5f164deb="">
+											Spark
+										</p>
+									</span>
+								</a>
+							</div>
+						</div>
+					</section>
+				</div>
+			</div>
+		</div>
+	</section>
+</div>