@charset "utf-8";

.content-recom { position: relative; width: 100%; max-width: 1200px; min-height: 700px; padding: 235px 15px 50px; margin: 0 auto; }
@media all and (max-width:1490px){
    .content-recom { margin: 0 auto; padding: 180px 0 50px; }
}
@media all and (max-width:1030px){
    .content-recom { margin: 0 auto; padding: 60px 0 50px; }
}
@media all and (max-width:640px){
    .content-recom { margin: 0 auto; padding: 50px 0; }
}

.recomlist-tit { line-height: 40px; font-size: 20px; font-size: 2.0rem; margin-bottom: 10px; }
@media all and (max-width:640px){
    .recomlist-tit { padding: 0 20px; line-height: 36px; font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; }
}

/*유저정보*/
.recom-info{width: 100%; overflow: hidden; background: #222; padding: 15px 40px; }
.recom-info li{ width: 12.5%; display: inline-block; float: left; text-align: center; overflow: hidden;}
.recom-info li h3{ font-size: 14px; font-size: 1.4rem; line-height: 1.5em; color: #999; font-weight: bold; margin-top:1px;}
.recom-info li p{ font-size: 14px; font-size: 1.4rem; line-height: 1.5em;}
.recom-info li p em { font-style: normal; margin-right: 5px; }
.recom-info li a.btnAccount{display:block; width: 50px; height: 29px; line-height: 29px; margin-top:4px; padding: 0 15px; }
@media all and (max-width:1030px){
	.recom-info { display: none; }
}
/*유저정보*/


/*총판 팝업 공통*/
.popup-recom { display: none; width: 40%; background: #222; position: absolute; left:50%; margin-left: -20%; top:20%; z-index: 15;}
.popup-recom h1{ font-size: 16px; font-size: 1.6rem; height: 40px; line-height: 40px; padding: 0 15px; background: #111; font-weight: normal; overflow: hidden;}
.popup-recom h1 a { display: inline-block; float:right; cursor: pointer;}
.popup-recom h1 a i { line-height: 40px; }
.popup-recom-content{ width:100%; padding: 30px; }
.popup-recom-content em { color: #999; }
.popup-recom-content span { color: #fff; }
.popup-recom .btn_box { margin: 10px 0; }
.popup-recom .btn_box a { width: 20%; }

@media all and (max-width:1030px){
    .popup-recom { width: 60%; margin-left: -30%; }
}
@media all and (max-width:640px){
    .popup-recom { width: 90%; margin-left: -45%; }
}
/*총판 팝업 공통*/

/* 정산신청팝업 */
.exchange-Reserve { margin-bottom: 5px; line-height: 36px; font-size: 16px; font-size: 1.6rem; }
.exchange-input-wrap:after { content: ''; display: block; clear: both; visibility: hidden; }

/*추천인등록팝업*/
.recom-regist p:after { content: ''; display: block; clear: both; visibility: hidden; }
.recom-regist p span { line-height: 40px; display: inline-block; width: 30%; float: left; font-size: 16px; font-size: 1.6rem; }


/* 추천인 목록 리스트 */
.recom-list-table { width: 100%; text-align: center; }
.table-dl.recom-list-table > dd > div { border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }

.recom-list-table .col-1 { width: 16.666666%; }
.recom-list-table .col-2 { width: 16.666666%; }
.recom-list-table .col-3 { width: 16.666666%; }

.recom-list-table em { display: none; }

@media all and (max-width:1030px){
    .recom-list-table .col-1 { width: 16%; font-size: 12px; font-size: 1.2rem; }
    .recom-list-table .col-2 { width: 20%; font-size: 12px; font-size: 1.2rem; }
}

@media all and (max-width:640px){
	.table-dl.recom-list-table { display: block; }
	.table-dl.recom-list-table > dt,
	.table-dl.recom-list-table > dd > div.col-1.no { display: none; }
	.table-dl.recom-list-table > dd,
	.table-dl.recom-list-table > dd { display: block; position: relative; padding: 10px; border-bottom: 1px solid #333; }
	.table-dl.recom-list-table > dd:after { content: ''; clear: both; display: block; visibility: hidden; }
	.table-dl.recom-list-table > dd > div { border: none; padding: 6px 0; text-align: left; display: block; float: left; }
    .recom-list-table em { color: #999; display: block; margin-bottom: 5px; }
    .recom-list-table img { display: none; }
    

    .recom-list-table .col-1,
    .recom-list-table .col-2,
    .recom-list-table .col-3 { width: 50%; font-size: 12px; font-size: 1.2rem; }
}
@media all and (max-width:480px){
	.recom-list-table .col-1,
    .recom-list-table .col-2,
    .recom-list-table .col-3 { font-size: 11px; font-size: 1.1rem; }
}
/* 추천인 목록 리스트 */


/* 입출금내역 - root */
.recom-list-table.root .col-1 { width: 14%; }
.recom-list-table.root .col-2 { width: 18%; }
.recom-list-table.root .col-3 { width: 7%; }
.recom-list-table .col-root { display: none; }
.recom-list-table.root .col-root { display: table-cell; }
@media all and (max-width:640px){
    .recom-list-table.root .col-root { display: block; }
    .recom-list-table.root .col-1,
    .recom-list-table.root .col-2,
    .recom-list-table.root .col-3 { width: 50%; }
}
/* 입출금내역 - root */


/* 정산내역 - calculate */
.recom-list-table.calculate .col-1 { width: 13%; }
.recom-list-table.calculate .col-2 { width: 9%; }
@media all and (max-width:640px){
    .recom-list-table.calculate .col-1,
    .recom-list-table.calculate .col-2{ width: 50%; }
}
/* 정산내역 - calculate */


/* 환급신청내역 - account */
.recom-list-table.account .col-1 { width: 20%; }
@media all and (max-width:640px){
    .recom-list-table.account .col-1{ width: 50%; }
}
/* 환급신청내역 - account */


/*회원베팅 내역 - 공통*/
.activity-table dt,
.activity-table dd { font-size: 0; width: 100%; }
.activity-table dd { border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.activity-table dt > div,
.activity-table dd > div { text-align: center; padding: 10px 0; display: inline-block; font-size: 14px; font-size: 1.4rem; }
.activity-table dd.col-full { border: none; }
.activity-table dd.col-full > div { padding: 0; }
.activity-table dt > div { background-color: #000; }
.activity-table dt > div:first-child { border-left: none; }
.activity-table dd > div > em { display: none; }

@media all and (max-width:1030px){
    .activity-table dt { display: none; }
    .activity-table dd { padding: 15px; }
    .activity-table dd.col-full { padding: 0; }
    .activity-table dd > div { padding: 0; font-size: 11px; font-size: 1.1rem; }
    .activity-table dd > div > em { width: 20%; color: #999; display: inline-block; }
}
@media all and (max-width:640px){
    .activity-table dd > div { line-height: 1.5; }
    .activity-table dd > div > em {line-height: 1.5; width: auto; color: #999; display: block; }
}
/*회원베팅 내역 - 공통*/


/* 회원베팅 내역 - match */
.match .col-1 { width: 17%; }
.match .col-2 { width: 8%; }
@media all and (max-width:1030px){
    .match .col-1,
    .match .col-2 { text-align: left; width: 50%; }
}
/* 회원베팅 내역 - match && root */
.match.root .col-1 { width: 14.4%; }
.match.root .col-2 { width: 7%; }
@media all and (max-width:1030px){
    .match.root .col-1,
    .match.root .col-2 { text-align: left; width: 50%; }
}
/* 회원베팅 내역 - match */

/* 회원베팅 내역 - arcade */
.activity-table.arcade dt > div, .activity-table.arcade dd > div { font-size: 11px; font-size: 1.1rem; }
.arcade .col-1 { width: 17.5%; }
.arcade .col-2 { width: 6%; }
@media all and (max-width:1030px){
    .arcade .col-1,
    .arcade .col-2 { text-align: left; width: 50%; }
}
/* 회원베팅 내역 - arcade && root */
.arcade.root .col-1 { width: 14%; } 
.arcade.root .col-2 { width: 6%; }
@media all and (max-width:1030px){
    .arcade.root .col-1,
    .arcade.root .col-2 { text-align: left; width: 50%; }
}
/* 회원베팅 내역 - arcade */


/* 유저검색영역 */
#user_search { display: none; }
.user-search-wrap { text-align: right; margin-bottom:9px; }
.user-search-wrap.dp_none { display: none; }
.user-search-wrap.active { display: block; }
.user-search { display: inline-block; }
.user-search em { font-size: 14px; font-size: 1.4rem; display: inline-block; vertical-align: middle; line-height: 36px; margin: 0 15px; }
.user-search > input { 
    color: #fff; height: 36px; line-height: 36px; padding: 0 15px; display: inline-block; vertical-align: middle; width:140px;
    background-color: rgba(0, 0, 0, 0.5);
	border: 0.05rem solid rgba(143, 135, 170, 0.5);
}
.user-search .date { padding: 0; display: inline-block; vertical-align: middle; width:140px; position: relative;}
.user-search .date input {
    width: 100%; padding: 0 40px 0 15px; margin: 0; color: #fff; line-height: 36px;
    background-color: rgba(0, 0, 0, 0.5);
	border: 0.05rem solid rgba(143, 135, 170, 0.5);
}
.user-search .date button { display: none; }
.user-search .date i { font-size: 18px; font-size: 1.8rem; position: absolute; top: 9px; right: 9px; color: #fff; }

/* @media all and (max-width:1030px){
    .user-search-wrap { padding: 15px; }
} */
@media all and (max-width:1030px){
    #user_search { display: block; }
    .user-search-wrap { width: 100%; z-index: 10; display: none; box-shadow: 0 5px 10px #000;; position: fixed; top: 50px; left: 0; margin: 0; padding: 10px 20px 20px; background-color: #191919; text-align: left; }
    .user-search { width: 100%; margin-bottom: 10px; font-size: 0; display: block; }
    .user-search em { font-size: 14px; font-size: 1.4rem; margin: 0; display: block; width: 100%; }
    .user-search em.date-line { text-align: center; font-size: 14px; font-size: 1.4rem; display: inline-block; width: 6%; }
    .user-search .date { font-size: 14px; font-size: 1.4rem; width: 47%; }
    .user-search > input { font-size: 14px; font-size: 1.4rem; width: 100%; }
    .user-search-wrap .btn_d { width: 100%; }
}
/* 유저검색영역 */


/* 오름/내림차순 정렬 버튼 영역 */
.btn_box_absolute { width: 40%; position: absolute; top: 51px; left: 30px; margin: 0; }
.btn_box_absolute.activity { top: 51px; }

@media all and (max-width:1030px){
    .btn_box_absolute { width: 100%; position: relative; top: 0; left: 0; padding: 15px; }
    .btn_box_absolute.activity { top: 0; }
}





/*오른쪽 영역*/
.recomRightW{width:100%;float:right;}
.recomRightW td.txtAlignLeft{text-align: left;}
.recomRightW table.recomTable td a{color:#2984ea; text-decoration: underline;}
.recomRightW table.recomTable td a.boardTit {color:#fff; font-size: 11px; text-decoration: none; }
.recomRightW table.recomTable td.readM a.boardTit { color: #999; }
.recomRightW table.recomTable td { font-size: 11px; letter-spacing:-0.5px; }
.recomRightW table.recomTable td strong { font-weight:normal; }
.recomRightW h3 { width: 1085px; line-height: 40px; background: #111; padding-left: 15px; }



/*비밀번호 변경신청 레이어*/
.recoTable div.detail_wrap { width: 883px; padding: 30px 0 30px 30px; background: #222; text-align: left; }
.recoTable div.margin_bottom { margin-bottom: 10px; }

/* 지사, 총판 회원등록 가이드 */
dl.recom_guide { width: 913px; }
dl.recom_guide dt { width:893px; height: 34px; line-height: 34px; background: #111; text-align: left; padding-left: 20px; color: #ff5fff; }
dl.recom_guide dt span { float: right; font-size: 11px; padding-right: 15px; }
dl.recom_guide dd { position: relative; width:873px; padding: 20px 20px; background: #222; line-height: 20px; letter-spacing:-0.5px; margin-bottom: 20px; color:#999; }
dl.recom_guide dd p { line-height:30px; margin:10px 0; }
dl.recom_guide dd h2 { font-size: 14px; color:#fff; line-height:30px; margin:10px 0; }
dl.recom_guide dd p img { vertical-align: middle; }
dl.recom_guide dd p.sample {position: absolute; top:10px; right: 20px; display:inline-block; line-height:30px; margin:10px 0; text-align:right; color: #f00; font-size: 18px; font-weight: bold; }

/* 쪽지 도착 알림 레이어 */
.recom_message_wrap { z-index: 100; border-radius: 5px; background: #f45530; padding: 10px; display:inline-block; position:absolute; top: 46px; left: 50%; margin-left: -370px; }
.recom_message_wrap span.layer_arrow { display: block; width: 0; border-bottom: 7px solid #f45530; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -14px; left: 50%; margin-left: -7px; }
.recom_message_wrap span.event_eff { display: block; text-align: center; font-weight: bold; font-size: 12px; color:#fff; height: 30px; line-height: 30px; }
.recom_message_btn_wrap { text-align: center; height: 30px; }
.recom_message_btn_wrap a { display: inline-block; background: #222; color: #fff; padding: 0 15px; height:30px; line-height: 30px; }
.recom_message_btn_wrap a:hover { background: #333; }
.recom_message_btn_wrap a.highlight { background: #ffcc00; color: #000; }
.recom_message_btn_wrap a.highlight:hover { background: #FFDC52; }