1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
<style>
#mainBanner {background-color:var(--bg_main); text-align:center; padding:45px 10px 30px}
/*- 타이틀 -*/
#mainBanner .subTitle {display:inline-block; color:var(--main); font-size:18px ; font-weight:400}
#mainBanner .subTitle font {color:orange; font-weight:600; font-size:19px;}
#mainBanner .subTitle2 {display:inline-block; color:var(--main); font-size:18px; margin-bottom: 15px; font-weight:400; padding:3px 0 5px; border-top:2px solid var(--main); border-bottom:2px solid var(--main);}
#mainBanner .subTitle2 font { font-weight:600; font-size:18px;}
#mainBanner .mainTitle {font-size:42px; letter-spacing:-2px; margin:0 0 20px}
#mainBanner .mainTitle b {letter-spacing:-2px; white-space:nowrap }
#mainBanner .mainTitle font {font-weight:400; font-size:38px;letter-spacing:-2px}
/*- 장점 4가지 리스트 -*/
.mainList {min-width:var(--mnx); max-width:var(--mxw); margin:0 auto 20px; background-color:#fff; text-align:left; padding:10px; border-radius:10px}
.mainList li {font-size:17px; margin-bottom: 5px;}
.mainList li:last-child {margin-bottom: 0;}
.mainList li::before {content:''; width:16px; height:14px; margin-right:6px; display:inline-block; background:url('./images/intro/check_1.png');}
/*- 장점 3가지 아이콘 리스트-*/
.benefit {max-width:var(--mxw); margin:0 auto;; display:flex; justify-content:space-between; gap:15px}
.benefit li {background-color:#fff; padding:10px 0; width:100%; border-radius:10px; font-size:18px;}
.benefit li img {display:block; margin:0 auto; max-width:50px; margin-bottom:15px}
</style>
<section id="mainBanner">
<!-- <span class="subTitle">
쉬운 사용법, 강력한 기능
</span><br>-->
<span class="subTitle2">
무료 <font>체험 후 결정</font>하세요
</span>
<h2 class="mainTitle">엑셀보다 강력하고<br><font>ERP보다 <b style="color:#2c63cf">쉬운 ERP</b></font></h2>
<ul class="mainList">
<li>구매, 판매, 재고관리 <b>클릭 한번에 끝!</b></li>
<li><b style="color:#f17909">33년</b> 기술, <b style="color:#f17909">20만 사용자</b> ERP</li>
<li>무료 원격 <b>설치, 세팅, 교육</b> 지원</li>
<li><b style="color: var(--main);">도매쇼핑물</b> 구축 전문</li>
</ul>
<ul class="benefit">
<li>
<img src="./images/intro/benefit_1.png" alt="1">
인건비<br><b>절감</b>
</li>
<li>
<img src="./images/intro/benefit_2.png" alt="2">
업무시간<br><b>단축</b>
</li>
<li>
<img src="./images/intro/benefit_3.png" alt="3">
업무정확도<br><b>상승</b>
</li>
</ul>
</section>
|