@charset "utf-8";


.news-paper{display: none;}
.news-paper.active{display: block;}
	@media (max-width:991px)	{.news-paper{}}

.nws-scroll{}
	@media only screen and (max-width:991px)	{.nws-scroll{}}


.news-category-list{display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 10px;row-gap: 10px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{.news-category-list{}}
	@media only screen and (max-width:767px)	{.news-category-list{grid-template-columns: repeat(2, 1fr)}}
	@media only screen and (max-width:575px)	{.news-category-list{}}

.news-category-btn{display:flex;align-items: center;justify-content: center;height: 3.5em; padding: 0 .5em;background-color: #fff;border: 1px solid #ccc;line-height: 1.2; transition: .2s ease-out;}
.news-category-btn.login::after{margin-left: 5px; content: "\f023";font-family: "Font Awesome 5 Pro";font-weight: bold;}
.news-category-btn.active,.news-category-btn:hover{background-color: #f4ecf8; border-color: #601986;}
	@media only screen and (max-width:1259px)	{.news-category-btn{font-size: .875rem;}}
	@media only screen and (max-width:575px)	{.news-category-btn{height: 3em; font-size: .75rem;}}

.news-article{display: flex;align-items: center;column-gap: 1rem; padding: 1.25em 0;width: 100%;border-bottom: 1px solid #A7A7A7;}
	@media only screen and (max-width:991px)	{.news-article{padding: 1em 0;}}
	@media only screen and (max-width:767px)	{.news-article{padding: .75em 0;flex-direction: column;align-items: flex-start;row-gap: 0.8rem;}}

.detail-article{display: table;padding: .5em 0;width: 100%;border-bottom: 1px dotted #666;align-items:center;}
	@media only screen and (max-width:575px)	{.detail-article{display: block;}}


.news-detail-article{display: table;}
	@media only screen and (max-width:575px)	{.news-detail-article{display: block;}}


.news-article + .news-article{}


.news-date{font-weight: 700;width: 9em;line-height: 1.75;flex-shrink: 0;}
	@media only screen and (max-width:991px)	{.news-date{}}
	@media only screen and (max-width:767px)	{.news-date{}}
	@media only screen and (max-width:575px)	{.news-date{width: 100%;display: flex;justify-content:space-between;align-items:center;border-right: none;}}

.date{display: flex;justify-content:space-between;align-items: center;width: 9em;color:#C490BF;}
	@media only screen and (max-width:991px)	{.date{}}
	@media only screen and (max-width:575px)	{.date{}}
	@media only screen and (max-width:575px)	{.date{}}


.new{background: transparent;color:#DC3445;font-size: .75em;line-height: 1;padding: 0 .25em;width: auto;height: 1em;display: flex;align-items:center;}

.news-category{font-size: .875rem;font-weight: 700;text-align: center;flex-shrink: 0;width: 12em;line-height: 1;padding: 0.5em;border: 1px solid #212121;}
	@media only screen and (max-width:991px)	{.news-category{}}
	@media only screen and (max-width:767px)	{.news-category{}}
	@media only screen and (max-width:575px)	{.news-category{font-size: .75rem;width: auto;}}

.news-icon{font-size: .75em;color:#FFF;line-height: 1rem;padding: 0 .25em;text-align: center;width: 100%;min-height: 2em;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:575px)	{.news-icon{}}


.news-comment{line-height: 1.75;flex: 1;}
	@media only screen and (max-width:991px)	{.news-comment{}}
	@media only screen and (max-width:767px)	{.news-comment{}}
	@media only screen and (max-width:575px)	{.news-comment{display: block;padding:0;line-height: 1.75;}}

.news-img,.news-txt{}
	@media only screen and (max-width:575px)	{.news-img,.news-txt{display: block;}}

.news-img{}
	@media only screen and (max-width:575px)	{.news-img{}}

.news-img img{width: 100%;height: auto;}

.news-detail{flex-shrink: 0;width: 6em;padding: .25em 0;}
	@media only screen and (max-width:991px)	{.news-detail{}}
	@media only screen and (max-width:767px)	{.news-detail{margin: 0 auto;}}
	@media only screen and (max-width:575px)	{.news-detail{}}


.news-box + .tit-level2{margin:1rem 0 3rem;}


.nav-pills .nav-item{margin-right:.25rem;margin-bottom:.25rem;}
	@media only screen and (max-width:767px)	{.nav-pills .nav-item{margin-right:2px;margin-bottom:2px;}}

.nav-pills .nav-link{color:#666;border-radius:0;font-size:1rem;line-height: 1;padding:1rem;width:1.5rem;font-weight: bold;}
	@media only screen and (max-width:991px)	{.nav-pills .nav-link{width: auto;}}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link{font-size: 1rem;padding: .75rem;}}

.nav-	{background: rgba(0,0,0,.2);}
.nav-	{background: rgba(0,0,0,.2);}
.nav-	{background: rgba(0,0,0,.2);}

.nav-:hover,.nav-:active,.nav-:focus	{background: rgba(0,0,0,.5);}
.nav-:hover,.nav-:active,.nav-:focus	{background: rgba(0,0,0,.5);}
.nav-:hover,.nav-:active,.nav-:focus	{background: rgba(0,0,0,.5);}

.nav-pills .nav-link small{
	border-top: 1px solid #999;border-radius:0;
	font-size:.75em;line-height: .75;
	margin-top: .5rem;padding-top: .5rem;
	display: block;
	}
	@media only screen and (max-width:767px)	{.nav-pills .nav-link small{font-size: 10px;margin-top: 5px;padding-top: 5px;}}

.nav-.active	{background: rgba(0,0,0,1) !important;}
.nav-.active	{background: rgba(0,0,0,1) !important;}
.nav-.active	{background: rgba(0,0,0,1) !important;}

.nav-pills .nav-link.active small{border-color: #FFF;}


.tab-content{padding-top:2rem;}