@charset "utf-8";

.hs-basic-post-slider { overflow:hidden; position:relative; width:100%; line-height:1; }
.hs-basic-post-slider .txt-short { letter-spacing:0; padding-right:0; }
.hs-basic-post-slider .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.hs-basic-post-slider .post-none { padding:50px 10px; text-align:center; color:#888; }



.is-pc .ko .hs-basic-post-slider .post-ko { font-size:11px; }






.hs-basic-post-slider .owl-carousel  { padding:0 12.6%;}
.hs-basic-post-slider .item-list { margin: 0 2rem; }
.hs-basic-post-slider .post-image { position:relative; overflow:hidden; border-radius:20rem 20rem 0 0; }
.hs-basic-post-slider .post-image:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ff8a65; display: none; }
.hs-basic-post-slider .post-image:before {
content: '\f055'; font-family: fontAwesome; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); color: #fff; font-size: 7rem; z-index: 10;
display: none;
}
.hs-basic-post-slider .post-content {
margin: 0; padding: 4rem 2rem 6rem; overflow:hidden; border: 1px solid #e0e0e0; border-radius:0 0 5rem 5rem;
}
.hs-basic-post-slider .post-subject {
padding-right:0; margin-bottom: 2.4rem; 
}
.hs-basic-post-slider .post-subject a {
display: inline-block; width: 70%; font-size: 2.4rem; font-weight: bold; vertical-align: top; color: #000;
/* ÇÑ ÁÙ ÀÚ¸£±â */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
}
.hs-basic-post-slider .post-subject .dateV1 { 
display: inline-block;  vertical-align: top; width: 28%; font-family: "Roboto"; font-weight: bold; font-size: 1.6rem; color: #000;
}
.hs-basic-post-slider .post-item { 
font-size: 16px; color: #000;
/* ÇÑ ÁÙ ÀÚ¸£±â */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}

/* È­»ìÇ¥,µµÆ®³×ºñ */
.hs-basic-post-slider .owl-carousel .owl-controls.clickable .owl-buttons div { display: block; }
.owl-carousel .owl-controls .owl-buttons div { 
width: 5.1rem; height: 8.2rem; margin: 0; line-height: 8rem; color: #ff8a65; background: none; font-size: 4rem; font-weight: 300; top: 50%; 
transform:translateY(-50%); border: 1px solid #ff8a65;
}
.hs-basic-post-slider .owl-controls .owl-pagination { position: static; margin-top: 3rem; }
.hs-basic-post-slider .owl-controls .owl-page span { width: 8px; height: 8px; background: rgba(255,138,101,0.4); }
.hs-basic-post-slider .owl-controls .owl-page.active span { width: 24px; background: rgba(255,138,101,1); }

/* hover */
.hs-basic-post-slider .item-list:hover .post-image:after { display: block; }
.hs-basic-post-slider .item-list:hover .post-image:before { display: block; }
.hs-basic-post-slider .item-list:hover .post-content { background: #ff8a65; border: 1px solid #ff8a65; }
.hs-basic-post-slider .item-list:hover .post-subject a { color: #fff; }
.hs-basic-post-slider .item-list:hover .dateV1 { color: #fff; }
.hs-basic-post-slider .item-list:hover .post-item { color: #fff; }

@media (max-width:1500px) {
	.hs-basic-post-slider .post-subject a { width: 63%; }
	.hs-basic-post-slider .post-subject .dateV1 { width: 35%; font-size: 1.4rem; }
}

@media (max-width:768px) {
	.hs-basic-post-slider .post-image { border-radius:7rem 7rem 0 0;  }
	.hs-basic-post-slider .post-content { border-radius:0 0 7rem 7rem; }
	.hs-basic-post-slider .post-subject a { font-size: 14px; }
	.hs-basic-post-slider .post-subject .dateV1 { font-size: 11px;  }
	.hs-basic-post-slider .post-item { font-size: 13px; }
}