commit 67e5ad146e89282c75c7e50376077fc3a3a2ef88 Author: thkim Date: Tue Dec 30 14:54:04 2025 +0900 Init diff --git a/6fd91121428203.5630110ad6551.jpg b/6fd91121428203.5630110ad6551.jpg new file mode 100644 index 0000000..690a02f Binary files /dev/null and b/6fd91121428203.5630110ad6551.jpg differ diff --git a/DBNT.png b/DBNT.png new file mode 100644 index 0000000..b529008 Binary files /dev/null and b/DBNT.png differ diff --git a/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/common.scssc b/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/common.scssc new file mode 100644 index 0000000..c425ff6 Binary files /dev/null and b/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/common.scssc differ diff --git a/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/style.scssc b/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/style.scssc new file mode 100644 index 0000000..fe356c0 Binary files /dev/null and b/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/style.scssc differ diff --git a/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/sub.scssc b/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/sub.scssc new file mode 100644 index 0000000..a804458 Binary files /dev/null and b/css/.sass-cache/4fd861cfc357d7f58a80476b8f04cd8baa554a83/sub.scssc differ diff --git a/css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/common.scssc b/css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/common.scssc new file mode 100644 index 0000000..a891a45 Binary files /dev/null and b/css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/common.scssc differ diff --git a/css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/sub.scssc b/css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/sub.scssc new file mode 100644 index 0000000..50dcfb4 Binary files /dev/null and b/css/.sass-cache/6bcef5b4e2e9144ba9e00853a5a8b030079bc47a/sub.scssc differ diff --git a/css/common.css b/css/common.css new file mode 100644 index 0000000..5041907 --- /dev/null +++ b/css/common.css @@ -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 */ diff --git a/css/common.css.map b/css/common.css.map new file mode 100644 index 0000000..5926047 --- /dev/null +++ b/css/common.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["common.scss"], +"names": [], +"file": "common.css" +} \ No newline at end of file diff --git a/css/common.scss b/css/common.scss new file mode 100644 index 0000000..97c5e15 --- /dev/null +++ b/css/common.scss @@ -0,0 +1,1370 @@ +$point-color : #263d78; +$point-color2 : #ffc700; + +.clearfix { + *zoom : 1; + + &:after { + display: block; + clear: both; + content: ''; + }//end of clearfix:after +}//end of clearfix + +.sr_only { + position: absolute; + left: -99999px; +}//end of sr_only + +.inner { + width: 1200px; + margin: 0 auto; +}//end of inner + + +#wrap { + width: 100%; + background-color: #f1f1f1; + +}//end of #wrap + +.upArrow { + display: none; + position: fixed; + bottom : 50px; + right : 50px; + width: 40px; + height: 40px; + background-color: $point-color; + border-radius: 50px; + cursor: pointer; + z-index: 9000; + + &:after { + position: absolute; + top: 10px; + left: 50%; + width: 2px; + height: 22px; + background-color: #fff; + content: ''; + }//end of :after + + &:before { + position: absolute; + transform: rotate(45deg); + top: 10px; + left: 40%; + width: 2px; + height: 10px; + background-color: #fff; + content: ''; + }//end of :before +}//end of upArrow + +body { + overflow-x: hidden; +}//end of body + +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,.2); +} +::-webkit-scrollbar-thumb { + height: 50px; + width: 50px; + background: rgba(0,0,0,.2); + -webkit-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); +} + + +/*------- standard set -----------*/ + + +header { + position: fixed; + top: 0; + width: 100%; + height: 70px; + background-color: rgba(000,000,000,0.3); + // background-color: rgba(35, 129, 227, 0.8); + z-index: 99999; + transition: .3s; + + >.inner { + position: relative; + //background-color: pink; + + >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%; + + + >a { + display: block; + width: 100%; + height: 100%; + } + + }//end of h1 + + >.gnb { + position: absolute; + right: 0; + width: 500px; + + + >ul { + >li { + float: left; + width: 100px; + //background-color: red; + + + >a { + display: block; + height: 70px; + font-size: 15px; + font-weight: 600; + color: rgba(255,255,255,0.6); + line-height: 70px; + text-align: center; + + &.on { + color: rgba(255,255,255,1); + } + + &:hover { + color: rgba(255,255,255,1); + } + + + + + + }//end of a + + >.sub { + position: absolute; + bottom: -40px; + width: 100%; + //background-color: red; + z-index: 5000; + display: none; + + &.sub01 { + + position: absolute; + left: 0; + //background-color: red; + + >.subcontainer >ul { + margin-left: 30px; + > li { + margin-left: 20px; + }//end of li + }//end of ul + + } + &.sub02 { + + position: absolute; + left: 0; + //background-color: orange; + + >.subcontainer >ul > li { + margin-left: 20px; + }//end of li + } + &.sub03 { + + position: absolute; + left: 0; + //background-color: lightblue; + + >.subcontainer >ul > li { + margin-left: 70px; + }//end of li + } + &.sub04 { + + position: absolute; + left: 0; + //background-color: green; + + >.subcontainer >ul { + margin-left: 300px; + + > li { + margin-left: 20px; + }//end of li + }//end of ul + } + + >.subcontainer { + //background-color: rgba(0,0,0,0.5); + + + >ul >li { + height: 40px; + line-height: 40px; + float: left; + font-size: 16px; + margin-left: 20px; + + >a { + display: block; + font-weight: 600; + color: #333; + + &:hover { + color: $point-color2; + } + } + + }//end of ul li + }//end of subcontainer + + }//end of sub + + }//end of li + }//end of ul + + .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; + // background-color: green; + + &:hover { color: rgba(255,255,255,1)} + + >ul { + display: none; + width: 100%; + background-color: rgba(000,000,000,0.5); + + >li { + line-height: 40px; + + &:hover a { + color: $point-color2; + } + >a { + color: #fff; + } + } + } + + }//end of lang + }//end of gnb + }//end of inner + >.sub_bg { + display: none; + position: absolute; + top: 70px; + width: 100%; + height: 40px; + background-color: rgba(255, 255, 255, 1); + border-bottom: 1px solid #eee; + } +}//end of header + +#mVisual { + position: relative; + overflow: hidden; + width: 100%; + height: 100vh; + + >.mVisual_img { + width: 100%; + height: 100%; + z-index: -1; + + >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%; + + &:nth-child(1) { + background-image: url(../images/img01.jpg); + + + }//end of li:nth-child(1) + + &:nth-child(2) { + background-image: url(../images/mVisual02.jpg); + background-position: 50% 80%; + + }//end of li:nth-child(1) + + &:nth-child(3) { + background-image: url(../images/mVisual08.jpg); + //background-position: 100% 0; + + }//end of li:nth-child(1) + + &:nth-child(4) { + background-image: url(../images/mVisual04.jpg); + + }//end of li:nth-child(1) + + }//end of li + }//end of ul + }//end of mVisual_img + + >.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; + + >ul { + //padding-top: -200px; + + >li { + position: absolute; + top: 50%; + left: 50%; + width: 100%; + height: 100%; + transform: translate(-50%, -30%); + height: 100%; + text-align: center; + + >dl { + + >dt { + position: relative; + margin-bottom: 25px; + font-size: 35px; + font-weight: 600; + color: #fff; + + &:after { + position: absolute; + bottom: -15px; + left: 50%; + transform: translateX(-50%); + width: 120px; + height: 3px; + background-color: $point-color2; + content: ''; + }//end of dt :after + }//end of dt + + >dd { + letter-spacing: 2px; + line-height: 1.4em; + font-size: 16px; + color: #fff; + }//end of dd + }//end of dl + + }//end of li + }//end of ul + }//end of mVisual_txt + + >.mVisual_indicator { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 600px; + height: 200px; + z-index: 6000; + + &:after { + position: absolute; + bottom: 24px; + right: 54px; + width: 6px; + height: 6px; + background-color: $point-color2; + border-radius: 5px; + content: ''; + }//end of mVisual_indicator:after (dot) + + + >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_prev_btn { + background-image: url(../images/prev_btn.png); + right:80px; + + &:hover { + background-image: url(../images/prev_btn_hover.png); + }//end of hover + }//end of prev + + &.mVisual_next_btn { + background-image: url(../images/next_btn.png); + right: 20px; + + &:hover { + background-image: url(../images/next_btn_hover.png); + }//end of hover + + }//end of prev + }//end of p + }//end of mVisual_indicator + + >.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 .9s infinite ; + + }//end of downArrow +}//end of #mVisual + + +#company { + position: relative; + width: 100%; + + + >.inner { + + >h3 { + position: relative; + padding: 50px 0 0; + font-weight: 600; + text-align: center; + color: #222; + text-transform: uppercase; + + &:after { + position: absolute; + bottom: -20px; + left: 50%; + transform: translateX(-50%); + font-size: 13px; + font-weight: 800; + color: $point-color; + letter-spacing: -0.5px; + content: "company Status"; + }//end of :after + }//end of h3 + + + >.company_img { + //float: left; + 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; + //background-color: rgba(190, 116, 15, 0.76) + }//end of company_img + + >.company_intro { + + margin : 50px 0 50px; + text-align: left; + font-size: 16px; + font-weight: 500; + line-height: 1.9em; + + + >.company_l { + position: relative; + float: left; + width: 600px; + margin-top: 25px; + text-align: right; + + &:after { + position: absolute; + top: -23px; + right : 0; + width: 2px; + height: 240px; + background-color: #ddd; + content: ''; + } + + >ul { + padding-right: 30px; + + >li { + + >dl{ + >dt { + font-size: 17px; + + color: rgb(108, 108, 108); + } + >dd { + font-size: 27px; + font-weight: 900; + color: $point-color; + + } + } + + }//end of li + }//end of ul + + >ol { + font-size: 16px; + margin-top: 35px; + padding-right: 30px; + font-weight: 600; + + >li { + line-height: 1.7em; + >dl { + >dd { + >em { + color: #eeba01; + } + } + } + } + }//end of ol + + + }//end of company_l + + >.company_r { + float: left; + width: 600px; + text-align: left; + + >ul { + padding-left: 30px; + height: 260px; + //background-color: red; + + >li { + margin-bottom: 10px; + width: 200px; + background-color: $point-color; + border-radius: 6px; + transition: .2s; + height: 40px; + + >a { + display: block; + padding-left: 10px; + font-weight: 500; + font-size: 16px; + letter-spacing: 1px; + line-height: 38px; + height: 42px; + color: #fff; + transition: .2s; + }//end of a + + &:hover { + background-color: #f1f1f1; + border: 1px solid $point-color; + box-sizing: border-box; + border-radius: 6px; + + } + + &:hover a { + color: $point-color; + //font-size: 18PX; + font-weight: 600; + } + }//end of li + }//end of ul + + }//end of company_l + + + }//end of company_intro + + /* >.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 + + */ + + + + + }//end of inner +}//end of #company + +#service { + margin-top: 20px; + width: 100%; + height: 600px; + //background-image: url(../images/one.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: 50% 70%; + //background-color: #d6b179;/*#71a8bc*//*ffb636*/ + + >.inner { + position: relative;/*indicator position*/ + + + >h3 { + position: relative; + padding: 50px 0 0; + font-weight: 600; + text-align: center; + color: #333; + text-transform: uppercase; + + &:after { + position: absolute; + bottom: -20px; + left: 50%; + transform: translateX(-50%); + font-size: 15px; + font-weight: 800; + color: $point-color; + letter-spacing: 0px; + content: "BUSINESS AREA"; + }//end of :after + }//end of h3 + + >.service_box { + position: relative;/*service_container position*/ + overflow: hidden; + width: 1200px; + height: 402px; + margin: 50px auto 0; + //background-color: green; + + >.service_container { + position: absolute; + top: 1px; + left: 0; + width: 5000px; + + >div { + float: left; + width: 1200px; + height: 100%; + + >ul { + width: 1200px; + margin: 0 auto; + //background-color: lightblue; + + >li { + position: relative; + float: left; + margin-left: 20px; + width: 275px; + height: 370px; + transition: .5s; + background-color: #fff; + border-radius: 5px; + //outline: 1px solid #555; + //background-color: pink; + + &:after { + opacity: 0; + position: absolute; + top: 5px; + left: 5px; + width: 260px; + height: 360px; + border: 2px solid $point-color; + transition: .3s; + content: ''; + } + + + + &:hover:after {opacity: 1;} + + + + >dl { + >dt { + margin: 50px auto 0px; + width: 120px; + height: 120px; + //background-image: url(../images/service_bg.png); + background-position: 50% 50%; + background-size: contain; + background-repeat: no-repeat; + transition: .4s; + //background-color: green; + + >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; + }//end of p + }//end of dt + + >.topic { + margin: 0px 0; + width: 100%; + height: 33px; + font-size: 18px; + font-weight: 700; + text-align: center; + line-height: 30px; + transition: .6s; + color: #222; + //background-color: gray; + }//end of topic + + >.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; + //background-color: orange; + }//end of info + + >.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: $point-color; + z-index: 4000; + + >a { + display: block; + color: #fff; + } + }//end of more + + }//end of dl + + }//end of li + }//end of ul + }//end of div style + + >.service_1 { + //background-color: red; + >ul >li{ + &:nth-child(1) p {background-image: url(../images/icon_4.png);} + &:nth-child(2) p {background-image: url(../images/icon_2.png);} + &:nth-child(3) p {background-image: url(../images/icon_1.png);} + &:nth-child(4) p {background-image: url(../images/icon_7.png);} + }//end of serivce_1 icon images + }//end of service_1 + + >.service_2 { + display: none; + //background-color: green; + + >ul >li { + background-size: 20%; + // &:nth-child(1) p {background-image: url(../images/icon_2.png);} + //&:nth-child(1) p {background-image: url(../images/icon_5.png);} + //&:last-child {display: none;} + } + }//end of service_2 + + + }//end of service_container + + + }//end of service_box + + >.service_indicator { + position: absolute; + bottom: -35px; + left: 50%; + transform: translateX(-50%); + width: 100px; + height: 20px; + //background-color: orange; + + >ul { + + >li { + float: left; + margin-left: 20px; + width: 20px; + height: 20px; + background-color: #333; + border-radius: 20px; + cursor: pointer; + + &.on { + background-color: #fff; + }//end of .on + }//end of li + }//end of ul + }//end of service_indicator + + >.service_RL_btn { + position: absolute; + top: 50%; + width: 100%; + + >p { + position: absolute; + top: 0; + width: 40px; + height: 40px; + text-indent: -99999px; + //background-color: red; + cursor: pointer; + }//end of p + + >.prev { + position: absolute; + left: -20px; + + &:after { + position: absolute; + top: 25%; + left: -10px; + transform: rotate(-45deg); + width: 25px; + height: 2px; + background-color: $point-color; + content: ''; + }//prev + &:before { + position: absolute; + bottom: 25%; + left: -10px; + transform: rotate(45deg); + width: 25px; + height: 2px; + background-color: $point-color; + content: ''; + }//prev + }//end of prev + >.next { + position: absolute; + right: -20px; + + &:after { + position: absolute; + top: 25%; + left: 25px; + transform: rotate(45deg); + width: 25px; + height: 2px; + background-color: $point-color; + content: ''; + } + &:before { + position: absolute; + bottom: 25%; + left: 25px; + transform: rotate(-45deg); + width: 25px; + height: 2px; + background-color: $point-color; + content: ''; + } + }//end of next + }//end of service_RL_btn + }//end of inner +}//end of service + +#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; + + >.inner { + padding-top: 90px; + + >ul { + width: 100%; + height: 100px; + //background-color: pink; + + >li { + width: 300px; + float: left; + text-align: center; + color: #fff; + font-size: 20px; + //font-weight: 600; + + &:nth-child(1) { + margin-left: 150px; + } + + &:nth-child(2) { + position: relative; + + &:after { + position: absolute; + top: 50%; + left: 0; + width: 1px; + height: 15px; + background-color: #888; + content: ''; + } + + &:before { + position: absolute; + top: 50%; + right: 0; + width: 1px; + height: 15px; + background-color: #888; + content: ''; + } + + >dl>dt { + letter-spacing: -3px; + } + } + + + >dl { + + >dt { + font-size: 40px; + font-weight: 500; + color: $point-color2; + margin-bottom: 10px; + + >span { + font-size: 17px; + } + + }//end of dt + >dd { + font-size: 17px; + }//end of dd + } + }//end of li + }//end of ul + }//end of inner +}//end of company_m_info + +#partner { + width: 100%; + height: 400px; + background-repeat: no-repeat; + background-position: 90% 50%; + + >h3 { + + padding: 50px 0 0; + font-weight: 600; + text-align: center; + color: #222; + text-transform: uppercase; + + + }//end of h3 + + >.inner { + + >ul { + margin: 60px auto 0; + width: 500px; + height: 100px; + background-color: green; + + >li { + float: left; + width: 20%; + height: 100%; + background-color: pink; + } + }//end of ul + + >ol { + margin: 10px auto 0; + width: 500px; + height: 100px; + background-color: green; + + >li { + float: left; + width: 33.33%; + height: 100%; + background-color: pink; + } + } + }//end of inner + + +}//end of research + + + +#contact { + width: 100%; + height: 600px; + background-color: $point-color; + + >h3 { + position: relative; + padding: 50px 0 0; + font-weight: 600; + text-align: center; + color: #fff; + text-transform: uppercase; + + &: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"; + }//end of :after + }//end of h3 + + >.mapContainer { + width: 600px; + height: 300px; + margin: 60px auto 40px; + + >.map>iframe { + width : 600px; + height : 300px; + frameborder : 0; + border : 0 allowfullscreen; + } + }//end of mapContainer + + >.mapInfo { + position: relative; + width: 100%; + text-align: center; + + &:after { + position: absolute; + top: 0; + left: 30%; + width: 35px; + height: 30px; + background-image: url(../images/bg_quote.png); + background-position: 0 50%; + content: ''; + }//end of :after + + &:before { + position: absolute; + bottom: 0; + right: 30%; + width: 35px; + height: 30px; + background-image: url(../images/bg_quote.png); + background-position: -35px 50%; + content: ''; + }//end of :after + + + >.inner { + >ul { + >li { + font-size: 18px; + font-weight: 600; + color: #fff; + line-height: 1.8em; + + >span { + color: #111; + font-weight: 900; + }//end of span + }//end of li + }//end of ul + }//end of inner + }//end of mapInfo + +}//end of #contact + +footer { + width: 100%; + height: 160px; + background-color: #333; + + >.inner { + //background-color: pink; + position: relative; + padding-top: 20px; + + >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%; + }//end of h1 + + >address { + float: left; + margin-top: 10px; + margin-left: 30px; + width: 350px; + //background-color: green; + + >ul { + width: 350px; + // background-color: red; + + > li { + + margin-left: 25px; + width: 300px; + //background-color: pink; + text-align: center; + + &:nth-child(1) dl dt { + background-image: url(../images/f_icon_mail.png); + } + + &:nth-child(2) dl dt { + background-image: url(../images/f_icon_tel.png); + } + + &:nth-child(3) dl dt { + background-image: url(../images/f_icon_location.png); + } + + >dl { + >dt { + margin: 0 auto; + width: 50px; + height: 50px; + text-indent: -99999px; + background-size: cover; + background-repeat: no-repeat; + background-position: 50% 50%; + + }//end of dt + >dd { + text-align: left; + margin-top: 8px; + font-size: 15px; + font-weight: 500; + line-height: 1.2em; + color: #fff; + + &:nth-child(2) { + font-weight: 700; + } + + &:nth-child(3) { + color: #909090; + } + >a { + font-size: 13px; + color: #909090; + + &:hover { + text-decoration: underline; + } + + + } + + + }//end of dd + }//end of dl + }//end of li + }//end of ul + }//end of address + + >.f_nav { + float: right; + margin-top: 0px; + width: 250px; + //background-color: blue; + + >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%; + + + + &:last-child { + margin-right: none; + background-image: none; + } + + >a { + + font-size: 13px; + color: #fff; + + + } + } + } + + } + + >.copyright { + position: absolute; + top: 120px; + right: -140px; + transform: translateX(-50%); + width: 315px; + font-size: 13px; + letter-spacing: 1px; + color: #fff; + + }//end of copyright + + &:after { + position: absolute; + top: 30px; + left: 200px; + transform: translateX(-50%); + width: 1px; + height: 110px; + background-color: #fff; + content: ''; + }//end of inner:after + + }//end of inner +}//end of footer + +@keyframes downArrow { + 0% { + bottom : 40px; + } + 100% { + bottom : 20px; + } +} diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..e2c0eb3 --- /dev/null +++ b/css/reset.css @@ -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; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..5ad2b6b --- /dev/null +++ b/css/style.css @@ -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 */ diff --git a/css/style.css.map b/css/style.css.map new file mode 100644 index 0000000..2824c11 --- /dev/null +++ b/css/style.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["style.scss"], +"names": [], +"file": "style.css" +} \ No newline at end of file diff --git a/css/style.scss b/css/style.scss new file mode 100644 index 0000000..44e7653 --- /dev/null +++ b/css/style.scss @@ -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 diff --git a/css/sub.css b/css/sub.css new file mode 100644 index 0000000..6a5a46b --- /dev/null +++ b/css/sub.css @@ -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 */ diff --git a/css/sub.css.map b/css/sub.css.map new file mode 100644 index 0000000..4e0c17e --- /dev/null +++ b/css/sub.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["sub.scss"], +"names": [], +"file": "sub.css" +} \ No newline at end of file diff --git a/css/sub.scss b/css/sub.scss new file mode 100644 index 0000000..a3a4c01 --- /dev/null +++ b/css/sub.scss @@ -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 diff --git a/home_v2.png b/home_v2.png new file mode 100644 index 0000000..186c56f Binary files /dev/null and b/home_v2.png differ diff --git a/images/ai2.jpg b/images/ai2.jpg new file mode 100644 index 0000000..110c08b Binary files /dev/null and b/images/ai2.jpg differ diff --git a/images/bg_1.jpg b/images/bg_1.jpg new file mode 100644 index 0000000..9c9a38a Binary files /dev/null and b/images/bg_1.jpg differ diff --git a/images/bg_quote.png b/images/bg_quote.png new file mode 100644 index 0000000..0324f03 Binary files /dev/null and b/images/bg_quote.png differ diff --git a/images/bigdata.jpg b/images/bigdata.jpg new file mode 100644 index 0000000..1db69b4 Binary files /dev/null and b/images/bigdata.jpg differ diff --git a/images/bus_bg.jpg b/images/bus_bg.jpg new file mode 100644 index 0000000..8294f2e Binary files /dev/null and b/images/bus_bg.jpg differ diff --git a/images/business_1.jpg b/images/business_1.jpg new file mode 100644 index 0000000..fcecf87 Binary files /dev/null and b/images/business_1.jpg differ diff --git a/images/business_ai.png b/images/business_ai.png new file mode 100644 index 0000000..937e1bf Binary files /dev/null and b/images/business_ai.png differ diff --git a/images/business_ai2.png b/images/business_ai2.png new file mode 100644 index 0000000..6f4fe84 Binary files /dev/null and b/images/business_ai2.png differ diff --git a/images/ceo.jpg b/images/ceo.jpg new file mode 100644 index 0000000..131e9e9 Binary files /dev/null and b/images/ceo.jpg differ diff --git a/images/ceo_bg.png b/images/ceo_bg.png new file mode 100644 index 0000000..a7514b8 Binary files /dev/null and b/images/ceo_bg.png differ diff --git a/images/certificate_01.png b/images/certificate_01.png new file mode 100644 index 0000000..5007110 Binary files /dev/null and b/images/certificate_01.png differ diff --git a/images/certificate_02.png b/images/certificate_02.png new file mode 100644 index 0000000..4d941ee Binary files /dev/null and b/images/certificate_02.png differ diff --git a/images/certificate_03.png b/images/certificate_03.png new file mode 100644 index 0000000..5e059ed Binary files /dev/null and b/images/certificate_03.png differ diff --git a/images/certificate_04.png b/images/certificate_04.png new file mode 100644 index 0000000..a1dd0ca Binary files /dev/null and b/images/certificate_04.png differ diff --git a/images/certificate_05.png b/images/certificate_05.png new file mode 100644 index 0000000..5e86c5a Binary files /dev/null and b/images/certificate_05.png differ diff --git a/images/certificate_06.png b/images/certificate_06.png new file mode 100644 index 0000000..ec6a6c0 Binary files /dev/null and b/images/certificate_06.png differ diff --git a/images/certificate_07.png b/images/certificate_07.png new file mode 100644 index 0000000..022f834 Binary files /dev/null and b/images/certificate_07.png differ diff --git a/images/certificate_08.png b/images/certificate_08.png new file mode 100644 index 0000000..d908d7d Binary files /dev/null and b/images/certificate_08.png differ diff --git a/images/company.png b/images/company.png new file mode 100644 index 0000000..e0d62b8 Binary files /dev/null and b/images/company.png differ diff --git a/images/company_1.png b/images/company_1.png new file mode 100644 index 0000000..cab17d4 Binary files /dev/null and b/images/company_1.png differ diff --git a/images/company_2.png b/images/company_2.png new file mode 100644 index 0000000..d7d3267 Binary files /dev/null and b/images/company_2.png differ diff --git a/images/company_3.png b/images/company_3.png new file mode 100644 index 0000000..a54add5 Binary files /dev/null and b/images/company_3.png differ diff --git a/images/f_bg.jpg b/images/f_bg.jpg new file mode 100644 index 0000000..40fb922 Binary files /dev/null and b/images/f_bg.jpg differ diff --git a/images/f_bg.png b/images/f_bg.png new file mode 100644 index 0000000..1f36f4c Binary files /dev/null and b/images/f_bg.png differ diff --git a/images/f_icon_location.png b/images/f_icon_location.png new file mode 100644 index 0000000..f301458 Binary files /dev/null and b/images/f_icon_location.png differ diff --git a/images/f_icon_mail.png b/images/f_icon_mail.png new file mode 100644 index 0000000..337dec7 Binary files /dev/null and b/images/f_icon_mail.png differ diff --git a/images/f_icon_tel.png b/images/f_icon_tel.png new file mode 100644 index 0000000..aaff962 Binary files /dev/null and b/images/f_icon_tel.png differ diff --git a/images/f_right.png b/images/f_right.png new file mode 100644 index 0000000..425ecfe Binary files /dev/null and b/images/f_right.png differ diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100644 index 0000000..15087a7 Binary files /dev/null and b/images/favicon.ico differ diff --git a/images/gaelle-marcel-8992.jpg b/images/gaelle-marcel-8992.jpg new file mode 100644 index 0000000..846c9b7 Binary files /dev/null and b/images/gaelle-marcel-8992.jpg differ diff --git a/images/house.png b/images/house.png new file mode 100644 index 0000000..8fd5c43 Binary files /dev/null and b/images/house.png differ diff --git a/images/icon_1.png b/images/icon_1.png new file mode 100644 index 0000000..f414c24 Binary files /dev/null and b/images/icon_1.png differ diff --git a/images/icon_2.png b/images/icon_2.png new file mode 100644 index 0000000..d83e39a Binary files /dev/null and b/images/icon_2.png differ diff --git a/images/icon_3.png b/images/icon_3.png new file mode 100644 index 0000000..366f7f0 Binary files /dev/null and b/images/icon_3.png differ diff --git a/images/icon_4.png b/images/icon_4.png new file mode 100644 index 0000000..9e2cce8 Binary files /dev/null and b/images/icon_4.png differ diff --git a/images/icon_5.png b/images/icon_5.png new file mode 100644 index 0000000..1454121 Binary files /dev/null and b/images/icon_5.png differ diff --git a/images/icon_6.png b/images/icon_6.png new file mode 100644 index 0000000..787eadb Binary files /dev/null and b/images/icon_6.png differ diff --git a/images/icon_7.png b/images/icon_7.png new file mode 100644 index 0000000..e505975 Binary files /dev/null and b/images/icon_7.png differ diff --git a/images/img01.jpg b/images/img01.jpg new file mode 100644 index 0000000..7441118 Binary files /dev/null and b/images/img01.jpg differ diff --git a/images/intro.png b/images/intro.png new file mode 100644 index 0000000..87c58c3 Binary files /dev/null and b/images/intro.png differ diff --git a/images/logo.jpg b/images/logo.jpg new file mode 100644 index 0000000..d603484 Binary files /dev/null and b/images/logo.jpg differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..cd55c19 Binary files /dev/null and b/images/logo.png differ diff --git a/images/logo_r.png b/images/logo_r.png new file mode 100644 index 0000000..7138582 Binary files /dev/null and b/images/logo_r.png differ diff --git a/images/mVisual01.jpg b/images/mVisual01.jpg new file mode 100644 index 0000000..c2d271d Binary files /dev/null and b/images/mVisual01.jpg differ diff --git a/images/mVisual02.jpg b/images/mVisual02.jpg new file mode 100644 index 0000000..8693e1a Binary files /dev/null and b/images/mVisual02.jpg differ diff --git a/images/mVisual03.jpg b/images/mVisual03.jpg new file mode 100644 index 0000000..4a7e157 Binary files /dev/null and b/images/mVisual03.jpg differ diff --git a/images/mVisual04.jpg b/images/mVisual04.jpg new file mode 100644 index 0000000..fb26f53 Binary files /dev/null and b/images/mVisual04.jpg differ diff --git a/images/mVisual06.jpg b/images/mVisual06.jpg new file mode 100644 index 0000000..7bcd578 Binary files /dev/null and b/images/mVisual06.jpg differ diff --git a/images/mVisual07.jpg b/images/mVisual07.jpg new file mode 100644 index 0000000..9be8590 Binary files /dev/null and b/images/mVisual07.jpg differ diff --git a/images/mVisual08.jpg b/images/mVisual08.jpg new file mode 100644 index 0000000..976f38d Binary files /dev/null and b/images/mVisual08.jpg differ diff --git a/images/next_btn.png b/images/next_btn.png new file mode 100644 index 0000000..192a489 Binary files /dev/null and b/images/next_btn.png differ diff --git a/images/next_btn_hover.png b/images/next_btn_hover.png new file mode 100644 index 0000000..9242eea Binary files /dev/null and b/images/next_btn_hover.png differ diff --git a/images/one.jpg b/images/one.jpg new file mode 100644 index 0000000..932d7d6 Binary files /dev/null and b/images/one.jpg differ diff --git a/images/organiz.jpg b/images/organiz.jpg new file mode 100644 index 0000000..da1db54 Binary files /dev/null and b/images/organiz.jpg differ diff --git a/images/pattern.png b/images/pattern.png new file mode 100644 index 0000000..6a412e5 Binary files /dev/null and b/images/pattern.png differ diff --git a/images/prev_btn.png b/images/prev_btn.png new file mode 100644 index 0000000..b29e52d Binary files /dev/null and b/images/prev_btn.png differ diff --git a/images/prev_btn_hover.png b/images/prev_btn_hover.png new file mode 100644 index 0000000..d6016a0 Binary files /dev/null and b/images/prev_btn_hover.png differ diff --git a/images/q_icon.png b/images/q_icon.png new file mode 100644 index 0000000..b5e05a7 Binary files /dev/null and b/images/q_icon.png differ diff --git a/images/question.jpg b/images/question.jpg new file mode 100644 index 0000000..58f854f Binary files /dev/null and b/images/question.jpg differ diff --git a/images/question2.jpg b/images/question2.jpg new file mode 100644 index 0000000..764bc3f Binary files /dev/null and b/images/question2.jpg differ diff --git a/images/service_bg.png b/images/service_bg.png new file mode 100644 index 0000000..433050a Binary files /dev/null and b/images/service_bg.png differ diff --git a/images/si.jpg b/images/si.jpg new file mode 100644 index 0000000..4a6be2e Binary files /dev/null and b/images/si.jpg differ diff --git a/images/soc.jpg b/images/soc.jpg new file mode 100644 index 0000000..1f5b39b Binary files /dev/null and b/images/soc.jpg differ diff --git a/images/topic05_bg.jpg b/images/topic05_bg.jpg new file mode 100644 index 0000000..0a1a671 Binary files /dev/null and b/images/topic05_bg.jpg differ diff --git a/images/topic_bg.jpg b/images/topic_bg.jpg new file mode 100644 index 0000000..06ef0e3 Binary files /dev/null and b/images/topic_bg.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c003ba7 --- /dev/null +++ b/index.html @@ -0,0 +1,480 @@ + + + + + + + 디비엔텍 + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+
+

메인입니다.

+
+
    +
  • img1
    • +
  • img2
    • +
  • img3
    • +
  • img4
    • +
+
+
+
    +
  • +
    +
    INNOVATION
    +
    + 우리는 가치있는 변화와 혁신을 위해
    + 끊임없이 새로움을 추구합니다 +
    +
    +
    • +
  • +
    +
    PASSION
    +
    + 고객의 편의성을 위해
    + 언제나 열정적인 자세로 임합니다 +
    +
    +
    • +
  • +
    +
    CHALLANGE
    +
    + 현재에 안주하지 않으며 새로운 도전을 통해
    + 지속적으로 성장합니다 +
    +
    +
    • +
  • +
    +
    TECHNOLOGY
    +
    + 누구나가 아닌 우리만의 기술로
    + 세상의 변화를 도모할 것입니다 +
    +
    +
    • +
+
+
+

이전

+

다음

+
+ +

+
+
+

회사소개입니다.

+
+

회사소개

+
+ +
+ +
+
+
    +
  • +
    +
    미래가치를 창조하는 Innovator
    +
    (주)디비엔텍
    +
    +
    • +
+
    +
  1. +
    +
    무한한 열정과 끊임없는 도전을 통해
    +
    새로운 가치를 창출하는
    +
    인간중심의 기술기업이 되고자 노력하겠습니다
    +
    +
    2. +
+ +
+
+ +
+ + + +
+ + +
+ +
+ + + + + + + +
+
+
    +
  • +
    +
    8
    +
    인증현황
    +
    +
    • +
  • +
    +
    18.01.05
    +
    설립일자
    +
    +
    • +
  • +
    +
    1
    +
    현행프로젝트
    +
    +
    • +
+
+
+ + + + +
+

제공하는 서비스입니다.

+
+

사업영역

+
+
+ +
+
    +
  • +
    +
    +

    icon1

    +
    +
    인공지능
    +
    + Machine Learning 기반 처리 시스템
    + Deep Learning 기반 객체 인식 시스템
    + 딥러닝 영상처리 기반 시설물 관리 +
    +
    +
    +
    +
    • +
  • +
    +
    +

    icon2_1

    +
    +
    공공 빅데이터
    +
    + 수치, 문자 등 빅데이터화
    + 공공 빅데이터 수집 및 가공, 분석, 시각화
    + 솔루션 개발 및 컨설팅 + +
    +
    +
    +
    +
    • + +
  • +
    +
    +

    icon1

    +
    +
    SOC 기술지원
    +
    + 교통영상 처리 및 현황 정보화
    + SOC시설물(사면, 터널, 교량 등) 영상 모니터링
    + 공공시설물 및 지역 구간 사고 및 돌발상황
    + 인지 및 경보 +
    +
    +
    +
    +
    • +
  • +
    +
    +

    icon1

    +
    +
    시스템 구축 및 운영
    +
    + 금융, 공공, 통신, 서비스부문
    시스템 및 플랫폼 구축 및 운영
    + E-Commerce, SNS, ERP, 기업용 업무지원
    솔루션 등 온라인플랫폼 구축 및 운영 등
    +
    +
    +
    +
    +
    • + +
+
+ + + +
+ + +
+ + + + + + + + + + + + +
+ + +
+ + + +
+

오시는길입니다.

+

contact

+ +
+
+ +
+
+ +
+
+
    +
  • + Address 인천광역시 부평구 백범로478 종근당빌딩 206호 +
    • +
  • + Directions 동암역 2번 출구에서 도보로 약 500미터, 주차 가능 +
    • + +
+
+
+ + +
+ +
+ + diff --git a/js/function.js b/js/function.js new file mode 100644 index 0000000..9a541b7 --- /dev/null +++ b/js/function.js @@ -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 diff --git a/js/move.js b/js/move.js new file mode 100644 index 0000000..31d7793 --- /dev/null +++ b/js/move.js @@ -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) + + })//클릭시 색변경 및 이동 + + + + + +}) diff --git a/js/sub_fnc.js b/js/sub_fnc.js new file mode 100644 index 0000000..ac58d18 --- /dev/null +++ b/js/sub_fnc.js @@ -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) + })//올라가기 위로 +}) diff --git a/sub01_1.html b/sub01_1.html new file mode 100644 index 0000000..e4d5409 --- /dev/null +++ b/sub01_1.html @@ -0,0 +1,171 @@ + + + + + + + 디비엔텍 + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 회사소개CEO인사말
    • +
  • 미래가치를 창조하는 선두자가 되겠습니다
    • +
+
+ + + +
+ +
+ +
+

회사소개 > CEO인사말

+
+ +
+
    +
  • “미래가치를 창조하는 선두자가 되겠습니다.”
    • +
  • 당사는 2018년 1월 5일 설립된 Supernova(초신성)과 같은 신생기업으로 방대한 공공 빅데이터와의 연계를 통해
    +새롭고 유용한 공공 정보서비스를 개발하고 제공하고자합니다.
    • +
  • 그리고 현재 운영 중인 공공 SOC CCTV 와 연계하여 Deep-learning 기반 영상 분석 솔루션을 개발하고 있습니다.
    • +
  • 아울러 내일의 새로운 서비스를 위한 지속적인 연구개발을 통해 국가 SOC 관리시스템의 지능 정보화에 기여할 수 있는
    +제4차 산업혁명 시대에 최적화된 ‘글로벌 공공기술 중심 기업’이 되고자 합니다.
    • +
  • 또한 효율적이고 경제성 있는 솔루션을 개발 공급함으로서, 공공 SI 분야에서도 전문 솔루션 개발 기업으로서 입지를 강화하여
    +다가오는 4차 산업혁명 시대에 차세대 기술 기반의 첨단 기업으로 도약하고자 합니다.
    • +
  • + 마지막으로 기술을 통한 삶의 혁신과 번영을 지향하는 인간중심 사고의 HumanTechnology 기업으로,
    +고객과 인간중심의 사고를 통해 저희 개발자가 스스로 진화하여 새로운 가치를 창출하고
    +고객에게 인간적인 감동으로 다가갈 수 있는, 그런 살아있는 기업이 되고자 노력하겠습니다. +
    • +
  • + 앞으로 저희 (주)디비엔텍의 미래에 많은 관심과 성원 부탁드립니다.
    +
    • +
  • 감사합니다.
    • +
+
+ + +
+ + + +
+ + diff --git a/sub01_2.html b/sub01_2.html new file mode 100644 index 0000000..3d6a15e --- /dev/null +++ b/sub01_2.html @@ -0,0 +1,190 @@ + + + + + + + 디비엔텍 + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 회사소개일반현황
    • +
  • 자사의 일반현황을 확인할 수 있습니다
    • +
+
+ + + +
+ +
+ +
+

회사소개 > 일반현황

+
+ +
+
    +
  • + "(주)디비엔텍은 정보의 잠재적 가치를
    +파악하여 높은 품질의 정보를 제공하는 IT전문 기업입니다." +
    • +
  • + 회 사 명 | 주식회사 디비엔텍 +
    • +
  • + 자 본 금 | 100,000,000원 +
    • +
  • + 대표이사 | 최자영 +
    • +
  • + 설립일자 | 2018년 01월 05일 +
    • +
  • + 사업분야 | 공공 시스템구축(SI) 및 운영(ITO) +
    • +
  • + 본점소재지 | 인천광역시 부평구 백범로 478 종근당빌딩 206호 +
    • +
  • + 사업자등록번호 | 704-88-***** +
    • +
+ +
+ +
+ +
+

조직도

+ + +
+
+ + +
+ + + +
+ + diff --git a/sub01_3.html b/sub01_3.html new file mode 100644 index 0000000..f82d9e6 --- /dev/null +++ b/sub01_3.html @@ -0,0 +1,200 @@ + + + + + + + 디비엔텍 + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 회사소개연혁
    • +
  • 자사의 연혁을 확인할 수 있습니다
    • +
+
+ + + +
+ +
+ +
+

회사소개 > 연혁

+
+ +
+
    +
  • + "보다 높이 도약하기위해 꾸준히 준비하고 있습니다." +
    • +
+
+

2018년 ~

+
+
    +
  • 1월
    • +
  • +
    +
    2018.01 - 법인설립, 주식회사 디비엔텍 설립(법인등록 : 120111 - *******)
    +
    2018.01 - 사업자등록 (북인천세무서 : 704 - 88 - *****)
    +
    2018.01 - 중소기업확인 인증 (중소기업청 : 0010 - 2018 - ****)
    +
    2018.01 - 소프트웨어 사업자 신고 (한국소프트웨어산업협회 : B18 - ******)
    +
    2018.01 - 직접생산증명 취득 (중소기업중앙회 : 제2018 - 0071 - *****)
    +
    2018.01 - 국가를 상대로 한 공공입찰 참가자격 등록
    +
    2018.01 - 연구개발 전담부서 인증 취득 (한국산업기술흥협회 : 제 2018150584)
    +
    +
    • +
+
+
+
    +
  • 2월
    • +
  • +
    +
    2018.02 - 여성기업확인 인증 취득(인천지방중소벤처기업청 : 제0116-2018-*****호)
    + +
    +
    • +
+
+
+
    +
  • 3월
    • +
  • +
    +
    2018.03 - 프로그램등록(머신러닝기반 빅데이터 분석 시스템)
    + +
    +
    • +
+
+
+ + +
+ +
+ + + +
+ + diff --git a/sub01_4.html b/sub01_4.html new file mode 100644 index 0000000..608de0a --- /dev/null +++ b/sub01_4.html @@ -0,0 +1,221 @@ + + + + + + + 디비엔텍 + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 회사소개보유인증현황
    • +
  • 자사의 보유인증현황을 확인할 수 있습니다
    • +
+
+ + + +
+ +
+ +
+

회사소개 > 보유인증현황

+
+ +
+
    +
  • + "보유한 인증서입니다." +
    • +
+
+
+
    +
  • +
    +
    img01
    +
    사업자등록증
    +
    +
    • +
  • +
    +
    img02
    +
    SW사업자신고확인서
    +
    +
    • +
  • +
    +
    img03
    +
    기업연구소 인정서
    +
    +
    • +
+
+
+
    +
  • +
    +
    img04
    +
    직접생산확인증명서
    +
    +
    • +
  • +
    +
    img05
    +
    중소기업확인서
    +
    +
    • +
  • +
    +
    img06
    +
    경쟁입찰참가자격증등록
    +
    +
    • +
+
+
+
    +
  • +
    +
    img07
    +
    여성기업확인서
    +
    +
    • +
  • +
    +
    img04
    +
    프로그램등록증
    +
    +
    • +
+
+
+ + +
+ +
+ + + +
+ + diff --git a/sub02.html b/sub02.html new file mode 100644 index 0000000..91ab257 --- /dev/null +++ b/sub02.html @@ -0,0 +1,222 @@ + + + + + + + 디비엔텍 + + + + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 사업영역
    • +
  • 자사의 취급하는 사업영역입니다
    • +
+
+
+ +
+
+

사업영역

+
+
+

+ 변화의 흐름을 인지하며 적용하다 +

+

+ 최신기술을 통해 고객에게 최고의 서비스와
+ 지속적인 유지보수를 통해 시스템의 안정성을 확보합니다 +

+
+ +
+
    +
  • AI
    • +
  • BIGDATA
    • +
  • SOC
    • +
  • SI & ITO
    • +
+
+
+
+
    +
  • img01
    • +
  • +
    +
    인공지능AI
    +
    Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅
    +
    Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅
    +
    딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    공공 빅데이터BigData
    +
    수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅
    +
    문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스
    +
    공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    SOC 기술지원Support
    +
    교통영상 처리 및 경비절감 지원
    +
    지역 상황 모니터링 및 경비절감 지원
    +
    SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    시스템 구축 및 운영SI & ITO
    +
    금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영
    +
    E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영
    +
    앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)
    +
    Network 및 영상 통합 보안 관제 서비스
    +
    Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축
    +
    +
    • +
+
+
+ +
+ + + +
+ + diff --git a/sub02_Ai.html b/sub02_Ai.html new file mode 100644 index 0000000..d481462 --- /dev/null +++ b/sub02_Ai.html @@ -0,0 +1,230 @@ + + + + + + + 디비엔텍 + + + + + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 사업영역
    • +
  • 자사의 취급하는 사업영역입니다
    • +
+
+
+ +
+
+

사업영역 > 인공지능

+
+
+

+ 변화의 흐름을 인지하며 적용하다 +

+

+ 최신기술을 통해 고객에게 최고의 서비스와
+ 지속적인 유지보수를 통해 시스템의 안정성을 확보합니다 +

+
+ +
+
    +
  • AI
    • +
  • BIGDATA
    • +
  • SOC
    • +
  • SI & ITO
    • +
+
+
+
+
    +
  • img01
    • +
  • +
    +
    인공지능AI
    +
    Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅
    +
    Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅
    +
    딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    공공 빅데이터BigData
    +
    수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅
    +
    문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스
    +
    공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    SOC 기술지원Support
    +
    교통영상 처리 및 경비절감 지원
    +
    지역 상황 모니터링 및 경비절감 지원
    +
    SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화
    +
    공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    시스템 구축 및 운영SI & ITO
    +
    금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영
    +
    E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영
    +
    앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)
    +
    Network 및 영상 통합 보안 관제 서비스
    +
    Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축
    +
    +
    • +
+
+
+ +
+ + + +
+ + diff --git a/sub02_Bigdata.html b/sub02_Bigdata.html new file mode 100644 index 0000000..2d5ac75 --- /dev/null +++ b/sub02_Bigdata.html @@ -0,0 +1,228 @@ + + + + + + + 디비엔텍 + + + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 사업영역
    • +
  • 자사의 취급하는 사업영역입니다
    • +
+
+
+ +
+
+

사업영역 > 빅데이터

+
+
+

+ 변화의 흐름을 인지하며 적용하다 +

+

+ 최신기술을 통해 고객에게 최고의 서비스와
+ 지속적인 유지보수를 통해 시스템의 안정성을 확보합니다 +

+
+ +
+
    +
  • AI
    • +
  • BIGDATA
    • +
  • SOC
    • +
  • SI & ITO
    • +
+
+
+
+
    +
  • img01
    • +
  • +
    +
    인공지능AI
    +
    Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅
    +
    Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅
    +
    딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    공공 빅데이터BigData
    +
    수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅
    +
    문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스
    +
    공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    SOC 기술지원Support
    +
    교통영상 처리 및 경비절감 지원
    +
    지역 상황 모니터링 및 경비절감 지원
    +
    SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화
    +
    공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    시스템 구축 및 운영SI & ITO
    +
    금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영
    +
    E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영
    +
    앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)
    +
    Network 및 영상 통합 보안 관제 서비스
    +
    Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축
    +
    +
    • +
+
+
+ +
+ + + +
+ + diff --git a/sub02_Si_Ito.html b/sub02_Si_Ito.html new file mode 100644 index 0000000..95cea41 --- /dev/null +++ b/sub02_Si_Ito.html @@ -0,0 +1,229 @@ + + + + + + + 디비엔텍 + + + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 사업영역
    • +
  • 자사의 취급하는 사업영역입니다
    • +
+
+
+ +
+
+

사업영역 > 시스템 구축 및 운영

+
+ +
+

+ 변화의 흐름을 인지하며 적용하다 +

+

+ 최신기술을 통해 고객에게 최고의 서비스와
+ 지속적인 유지보수를 통해 시스템의 안정성을 확보합니다 +

+
+ +
+
    +
  • AI
    • +
  • BIGDATA
    • +
  • SOC
    • +
  • SI & ITO
    • +
+
+
+
+
    +
  • img01
    • +
  • +
    +
    인공지능AI
    +
    Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅
    +
    Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅
    +
    딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    공공 빅데이터BigData
    +
    수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅
    +
    문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스
    +
    공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    SOC 기술지원Support
    +
    교통영상 처리 및 경비절감 지원
    +
    지역 상황 모니터링 및 경비절감 지원
    +
    SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화
    +
    공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    시스템 구축 및 운영SI & ITO
    +
    금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영
    +
    E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영
    +
    앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)
    +
    Network 및 영상 통합 보안 관제 서비스
    +
    Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축
    +
    +
    • +
+
+
+ +
+ + + +
+ + diff --git a/sub02_Soc.html b/sub02_Soc.html new file mode 100644 index 0000000..a8fce84 --- /dev/null +++ b/sub02_Soc.html @@ -0,0 +1,228 @@ + + + + + + + 디비엔텍 + + + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 사업영역
    • +
  • 자사의 취급하는 사업영역입니다
    • +
+
+
+ +
+
+

사업영역 > 기술지원

+
+
+

+ 변화의 흐름을 인지하며 적용하다 +

+

+ 최신기술을 통해 고객에게 최고의 서비스와
+ 지속적인 유지보수를 통해 시스템의 안정성을 확보합니다 +

+
+ +
+
    +
  • AI
    • +
  • BIGDATA
    • +
  • SOC
    • +
  • SI & ITO
    • +
+
+
+
+
    +
  • img01
    • +
  • +
    +
    인공지능AI
    +
    Machine-Learning 기반 맞춤형 문서 빅데이터 처리 시스템 개발 및 상용화 지원 컨설팅
    +
    Deep-Learning 기반 CCTV 영상 실시간 객체 인식 및 유형 분석 시스템 개발 및 상시 운영지원 컨설팅
    +
    딥러닝 영상처리 기반 국가 SOC 시설물 상태 모니터링 시스템 개발 및 상시 운영 지원 컨설팅
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    공공 빅데이터BigData
    +
    수치, 문자, 문서정보 빅데이터화, 공공 빅데이터 수집 및 가공, 분석, 시각화 분야 솔루션 개발 및 컨설팅
    +
    문서형 빅데이터 통계처리 정보화 시스템 개발 및 운영지원 서비스
    +
    공공 CCTV 영상 처리 / 분석 시스템 개발 및 운영지원 서비스
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    SOC 기술지원Support
    +
    교통영상 처리 및 경비절감 지원
    +
    지역 상황 모니터링 및 경비절감 지원
    +
    SOC시설물(사면, 터널, 교량 등) 영상 모니터닝 및 현황 정보화
    +
    공공시설물 및 특정구역 사고 및 돌발상황 실시간 인지 및 경보
    +
    +
    • +
+
+
+
    +
  • img01
    • +
  • +
    +
    시스템 구축 및 운영SI & ITO
    +
    금융, 공공, 통신, 서비스부문 시스템 및 플랫폼 구축 및 운영
    +
    E-Commerce, SNS, ERP, 기업용 업부지원 솔루션 등 온라인플랫폼 구축 및 운영
    +
    앱 / 스터오 서비스 외 다양한 모바일 시스템 구축 및 운영. (IOS / ANDROID / TIZEN)
    +
    Network 및 영상 통합 보안 관제 서비스
    +
    Open API, SDP 등 통합 서비스 플랫폼 설계 / 구축
    +
    +
    • +
+
+
+ +
+ + + +
+ + diff --git a/sub03.html b/sub03.html new file mode 100644 index 0000000..8079b22 --- /dev/null +++ b/sub03.html @@ -0,0 +1,162 @@ + + + + + + + 디비엔텍 + + + + + + + + + + +
+

+
+
+

logo

+
+ +
+ 언어 + +
+
+
+
+
+ + +
+ +
+
    +
  • 오시는길문의사항
    • +
  • 궁금하신점이 있다면 편하게 물어보세요
    • +
+
+ + + +
+ +
+ +
+

오시는길 > 문의사항

+
+ +
+
    +
  • 궁금하신점을 편하게 질문해보세요”
    • +
  • + 전화번호 | 032 - 721 - 5670
    +
    • +
  • 이메일 | admin@dbnt.co.kr
    • +
  • 위치 | 21453 인천시 부평구 백범로 478, 종근당빌딩 206호
    • +
  • 감사합니다.
    • +
+
+ + +
+ + + +
+ + diff --git a/test.html b/test.html new file mode 100644 index 0000000..c641c81 --- /dev/null +++ b/test.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + 반가워요 + +