/* Start:/local/templates/kr1/css/articles.css?17945643607742*/
.art-card{
	display:flex; flex-direction:column; height:100%;
	background:#fff; border:1px solid var(--grey-200, #eaeaea); border-radius:10px;
	overflow:hidden; text-decoration:none;
	transition: box-shadow .2s ease, border-color .2s ease;
}
.art-card:hover{ text-decoration:none; }
.art-card__media{
	margin:16px 16px 0; border-radius:6px; overflow:hidden;
	aspect-ratio:16 / 10; background:#f2f4f6;
}
.art-card__img{ width:100%; height:100%; object-fit:cover; display:block; }
.art-card__body{ display:flex; flex-direction:column; flex:1 1 auto; padding:24px 16px 18px 16px; text-align: left;}
.art-card__date{ color: var(--grey-400, #8e9297); font-size:16px; line-height:1; }
.art-card__title{
	margin:8px 0 24px !important; font-weight:700; font-size:24px; line-height:1.25;
	color: var(--dark-blue-800, #1d2835);
}
.art-card__more{
	margin-top:auto; display:inline-flex; align-items:center; gap:18px;
	font-weight:500; font-size:16px; color: var(--dark-blue-800, #1d2835);
	transition: color .2s ease;
}
.art-card:hover .art-card__more{ color: var(--orange-500, #f60); }

.index-articles{ margin-top: var(--margin-top-section, 60px); }
.index-articles__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; gap:16px; }
.index-articles__title{ margin:0; font-weight:700; font-size:28px; color: var(--dark-blue-800, #1d2835); }
.index-articles__all{
	display:inline-flex; align-items:center; gap:18px; flex-shrink:0;
	font-size:16px; font-weight:500; color: var(--dark-blue-800, #1d2835); text-decoration:none;
}
.index-articles__all svg path,
.art-card__more svg path
{ transition: stroke .2s ease; }
.index-articles__all:hover{ color: var(--orange-500, #f60); text-decoration:none; }
.index-articles__all:hover svg path,
.art-card:hover .art-card__more svg path
{ stroke: var(--orange-500, #f60); }

.index-articles__slider{
	display:flex; gap:16px; align-items:stretch;
	width:100%; padding-bottom:10px !important;
	overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}
.index-articles__slider::-webkit-scrollbar{ display:none; }
.index-articles__slider.is-drag{ scroll-snap-type:none; }
.index-articles__snap{
	flex:0 0 auto; scroll-snap-align:start; height:auto;
	width: calc((100% - 2.4px) / 1.15);
}
@media (min-width:560px){
	.index-articles__snap{ width: calc((100% - 9.6px) / 1.6); }
}
@media (min-width:768px){
	.index-articles__slider{ gap:20px; }
	.index-articles__snap{ width: calc((100% - 24px) / 2.2); }
}
@media (min-width:1024px){
	.index-articles__slider{ gap:24px; }
	.index-articles__snap{ width: calc((100% - 48px) / 3); }
}

@media (max-width:1023px){ .index-articles__title{ font-size:24px; }
.index-articles {
	overflow: hidden;
}
.index-articles .container {
	margin: 0 -20px;
	padding-left: 40px;
	padding-right: 20px;
}
.index-articles__head {
	margin-right: 30px;
}
}
@media (max-width:767px){
	.index-articles__title{ font-size:20px; }
	.index-articles__head{ margin-bottom:16px; }
	.index-articles__all{ font-size:14px; }
	.art-card__title{ font-size:20px; }
	.art-card__more {font-size: 14px; gap: 16px;}
}

.kr-articles{ padding: 30px 0 60px; }
.kr-articles .container {
	padding: 0;
}
.page > .content-max .kr-articles .kr-pagination__list {
	padding: 0;
	margin: 0;
}
.page > .content-max .kr-articles .kr-pagination__list li {margin: 0;}
.kr-articles__title{ margin:0 0 28px; font-weight:700; font-size:32px; color: var(--dark-blue-800, #1d2835); }
.kr-articles__grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; }
.kr-articles__pager{ margin-top:32px; }
.kr-articles__pager .kr-pagination{
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:0 0 48px;
}
.page > .content-max .kr-articles .kr-articles__pager .kr-pagination {
	flex-wrap: nowrap;
}
.kr-pagination__list{ display:flex; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }
.kr-pagination__list--mobile{ display:none; }
.kr-pagination__list li{ margin:0; padding:0; list-style:none; }
.kr-pagination__page{
	display:flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 6px; box-sizing:border-box;
	border:1px solid transparent; border-radius:12px; font-size:16px; font-weight:600; color:#9aa3ab; text-decoration:none;
	background:transparent; transition:color .15s ease, background-color .15s ease, border-color .15s ease;
}
.kr-pagination__page:hover{ color:var(--orange-500); background:#f4f5f7; text-decoration:none; }
.kr-pagination__page--active,
.kr-pagination__page--active:hover{ border-color:#fd661c; color:#1f2937; background:transparent; cursor:default; }
.kr-pagination__dots{
	display:flex; align-items:flex-end; justify-content:center; min-width:28px; height:auto; color:#9aa3ab; font-weight:600; letter-spacing:1px;
}
.kr-pagination__arrow{
	display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex-shrink:0; border-radius:12px;
	background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.12); transition:box-shadow .15s ease, background-color .15s ease;
}
.kr-pagination__arrow::before{
	content:""; width:8px; height:14px; background-color:#1f2937; -webkit-mask:no-repeat center / contain; mask:no-repeat center / contain;
}
.kr-pagination__arrow:hover::before{ background-color:var(--orange-500); }
.kr-pagination__arrow--next::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%3E%3Cpath%20d='M0.75%200.75L6.04289%206.04289C6.43342%206.43342%206.43342%207.06658%206.04289%207.45711L0.75%2012.75'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%3E%3Cpath%20d='M0.75%200.75L6.04289%206.04289C6.43342%206.43342%206.43342%207.06658%206.04289%207.45711L0.75%2012.75'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'/%3E%3C/svg%3E");
}
.kr-pagination__arrow--prev::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%3E%3Cpath%20d='M7.25%200.75L1.95711%206.04289C1.56658%206.43342%201.56658%207.06658%201.95711%207.45711L7.25%2012.75'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%3E%3Cpath%20d='M7.25%200.75L1.95711%206.04289C1.56658%206.43342%201.56658%207.06658%201.95711%207.45711L7.25%2012.75'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (max-width:1023px){
	.kr-articles__title{ font-size:26px; }
	.kr-articles__grid{ grid-template-columns: repeat(2, 1fr); gap:16px; }
}
@media (max-width:767px){
	.kr-articles__title{ font-size:22px; margin-bottom:18px; }
	.kr-articles__grid{ grid-template-columns: 1fr; }
	.kr-articles__pager .kr-pagination{ gap:6px; margin-bottom:32px; }
	.kr-pagination__list--desktop{ display:none; }
	.kr-pagination__list--mobile{ display:flex; gap:6px; }
	.kr-pagination__page{ border-radius:10px; font-size:15px; }
	.kr-pagination__dots{ min-width:22px; }
	.kr-pagination__arrow{ border-radius:10px; }
}
@media (max-width:400px){
	.kr-articles__pager .kr-pagination{ gap:4px; }
	.kr-pagination__list--mobile{ gap:4px; }
	.kr-pagination__page{ border-radius:9px; font-size:14px; }
	.kr-pagination__dots{ min-width:16px; }
	.kr-pagination__arrow{ border-radius:9px; }
	.kr-pagination__arrow::before{ width:7px; height:12px; }
}

/* End */
/* /local/templates/kr1/css/articles.css?17945643607742 */