}/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.faq-container{
    display:inline-block;
    width:100%; 
    min-height: 1500px;
    background-color:#181818;!important
    font-family:'Pretendard',sans-serif;
    padding: 120px;
}

.faq-box{
    margin: 0 auto;
    margin-bottom: 32px;
    max-width: 1200px;
    background-color: #EEECEC;
    padding: 28px 46px;
    border-radius: 12px;  
}


.faq-title{
    font-size: 48px;
    text-align: center;
    margin-bottom: 52px;
    color: #DEDEDE;
}
.sub-title{
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
}

.faq-box h4{
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.faq-box p{
    font-size: 18px;
    line-height: 1.3;
}
.faq-box p span{
    font-size: 16px;
}

.idle{ 
   
}

.change{
    transform: rotate(180deg);
}

@media (max-width: 768px) {
  .faq .faq-bg{
    padding: 20px;
}
  .faq-title {font-size: 28px;}
  .sub-title{font-size: 22px;}
  .faq-box p {font-size: 14px;}  
  .faq-box p span { font-size: 12px;}
 }