@charset "utf-8";


#mainTab {}
#mainTab ul {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}
#mainTab ul li {
	text-align:center;
	border-bottom:2px solid #dfe0e2;
}
#mainTab ul li a {
	font-size:1.11rem;
	display:block;
	padding:15px 0;
	letter-spacing:-0.45px;
}
#mainTab ul li.sel {
	border-color:#004ea2;
}
#mainTab ul li.sel a {
	font-weight:bold;
}

#mainTab .mainTab_2ea li{
	width:50%;
}
#mainTab .mainTab_3ea li{
	width:33.33%;
}
#mainTab .mainTab_4ea li{
	width:25%;
}
#mainTab .mainTab_5ea li{
	width:20%;
}
#mainTab .mainTab_6ea li{
	width:16.66%;
}
#mainTab .mainTab_7ea li{
	width:25%;
}
#mainTab .mainTab_7ea li:nth-child(5),
#mainTab .mainTab_7ea li:nth-child(6),
#mainTab .mainTab_7ea li:nth-child(7) {
	width:33.33%;
}
#mainTab .mainTab_8ea li{
	width:25%;
}


/* 게시판용 탭 */
.mainTab {
	margin-bottom:40px;
}
.mainTab ul {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}
.mainTab ul li {
	text-align:center;
	border-bottom:2px solid #dfe0e2;
}
.mainTab ul li a {
	font-size:1.11rem;
	display:block;
	padding:15px 0;
	letter-spacing:-0.45px;
}
.mainTab ul li.sel {
	border-color:#004ea2;
}
.mainTab ul li.sel a {
	font-weight:bold;
}
.mainTab .mainTab_2ea li{
	width:50%;
}
.mainTab .mainTab_3ea li{
	width:33.33%;
}
.mainTab .mainTab_4ea li{
	width:25%;
}
.mainTab .mainTab_5ea li{
	width:20%;
}
.mainTab .mainTab_6ea li{
	width:16.66%;
}
.mainTab .mainTab_7ea li{
	width:25%;
}
.mainTab .mainTab_7ea li:nth-child(5),
.mainTab .mainTab_7ea li:nth-child(6),
.mainTab .mainTab_7ea li:nth-child(7) {
	width:33.33%;
}
.mainTab .mainTab_8ea li{
	width:25%;
}




/*---------------반응형 미디어쿼리----------------*/

@media (max-width:1440px) {
}

@media (max-width:1200px) {
}

@media (max-width:1024px) {
}

@media (max-width:991px) {
	#mainTab ul li a {
		font-size:1rem;
	}
	#mainTab .mainTab_7ea li{
		width:50%;
	}
	#mainTab .mainTab_7ea li:nth-child(5),
	#mainTab .mainTab_7ea li:nth-child(6),
	#mainTab .mainTab_7ea li:nth-child(7) {
		width:50%;
	}
}

@media (max-width:768px) {
	#mainTab {
		padding:0 10px;
	}
	#mainTab ul {
		flex-wrap: wrap;
		border:1px solid #dfe0e2;
		padding:5px;
	}
	#mainTab ul li {
		flex:none;
		border:0;
		padding:5px;
	}
	#mainTab ul li a {
		border:1px solid #dfe0e2;
	}
	#mainTab ul li.sel a {
		background-color:#004ea2;
		color:#fff;
	}
	#mainTab .mainTab_6ea li{
		width:33.33%;
	}
}

@media (max-width:480px) {
	#mainTab .mainTab_6ea li{
		width:50%;
	}
	#mainTab .mainTab_7ea li{
		width:100%;
	}
	#mainTab .mainTab_7ea li:nth-child(5),
	#mainTab .mainTab_7ea li:nth-child(6),
	#mainTab .mainTab_7ea li:nth-child(7) {
		width:100%;
	}
}

@media (max-width:320px) {

}