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

<?php
include_once("./_common.php");
include_once($j3_path."/header.sub.php");
?>
<div id="wrap">
    <!-- 상단메뉴고정 -->
    <header class="relative height40 align_c gray_line_b bg_white">
        <h1 class="l_height40 txt17">회원가입 동의</h1>
        <a class="absolute ab_top_left block p5 box30 window_close_class"><img src="<?php echo $j3_imgm_url;?>/ico_back.png" alt="이전" class="box_full"></a>
    </header>
    <!-- //상단메뉴고정 -->

    <div id="container">

        <div class="m15 gray_line">
<style>
.tab_nav .on {color:#fff;font-weight:600;background:#00bbb6;}
</style>
    <input type='hidden' name='mode' value=''>
            <ul class="tab_nav">
                <a rel="tab1" value="1" class="on float_l width_50 height40 l_height40 gray2 txt14 align_c bg_gray">회원가입약관</a>
                <a rel="tab2" value="2" class="float_l width_50 height40 l_height40 gray2 txt14 align_c bg_gray" >개인정보처리방침안내</a>
            </ul>
            <div id="item_tab1" class="tab_cont bg_white" style="display:block;">
                <?php echo nl2br($config['join_agree']);?>
            </div>
            <div id="item_tab2" class="tab_cont bg_white" style="display:block;">
                <?php echo nl2br($config['personal_info']);?>
            </div>
        </div>

        <div class="mt7 width_100 p20">
            <a class="block height30 txt13 align_c l_height30 bg_custom1 window_close_class" ><span class="white bold">동의 및 닫기</span></a>
        </div>

<script>
$(function(){
    $(".tab_nav a").click(function () {
        var tab_id = $(this).attr("value");
        $(".tab_cont").hide();
        $("#item_tab"+tab_id).show();
    });    

    if('<?php echo $mode;?>'=='2'){
        $(".tab_nav a").eq(0).removeClass("on");
        $(".tab_nav a").eq(1).addClass("on").css("border-bottom","1px solid #fff");
        $(".tab_nav a").eq(1).click();
    }

    $(".tab_nav a").click(function(){
        $(".tab_nav a").removeClass("on");
        $(this).addClass("on").css("border-bottom","1px solid #fff");
    });

    $(".window_close_class").click(function(){
        $("#agree<?php echo $mode;?>",opener.document).attr("checked",true);
        window.close();
    });
});

function show_next_tab(v){
    $(".tab_cont").hide();
    $("#item_tab"+v).show();
    $("html,body").animate({scrollTop:0},100);
}

</script>
    </div>
</div><!-- #wrap -->
<?php
include_once($j3_path."/footer.sub.php");
?>