/* --------------------------------------------------------------------------
	탭
-------------------------------------------------------------------------- */ 

.tabs { position: relative; }
.tabs > h3 { 
	float: left; width: 100%; 
	margin-bottom: 15px; 
	font-size: 14px; 
	font-weight: 600; 
	background: #f5f5f5;
	border-radius: 3px; 
	padding: 10px 15px; 
}
.tabs .btns:after { content: ''; display: table; clear: both; }
.tabs .bh-bar { width: 100%; position: absolute; 	bottom: 0px; } 
.tabs:not(.noframe) .bh-bar { border-top: solid 1px #589DDA; }
.tabs:not(.noframe).bold-bh-bar .bh-bar { border-top: solid 2px #589DDA; }

.tabs .btns { position: relative; }
.tabs .btns ul { margin-left: 0px; float: left; width: 100%; }

.tabs .btns li {	
	display: block;
	float: left;
	position: relative;
	background: #f4f4f4; 
	border-top: solid 1px #ccc;	
	border-left: solid 1px #ccc;	
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
}
.tabs .btns ul li:last-child { margin-bottom: 0; border-right: solid 1px #bbb; }
.tabs .btns ul li[selected]:last-child { margin-bottom: 0; border-right: solid 1px #589DDA; }

.tabs .btns li:hover { background: #eee; }
.tabs .btns li[disabled] { opacity: 0.7; cursor: default; }
.tabs .btns li[disabled]:hover { border: solid 1px #ccc; }

.tabs .btns li > span { float: left; } 

.tabs .btns li .ico-search { 
	display: inline-block; 
	background-position: -96px -13px; 
	width: 14px; 
	height: 14px; 
	position: absolute; 
	top: 9px; 
	left: 13px; 
}

.tabs .btns.bg-gray { background: #f4f4f4; border-top: solid 1px #ccc; border-right: solid 1px #ccc; } 
.tabs .btns.bg-gray li { border-top: solid 1px #f4f4f4; }

.tabs .btns.bg-white { background: #fff; border-top: solid 1px #ccc; border-right: solid 1px #ccc; }
.tabs .btns.bg-white li { background: #fff; border-top: solid 1px #fff; }
.tabs .btns.bg-white .btns li { background: #fff; }

.tabs.full .btns li { width: 33.33%; } 

.tabs.noframe .bh-bar { display: none; } 
.tabs:not(.button) > .btns li[selected]+li { border-left: solid 1px #589DDA; }

.tabs:not(.noframe) > .btns li { border-bottom: solid 1px #589DDA; } 
.tabs:not(.noframe).bold-bh-bar .btns li { border-bottom: solid 2px #589DDA; } 

.tabs:not(.noframe) > .btns li[selected] { border-bottom: solid 1px #fff; } 
.tabs:not(.noframe).bold-bh-bar .btns li[selected] { border-bottom: solid 2px #fff; } 

.tabs:not(.noframe) > .btns li[disabled]:hover { border-bottom: solid 1px #589DDA; } 
.tabs:not(.noframe) > .btns li[disabled]:hover { border-bottom: solid 1px #589DDA; } 
.tabs > .btns li[disabled]:hover+li { border-left: solid 1px #ccc; } 

.tabs:not(.button) .btns li[selected] { 
	font-weight: 600; 
	background: #fff; 
	border-left: solid 1px #589DDA; 	
	border-top: solid 4px #589DDA; 	
}
.tabs:not(.button) .btns li[selected] { margin-top: -3px; } 

//.tabs .btns li[selected]:hover { text-decoration: none; cursor: default; }
.tabs .btns li[selected]+li { border-left: solid 1px #589DDA; }

.tabs .tab-cont { 
	width: 100%;
	padding: 15px 0; 	
	padding-bottom: 100px; 
	min-height: 100px;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}
.tabs .tab-cont:first { display: block; }
.tabs .tab-cont[selected] { display: block; }

/* --------------------------------------------------------------------------
	Button
-------------------------------------------------------------------------- */ 

.tabs.button li {
	margin-right: 11px;
	margin-bottom: 9px;
	border: solid 1px #bbb; 
	text-align: center;
	padding: 10px 0;
}
.tabs.button:not(.noframe) li { border: solid 1px #bbb; }
.tabs.button li:last-child { margin-right: 0; }
.tabs.button li[selected] { border: solid 1px #589DDA; background: #EBF3FE; }
.tabs.button .btns li { border-bottom: solid 1px #bbb; }
.tabs.button .btns li[selected] { border-bottom: solid 1px #589DDA; }
.tabs.button .btns li[selected]+li { border-left: solid 1px #bbb; }
.tabs.button .btns li[selected]+li:hover { border-left: solid 1px #bbb; }
.tabs.button .btns li[li[disabled]]+li { border-left: solid 1px #bbb; }
.tabs.button .bh-bar { display: none; }

/* --------------------------------------------------------------------------
	더보기
-------------------------------------------------------------------------- */ 

.tabs .btns .btn-more { 
	background-position: -481px -269px; 
	width: 24px; 
	height: 24px; 
	position: absolute; 
	top: 4px; 
	right: -10px; 
	margin-right: 10px; 
	opacity: 0.3; 
	cursor: pointer; 
}
.tabs .btns .btn-more:hover { opacity: 0.9; }

.tabs .btns .btn-more-tx { 
	position: absolute; 
	top: 10px; 
	right: -10px; 
	margin-right: 10px; 
	font-size: 14px; 
	cursor: pointer; 
	color: #111;
}
.tabs .btns.bg-gray .btn-more-tx { right: 5px; }
.tabs .btns.bg-white .btn-more-tx { right: 0px; }

/* --------------------------------------------------------------------------
	Gray
-------------------------------------------------------------------------- */ 

.tabs.gray:not(.noframe) .bh-bar { border-top: solid 1px #ccc; }
.tabs.gray:not(.noframe) .btns li { border-bottom: solid 1px #ccc; } 
.tabs.gray:not(.noframe) .btns li[selected] { border-bottom: solid 1px #fff; } 
.tabs.gray:not(.button) .btns li[selected] { border-left: solid 1px #ccc; }
.tabs.gray:not(.button) .btns li[selected]+li { border-left: solid 1px #ccc; }
.tabs.gray .btns ul li[selected]:last-child { margin-bottom: 0; border-right: solid 1px #ccc; }