Init
commit
67e5ad146e
Binary file not shown.
|
After Width: | Height: | Size: 546 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,907 @@
|
||||||
|
.clearfix {
|
||||||
|
*zoom: 1; }
|
||||||
|
.clearfix:after {
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
.sr_only {
|
||||||
|
position: absolute;
|
||||||
|
left: -99999px; }
|
||||||
|
|
||||||
|
.inner {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
|
||||||
|
#wrap {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #f1f1f1; }
|
||||||
|
|
||||||
|
.upArrow {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 50px;
|
||||||
|
right: 50px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
background-color: #263d78;
|
||||||
|
border-radius: 50px;
|
||||||
|
cursor: pointer;
|
||||||
|
z-index: 9000; }
|
||||||
|
.upArrow:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 50%;
|
||||||
|
width: 2px;
|
||||||
|
height: 22px;
|
||||||
|
background-color: #fff;
|
||||||
|
content: ''; }
|
||||||
|
.upArrow:before {
|
||||||
|
position: absolute;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
top: 10px;
|
||||||
|
left: 40%;
|
||||||
|
width: 2px;
|
||||||
|
height: 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow-x: hidden; }
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 30px; }
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border: 3px solid #fff; }
|
||||||
|
|
||||||
|
::-webkit-scrollbar-button:start:decrement,
|
||||||
|
:-webkit-scrollbar-button:end:increment {
|
||||||
|
display: block;
|
||||||
|
height: 10px;
|
||||||
|
background: url("./images/bg.png") #efefef; }
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background: #efefef;
|
||||||
|
-webkit-border-radius: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
background: rgba(0, 0, 0, 0.2);
|
||||||
|
-webkit-border-radius: 8px;
|
||||||
|
border-radius: 8px;
|
||||||
|
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); }
|
||||||
|
|
||||||
|
/*------- standard set -----------*/
|
||||||
|
header {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 70px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
z-index: 99999;
|
||||||
|
transition: .3s; }
|
||||||
|
header > .inner {
|
||||||
|
position: relative; }
|
||||||
|
header > .inner > h1 {
|
||||||
|
position: absolute;
|
||||||
|
width: 200px;
|
||||||
|
height: 70px;
|
||||||
|
text-indent: -99999px;
|
||||||
|
background-image: url(../images/logo.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: 50%; }
|
||||||
|
header > .inner > h1 > a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%; }
|
||||||
|
header > .inner > .gnb {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
width: 500px; }
|
||||||
|
header > .inner > .gnb > ul > li {
|
||||||
|
float: left;
|
||||||
|
width: 100px; }
|
||||||
|
header > .inner > .gnb > ul > li > a {
|
||||||
|
display: block;
|
||||||
|
height: 70px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
line-height: 70px;
|
||||||
|
text-align: center; }
|
||||||
|
header > .inner > .gnb > ul > li > a.on {
|
||||||
|
color: white; }
|
||||||
|
header > .inner > .gnb > ul > li > a:hover {
|
||||||
|
color: white; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -40px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 5000;
|
||||||
|
display: none; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub01 {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub01 > .subcontainer > ul {
|
||||||
|
margin-left: 30px; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub01 > .subcontainer > ul > li {
|
||||||
|
margin-left: 20px; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub02 {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub02 > .subcontainer > ul > li {
|
||||||
|
margin-left: 20px; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub03 {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub03 > .subcontainer > ul > li {
|
||||||
|
margin-left: 70px; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub04 {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub04 > .subcontainer > ul {
|
||||||
|
margin-left: 300px; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub.sub04 > .subcontainer > ul > li {
|
||||||
|
margin-left: 20px; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub > .subcontainer > ul > li {
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
float: left;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-left: 20px; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub > .subcontainer > ul > li > a {
|
||||||
|
display: block;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333; }
|
||||||
|
header > .inner > .gnb > ul > li > .sub > .subcontainer > ul > li > a:hover {
|
||||||
|
color: #ffc700; }
|
||||||
|
header > .inner > .gnb .lang {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 30px;
|
||||||
|
width: 80px;
|
||||||
|
height: 70px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 70px;
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer; }
|
||||||
|
header > .inner > .gnb .lang:hover {
|
||||||
|
color: white; }
|
||||||
|
header > .inner > .gnb .lang > ul {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5); }
|
||||||
|
header > .inner > .gnb .lang > ul > li {
|
||||||
|
line-height: 40px; }
|
||||||
|
header > .inner > .gnb .lang > ul > li:hover a {
|
||||||
|
color: #ffc700; }
|
||||||
|
header > .inner > .gnb .lang > ul > li > a {
|
||||||
|
color: #fff; }
|
||||||
|
header > .sub_bg {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 70px;
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
background-color: white;
|
||||||
|
border-bottom: 1px solid #eee; }
|
||||||
|
|
||||||
|
#mVisual {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh; }
|
||||||
|
#mVisual > .mVisual_img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: -1; }
|
||||||
|
#mVisual > .mVisual_img > ul > li {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-indent: -99999px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 50% 50%; }
|
||||||
|
#mVisual > .mVisual_img > ul > li:nth-child(1) {
|
||||||
|
background-image: url(../images/img01.jpg); }
|
||||||
|
#mVisual > .mVisual_img > ul > li:nth-child(2) {
|
||||||
|
background-image: url(../images/mVisual02.jpg);
|
||||||
|
background-position: 50% 80%; }
|
||||||
|
#mVisual > .mVisual_img > ul > li:nth-child(3) {
|
||||||
|
background-image: url(../images/mVisual08.jpg); }
|
||||||
|
#mVisual > .mVisual_img > ul > li:nth-child(4) {
|
||||||
|
background-image: url(../images/mVisual04.jpg); }
|
||||||
|
#mVisual > .mVisual_txt {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 600px;
|
||||||
|
height: 200px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.6);
|
||||||
|
transition: .5s;
|
||||||
|
z-index: 5000; }
|
||||||
|
#mVisual > .mVisual_txt > ul > li {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transform: translate(-50%, -30%);
|
||||||
|
height: 100%;
|
||||||
|
text-align: center; }
|
||||||
|
#mVisual > .mVisual_txt > ul > li > dl > dt {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #fff; }
|
||||||
|
#mVisual > .mVisual_txt > ul > li > dl > dt:after {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -15px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 120px;
|
||||||
|
height: 3px;
|
||||||
|
background-color: #ffc700;
|
||||||
|
content: ''; }
|
||||||
|
#mVisual > .mVisual_txt > ul > li > dl > dd {
|
||||||
|
letter-spacing: 2px;
|
||||||
|
line-height: 1.4em;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #fff; }
|
||||||
|
#mVisual > .mVisual_indicator {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 600px;
|
||||||
|
height: 200px;
|
||||||
|
z-index: 6000; }
|
||||||
|
#mVisual > .mVisual_indicator:after {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 24px;
|
||||||
|
right: 54px;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
background-color: #ffc700;
|
||||||
|
border-radius: 5px;
|
||||||
|
content: ''; }
|
||||||
|
#mVisual > .mVisual_indicator > p {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 20px;
|
||||||
|
width: 17px;
|
||||||
|
height: 15px;
|
||||||
|
text-indent: -99999px;
|
||||||
|
transition: .4s;
|
||||||
|
cursor: pointer;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover; }
|
||||||
|
#mVisual > .mVisual_indicator > p.mVisual_prev_btn {
|
||||||
|
background-image: url(../images/prev_btn.png);
|
||||||
|
right: 80px; }
|
||||||
|
#mVisual > .mVisual_indicator > p.mVisual_prev_btn:hover {
|
||||||
|
background-image: url(../images/prev_btn_hover.png); }
|
||||||
|
#mVisual > .mVisual_indicator > p.mVisual_next_btn {
|
||||||
|
background-image: url(../images/next_btn.png);
|
||||||
|
right: 20px; }
|
||||||
|
#mVisual > .mVisual_indicator > p.mVisual_next_btn:hover {
|
||||||
|
background-image: url(../images/next_btn_hover.png); }
|
||||||
|
#mVisual > .downArrow {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 20px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%) rotate(90deg);
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
cursor: pointer;
|
||||||
|
background-image: url(../images/next_btn.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
animation: downArrow 0.9s infinite; }
|
||||||
|
|
||||||
|
#company {
|
||||||
|
position: relative;
|
||||||
|
width: 100%; }
|
||||||
|
#company > .inner {
|
||||||
|
/* >.company_info {
|
||||||
|
//float: left;
|
||||||
|
width: 600px;
|
||||||
|
height: 500px;
|
||||||
|
margin-top: 45px;
|
||||||
|
//background-color: red;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
margin : 50px 0 0 10px;
|
||||||
|
>li {
|
||||||
|
margin-top : 20px;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0px;
|
||||||
|
color: #333;
|
||||||
|
|
||||||
|
>em {
|
||||||
|
color: #fc4040;
|
||||||
|
}//end of em
|
||||||
|
|
||||||
|
&:nth-child(5) {
|
||||||
|
line-height: 1.5em;
|
||||||
|
}//end of li:nth-child(5)
|
||||||
|
|
||||||
|
>dl {
|
||||||
|
>dt {
|
||||||
|
margin-top: 40px;
|
||||||
|
font-size: 25px;
|
||||||
|
color: #aaa;
|
||||||
|
}//end of dt
|
||||||
|
>dd {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #bbb;
|
||||||
|
letter-spacing: 0px;
|
||||||
|
line-height: 1.7em;
|
||||||
|
}//end of dd
|
||||||
|
}//end of dl
|
||||||
|
}//end of li
|
||||||
|
}//end of ul
|
||||||
|
}//end of company_info
|
||||||
|
|
||||||
|
*/ }
|
||||||
|
#company > .inner > h3 {
|
||||||
|
position: relative;
|
||||||
|
padding: 50px 0 0;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
color: #222;
|
||||||
|
text-transform: uppercase; }
|
||||||
|
#company > .inner > h3:after {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -20px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #263d78;
|
||||||
|
letter-spacing: -0.5px;
|
||||||
|
content: "company Status"; }
|
||||||
|
#company > .inner > .company_img {
|
||||||
|
width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
margin: 80px 0 50px;
|
||||||
|
background-image: url(../images/intro.png);
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat; }
|
||||||
|
#company > .inner > .company_intro {
|
||||||
|
margin: 50px 0 50px;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.9em; }
|
||||||
|
#company > .inner > .company_intro > .company_l {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
width: 600px;
|
||||||
|
margin-top: 25px;
|
||||||
|
text-align: right; }
|
||||||
|
#company > .inner > .company_intro > .company_l:after {
|
||||||
|
position: absolute;
|
||||||
|
top: -23px;
|
||||||
|
right: 0;
|
||||||
|
width: 2px;
|
||||||
|
height: 240px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: ''; }
|
||||||
|
#company > .inner > .company_intro > .company_l > ul {
|
||||||
|
padding-right: 30px; }
|
||||||
|
#company > .inner > .company_intro > .company_l > ul > li > dl > dt {
|
||||||
|
font-size: 17px;
|
||||||
|
color: #6c6c6c; }
|
||||||
|
#company > .inner > .company_intro > .company_l > ul > li > dl > dd {
|
||||||
|
font-size: 27px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #263d78; }
|
||||||
|
#company > .inner > .company_intro > .company_l > ol {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-top: 35px;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-weight: 600; }
|
||||||
|
#company > .inner > .company_intro > .company_l > ol > li {
|
||||||
|
line-height: 1.7em; }
|
||||||
|
#company > .inner > .company_intro > .company_l > ol > li > dl > dd > em {
|
||||||
|
color: #eeba01; }
|
||||||
|
#company > .inner > .company_intro > .company_r {
|
||||||
|
float: left;
|
||||||
|
width: 600px;
|
||||||
|
text-align: left; }
|
||||||
|
#company > .inner > .company_intro > .company_r > ul {
|
||||||
|
padding-left: 30px;
|
||||||
|
height: 260px; }
|
||||||
|
#company > .inner > .company_intro > .company_r > ul > li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
width: 200px;
|
||||||
|
background-color: #263d78;
|
||||||
|
border-radius: 6px;
|
||||||
|
transition: .2s;
|
||||||
|
height: 40px; }
|
||||||
|
#company > .inner > .company_intro > .company_r > ul > li > a {
|
||||||
|
display: block;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 16px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
line-height: 38px;
|
||||||
|
height: 42px;
|
||||||
|
color: #fff;
|
||||||
|
transition: .2s; }
|
||||||
|
#company > .inner > .company_intro > .company_r > ul > li:hover {
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
border: 1px solid #263d78;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 6px; }
|
||||||
|
#company > .inner > .company_intro > .company_r > ul > li:hover a {
|
||||||
|
color: #263d78;
|
||||||
|
font-weight: 600; }
|
||||||
|
|
||||||
|
#service {
|
||||||
|
margin-top: 20px;
|
||||||
|
width: 100%;
|
||||||
|
height: 600px;
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 70%; }
|
||||||
|
#service > .inner {
|
||||||
|
position: relative;
|
||||||
|
/*indicator position*/ }
|
||||||
|
#service > .inner > h3 {
|
||||||
|
position: relative;
|
||||||
|
padding: 50px 0 0;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
color: #333;
|
||||||
|
text-transform: uppercase; }
|
||||||
|
#service > .inner > h3:after {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -20px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #263d78;
|
||||||
|
letter-spacing: 0px;
|
||||||
|
content: "BUSINESS AREA"; }
|
||||||
|
#service > .inner > .service_box {
|
||||||
|
position: relative;
|
||||||
|
/*service_container position*/
|
||||||
|
overflow: hidden;
|
||||||
|
width: 1200px;
|
||||||
|
height: 402px;
|
||||||
|
margin: 50px auto 0; }
|
||||||
|
#service > .inner > .service_box > .service_container {
|
||||||
|
position: absolute;
|
||||||
|
top: 1px;
|
||||||
|
left: 0;
|
||||||
|
width: 5000px; }
|
||||||
|
#service > .inner > .service_box > .service_container > div {
|
||||||
|
float: left;
|
||||||
|
width: 1200px;
|
||||||
|
height: 100%; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
margin-left: 20px;
|
||||||
|
width: 275px;
|
||||||
|
height: 370px;
|
||||||
|
transition: .5s;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li:after {
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 5px;
|
||||||
|
left: 5px;
|
||||||
|
width: 260px;
|
||||||
|
height: 360px;
|
||||||
|
border: 2px solid #263d78;
|
||||||
|
transition: .3s;
|
||||||
|
content: ''; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li:hover:after {
|
||||||
|
opacity: 1; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li > dl > dt {
|
||||||
|
margin: 50px auto 0px;
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
transition: .4s; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li > dl > dt > p {
|
||||||
|
display: block;
|
||||||
|
text-indent: -99999px;
|
||||||
|
margin: 0px auto;
|
||||||
|
padding-top: 40px;
|
||||||
|
width: 90px;
|
||||||
|
height: 90px;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
transition: .6s; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li > dl > .topic {
|
||||||
|
margin: 0px 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 33px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 30px;
|
||||||
|
transition: .6s;
|
||||||
|
color: #222; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li > dl > .info {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100px;
|
||||||
|
line-height: 1.6em;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
transition: .6s;
|
||||||
|
color: #aaa; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li > dl > .more {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
margin: 5px auto 0;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: #263d78;
|
||||||
|
z-index: 4000; }
|
||||||
|
#service > .inner > .service_box > .service_container > div > ul > li > dl > .more > a {
|
||||||
|
display: block;
|
||||||
|
color: #fff; }
|
||||||
|
#service > .inner > .service_box > .service_container > .service_1 > ul > li:nth-child(1) p {
|
||||||
|
background-image: url(../images/icon_4.png); }
|
||||||
|
#service > .inner > .service_box > .service_container > .service_1 > ul > li:nth-child(2) p {
|
||||||
|
background-image: url(../images/icon_2.png); }
|
||||||
|
#service > .inner > .service_box > .service_container > .service_1 > ul > li:nth-child(3) p {
|
||||||
|
background-image: url(../images/icon_1.png); }
|
||||||
|
#service > .inner > .service_box > .service_container > .service_1 > ul > li:nth-child(4) p {
|
||||||
|
background-image: url(../images/icon_7.png); }
|
||||||
|
#service > .inner > .service_box > .service_container > .service_2 {
|
||||||
|
display: none; }
|
||||||
|
#service > .inner > .service_box > .service_container > .service_2 > ul > li {
|
||||||
|
background-size: 20%; }
|
||||||
|
#service > .inner > .service_indicator {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -35px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 100px;
|
||||||
|
height: 20px; }
|
||||||
|
#service > .inner > .service_indicator > ul > li {
|
||||||
|
float: left;
|
||||||
|
margin-left: 20px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background-color: #333;
|
||||||
|
border-radius: 20px;
|
||||||
|
cursor: pointer; }
|
||||||
|
#service > .inner > .service_indicator > ul > li.on {
|
||||||
|
background-color: #fff; }
|
||||||
|
#service > .inner > .service_RL_btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: 100%; }
|
||||||
|
#service > .inner > .service_RL_btn > p {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
text-indent: -99999px;
|
||||||
|
cursor: pointer; }
|
||||||
|
#service > .inner > .service_RL_btn > .prev {
|
||||||
|
position: absolute;
|
||||||
|
left: -20px; }
|
||||||
|
#service > .inner > .service_RL_btn > .prev:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 25%;
|
||||||
|
left: -10px;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
width: 25px;
|
||||||
|
height: 2px;
|
||||||
|
background-color: #263d78;
|
||||||
|
content: ''; }
|
||||||
|
#service > .inner > .service_RL_btn > .prev:before {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 25%;
|
||||||
|
left: -10px;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
width: 25px;
|
||||||
|
height: 2px;
|
||||||
|
background-color: #263d78;
|
||||||
|
content: ''; }
|
||||||
|
#service > .inner > .service_RL_btn > .next {
|
||||||
|
position: absolute;
|
||||||
|
right: -20px; }
|
||||||
|
#service > .inner > .service_RL_btn > .next:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 25%;
|
||||||
|
left: 25px;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
width: 25px;
|
||||||
|
height: 2px;
|
||||||
|
background-color: #263d78;
|
||||||
|
content: ''; }
|
||||||
|
#service > .inner > .service_RL_btn > .next:before {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 25%;
|
||||||
|
left: 25px;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
width: 25px;
|
||||||
|
height: 2px;
|
||||||
|
background-color: #263d78;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
#company_m_info {
|
||||||
|
width: 100%;
|
||||||
|
height: 240px;
|
||||||
|
background-image: url(../images/bg_1.jpg);
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 90% 50%;
|
||||||
|
background-size: cover; }
|
||||||
|
#company_m_info > .inner {
|
||||||
|
padding-top: 90px; }
|
||||||
|
#company_m_info > .inner > ul {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px; }
|
||||||
|
#company_m_info > .inner > ul > li {
|
||||||
|
width: 300px;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 20px; }
|
||||||
|
#company_m_info > .inner > ul > li:nth-child(1) {
|
||||||
|
margin-left: 150px; }
|
||||||
|
#company_m_info > .inner > ul > li:nth-child(2) {
|
||||||
|
position: relative; }
|
||||||
|
#company_m_info > .inner > ul > li:nth-child(2):after {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
width: 1px;
|
||||||
|
height: 15px;
|
||||||
|
background-color: #888;
|
||||||
|
content: ''; }
|
||||||
|
#company_m_info > .inner > ul > li:nth-child(2):before {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
width: 1px;
|
||||||
|
height: 15px;
|
||||||
|
background-color: #888;
|
||||||
|
content: ''; }
|
||||||
|
#company_m_info > .inner > ul > li:nth-child(2) > dl > dt {
|
||||||
|
letter-spacing: -3px; }
|
||||||
|
#company_m_info > .inner > ul > li > dl > dt {
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #ffc700;
|
||||||
|
margin-bottom: 10px; }
|
||||||
|
#company_m_info > .inner > ul > li > dl > dt > span {
|
||||||
|
font-size: 17px; }
|
||||||
|
#company_m_info > .inner > ul > li > dl > dd {
|
||||||
|
font-size: 17px; }
|
||||||
|
|
||||||
|
#partner {
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 90% 50%; }
|
||||||
|
#partner > h3 {
|
||||||
|
padding: 50px 0 0;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
color: #222;
|
||||||
|
text-transform: uppercase; }
|
||||||
|
#partner > .inner > ul {
|
||||||
|
margin: 60px auto 0;
|
||||||
|
width: 500px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: green; }
|
||||||
|
#partner > .inner > ul > li {
|
||||||
|
float: left;
|
||||||
|
width: 20%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: pink; }
|
||||||
|
#partner > .inner > ol {
|
||||||
|
margin: 10px auto 0;
|
||||||
|
width: 500px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: green; }
|
||||||
|
#partner > .inner > ol > li {
|
||||||
|
float: left;
|
||||||
|
width: 33.33%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: pink; }
|
||||||
|
|
||||||
|
#contact {
|
||||||
|
width: 100%;
|
||||||
|
height: 600px;
|
||||||
|
background-color: #263d78; }
|
||||||
|
#contact > h3 {
|
||||||
|
position: relative;
|
||||||
|
padding: 50px 0 0;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
text-transform: uppercase; }
|
||||||
|
#contact > h3:after {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -20px;
|
||||||
|
left: 50.2%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #111;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
content: "How to come"; }
|
||||||
|
#contact > .mapContainer {
|
||||||
|
width: 600px;
|
||||||
|
height: 300px;
|
||||||
|
margin: 60px auto 40px; }
|
||||||
|
#contact > .mapContainer > .map > iframe {
|
||||||
|
width: 600px;
|
||||||
|
height: 300px;
|
||||||
|
frameborder: 0;
|
||||||
|
border: 0 allowfullscreen; }
|
||||||
|
#contact > .mapInfo {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center; }
|
||||||
|
#contact > .mapInfo:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 30%;
|
||||||
|
width: 35px;
|
||||||
|
height: 30px;
|
||||||
|
background-image: url(../images/bg_quote.png);
|
||||||
|
background-position: 0 50%;
|
||||||
|
content: ''; }
|
||||||
|
#contact > .mapInfo:before {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 30%;
|
||||||
|
width: 35px;
|
||||||
|
height: 30px;
|
||||||
|
background-image: url(../images/bg_quote.png);
|
||||||
|
background-position: -35px 50%;
|
||||||
|
content: ''; }
|
||||||
|
#contact > .mapInfo > .inner > ul > li {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 1.8em; }
|
||||||
|
#contact > .mapInfo > .inner > ul > li > span {
|
||||||
|
color: #111;
|
||||||
|
font-weight: 900; }
|
||||||
|
|
||||||
|
footer {
|
||||||
|
width: 100%;
|
||||||
|
height: 160px;
|
||||||
|
background-color: #333; }
|
||||||
|
footer > .inner {
|
||||||
|
position: relative;
|
||||||
|
padding-top: 20px; }
|
||||||
|
footer > .inner > h1 {
|
||||||
|
float: left;
|
||||||
|
margin-left: 40px;
|
||||||
|
width: 120px;
|
||||||
|
height: 40px;
|
||||||
|
text-indent: -99999px;
|
||||||
|
background-image: url(../images/logo.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
background-position: 50% 50%; }
|
||||||
|
footer > .inner > address {
|
||||||
|
float: left;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-left: 30px;
|
||||||
|
width: 350px; }
|
||||||
|
footer > .inner > address > ul {
|
||||||
|
width: 350px; }
|
||||||
|
footer > .inner > address > ul > li {
|
||||||
|
margin-left: 25px;
|
||||||
|
width: 300px;
|
||||||
|
text-align: center; }
|
||||||
|
footer > .inner > address > ul > li:nth-child(1) dl dt {
|
||||||
|
background-image: url(../images/f_icon_mail.png); }
|
||||||
|
footer > .inner > address > ul > li:nth-child(2) dl dt {
|
||||||
|
background-image: url(../images/f_icon_tel.png); }
|
||||||
|
footer > .inner > address > ul > li:nth-child(3) dl dt {
|
||||||
|
background-image: url(../images/f_icon_location.png); }
|
||||||
|
footer > .inner > address > ul > li > dl > dt {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
text-indent: -99999px;
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 50%; }
|
||||||
|
footer > .inner > address > ul > li > dl > dd {
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 8px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.2em;
|
||||||
|
color: #fff; }
|
||||||
|
footer > .inner > address > ul > li > dl > dd:nth-child(2) {
|
||||||
|
font-weight: 700; }
|
||||||
|
footer > .inner > address > ul > li > dl > dd:nth-child(3) {
|
||||||
|
color: #909090; }
|
||||||
|
footer > .inner > address > ul > li > dl > dd > a {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #909090; }
|
||||||
|
footer > .inner > address > ul > li > dl > dd > a:hover {
|
||||||
|
text-decoration: underline; }
|
||||||
|
footer > .inner > .f_nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: 0px;
|
||||||
|
width: 250px; }
|
||||||
|
footer > .inner > .f_nav > ul > li {
|
||||||
|
float: left;
|
||||||
|
margin-right: 11px;
|
||||||
|
padding-right: 11px;
|
||||||
|
background-image: url(../images/f_right.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 100% 73%; }
|
||||||
|
footer > .inner > .f_nav > ul > li:last-child {
|
||||||
|
margin-right: none;
|
||||||
|
background-image: none; }
|
||||||
|
footer > .inner > .f_nav > ul > li > a {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #fff; }
|
||||||
|
footer > .inner > .copyright {
|
||||||
|
position: absolute;
|
||||||
|
top: 120px;
|
||||||
|
right: -140px;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 315px;
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
color: #fff; }
|
||||||
|
footer > .inner:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 200px;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 1px;
|
||||||
|
height: 110px;
|
||||||
|
background-color: #fff;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
@keyframes downArrow {
|
||||||
|
0% {
|
||||||
|
bottom: 40px; }
|
||||||
|
100% {
|
||||||
|
bottom: 20px; } }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=common.css.map */
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,48 @@
|
||||||
|
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
|
||||||
|
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
text-decoration: none;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
font-family: "Nanum Gothic", sans-serif;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,466 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
/*일반현황*/
|
||||||
|
.index_tap {
|
||||||
|
width: 100%;
|
||||||
|
height: 35px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
background-color: #ffffff; }
|
||||||
|
.index_tap > p {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 1000px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 35px;
|
||||||
|
text-align: right;
|
||||||
|
color: #333; }
|
||||||
|
.index_tap > p > em {
|
||||||
|
padding: 0 3px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #ffc700; }
|
||||||
|
.index_tap > p > span > a {
|
||||||
|
color: #222;
|
||||||
|
font-weight: 900; }
|
||||||
|
.index_tap > p > span > a:hover {
|
||||||
|
text-decoration: underline; }
|
||||||
|
|
||||||
|
.index_tap2 {
|
||||||
|
background-color: transparent;
|
||||||
|
border-bottom: 1px solid #e1e1e1; }
|
||||||
|
|
||||||
|
#status {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
height: 1300px;
|
||||||
|
background-color: #fff; }
|
||||||
|
#status > .status {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto 100px; }
|
||||||
|
#status > .status > ul {
|
||||||
|
margin-top: 60px;
|
||||||
|
width: 100%; }
|
||||||
|
#status > .status > ul > li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2em; }
|
||||||
|
#status > .status > ul > li.status_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #1e3571;
|
||||||
|
margin-bottom: 70px;
|
||||||
|
line-height: 1.3em; }
|
||||||
|
#status > .status > ul > li.status_info_main:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 85px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: ''; }
|
||||||
|
#status > .status > ul > li > em {
|
||||||
|
color: #eee; }
|
||||||
|
#status > .status > ul > li > span {
|
||||||
|
font-size: 20px; }
|
||||||
|
#status > .status > ol {
|
||||||
|
margin-top: 50px;
|
||||||
|
color: #bbb;
|
||||||
|
line-height: 1.4em; }
|
||||||
|
#status > .status > ol > li {
|
||||||
|
font-size: 13px; }
|
||||||
|
#status > .status > ol > li:first-child {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10px; }
|
||||||
|
#status > .status:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 120px;
|
||||||
|
right: 0;
|
||||||
|
width: 260px;
|
||||||
|
height: 345px;
|
||||||
|
background-image: url(../images/company_3.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 100%;
|
||||||
|
background-size: contain;
|
||||||
|
content: ''; }
|
||||||
|
#status > .organiz {
|
||||||
|
width: 100%;
|
||||||
|
height: 700px; }
|
||||||
|
#status > .organiz > .inner {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
height: 700px;
|
||||||
|
background-image: url(../images/organiz.jpg);
|
||||||
|
background-size: contain;
|
||||||
|
background-position: 50% 20%;
|
||||||
|
background-repeat: no-repeat; }
|
||||||
|
#status > .organiz > .inner > h2 {
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 35px;
|
||||||
|
color: #1e3571;
|
||||||
|
margin-bottom: 0px; }
|
||||||
|
#status > .organiz > .inner:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
width: 1000px;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
/*연혁*/
|
||||||
|
#since {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
height: 1050px;
|
||||||
|
background-color: #fff; }
|
||||||
|
#since > .since {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
#since > .since > ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%; }
|
||||||
|
#since > .since > ul > li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2em; }
|
||||||
|
#since > .since > ul > li.status_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #1e3571;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em;
|
||||||
|
/* &:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
right: 30px;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-image: url(../images/house.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
content: '';
|
||||||
|
}//house
|
||||||
|
*/ }
|
||||||
|
#since > .since > ul > li.status_info_main:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: ''; }
|
||||||
|
#since > .since > ul > li > em {
|
||||||
|
color: #ffc700; }
|
||||||
|
#since > .since > ul > li > span {
|
||||||
|
font-size: 20px; }
|
||||||
|
#since > .since > .since_info {
|
||||||
|
width: 100%; }
|
||||||
|
#since > .since > .since_info > h2 {
|
||||||
|
font-size: 50px;
|
||||||
|
font-weight: 900;
|
||||||
|
font-style: italic;
|
||||||
|
letter-spacing: -4px;
|
||||||
|
color: #444; }
|
||||||
|
#since > .since > .since_info > div {
|
||||||
|
width: 100%;
|
||||||
|
margin: 50px auto 0;
|
||||||
|
border-bottom: 1px dotted #ddd; }
|
||||||
|
#since > .since > .since_info > div > ul {
|
||||||
|
padding-left: 150px;
|
||||||
|
width: 100%; }
|
||||||
|
#since > .since > .since_info > div > ul > li {
|
||||||
|
float: left;
|
||||||
|
margin-left: 130px;
|
||||||
|
line-height: 2.5em; }
|
||||||
|
#since > .since > .since_info > div > ul > li:first-child {
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #ddd; }
|
||||||
|
#since > .since > .since_info > div > ul > li > dl {
|
||||||
|
padding: 35px 0;
|
||||||
|
width: 100%; }
|
||||||
|
#since > .since > .since_info > div > ul > li > dl > dd {
|
||||||
|
position: relative;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600; }
|
||||||
|
#since > .since > .since_info > div > ul > li > dl > dd:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: -20px;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: #ffc700;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
/*보유인증현황*/
|
||||||
|
#certificate {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
height: 1700px;
|
||||||
|
background-color: #fff; }
|
||||||
|
#certificate > .certificate {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
#certificate > .certificate > ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%; }
|
||||||
|
#certificate > .certificate > ul > li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2em; }
|
||||||
|
#certificate > .certificate > ul > li.status_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #1e3571;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em; }
|
||||||
|
#certificate > .certificate > ul > li.status_info_main:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: ''; }
|
||||||
|
#certificate > .certificate > ul > li > em {
|
||||||
|
color: #ddd; }
|
||||||
|
#certificate > .certificate > ul > li > span {
|
||||||
|
font-size: 20px; }
|
||||||
|
#certificate > .certificate > .certificate_info {
|
||||||
|
width: 100%; }
|
||||||
|
#certificate > .certificate > .certificate_info > div {
|
||||||
|
width: 100%; }
|
||||||
|
#certificate > .certificate > .certificate_info > div > ul > li {
|
||||||
|
float: left;
|
||||||
|
margin: 0 47px 50px 0;
|
||||||
|
width: 300px;
|
||||||
|
height: 400px;
|
||||||
|
border: 1px dotted #eee; }
|
||||||
|
#certificate > .certificate > .certificate_info > div > ul > li:last-child {
|
||||||
|
margin-right: 0; }
|
||||||
|
#certificate > .certificate > .certificate_info > div > ul > li > dl > dt {
|
||||||
|
width: 100%;
|
||||||
|
height: 350px;
|
||||||
|
text-indent: -99999px;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover; }
|
||||||
|
#certificate > .certificate > .certificate_info > div > ul > li > dl > dd {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 50px; }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect01 > ul > li:nth-child(1) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_01.png); }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect01 > ul > li:nth-child(2) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_02.png); }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect01 > ul > li:nth-child(3) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_03.png); }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect02 > ul > li:nth-child(1) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_04.png); }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect02 > ul > li:nth-child(2) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_05.png); }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect02 > ul > li:nth-child(3) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_06.png); }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect03 > ul > li:nth-child(1) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_07.png); }
|
||||||
|
#certificate > .certificate > .certificate_info > .sect03 > ul > li:nth-child(2) > dl > dt {
|
||||||
|
background-size: contain;
|
||||||
|
background-image: url(../images/certificate_08.png);
|
||||||
|
background-position: 50% 50%; }
|
||||||
|
|
||||||
|
#business {
|
||||||
|
width: 100%;
|
||||||
|
background-color: white; }
|
||||||
|
#business > .inner {
|
||||||
|
height: 100px;
|
||||||
|
padding-top: 130px;
|
||||||
|
margin: 0 auto 130px; }
|
||||||
|
#business > .inner > h2 {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 50px; }
|
||||||
|
#business > .inner > h2:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 120px;
|
||||||
|
height: 4px;
|
||||||
|
border: 3px dotted #ffc700;
|
||||||
|
content: ''; }
|
||||||
|
#business > .inner p {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 17px;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
color: #999;
|
||||||
|
line-height: 1.45em; }
|
||||||
|
#business > .category {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #eee; }
|
||||||
|
#business > .category > ul {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 850px; }
|
||||||
|
#business > .category > ul > li {
|
||||||
|
float: left;
|
||||||
|
width: 24%;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-right: 3px;
|
||||||
|
background-color: #ddd;
|
||||||
|
color: #555;
|
||||||
|
cursor: pointer; }
|
||||||
|
#business > .category > ul > li:last-child {
|
||||||
|
margin-right: 0; }
|
||||||
|
#business > .category > ul > li:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1e3571; }
|
||||||
|
#business > .category > ul > li.on {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1e3571; }
|
||||||
|
#business > .business {
|
||||||
|
padding-top: 130px;
|
||||||
|
width: 100%;
|
||||||
|
background-image: url(../images/bus_bg.jpg); }
|
||||||
|
#business > .business > div {
|
||||||
|
width: 100%; }
|
||||||
|
#business > .business > div > ul > li {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
height: 450px;
|
||||||
|
background-size: contain;
|
||||||
|
background: no-repeat;
|
||||||
|
background-position: 50% 50%; }
|
||||||
|
#business > .business > div > ul > li:first-child {
|
||||||
|
text-indent: -99999px; }
|
||||||
|
#business > .business > div > ul > li:last-child {
|
||||||
|
height: 240px;
|
||||||
|
margin-top: 120px; }
|
||||||
|
#business > .business > div > ul > li:last-child > dl {
|
||||||
|
padding-left: 100px; }
|
||||||
|
#business > .business > div > ul > li:last-child > dl > dt {
|
||||||
|
position: relative;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
color: #333; }
|
||||||
|
#business > .business > div > ul > li:last-child > dl > dt:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
width: 60px;
|
||||||
|
height: 4px;
|
||||||
|
background-color: #ffc700;
|
||||||
|
content: ''; }
|
||||||
|
#business > .business > div > ul > li:last-child > dl > dt > span {
|
||||||
|
padding-left: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #1e3571;
|
||||||
|
font-weight: 500; }
|
||||||
|
#business > .business > div > ul > li:last-child > dl > dd {
|
||||||
|
position: relative;
|
||||||
|
line-height: 2em;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #aaa; }
|
||||||
|
#business > .business > div > ul > li:last-child > dl > dd:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 5px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 5px;
|
||||||
|
height: 5px;
|
||||||
|
background-color: #1e3571;
|
||||||
|
border-radius: 7px;
|
||||||
|
content: ''; }
|
||||||
|
#business > .business > div.business_01 > ul > li:first-child {
|
||||||
|
background-image: url(../images/business_ai2.png);
|
||||||
|
background-size: contain; }
|
||||||
|
#business > .business > div.business_02 > ul > li:first-child {
|
||||||
|
background-image: url(../images/bigdata.jpg);
|
||||||
|
background-size: contain; }
|
||||||
|
#business > .business > div.business_03 > ul > li:first-child {
|
||||||
|
background-image: url(../images/soc.jpg);
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat; }
|
||||||
|
#business > .business > div.business_04 {
|
||||||
|
padding-bottom: 100px; }
|
||||||
|
#business > .business > div.business_04 > ul > li:first-child {
|
||||||
|
background-image: url(../images/si.jpg);
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 88%; }
|
||||||
|
|
||||||
|
#faq {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
height: 500px;
|
||||||
|
background-color: #fff; }
|
||||||
|
#faq > .faq_info {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
#faq > .faq_info > ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%; }
|
||||||
|
#faq > .faq_info > ul > li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.7em; }
|
||||||
|
#faq > .faq_info > ul > li > span {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 600; }
|
||||||
|
#faq > .faq_info > ul > li > em {
|
||||||
|
color: #eee; }
|
||||||
|
#faq > .faq_info > ul > li.faq_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #1e3571;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em; }
|
||||||
|
#faq > .faq_info > ul > li.faq_info_main:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: ''; }
|
||||||
|
#faq > .faq_info:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 115px;
|
||||||
|
right: 50px;
|
||||||
|
width: 130px;
|
||||||
|
height: 130px;
|
||||||
|
background-image: url(../images/q_icon.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: cover;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
/*반응형*/
|
||||||
|
.pos_right {
|
||||||
|
background-color: red; }
|
||||||
|
.pos_right > dl > dt:after {
|
||||||
|
left: 200px; }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=style.css.map */
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,787 @@
|
||||||
|
$point-color : #1e3571;
|
||||||
|
$point-color2 : #ffc700;
|
||||||
|
|
||||||
|
/*일반현황*/
|
||||||
|
|
||||||
|
.index_tap {
|
||||||
|
width: 100%;
|
||||||
|
height: 35px;
|
||||||
|
border-bottom : 1px solid #eee;
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
>p {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 1000px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 35px;
|
||||||
|
text-align: right;
|
||||||
|
color: #333;
|
||||||
|
|
||||||
|
>em {
|
||||||
|
padding: 0 3px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: $point-color2;
|
||||||
|
|
||||||
|
}
|
||||||
|
>span {
|
||||||
|
|
||||||
|
>a {
|
||||||
|
color: #222;
|
||||||
|
font-weight: 900;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}//end of p
|
||||||
|
}//end of index_tap
|
||||||
|
|
||||||
|
.index_tap2 {
|
||||||
|
background-color: transparent;
|
||||||
|
border-bottom: 1px solid #e1e1e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#status {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
//background-color: green;
|
||||||
|
height: 1300px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
|
||||||
|
>.status {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto 100px;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
margin-top: 60px;
|
||||||
|
width: 100%;
|
||||||
|
//background-color: green;
|
||||||
|
>li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2em;
|
||||||
|
|
||||||
|
&.status_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: $point-color;
|
||||||
|
margin-bottom: 70px;
|
||||||
|
line-height: 1.3em;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 85px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of ceo_info_main
|
||||||
|
|
||||||
|
>em {
|
||||||
|
color: #eee;
|
||||||
|
}//end of em
|
||||||
|
>span {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}//end of li
|
||||||
|
}//end of ul
|
||||||
|
|
||||||
|
>ol {
|
||||||
|
margin-top: 50px;
|
||||||
|
color: #bbb;
|
||||||
|
line-height: 1.4em;
|
||||||
|
|
||||||
|
>li{
|
||||||
|
|
||||||
|
font-size: 13px;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}//end of li
|
||||||
|
}//end of ol
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 120px;
|
||||||
|
right: 0;
|
||||||
|
width: 260px;
|
||||||
|
height: 345px;
|
||||||
|
|
||||||
|
background-image: url(../images/company_3.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 100%;
|
||||||
|
background-size: contain;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of status
|
||||||
|
|
||||||
|
>.organiz {
|
||||||
|
width: 100%;
|
||||||
|
height: 700px;
|
||||||
|
//background-color: ;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
>.inner {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
height: 700px;
|
||||||
|
background-image: url(../images/organiz.jpg);
|
||||||
|
background-size: contain;
|
||||||
|
background-position: 50% 20%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
|
>h2 {
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 35px;
|
||||||
|
color: $point-color;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top : 60px;
|
||||||
|
width: 1000px;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}//end of organiz
|
||||||
|
|
||||||
|
}//end of status
|
||||||
|
|
||||||
|
/*연혁*/
|
||||||
|
|
||||||
|
|
||||||
|
#since {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
|
||||||
|
height: 1050px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
|
||||||
|
>.since {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%;
|
||||||
|
//background-color: green;
|
||||||
|
>li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2em;
|
||||||
|
|
||||||
|
&.status_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: $point-color;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
|
||||||
|
/* &:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
right: 30px;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-image: url(../images/house.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
content: '';
|
||||||
|
}//house
|
||||||
|
*/
|
||||||
|
}//end of ceo_info_main
|
||||||
|
|
||||||
|
>em {
|
||||||
|
color: $point-color2;
|
||||||
|
}//end of em
|
||||||
|
>span {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}//end of li
|
||||||
|
}//end of ul
|
||||||
|
|
||||||
|
|
||||||
|
>.since_info {
|
||||||
|
width: 100%;
|
||||||
|
//background-color: orange;
|
||||||
|
|
||||||
|
>h2 {
|
||||||
|
font-size: 50px;
|
||||||
|
font-weight: 900;
|
||||||
|
font-style : italic;
|
||||||
|
letter-spacing: -4px;
|
||||||
|
color: #444;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
>div {
|
||||||
|
width: 100%;
|
||||||
|
margin: 50px auto 0;
|
||||||
|
border-bottom: 1px dotted #ddd;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
padding-left: 150px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
>li {
|
||||||
|
float: left;
|
||||||
|
margin-left: 130px;
|
||||||
|
line-height: 2.5em;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #ddd;
|
||||||
|
}//end of all li:first-child
|
||||||
|
|
||||||
|
>dl {
|
||||||
|
padding: 35px 0;
|
||||||
|
width: 100%;
|
||||||
|
//background-color: red;
|
||||||
|
|
||||||
|
|
||||||
|
>dd {
|
||||||
|
position: relative;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: -20px;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: $point-color2;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of all dd
|
||||||
|
}//end of all dl
|
||||||
|
|
||||||
|
}//end of all li
|
||||||
|
}//end of all ul
|
||||||
|
}//end of all div
|
||||||
|
|
||||||
|
>.january {
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
//background-color: pink;
|
||||||
|
}//end of ul
|
||||||
|
}//end of january
|
||||||
|
|
||||||
|
>.february {
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
//background-color: green;
|
||||||
|
}//end of ul
|
||||||
|
}//end of february
|
||||||
|
|
||||||
|
>.march {
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
//background-color: rgb(0, 186, 191);
|
||||||
|
}//end of ul
|
||||||
|
}//end of march
|
||||||
|
}//end of since_info
|
||||||
|
|
||||||
|
}//end of ceo_info
|
||||||
|
|
||||||
|
}//end of since
|
||||||
|
|
||||||
|
|
||||||
|
/*보유인증현황*/
|
||||||
|
|
||||||
|
|
||||||
|
#certificate {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
|
||||||
|
height: 1700px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
|
||||||
|
>.certificate {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%;
|
||||||
|
//background-color: green;
|
||||||
|
>li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2em;
|
||||||
|
|
||||||
|
&.status_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: $point-color;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of ceo_info_main
|
||||||
|
|
||||||
|
>em {
|
||||||
|
color: #ddd;
|
||||||
|
}//end of em
|
||||||
|
>span {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}//end of li
|
||||||
|
}//end of ul
|
||||||
|
|
||||||
|
>.certificate_info {
|
||||||
|
width: 100%;
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
>div {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
|
||||||
|
>li {
|
||||||
|
float: left;
|
||||||
|
margin: 0 47px 50px 0;
|
||||||
|
width: 300px;
|
||||||
|
height: 400px;
|
||||||
|
//background-color: pink;
|
||||||
|
border: 1px dotted #eee;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
>dl {
|
||||||
|
|
||||||
|
>dt {
|
||||||
|
width: 100%;
|
||||||
|
height: 350px;
|
||||||
|
text-indent: -99999px;
|
||||||
|
//background-color: orange;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
>dd {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
}//end of all dl
|
||||||
|
}//end of all li
|
||||||
|
}//end of all ul
|
||||||
|
}//end of all div
|
||||||
|
|
||||||
|
|
||||||
|
>.sect01 >ul >li {
|
||||||
|
|
||||||
|
&:nth-child(1) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_01.png);
|
||||||
|
}
|
||||||
|
&:nth-child(2) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_02.png);
|
||||||
|
}
|
||||||
|
&:nth-child(3) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_03.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
}//end of sect01 img
|
||||||
|
|
||||||
|
>.sect02 >ul >li {
|
||||||
|
|
||||||
|
&:nth-child(1) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_04.png);
|
||||||
|
}
|
||||||
|
&:nth-child(2) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_05.png);
|
||||||
|
}
|
||||||
|
&:nth-child(3) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_06.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
}//end of sect02 img
|
||||||
|
|
||||||
|
|
||||||
|
>.sect03 >ul >li {
|
||||||
|
|
||||||
|
&:nth-child(1) > dl > dt {
|
||||||
|
background-image: url(../images/certificate_07.png);
|
||||||
|
}
|
||||||
|
&:nth-child(2) > dl > dt {
|
||||||
|
background-size: contain;
|
||||||
|
background-image: url(../images/certificate_08.png);
|
||||||
|
background-position: 50% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}//end of sect03 img
|
||||||
|
|
||||||
|
}//end of certificate_info-->
|
||||||
|
|
||||||
|
}//end of ceo_info
|
||||||
|
|
||||||
|
}//end of status
|
||||||
|
|
||||||
|
#business {
|
||||||
|
width: 100%;
|
||||||
|
//height: 2460px;
|
||||||
|
background-color: rgb(255, 255, 255);
|
||||||
|
|
||||||
|
>.inner {
|
||||||
|
height: 100px;
|
||||||
|
padding-top: 130px;
|
||||||
|
margin: 0 auto 130px;
|
||||||
|
//background-color: orange;
|
||||||
|
|
||||||
|
>h2 {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 120px;
|
||||||
|
height: 4px;
|
||||||
|
border: 3px dotted $point-color2;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 17px;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
color: #999;
|
||||||
|
line-height: 1.45em;
|
||||||
|
}
|
||||||
|
}//end of inner
|
||||||
|
|
||||||
|
>.category {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
//ackground-color: green;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 850px;
|
||||||
|
|
||||||
|
|
||||||
|
>li {
|
||||||
|
float: left;
|
||||||
|
width: 24%;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-right: 3px;
|
||||||
|
background-color: #ddd;
|
||||||
|
color: #555;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color:#fff;
|
||||||
|
background-color: $point-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on {
|
||||||
|
color:#fff;
|
||||||
|
background-color: $point-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}//end of li
|
||||||
|
}//end of ul
|
||||||
|
}//end of category
|
||||||
|
|
||||||
|
>.business {
|
||||||
|
padding-top: 130px;
|
||||||
|
width: 100%;
|
||||||
|
background-image: url(../images/bus_bg.jpg);
|
||||||
|
|
||||||
|
|
||||||
|
>div {
|
||||||
|
width: 100%;
|
||||||
|
//margin-top: 60px;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
//background-color: green;
|
||||||
|
>li {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
height: 450px;
|
||||||
|
background-size: contain;
|
||||||
|
background: no-repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
text-indent: -99999px;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
|
||||||
|
height: 240px;
|
||||||
|
margin-top: 120px;
|
||||||
|
//background-color: red;
|
||||||
|
|
||||||
|
|
||||||
|
>dl{
|
||||||
|
padding-left: 100px;
|
||||||
|
>dt {
|
||||||
|
position: relative;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
color: #333;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
width: 60px;
|
||||||
|
height: 4px;
|
||||||
|
background-color: $point-color2;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
|
||||||
|
>span {
|
||||||
|
padding-left: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: $point-color;
|
||||||
|
font-weight: 500;
|
||||||
|
//letter-spacing: -8px;
|
||||||
|
}
|
||||||
|
}//end of all dt
|
||||||
|
|
||||||
|
>dd {
|
||||||
|
position: relative;
|
||||||
|
line-height: 2em;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #aaa;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 5px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 5px;
|
||||||
|
height: 5px;
|
||||||
|
background-color: $point-color;
|
||||||
|
border-radius: 7px;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of dd
|
||||||
|
}
|
||||||
|
}//end of all li:last-child
|
||||||
|
|
||||||
|
|
||||||
|
}//end of li
|
||||||
|
}//end of all ul
|
||||||
|
|
||||||
|
&.business_01 {
|
||||||
|
>ul >li {
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
background-image: url(../images/business_ai2.png);
|
||||||
|
background-size: contain;
|
||||||
|
//background-color: green;
|
||||||
|
}
|
||||||
|
}//end of 01 li
|
||||||
|
}//end of business_01
|
||||||
|
|
||||||
|
&.business_02 {
|
||||||
|
>ul >li {
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
background-image: url(../images/bigdata.jpg);
|
||||||
|
background-size: contain;
|
||||||
|
//background-color: green;
|
||||||
|
}
|
||||||
|
}//end of 01 li
|
||||||
|
}//end of business_01
|
||||||
|
|
||||||
|
&.business_03 {
|
||||||
|
>ul >li {
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
background-image: url(../images/soc.jpg);
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
//background-color: orange;
|
||||||
|
}
|
||||||
|
}//end of 01 li
|
||||||
|
}//end of business_01
|
||||||
|
|
||||||
|
&.business_04 {
|
||||||
|
padding-bottom: 100px;
|
||||||
|
>ul >li {
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
background-image: url(../images/si.jpg);
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 88%;
|
||||||
|
//background-color: pink;
|
||||||
|
}
|
||||||
|
}//end of 01 li
|
||||||
|
}//end of business_01
|
||||||
|
}//end of all div
|
||||||
|
|
||||||
|
}//end of class business
|
||||||
|
}//end of #business
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#faq {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
|
||||||
|
height: 500px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
|
||||||
|
>.faq_info {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%;
|
||||||
|
//background-color: green;
|
||||||
|
>li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.7em;
|
||||||
|
|
||||||
|
>span {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
>em {
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.faq_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: $point-color;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of ceo_info_main
|
||||||
|
}
|
||||||
|
}//end of ul
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 115px;
|
||||||
|
right: 50px;
|
||||||
|
width: 130px;
|
||||||
|
height: 130px;
|
||||||
|
background-image: url(../images/q_icon.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: cover;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of ceo_info
|
||||||
|
|
||||||
|
}//end of faq
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*반응형*/
|
||||||
|
.pos_right {
|
||||||
|
background-color: red;
|
||||||
|
//text-align: right;
|
||||||
|
|
||||||
|
>dl {
|
||||||
|
|
||||||
|
|
||||||
|
>dt {
|
||||||
|
&:after {
|
||||||
|
left: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}//end of pos_right
|
||||||
|
|
@ -0,0 +1,151 @@
|
||||||
|
#topic_bg {
|
||||||
|
width: 100%; }
|
||||||
|
#topic_bg > .topic_bg_info {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background-image: url(../images/ceo.jpg);
|
||||||
|
background-position: 50% 40%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover; }
|
||||||
|
#topic_bg > .topic_bg_info > ul {
|
||||||
|
opacity: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 160px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center; }
|
||||||
|
#topic_bg > .topic_bg_info > ul > li {
|
||||||
|
color: #fff; }
|
||||||
|
#topic_bg > .topic_bg_info > ul > li:first-child {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 7px; }
|
||||||
|
#topic_bg > .topic_bg_info > ul > li:first-child > span {
|
||||||
|
margin-left: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #ffc700; }
|
||||||
|
#topic_bg > .topic_bg_info > ul > li:last-child {
|
||||||
|
font-size: 13px; }
|
||||||
|
|
||||||
|
.topic2_bg {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background-image: url(../images/topic05_bg.jpg);
|
||||||
|
background-position: 50% 20%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover; }
|
||||||
|
.topic2_bg > ul {
|
||||||
|
opacity: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 160px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center; }
|
||||||
|
.topic2_bg > ul > li {
|
||||||
|
color: #fff; }
|
||||||
|
.topic2_bg > ul > li:first-child {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 7px; }
|
||||||
|
.topic2_bg > ul > li:first-child > span {
|
||||||
|
margin-left: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #ffc700; }
|
||||||
|
.topic2_bg > ul > li:last-child {
|
||||||
|
font-size: 13px; }
|
||||||
|
|
||||||
|
.topic3_bg {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background-image: url(../images/question2.jpg);
|
||||||
|
background-position: 50% 15%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover; }
|
||||||
|
.topic3_bg > ul {
|
||||||
|
opacity: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 160px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center; }
|
||||||
|
.topic3_bg > ul > li {
|
||||||
|
color: #fff; }
|
||||||
|
.topic3_bg > ul > li:first-child {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 7px; }
|
||||||
|
.topic3_bg > ul > li:first-child > span {
|
||||||
|
margin-left: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #ffc700; }
|
||||||
|
.topic3_bg > ul > li:last-child {
|
||||||
|
font-size: 13px; }
|
||||||
|
|
||||||
|
#ceo {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
height: 700px;
|
||||||
|
background-color: #fff; }
|
||||||
|
#ceo > .index_tap {
|
||||||
|
width: 100%;
|
||||||
|
height: 35px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
background-color: #ffffff; }
|
||||||
|
#ceo > .index_tap > p {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 1000px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 35px;
|
||||||
|
text-align: right;
|
||||||
|
color: #333; }
|
||||||
|
#ceo > .index_tap > p > em {
|
||||||
|
padding: 0 3px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #ffc700; }
|
||||||
|
#ceo > .index_tap > p > span > a {
|
||||||
|
color: #222;
|
||||||
|
font-weight: 900; }
|
||||||
|
#ceo > .index_tap > p > span > a:hover {
|
||||||
|
text-decoration: underline; }
|
||||||
|
#ceo > .ceo_info {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
#ceo > .ceo_info > ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%; }
|
||||||
|
#ceo > .ceo_info > ul > li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.7em;
|
||||||
|
text-align: justify; }
|
||||||
|
#ceo > .ceo_info > ul > li.ceo_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #1e3571;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em; }
|
||||||
|
#ceo > .ceo_info > ul > li.ceo_info_main:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: ''; }
|
||||||
|
#ceo > .ceo_info:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
right: 0;
|
||||||
|
width: 300px;
|
||||||
|
height: 445px;
|
||||||
|
background-image: url(../images/ceo_bg.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: cover;
|
||||||
|
content: ''; }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=sub.css.map */
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"version": 3,
|
||||||
|
"mappings": "AAGA,SAAU;EAEN,KAAK,EAAE,IAAI;EAKP,0BAAgB;IACZ,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,KAAK;IACb,gBAAgB,EAAE,sBAAsB;IACxC,mBAAmB,EAAE,OAAO;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,KAAK;IAEtB,+BAAI;MACA,OAAO,EAAE,CAAC;MACV,MAAM,EAAE,MAAM;MACd,WAAW,EAAE,KAAK;MAClB,KAAK,EAAE,IAAI;MACX,UAAU,EAAE,MAAM;MAKlB,oCAAI;QACA,KAAK,EAAE,IAAI;QAEX,gDAAc;UACV,SAAS,EAAE,IAAI;UACf,WAAW,EAAE,GAAG;UAChB,cAAc,EAAE,GAAG;UAEnB,uDAAM;YACF,WAAW,EAAE,GAAG;YAChB,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,GAAG;YAChB,KAAK,EAvCjB,OAAO;QA2CH,+CAAa;UACT,SAAS,EAAE,IAAI;;AAUvC,UAAW;EACP,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,gBAAgB,EAAE,6BAA6B;EAC/C,mBAAmB,EAAE,OAAO;EAC5B,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,KAAK;EAEtB,eAAI;IACA,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,MAAM;IAKlB,oBAAI;MACA,KAAK,EAAE,IAAI;MAEX,gCAAc;QACV,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,GAAG;QAChB,cAAc,EAAE,GAAG;QAEnB,uCAAM;UACF,WAAW,EAAE,GAAG;UAChB,SAAS,EAAE,IAAI;UACf,WAAW,EAAE,GAAG;UAChB,KAAK,EApFT,OAAO;MAwFX,+BAAa;QACT,SAAS,EAAE,IAAI;;AAM/B,UAAW;EACP,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,gBAAgB,EAAE,4BAA4B;EAC9C,mBAAmB,EAAE,OAAO;EAC5B,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,KAAK;EAEtB,eAAI;IACA,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,MAAM;IAKlB,oBAAI;MACA,KAAK,EAAE,IAAI;MAEX,gCAAc;QACV,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,GAAG;QAChB,cAAc,EAAE,GAAG;QAEnB,uCAAM;UACF,WAAW,EAAE,GAAG;UAChB,SAAS,EAAE,IAAI;UACf,WAAW,EAAE,GAAG;UAChB,KAAK,EA7HT,OAAO;MAiIX,+BAAa;QACT,SAAS,EAAE,IAAI;;AAM/B,IAAK;EACD,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;EAsCf,MAAM,EAAE,KAAK;EACb,gBAAgB,EAAE,IAAI;EApC1B,iBAAY;IACR,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,aAAa,EAAG,cAAc;IAC9B,gBAAgB,EAAE,OAAO;IAEzB,qBAAG;MACC,MAAM,EAAE,MAAM;MACd,KAAK,EAAE,MAAM;MACb,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,IAAI;MACjB,UAAU,EAAE,KAAK;MACjB,KAAK,EAAE,IAAI;MAEX,0BAAI;QACA,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,GAAG;QAChB,KAAK,EA9JL,OAAO;MAmKP,gCAAG;QACC,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,GAAG;QAEhB,sCAAQ;UACJ,eAAe,EAAE,SAAS;EAY1C,gBAAW;IACP,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IAEd,qBAAI;MACA,UAAU,EAAE,IAAI;MAChB,KAAK,EAAE,IAAI;MAEX,0BAAI;QACA,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,GAAG;QAChB,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,OAAO;QAEnB,wCAAgB;UACZ,QAAQ,EAAE,QAAQ;UAClB,SAAS,EAAE,IAAI;UACf,WAAW,EAAE,GAAG;UAChB,KAAK,EA1Md,OAAO;UA2ME,aAAa,EAAE,IAAI;UACnB,WAAW,EAAE,KAAK;UAElB,8CAAQ;YACJ,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,IAAI;YACT,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,GAAG;YACX,gBAAgB,EAAE,IAAI;YACtB,OAAO,EAAE,EAAE;IAM3B,sBAAQ;MACJ,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,KAAK;MACV,KAAK,EAAE,CAAC;MACR,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;MACb,gBAAgB,EAAE,yBAAyB;MAC3C,iBAAiB,EAAE,SAAS;MAC5B,mBAAmB,EAAE,OAAO;MAC5B,eAAe,EAAE,KAAK;MACtB,OAAO,EAAE,EAAE",
|
||||||
|
"sources": ["sub.scss"],
|
||||||
|
"names": [],
|
||||||
|
"file": "sub.css"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,234 @@
|
||||||
|
$point-color : #1e3571;
|
||||||
|
$point-color2 : #ffc700;
|
||||||
|
|
||||||
|
#topic_bg {
|
||||||
|
//padding-top: 70px;//메뉴만큼 띄우기
|
||||||
|
width: 100%;
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
>.topic_bg_info {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background-image: url(../images/ceo.jpg);
|
||||||
|
background-position: 50% 40%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
opacity: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 160px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
>li {
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 7px;
|
||||||
|
|
||||||
|
>span {
|
||||||
|
margin-left: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: $point-color2;
|
||||||
|
}
|
||||||
|
}//end of li:first
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
font-size: 13px;
|
||||||
|
}//end of li:last
|
||||||
|
}
|
||||||
|
}//end of ul
|
||||||
|
}//end of topic_bg_info
|
||||||
|
|
||||||
|
}//end of topic_bg
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.topic2_bg {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background-image: url(../images/topic05_bg.jpg);
|
||||||
|
background-position: 50% 20%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
opacity: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 160px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
>li {
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 7px;
|
||||||
|
|
||||||
|
>span {
|
||||||
|
margin-left: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: $point-color2;
|
||||||
|
}
|
||||||
|
}//end of li:first
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
font-size: 13px;
|
||||||
|
}//end of li:last
|
||||||
|
}
|
||||||
|
}//end of ul
|
||||||
|
}//end of topic2sub_bg
|
||||||
|
|
||||||
|
.topic3_bg {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background-image: url(../images/question2.jpg);
|
||||||
|
background-position: 50% 15%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
opacity: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 160px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
>li {
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 7px;
|
||||||
|
|
||||||
|
>span {
|
||||||
|
margin-left: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: $point-color2;
|
||||||
|
}
|
||||||
|
}//end of li:first
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
font-size: 13px;
|
||||||
|
}//end of li:last
|
||||||
|
}
|
||||||
|
}//end of ul
|
||||||
|
}//end of topic3_bg
|
||||||
|
|
||||||
|
#ceo {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
//background-color: green;
|
||||||
|
|
||||||
|
>.index_tap {
|
||||||
|
width: 100%;
|
||||||
|
height: 35px;
|
||||||
|
border-bottom : 1px solid #eee;
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
>p {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 1000px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 35px;
|
||||||
|
text-align: right;
|
||||||
|
color: #333;
|
||||||
|
|
||||||
|
>em {
|
||||||
|
padding: 0 3px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: $point-color2;
|
||||||
|
|
||||||
|
}
|
||||||
|
>span {
|
||||||
|
|
||||||
|
>a {
|
||||||
|
color: #222;
|
||||||
|
font-weight: 900;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}//end of p
|
||||||
|
}//end of index_tap
|
||||||
|
|
||||||
|
|
||||||
|
height: 700px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
|
||||||
|
>.ceo_info {
|
||||||
|
position: relative;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
>ul {
|
||||||
|
margin-top: 80px;
|
||||||
|
width: 100%;
|
||||||
|
//background-color: green;
|
||||||
|
>li {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.7em;
|
||||||
|
text-align: justify;
|
||||||
|
|
||||||
|
&.ceo_info_main {
|
||||||
|
position: relative;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: $point-color;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
line-height: 1.3em;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 65px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #ddd;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of ceo_info_main
|
||||||
|
}
|
||||||
|
}//end of ul
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
right: 0;
|
||||||
|
width: 300px;
|
||||||
|
height: 445px;
|
||||||
|
background-image: url(../images/ceo_bg.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-size: cover;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
}//end of ceo_info
|
||||||
|
|
||||||
|
}//end of CEO
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 846 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 891 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 276 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 572 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 672 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 349 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 911 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 928 B |
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 340 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 595 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 310 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 943 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 319 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 528 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 615 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 681 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 358 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
|
|
@ -0,0 +1,480 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/function.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(".more").on("click", function(){
|
||||||
|
$(".more")
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="../">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="#">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
<div id="mVisual" class="section">
|
||||||
|
<h2 class="sr_only">메인입니다.</h2>
|
||||||
|
<div class="mVisual_img">
|
||||||
|
<ul>
|
||||||
|
<li>img1</li>
|
||||||
|
<li>img2</li>
|
||||||
|
<li>img3</li>
|
||||||
|
<li>img4</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--mVisual_img end-->
|
||||||
|
<div class="mVisual_txt">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>INNOVATION</dt>
|
||||||
|
<dd>
|
||||||
|
우리는 가치있는 변화와 혁신을 위해<br />
|
||||||
|
끊임없이 새로움을 추구합니다
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li style="display:none;">
|
||||||
|
<dl>
|
||||||
|
<dt>PASSION</dt>
|
||||||
|
<dd>
|
||||||
|
고객의 편의성을 위해<br />
|
||||||
|
언제나 열정적인 자세로 임합니다
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li style="display:none;">
|
||||||
|
<dl>
|
||||||
|
<dt>CHALLANGE</dt>
|
||||||
|
<dd>
|
||||||
|
현재에 안주하지 않으며 새로운 도전을 통해<br />
|
||||||
|
지속적으로 성장합니다
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li style="display:none;">
|
||||||
|
<dl>
|
||||||
|
<dt>TECHNOLOGY</dt>
|
||||||
|
<dd>
|
||||||
|
누구나가 아닌 우리만의 기술로<br />
|
||||||
|
세상의 변화를 도모할 것입니다
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--mVisual_txt end-->
|
||||||
|
<div class="mVisual_indicator"><!--black_bg, dot-->
|
||||||
|
<p class="mVisual_prev_btn">이전</p>
|
||||||
|
<p class="mVisual_next_btn">다음</p>
|
||||||
|
</div><!--mVisual_indicator end-->
|
||||||
|
|
||||||
|
<p class="downArrow"></p>
|
||||||
|
</div><!--mVisual end-->
|
||||||
|
<div id="company" class="section">
|
||||||
|
<h2 class="sr_only">회사소개입니다.</h2>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h3 style="cursor: default;">회사소개</h3>
|
||||||
|
<div class="company_img">
|
||||||
|
|
||||||
|
</div><!--end of company_img-->
|
||||||
|
|
||||||
|
<div class="company_intro clearfix">
|
||||||
|
<div class="company_l" style="cursor: default;">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>미래가치를 창조하는 Innovator</dt>
|
||||||
|
<dd>(주)디비엔텍</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dd><em>무한한 열정과 끊임없는 도전</em>을 통해</dd>
|
||||||
|
<dd><em>새로운 가치</em>를 창출하는</dd>
|
||||||
|
<dd><em>인간중심의 기술기업</em>이 되고자 노력하겠습니다</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="company_r">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!-- end of company_r-->
|
||||||
|
|
||||||
|
|
||||||
|
<!--
|
||||||
|
<div class="company_info_box">
|
||||||
|
<span>당사는</span> <em>2018년 1월 5일 설립된 Supernova(초신성)과 같은 신생기업으로</em><br / />
|
||||||
|
<em>방대한 공공 빅데이터와의</em> 연계를 통해 새롭고 유용한 공공 정보서비스를 개발하고, 운영중인 <em>공공 SOC CCTV와 연계하여</em><br />
|
||||||
|
<em>Deep-learning <em class="point">기반 영상 분석 솔루션을 개발하며</em></em>, 그 외 지속적인 연구개발을 통해<br />
|
||||||
|
국가 SOC 관리시스템의 지능 정보화에 기여할 수 있는 제4차 산업혁명 시대에 최적화된 <em>'<em class="point">글로벌 공공기술 중심 기업</em>'</em><em>이 되고자 합니다.</em><br />
|
||||||
|
또한, 효율적이고 경제성 있는 솔루션을 개발 공급함으로서, 공공 SI 분야에서도 전문 솔루션 개발 기업으로서 입지를 강화하여<br />
|
||||||
|
다가오는 <em>4차 산업혁명 시대에 차세대 기술 기반의</em> <em class="point">첨단 기업으로 도약하고자 합니다.</em><br />
|
||||||
|
<em class="point">뿐만 아니라</em> 기술을 통한 삶의 혁신과 번영을 지향하는 <em>인간중심 사고의 <em class="point">HumanTechnology</em> 기업으로,</em><br />
|
||||||
|
고객과 인간중심의 사고를 통해 저희 개발자가 스스로 진화하여 새로운 가치를 창출하고, 고객에게 인간적인 감동으로 다가갈 수 있는,<br />
|
||||||
|
그런 <em>살아있는 기업이 되고자 노력하겠습니다.</em><br />
|
||||||
|
<em>저희 <em class="point">(주)디비엔텍</em>의 미래에 많은 관심과 성원 부탁드립니다.</em><br />
|
||||||
|
<br />
|
||||||
|
<p>주식회사 디비엔텍 임직원 일동</p>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
</div><!--end of company_intro -->
|
||||||
|
|
||||||
|
<!--
|
||||||
|
<div class="company_info">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
회사명 : (주)디비엔텍
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
설립일자 : 2017년 01월 05일
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
자본금 ; 50,000,000원
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
대표이사 : 최자영
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
사업영역 : <em>Deep Learning</em> 기반 <em>Big Data 분석 솔루션</em><br />
|
||||||
|
공공, 통신, 서비스, 유통 부문 시스템 및 플랫폼 구축 및 운영<br />
|
||||||
|
고객의 비즈니스 환경과 <em>Needs</em>에 가장 <em>적합한 애플리케이션 개발</em>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
주요고객 : <em>공공기관</em>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>
|
||||||
|
주요연혁
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
2018년 1월 : 법인설립, 주식회사 디비엔텍 설립(법인등록번호 : 120111-0000000)<br/>
|
||||||
|
2018년 1월 : 사업자등록(북인천세무서 : 704-88-00959) <br/>
|
||||||
|
2018년 1월 : 중소기업확인 인증(중소기업청 : 0010-2018-1954)<br/>
|
||||||
|
2018년 1월 : 소프트웨어 사업자 신고(한국소프트웨어산업협회 : B18-146817)<br/>
|
||||||
|
2018년 1월 : 직접생산증명 취득(중소기업중앙회 : 제2018-0071-00353)<br/>
|
||||||
|
2018년 1월 : 국가를 상대로 한 공공입찰 참가자격 등록<br/>
|
||||||
|
2018년 1월 : 연구개발 전담부서 인증 취득(한국산업기술진흥협회 : 제2018150584호)
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>end of company_info-->
|
||||||
|
</div><!--end of inner-->
|
||||||
|
|
||||||
|
</div><!--company end-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="company_m_info" style="cursor: default;">
|
||||||
|
<div class="inner">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>8<span></span></dt>
|
||||||
|
<dd>인증현황</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>18.01.05</dt>
|
||||||
|
<dd>설립일자</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>1<span></span></dt>
|
||||||
|
<dd>현행프로젝트</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--inner -->
|
||||||
|
</div><!--end of company_info-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="service" class="section"><!--비즈니스 변경-->
|
||||||
|
<h2 class="sr_only">제공하는 서비스입니다.</h2>
|
||||||
|
<div class="inner">
|
||||||
|
<h3 style="cursor: default;">사업영역</h3>
|
||||||
|
<div class="service_box "><!--overflow-->
|
||||||
|
<div class="service_container clearfix">
|
||||||
|
|
||||||
|
<div class="service_1">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>
|
||||||
|
<p>icon1</p>
|
||||||
|
</dt>
|
||||||
|
<dd class="topic">인공지능</dd>
|
||||||
|
<dd class="info">
|
||||||
|
Machine Learning 기반 처리 시스템<br />
|
||||||
|
Deep Learning 기반 객체 인식 시스템<br />
|
||||||
|
딥러닝 영상처리 기반 시설물 관리
|
||||||
|
</dd>
|
||||||
|
<dd class="more m_1"><a href="/sub02_Ai.html">+</a></dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>
|
||||||
|
<p>icon2_1</p>
|
||||||
|
</dt>
|
||||||
|
<dd class="topic">공공 빅데이터</dd>
|
||||||
|
<dd class="info">
|
||||||
|
수치, 문자 등 빅데이터화<br />
|
||||||
|
공공 빅데이터 수집 및 가공, 분석, 시각화 <br />
|
||||||
|
솔루션 개발 및 컨설팅
|
||||||
|
|
||||||
|
</dd>
|
||||||
|
<dd class="more"><a href="/sub02_Bigdata.html">+</a></dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>
|
||||||
|
<p>icon1</p>
|
||||||
|
</dt>
|
||||||
|
<dd class="topic">SOC 기술지원</dd>
|
||||||
|
<dd class="info">
|
||||||
|
교통영상 처리 및 현황 정보화<br />
|
||||||
|
SOC시설물(사면, 터널, 교량 등) 영상 모니터링<br />
|
||||||
|
공공시설물 및 지역 구간 사고 및 돌발상황<br />
|
||||||
|
인지 및 경보
|
||||||
|
</dd>
|
||||||
|
<dd class="more"><a href="/sub02_Soc.html">+</a></dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>
|
||||||
|
<p>icon1</p>
|
||||||
|
</dt>
|
||||||
|
<dd class="topic">시스템 구축 및 운영</dd>
|
||||||
|
<dd class="info">
|
||||||
|
금융, 공공, 통신, 서비스부문<br />시스템 및 플랫폼 구축 및 운영<br />
|
||||||
|
E-Commerce, SNS, ERP, 기업용 업무지원<br />솔루션 등 온라인플랫폼 구축 및 운영 등<br / >
|
||||||
|
</dd>
|
||||||
|
<dd class="more"><a href="/sub02_Si_Ito.html">+</a></dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div><!--end of service_1 -->
|
||||||
|
<!-- <div class="service_2">
|
||||||
|
<ul class="clearfix">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>
|
||||||
|
<p>icon2_2</p>
|
||||||
|
</dt>
|
||||||
|
<dd class="topic">유지보수</dd>
|
||||||
|
<dd class="info">
|
||||||
|
개발후 지속적인 유지보수를 통한<br />
|
||||||
|
시스템안정성 유지
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt></dt>
|
||||||
|
<dd class="topic">지능형 영상감지 솔루션</dd>
|
||||||
|
<dd class="info">
|
||||||
|
SMART CAR(IoT, SmartOBD, Connectivity, Telematics, GENVI, AUTOSAR)<br />
|
||||||
|
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>end of service_2 -->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of service_container-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of service_box-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!--<div class="service_indicator">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li></li>
|
||||||
|
<li></li>
|
||||||
|
</ul>
|
||||||
|
</div>end of service_indicator -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="service_RL_btn" style="display : none;"><!--반응형때 넘기기용-->
|
||||||
|
<p class="prev">이전</p>
|
||||||
|
<p class="next">다음</p>
|
||||||
|
</div><!--end of service_indicator -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--service end-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="contact" class="section">
|
||||||
|
<h2 class="sr_only">오시는길입니다.</h2>
|
||||||
|
<h3 style="cursor: default;">contact</h3>
|
||||||
|
|
||||||
|
<div class="mapContainer">
|
||||||
|
<div class="map">
|
||||||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1119.574562968882!2d126.69888652601138!3d37.469337548604756!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x727ff2e584cd461d!2z7KKF6re864u567mM65Sp!5e0!3m2!1sko!2skr!4v1517272073668"></iframe>
|
||||||
|
</div><!--map end-->
|
||||||
|
</div><!--mapConainer end-->
|
||||||
|
|
||||||
|
<div class="mapInfo">
|
||||||
|
<div class="inner">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span>Address</span> 인천광역시 부평구 백범로478 종근당빌딩 206호
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>Directions</span> 동암역 2번 출구에서 도보로 약 500미터, 주차 가능
|
||||||
|
</li>
|
||||||
|
<!-- <li>
|
||||||
|
<span>Tel</span> 032.000.0000 <span>Tel</span> 032.000.0000 <span>Email</span> 000@dbnt.co.kr
|
||||||
|
</li> -->
|
||||||
|
</ul>
|
||||||
|
</div><!--inner end-->
|
||||||
|
</div><!--mapInfo end-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--contact end-->
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,239 @@
|
||||||
|
$(function(){
|
||||||
|
//console.log("hi")
|
||||||
|
var $mainMnu = $(".gnb > ul > li");
|
||||||
|
|
||||||
|
var $mVisual = $("#mVisual");
|
||||||
|
var $mVisual_img = $("#mVisual").find(".mVisual_img > ul > li");
|
||||||
|
var $mVisual_txt = $("#mVisual").find(".mVisual_txt > ul > li");
|
||||||
|
|
||||||
|
var $mVisual_indicator = $(".mVisual_indicator");
|
||||||
|
var $mVisual_prev_btn = $mVisual_indicator.find(".mVisual_prev_btn");
|
||||||
|
var $mVisual_next_btn = $mVisual_indicator.find(".mVisual_next_btn");
|
||||||
|
|
||||||
|
var $indicator = $(".service_indicator > ul > li");
|
||||||
|
var $service_li = $(".service_container > div > ul > li");
|
||||||
|
|
||||||
|
var nowIdx = 0;
|
||||||
|
var oldIdx = nowIdx;
|
||||||
|
var headerIdx = 0;
|
||||||
|
var sectionTop = [];
|
||||||
|
|
||||||
|
$(".section").each(function(idx){
|
||||||
|
sectionTop[idx] = $(this).offset().top;
|
||||||
|
console.log("section", sectionTop[idx])
|
||||||
|
}); //section의 높이값 알아내기
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function nextIdx() {
|
||||||
|
if(nowIdx ==$mVisual_img.size()-1) {
|
||||||
|
nowIdx = 0;
|
||||||
|
}else {
|
||||||
|
nowIdx++;
|
||||||
|
}
|
||||||
|
}//nextIdx
|
||||||
|
|
||||||
|
function nextFnc() {
|
||||||
|
$mVisual_img.eq(nowIdx).stop().fadeIn(400);
|
||||||
|
$mVisual_img.eq(oldIdx).stop().fadeOut(400);
|
||||||
|
$mVisual_txt.eq(nowIdx).stop().fadeIn(400);
|
||||||
|
$mVisual_txt.eq(oldIdx).stop().fadeOut(400);
|
||||||
|
|
||||||
|
|
||||||
|
oldIdx = nowIdx;
|
||||||
|
}//nextFnc
|
||||||
|
|
||||||
|
function start() {
|
||||||
|
myInterval = setInterval(function(){
|
||||||
|
nextIdx();
|
||||||
|
nextFnc();
|
||||||
|
},4500)
|
||||||
|
$("#mVisual_txt li").css("display","block");
|
||||||
|
}//interval start
|
||||||
|
|
||||||
|
function restart() {
|
||||||
|
clearInterval(myInterval)
|
||||||
|
setTimeout(function(){
|
||||||
|
start();
|
||||||
|
},1)
|
||||||
|
}//clearInterval and start
|
||||||
|
|
||||||
|
|
||||||
|
//$mVisual.height($(window).height());
|
||||||
|
$(document).ready(function(){
|
||||||
|
// $("html, body").stop().animate({"scrollTop" : 0},400)
|
||||||
|
})//새로고침시 상단으로 이동
|
||||||
|
|
||||||
|
$(window).on("load resize", function(){
|
||||||
|
$mVisual.height($(window).height());
|
||||||
|
})// window load , resize fnc
|
||||||
|
|
||||||
|
$(window).on("load", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : 0},400)
|
||||||
|
$mainMnu.find("a").eq(nowIdx).addClass("on");
|
||||||
|
start();
|
||||||
|
$mVisual_img.hide().eq(nowIdx).show();
|
||||||
|
$mVisual_txt.hide().eq(nowIdx).show();
|
||||||
|
$indicator.eq(nowIdx).addClass("on");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(".mVisual_indicator").on({
|
||||||
|
"mouseover" : function(){
|
||||||
|
clearInterval(myInterval);
|
||||||
|
$(".mVisual_txt").stop().css({"background-color" : "rgba(0,0,0,0.8)"})
|
||||||
|
},
|
||||||
|
"mouseleave" : function(){
|
||||||
|
$(".mVisual_txt").stop().css({"background-color" : "rgba(0,0,0,0.6)"})
|
||||||
|
start();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})// window load fnc
|
||||||
|
|
||||||
|
$mVisual_prev_btn.on("click", function(){
|
||||||
|
|
||||||
|
|
||||||
|
restart();
|
||||||
|
|
||||||
|
if(nowIdx == 0) {
|
||||||
|
nowIdx = $mVisual_img.size()-1;
|
||||||
|
}else {
|
||||||
|
nowIdx--;
|
||||||
|
}
|
||||||
|
|
||||||
|
$mVisual_img.eq(nowIdx).stop().fadeIn(400);
|
||||||
|
$mVisual_img.eq(oldIdx).stop().fadeOut(400);
|
||||||
|
|
||||||
|
$mVisual_txt.eq(nowIdx).stop().fadeIn(400);
|
||||||
|
$mVisual_txt.eq(oldIdx).stop().fadeOut(400);
|
||||||
|
|
||||||
|
oldIdx = nowIdx;
|
||||||
|
|
||||||
|
})//end of $mVisual_prev_btn click
|
||||||
|
|
||||||
|
$mVisual_next_btn.on("click", function(){
|
||||||
|
|
||||||
|
//restart();
|
||||||
|
nextIdx();
|
||||||
|
nextFnc();
|
||||||
|
|
||||||
|
})//end of $mVisual_next_btn click
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(window).on("scroll", function(){
|
||||||
|
|
||||||
|
var scrollH = $(window).scrollTop();
|
||||||
|
|
||||||
|
if(scrollH >100) {
|
||||||
|
$(".upArrow").stop().fadeIn(400)
|
||||||
|
$("header").css({"background-color" : "#1e3571"})
|
||||||
|
}else {
|
||||||
|
$(".upArrow").stop().fadeOut(400)
|
||||||
|
$("header").css({"background-color" : "rgba(000,000,000,0.3)"})
|
||||||
|
}//위로 올라가기 나타남과 없어짐
|
||||||
|
|
||||||
|
// if(scrollH >sectionTop[1]-200) {
|
||||||
|
// $("header").css({"background" : "#2381e3"}) //rgba(000,000,000,0.5)
|
||||||
|
// }else {
|
||||||
|
// $("header").css({"background" : "none"})
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$mVisual.css({"opacity" : 1-(scrollH/900)})
|
||||||
|
|
||||||
|
for(i=0; i<5; i++) {
|
||||||
|
if(scrollH >= sectionTop[i]-320) {
|
||||||
|
$(".gnb > ul > li").eq(i).children().addClass("on").parent().siblings().children().removeClass("on");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
})// upArrow 나타내기
|
||||||
|
|
||||||
|
$(".upArrow").on("click", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : 0},400)
|
||||||
|
})//올라가기 위로
|
||||||
|
|
||||||
|
$(".downArrow").on("click", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : sectionTop[1]-70},600)
|
||||||
|
})//home에서 아래 화살표 클릭시 이동
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$("header").find(".headerM").on("click", function(){
|
||||||
|
headerIdx = $(".headerM").index($(this));
|
||||||
|
$("html, body").stop().animate({"scrollTop" : sectionTop[headerIdx]-70},600)
|
||||||
|
console.log("sectionTop", headerIdx)
|
||||||
|
e.preventDefault();
|
||||||
|
});//메인메뉴 클릭시 해당 section이동
|
||||||
|
|
||||||
|
var flag = false;
|
||||||
|
|
||||||
|
$(".gnb > ul > li").on("mouseover", function(){
|
||||||
|
!flag;
|
||||||
|
headerIdx = $(".headerM").index($(this));
|
||||||
|
$(".sub_bg").stop().slideDown(200);
|
||||||
|
$(".sub").eq(headerIdx-1).stop().slideDown(100);
|
||||||
|
if($(this).hasClass("hit")) {
|
||||||
|
flag = !flag;
|
||||||
|
$(".sub").hide();
|
||||||
|
$(".sub_bg").stop().slideUp(100);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
console.log("메뉴IDX", headerIdx)
|
||||||
|
})//메뉴 호버
|
||||||
|
|
||||||
|
$(".lang").on("click", function(){
|
||||||
|
$(this).find("ul").toggle();
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(".gnb > ul > li").on("mouseleave", function(){
|
||||||
|
$(".sub_bg").stop().slideUp(200);
|
||||||
|
$(".sub").hide();
|
||||||
|
|
||||||
|
console.log("메뉴IDX", headerIdx)
|
||||||
|
})//메뉴 호버
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$indicator.on("click", function(){
|
||||||
|
nowIdx = $indicator.index($(this));
|
||||||
|
|
||||||
|
$(".service_container").stop().animate({"left" :-(nowIdx*1200)},400)
|
||||||
|
|
||||||
|
$indicator.eq(nowIdx).addClass("on").siblings().removeClass("on");
|
||||||
|
|
||||||
|
})//service에 indicator 클릭시 fnc
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// $(".service_container li").on({
|
||||||
|
// "mouseenter" : function(){
|
||||||
|
// $(this).find(".topic").css({"color" : "#333"})
|
||||||
|
// $(this).find(".info").css({"opacity" : 1})
|
||||||
|
// },
|
||||||
|
// "mouseleave" : function(){
|
||||||
|
// $(this).find(".topic").css({"color" : "#fff"})
|
||||||
|
// $(this).find(".info").css({"opacity" : 0})
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
})//핸들러1
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
$(function(){
|
||||||
|
$(window).on("load", function(){
|
||||||
|
$(".topic_bg_info > ul").stop().animate({"padding-top" : "220px","opacity" : "1"},700)
|
||||||
|
$(".topic2_bg > ul").stop().animate({"padding-top" : "220px","opacity" : "1"},700)
|
||||||
|
$(".topic3_bg > ul").stop().animate({"padding-top" : "220px","opacity" : "1"},700)
|
||||||
|
})//
|
||||||
|
|
||||||
|
var nowIdx = 0;
|
||||||
|
var busArr=[];
|
||||||
|
|
||||||
|
$(".bs_section").each(function(idx){
|
||||||
|
busArr[idx] = $(this).offset().top;
|
||||||
|
console.log("높이값", busArr[idx])
|
||||||
|
})//사업영역의 해당 div의 높이값 구하기
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(".category > ul > li").on("click", function(){
|
||||||
|
nowIdx = $(".category > ul > li").index($(this));
|
||||||
|
|
||||||
|
$(".category > ul > li").eq(nowIdx).addClass("on").siblings().removeClass("on");
|
||||||
|
$("html, body").stop().animate({"scrollTop" : busArr[nowIdx]-22},400)
|
||||||
|
|
||||||
|
})//클릭시 색변경 및 이동
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
})
|
||||||
|
|
@ -0,0 +1,65 @@
|
||||||
|
$(function(){
|
||||||
|
var headerIdx = 0;
|
||||||
|
|
||||||
|
$(".downArrow").on("click", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : sectionTop[1]-70},600)
|
||||||
|
})//home에서 아래 화살표 클릭시 이동
|
||||||
|
|
||||||
|
$(".gnb > ul > li").on("mouseover", function(){
|
||||||
|
|
||||||
|
headerIdx = $(".headerM").index($(this));
|
||||||
|
$(".sub_bg").stop().slideDown(200);
|
||||||
|
$(".sub").eq(headerIdx-1).stop().slideDown(100);
|
||||||
|
if($(this).hasClass("hit")) {
|
||||||
|
|
||||||
|
$(".sub").hide();
|
||||||
|
$(".sub_bg").stop().slideUp(100);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
console.log("메뉴IDX", headerIdx)
|
||||||
|
})//메뉴 호버
|
||||||
|
|
||||||
|
$(".lang").on("click", function(){
|
||||||
|
$(this).find("ul").toggle();
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(".gnb > ul > li").on("mouseleave", function(){
|
||||||
|
$(".sub_bg").stop().slideUp(200);
|
||||||
|
$(".sub").hide();
|
||||||
|
|
||||||
|
console.log("메뉴IDX", headerIdx)
|
||||||
|
})//메뉴 호버
|
||||||
|
|
||||||
|
$(window).on("scroll", function(){
|
||||||
|
|
||||||
|
var scrollH = $(window).scrollTop();
|
||||||
|
|
||||||
|
if(scrollH >100) {
|
||||||
|
$(".upArrow").stop().fadeIn(400)
|
||||||
|
$("header").css({"background-color" : "#1e3571"})
|
||||||
|
}else {
|
||||||
|
$(".upArrow").stop().fadeOut(400)
|
||||||
|
$("header").css({"background-color" : "rgba(000,000,000,0.3)"})
|
||||||
|
}//위로 올라가기 나타남과 없어짐
|
||||||
|
|
||||||
|
// if(scrollH >sectionTop[1]-200) {
|
||||||
|
// $("header").css({"background" : "#2381e3"}) //rgba(000,000,000,0.5)
|
||||||
|
// }else {
|
||||||
|
// $("header").css({"background" : "none"})
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
})// upArrow 나타내기
|
||||||
|
|
||||||
|
$(".upArrow").on("click", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : 0},400)
|
||||||
|
})//올라가기 위로
|
||||||
|
})
|
||||||
|
|
@ -0,0 +1,171 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#" class="on">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic_bg_info" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>회사소개<span>CEO인사말</span></li>
|
||||||
|
<li>미래가치를 창조하는 선두자가 되겠습니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="ceo">
|
||||||
|
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">회사소개 <em>></em> <span><a href="#">CEO인사말</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
|
||||||
|
<div class="ceo_info">
|
||||||
|
<ul>
|
||||||
|
<li class="ceo_info_main">“미래가치를 창조하는 선두자가 되겠습니다.”</li>
|
||||||
|
<li>당사는 2018년 1월 5일 설립된 Supernova(초신성)과 같은 신생기업으로 방대한 공공 빅데이터와의 연계를 통해<br />
|
||||||
|
새롭고 유용한 공공 정보서비스를 개발하고 제공하고자합니다.</li>
|
||||||
|
<li>그리고 현재 운영 중인 공공 SOC CCTV 와 연계하여 Deep-learning 기반 영상 분석 솔루션을 개발하고 있습니다.</li>
|
||||||
|
<li>아울러 내일의 새로운 서비스를 위한 지속적인 연구개발을 통해 국가 SOC 관리시스템의 지능 정보화에 기여할 수 있는<br />
|
||||||
|
제4차 산업혁명 시대에 최적화된 ‘글로벌 공공기술 중심 기업’이 되고자 합니다. </li>
|
||||||
|
<li>또한 효율적이고 경제성 있는 솔루션을 개발 공급함으로서, 공공 SI 분야에서도 전문 솔루션 개발 기업으로서 입지를 강화하여<br />
|
||||||
|
다가오는 4차 산업혁명 시대에 차세대 기술 기반의 첨단 기업으로 도약하고자 합니다. </li>
|
||||||
|
<li>
|
||||||
|
마지막으로 기술을 통한 삶의 혁신과 번영을 지향하는 인간중심 사고의 HumanTechnology 기업으로,<br />
|
||||||
|
고객과 인간중심의 사고를 통해 저희 개발자가 스스로 진화하여 새로운 가치를 창출하고<br />
|
||||||
|
고객에게 인간적인 감동으로 다가갈 수 있는, 그런 살아있는 기업이 되고자 노력하겠습니다.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
앞으로 저희 (주)디비엔텍의 미래에 많은 관심과 성원 부탁드립니다.<br />
|
||||||
|
</li>
|
||||||
|
<li>감사합니다.</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of ceo_info-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of ceo-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,190 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#" class="on">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic_bg_info" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>회사소개<span>일반현황</span></li>
|
||||||
|
<li>자사의 일반현황을 확인할 수 있습니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="status">
|
||||||
|
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">회사소개 <em>></em> <span><a href="#">일반현황</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
|
||||||
|
<div class="status">
|
||||||
|
<ul>
|
||||||
|
<li class="status_info_main">
|
||||||
|
"(주)디비엔텍은 정보의 잠재적 가치를<br />
|
||||||
|
파악하여 높은 품질의 정보를 제공하는 IT전문 기업입니다."
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>회 사 명</span> <em>|</em> 주식회사 디비엔텍
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>자 본 금</span> <em>|</em> 100,000,000원
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>대표이사</span> <em>|</em> 최자영
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>설립일자</span> <em>|</em> 2018년 01월 05일
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>사업분야</span> <em>|</em> 공공 시스템구축(SI) 및 운영(ITO)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>본점소재지</span> <em>|</em> 인천광역시 부평구 백범로 478 종근당빌딩 206호
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>사업자등록번호</span> <em>|</em> 704-88-*****
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div><!--end of status-->
|
||||||
|
|
||||||
|
<div class="organiz">
|
||||||
|
|
||||||
|
<div class="inner">
|
||||||
|
<h2>조직도</h2>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><!--end of organiz -->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of ceo-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,200 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#" class="on">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic_bg_info" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>회사소개<span>연혁</span></li>
|
||||||
|
<li>자사의 연혁을 확인할 수 있습니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="since">
|
||||||
|
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">회사소개 <em>></em> <span><a href="#">연혁</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
|
||||||
|
<div class="since">
|
||||||
|
<ul>
|
||||||
|
<li class="status_info_main">
|
||||||
|
"보다 높이 도약하기위해 꾸준히 준비하고 있습니다."
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="since_info">
|
||||||
|
<h2>2018년 ~</h2>
|
||||||
|
<div class="january">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>1월</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dd>2018.01 <em>-</em> 법인설립, 주식회사 디비엔텍 설립(법인등록 : 120111 - *******)</dd>
|
||||||
|
<dd>2018.01 <em>-</em> 사업자등록 (북인천세무서 : 704 - 88 - *****)</dd>
|
||||||
|
<dd>2018.01 <em>-</em> 중소기업확인 인증 (중소기업청 : 0010 - 2018 - ****)</dd>
|
||||||
|
<dd>2018.01 <em>-</em> 소프트웨어 사업자 신고 (한국소프트웨어산업협회 : B18 - ******)</dd>
|
||||||
|
<dd>2018.01 <em>-</em> 직접생산증명 취득 (중소기업중앙회 : 제2018 - 0071 - *****)</dd>
|
||||||
|
<dd>2018.01 <em>-</em> 국가를 상대로 한 공공입찰 참가자격 등록</dd>
|
||||||
|
<dd>2018.01 <em>-</em> 연구개발 전담부서 인증 취득 (한국산업기술흥협회 : 제 2018150584)</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of January-->
|
||||||
|
<div class="february">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>2월</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dd>2018.02 <em>-</em> 여성기업확인 인증 취득(인천지방중소벤처기업청 : 제0116-2018-*****호)</dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of february-->
|
||||||
|
<div class="march">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>3월</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dd>2018.03 <em>-</em> 프로그램등록(머신러닝기반 빅데이터 분석 시스템)</dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of march -->
|
||||||
|
</div><!--end of since info -->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of class since-->
|
||||||
|
|
||||||
|
</div><!--end of #since-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,221 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#" class="on">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic_bg_info" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>회사소개<span>보유인증현황</span></li>
|
||||||
|
<li>자사의 보유인증현황을 확인할 수 있습니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="certificate">
|
||||||
|
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">회사소개 <em>></em> <span><a href="#">보유인증현황</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
|
||||||
|
<div class="certificate">
|
||||||
|
<ul>
|
||||||
|
<li class="status_info_main">
|
||||||
|
"보유한 인증서입니다."
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="certificate_info">
|
||||||
|
<div class="sect01">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img01</dt>
|
||||||
|
<dd>사업자등록증</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img02</dt>
|
||||||
|
<dd>SW사업자신고확인서</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img03</dt>
|
||||||
|
<dd>기업연구소 인정서</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of sect01 -->
|
||||||
|
<div class="sect02">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img04</dt>
|
||||||
|
<dd>직접생산확인증명서</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img05</dt>
|
||||||
|
<dd>중소기업확인서</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img06</dt>
|
||||||
|
<dd>경쟁입찰참가자격증등록</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="sect03">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img07</dt>
|
||||||
|
<dd>여성기업확인서</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>img04</dt>
|
||||||
|
<dd>프로그램등록증</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--end of since info -->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of class certificate-->
|
||||||
|
|
||||||
|
</div><!--end of #since-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,222 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
<!-- <script src="js/ai.js"></script> -->
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html" class="on">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic2_bg" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>사업영역</li>
|
||||||
|
<li>자사의 취급하는 사업영역입니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="business">
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">사업영역</span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
<div class="inner">
|
||||||
|
<h2>
|
||||||
|
변화의 흐름을 인지하며 적용하다
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
최신기술을 통해 고객에게 최고의 서비스와<br />
|
||||||
|
지속적인 유지보수를 통해 시스템의 안정성을 확보합니다
|
||||||
|
</p>
|
||||||
|
</div><!--end of inner-->
|
||||||
|
|
||||||
|
<div class="category">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="on">AI</li>
|
||||||
|
<li>BIGDATA</li>
|
||||||
|
<li>SOC</li>
|
||||||
|
<li>SI & ITO</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of category -->
|
||||||
|
<div class="business">
|
||||||
|
<div class="business_01 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>인공지능<span>AI</span></dt>
|
||||||
|
<dd>Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅</dd>
|
||||||
|
<dd>Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅</dd>
|
||||||
|
<dd>딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_02 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>공공 빅데이터<span>BigData</span></dt>
|
||||||
|
<dd>수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅</dd>
|
||||||
|
<dd>문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
<dd>공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_03 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>SOC 기술지원<span>Support</span></dt>
|
||||||
|
<dd>교통영상 처리 및 경비절감 지원</dd>
|
||||||
|
<dd>지역 상황 모니터링 및 경비절감 지원</dd>
|
||||||
|
<dd>SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_04 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>시스템 구축 및 운영<span>SI & ITO</span></dt>
|
||||||
|
<dd>금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)</dd>
|
||||||
|
<dd>Network 및 영상 통합 보안 관제 서비스</dd>
|
||||||
|
<dd>Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--end of class certificate-->
|
||||||
|
|
||||||
|
</div><!--end of #since-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,230 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
<!-- <script src="js/ai.js"></script> -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(function(){
|
||||||
|
$(window).on("load", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : 800},700)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html" class="on">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic2_bg" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>사업영역</li>
|
||||||
|
<li>자사의 취급하는 사업영역입니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="business">
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">사업영역 <em>></em> <span><a href="#">인공지능</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
<div class="inner">
|
||||||
|
<h2>
|
||||||
|
변화의 흐름을 인지하며 적용하다
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
최신기술을 통해 고객에게 최고의 서비스와<br />
|
||||||
|
지속적인 유지보수를 통해 시스템의 안정성을 확보합니다
|
||||||
|
</p>
|
||||||
|
</div><!--end of inner-->
|
||||||
|
|
||||||
|
<div class="category">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="on">AI</li>
|
||||||
|
<li>BIGDATA</li>
|
||||||
|
<li>SOC</li>
|
||||||
|
<li>SI & ITO</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of category -->
|
||||||
|
<div class="business">
|
||||||
|
<div class="business_01 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>인공지능<span>AI</span></dt>
|
||||||
|
<dd>Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅</dd>
|
||||||
|
<dd>Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅</dd>
|
||||||
|
<dd>딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_02 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>공공 빅데이터<span>BigData</span></dt>
|
||||||
|
<dd>수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅</dd>
|
||||||
|
<dd>문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
<dd>공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_03 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>SOC 기술지원<span>Support</span></dt>
|
||||||
|
<dd>교통영상 처리 및 경비절감 지원</dd>
|
||||||
|
<dd>지역 상황 모니터링 및 경비절감 지원</dd>
|
||||||
|
<dd>SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화</dd>
|
||||||
|
<dd>공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_04 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>시스템 구축 및 운영<span>SI & ITO</span></dt>
|
||||||
|
<dd>금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)</dd>
|
||||||
|
<dd>Network 및 영상 통합 보안 관제 서비스</dd>
|
||||||
|
<dd>Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--end of class certificate-->
|
||||||
|
|
||||||
|
</div><!--end of #since-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,228 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(function(){
|
||||||
|
$(window).on("load", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : 1257},700)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html" class="on">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic2_bg" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>사업영역</li>
|
||||||
|
<li>자사의 취급하는 사업영역입니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="business">
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">사업영역 <em>></em> <span><a href="#">빅데이터</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
<div class="inner">
|
||||||
|
<h2>
|
||||||
|
변화의 흐름을 인지하며 적용하다
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
최신기술을 통해 고객에게 최고의 서비스와<br />
|
||||||
|
지속적인 유지보수를 통해 시스템의 안정성을 확보합니다
|
||||||
|
</p>
|
||||||
|
</div><!--end of inner-->
|
||||||
|
|
||||||
|
<div class="category">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>AI</li>
|
||||||
|
<li class="on">BIGDATA</li>
|
||||||
|
<li>SOC</li>
|
||||||
|
<li>SI & ITO</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of category -->
|
||||||
|
<div class="business">
|
||||||
|
<div class="business_01 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>인공지능<span>AI</span></dt>
|
||||||
|
<dd>Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅</dd>
|
||||||
|
<dd>Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅</dd>
|
||||||
|
<dd>딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_02 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>공공 빅데이터<span>BigData</span></dt>
|
||||||
|
<dd>수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅</dd>
|
||||||
|
<dd>문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
<dd>공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_03 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>SOC 기술지원<span>Support</span></dt>
|
||||||
|
<dd>교통영상 처리 및 경비절감 지원</dd>
|
||||||
|
<dd>지역 상황 모니터링 및 경비절감 지원</dd>
|
||||||
|
<dd>SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화</dd>
|
||||||
|
<dd>공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_04 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>시스템 구축 및 운영<span>SI & ITO</span></dt>
|
||||||
|
<dd>금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)</dd>
|
||||||
|
<dd>Network 및 영상 통합 보안 관제 서비스</dd>
|
||||||
|
<dd>Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--end of class certificate-->
|
||||||
|
|
||||||
|
</div><!--end of #since-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,229 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(function(){
|
||||||
|
$(window).on("load", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : 2217},700)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html" class="on">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic2_bg" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>사업영역</li>
|
||||||
|
<li>자사의 취급하는 사업영역입니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="business">
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">사업영역 <em>></em> <span><a href="#">시스템 구축 및 운영</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
|
||||||
|
<div class="inner">
|
||||||
|
<h2>
|
||||||
|
변화의 흐름을 인지하며 적용하다
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
최신기술을 통해 고객에게 최고의 서비스와<br />
|
||||||
|
지속적인 유지보수를 통해 시스템의 안정성을 확보합니다
|
||||||
|
</p>
|
||||||
|
</div><!--end of inner-->
|
||||||
|
|
||||||
|
<div class="category">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>AI</li>
|
||||||
|
<li>BIGDATA</li>
|
||||||
|
<li>SOC</li>
|
||||||
|
<li class="on">SI & ITO</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of category -->
|
||||||
|
<div class="business">
|
||||||
|
<div class="business_01 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>인공지능<span>AI</span></dt>
|
||||||
|
<dd>Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅</dd>
|
||||||
|
<dd>Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅</dd>
|
||||||
|
<dd>딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_02 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>공공 빅데이터<span>BigData</span></dt>
|
||||||
|
<dd>수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅</dd>
|
||||||
|
<dd>문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
<dd>공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_03 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>SOC 기술지원<span>Support</span></dt>
|
||||||
|
<dd>교통영상 처리 및 경비절감 지원</dd>
|
||||||
|
<dd>지역 상황 모니터링 및 경비절감 지원</dd>
|
||||||
|
<dd>SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화</dd>
|
||||||
|
<dd>공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_04 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>시스템 구축 및 운영<span>SI & ITO</span></dt>
|
||||||
|
<dd>금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)</dd>
|
||||||
|
<dd>Network 및 영상 통합 보안 관제 서비스</dd>
|
||||||
|
<dd>Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--end of class certificate-->
|
||||||
|
|
||||||
|
</div><!--end of #since-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,228 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(function(){
|
||||||
|
$(window).on("load", function(){
|
||||||
|
$("html, body").stop().animate({"scrollTop" : 1745},700)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html" class="on">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic2_bg" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>사업영역</li>
|
||||||
|
<li>자사의 취급하는 사업영역입니다</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="business">
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">사업영역 <em>></em> <span><a href="#">기술지원</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
<div class="inner">
|
||||||
|
<h2>
|
||||||
|
변화의 흐름을 인지하며 적용하다
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
최신기술을 통해 고객에게 최고의 서비스와<br />
|
||||||
|
지속적인 유지보수를 통해 시스템의 안정성을 확보합니다
|
||||||
|
</p>
|
||||||
|
</div><!--end of inner-->
|
||||||
|
|
||||||
|
<div class="category">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>AI</li>
|
||||||
|
<li>BIGDATA</li>
|
||||||
|
<li class="on">SOC</li>
|
||||||
|
<li>SI & ITO</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of category -->
|
||||||
|
<div class="business">
|
||||||
|
<div class="business_01 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>인공지능<span>AI</span></dt>
|
||||||
|
<dd>Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅</dd>
|
||||||
|
<dd>Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅</dd>
|
||||||
|
<dd>딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_02 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>공공 빅데이터<span>BigData</span></dt>
|
||||||
|
<dd>수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅</dd>
|
||||||
|
<dd>문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
<dd>공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_03 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li>img01</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<dt>SOC 기술지원<span>Support</span></dt>
|
||||||
|
<dd>교통영상 처리 및 경비절감 지원</dd>
|
||||||
|
<dd>지역 상황 모니터링 및 경비절감 지원</dd>
|
||||||
|
<dd>SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화</dd>
|
||||||
|
<dd>공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="business_04 bs_section">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li style="float : right;">img01</li>
|
||||||
|
<li class="pos_right">
|
||||||
|
<dl>
|
||||||
|
<dt>시스템 구축 및 운영<span>SI & ITO</span></dt>
|
||||||
|
<dd>금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영</dd>
|
||||||
|
<dd>앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)</dd>
|
||||||
|
<dd>Network 및 영상 통합 보안 관제 서비스</dd>
|
||||||
|
<dd>Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--end of class certificate-->
|
||||||
|
|
||||||
|
</div><!--end of #since-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,162 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=10">
|
||||||
|
<title>디비엔텍</title>
|
||||||
|
<link rel="stylesheet" href="css/reset.css">
|
||||||
|
<link rel="stylesheet" href="css/common.css">
|
||||||
|
<link rel="stylesheet" href="css/sub.css">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<link rel="shortcut icon" href="images/favicon.ico">
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||||
|
<script src="js/sub_fnc.js"></script>
|
||||||
|
<script src="js/move.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="wrap">
|
||||||
|
<p class="upArrow"></p>
|
||||||
|
<header>
|
||||||
|
<div class="inner">
|
||||||
|
<h1><a href="/index.html">logo</a></h1>
|
||||||
|
<div class="gnb">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li class="headerM hit">
|
||||||
|
<a href="/index.html">홈</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#" class="on">회사소개</a>
|
||||||
|
<div class="sub sub01">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub01_1.html">인사말</a></li>
|
||||||
|
<li><a href="/sub01_2.html">일반현황</a></li>
|
||||||
|
<li><a href="/sub01_3.html">연혁</a></li>
|
||||||
|
<li><a href="/sub01_4.html">보유인증현황</a></li>
|
||||||
|
<li><a href="/sub01_5.html">연구개발</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="/sub02.html">사업영역</a>
|
||||||
|
<div class="sub sub02">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/sub02_Ai.html">인공지능</a></li>
|
||||||
|
<li><a href="/sub02_Bigdata.html">공공빅데이터</a></li>
|
||||||
|
<li><a href="/sub02_Soc.html">기술지원</a></li>
|
||||||
|
<li><a href="/sub02_Si_Ito.html">시스템구축 및 운영</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="headerM">
|
||||||
|
<a href="#">오시는길</a>
|
||||||
|
<div class="sub sub04">
|
||||||
|
<div class="subcontainer">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="./sub03.html">문의사항</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of subcontainer-->
|
||||||
|
</div><!--end of sub-->
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<div class="lang">
|
||||||
|
언어
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">한국어</a></li>
|
||||||
|
<li><a href="#">ENG</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div><!--gnb end-->
|
||||||
|
</div><!--inner end-->
|
||||||
|
<div class="sub_bg"></div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="topic_bg">
|
||||||
|
|
||||||
|
<div class="topic3_bg" style="cursor:default;">
|
||||||
|
<ul>
|
||||||
|
<li>오시는길<span>문의사항</span></li>
|
||||||
|
<li>궁금하신점이 있다면 편하게 물어보세요</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of topic_bg_info-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of topic_bg -->
|
||||||
|
|
||||||
|
<div id="faq">
|
||||||
|
|
||||||
|
<div class="index_tap">
|
||||||
|
<p style="cursor:default;">오시는길 <em>></em> <span><a href="#">문의사항</a></span></p>
|
||||||
|
</div><!--end of index_tap-->
|
||||||
|
|
||||||
|
<div class="faq_info">
|
||||||
|
<ul>
|
||||||
|
<li class="faq_info_main">궁금하신점을 편하게 질문해보세요”</li>
|
||||||
|
<li>
|
||||||
|
<span>전화번호</span> <em>|</em> 032 - 721 - 5670<br />
|
||||||
|
</li>
|
||||||
|
<li><span>이메일</span> <em>|</em> admin@dbnt.co.kr</li>
|
||||||
|
<li><span>위치</span> <em>|</em> 21453 인천시 부평구 백범로 478, 종근당빌딩 206호</li>
|
||||||
|
<li>감사합니다.</li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of faq_info-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end of faq-->
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="inner clearfix">
|
||||||
|
<h1>f_logo</h1>
|
||||||
|
<address>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_1</dt> -->
|
||||||
|
<dd>Email <a href="mailto:pks@dbnt.co.kr">pks@dbnt.co.kr</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_2</dt> -->
|
||||||
|
<dd>Tel <a href="tel:032-721-5670">032.721.5670</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<dl>
|
||||||
|
<!-- <dt>f_icon_3</dt> -->
|
||||||
|
<dd>Location <a href="https://map.naver.com/local/siteview.nhn?code=16895530" target="_blank">21453 인천시 부평구 백범로 478,<br / /> 종근당빌딩 206호</a></dd>
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</address>
|
||||||
|
<div class="f_nav">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<li><a href="/index.html">홈</a></li>
|
||||||
|
<li><a href="/sub01_1.html">회사소개</a></li>
|
||||||
|
<li><a href="/sub02.html">사업영역</a></li>
|
||||||
|
<li><a href="/sub03.html">오시는길</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!--end of f_nav-->
|
||||||
|
|
||||||
|
<div class="copyright">
|
||||||
|
Copyright 2018. DBNtech all rights reserved
|
||||||
|
</div><!--end of copyright -->
|
||||||
|
</div><!--end of inner -->
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div><!--wrap end -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue