@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/*@font-face {*/
/*    font-family: 'pretendard';*/
/*    src: url('../fonts/210_pretendard.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'ssanai';*/
/*    src: url('../fonts/210_Ssanai.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

* {margin:0; padding:0;}

html {
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    background: #F7F2EF;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    color: #555;
    user-select: none;
}

ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

.parkingContent {
    padding:7.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.parkingContent > img {width: 462.524px;}
.parkingContent h1 {
    margin:60px auto 0;
    color: #563C27;
    text-align: center;
    font-family: "ssanai", serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 67.2px */
    letter-spacing: -0.96px;
}

.parkingContent dl {
    width: 550px;
    margin:32px auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
}

.parkingContent dl > dt {
    width: 167px;
    display: flex;
    padding: 14px 20px 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background: #FFB35B;
    color: #FFF;
    text-align: center;
    font-family: "pretendard", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    letter-spacing: -0.4px;
}

.parkingContent dl > dd {
    width: calc(100% - 227px);
    color: #333;
    font-family: "pretendard", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    letter-spacing: -0.4px;
}

.parkingContent > p {
    margin:44px auto 0;
    color: #666;
    text-align: center;
    font-family: "pretendard", serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: -0.36px;
}

.parkingContent > .link_box {
    margin:54px auto 0;
    color: #563C27;
    text-align: center;
    font-family: "pretendard", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: -0.4px;
}

.parkingContent > .link_box > a {
    border-radius: 24px;
    background: #FF8100;
    display: flex;
    width: 50%;
    margin:24px auto 0;
    padding: 20px 60px;
    font-family: "ssanai", serif;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 44.8px */
    letter-spacing: -0.64px;
}

@media (max-width: 720px) {
    .parkingContent { padding:4rem 2rem;}
    .parkingContent > img {width: 100%;}
    .parkingContent h1 {font-size: 24px; margin-top: 20px;}
    .parkingContent dl {width: 80%; min-width: auto;}
    .parkingContent dl > dt {width: 100%; font-size:17px;}
    .parkingContent dl > dd {width: 100%; font-size: 16px; text-align: center}
    .parkingContent > p {font-size: 13px; margin-top: 20px;}
    .parkingContent > .link_box {font-size: 16px; margin-top: 20px;}
    .parkingContent > .link_box > a {font-size: 17px; padding:15px 30px;}

}