콘디쌤2017.05.25 09:48
$(document).ready(function(){
    
    $("header").load("header.html", function(){
        
        var url = location.href;
        var html = url.substr( url.lastIndexOf("/") + 1 ) ;
        
        if ( html == "kibos.html") {
            $("nav .gnb").eq(0).addClass("sel");
        }
        
    });
    
    $("footer").load("footer.html");
    
    $(".content.history .tab").click(function(){
        var tn = $(this).index();
        $(".content.history .tab.sel").removeClass("sel");
        $(this).addClass("sel");
        $(".content.history .tview.sel").removeClass("sel");
        $(".content.history .tview").eq(tn).addClass("sel");
    });
                  
    $(".content.kibosWay .tab").click(function(){
        var tn = $(this).index();
        $(".content.kibosWay .tab.sel").removeClass("sel");
        $(this).addClass("sel");
        $(".content.kibosWay .tview.sel").removeClass("sel");
        $(".content.kibosWay .tview").eq(tn).addClass("sel");
    });
                  
});

<div class="inner">
    <div class="logo"><img src="img/logo.png" /></div>
    <div class="util-wrap">
        <div class="util">LOGIN</div>
        <div class="util">JOIN</div>
        <div class="util">SITEMAP</div>
        <div class="util">제휴문의</div>
        <div class="util">공식쇼핑몰</div>
    </div>
</div>

<nav>
    <div class="gnb"><a href="#">회사소개</a></div>
    <div class="gnb"><a href="#">브랜드</a></div>
    <div class="gnb"><a href="#">고객센터</a></div>
    <div class="gnb"><a href="#">커뮤니티</a></div>
    <div class="gnb"><a href="#">홍보센터</a></div>
</nav>

header {
    height: 176px;
    background-image: url(../img/top.gif);
}

header .inner {
    width: 960px;
    margin: 0 auto;
    height: 113px;
}

header .logo {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}
header .util-wrap {
    position: absolute;
    top: 50px;
    right: 0;
}
.util-wrap .util {
    float: left;
    color: #fff;
}
header nav {
    height: 63px;
    background-color: #4c4c4e;
    border-top: 1px solid #575758;
    text-align: center;
}

nav .gnb {
    height: 19px;
    display: inline-block;
    background-image: url(../img/gnb-mu.gif);
    margin-top: 20px;
}
nav .gnb:nth-child(1) {
    width: 103px;
}
nav .gnb:nth-child(2) {
    width: 92px;
    background-position: -103px 0;
}
nav .gnb:nth-child(3) {
    width: 106px;
    background-position: -195px 0;
}
nav .gnb:nth-child(4) {
    width: 101px;
    background-position: -301px 0;
}
nav .gnb:nth-child(5) {
    width: 98px;
    background-position: -402px 0;
}

nav .gnb a {
    display: block;
    text-indent: -9999px;
}
nav .gnb.sel {
    background-image: url(../img/gnb-mu-over.gif);
}






문서 첨부 제한 : 0Byte/ 10.00MB
파일 크기 제한 : 10.00MB (허용 확장자 : *.*)