@charset "UTF-8";

.board-list01 table .state , .board-list01 table .answer { width : 87px!important; }
.board-list01 table .date { width : 107px!important; }
.board-list01 table .category { width : 100px!important; }
.board-list01 table .file { width : 60px;!important;}

#tooltip {
    position: absolute;
    z-index: 999999999;
    color: #5e5e5e;
    font-size: 15px;   
}

#tooltip .tipBody {
    background-color: #fff;
    padding: 8px;
	border : 3px solid #b5b5b5;
}


/* tabmenu */
.tabmenu-wrapper {
	position: relative;
	margin-bottom: 50px;
	z-index: 0;
}

.tabmenu-wrapper .mobile-title {
	display: none;
}

.tabmenu-wrapper ul {
	display: block;
	border-bottom: 1px solid #484848
}

.tabmenu-wrapper ul:after {
	content: "";
	clear: both;
	display: block;
}

.tabmenu-wrapper ul > li {
	float: left;
	width: calc(50% + 1px);
	margin-bottom: -1px;
	margin-right: -1px;
}

.tabmenu-wrapper ul.depth3 > li {
	width: calc(33.3% + 1px);
}

.tabmenu-wrapper ul.depth3 > li:nth-child(2) {
	width: calc(33.4% + 1px);
}

.tabmenu-wrapper ul.depth4 > li {
	width: calc(25% + 1px);
}

.tabmenu-wrapper ul.depth5 > li {
	width: calc(20% + 1px);
}

.tabmenu-wrapper ul.depth6 > li {
	width: calc(16.66% + 1px);
}

.tabmenu-wrapper ul.depth6 > li:last-child {
	width: calc(16.7% + 1px);
}

.tabmenu-wrapper ul.depth7 > li {
	width: calc(14.285% + 1px);
}

.tabmenu-wrapper ul.depth7 > li:last-child {
	width: calc(14..29% + 1px);
}

.tabmenu-wrapper ul.depth8 > li {
	width: calc(12.5% + 1px);
}

.tabmenu-wrapper ul > li > a {
	display: block;
	text-align: center;
	height: 54px;
	color: #212121;
	font-size: 20px;
	line-height: 24px;
	padding-top: 17px;
	letter-spacing: -1px;
	border: 1px solid #fff;
	border-bottom: 1px solid #484848;
}

.tabmenu-wrapper ul > li > a:hover,
.tabmenu-wrapper ul > li > a:focus,
.tabmenu-wrapper ul > li > a.active {
	position: relative;
	border: 1px solid #484848;
	border-bottom: 1px solid #fff;
	z-index: 10;
}

/* 비율 없이 탭메뉴 할때 */
.tabmenu-wrapper ul.no-rate > li {
	width: auto;
}

.tabmenu-wrapper ul.no-rate > li > a {
	padding-left: 25px;
	padding-right: 25px;
}

.tabmenu-wrapper02 {
	margin-bottom: 27px;
}

.tabmenu-wrapper02 > ul {
	display: block;
}

.tabmenu-wrapper02 ul > li {
	float: left;
	width: calc(50% + 1px);
	margin-bottom: -1px;
	margin-right: -1px;
}

.tabmenu-wrapper02 ul.depth3 > li {
	width: calc(33.3% + 1px);
}

.tabmenu-wrapper02 ul.depth3 > li:nth-child(2) {
	width: calc(33.4% + 1px);
}

.tabmenu-wrapper02 ul.depth4 > li {
	width: calc(25% + 1px);
}

.tabmenu-wrapper02 ul.depth5 > li {
	width: calc(20% + 1px);
}

.tabmenu-wrapper02 ul.depth6 > li {
	width: calc(16.66% + 1px);
}

.tabmenu-wrapper02 ul.depth6 > li:last-child {
	width: calc(16.7% + 1px);
}

.tabmenu-wrapper02 ul.depth7 > li {
	width: calc(14.285% + 1px);
}

.tabmenu-wrapper02 ul.depth7 > li:last-child {
	width: calc(14..29% + 1px);
}

.tabmenu-wrapper02 ul.depth8 > li {
	width: calc(12.5% + 1px);
}

.tabmenu-wrapper02 ul > li > a {
	display: block;
	border: 1px solid #d1d2d4;
	padding: 15px;
	text-align: center;
	color: #616161;
	font-size: 18px;
	line-height: 24px;
	transition: all 0.2s ease-in-out;
}

.tabmenu-wrapper02 ul > li > a:hover,
.tabmenu-wrapper02 ul > li > a:focus,
.tabmenu-wrapper02 ul > li > a.active {
	background: #313883;
	color: #fff;
}


.tabmenu-wrapper02 .mobile-title-wrapper {
	display: none;
}


@media only all and (max-width: 1023px) {
/* tabmenu */
	.tabmenu-wrapper02 {
		margin-bottom: 1.385rem;
		z-index: auto;
		z-index: initial;
	}

	.tabmenu-wrapper02 .mobile-title-wrapper {
		position: relative;
		display: block;
		border: 1px solid #484848;
	}

	.tabmenu-wrapper02 .mobile-title-wrapper .mobile-title {
		display: block;
		width: 100%;
		height: 2.885rem;
		padding: 0 3.231rem;
		font-size: 1.077rem;
		background: #fff;
	}

	.tabmenu-wrapper02 .mobile-title-wrapper .arrow {
		position: absolute;
		top: 50%;
		right: 1.154rem;
		display: block;
		width: 0.8462rem;
		height: 0.4231rem;
		margin-top: -0.1923rem;
		background: url(/_res/ko/img/icon/icon_arrow_down03@2x.png) no-repeat 0 0;
		background-size: 0.8462rem 0.4231rem;
		transition: all 0.2s ease-in-out;
	}

	.tabmenu-wrapper02 .mobile-title.active + .arrow {
		transform: rotate(180deg);  
	}

	.tabmenu-wrapper02 ul {
		display: none;
		position: absolute;
		top: 2.923rem;
		left: 0;
		width: 100%;
		background: #fff;
		border: 0;
		z-index: 10;
	}

	.tabmenu-wrapper02 ul > li {
		float: none !important;
		width: 100% !important;
		margin-right: 0;
	}

	.tabmenu-wrapper02 ul > li > a {
		display: block;
		text-align: center;
		height: auto;
		color: #212121;
		font-size: 1rem;
		line-height: 1.231rem;
		padding: 0.7692rem 0.9615rem;
		border: 0;
		text-align: left;
		border: 1px solid #484848 !important;

	}

	.tabmenu-wrapper02 ul > li > a:hover,
	.tabmenu-wrapper02 ul > li > a:focus,
	.tabmenu-wrapper02 ul > li > a.active {
		position: relative;
		border: 0;
		border: 1px solid #484848;
		z-index: 10;
		background: #e9e9e9
	}

}