.test_wrap .title{
    text-align: center;
    font-size:25px;
    padding:10px;
    font-family:'noto3';
    font-weight:600;
    background:#fff;
}
.big_tab_wrap .showyou{
    display:block  !important
}
.test_wrap .info_select{
    border-top:1px #b7b7b7 solid;
    background:#fff;
}
.test_wrap .info_select ul{
    font-size:0;
    border-bottom:1px #b7b7b7 solid;
}
.test_wrap .info_select ul li{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    font-size:20px;
    width:25%;
    height:50px;
}
.test_wrap .info_select ul li:first-child{
    width:75%;
    border-right:1px #b7b7b7 solid;
    padding:0 0 0 25px;
}
.test_wrap .info_select ul li.no_line{
    border-right:0;
}
.test_wrap .info_select ul li .select_wrap{
    width:100%;
    height:100%;
    position:relative;
}
.test_wrap .info_select ul li .select_wrap:before{
/*     content: "";
    position:absolute;
    right:8%;
    top:0;
    height:100%;
    width:20px;
    background:url(//static-sdedu.akamaized.net/img1/omr_mock/arrow.png) no-repeat center center;
    background-size:18px; */
}
.test_wrap .info_select ul li .select_wrap.one:before{
    display: none;
}
.test_wrap .info_select ul li select{
    width:100%;
    height:99%;
    padding-left: 5px;
    line-height:50px;
    font-size:20px;
/*     -webkit-appearance: none;
    -moz-appearance : none;
    appearance: none; */
    border:0;
    background:#fff;
}
.test_wrap .info_select ul li p{
    font-size:20px;
    line-height:50px;
}
.test_wrap .info_select ul li select option{
    text-align: center;
}
.test_wrap .info_select ul li .calendar{
    width:100%;
    height:100%;
    text-align: center;
    line-height:50px;
}
.test_wrap .info_select ul li .calendar b{
    font-family:'noto4';
    font-weight:500;
}



/*오엠알 구역*/
.test_wrap{
    background:#ebecee;
    height:100%;
    padding:134px 0 210px 0;
}

.test_top{
    position: absolute;
    top:0;
    left:0;
    width:100%;
}
.big_tab_wrap,
.big_tab_wrap .big_cont{
    height:100%;
}
.test_orm_wrap {
    height:100%;
    padding:0 25px
}

.answer_wrap{
    width:100%;
    height:100%;
    margin:0% auto;
    background:#fff;
    border:1px solid #d3d3d3;
    overflow-y: scroll;
}
.answer_wrap .answer_list,
.answer_wrap .answer_list ul{
    height:100%;
}
.answer_wrap .answer_list ul li{
    height:15.1%;
}
.answer_wrap .answer_list ul li p{
    width:13%;
    padding:2.35% 0;
    background:#f5f5f6;
    text-align: center;
    font-size:20px
}

.answer_wrap .answer_list ul li {
    border-bottom:1px solid #d3d3d3;
}
.answer_wrap .answer_list ul li:first-child p {
    background:none;
    padding: 0;
}
.answer_wrap .answer_list ul li:first-child{
    border-bottom:2px solid #000;
    height:10%
}
.answer_wrap .answer_list ul li .number_wrap_top,
.answer_wrap .answer_list ul li .number_wrap {
    width:100%;
    height:100%;
    display: table;
}
.answer_wrap .answer_list ul li .number_wrap label{
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height:100%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size:16px;
}
.answer_wrap .answer_list ul li .number_wrap span{
    position:relative;
    display: inline-block;
}
.answer_wrap .answer_list ul li .number_wrap span:after{
    position: absolute;
    display:block;
    content:'';
    width:24px;
    height:24px;
    top:50%;
    left:50%;
    margin:-12px 0 0 -12px;
    border:1px solid #999999;
    border-radius:50%;
    box-sizing:border-box;
    z-index:1;
}
.answer_wrap .answer_list ul li .number_wrap span em{
    position:absolute;
    display:block;
    font-size:15px;
    height:100%;
    width:24px;
    height:24px;
    top:50%;
    left:50%;
    margin:-12px 0 0 -12px;
    z-index: 2;
}

.test_wrap .answer_wrap .answer_list ul li .number_wrap span.selected:after{
    background:#5f6b73;
    border:1px solid #5f6b73
}
.test_wrap .answer_wrap .answer_list ul li .number_wrap span.selected > em {
    color:#ffffff;
}

.test_complete {
    position: absolute;
    max-width: 750px;
    width: 100%;
    bottom: 0;
    left:0;
}
.test_complete .timer_ani{
    padding:0 25px 25px 25px;
}
.test_time_wrap {
    width:100%;
    background:#333333;
    color:#fff;
    display:table;
    padding:2% 25px;
    box-sizing: border-box;
}

.test_time_wrap > p {
    display: table-cell;
    vertical-align: middle;
}

.test_time_wrap > p:last-child{
    text-align: right;
    width:20%;
}
.test_time_wrap .timer{
    position:relative;
    font-size:25px;
    height:100%;
    font-family: 'noto4';
    display: inline-block;
    vertical-align: middle;
    padding:10px 0 10px 50px;
    background:url('http://static-sdedu.akamaized.net/img1/omr_mock/timer_w.png') left center no-repeat;
}

.test_time_wrap .icon_pause {
    display: inline-block;
    width:56px;
    height:40px;
    background:url('http://static-sdedu.akamaized.net/img1/omr_mock/Pause_w.png') center no-repeat;
    background-size: contain;
}

@media screen and (max-width:750px) {
    .test_wrap{
        padding:5.1484rem 0 6.139rem 0;
    }
    .test_wrap .title {
        font-size:1.0444rem;
        padding: 0.4078rem;
    }
   .test_wrap .info_select ul li{
        font-size:0.6944rem;
        height:2rem;
    }
    .test_wrap .info_select ul li .select_wrap:before{
        width:0.5rem;
        background-size:0.4rem;
    }
    .test_wrap .info_select ul li select,
    .test_wrap .info_select ul li p{
        line-height:2rem;
        font-size:0.6944rem;
    }
    .test_wrap .info_select ul li .calendar{
        line-height:2rem;
    }
    .test_orm_wrap{
        padding: 0 0.6944rem;
    }
    .answer_wrap {
        height:100%;
    }
    .detail .answer_wrap .answer_list > ul > li:first-child{
        height:9%;
    }
    .detail .answer_wrap .answer_list > ul > li{
        height:10%
    }
    .answer_wrap .answer_list ul li p {
        font-size: 0.7222rem;
        padding:0;
    }
    .answer_wrap .answer_list ul li .number_wrap span {
        position:relative;
        font-size: 0.7222rem;
    }
    .answer_wrap .answer_list ul li .number_wrap span:after {
        width:1rem;
        height:1rem;
        margin:-0.5rem 0 0 -0.5rem;
    }
    .answer_wrap .answer_list ul li .number_wrap span em {
        width:1rem;
        height:1rem;
        font-size: 0.6667rem;
        margin:-0.5rem 0 0 -0.5rem;

    }
    .test_complete .timer_ani{
        padding: 0 0.6944rem 0.6944rem 0.6944rem;
    }
    .test_time_wrap {
        height: 2.267rem;
        padding:0 2%;
        box-sizing: border-box;
    }

    .test_time_wrap .timer {
        font-size: 0.7778rem;
        margin: 0 0 0 1%;
        vertical-align: middle;
        padding:0.2778rem 0 0.2778rem  1.389rem;
        background-size: 1.111rem;
        line-height:1.65rem
    }
    .test_time_wrap .icon_pause{
        height: 1.389rem;
        vertical-align: top;
        margin-top:1%;
    }
}