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
|
<?php include_once("./_common2.php"); ?>
<head>
<meta http-equiv="content-type" content="application/xhtml+xml;" />
<meta charset="euc-kr">
<link href="./css/import.css" rel="stylesheet" type="text/css">
<script language='javascript' src="./js/jquery-1.7.2.min.js"></script>
<style type="text/css">
.noviceWrap {
position:relative; display:block; width:100%; background: url(./images/novice/novice_bg.jpg) repeat-x top center
}
.noviceContainer { position:relative; display:block; width:920px; margin:0 auto;}
.noviceContainer h1 { display:block; padding:10px 0; height:25px;}
.noviceContainer h1 a { margin:0 30px 0 0; }
.noviceContainer .noviceNavi { display:block; margin:0 0 50px; height:260px; text-align:center; overflow:hidden;}
.noviceContainer .noviceNavi h2 { margin:30px 0 10px; height:45px; color:#555; font-size:18px;}
.noviceContainer .noviceNavi h2 span { margin:0 20px 0 0; font-size:42px; line-height:42px;}
.noviceContainer .noviceNavi .noviceBtn a { cursor:pointer;}
.noviceContainer .step { margin:0 0 70px;}
.noviceContainer .step h2 { margin:0 0 30px;}
.noviceContainer .step dt { margin:0 0 20px;}
.noviceContainer .step dd { margin:0 0 30px;}
.noviceContainer .step p { position:relative; display:block; padding:10px 0; width:100%; height:45px; border-top:1px solid #CCC;}
.noviceContainer .step p > a { width:150px; color:#777; font-size:17px; font-weight:600;}
.noviceContainer .step p > a img { margin:0 10px 0 0; }
.noviceFooter { padding:30px 0; background:#f0f0f2;}
.noviceFooter p { font-size:15px; font-weight:600; line-height:150%;}
</style>
</head>
<body>
<div class="noviceWrap">
<div class="noviceContainer">
<h1><a href="./intro.php"><img src="./img/novice/logo.jpg"></a><img src="./img/novice/info.jpg"></h1>
<div class="noviceNavi">
<h2><span><font class="blue">õ³â°æ¿µ »ç¿ë¹ý</font><font class="gray">,À̰͸¸ ¾Ë¸éµÈ´Ù!</span> ¡Ú ±âº»»ç¿ë5´Ü°è</h2>
<div class="noviceBtn">
<a value='1'><img src="./img/novice/step1.png" ALT="1.°Å·¡Ã³µî·Ï"></a>
<img src="./images/novice/arrow.png"/>
<a value='2'><img src="./img/novice/step2.png" ALT="2.»óÇ°µî·Ï"></a>
<img src="./images/novice/arrow.png"/>
<a value='3'><img src="./img/novice/step3.png" ALT="3.¸ÅÀÔ/¸ÅÃâµî·Ï"></a>
<img src="./images/novice/arrow.png"/>
<a value='4'><img src="./img/novice/step4.png" ALT="4.¼ö±Ý/ÁöºÒµî·Ï"></a>
<img src="./images/novice/arrow.png"/>
<a value='5'><img src="./img/novice/step5.png" ALT="5.°Å·¡¸í¼¼Ç¥/°è»ê¼¹ßÇà"></a>
</div>
</div><!--//noviceNavi-->
<div class="step">
<span class='span_class' id='tab1' style='display:block;'>
<? include("./novice/tab1.php"); ?>
<p><a href="javascript:show_next_tab('2')"><img src="images/novice/tab2.png">´ÙÀ½ÆäÀÌÁö > </a></p>
</span>
<span class='span_class' id='tab2' style='display:none;'>
<? include("./novice/tab2.php"); ?>
<p><a href="javascript:show_next_tab('3')"><img src="images/novice/tab3.png">´ÙÀ½ÆäÀÌÁö > </a></p>
</span>
<span class='span_class' id='tab3' style='display:none;'>
<? include("./novice/tab3.php"); ?>
<p><a href="javascript:show_next_tab('4')"><img src="images/novice/tab4.png">´ÙÀ½ÆäÀÌÁö > </a></p>
</span>
<span class='span_class' id='tab4' style='display:none;'>
<? include("./novice/tab4.php"); ?>
<p><a href="javascript:show_next_tab('5')"><img src="images/novice/tab5.png">´ÙÀ½ÆäÀÌÁö > </a></p>
</span>
<span class='span_class' id='tab5' style='display:none;'>
<? include("./novice/tab5.php"); ?>
<p><a href="javascript:show_next_tab('1')"><img src="images/novice/tab1.png">< óÀ½ÆäÀÌÁö</a></p>
</span>
</div><!--//step-->
<script>
$(function(){
$(".noviceBtn a").click(function () {
var tab_id = $(this).attr("value");
$(".step .span_class").hide();
$(".step #tab"+tab_id).show();
});
if('<?php echo $_GET['step']?>'!=''){
show_next_tab('<?php echo $_GET['step']?>');
}
});
function show_next_tab(v){
$(".step .span_class").hide();
$(".step #tab"+v).show();
$("html,body").animate({scrollTop:0},100);
}
</script>
</div><!--//noviceContainer-->
</div><!--//noviceWrap-->
<div class="noviceFooter">
<div class="noviceContainer">
<h1><img src="./images/novice/footer.png" alt="¾È³»¹®"></h1>
<p>º» ¼³¸íÀº óÀ½ »ç¿ëÀÚ¸¦ À§ÇÑ 10ºÐOK µµ¿ò¸»ÀÔ´Ï´Ù.</p>
<p>±âº»ÀûÀÎ »ç¿ë¹ýÀ» 5´Ü°è·Î ¾Ë±â ½±°Ô ¼³¸íÇÏ¿© ÀÌ »ç¿ë¹ý¸¸ ÀÍÈ÷¸é ´Ù¸¥ ºÎºÐÀº ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖ½À´Ï´Ù.</p>
</div><!--//noviceContainer-->
</div>
</body>
|