@import url("reset.css");

.container h1{
    font: normal normal 300 34px/48px Montserrat;
    letter-spacing:0px;
}

.container h3{
    font: normal normal bold 18px/24px Noto Sans KR;
    color:#2c2c2c;
    letter-spacing:0px;
}

.container summary{
    font: normal normal 300 20px/26px Noto Sans KR;
    border-bottom: 1px dashed #707070;
    width:70%;
    margin-left:1%;
    padding-bottom:1.5%;
}

.container p{
    font: normal normal 300 15px/22px Noto Sans KR;
    padding-top:15px;
    width:65%;
    margin-left:2.5%;
}

.container strong{
    font-weight: bold;
}

.faq-section{
    width: 100%;
    height: auto;
    overflow: auto;
}

.wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.faq-policy{
    margin-top: 10%;
    padding-bottom: 10%;
    width: 60%;
    height: auto;
}
.faq-area{
    margin-top: 50px;
}
.faq-area details{
    letter-spacing: 0px;
}
.seperator{
    height: 15px;
    width:80%;
    border-top: 1px dashed #707070;
    margin-top:15px;
}

@media screen and (max-width: 1919px) {
    .faq-policy{
        margin-top:150px;
        width: 70%;
    }
    .container summary{
        font: normal normal 300 16px/26px Noto Sans KR;
        width:100%;
    }
    .container p{
        font: normal normal 300 12px/18px Noto Sans KR;
        margin-left:2%;
        width:95%;
    }
}
@media screen and (max-width: 833px) {
    .container h1{
        font: normal normal 300 24px/48px Montserrat;
    }
    .container h3{
        font: normal normal bold 14px/18px Noto Sans KR;
    }
    .container summary{
        font: normal normal 300 16px/24px Noto Sans KR;
    }
    .container p{
        font: normal normal 300 12px/18px Noto Sans KR;
    }
    .faq-policy{
        margin-top:100px;
        width: 90%;
    }
    .faq-area{
        margin-top: 10px;
    }
    .container summary{
        width:100%;
    }
    .container p{
        margin-left:2%;
        width:95%;
    }
}