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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
|
<?php
header("Content-type:text/html;charset=euc-kr");
?>
<style>
.support{display:flex;flex-wrap:wrap;justify-content:space-between;}
.support li {/* height: 138px !important; */position: relative;width: 490px;height: auto;box-sizing: border-box;padding: 15px 11px;margin: 0 0 10px;border-radius: 5px;background-color: #fff;display: flex;justify-content: space-between;}
.support li:nth-child(2n+1){margin-right:5px;}
.support li:nth-child(2n){margin-left:5px;}
.support li:hover{border: 1px solid #000;}
.support li a{height:auto;line-height:100%;}
.support li:nth-child(3) a,.support li:nth-child(4) a,.support li:nth-child(7) a,.support li:nth-child(8) a{height:102px;line-height:102px;}
.support li a img{width:85px;height:auto;}
.support li .support_info{position: none;width: 75%;box-sizing: border-box;padding-left: 20px;height: auto;}
.support li:nth-child(1) .support_info,.support li:nth-child(2) .support_info{height:90px;}
.support li:nth-child(3) .support_info,.support li:nth-child(4) .support_info{height:102px;}
.support li .support_info .title{background: url(./images/common/bullet.png) left top no-repeat;padding: 0 0 0 20px;line-height: 20px;display: block;margin: 0 0 10px;color: #002c69;font-size: 16px;font-weight: 600;letter-spacing: -1px;}
.support li .support_info .text{font-size: 14px;line-height: 18px;letter-spacing: -0.3px;color: #000;}
</style>
<ul class="support">
<li>
<a><img src="./images/smart/support_icon11.png" alt="À½¼ºÀνÄ"></a>
<div class="support_info">
<p class="title">À½¼ºÀνÄ</p>
<div class="text">
- À½¼ºÀνÄÀ» ÅëÇÑ ¸ÅÃâ, ¸ÅÀÔó¸® °¡´É<br>
- »óÇ° ¹× °Å·¡Ã³¸¦ À½¼ºÀ¸·Î ÀνÄÇÏ¿© °Ë»ö°¡´É<br>
- <span class="orange">°Ë»ö°ú µî·Ï½Ã°£ ´ÜÃà</span>À¸·Î Æí¸®ÇÏ°Ô ¾÷¹«Ã³¸®
</div>
</div>
</li>
<li>
<a><img src="./images/smart/support_icon12.png" alt="Ä«µå°áÁ¦"></a>
<div class="support_info">
<p class="title">Ä«µå°áÁ¦</p>
<div class="text">
- <span class="orange">ÇöÀå¿¡¼ Áï½Ã</span> ½Å¿ëÄ«µå°áÁ¦ ó¸®<br>
- ¼ö±Ý ¾÷¹«ÀÇ Æí¸®ÇÔ<br>
- ¹Ì¼ö°ü¸® ¾÷¹« È¿À² Áõ´ë
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon1.png" alt="ÀÚ·á°ü¸® ¹× Á¶È¸"></a>
<div class="support_info">
<p class="title">ÀÚ·á°ü¸®/Á¶È¸</p>
<div class="text" style="font-size:13px;">
- ¸ÅÀÔ, ¸ÅÃâ, ¼ö±Ý, Àç°íÀڷḦ <span class="orange">ÇöÀå¿¡¼ ½Ç½Ã°£ »ç¹«½Ç PCÀü¼Û</span><br>
- ¿ÜºÎ¿¡¼ <span class="blue">°¢Á¾ ¿µ¾÷ÀÚ·á ½Ç½Ã°£ Á¶È¸</span><br>
- PDA ±â´Éº° »ç¿ë±ÇÇÑ ºÎ¿©·Î <span class="orange">»ç¿ëÀÚ ½Ç¼ö¸¦ ¹Ì¿¬¿¡ ¹æÁö</span> °¡´É
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon4.png" alt="½Ç½Ã°£ ¾÷¹«°øÀ¯"></a>
<div class="support_info">
<p class="title">½Ç½Ã°£ ¾÷¹«°øÀ¯</p>
<div class="text">
- ÇöÀå(°Å·¡Ã³)¿¡¼ ó¸®ÇÑ <span class="orange">¸ÅÃâÀÌ·Â ½Ç½Ã°£ »ç¹«½ÇÀü¼Û</span><br>
- ÇöÀå(°Å·¡Ã³)¿¡¼ ¹Ì¼ö³»¿ª ¹× 󸮳»¿ª °Ë»ö±â´É<br>
- ´ã´çÀÚº° °Å·¡Ã³ °Ë»öÀ¸·Î Á¤È®ÇÑ ³³Ç°°ü¸® °¡´É<br>
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon5.png" alt="½Å¼ÓÇÑ ¾÷¹«Ã³¸®"></a>
<div class="support_info">
<p class="title">½Å¼ÓÇÑ ¾÷¹«Ã³¸®</p>
<div class="text">
- °Å·¡Ã³º° <span class="orange">Á¤È®ÇÑ ´Ü°¡&ÇÒÀÎ °ü¸®·Î ¾÷ü ½Å·Úµµ Áõ°¡</span><br>
- °Å·¡Ã³ ´ã´çÀÚ ºÎÀç½Ã ´ëäÀοø ½Å¼ÓÇÏ°Ô ÅõÀÔ °¡´É<br>
- Àü±¹¾îµð¼³ª Á¦ÇѾøÀÌ ¿µ¾÷È°µ¿ °¡´É<br>
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon6.png" alt="½Å±Ô³»¿ª°ü¸®"></a>
<div class="support_info">
<p class="title">½Å±Ô³»¿ª°ü¸®</p>
<div class="text" style="font-size:13px;">
- ½Å±Ô°Å·¡Ã³ º°µµÀÇ ¿äû¾øÀÌ ÇöÀå¿¡¼ ¹Ù·Î µî·Ï ÈÄ ¸ÅÃâ°¡´É<br>
- <span class="blue">PDA¸¦ ÅëÇÑ ½Å±Ô»óÇ° ¹× ¹ÙÄÚµåµî·Ï</span>
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon7.png" alt="Á¤È®ÇÑ Àç°í°ü¸®"></a>
<div class="support_info">
<p class="title">Á¤È®ÇÑ Àç°í°ü¸®</p>
<div class="text" style="font-size:12px;">
- <span class="orange">Àç°íÀ̵¿°èȹ, Àç°íÀ̵¿</span>À» ÅëÇÑ <span class="orange">Â÷·®º°&â°íº° Á¤È®ÇÑ Àç°í°ü¸®</span><br>
- ¾ðÁ¦ ¾îµð¼µç Á¤È®ÇÑ Àç°íÁ¶È¸<br>
- Æí¸®ÇÑ Àç°í½Ç»ç Á¶»ç±â´É<br>
- ¸ÅÃâµî·Ï ½Ã ÀÜ¿© Àç°í ¹Ù·ÎÈ®ÀÎ °¡´É
</div>
</div>
</li>
<li>
<a><img src="./images/smart/support_icon13.png" alt="¸ÅÃâ°ü¸®"></a>
<div class="support_info">
<p class="title">¸ÅÃâ°ü¸®</p>
<div class="text">
-´Ù¾çÇÑ ¼ö´ÜÀ¸·Î °Å·¡¸í¼¼Ç¥ ¹ßÇà<br>
(¸ð¹ÙÀÏÇÁ¸°ÅÍÃâ·Â,¹®ÀÚ,À̸ÞÀÏ,Ä«Ä«¿ÀÅå Àü¼Û)<br>
-<span class="orange">½Ç½Ã°£ ÀüÀÚ°è»ê¼¹ßÇàÀ¸·Î ¾÷¹«½Ã°£ ´ÜÃà</span><br>
</div>
</div>
</li>
<li>
<a><img src="./images/smart/support_icon14.png" alt="Çϵå¿þ¾î ¿¬µ¿"></a>
<div class="support_info">
<p class="title">Çϵå¿þ¾î ¿¬µ¿</p>
<div class="text">
-ºí·çÅõ½º ¹ÙÄڵ彺ij³Ê<br>
-ºí·çÅõ½º ¿µ¼öÁõÇÁ¸°ÅÍ<br>
-Ä«µå°áÁ¦ ´Ü¸»±â<br>
</div>
</div>
</li>
<li>
<a><img src="./images/smart/support_icon15.png" alt="±×·¡ÇÁ º¸°í¼"></a>
<div class="support_info">
<p class="title">±×·¡ÇÁ º¸°í¼</p>
<div class="text">
-¾÷üº°,»óÇ°º°·Î <span class="orange">ÇÑ´«¿¡ º¸±â½¬¿î ±×·¡ÇÁÁ¦°ø</span><br>
-½Ã°¢È µ¥ÀÌÅÍ Á¦°ø
</div>
</div>
</li>
<li>
<a><img src="./images/smart/support_icon16.png" alt="´Ù¾çÇÑ ¼³Á¤"></a>
<div class="support_info">
<p class="title">´Ù¾çÇÑ ¼³Á¤</p>
<div class="text">
-¿µ¼öÁõ ¾ç½Ä º¯°æ±â´É,¿µ¼öÁõ Ãâ·ÂÀü ¹Ì¸®º¸±â<br>
-Àμ⠸żö ¼³Á¤, »óÇ° ¹ÙÄÚµå¶óº§ Àμâ<br>
-°øÁö»çÇ× ¼³Á¤<br>
</div>
</div>
</li>
<li>
<a><img src="./images/smart/support_icon18.png" alt="ÇöÀå ÁÖ¹®Á¢¼ö"></a>
<div class="support_info">
<p class="title">ÇöÀå ÁÖ¹®Á¢¼ö</p>
<div class="text">
-ÇöÀå(°Å·¡Ã³)¿¡¼ ¼ö¹ßÁÖ µî·Ï ¹× ¼ö¹ßÁÖ³»¿ª °Ë¼ö³³Ç°±â´É<br>
-ºÎÁ·ÇÑ »óÇ° Á¢¼ö ¹× Ãß°¡ ÁÖ¹®°Ç Á¢¼ö<br>
</div>
</div>
</li>
</ul>
|