@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}

@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 700;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
}

@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 300;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
}

@font-face {
    font-family: 'Makgeolli';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/Makgeolli.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html>body {
    font-family: 'LotteMartDream', sans-serif;
}

.faq-box {
    border: 2px solid black;
    background-color: #fff;
    color: inherit;
    padding: 10px;
}

.faq-box__question {
    cursor: pointer;
}

.faq-box__question::after {
    content: "▼";
    float: right;
}

.faq-box>ul>li {
    padding: 10px;
}

.faq-box>ul>li.hover>.faq-box__question::after {
    content: "▲";
}

.faq-box__answer {
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 10px;
}

main>div.faqCon {
    width: 60vw;
    height: 600px;
    margin: auto;
    padding-top: 10px;
}

.faq-box__answer {
    height: 150px;
    overflow: auto;
}

main>div.faqCon .faqTitle {
    font-size: 40px;
    font-family: 'Makgeolli';
}

@media screen and (max-width: 1024px) {
    main > div.faqCon {
        width: 90vw;
        height: 550px;
    }

    .faq-box__answer {
        height: 100px;
        overflow: scroll;
    }

    main div.faq-box * {
        font-size: 13px;
    }
}