giteadmin
/
dbnt.co.kr2018
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Init

main
thkim 2025-12-30 14:54:04 +09:00
commit 67e5ad146e
98 changed files with 6893 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
6fd91121428203.5630110ad6551.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 546 KiB

BIN
DBNT.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/common.scssc Normal file
View File

Binary file not shown.

BIN
css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/style.scssc Normal file
View File

Binary file not shown.

BIN
css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/sub.scssc Normal file
View File

Binary file not shown.

BIN
css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/common.scssc Normal file
View File

Binary file not shown.

BIN
css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/sub.scssc Normal file
View File

Binary file not shown.

907
css/common.css Normal file
View File

@ -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 */

7
css/common.css.map Normal file
View File

File diff suppressed because one or more lines are too long

1370
css/common.scss Normal file
View File

File diff suppressed because it is too large Load Diff

48
css/reset.css Normal file
View File

@ -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;
}

466
css/style.css Normal file
View File

@ -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 */

7
css/style.css.map Normal file
View File

File diff suppressed because one or more lines are too long

787
css/style.scss Normal file
View File

@ -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

151
css/sub.css Normal file
View File

@ -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 */

7
css/sub.css.map Normal file
View File

@ -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"
}

234
css/sub.scss Normal file
View File

@ -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

BIN
home_v2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
images/ai2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 846 KiB

BIN
images/bg_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 891 KiB

BIN
images/bg_quote.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
images/bigdata.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 276 KiB

BIN
images/bus_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 572 KiB

BIN
images/business_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
images/business_ai.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
images/business_ai2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
images/ceo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 672 KiB

BIN
images/ceo_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 KiB

BIN
images/certificate_01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
images/certificate_02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
images/certificate_03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
images/certificate_04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
images/certificate_05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
images/certificate_06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
images/certificate_07.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 349 KiB

BIN
images/certificate_08.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 911 KiB

BIN
images/company.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
images/company_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/company_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
images/company_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
images/f_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/f_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
images/f_icon_location.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
images/f_icon_mail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
images/f_icon_tel.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
images/f_right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 928 B

BIN
images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

BIN
images/gaelle-marcel-8992.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
images/house.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
images/icon_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
images/icon_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
images/icon_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
images/icon_4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
images/icon_5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
images/icon_6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
images/icon_7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
images/img01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 340 KiB

BIN
images/intro.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
images/logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
images/logo_r.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/mVisual01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
images/mVisual02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 595 KiB

BIN
images/mVisual03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
images/mVisual04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
images/mVisual06.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 310 KiB

BIN
images/mVisual07.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 943 KiB

BIN
images/mVisual08.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
images/next_btn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/next_btn_hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/one.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
images/organiz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
images/pattern.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 319 KiB

BIN
images/prev_btn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/prev_btn_hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/q_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
images/question.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 528 KiB

BIN
images/question2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 615 KiB

BIN
images/service_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/si.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 243 KiB

BIN
images/soc.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 681 KiB

BIN
images/topic05_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

BIN
images/topic_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

480
index.html Normal file
View File

@ -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>

239
js/function.js Normal file
View File

@ -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

32
js/move.js Normal file
View File

@ -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)
})//클릭시 색변경 및 이동
})

65
js/sub_fnc.js Normal file
View File

@ -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)
})//올라가기 위로
})

171
sub01_1.html Normal file
View File

@ -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>

190
sub01_2.html Normal file
View File

@ -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>

200
sub01_3.html Normal file
View File

@ -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>

221
sub01_4.html Normal file
View File

@ -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>

222
sub02.html Normal file
View File

@ -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>

230
sub02_Ai.html Normal file
View File

@ -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>

228
sub02_Bigdata.html Normal file
View File

@ -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>

229
sub02_Si_Ito.html Normal file
View File

@ -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>

228
sub02_Soc.html Normal file
View File

@ -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>

162
sub03.html Normal file
View File

@ -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>

12
test.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
반가워요
</body>
</html>