@charset "utf-8";

/* ------------------------------------------------------------ header offset */
#wrapper { padding-top: 240px;}

/* ------------------------------------------------------------ bread */
#bread { padding: 20px 0; font-size: 13px;}
#bread ol { display: flex; flex-wrap: wrap;}
#bread li { display: flex; align-items: center;}
#bread li:not(:last-child)::after { content: '›'; margin: 0 8px;}
#bread a { color: #371016;}

/* ------------------------------------------------------------ news list */
#news .inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px 0 80px;}
#news .detail { width: 100%; max-width: 780px;}
#news .inner .detail:only-child { margin: 0 auto;}
#news #menu_tab { display: flex; gap: 10px; padding: 0 0 30px;}
#news #menu_tab a { flex: 1; text-align: center; font-size: 18px; line-height: 60px; box-sizing: border-box; border: 1px solid #371016; border-radius: 8px; color: #371016; cursor: pointer; transition: 0.2s;}
#news #menu_tab a.on,
#news #menu_tab a:hover { background: #371016; color: #fff; text-decoration: none;}
#news .detail h1 { font-size: 24px; font-weight: bold; padding: 0 0 30px;}
#news .detail h1.no_data { font-size: 16px; font-weight: normal;}
#news .subtm { font-size: 18px; font-weight: bold; padding: 20px 0 10px;}
#news .newslist li { font-size: 14px; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px dashed #371016; line-height: 1.6;}
#news .newslist li a { text-decoration: underline; display: inline-block; line-height: 1.6;}
#news aside { width: 240px; padding: 0;}
#news aside h4 { font-size: 20px; font-weight: bold; border-left: 6px solid #371016; padding: 5px 0 5px 10px; margin: 0 0 10px;}
#news aside ul { display: block;}
#news aside li { border-bottom: 1px solid #371016;}
#news aside li a { font-size: 16px; display: block; padding: 15px 10px; color: #371016;}

/* ------------------------------------------------------------ top_btn */
.top_btn { text-align: center; padding: 0 0 80px;}
.top_btn a { display: inline-block; min-width: 320px; padding: 20px 40px; box-sizing: border-box; border: solid 1px #371016; border-radius: 8px; color: #371016; text-decoration: none; transition: 0.2s;}
.top_btn a:hover { background: #371016; color: #fff;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width: 768px) {
	#wrapper { padding-top: 111px;}
	#news #menu_tab a { font-size: 14px; line-height: 44px;}
	#news .detail { max-width: 100%;}
	#news aside { width: 100%; padding: 40px 0 0;}
	.top_btn a { min-width: 80%; padding: 16px 20px;}
}