$(document).ready(function() {
    var $tabContents = $('.tab_content');

    // 초기 설정: 첫 번째 탭 콘텐츠만 노출
    $tabContents.hide();
    $tabContents.eq(0).show();
    
    // 클릭 이벤트
    $(".tabs li").click(function() {
        // 탭 메뉴 활성 상태 변경
        $(".tabs li").removeClass("on");
        $(this).addClass("on");
        
        // 클릭한 탭의 순서(index) 파악
        var idx = $(this).index();
        
        // 모든 탭 콘텐츠 숨기고 해당 순번만 페이드인
        $tabContents.hide();
        $tabContents.eq(idx).fadeIn();
        
        return false;
    });
});