땀나는 애

[script] qna _ 자주하는 질문 본문

카테고리 없음

[script] qna _ 자주하는 질문

달콤썸머 2019. 12. 31. 11:19
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
<!doctype html>
<html lang="ko">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>자주하는 질문</title>
 
 
    <link rel="stylesheet" type="text/css" href="https://library.bsgangseo.go.kr/gmlib/css/common.css">
 
    <style>
        #fnqboard .community{}
        #fnqboard .community .faq_list{width:100%;border-top:1px solid #000;}
        #fnqboard .community .faq_list .faq .faq_q{position:relative;padding:0 80px;border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;}
        #fnqboard .community .faq_list .faq .faq_q dt{position:absolute;top:7px;left:24px}
        #fnqboard .community .faq_list .faq .faq_q dd{line-height:50px}
        #fnqboard .community .faq_list .faq .faq_a{position:relative;padding:0 80px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;}
        #fnqboard .community .faq_list .faq .faq_a dt{position:absolute;top:14px;left:24px}
        #fnqboard .community .faq_list .faq .disnone{display:none}
        #fnqboard .community .faq_list .faq .faq_q dd a {font-size: 17px;}
        #fnqboard .community .faq_list .faq .faq_a dd {height: auto;min-height: 34px;margin: 14px 0;line-height: 30px;font-size: 17px;}
 
        #fnqboard .imgDot{background-color:#23ace3;color:white;font-size:20px;width:35px;height:35px;line-height:35px;text-align:center;display:inline-block;border-radius:50%}
        #fnqboard .imgDot.dotA{background-color:#f06ca8}
 
        @media screen and (max-width: 800px)  {
            #fnqboard .community{padding:10px 0}
            #fnqboard .community .faq_list{width:100%;border-top:1px solid #000;}
            #fnqboard .community .faq_list .faq .faq_q{position:relative;padding:0 80px;border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;}
            #fnqboard .community .faq_list .faq .faq_q dt{position:absolute;top:7px;left:24px}
            #fnqboard .community .faq_list .faq .faq_q dd{line-height:50px}
            #fnqboard .community .faq_list .faq .faq_a{position:relative;padding:0 80px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;}
            #fnqboard .community .faq_list .faq .faq_a dt{position:absolute;top:14px;left:24px}
            #fnqboard .community .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:14px 0;line-height:20px}
            #fnqboard .community .faq_list .faq .disnone{display:none}
            }
    </style>
 
 
</head>
 
<body>
 
 
    <div id="fnqboard">
        <div class="community">
 
 
 
            <div class="faq_list">
                <ul>
                    <li class="faq">
                        <dl class="faq_q">
                            <!--질문-->
                            <dt><spna class="imgDot dotQ">Q</spna></dt>
                            <dd><a href="#faq_q" onclick="wdBoard_view('1');return false;">질문 </a>
                            </dd>
                        </dl>
                        <dl class="faq_a" id="board1">
                            <!--답변-->
                            <dt><spna class="imgDot dotA">A</spna></dt>
                            <dd>
                                답
                            </dd>
                        </dl>
                    </li>
                    <li class="faq">
                        <dl class="faq_q">
                            <!--질문-->
                            <dt><spna class="imgDot dotQ">Q</spna></dt>
                            <dd><a href="#faq_q" onclick="wdBoard_view('2');return false;">도서관 이용시간은 어떻게 되나요? </a>
                            </dd>
                        </dl>
                        <dl class="faq_a" id="board2">
                            <!--답변-->
                            <dt><spna class="imgDot dotA">A</spna></dt>
                            <dd>- 도서관 개관시간<br /><br />
                                <table width="100%" cellpadding="1" cellspacing="0" style="text-align: center; border-color: #656565; border-style: solid; border-width: 1px; border-collapse: collapse">
                                    <colgroup>
                                        <col style="width: 50%" />
                                        <col style="width: 50%" />
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td style="border-style: solid; border-width: 1px; border-color: #656565">화~토요일</td>
                                            <td style="border-style: solid; border-width: 1px; border-color: #656565">일요일</td>
                                        </tr>
                                        <tr>
                                            <td style="border-style: solid; border-width: 1px; border-color: #656565">09:00~18:00</td>
                                            <td style="border-style: solid; border-width: 1px; border-color: #656565">09:00~17:00</td>
                                        </tr>
                                    </tbody>
                                </table>- 휴관일<br />&nbsp;· 매주 월요일 및 정부지정 공휴일, 기타 관장이 필요하다고 인정하는 날
                            </dd>
                        </dl>
                    </li>
 
                </ul>
            </div>
            <script>
                function wdBoard_view(num) {
                    for (var i = 1; i < 10; i++) {
                        var bo = document.getElementById("board" + i);
                        if (i == num) {
                            if (bo.className == "faq_a") bo.className = "disnone";
                            else bo.className = "faq_a";
                        } else bo.className = "disnone"
                    }
                }
                wdBoard_view(0);
            </script>
 
 
        </div>
    </div>
 
 
 
</body>
 
</html>
 
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs

부산 강서 기적의 도서관

Comments