@charset "UTF-8";

/*-------------------------------------------------

title       : Sub 메뉴 02
Author      : EASESOFT
Create date : 2024-04

-------------------------------------------------*/

/* 행사일정 */
.c020501 ul {display:flex; flex-direction:row; gap:3.0rem;}
.c020501 li {overflow:hidden; flex:1; position:relative;}
.c020501 li .bg {height:42rem; background:url("/main/img/sub/sub02/020500_01.webp") no-repeat center center; background-size:cover; transition:0.3s;}
.c020501 li:nth-child(2) .bg {background-image:url("/main/img/sub/sub02/020500_02.webp");}
.c020501 li .link {position:absolute; left:0; bottom:0; width:100%; padding:4.0rem 2.0rem; color:#fff; text-align:center; background:rgba(0,0,0,0.5);}
.c020501 li .link .title {display:block; font-size:3.2rem; font-weight:700;}
@media all and (min-width:1025px) {
	.c020501 li:hover .bg {transform:scale(1.1);}
}


/*-------------------------------------------------

Responsive

-------------------------------------------------*/

/* Media Query */
@media all and (max-width:1024px) {
	/* 행사일정 */
	.c020501 ul {display:block;}
	.c020501 li {flex:none; max-width:50rem; margin:0 auto;}
	.c020501 li + li {margin-top:3.0rem;}
}

@media all and (max-width:768px) {
	/* 행사일정 */
	.c020501 li {aspect-ratio:4/3;}
	.c020501 li .bg {height:100%;}
	.c020501 li .link {padding:2.0rem 2.0rem;}
	.c020501 li .link .title {font-size:2.4rem; font-weight:600;}
	.c020501 li .link .btnbox {margin-top:1.5rem !important;}
}

@media all and (max-width:480px) {
	/* 행사일정 */
	.c020501 li .link {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; padding:2.0rem 2.0rem; background:rgba(0,0,0,0.4); box-sizing:border-box;}
}