@charset "UTF-8";

/* tabs
-----------------------------------------------------*/
.resp-tabs-list {
	display: none;
}

/* contents
-----------------------------------------------------*/
.resp-tabs-container {
	padding: 0px;
	clear: left;
}
.resp-tab-content{
	display: none;
	padding: 15px;
  border: 1px solid #CCC;
	background: #F5F5F5;
}

/* accordion
-----------------------------------------------------*/
.resp-content-active,
.resp-accordion-active {
	display: block;
}
h2.resp-accordion {
	margin: 0px;
	padding: 10px 15px;
	font-size: 100%;
	color: #336699;
	border: 1px solid #CCC;
	border-top: none;
	background: url(/eng/csr/img/common/thk/search-icon.png) no-repeat 95% 50%;
	background-size: 24px 24px;
	cursor: pointer;
}
h2.resp-accordion:first-child {
    border-top: 1px solid #CCC;
}
h2.resp-tab-active {
	color: #c51919;
	border-bottom: none;
	background: url(/eng/csr/img/common/thk/search-icon-active.png) no-repeat 95% 50%;
	background-size: 24px 24px;
}
.resp-accordion-closed {
	display: none !important;
}

@media screen and (min-width: 768px){
	/* tabs
	-----------------------------------------------------*/
	.resp-tabs-list{
		display: table;
	}
	.resp-tabs-list li {
		display: table-cell;
		padding: 25px 10px;
		width: 145px;
		font-size: 107.2%;
		color: #527ca4;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		border-bottom: 3px solid #FFF;
	}
	.resp-tabs-list li:hover {
		text-decoration: underline;
	}
	.resp-tabs-list li.resp-tab-active {
		color: #c51919;
		border-bottom: 3px solid #c51919;
		background: url(/eng/csr/img/common/thk/search-tab-active.png);
	}
	/* contents
	-----------------------------------------------------*/
	.resp-tab-content{
		margin: 0 auto;
		padding: 0;
		width: 970px;
		border: none;
		background-color: transparent;
	}
	/* accordion
	-----------------------------------------------------*/
	h2.resp-accordion{
		display: none;
	}
}