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

<script type="text/javascript">
///------------------FAQ º¸ÀÌ°í ¾Èº¸ÀÌ°í.............................
(function(W, D){
    var lastchild = null;

    // script by styliss
    // http://www.qurx.net
   if(W.addEventListener)
        W.addEventListener('load', setup, false);
    else
        W.attachEvent('onload', setup);
    
    return;

    function setup(){
        var parents = byClass('toggleChild');
        for(var i=0, c=parents.length, parent, button; i<c; i++){
            parent = parents[i];
            button = byClass('button', parent)[0];
            button.child = byClass('child', parent)[0];
            //button.child.style.display = 'none';
            button.onclick = toggle;
            button.child.onclick = toggle2;
        }
    }
    
    function toggle(){
        if (lastchild != null && lastchild != this.child) {
            lastchild.style.display = 'none';
        }

        this.child.style.display = this.child.style.display=='none' ? '' : 'none';
        lastchild = this.child;
    }

    function toggle2(){
        this.style.display = this.style.display=='none' ? '' : 'none';
    }
    
    function byClass(className, parent, tag){
        var all = (parent || D).getElementsByTagName(tag || '*')
          , classes
          , result = []
          ;
        for(var i=0, c=all.length; i<c; i++){
            classes = all[i].className.split(/\s+/);
            while(classes.length)
                if(classes.shift()==className)
                    result.push(all[i]);
        }
        return result;
            
    }
})(window, document);
</script>

<!-- content -->
<div>
    <div class="tabTopImg"><img src="./img/product/faq/productfaq_top.jpg" alt="ÀüÈ­¹®ÀÇ : 02-401-5121" /></div>
    
    <!-- ¸ñ·Ï -->
    <div class="toggleContents">
        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_01.jpg"/></dt>
            <dd class="child" style="display:none;"><img src="./img/product/faq/smart_q_01.jpg"/></dd>
        </dl>

        <dl class="toggleChild">    
            <dt class="button"><img src="./img/product/faq/smart_a_02.jpg"/></dt>
            <dd class="child" style="display:none"><img src="./img/product/faq/smart_q_02.jpg"/></dd>
        </dl>

        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_03.jpg"/></dt>
            <dd class="child" style="display:none">
                <div>
                    <img src="./img/product/faq/smart_q_03.jpg" usemap="#q_03"/>
                        <map name="q_03">
                            <area alt="°í°´»ç µÑ·¯º¸±â" shape="rect" coords="530,30,690,90" href="http://www.mijinsoft.co.kr/html/millennium/customeroffice.php" target="_blank" onfocus="blur()">
                        </map>
                </div>
            </dd>
        </dl>

        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_04.jpg"/></dt>
            <dd class="child" style="display:none">
                <div>
                    <img src="./img/product/faq/smart_q_04.jpg" usemap="#q_04"/>
                        <map name="q_04">
                            <area alt="»ý»ê°ü¸® µÑ·¯º¸±â" shape="rect" coords="515,55,680,125" href="./jejo_main.php" target="_blank" onfocus="blur()">
                        </map>
                </div>
            </dd>
        </dl>

        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_05.jpg"/></dt>
            <dd class="child" style="display:none">
                <img src="./img/product/faq/smart_q_05.jpg" usemap="#q_19"/>
                    <map name="q_19">
                        <area alt="½º¸¶Æ®Ä«µå°áÁ¦ µÑ·¯º¸±â" shape="rect" coords="240,80,470,150" href="./payment_main.php" target="_blank" onfocus="blur()">
                    </map>
            </dd>
        </dl>

        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_06.jpg"/></dt>
            <dd class="child" style="display:none"><img src="./img/product/faq/smart_q_06.jpg"/></dd>
        </dl>
        
        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_07.jpg"/></dt>
            <dd class="child" style="display:none"><img src="./img/product/faq/smart_q_07.jpg"/></dd>
        </dl>


        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_08.jpg"/></dt>
            <dd class="child" style="display:none"><img src="./img/product/faq/smart_q_08.jpg"/></dd>
        </dl>

        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_09.jpg"/></dt>
            <dd class="child" style="display:none"><img src="./img/product/faq/smart_q_09.jpg"/></dd>
        </dl>

        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_10.jpg"/></dt>
            <dd class="child" style="display:none"><img src="./img/product/faq/smart_q_10.jpg"/></dd>
        </dl>

        <dl class="toggleChild">
            <dt class="button"><img src="./img/product/faq/smart_a_11.jpg"/></dt>
            <dd class="child" style="display:none">
            <div>
                <? include("./Page/product/info_smart_main.html"); ?>
            </div>
            </dd>
        </dl>
    </div><!-- //toggleContents -->
</div><!-- //content -->