window.onload = function() {
  // TAB1 - 가로 탭 
  try{
  	for(var i=1; i<=4; i++){
  	  var tab1_head = document.getElementById("tab1_head"+i);
  
      var tab1_link = document.getElementById("tab1_link"+i);
  
      if ( i == 1){
        tab1_link.onclick = function () {showhide(1, 0, 0, 0, 0); return false;}
      } else if ( i == 2 ) {
        tab1_link.onclick = function () {showhide(0, 1, 0, 0, 0); return false;}
      } else if ( i == 3 ) {
        tab1_link.onclick = function () {showhide(0, 0, 1, 0, 0); return false;}
      } else if ( i == 4 ) {
        tab1_link.onclick = function () {showhide(0, 0, 0, 1, 0); return false;}
      } 
    } 

    showhide(1, 0, 0, 0, 0);
  }catch(e){
    //alert(e);
  }
}
  
function showhide() {
  try{
    for (var i=0; i<4; i++) {
      var tab1_list = document.getElementById("tab1_list"+(i+1));
      var tab1_head = document.getElementById("tab1_head"+(i+1));
      var tab1_more = document.getElementById("tab1_more"+(i+1));
      if ( arguments[i] == 1 ){
        tab1_list.style.display = "block";
        tab1_head.className = "on";
        tab1_more.style.display = "block";      
      } else {
        tab1_list.style.display = "none";
        tab1_head.className = "off";
        tab1_more.style.display = "none";      
      }
    }
  }catch(e){
    //alert(e);
  }
}