@charset "utf-8";

 a {cursor: pointer;}
 a:hover {text-decoration: none;}
 table {width: 100%; border-collapse: collapse;}
 ._hide {display:none;}
.user_home_wrapper {}

.list .no_post p {text-align: center; padding: 150px 0; color: #adadad;}

.user_home_wrapper .user_home_spot {display: flex;justify-content: space-between; align-items: center;border: 1px solid #9db5dd; border-radius:10px; overflow:hidden}
.user_home_wrapper .user_home_spot .profile_img {width: 298px;height: 252px; background-color: #d2dced;display: flex;justify-content: center;align-items: center;box-shadow: inset 8px 6px 10px rgb(94 145 237 / 20%), inset -6px -6px 10px #fff !important;}
.user_home_wrapper .user_home_spot .profile_img .wrapper {overflow:hidden;width: 150px;height: 150px;border-radius: 10%;}
.user_home_wrapper .user_home_spot .info-box {width: 100%;}
.user_home_wrapper .user_home_spot .info-box .user_nickname_wrap, .user_homve_wrapper .user_home_spot .info-box .user_nickname_wrap .user_nickname {display: flex; align-items: center;}
.user_home_wrapper .user_home_spot .info-box .user_nickname_wrap {border-bottom: 1px solid #9db5dd; padding: 24px 30px;}
.user_home_wrapper .user_home_spot .info-box .user_nickname_wrap .fname {margin: 0 5px}
.user_home_wrapper .user_home_spot .info-box .user_nickname_wrap .unick {margin-right: 10px}
.user_home_wrapper .user_home_spot .info-box .user_nickname_wrap > p {width: 318px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.user_home_wrapper .user_home_spot .info-box .home_info {border-bottom: 1px solid #9db5dd;display: flex;justify-content: space-between;}
.user_home_wrapper .user_home_spot .info-box .home_info .item {border-left: 1px solid #9db5dd; width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:30px 0;}
.user_home_wrapper .user_home_spot .info-box .home_info .item:first-of-type {border-left: none;}
.user_home_wrapper .user_home_spot .info-box .home_info .item > p:last-of-type {font-weight:bold; font-size:21px;margin-top: 13px;}
.user_home_wrapper .user_home_spot .info-box .home_info .item .round {line-height: 23px;width:25px;height:25px;border-radius:50%; background-color:#9c9c9c; font-weight: bold; color:#fff; text-align:center; margin-top:13px;}
.user_home_wrapper .user_home_spot .info-box .spot_bd {padding:21px 15px;}
.user_home_wrapper .user_home_spot .info-box .user {display: flex; justify-content: space-between;align-items: center;}
.user_home_wrapper .user_home_spot .info-box .user.spot_bd {padding:13px 15px;}
.user_home_wrapper .user_home_spot .info-box .spot_bd a {padding:7px 15px; border: 1px solid #9db5dd; cursor: pointer;}
.user_home_wrapper .user_home_spot .info-box .spot_bd a:first-of-type { border: 1px solid #9db5dd;}

.user_home_wrapper .tab-wrapper {padding: 20px 0 0 0;}
.user_home_wrapper .tab-wrapper ul {height: 51px; display:flex; justify-content:space-between; align-items: center;}
.user_home_wrapper .tab-wrapper ul li {width: 100%;text-align: center;height: 100%;line-height: 51px; margin-left: 20px;}
.user_home_wrapper .tab-wrapper ul li:first-of-type {border-left:none !important;margin-left: 0;}
.user_home_wrapper .tab-wrapper ul li .nue_style {display:block;}
.user_home_wrapper .tab-wrapper ul li._on .nue_style {  border-color: rgba(255,255,255,0.5);  box-shadow: inset 8px 6px 10px rgb(94 145 237 / 20%), inset -6px -6px 10px #fff !important; color: #5585D9; background: #E8EEF9;}
.user_home_wrapper .tab-wrapper .tab {margin-bottom: 20px}
.user_home_wrapper .tab-wrapper .tab > ul li._on {}
.user_home_wrapper .tab-wrapper ul li._on a {color: #fff;}
.user_home_wrapper .tab-wrapper .ctgr {margin-bottom: 20px}
.user_home_wrapper .tab-wrapper .ctgr ul li {}

.user_home_wrapper .user_home_main .tip_box {margin-bottom: 7px;height: 51px; border: 1px solid #dee2eb; background-color: #fff;line-height: 51px;}
.user_home_wrapper .user_home_main .tip_box::before {float: left;content: '';margin: 15px 10px 0 20px;width: 21px;height: 21px; background:url('/theme/basic/img/sp_icon_common.png') no-repeat;}
.user_home_wrapper .user_home_main .uhome_pick_record {display:flex; flex-wrap:wrap;}
.user_home_wrapper .user_home_main .uhome_pick_record .item {width: 49.6%; background-color: #fff; text-align: center;  border: 1px solid #dee2eb; margin-bottom: 7px;}
.user_home_wrapper .user_home_main .uhome_pick_record .item:nth-of-type(2n) {margin-left: 7px;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .tit {width: 100%; background-color: #f2f2f7;font-weight: normal; padding: 20px 0; border-bottom: 1px solid #dee2eb;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .curr_pick {width: 100%;font-weight: normal; height: 71px; border-bottom: 1px solid #dee2eb; display: flex; align-items: center; justify-content: space-around;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .curr_pick .pick { display: flex; align-items: center; justify-content: space-around;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .curr_pick .lock {margin-right: 10px;width:31px;height:31px;background:url('/theme/basic/img/sp_user_home.png') no-repeat 0 0; display:block;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .curr_pick a {font-weight: normal; border: 1px solid #dee2eb;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .record-wrapper {display: flex;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .record-wrapper .record {width: 100%; padding: 37px 0; display: flex; flex-direction: column; align-items: center;justify-content: center;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .record-wrapper .record:first-of-type {border-right: 1px solid #dee2eb;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .record-wrapper .record .per {margin-top: 13px; font-size: 21px;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .record-wrapper .record .up {color: #e74d39;}
.user_home_wrapper .user_home_main .uhome_pick_record .item .record-wrapper .record .down {color: #319ade;}

.user_home_wrapper .record_summary_wrapper .uhome_record_summary {border: 1px solid #9DB5DD; border-radius:10px; overflow:hidden}
.user_home_wrapper .record_summary_wrapper .uhome_record_summary .tit {text-align: center;border-bottom: 1px solid #9DB5DD;line-height: 51px;}
.user_home_wrapper .record_summary_wrapper .uhome_record_summary .record-wrapper {width: 100%; display: flex; align-items: center;justify-content: center; background-color: #fff;;}
.user_home_wrapper .record_summary_wrapper .uhome_record_summary .record-wrapper .record {width: 100%; padding: 37px 0; display: flex; flex-direction: column; align-items: center;justify-content: center;}
.user_home_wrapper .record_summary_wrapper .uhome_record_summary .record-wrapper .record:first-of-type {border-right: 1px solid #9DB5DD;}
.user_home_wrapper .record_summary_wrapper .uhome_record_summary .record-wrapper .record .per {margin-top: 13px; font-size: 21px; width: 100%; text-align: center;}
.user_home_wrapper .record_summary_wrapper .uhome_record_summary .record-wrapper .record .up {color: #e74d39;}
.user_home_wrapper .record_summary_wrapper .uhome_record_summary .record-wrapper .record .down {color: #319ade;}

.user_home_wrapper .board_list_wrapper .board_summary {border: 1px solid #9DB5DD; border-radius:10px; padding: 20px 30px; margin-bottom: 20px;}
.user_home_wrapper .board_list_wrapper .board_summary a {padding: 10px 15px; margin-right:13px}
.user_home_wrapper .board_list_wrapper .board_summary a._on {  border-color: rgba(255,255,255,0.5); box-shadow: inset 8px 6px 10px rgb(94 145 237 / 20%), inset -6px -6px 10px #fff !important; color: #5585D9; background: #E8EEF9;    border-radius: 10px;}
.user_home_wrapper .board_list_wrapper .board_list .list { border: 1px solid #dee2eb; background-color: #fff;}
.user_home_wrapper .board_list_wrapper .board_list .list tr th {padding: 15px 0; border-bottom: 1px solid #dee2eb; border-left: 1px solid #dee2eb;}
.user_home_wrapper .board_list_wrapper .board_list .list tr th:first-of-type { border-left:none;}
.user_home_wrapper .board_list_wrapper .board_list .list tr .inner {min-height: 400px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;}
/* .user_home_wrapper .board_list_wrapper .board_list .list tr .inner .ico_no_post { width: 85px;height: 85px;background: url(/theme/basic/img/sp_none.png) no-repeat;} */
/* .user_home_wrapper .board_list_wrapper .board_list .list tr .inner p {font-size: 12px;color: #adadad;margin-top: 30px;} */

.user_home_wrapper .friend_news_wrapper .list { border: 1px solid #dee2eb;background: #fff;}
.user_home_wrapper .friend_news_wrapper .list tr:not(:last-of-type) {border: 1px solid #dee2eb;}
.user_home_wrapper .friend_news_wrapper .list .user_info {display: flex; align-items: center; padding: 15px 0;}
.user_home_wrapper .friend_news_wrapper .list .user_info  >div {margin: 0 20px;width: 31px;height: 31px; overflow:hidden ;border-radius:50%;}
.user_home_wrapper .friend_news_wrapper .list .user_info  >div > img {width: 100%;}
.user_home_wrapper .friend_news_wrapper .list .user_info > img {margin-right: 10px;}
.user_home_wrapper .friend_news_wrapper .list .date_cell {color: #adadad;}

.user_home_wrapper .spot {margin-bottom: 7px;border: 1px solid #9DB5DD; border-radius:10px; padding: 25px; display: flex; align-items: center; justify-content: space-between; }
.user_home_wrapper .spot > a {display:block;color: #fff;background: #e74d39;padding: 10px 15px;}
.user_home_wrapper .tip_box {margin-bottom: 7px;height: 51px; border: 1px solid #9DB5DD; line-height: 51px; border-radius:10px; }
.user_home_wrapper .tip_box::before {float: left;content: '';margin: 15px 10px 0 20px;width: 21px;height: 21px; background:url('/theme/basic/img/sp_icon_common.png') no-repeat;}
.user_home_wrapper .friends_list_wrapper .list {margin-bottom: 7px;}
.user_home_wrapper .friends_list_wrapper .list .header{ border-bottom: 1px solid #dee2eb;background: #9c9c9c; text-align: center;padding: 10px 0;}
.user_home_wrapper .friends_list_wrapper .list .user_info {display: flex; align-items: center; padding: 15px 0;}
.user_home_wrapper .friends_list_wrapper .list .user_info  >div {margin: 0 20px;width: 31px;height: 31px; overflow:hidden ;border-radius:50%;}
.user_home_wrapper .friends_list_wrapper .list .user_info  >div > img {width: 100%;}
.user_home_wrapper .friends_list_wrapper .list .user_info > img {margin-right: 10px;}
.user_home_wrapper .friends_list_wrapper .list .date_cell, .user_home_wrapper .friends_list_wrapper .list .btn_cell {text-align: center;}
.user_home_wrapper .friends_list_wrapper .list tr:not(:last-of-type) {border: 1px solid #dee2eb;}

.user_home_wrapper .friends_list_wrapper.block .spot  {justify-content: unset;}
.user_home_wrapper .friends_list_wrapper.block .spot .user_info {display: flex; align-items: center; padding: 15px 0; margin-right: 15px;}
.user_home_wrapper .friends_list_wrapper.block .spot .user_info  >div {margin-right:20px;width: 31px;height: 31px; overflow:hidden ;border-radius:50%;}
.user_home_wrapper .friends_list_wrapper.block .spot .user_info  >div > img {width: 100%;}
.user_home_wrapper .friends_list_wrapper.block .spot .user_info > img {margin-right: 10px;}
.user_home_wrapper .friends_list_wrapper.block .spot .block_btn {margin-left: auto;}
.user_home_wrapper .friends_list_wrapper.block .checko_box {text-align: center;}

.user_home_wrapper .mypage_wrapper .certify_tb  {border: 1px solid #3a3637;margin-bottom: 7px;}
.user_home_wrapper .mypage_wrapper .certify_tb .summary {padding:20px 0;text-align:center; background-color: #3a3637; color: #fff;line-height: 1.8;}
.user_home_wrapper .mypage_wrapper .form_table tr th {background-color: rgba(255,255,255,0.3);border-right: 1px solid #9DB5DD;}
.user_home_wrapper .mypage_wrapper .form_table tr:not(:last-of-type) {border-bottom: 1px solid #9DB5DD;}
.user_home_wrapper .mypage_wrapper .form_table tr td {display: flex;justify-content: space-between;align-items: center; padding: 20px 30px;;}
.user_home_wrapper .mypage_wrapper .form_table tr td p {line-height: 4;}
.user_home_wrapper .mypage_wrapper .form_table tr td a {padding: 10px 20px;border: 1px solid #9DB5DD;}
.user_home_wrapper .mypage_wrapper > .form_table {border: 1px solid #dee2eb;margin-bottom: 7px;}
.user_home_wrapper .mypage_wrapper > .form_table .banner {border: 1px solid #dee2eb; width: 200px; height: 50px;}
.user_home_wrapper .mypage_wrapper .form_table tr td p.num {font-weight: bold;}
.user_home_wrapper .mypage_wrapper .form_table tr td p.red {color:#e74d39;}
.user_home_wrapper .mypage_wrapper .form_table tr td p.blue {color:#319ade;}
.user_home_wrapper .mypage_wrapper .form_table tr td p.green {color:#39b66b;}
.user_home_wrapper .mypage_wrapper .form_table tr td p.orange {color:#ff9000;}
.user_home_wrapper .mypage_wrapper .form_table tr td p.yellow {color:#feb700;}

.user_home_wrapper .mypage_wrapper .item_wrapper {width:100%; }
.user_home_wrapper .mypage_wrapper .tab_wrapper .tab {display: flex;align-items: center; border-bottom: none; line-height:3.2; margin:20px 0 20px;  }
.user_home_wrapper .mypage_wrapper .tab_wrapper .tab li {width:49%;}
.user_home_wrapper .mypage_wrapper .tab_wrapper .tab li .nue_style {display:block; text-align:center; font-size:14px; height:48px; line-height:3.3}
.user_home_wrapper .mypage_wrapper .tab_wrapper .tab li:first-of-type { border-left: none; margin-right:2%}
.user_home_wrapper .mypage_wrapper .tab_wrapper .tab li._on {border-bottom: none;  background-color: #f3f4f8;}
.user_home_wrapper .mypage_wrapper .tab_wrapper .tab li._on .nue_style {border-color: rgba(255,255,255,0.5);  box-shadow: inset 8px 6px 10px rgb(94 145 237 / 20%), inset -6px -6px 10px #fff !important; color: #5585D9;background: #E8EEF9;}
.user_home_wrapper .mypage_wrapper .tab_wrapper .option_wrapper {display:flex; border: 1px solid #9db5dd; border-radius:10px; padding: 20px 30px;margin-bottom: 20px;}
.user_home_wrapper .mypage_wrapper .tab_wrapper .option_wrapper a {border: 1px solid #dee2eb; background-color: #fff; padding: 10px 15px;}
.user_home_wrapper .mypage_wrapper .tab_wrapper .option_wrapper a._on {background-color: #3a3637; color: #fff;}
.user_home_wrapper .mypage_wrapper .tab_wrapper .option_wrapper a:last-of-type {margin-left: auto;}
.user_home_wrapper .mypage_wrapper .tab_wrapper .option_wrapper a._r:last-of-type {margin-left: auto;}

.user_home_wrapper .mypage_wrapper .list {}
.user_home_wrapper .mypage_wrapper .list tr {border-bottom:1px solid #9DB5DD; }
.user_home_wrapper .mypage_wrapper .list tr:last-child {border-bottom:0}
.user_home_wrapper .mypage_wrapper .list .item:not(:last-of-type) {border-bottom: 1px solid #9DB5DD;}
.user_home_wrapper .mypage_wrapper .list th {padding: 15px 0; text-align: center;background: linear-gradient(#E5E7F1, #C7CDE6);border-bottom: 1px solid #9DB5DD; font-weight:500; border-left:1px solid #9DB5DD }
.user_home_wrapper .mypage_wrapper .list th:first-child {border-left:0}
.user_home_wrapper .mypage_wrapper .list .item td {padding: 15px 0; text-align: center;}

.user_home_wrapper .mypage_wrapper .cash_wrapper .option_wrapper .balance {display:flex; align-items:center;}
.user_home_wrapper .mypage_wrapper .cash_wrapper .option_wrapper .balance .icon {width: 20px;height:20px;color: #ffbc00;text-align: center;line-height: 1.3;border-radius: 50%;border:2px solid #ffbc00;font-size: 12px;font-weight: bold;margin-right: 7px;}
.user_home_wrapper .mypage_wrapper .cash_wrapper .option_wrapper .balance .amt {font-size: 20px;font-weight: bold;margin-left: 7px;}
.user_home_wrapper .mypage_wrapper .cash {color: #e74d39;}
.user_home_wrapper .mypage_wrapper .cashbg {}
.user_home_wrapper .mypage_wrapper .cash_wrapper .option_wrapper a {margin-left: auto;}
.user_home_wrapper .mypage_wrapper .cash_wrapper .option_wrapper a:last-of-type {margin-left: 13px; border:1px solid #9db5dd }
.user_home_wrapper .mypage_wrapper .cash_wrapper .search_option_form {padding: 7px 9px;border: 1px solid #9db5dd; border-radius:10px;display:flex;justify-content: space-between;}
.user_home_wrapper .mypage_wrapper .cash_wrapper .search_option_form .month_wrapper a {border: 1px solid #9db5dd; background-color: #fff; padding: 10px 15px; margin-right:10px}
.user_home_wrapper .mypage_wrapper .cash_wrapper .search_option_form .month_wrapper {float:left; margin-top:10px}
.user_home_wrapper .mypage_wrapper .cash_wrapper .search_option_form .term {margin-left: 72px; float:left}
.user_home_wrapper .mypage_wrapper .cash_wrapper .search_option_form .term input {padding: 7.8px 4px;width: 128px; height:40px}
.user_home_wrapper .mypage_wrapper .cash_wrapper .search_option_form .type select { margin: 0 0 0 13px; width: 110px;}
.user_home_wrapper .mypage_wrapper .cash_wrapper .search_option_form button {border:1px solid #9db5dd; ; margin-left:10px; width:57px; height:40px}
.user_home_wrapper .mypage_wrapper .cash_wrapper .cash_list_wrapper, .user_home_wrapper .mypage_wrapper .point_wrapper .point_list_wrapper {margin-top: 20px;}
.user_home_wrapper .mypage_wrapper .point {color: #319ade;}
.user_home_wrapper .mypage_wrapper .pointbg {background-color: #319ade; line-height: 21px !important;}
.user_home_wrapper .mypage_wrapper .exp {color: #39b66b;}
.user_home_wrapper .mypage_wrapper .expbg {background-color: #39b66b;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper {margin-top: 7px;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper .item .item_info, .user_home_wrapper .mypage_wrapper .level_wrapper {display:flex; align-items: center; justify-content: center;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper .item .item_info .exp_icon {margin-right:7px;width:30px;font-size:20px; height:30px; border-radius: 50%; line-height: 18px;text-align: center;font-size: 40px;font-weight: 100;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper .item .item_info > p {font-weight: bold;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper .item .item_info.minus .exp_icon { border:1px solid #bfbfbf; color: #bfbfbf;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper .item .item_info.plus{ color: #e74d39;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper .item .item_info.plus .exp_icon { border:1px solid #e74d39;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .exp_list_wrapper .news_cell {text-align:left;}
.user_home_wrapper .mypage_wrapper .level_wrapper {border:1px solid #dee2eb;}
.user_home_wrapper .mypage_wrapper .level_wrapper >div {padding:15px 0;margin:5px;}
.user_home_wrapper .mypage_wrapper .level_wrapper >div._on {padding:15px 0;margin:5px;box-shadow: 0 -5px #3a3637 inset;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree {border: 1px solid #dee2eb; border-top: none !important;background-color: #fff;margin-bottom: 7px;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .graph {padding:20px 30px;display:flex; align-items: center; justify-content: center;border-bottom: 1px solid #dee2eb;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .graph .bar_container {overflow:hidden;width: 50%;margin: 0 15px;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .graph .bar_container > p {text-align:center;margin-top: 15px;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .graph .bar_container > p span{font-weight:bold; color: #feb700;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .graph .bar_wrapper {overflow:hidden;width: 100%;height: 17px;border-radius: 11px;position: relative;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .graph .bar_wrapper .bar {width:100%;height:100%; background-color: #b5b5b5;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .graph .bar_wrapper .tx {position:absolute; top: 0; width:30%;height:100%; background-color: #b5b5b5; background-color: #e74d39;}
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .promotion {padding:15px 30px;display:flex; align-items: center; }
.user_home_wrapper .mypage_wrapper .exp_wrapper .fdegree .promotion button {margin-left: auto; border: none; color: white; padding: 10px 15px;}

/* .btn.nue_style {
    border-radius: 10px;
    box-shadow: 4px 4px 6px rgb(91 145 237 / 18%), -4px -4px 6px #fff !important;
    background: linear-gradient(#f5f6f8, #eceef4);
    border-color: rgba(255,255,255,0.5);
    color: #455D88;
	display:block;
	text-align:center;
}
 */