.research-wrap{
   /*  position : fixed;
    top : 0;
    left : 0;
    width  : 100vw;
    height : 100vh; */
    /*overflow-y : scroll;*/
    z-index : 3;
    /*background-color : #fff;*/
}
.research-wrap .praiseComplainForm .wrap .contents-wrap{
    width: 100%;
    padding: 20px 30px;
    max-width: none;
}
.research-wrap .title-wrap{
    border-bottom : 1px solid #767676;
}

.research-wrap .title-wrap .wrap{
    height : 60px;
    display: grid;
    grid-template-columns: 1fr;
    max-width: none;
    width: 100%;
    margin: 0;
    padding-top: 0;
    gap: 16px;
    padding: 0 30px;
    align-items: center;
}
.research-wrap .praiseComplainForm .wrap{
    padding-top: 0;
    margin: 0;
    max-width: none;
}
.research-wrap .praiseComplainForm .wrap.btn-wrap{
    padding-top: 20px;
}
.research-wrap .title-wrap .btn-close{
    position : absolute;
    /*top : 50%;*/
    /*transform : translateY(-50%);*/
    /*left : 0;*/
}

.research-wrap .title-wrap .icon.close{
    width : 24px;
    height : 24px;
}

.research-wrap .title-wrap .title{
    font-size : 20px;
    font-weight : 700;
    color : #1c1c1c;
    text-align: center;
}

.research-wrap .contents-wrap .info{
    background-color : #f7f7f7;
    border: 1px solid #efefef;
    text-align : center;
    padding : 16px 24px;
    font-size  :24px;
    margin: 20px 0;
    border-radius: 12px;
}

.research-wrap .contents-wrap .info .warning-black{
    width : 32px;
    height : 32px;
    margin-bottom : 24px;
}

.research-wrap .question-wrap{
    width : 100%;
    font-size : 16px;
    margin : auto;
    word-break: keep-all;
    padding: 0 20px;
}

.research-wrap .question-wrap .num{
    color : #bbb;
    margin-bottom : 20px;
}

.research-wrap .question-wrap .num .now{
    color : #1c1c1c;
}

.research-wrap .question-wrap .question{
    margin-bottom : 20px;
}

.research-wrap .input-wrap{
    position : relative;
}


.research-wrap .input-wrap label {
    margin-bottom: 0;
}

.research-wrap .input-wrap .checkbox + label:before {
    /*width: 15px;*/
    /*height: 15px;*/
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px;
}

.research-wrap .answer-wrap{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap : 20px;
}

.research-wrap .btn-wrap{
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    /*display : grid;*/
    /*grid-template-columns: repeat(2,1fr);*/
    display: flex;
    justify-content: space-between;
    gap : 10px;
    padding: 20px 30px;
    border-top: 1px solid #ededed;
}

.research-wrap .btn-wrap button{
    width : 200px;
    height : 44px;
    font-size : 16px;
    font-weight: 500;
    border : 1px solid #1c1c1c;
    border-radius: 8px;
}

.research-wrap .btn-wrap .btn-next{
    background-color : #1c1c1c;
    color : #fff;    
}
@media screen and (max-width: 820px){
    /*.research-wrap .answer-wrap{*/
    /*    grid-template-columns: 1fr;*/
    /*    gap: 8px;*/
    /*}*/
    .research-wrap .question-wrap .answer-wrap{
        display : grid;
        grid-template-columns: 1fr;
        gap : 8px;
    }
}
@media screen and (max-width: 480px){
    .research-wrap .contents-wrap .info{
        font-size: 16px;
        padding: 20px 10px;
        margin: 0 0 20px;
    }
    .research-wrap .praiseComplainForm .wrap .contents-wrap{
        padding: 20px 10px;
    }
    .research-wrap .btn-wrap{
        padding: 20px 10px;
    }
    .research-wrap .title-wrap .title{
        font-size: 16px;
    }
    .research-wrap .question-wrap{
        font-size : 14px;
    }
}