/*<link rel="stylesheet" type="text/css" href="./plugin_140627.css" />
<script type="text/javascript" src="./plugin_140627.js" charset="utf-8"></script> */

/* 탭메뉴 이미지 플러그인 leewangju 20140626 */
/* <div id="tabUse1">
	<div id="tabMenuBox">
		<div class="listBox">
			<a href="#" class=""></a>
		</div>
	</div>

	<div id="tabContentBox">
		<div class="listBox">
			<div id="tab_1" style="display:block;">
				1
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">	
$(document).ready(function(){
	$("#tabUse1").tab_image_Setting({
		width : 185,	//이미지의 너비
		height: 55,	// 이미지의 높이
		marginleft : 3, // 이미지 가로 마진
		marginTop : 14, // 이미지 가로 마진
		colNum : 4, // 이미지 몇 행
		outHeight: 0, // 롤아웃 이미지의 시작점 높이
		overHeight: 456, // 롤오버 이미지의 시작점 높이
		background : './bg_dhaceng_renewal.jpg', // 백그라운드
		contentBox : true, // 탭에 컨텐츠 유무 true:동일페이지 탭변경, false:개별페이지 탭변경
		categoryUse : true, // 주소상에 카테고리로 탭이용시 true:사용, false:비사용
		cateName : 'cat', //카테고리 분류 영문
		category : ['전체','LC','RC','어휘','독해','기타']
	});
	// url ?mode= 값으로 시작탭 제어, default값:1
}); 
</script>*/
/* 공통css - 수정 금지, 수정이 필요할시 내부스타일 or inline-style로 수정 */
#tabMenuBox { margin:0px; padding:0px; }
#tabMenuBox .listBox { overflow:hidden; }
#tabMenuBox .listBox a{ 
display:block; float:left; width:185px; height:55px; margin-left:3px; margin-top:14px;}
#tabMenuBox .listBox a { background-image:url(''); background-position:0px 0px; background-repeat:no-repeat; }
#tabMenuBox .listBox a.first-row { margin-left:0px;  }
#tabMenuBox .listBox a.first-col { margin-top:0px;  }
#tabContentBox { }
#tabContentBox .listBox { }
#tabContentBox .listBox>div{ }








/* 탭메뉴 텍스트 플러그인 leewangju 20140626 */
/*<div id="tabUse2">
	<div id="tabTextBox">
		<div class="listBox">
			<a href="#" class="">전체</a>
		</div>
	</div>
	<div id="tabContentBox">
		<div class="listBox">
			<div id="tab_1" style="display:block;">
				1
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">	
$(document).ready(function(){
	$("#tabUse2").tab_text_Setting({
		width : 185,	//이미지의 너비
		//height: 55,	// 이미지의 높이
		marginleft : 3, // 이미지 가로 마진
		marginTop : 14, // 이미지 가로 마진
		colNum : 4, // 이미지 몇 행
		borderOutColor : '#cbcbcb', // 테두리 롤아웃 컬러 
		borderOverColor : '#333333', // 테두리 롤오버 컬러 
		fontOutColor : '#656565', // 폰트 롤아웃 컬러 
		fontOverColor : '#fff', // 폰트 롤오버 컬러 
		backOutColor : '#f2f2f2', // 백그라운드 롤아웃 컬러 
		backOverColor : '#0769aa', // 백그라운드 롤오버 컬러 
		weight : 'bold', // 폰트 굵기
		size : '12px', // 폰트 사이즈
		padding : '8px', // 상하단 패딩
		focusBoolean : true, // 포커스 이미지 유무 true, false
		focusWidth : 8, // 포커스 이미지의 가로
		focusHeight : 5, // 포커스 이미지의 가로
		focusTop : 28, // 포커스 이미지의 시작점 높이
		focusImage : 'https://gscdn.hackers.co.kr/hackers/images/tab/ico_dhaceng.gif', // 포커스 이미지
		contentBox : true, // 탭에 컨텐츠 유무 true:동일페이지 탭변경, false:개별페이지 탭변경
		categoryUse : true, // 주소상에 카테고리로 탭이용시 true:사용, false:비사용
		cateName : 'cat', //카테고리 분류 영문
		category : ['전체','LC','RC','어휘','독해','기타']
	});
	// url ?mode= 값으로 시작탭 제어, default값:1 
});
</script>*/
/* 공통css - 수정 금지, 수정이 필요할시 내부스타일 or inline-style로 수정 */
#tabTextBox { margin:0px; padding:0px;}
#tabTextBox .listBox { *zoom:1; /*overflow:hidden;*/  }
#tabTextBox .listBox:after{ content:""; display:block; clear:both; }
#tabTextBox .listBox a{ background:url('') no-repeat 0px 0px; border-style:solid; border-color:#cbcbcb; border-width:1px 1px 1px 0px;
display:block; float:left; text-decoration:none;
width:97px; padding:8px 0px; text-align:center; font-weight:bold; font-size:12px; line-height:12px; color:#656565; background:#f2f2f2; }
#tabTextBox .listBox a:first-child { border-width:1px 1px 1px 1px; }
#tabTextBox .listBox a:hover { color:#fff; background:#0769aa; }
#tabTextBox .listBox a.active { color:#fff; background:#0769aa; }
#tabTextBox .listBox a.first-row { margin-left:0px;  }
#tabTextBox .listBox a.first-col { margin-top:0px;  }
#tabTextBox .listBox a span.focus { display:block; 
position:absolute; left:50%; top:28px; width:8px; margin-left:-4px; height:5px;  }













/* 탭메뉴 맵 플러그인 leewangju 20140626 */
/*<div id="tabUse3">
	<div id="tabMapBox">
		<div class="listBox">
			<div class="mapBox">
				<img src="http://hackers.gscdn.com/hackers/images/tab/Untitled.png" usemap="#tabMap" />
					<map name="tabMap" id="tabMap">
					<area shape="rect" coords="4,1,158,67" href="#" />
					<area shape="rect" coords="163,2,312,67" href="#" />
					<area shape="rect" coords="316,3,462,68" href="#" />
					<area shape="rect" coords="464,4,610,69" href="#"  />
					<area shape="rect" coords="615,4,758,67" href="#"  />
					</map>
			</div>
		</div>
	</div>

	<div id="tabContentBox">
		<div class="listBox">
			<div id="tab_1" style="display:block;">
				1
			</div>
			<div id="tab_2" style="display:none;">
				2
			</div>
			<div id="tab_3" style="display:none;">
				3
			</div>
			<div id="tab_4" style="display:none;">
				4
			</div>
			<div id="tab_5" style="display:none;">
				5
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">	
$(document).ready(function(){
	$("#tabUse3").tab_map_Setting({
		size : 5, // 탭메뉴 갯수
		width : 764,	//이미지전체 너비
		height: 69,	// 이미지의 높이
		marginTop : 7, // 이미지 세로 마진
		background : 'http://hackers.gscdn.com/hackers/images/tab/bg_dhaceng_renewal4.jpg', // 백그라운드
		contentBox : true, // 탭에 컨텐츠 유무 true:동일페이지 탭변경, false:개별페이지 탭변경
		categoryUse : true, // 주소상에 카테고리로 탭이용시 true:사용, false:비사용
		cateName : 'cat', //카테고리 분류 영문
		category : ['전체','LC','RC','어휘','독해','기타']
	});
	// url ?mode= 값으로 시작탭 제어, default값:1 
});
</script>*/
/* 공통css - 수정 금지, 수정이 필요할시 내부스타일 or inline-style로 수정 */
#tabMapBox { margin:0px; padding:0px;}
#tabMapBox .listBox { *zoom:1; /*overflow:hidden;*/  }
#tabMapBox .listBox:after{ content:""; display:block; clear:both; }
#tabMapBox .listBox .mapBox { width:764px; height:69px; overflow:hidden; }