/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
------------------------------------------------------------------------------------- */

div#tabs_horizontal,
div#tabs_horizontal1,
div#tabs_horizontal2,
div#tabs_horizontal3,
div#tabs_horizontal_mypopsong
 {	
	position:relative;	
	z-index:1000;
	float: left;
	clear:both;
	width:770px;
    margin:0 auto;
	color:#FF9900;	/*내용글자색 */
}

/* Control buttons
------------------------------------------------------------------------------------- */
div#tabs_horizontal a.prev, 
div#tabs_horizontal a.next, 
div#tabs_horizontal1 a.prev, 
div#tabs_horizontal1 a.next, 
div#tabs_horizontal2 a.prev, 
div#tabs_horizontal2 a.next, 
div#tabs_horizontal3 a.prev, 
div#tabs_horizontal3 a.next,
div#tabs_horizontal_mypopsong a.prev, 
div#tabs_horizontal_mypopsong a.next 
{
	display:none;
	float:left;
	height:38px;
	width:39px;
	border:1px solid #555555;
	border-bottom:0 none;
	outline:none;
	background:#111 url(../Images/btn_arrows.gif) no-repeat;	
}

div#tabs_horizontal a.prev,
div#tabs_horizontal1 a.prev,
div#tabs_horizontal2 a.prev,
div#tabs_horizontal3 a.prev,
div#tabs_horizontal_mypopsong a.prev 
 {
	border-right:0 none;	
	background-position:13px 13px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
}

div#tabs_horizontal a.prev:hover,
div#tabs_horizontal1 a.prev:hover,
div#tabs_horizontal2 a.prev:hover,
div#tabs_horizontal3 a.prev:hover,
div#tabs_horizontal_mypopsong a.prev:hover
 {	
	background-position:-50px 13px;
	background-color:#222222;
}
div#tabs_horizontal a.next, 
div#tabs_horizontal1 a.next,
div#tabs_horizontal2 a.next,  
div#tabs_horizontal3 a.next,  
div#tabs_horizontal_mypopsong a.next 
{
	background-position:14px -14px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

div#tabs_horizontal a.next:hover,
div#tabs_horizontal1 a.next:hover,
div#tabs_horizontal_mypopsong a.next:hover, 
div#tabs_horizontal2 a.next:hover,
div#tabs_horizontal3 a.next:hover
 {	
	background-position:-49px -14px;
	background-color:#222222;
}

div#tabs_horizontal a.prev.disabled,
div#tabs_horizontal a.next.disabled, 
div#tabs_horizontal1 a.prev.disabled,
div#tabs_horizontal1 a.next.disabled, 
div#tabs_horizontal2 a.prev.disabled,
div#tabs_horizontal2 a.next.disabled, 
div#tabs_horizontal3 a.prev.disabled,
div#tabs_horizontal3 a.next.disabled, 
div#tabs_horizontal_mypopsong a.prev.disabled,
div#tabs_horizontal_mypopsong a.next.disabled 
{
	cursor:default;
	background-color:#555555;
}
div#tabs_horizontal a.prev.disabled,
div#tabs_horizontal1 a.prev.disabled,
div#tabs_horizontal2 a.prev.disabled,
div#tabs_horizontal3 a.prev.disabled,
div#tabs_horizontal_mypopsong a.prev.disabled
 {
	background-position:-113px 13px;
}

div#tabs_horizontal a.next.disabled,
div#tabs_horizontal1 a.next.disabled,
div#tabs_horizontal2 a.next.disabled,
div#tabs_horizontal3 a.next.disabled,
div#tabs_horizontal_mypopsong a.next.disabled
 {
	background-position:-112px -14px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div#tabs_horizontal div#tabs_container,
div#tabs_horizontal1 div#tabs_container1

 {
	position:relative !important; /* The tabs position will be calculated from the ul.tabs first parent element with position:relative */
	z-index:100;
	float:left;
	width:750px;
	height:48px;
	margin-bottom:-1px;
	border-left:1px solid #2a3b52;	
	overflow:hidden;
    top: 0px;
    left: 0px;
}
div#tabs_horizontal2 div#tabs_container2,
div#tabs_horizontal3 div#tabs_container3
{
	position:relative !important; /* The tabs position will be calculated from the ul.tabs first parent element with position:relative */
	z-index:100;
	float:left;
	width:750px;
	height:32px;
	margin-bottom:-1px;
	border-left:1px solid #2a3b52;	
	overflow:hidden;
    top: 0px;
    left: 0px;
}


div#tabs_horizontal_mypopsong div#tabs_container
 {
	position:relative !important; /* The tabs position will be calculated from the ul.tabs first parent element with position:relative */
	z-index:100;
	float:left;
	width:750px;
	height:60px;
	margin-bottom:-1px;
	border-left:1px solid #555555;	
	overflow:hidden;	
}

div#tabs_horizontal div#tabs_container ul.tabs,
div#tabs_horizontal1 div#tabs_container1 ul.tabs,
div#tabs_horizontal2 div#tabs_container2 ul.tabs,
div#tabs_horizontal3 div#tabs_container3 ul.tabs
 {
	width:10000px; /* Set to an arbitrary high value */
	height:45px;
	margin:0px;
	padding:0px;
	list-style:none;
}
div#tabs_horizontal_mypopsong div#tabs_container ul.tabs
 {
	width:10000px; /* Set to an arbitrary high value */
	height:60px;
	margin:0px;
	padding:0px;
	list-style:none;
}


div#tabs_horizontal div#tabs_container ul.tabs li,
div#tabs_horizontal1 div#tabs_container1 ul.tabs li,
div#tabs_horizontal2 div#tabs_container2 ul.tabs li,
div#tabs_horizontal3 div#tabs_container3 ul.tabs li,
div#tabs_horizontal_mypopsong div#tabs_container ul.tabs li
 {
	float:left;
}

div#tabs_horizontal ul.tabs li a,
div#tabs_horizontal1 ul.tabs li a,
div#tabs_horizontal2 ul.tabs li a,
div#tabs_horizontal3 ul.tabs li a,
div#tabs_horizontal_mypopsong ul.tabs li a
 {
	display:block;
	margin:0px;
	padding:5px 17px;
	font-size:13px;
	line-height:18px; /* Aligns the tabs to the bottom of the content container */
	color:#7ea9ef;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	border-top:1px solid #2a3b52;
	border-right:1px solid #2a3b52;
	border-bottom:1px solid #2a3b52;
	background:#212f41 url(../Images/h_tab_bg.jpg) repeat-x 0px 0px;	
}

div#tabs_horizontal ul.tabs a:hover,
div#tabs_horizontal1 ul.tabs a:hover,
div#tabs_horizontal2 ul.tabs a:hover,
div#tabs_horizontal3 ul.tabs a:hover,
div#tabs_horizontal_mypopsong ul.tabs a:hover
 {
	color:#fba44f;
}

div#tabs_horizontal ul.tabs a.active,
div#tabs_horizontal1 ul.tabs a.active,
div#tabs_horizontal2 ul.tabs a.active,
div#tabs_horizontal3 ul.tabs a.active,
div#tabs_horizontal_mypopsong ul.tabs a.active

 {
	color:#66a4f9;
	border-bottom-color:#333;
	background:#2a3b52;
}

/* Content
------------------------------------------------------------------------------------- */
div#tabs_horizontal div#content,
div#tabs_horizontal2 div#content2,
div#tabs_horizontal3 div#content3
 {
	position:relative;
	z-index:5;
	float: left;
	width:770px;
height:120px;
	padding:0px;
	border:1px solid #2a3b52;
	background-color:#212f41;
	overflow:auto; /* Makes the content scroll if Javascript is disabled */
}

div#tabs_horizontal1 div#content1
{
	position:relative;
	z-index:5;
	float:left;
	width:770px;
	height:120px;
	padding:1px;
	border:1px solid #2a3b52;
	background-color:#212f41;
	overflow:hidden; /* Makes the content scroll if Javascript is disabled */
}

div#tabs_horizontal_mypopsong div#content
{
	position:relative;
	z-index:5;
	float:left;
	width:790px; /*전체 content의 넓이 */
	padding:5px;
	border:1px solid #555;
	background-color:#222;
	overflow:auto; /* Makes the content scroll if Javascript is disabled */
}

div#tabs_horizontal div#content div.view_container,
div#tabs_horizontal1 div#content1 div.view_container,
div#tabs_horizontal2 div#content2 div.view_container,
div#tabs_horizontal3 div#content3 div.view_container
 {
	position:relative;		
	height:120px;
}

div#tabs_horizontal_mypopsong div#content div.view_container
 {
	position:relative;		
 }	

div#tabs_horizontal div.view_container div.tab_view,
div#tabs_horizontal1 div.view_container div.tab_view,
div#tabs_horizontal_mypopsong div.view_container div.tab_view,
div#tabs_horizontal2 div.view_container div.tab_view,
div#tabs_horizontal3 div.view_container div.tab_view
 {
	width:770px;
	margin-bottom:20px;
	background-color:#212f41;
}

div#tabs_horizontal div#content h2,
div#tabs_horizontal1 div#content1 h2,
div#tabs_horizontal2 div#content2 h2,
div#tabs_horizontal3 div#content3 h2,
div#tabs_horizontal_mypopsong div#content h2
 {
	font-size:16px;
	color:#8096b3 ;
	margin:0 0 16px;
	padding:0px;
}

div#tabs_horizontal div#content p,
div#tabs_horizontal1 div#content1 p
 {
	margin:14px 0 0;
	padding:0px;
}

div#tabs_horizontal2 div#content2 p,
div#tabs_horizontal3 div#content3 p,
div#tabs_horizontal_mypopsong div#content p
 {
	font-size:12px;
	color:#8096b3;
	margin:10px 0 10px;
	padding:0px;
}

div#tabs_horizontal div#content blockquote,
div#tabs_horizontal1 div#content1 blockquote,
div#tabs_horizontal_mypopsong div#content blockquote,
div#tabs_horizontal2 div#content2 blockquote,
div#tabs_horizontal3 div#content3 blockquote
 {
	float: inherit;
	width:315px;
	margin:10px 10px 0 0;
	padding:0 0 0 12px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Verdana."Verdana", Times, serif;
	color:#8096b3;
}