@charset "UTF-8";
/* CSS Document */

/*
	archive
-----------------------------------------------------------------------------------------------*/
.archivePage::after {
    background: url(../images/item_top2_01.svg) no-repeat center center / cover;
}
.archivePage .cmnPageTxt {
	color: var(--colorMainEmerald);
}
#archive .subPageCmnTit::before {
	background-color: var(--colorMainEmerald);
}
.archiveListBox {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.archiveList {
	margin-top: 15px;
}
.archiveList li {
	display: flex;
	border-bottom: 2px dotted var(--colorGrey10);
}
.archiveList li:first-child {
	border-top: 2px dotted var(--colorGrey10);
}
.archiveBtn {
	position: relative;
	font-size: 2rem;
	font-weight: 500;
	width: 100%;
	padding: 15px 20px;
}
.archiveBtn::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: var(--colorMainEmerald);
    border-radius: 30px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.archiveBtn::after {
	position: absolute;
    content: "";
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    width: 9px;
    height: 11px;
    background: var(--colorWhite);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width:812px){
	.archiveBtn {
		font-size: 1.6rem;
		padding: 10px 15px;
	}
	.archiveBtn::before {
		width: 25px;
		height: 25px;
		right: 10px;
	}
	.archiveBtn::after {
        right: 18px;
        width: 7px;
        height: 8px;
	}
}