.category_type_dropdown{
    display: none;
}

ul.category{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
ul.category>li>a{
    display: block;
    padding: 10px 0;
    color: #9D9D9D;
    white-space: nowrap;
    text-decoration: none;
    font-size: 20px;
}
ul.category>li.on>a{
    color: #000;
    font-weight: 700;
}
ul.category>li{
    display: flex;
    align-items: center;
    position: relative;
}
ul.category>li::after{
    content: '•';
    display: inline-block;
    padding: 0 7px;
}
ul.category>li:last-child::after{
    display: none;
}
ul.category ul.sub_category{
    display: none;
    flex-wrap: wrap;
    gap: 10px;
    position: absolute;
    top: 40px;
    left: 0;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #000000;
}
ul.category ul.sub_category li a{
    color: #9D9D9D;
    font-size: 18px;
    width: 100%;
    display: block;
}
ul.category ul.sub_category li{
    width: 100%;
}
ul.category li:hover ul.sub_category{
    display: flex;
}



/* 모바일 768px 이하 */
@media (max-width: 768px) {
	.category_area{
		display: none;
	}
	/* DropDown menu */
	.category_type_dropdown{
		display: block;
		padding: 0;
		height: 30px;
		line-height: 30px;
	}
	.dropbtn {
		background-color: #fff;
		color: #000;
		padding: 0;
		font-size: 14px;
		cursor: pointer;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.dropbtn span.left{
		text-align: center;
		flex : 1;
	}
	.dropbtn span.center{
		text-align: center;
		flex : 8;
		padding-right: 5px;
	}
	.dropbtn i{
		flex : 1;
		text-align: right;
	}
	div.dropdown-content-area{
		position: relative;
		z-index: 10;
		display: none;
	}
	ul.dropdown-content{
		margin-top: 3px;
		border: 1px solid #8A8A8A;
		border-radius: 5px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
	}
	ul.dropdown-content li > a{
		padding: 10px 15px;
		font-size: 14px;
		color: #000;
		display: block;
		width: 100%;
		text-align: left;
		white-space: nowrap;
		line-height: 1;
	}
	ul.dropdown-content li > a:hover, ul.dropdown-content li > a:active, ul.dropdown-content li > a:focus, ul.dropdown-content li.on > a{
		background-color: #1967D2;
		color: #fff;
	}
	ul.dropdown-content ul li > a{
		padding-left: 25px;
	}
	ul.dropdown-content ul li.on_ > a{
		background-color: #1967D2;
		color: #fff;
	}
	div.category_title{
		font-size: 14px;
		margin-bottom: 5px;
	}
	h1.title a{
		font-size: 20px;
	}
	.read_header .meta a, .read_header .meta .ipaddress{
		font-size: 14px;
	}
	.read_header .meta a, .read_header .meta span{
		font-size: 14px;
	}
	.xe_content p, .rhymix_content *{
		font-size: 14px;
	}
	div.btn_func a{
		font-size: 14px;
	}
	div.prev_next a{
		font-size: 14px;
	}
	.cmt_info a{
		font-size: 14px;
	}
}