.print-template-area{
    width: 100vw;
    height: 100vh;
}

.print-template-area .list-area{
    width: 100%;
    height: calc(100% - 55px);
    background-color: #9BBFDF;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.print-template-area header{
    background-color: #CCE0F1;
    margin-bottom: -24px;
    z-index: 1;

    font-family: 'pretendard';
    color: #163777;
    font-size: 1.6rem;
    font-weight: bold;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 2px 30px;
    border-radius: 30px;
}

.print-template-area .list-wrap{
    width: 55%;
    height: 80%;
    border-radius: 20px;
    background-color: white;

    display: flex;
    justify-content: center;
    align-items: center;
}

.print-template-area .list-contents-area{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.list-contents-area .content-link{
    width: 380px;
    height: 50px;

    box-sizing: border-box; /* border가 크기에 포함되도록 설정 */
    border: 1px dashed #9BBFDF;
    transition: border-width 0.2s, border-style 0.2s; /* 부드러운 전환 */
    border-radius: 10px;

    display: flex;
    justify-content: center;
    align-items: center;

    color: black;
    font-size: 1.2rem;
    font-weight: 500;
}

.list-contents-area .content-link:hover{
    border-style: solid;
    outline: 3px solid #9BBFDF;
    background-color: #F1F6FF;
    font-weight: bold;
}

.print-template-area footer{
    width: 100%;
    height: 55px;
    background-color: #E8EFFC;
}

.option-button-area{
    width: 55%;
    padding: 10px;
    display: flex;
    justify-content: end;
}

.option-button-area .home-button{
    width: 30px;
}