@charset "UTF-8";


.topUserInfo{
    display: block;
    padding:16px 0 13px;
}

.topUserInfo.noBorder{
    border-bottom: none;
}


.topUserInfo .tuTxt1{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color:#000;
    text-align: left;
}

.topUserInfo .tuTxt2{
    display: block;
    text-align: left;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color:#000;
    text-align: left;
    margin:4px 0 0;
}

.topUserInfo .tuTxt3{
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color:#989898;
    text-align: left;
    margin:4px 0 0;
}






.searchWrap{
    display: block;
    width: 100%;
    position: relative;
    margin:20px 0 0;
}

.whiteBoxAll .searchWrap{margin:0}

.searchWrap input{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 28px;
    background: #Fff;
    border-radius: 5px;
    padding:0 16px;
    border:1px solid #E9E9EB !important;
    color:#111;
    text-align: left;
    font-size:14px;
    font-weight: 500;
}

.searchWrap input::placeholder{
    color:#999;
}

.searchWrap .buttonSearch{
    display: block;
    width: 46px;
    height: 50px;
    background: url(/assets/genesis/images/ic_search.svg) center no-repeat;
    background-size: 20px 20px;
    position: absolute;
    top:0;
    right: 0;
    z-index: 10;
}

.searchTopBar{
    display: block;
    width: 100%;
    padding:18px 0 12px;
    /*border-bottom:1px solid #DFE2E6;*/
}

.searchTopBar:after{content: ""; display: block; clear: both;}


.searchTopBar .date1{
    display: block;
    float: left;
    line-height: 30px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color:#0f0f0f !important;
}

.searchTopBar .datePw{
    display: block;
    float: left;
    line-height: 30px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color:#0f0f0f !important;
    padding:0 8px;
}


.rhTabs{
    display: block;
    width: 100%;
}

.rhTabs:after{content: ""; display: block; clear: both;}

.rhTab{
    display: block;
    float: left;
    width: 70px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:var(--main) !important;
    font-size: 15px;
    font-weight: 500;
}

.rhTab.active{
    color:var(--red) !important;
    font-weight: 700;
    border-bottom: 3px solid  var(--red);
}


.rhTabArea{display: none;}

.rhTabArea.active{display: block;}

.requestOne {
    display: block;
    width: 100%;
    padding:15px 0 16px;
    border-bottom: 1px solid #f2f2f2;
}

.requestOne .requestTxt{
    display: block;
    float: left;
    line-height: 30px;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    color: #000 !important;
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.requestOne .gotoDetail{
    width: 40px;
    height: 32px;
    background: url(/assets/genesis/images/arrow-right-11x19a.svg) center no-repeat;
    background-size: 11px 19px;
    float: right;
    display: block;
    margin:0 -14px 0 0;
}


/*.requestOne .bInput2{
    max-width:calc(100% - 40px);
}

.requestOne .requestThis{
    float: right;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 40px;
    border-radius: 5px;
    background: var(--main);
    font-size: 13px;
    font-weight: 500;
    color:#fff !important;
}*/

.detailInfo{
    display: block;
    margin:13px 0 0;
}

.detailInfo .row .label{
    float: left;
    width: 67px;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    color:#989898;
    font-weight: 500;
}

.detailInfo .row .data{
    float: left;
    width: calc(100% - 67px);
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    color:#0f0f0f !important;
    font-weight: 500;
}

.detailInfo .row .data.strong{
    font-weight: 700;
}


.detailInfo .row .data.red{color:var(--red) !important;}

.buttonBlackLine.moreList{margin:30px 0 0;}



/*#######################################*/
@media screen and (max-width: 1000px) {


} /*반응형 1000px 끝*/



/*#######################################*/
@media screen and (max-width: 600px) {



} /*반응형 600px 끝*/








/*#######################################*/
@media screen and (max-width: 488px) {



} /*반응형 488px 끝*/








@media screen and (max-width: 420px) {



} /*반응형 488px 끝*/


@media screen and (max-width: 400px) {



} /*반응형 400px 끝*/


@media screen and (max-width: 380px) {


} /*반응형 380px 끝*/


@media screen and (max-width: 360px) {


} /*반응형 360px 끝*/






@media screen and (max-width: 340px) {


} /*반응형 320px 끝*/









@media screen and (max-width: 320px) {




} /*반응형 320px 끝*/



@media screen and (max-width: 300px) {


} /*반응형 300px 끝*/