@charset "utf-8";

/* parts */
.readmore_member .readmore_actionbtns a:hover{
	opacity: 0.8;
}
.nextpage a:hover{
	text-decoration: underline;
}

/* pickup */
#pickup{
	margin: 20px 0 0;
}
#pickup_entry .entrylist .entry p {
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.pickup_container{
	position: relative;
}
.pickup_container .slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.pickup_entry a{
	color: #333;
	display: flex !important;
	text-decoration: none;
}
.pickup_entry a:hover{
	opacity: 0.8;
}
.pickup_entry .pickup_entryimg{
	width: 53.33333333333333%;
}
.pickup_entry .pickup_entryimg{
	position: relative;
	width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    max-width:640px;
}
.pickup_entry .pickup_entryimg img{
    width: 100%;
    object-fit: cover;
}
.pickup_entry .pickup_entrycontents{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #f7f7f7;
	width: 46.66666666666667%;
	padding: 30px;
}
.pickup_entry .pickup_entrycontents h2{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.pickup_entry .pickup_entrycontents p{
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 160%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.pickup_entry .pickup_entrycontents .categorys{
	margin-bottom: 15px;
}
.pickup_sliderdots{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.pickup_sliderdots .slick-dots {
	position: relative;
	bottom: 0;
  text-align: right;
}
.pickup_sliderdots .slick-dots li {
  background: #809bab;
  width: 40px;
  height: 10px;
  margin: 0 5px;
}
.pickup_sliderdots .slick-dots li.slick-active {
  background: #0a405f;
}
.pickup_sliderdots .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 40px;
  height: 10px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.pickup_sliderdots .slick-dots li button::before {
  display: none;
}

/* entry */
.entrylist_explanation{
	margin:20px 0;
	font-size: 14px;
}
body.entry .entry_area{
	background: #FFF;
	padding: 30px 20px;
	margin-bottom: 50px;
}
.entry_head{
	margin-bottom: 30px;
}
.entry_head h1{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}
.entry_head .entry_info{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}
.entry_head .entry_info .entry_date{
	background: url("../common/img/icon_time.svg") no-repeat left center;
	background-size: 20px 20px;
	padding-left: 26px;
	min-height: 20px;
}
.share_area{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 20px 0 30px;
}
.entry_bottom .share_area{
	justify-content: center;
}
.share_area span{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.share_area a{
	display: inline-block;
	margin-left: 15px;
}
.share_area a img{
	width: 32px;
	height: auto;
}
.entry_contents{
	position: relative;
	padding-bottom: 20px;
}
.entry_contents h2{
	border-left: 5px solid #0a405f;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	padding:0px 0px 2px 15px;
}
.entry_contents p{
	font-size: 15px;
	line-height: 200%;
	letter-spacing: 0;
	margin-bottom: 30px;
}
.entry_over{
	background: linear-gradient(180deg,rgb(255, 255, 255, 0) 0%,rgb(255, 255, 255, 1) 80%);
	width: 100%;
	height: 100%;
	max-height: 200px;
	position: absolute;
  bottom: 0;
}
.readmore_member{
	background: #FFF;
	border: 2px solid #b20000;
	margin: -60px 30px 0;
	padding: 50px;
	position: relative;
	z-index: 2;
}
.readmore_member p{
	color: #b20000;
	font-size: 15px;
	text-align: center;
	margin-bottom: 30px;
}
.readmore_member .readmore_actionbtns{
	display: flex;
    justify-content: center;
	width: 90%;
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
}
.readmore_member .readmore_actionbtns a{
	border-radius: 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 48%;
	max-width: 260px;
	padding: 15px 15px 15px 45px;
	text-align: center;
	text-decoration: none;
}
.readmore_member .readmore_actionbtns a strong{
	font-size: 18px;
	font-weight: bold;
	display: block;
	text-align: center;
}
.readmore_member .readmore_actionbtns a.loginbtn{
	background: url("../common/img/icon_login.svg") no-repeat #0a405f;
	background-position: left 20px center;
	background-size: 30px auto;
}
.readmore_member .readmore_actionbtns a.memberbtn{
	background: url("../common/img/icon_member.svg") no-repeat #95142a;
	background-position: left 20px center;
	background-size: 34px auto;
}
.readmore_member .readmore_actionbtns a:nth-child(2){
	margin-left:20px;
}

.entry_bottom{
	margin-top: 50px;
}
.entry_bottom.logged_in{
	margin-top: 0px;
}
.nextpage{
	background: #efefef;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
.nextpage p{
	font-size: 14px;
	margin-bottom: 5px;
}
.nextpage a{
	color: #333;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}
.document_download{
	margin-bottom: 50px;
}
.document_download h3{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.document_download .downloadlist_container{
	display: flex;
	justify-content: center;
}
.document_download .downloadlist{
	display: inline-block;
}
.document_download .downloadlist .doc_download a{
	color: #104f74;
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding-left: 40px;
	margin-bottom: 5px;
}
.document_download .downloadlist .doc_download a:hover{
	text-decoration: none;
}
.document_download .downloadlist .doc_download.xls a{
	background: url("../common/img/icon_excel.svg") no-repeat left center;
	background-size: auto 27px;
}
.document_download .downloadlist .doc_download.word a{
	background: url("../common/img/icon_word.svg") no-repeat left center;
	background-size: auto 26px;
}
.document_download .downloadlist .doc_download.ppt a{
	background: url("../common/img/icon_powerpoint.svg") no-repeat left center;
	background-size: auto 26px;
}
.document_download .downloadlist .doc_download.pdf a{
	background: url("../common/img/icon_pdf.svg") no-repeat left center;
	background-size: auto 30px;
}
.document_download .downloadlist .doc_download.picture a{
	background: url("../common/img/icon_picture.svg") no-repeat left center;
	background-size: auto 28px;
}
.document_download .downloadlist .doc_download.file a{
	background: url("../common/img/icon_file.svg") no-repeat left center;
	background-size: auto 28px;
}
.pager{
	text-align: center;
	margin: 30px 0;
}
.pager a,.pager span{
	color: #333;
	border: 1px solid #555;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin: 0 7px;
	text-decoration: none;
}
.pager span,.pager a:hover{
	color: #FFF;
	background: #104f74;
}
#related{
	margin-top: 50px;
}
#related .related_title{
	color: #0a405f;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.related_slider{
	margin: 0 -5px;
}
.related_slider .entry{
	margin: 0 5px;
}
.related_slider .slick-arrow{
	position: absolute;
	height: 45px;
	top: calc(50% - 45px);
	cursor: pointer;
	z-index: 1;
}
.related_slider .next-arrow {
  right: 5px;
}
.related_slider .prev-arrow {
  left: 5px;
}
.top_note{
    max-width: 1200px;
    margin: 0 auto;
}
.top_note p{
	text-align:right;
	font-size: 13px;
}


@media screen and (min-width: 769px) and (max-width: 940px) {
	.pickup_sliderdots .slick-dots{
		bottom: 1.5em;
	}
	.pickup_sliderdots .slick-dots li{
		width: 30px;
	}
}

@media screen and (max-width: 768px){
	/* pickup slider */
	.pickup_entry a {
		flex-wrap: wrap;
	}
	.pickup_entry .pickup_entryimg,.pickup_entry .pickup_entrycontents {
		width: 100%;
	}
	.pickup_entry .pickup_entrycontents{
		padding: 15px 15px 30px;
	}
	.pickup_entry .pickup_entrycontents h2 {
		font-size: 18px;
		margin-bottom: 10px;
		min-height: 50px;
	}
	.pickup_entry .pickup_entryimg{
		max-width: 100%;
	}
	.pickup_entry .pickup_entrycontents p {
		font-size: 14px;
	}
	/* main_contents */
	#main_contents {
		width: 100%;
	}
	.entrylist .entry:nth-child(1){
		border-top: 1px solid #bdbdbd;
	}
	.entrylist .entry {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #bdbdbd;
    padding: 15px 0;
  }
	.entrylist .entry a{
		display: flex;
		justify-content: space-between;
	}
	.entrylist .entry a .entry_img{
		width: 40%;
	}
	.entrylist .entry a h3 {
		font-size: 16px;
		flex: 1;
		margin-left: 10px;
	}
	.entrylist .entry .entry_date {
		margin-bottom: 0px;
	}
	.entry_data{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
	}
	#pickup_entry .entrylist .entry {
		width: 100%;
		margin-bottom: 15px;
	}
	#pickup_entry .entrylist .entry .entry_text{
		flex: 1;
		margin-left: 10px;
	}
	#pickup_entry .entrylist .entry p {
		line-height: 140%;
		margin-left: 10px;
		-webkit-line-clamp: 3;
	}
	#pickup_entry .entrylist .entry .entry_img img{
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	
	/* side_contents */
	#side_contents {
		width: 100%;
	}
	.side_ad_banners{
		text-align: center;
	}
	.ranking_detail .entry_data{
		margin-top: 10px;
	}
	
	/* entry */
	.readmore_member {
		margin: -60px 10px 0;
		padding: 30px;
	}
	.readmore_member .readmore_actionbtns {
		display: block;
		width: 90%;
	}
	.readmore_member .readmore_actionbtns a{
		width: 100%;
	}
	.readmore_member .readmore_actionbtns a.loginbtn{
		margin-bottom: 15px;
	}
	.readmore_member .readmore_actionbtns a:nth-child(2){
		margin-left:0;
	}
	.related_slider .entry_text{
		flex: 1;
		margin-left: 10px;
	}
	.related_slider.entrylist .entry a .entry_text h3{
		margin-left: 0px;
	}
	.related_slider .slick-arrow img{
		height: 30px;
	}
	.related_slider .slick-arrow {
		top: calc(50% - 15px);
	}
	.related_slider .entry{
		margin: 0 25px;
	}
}