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
|
<?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 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{padding: 0;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/pda/support_icon1.png" alt="ÀÚ·á°ü¸® ¹× Á¶È¸"></a>
<div class="support_info">
<p class="title"><span>ÀÚ·á°ü¸®/Á¶È¸</span></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_icon2.png" alt="¿ÜºÎ¸í¼¼Ç¥¹ßÇà"></a>
<div class="support_info">
<p class="title"><span>¿ÜºÎ¸í¼¼Ç¥ ¹ßÇà</span></p>
<div class="text">
- ÇöÀå(°Å·¡Ã³)¿¡¼ <span class="orange">°Å·¡¸í¼¼Ç¥ ¹Ù·ÎÃâ·Â</span><br>
- ÇöÀå¿¡¼ ³³Ç° ÈÄ ¿µ¼öÁõ ¹Ù·Î Ãâ·ÂÀ¸·Î ´©¶ô°Ç Á¦·Î<br>
- ÇöÀå¿¡¼ °ú°Å °Å·¡³»¿ª ¿µ¼öÁõ ¿äû½Ã ¹Ù·ÎÃâ·Â°¡´É
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon3.png" alt="°£ÆíÇÑ »óÇ°°Ë»ö"></a>
<div class="support_info">
<p class="title"><span>°£ÆíÇÑ »óÇ°°Ë»ö</span></p>
<div class="text">
- ³¹°³&¹Ú½º ¹ÙÄڵ带 ÅëÇÑ ºü¸£°í Á¤È®ÇÑ »óÇ°°Ë»ö<br>
- <span class="blue">ÇÑ±Û ÃʼºÀ» ÀÌ¿ëÇÑ ¼Õ½¬¿î »óÇ°°Ë»ö</span><br>
- »óÇ°ÄÚµå, °ü¸®Äڵ带 ÀÌ¿ëÇÑ ¾÷üº° ¸ÂÃã°Ë»ö
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon4.png" alt="½Ç½Ã°£ ¾÷¹«°øÀ¯"></a>
<div class="support_info">
<p class="title"><span>½Ç½Ã°£ ¾÷¹«°øÀ¯</span></p>
<div class="text">
- ÇöÀå(°Å·¡Ã³)¿¡¼ ó¸®ÇÑ <span class="orange">¸ÅÃâÀÌ·Â ½Ç½Ã°£ »ç¹«½ÇÀü¼Û</span><br>
- ÇöÀå(°Å·¡Ã³)¿¡¼ ¹Ì¼ö³»¿ª ¹× 󸮳»¿ª °Ë»ö±â´É<br>
- ´ã´çÀÚº° °Å·¡Ã³ °Ë»öÀ¸·Î Á¤È®ÇÑ ³³Ç°°ü¸® °¡´É
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon6.png" alt="½Å±Ô³»¿ª°ü¸®"></a>
<div class="support_info">
<p class="title"><span>½Å±Ô³»¿ª°ü¸®</span></p>
<div class="text" style="font-size:13px;">
- ½Å±Ô°Å·¡Ã³ º°µµÀÇ ¿äû¾øÀÌ ÇöÀå¿¡¼ ¹Ù·Î µî·Ï ÈÄ ¸ÅÃâ°¡´É<br>
- <span class="blue">PDA¸¦ ÅëÇÑ ½Å±Ô»óÇ° ¹× ¹ÙÄÚµåµî·Ï</span>
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon5.png" alt="½Å¼ÓÇÑ ¾÷¹«Ã³¸®"></a>
<div class="support_info">
<p class="title"><span>½Å¼ÓÇÑ ¾÷¹«Ã³¸®</span></p>
<div class="text">
- °Å·¡Ã³º° <span class="orange">Á¤È®ÇÑ ´Ü°¡&ÇÒÀÎ °ü¸®·Î ¾÷ü ½Å·Úµµ Áõ°¡</span><br>
- °Å·¡Ã³ ´ã´çÀÚ ºÎÀç½Ã ´ëäÀοø ½Å¼ÓÇÏ°Ô ÅõÀÔ °¡´É<br>
- Àü±¹¾îµð¼³ª Á¦ÇѾøÀÌ ¿µ¾÷È°µ¿ °¡´É
</div>
</div>
</li>
<li>
<a><img src="./images/pda/support_icon7.png" alt="Á¤È®ÇÑ Àç°í°ü¸®"></a>
<div class="support_info">
<p class="title"><span>Á¤È®ÇÑ Àç°í°ü¸®</span></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/pda/support_icon18.png" alt="ÇöÀå ÁÖ¹®Á¢¼ö"></a>
<div class="support_info">
<p class="title"><span>ÇöÀå ÁÖ¹®Á¢¼ö</span></p>
<div class="text">
-ÇöÀå(°Å·¡Ã³)¿¡¼ ¼ö¹ßÁÖ µî·Ï ¹× ¼ö¹ßÁÖ³»¿ª °Ë¼ö³³Ç°±â´É<br>
-ºÎÁ·ÇÑ »óÇ° Á¢¼ö ¹× Ãß°¡ ÁÖ¹®°Ç Á¢¼ö<br>
</div>
</div>
</li>
</ul>
|