@charset "UTF-8";

/* SUB SETTING */
.sub_contents {
    width: 100%;
    height: auto;
    position: relative;
}

.sub_contents .sub_cont {
    width: 100%;
    height: auto;
    position: relative;
}

.sub_contents .sub_size {
    width: 100%;
    height: auto;
    position: relative;
}

/* SUB SETTING END */

/* SUB TIT */
.sub_titbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.sub_titbox .sub_tit {
    width: auto;
    height: auto;
}

.sub_titbox .sub_tit::after {
/*    content: '';
    width: 100%;
    height: 1px;
    background-color: #e49c12;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 0;*/
}
.sub_titbox .sub_tit > h1 {
    display: block;
    font-size: 1.5625rem;
    font-weight: 700;
    color: #fff;
}

.sub_titbox .sub_tit > h2 {
    display: block;
    font-weight: 600;
    font-size: 1.25rem;
    display: block;
    color: #fff;
    position: relative;
    padding: 0 10px 0 0px;
    display: inline-block;
    /*background-color: #2e2e2e;*/
    z-index: 9;
    margin-bottom: 10px;
}

/* SUB TIT END */

/* PARNER BOX */
.parner_winbox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 30px 40px;
    margin-bottom: 30px;
    background-image: url(/assets/Pc/img/partners_bg.png);
    background-size: cover;
}

.parner_winbox .parner_logo {
    width: 270px;
    height: 186px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
}

.parner_winbox .parner_logo > span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(/assets/Pc/img/partners_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.parner_winbox .parner_txt {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.parner_winbox .parner_txt > h2 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.52;
    color: #fff;
    margin-bottom: 20px;
}

.parner_winbox .parner_txt > h2 > span {
    color: var(--primary);
}

.parner_winbox .parner_txt > p {
    font-size: 1rem;
    font-weight: 400;
    color: #ff3c3c;
    margin-bottom: 10px;
}

.parner_winbox .parner_txt > span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #64c55d;
}

.parner_winbox .parner_desc {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--gray-200);
}

.parner_winbox_sm {
    width: 100%;
    height: 190px;
    position: relative;
    padding: 46px 30px;
    padding-left: 250px;
    background-image: url(/assets/Pc/img/partners_bg_sm.png);
    background-size: cover;
    margin: 50px auto 40px;
}
.parner_winbox_sm .parner_txt h2 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 10px;
}
.parner_winbox_sm .parner_txt h2 span {
    color: var(--primary);
}

.parner_winbox_sm .parner_desc p {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.44;
    color: var(--gray-200);
}
/* PARNER BOX END */

/* PARNER TAB */
.parner_tab {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.parner_tab .parner_tabbox {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
}

.parner_tab .parner_tabbox > li {
    width: auto;
    height: auto;
    position: relative;
}

.parner_tab .parner_tabbox > li > a {
    display: block;
    width: 100px;
    text-align: center;
    padding: 10px 24px;
    font-size: 0.925rem;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}

.parner_tab .parner_tabbox > li.tabactive > a,
.parner_tab .parner_tabbox > li > a:hover {
    background-color: var(--primary);
    color: #141517;
}

.parner_tab .parner_tabbox > li > a .new_icon {
    width: 15px;
    height: 15px;
    position: absolute;
    top: -1px;
    left: 0;
    border-radius: 5rem;
    text-align: center;
    line-height: 20px;
    background-image: url(/assets/Pc/img/partner_new.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

/* PARNER TAB END */

/* REWARD BOX */
.reward_info {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #1b1b1b;
    border: 1px solid #484848;
    padding: 20px;
}

.reward_info .reward_logo {
    width: 270px;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    margin: 0 auto 40px;
}
.reward_info .reward_logo img {
    max-width: 100%;
}
.reward_info .reward_logo img:nth-child(1) {
    width: 173px;
    margin-bottom: -7px;
}

.reward_info .reward_logo > span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(/assets/Pc/img/hd_logo.png);
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
}

.reward_info .reward_infobox {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    gap: 30px;
}
.reward_info .reward_infobox ul {
    flex: 1;
}

.reward_info .reward_infobox > p {
    font-size: 0.9375rem;
    line-height: 20px;
    color: var(--gray-100);
}

/* REWARD BOX END */

/* REWARD ASK */
.reward_ask {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #1b1b1b;
    border: 1px solid #484848;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.reward_ask .reward_askbox {
    width: 100%;
    height: auto;
    position: relative;
}

.reward_ask .reward_askbox .rwp_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.reward_ask .reward_askbox .rwp_item .th_ask {
    width: 150px;
    background-color: #2e2e2e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 15px;
    border-bottom: 1px solid #484848;
}

.reward_ask .reward_askbox .rwp_item:last-of-type .th_ask {
    border-bottom: 0;
}

.reward_ask .reward_askbox .rwp_item .th_ask > h2 {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #fff;
}

.reward_ask .reward_askbox .rwp_item .td_ask {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    height: auto;
    position: relative;
    border-bottom: 1px solid #484848;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
}

.reward_ask .reward_askbox .rwp_item:last-of-type .td_ask {
    border-bottom: 0;
}

.reward_ask .reward_askbox .rwp_item .td_ask .ask_listbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
}

.reward_ask .reward_askbox .rwp_item .td_ask > p {
    color: #e49c12;
    font-size: 0.875rem;
    font-weight: 600;
}

/* REWARD ASK END */

/* RANK ACT */
.rank_act {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.rank_act:last-of-type {
    margin-bottom: 0;
}

.rank_act .rank_act_tit {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #000;
    border: 1px solid #484848;
    margin-bottom: 30px;
}

.rank_act .rank_act_tit .rank_titbox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 15px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rank_act .rank_act_tit .rank_titbox > h2 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;
}

.rank_act .rank_act_list {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.rank_act .rank_act_list .rank_item {
    width: -webkit-calc((100% - 40px) / 3);
    width: -moz-calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3);
    height: auto;
    position: relative;
}

.rank_act .rank_act_list .rank_item .rank_subtit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
}

.rank_act .rank_act_list .rank_item .rank_subtit > h2 {
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.rank_act .rank_act_list .rank_item .rank_subtit > h2 > span {
    width: 24px;
    height: 24px;
    position: relative;
    background-image: url(/assets/Pc/img/rank_subicon.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.rank_act .rank_act_list .rank_item .rank_list {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #1b1b1b;
    border: 1px solid #484848;
    padding: 20px;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item:last-of-type {
    margin-bottom: 0;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_info {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_info > p {
    width: 35px;
    height: 28px;
    position: relative;
    font-size: 0.875rem;
    font-weight: 500;
    color: #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center;
    -webkit-background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item:nth-of-type(1) .user_info > p.medal {
    background-image: url(/assets/Pc/img/medal_01.png);
    color: transparent;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item:nth-of-type(2) .user_info > p.medal {
    background-image: url(/assets/Pc/img/medal_02.png);
    color: transparent;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item:nth-of-type(3) .user_info > p.medal {
    background-image: url(/assets/Pc/img/medal_03.png);
    color: transparent;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_info .user_name {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_info .user_name > span {
    width: 20px;
    height: 20px;
    position: relative;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_info .user_name > span > img {
    width: 100%;
    height: 100%;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_info .user_name > p {
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_point {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.875rem;
    font-weight: 400;
    color: #ccc;
}

.rank_act .rank_act_list .rank_item .rank_list .list_item .user_point > span {
    color: #e49c12;
}
.rank_container {
    background-position: top center;
    background: linear-gradient(180deg, #583B11 0%, #1D181E 655px);
    text-align: center;
}
.rank_container > img {
    display: block;
    /*width: 100%;*/
    margin: 0 auto;
}
.rank_type_tablist {
    position: relative;
    z-index: 10;
    width: 600px;
    margin: -30px auto 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(0, 0, 0, 1);
    overflow: hidden;
}
.rank_type_tablist li {
    flex: 1;
    max-width: 300px;
    border-radius: 5px;
    text-align: center;
    padding: 10px;

    font-size: 1.125rem;
    font-weight: 600;
    line-height: 24px;
    color: #83868B;
    cursor: pointer;
}
.rank_type_tablist li.active {
    background: var(--primary);
    color: #000;
}
.rank_type_tablist_sub {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.rank_type_tablist_sub ul {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid var(--primary);
    background: rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.rank_type_tablist_sub li {
    padding: 7px 30px;
    border-radius: 5px;
    font-size: 0.975rem;
    font-weight: 600;
    color: var(--gray-100);
    cursor: pointer;
}
.rank_type_tablist_sub li.active {
    background: var(--primary);
    color: #000;
}
.rank_table {
    padding: 0px 60px 60px;
    text-align: left;
}
.rank_table[hidden] {
    display: none !important;
}
.rank_table table {
    width: 100%;
    border-collapse: collapse;
}
.rank_table table th,
.rank_table table td {
    padding-left: 12px !important;
    color: #fff;
}
.rank_table table th {
    background: rgba(31, 31, 31, 1);
    color: #fff;
    padding: 14px 0;

    font-size: 0.975rem;
    font-weight: 400;
}
.rank_table table td {
    padding: 17px 0;
    background: rgba(255, 255, 255, 0.05);
}
.rank_table table th:nth-child(1) td,
.rank_table table th:nth-child(2) td,
.rank_table table th:nth-child(3) td { background: rgba(255, 255, 255, 0.1); }
.rank_table table th:first-child { border-radius: 10px 0 0 0; }
.rank_table table th:last-child { border-radius:  0 10px 0 0; }
.rank_table table tr:last-child td:first-child { border-radius:  0 0 0 10px; }
.rank_table table tr:last-child td:last-child { border-radius:  0 0 10px 0; }

.rank_table table th:nth-child(1),
.rank_table table td:nth-child(1) { text-align: center; }

.rank_table table td:nth-child(3) {
    color: var(--primary);
}

.rank_table table tr:nth-child(1) .medal {
    background-image: url(/assets/Pc/img/medal_01.png);
    color: transparent;
}

.rank_table table tr:nth-child(2) .medal {
    background-image: url(/assets/Pc/img/medal_02.png);
    color: transparent;
}

.rank_table table tr:nth-child(3) .medal{
    background-image: url(/assets/Pc/img/medal_03.png);
    color: transparent;
}

.rank_table .rank_num,
.rank_table .medal {
    width: 100%;
    height: 28px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px;

    font-size: 1rem;
    font-weight: 600;
    line-height: 28px;
    color: #fff;
}
.rank_table .user_name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.rank_table .user_name span {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
.rank_table .user_name img {
    width: 100%;
}
.rank_table .user_name p {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--gray);
}

.rank_table_caption {
    font-size: 0.975rem;
    font-weight: 500;
    line-height: 22px;
    color: var(--gray-200);
    margin-bottom: 10px;
}

/* RANK ACT END */

/* ATTEND */
.attend_con {
    width: 100%;
    height: auto;
    position: relative;
}

.attend_con .attend_box {
    width: 100%;
    position: relative;
    padding: 407px 30px 30px;
    background-image: url(/assets/Pc/img/attend_head.png);
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgba(42, 42, 42, 1);
}

.attend_con .attend_box .attend_head {
    padding-bottom: 50px;
    margin-bottom: -50px;
    border-radius: 10px 10px 0 0;
    background-image: url(/assets/Pc/img/attend_date.png);
    background-size: cover;
    background-position: center;
    background-color: #1f1f1f;
}

.attend_con .attend_box .attend_cal {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.attend_con .attend_box .attend_cal > p {
    font-size: 22px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.5px;
    color: #fff;
}

.attend_con .attend_box .attend_cal > p > span {

}

.attend_con .attend_box .attend_table {
    width: 100%;
}

.attend_con .attend_box .attend_table > table {
    width: 100%;
    height: auto;
    position: relative;
}

.attend_con .attend_box .attend_table > table th {
    padding: 16px 5px;
    background: transparent;
    color: #fff;
    font-size: 0.975rem;
    font-weight: 400;
}

.attend_con .attend_box .attend_table > table th:last-of-type {
    border-right: 0;
}

.attend_con .attend_box .attend_table > table th.sun {
    color: #fff;
}

.attend_con .attend_box .attend_table > table th.sat {
    color: #fff;
}

.attend_con .attend_box .attend_table > table td {
    height: 102px;
    vertical-align: top;
    padding: 10px;
    text-align: right;
    border: 1px solid #2a2a2a;
    background-color: #353535;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 110px;
    -webkit-background-size: auto auto;
    background-size: 100%;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    text-align: left;
}

.attend_con .attend_box .attend_table > table td.sun {
    color: #fff;
}

.attend_con .attend_box .attend_table > table td.sat {
    color: #fff;
}

.attend_con .attend_box .attend_table > table td.on {
    background-image: url(/assets/Pc/img/attend_on.png);
}

.attend_con .attend_box .attend_table > table td.off {
    background-image: url(/assets/Pc/img/attend_off.png);
}

.attend_con .attend_box .attend_infobox {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 20px;
}

.attend_con .attend_box .attend_infobox .att_infoitem {
    flex: 1;
    padding: 15px 20px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(50px);
}

.attend_con .attend_box .attend_infobox .att_infoitem::after {
    content: '';
    width: 1px;
    height: 128px;
    /*border-right: 2px dashed #000;*/
    position: absolute;
    right: 0;
    top: 48px;
}

.attend_con .attend_box .attend_infobox .att_infoitem:last-of-type:after {
    content: none;
}


.attend_con .attend_box .attend_infobox .att_infoitem .att_infotit {
   text-align: left;
   margin-bottom: 10px;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_infotit > p {
    font-size: 0.975rem;
    font-weight: 600;
    color: var(--gray-400);
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_infotit > p > span {
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 5rem;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_01,
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_02,
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 {
    width: 100%;
    height: auto;
    position: relative;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_01 > li {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: 1rem;
    font-weight: 500;
    color: var(--gray-100);
    line-height: 1.5;
}
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_01 > li:last-child {
    padding-top: 10px;
    border-top: var(--border);
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_01 > li + li {
    margin-top: 10px;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_01 > li span:last-child {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary);
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_02 {
    padding-top: 12px;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_02 > li {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_02 > li:last-of-type {
    margin-bottom: 0;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_02 > li > span {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    border-radius: 5rem;
    letter-spacing: -.5px;
    line-height: 1;
    background-color: #b1862c;
    padding: 6px 10px;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_02 > li > p {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    letter-spacing: -.5px;
    line-height: 1;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_02 > li > p > span {
    font-weight: 700;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item:last-of-type {
    margin-bottom: 0;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item .rank_name {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item .rank_name > span {
    flex-shrink: 0;
    width: 32px;
    height: 24px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    color: var(--gray-100);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item .rank_name > span.medal {
    color: transparent;
}
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item:nth-child(1) .rank_name > span.medal {
    background-image: url(/assets/Pc/img/medal_01.png);
}
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item:nth-child(2) .rank_name > span.medal {
    background-image: url(/assets/Pc/img/medal_02.png);
}
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item:nth-child(3) .rank_name > span.medal {
    background-image: url(/assets/Pc/img/medal_03.png);
}
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item .rank_name > img {
    width: 20px;
    height: 20px;
}
.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item .rank_name > p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 26px;
    color: var(--gray-100);
}

.attend_con .attend_box .attend_infobox .att_infoitem .att_list_03 .rank_item > p {
    font-size: 1rem;
    font-weight: 500;
    color: var(--gray-100);
}

.attend_con .comt_wrap {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 5px solid var(--gray-500);
}

.attend_con .comt_wrap .comt_txt {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 10px;
    background: var(--light);
    border-radius: 10px;
    overflow: hidden;
}

.attend_con .comt_wrap .comt_txt .comt_textarea {
    width: 100%;
    height: 150px;
    position: relative;
}

.attend_con .comt_wrap .comt_txt .comt_textarea > textarea {
    width: 100%;
    height: 100%;
    padding: 15px;
}
.attend_con .comt_wrap .comt_txt .comt_textarea > textarea::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}
.attend_con .comt_wrap .comt_txt .comt_textarea > textarea::-webkit-scrollbar-thumb {
    background: var(--light-100);
    border: 5px solid transparent;
    background-clip: content-box;
    border-radius: 10px;
}

.attend_con .comt_wrap .comt_txt .comt_button {
    flex-shrink: 0;
    position: relative;
}

.attend_con .comt_wrap .comt_txt .comt_button > button {
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
    background-color: #e49c12;
    border: 1px solid #484848;
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}

.attend_con .comt_wrap .comt_txt .comt_button > button:hover {
    background-color: #fbae1a;
}

.attend_con .comt_wrap .comt_list {
    width: 100%;
    height: auto;
    position: relative;
}

.attend_con .comt_wrap .comt_list .comt_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 0;
    gap: 10px;
}
.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem + .comt_listitem  {
    border-top: var(--border);
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile {
    flex-shrink: 0;
    height: auto;
    position: relative;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile .profile_img {
    display: block;
    width: 34px;
    height: 34px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile .profile_img > img {
    width: 100%;
    height: 100%;
    position: relative;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile > p {
    display: none;
    font-size: 0.875rem;
    font-weight: 500;
    color: #ccc;
    text-align: center;
    margin-top: 6px;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt {
    flex-grow: 1;
}


.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem {
    width: 100%;
    height: auto;
    position: relative;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .nikname_con {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .nikname_con .niknmame {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .nikname_con .niknmame .stat {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .nikname_con .niknmame .stat > li {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gray-300);
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .nikname_con .niknmame .stat > li::after {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -8px;
    background-color: currentColor;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .nikname_con .attend_num {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--primary);
    padding: 5px 8px;
    line-height: 16px;
    background: var(--gray-500);
    border-radius: 2px;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .attend_txt {
    width: 100%;
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem .profile_txt .attend_txt > p {
    font-size: 0.975rem;
    font-weight: 400;
    line-height: 22px;
    color: var(--gray-100);
}
.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem.my_rank .writer_box > a {
    color: var(--blue);
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem.my_rank .profile_txt {
    /*background-color: #c89337;*/
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem.my_rank .profile_txt::after {
    border-color: transparent #c89337;
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem.my_rank .profile_txt .nikname_con .niknmame .stat > li {
    /*color: #2e2e2e;*/
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem.my_rank .profile_txt .nikname_con .attend_num {
    /*color: #000;*/
}

.attend_con .comt_wrap .comt_list .comt_listbox .comt_listitem.my_rank .profile_txt .attend_txt {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.attend_rank {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    color: var(--primary) !important;
    font-size: 13px !important;
    font-weight: 500;
    margin-right: 5px;
}

/* ATTEND END */

/* NAMED SCORE */
.named_score {
    width: 100%;
    height: auto;
    position: relative;
}

.named_score .named_nav {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.named_score .named_nav .named_navbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #484848;
}

.named_score .named_nav .named_navbox .named_item {
    width: 100%;
    height: auto;
    position: relative;
    border-right: 1px solid #484848;
}

.named_score .named_nav .named_navbox .named_item:last-of-type {
    border-right: 0;
}

.named_score .named_nav .named_navbox .named_item > a {
    display: block;
    width: 100%;
    height: 90px;
    background-color: #1b1b1b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.named_score .named_nav .named_navbox .named_item > a > span {
    width: 43px;
    height: 43px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    background-size: auto;
}

.named_score .named_nav .named_navbox .named_item#major > a > span {
    background-image: url(/assets/Pc/img/named_icon_01.png);
}

.named_score .named_nav .named_navbox .named_item#soccer > a > span {
    background-image: url(/assets/Pc/img/named_icon_02.png);
}

.named_score .named_nav .named_navbox .named_item#baseball > a > span {
    background-image: url(/assets/Pc/img/named_icon_03.png);
}

.named_score .named_nav .named_navbox .named_item#basketball > a > span {
    background-image: url(/assets/Pc/img/named_icon_04.png);
}

.named_score .named_nav .named_navbox .named_item#volleyball > a > span {
    background-image: url(/assets/Pc/img/named_icon_05.png);
}

.named_score .named_nav .named_navbox .named_item#hockey > a > span {
    background-image: url(/assets/Pc/img/named_icon_06.png);
}

.named_score .named_nav .named_navbox .named_item#football > a > span {
    background-image: url(/assets/Pc/img/named_icon_07.png);
}

.named_score .named_nav .named_navbox .named_item#star > a > span {
    background-image: url(/assets/Pc/img/named_icon_08.png);
}

.named_score .named_nav .named_navbox .named_item#lol > a > span {
    background-image: url(/assets/Pc/img/named_icon_09.png);
}

.named_score .named_nav .named_navbox .named_item#major.active > a > span,
.named_score .named_nav .named_navbox .named_item#major > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_01_on.png);
}

.named_score .named_nav .named_navbox .named_item#soccer.active > a > span,
.named_score .named_nav .named_navbox .named_item#soccer > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_02_on.png);
}

.named_score .named_nav .named_navbox .named_item#baseball.active > a > span,
.named_score .named_nav .named_navbox .named_item#baseball > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_03_on.png);
}

.named_score .named_nav .named_navbox .named_item#basketball.active > a > span,
.named_score .named_nav .named_navbox .named_item#basketball > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_04_on.png);
}

.named_score .named_nav .named_navbox .named_item#volleyball.active > a > span,
.named_score .named_nav .named_navbox .named_item#volleyball > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_05_on.png);
}

.named_score .named_nav .named_navbox .named_item#hockey.active > a > span,
.named_score .named_nav .named_navbox .named_item#hockey > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_06_on.png);
}

.named_score .named_nav .named_navbox .named_item#football.active > a > span,
.named_score .named_nav .named_navbox .named_item#football > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_07_on.png);
}

.named_score .named_nav .named_navbox .named_item#star.active > a > span,
.named_score .named_nav .named_navbox .named_item#star > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_08_on.png);
}

.named_score .named_nav .named_navbox .named_item#lol.active > a > span,
.named_score .named_nav .named_navbox .named_item#lol > a:hover > span {
    background-image: url(/assets/Pc/img/named_icon_09_on.png);
}

.named_score .named_nav .named_navbox .named_item > a > p {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 400;
}

.named_score .named_nav .named_navbox .named_item > a:hover > p,
.named_score .named_nav .named_navbox .named_item.active > a > p {
    color: #e49c12;
}

.named_score .named_player {
    width: 100%;
    height: 32000px;
    position: relative;
}

.named_score .named_player > iframe {
    display: block;
    width: 100%;
    max-width: 903px;
    margin: 0 auto;
    height: 100%;
    border: none;
}

/* NAMED SCORE END */

/* MYPAGE */
.mypage_con {
    width: 100%;
    height: auto;
    position: relative;
}

.mypage_box {
    width: 100%;
    height: auto;
    position: relative;
}
.mypage_box > h2 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

.mypage_tab {
    margin-bottom: 30px;
}

.mypage_tab .mypage_tabbox {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: var(--border);
}

.mypage_tab .mypage_tabbox > li {
    position: relative;
    padding: 10px 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--gray-100);
}

.mypage_tab .mypage_tabbox > li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: transparent;
}
.mypage_tab .mypage_tabbox > li.active {
    color: var(--primary);
}
.mypage_tab .mypage_tabbox > li.active::after {
    background: currentColor;
}

.mypage_tab .mypage_tabbox > li:last-of-type::after {
    content: none;
}

.mypage_tab .mypage_tabbox > li > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #ccc;
}

.mypage_tab .mypage_tabbox > li > a:hover,
.mypage_tab .mypage_tabbox > li.active > a {
    color: #e49c12;
}

/* MYPAGE END */

/* MYPAGE USER */
.mypage_usercon {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: var(--border);
}

.mypage_usercon .mypage_userbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}

.mypage_usercon .mypage_userbox .mypage_user {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
}

.mypage_usercon .mypage_userbox .mypage_user .user_thumb {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    overflow: hidden;
}

.mypage_usercon .mypage_userbox .mypage_user .user_thumb > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.mypage_usercon .mypage_userbox .mypage_usertxt .user_profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;

    font-size: 25px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}
.mypage_usercon .mypage_userbox .mypage_usertxt .user_profile img {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
}

.mypage_usercon .mypage_userbox .mypage_user > h2 {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    background-color: #e49c12;
    color: #1b1b1b;
    padding: 5px 10px;
    font-size: 0.875rem;
    font-weight: 900;
}

.mypage_usercon .mypage_usertxt {
    width: -webkit-calc((100% - 30px) - 110px);
    width: -moz-calc((100% - 30px) - 110px);
    width: calc((100% - 30px) - 110px);
    height: auto;
    position: relative;
}

.mypage_usercon .mypage_usertxt .user_txt {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.mypage_usercon .mypage_usertxt .user_txt > span {
    font-size: 0.975rem;
    font-weight: 400;
    color: var(--gray-400);
}
.mypage_usercon .mypage_usertxt .user_txt > span + span:before {
    content: "·";
    display: inline-block;
    font-weight: 700;
    margin: 0 6px;
}

.mypage_usercon .mypage_usertxt .user_p {
    width: 100%;
    height: auto;
    position: relative;
}

.mypage_usercon .mypage_usertxt .user_p > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #ccc;
    line-height: 28px;
}

.mypage_usercon .mypage_usertxt .mypage_userflex {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo {
    width: -webkit-calc((100% - 30px) - 320px);
    width: -moz-calc((100% - 30px) - 320px);
    width: calc((100% - 30px) - 320px);
    height: auto;
    position: relative;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #484848;
    position: absolute;
    top: 0;
    right: -15px;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #484848;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box > h2 {
    font-size: 1rem;
    font-weight: 400;
    color: #ccc;
    margin-bottom: 10px;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box > h2 > span {
    color: #e49c12;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .more_btn {
    width: auto;
    height: auto;
    position: relative;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .more_btn > a {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 5px 20px;
    background-color: #e49c12;
    color: #1b1b1b;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .more_btn > a:hover {
    background-color: #f0d15c;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .info_list {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .info_list > li {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .info_list > li::after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    background-color: #ccc;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .info_list > li:last-of-type::after {
    content: none;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .info_list > li > p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #ccc;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .info_list > li > p > span {
    color: #e49c12;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_box .info_list > li > a {
    display: block;
    width: auto;
    height: auto;
    position: relative;
    background-color: #e49c12;
    padding: 3px 15px;
    font-size: 0.75rem;
    font-weight: 800;
    color: #1b1b1b;
}

.mypage_usercon .mypage_usertxt .mypage_userinfo .userinfo_chart {
    width: 100%;
    height: auto;
    position: relative;
}

.user_chartbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #484848;
}

.user_chartbox .chart_th {
    width: 100px;
    height: 54px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #484848;
    background-color: #e49c12;
}

.user_chartbox .chart_th > h2 {
    font-size: 0.875rem;
    font-weight: 900;
    color: #1b1b1b;
}

.user_chartbox .chart_td {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_chartbox .chart_td > li {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    border-right: 1px solid #484848;
    gap: 5px;
}

.user_chartbox .chart_td > li:last-of-type {
    border-right: 0;
}

.user_chartbox .chart_td > li > h3 {
    width: 100%;
    font-size: 0.875rem;
    font-weight: 300;
    color: #ccc;
}

.user_chartbox .chart_td > li > p {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0.875rem;
    font-weight: 300;
    color: #ccc;
}

.exp_bar_area {
    padding: 15px 0;
    background: #232323;
    border: 1px solid var(--primary);
    border-radius: 10px;
    margin-bottom: 36px;
}

.exp_bar_area > p {
    width: 50px;
    font-size: 0.875rem;
    color: #ccc;
    font-weight: 300;
}

.exp_bar_area .exp_bar {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.exp_bar_area .exp_bar .exp_step {
    width: 84px;
    height: 70px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.exp_bar_area .exp_bar .exp_step:first-child {
    border-right: 1px solid rgba(48, 48, 48, 1);
}
.exp_bar_area .exp_bar .exp_step:last-child {
    border-left: 1px solid rgba(48, 48, 48, 1);
}

.exp_bar_area .exp_bar .exp_step > img {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}
.exp_bar_area .exp_bar .exp_step span {
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-100);
}

.exp_bar_area .exp_bar .exp_gauge {
    flex-grow: 1;
    position: relative;
    height: 14px;
}

.exp_bar_area .exp_bar .exp_gauge .exp_gauge_bar {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: var(--gray-500);
    overflow: hidden;
   
}

.exp_bar_area .exp_bar .exp_gauge .exp_gauge_bar .gauge_bar_color {
    width: auto;
    height: 100%;
    background-color: var(--primary);
    background-image: repeating-linear-gradient(
        45deg,
        rgba(255, 245, 169, 0.3) 0,
        rgba(255, 245, 169, 0.3) 10px,
        transparent 10px,
        transparent 20px
    );
    position: absolute;
    border-radius: 50px;
    top: 0;
    left: 0;
}
.exp_bar_area .exp_bar .exp_gauge .exp_gauge_bar .gauge_bar_color:after { 
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -17px;
    margin-left: -17px;
    width: 34px;
    height: 34px;
    background: var(--primary);
    background-image: url(/assets/Pc/img/progress_thumb.png);
    background-size: cover;
    border-radius: 50%;
    z-index: 1;
}

.exp_bar_area .exp_bar .exp_gauge .gauge_line {
    position: absolute;
    width: 1px;
    height: 22px;
    z-index: 999;
}

.exp_bar_area .exp_bar .exp_gauge .gauge_line.gauge_line_01 {
    left: 0;
}
.exp_bar_area .exp_bar .exp_gauge .gauge_line.gauge_line_01 span {
    transform: none;
}

.exp_bar_area .exp_bar .exp_gauge .gauge_line.gauge_line_02 {
    left: 33.3%;
}

.exp_bar_area .exp_bar .exp_gauge .gauge_line.gauge_line_03 {
    left: 66.6%;
}

.exp_bar_area .exp_bar .exp_gauge .gauge_line.gauge_line_04 {
    left: 100%;
}
.exp_bar_area .exp_bar .exp_gauge .gauge_line.gauge_line_04 span {
    transform: none;
    left: auto;
    right: 0;
}

.exp_bar_area .exp_bar .exp_gauge .gauge_line > span {
    position: absolute;
    top: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gray-300);
    text-align: center;
}

.mypage_usercon .mypage_usertxt .mypage_userstat {
    height: auto;
    position: relative;
}

.mypage_usercon .mypage_usertxt .mypage_userstat .userstat_p {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    gap: 15px;
}

.mypage_usercon .mypage_usertxt .mypage_userstat .userstat_p > p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #ccc;
    word-break: keep-all;
    line-height: 26px;
}

.mypage_usercon .mypage_usertxt .mypage_userstat .exp_list {
    width: 100%;
   margin-top: 8px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 15px;
}

.mypage_usercon .mypage_usertxt .mypage_userstat .exp_list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.mypage_usercon .mypage_usertxt .mypage_userstat .exp_list > li > h4 {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--gray-100);
}

.mypage_usercon .mypage_usertxt .mypage_userstat .exp_list > li > p {
    font-size: 0.975rem;
    font-weight: 600;
    color: var(--primary);
}

.mypage_userbox_right {
    flex-shrink: 0;
}
.mypage_userbox_right a {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 18px;
    color: var(--gray-100);
    padding: 8px 16px;
    border: var(--border);
    border-radius: 50px;
}
.mypage_userbox_right a:hover{
    border-color: var(--gray-200);
}

.mypage_userbox_right .userinfo_box {
    width: 300px;
    border: var(--border);
    border-radius: 5px;
    overflow: hidden;

}
.mypage_userbox_right .userinfo_box h2 {
    padding: 8px 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background: #875C08;
    color: var(--gray-100);

    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.mypage_userbox_right .userinfo_box h2 span span { color: #FFC047; }
.mypage_userbox_right .userinfo_box ul {
    padding: 15px;
}
.mypage_userbox_right .userinfo_box li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--gray-300);
    margin-bottom: 2px;
}
.mypage_userbox_right .userinfo_box li:before {
    content: "·";
    display: inline-block;
    font-weight: 700;
    margin-right: 6px;
}

.userinfo_progress {
    margin-bottom: 50px;
}
.userinfo_progress_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.userinfo_progress_head h2 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--gray-100);
    gap: 5px;
}
.userinfo_progress_head .icon_info {
    font-size: 14px;
    cursor: pointer;
}
.userinfo_progress_head > span {
    font-size: 12px;
    font-weight: 500;
}

/* MYPAGE USER */

/* MYPAGE LV LIST */
.mypage_lv_layerpop { 
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    visibility: hidden;
    opacity: 0;

    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.mypage_lv_layerpop.show {
    visibility: visible;
    opacity: 1;
}
.mypage_lv_layerpop .dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 0;
}
.mypage_lv_layerpop .mypage_lvlist {
    position: relative;
    z-index: 10;
    width: 700px;
    margin: auto;
    background: rgba(35, 35, 35, 1);
    border-radius: 10px;
    overflow: hidden;
    color: var(--gray-100);
    padding: 40px 30px 30px;
}
.mypage_lvlist_close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px;
    z-index: 10;
    cursor: pointer;
}
.mypage_lvlist_close img {
    width: 20px;
}
.mypage_lvlist_header {
    text-align: center;
    margin-bottom: 30px;
}
.mypage_lvlist_header h1 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
}
.mypage_lvlist_header p {
    font-size: 0.975rem;
    font-weight: 500;
    color: var(--primary);
    margin-top: 10px;
}

.mypage_lv_layerpop .lvlist_box {
    display: grid;
    grid-template-rows: repeat(7, 1fr);
    grid-auto-flow: column;
    gap: 20px 50px;
}
.mypage_lv_layerpop .lv_rank {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.mypage_lv_layerpop .lv_icon {
    flex-shrink: 0;
    width: 30px;
}
.mypage_lv_layerpop .lv_icon img {
    width: 100%;
}
.mypage_lv_layerpop .lv_text p {
    font-size: 0.975rem;
    font-weight: 600;
    color: var(--gray-100);
}
.mypage_lv_layerpop .lv_text span {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--gray-300);
}

/* MYPAGE LV LIST END */

/* MYPAGE CONTENTS */
.mypage_contents {
    width: 100%;
    height: auto;
    position: relative;
}

.mypage_conttitle {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.mypage_conttitle > h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.mypage_conttitle > h2 > span {
    color: #e49c12;
    font-weight: 600;
}

.mypage_edit {

}

.mypage_edit .edit_box {
    width: 100%;
    height: auto;
    position: relative;
}

.mypage_edit .edit_box .edit_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.mypage_edit .edit_box .edit_item:last-of-type {
    margin-bottom: 0;
}

.mypage_edit .edit_box .edit_item .edit_ob {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.mypage_edit .edit_box .edit_item .edit_ob .edit_th {
    width: 106px;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    padding-top: 14px;
}

.mypage_edit .edit_box .edit_item .edit_ob .edit_th > h2 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--gray-100);
}

.mypage_edit .edit_box .edit_item .edit_ob .edit_td {
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    height: auto;
    position: relative;
    padding: 0 10px;
}

.mypage_edit .edit_box .edit_item .edit_ob .edit_td .edit_p {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

.mypage_edit .edit_box .edit_item .edit_ob .edit_td .edit_p > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #ccc;
    line-height: 20px;
    margin-bottom: 5px;
    word-break: keep-all;
}

.mypage_edit .edit_box .edit_item .edit_ob .edit_td .edit_p > p:last-of-type {
    margin-bottom: 0;
}

.mypage_edit .edit_box .edit_item .edit_ob .edit_td .edit_p > p > span {
    color: #ff3c3c;
}

.mypage_edit .edit_tip {
    margin-top: 15px;
}
.mypage_edit .edit_tip p {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--gray-300);
    line-height: 16px;
    margin-bottom: 2px;
}
.mypage_edit .edit_tip p:before {
    content: "·";
    display: inline-block;
    margin-right: 6px;
}

/* MYPAGE CONTENTS END */

/* EVENT PAGE */
.event_h2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.event_titbtn {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    color: #fff;
    background-color: #000;
    border-radius: 5rem;
    padding: 6px 10px;
    line-height: 1;
}

.event_titbtn.event_titbtn_01 {
    background-color: #aa371c;
}

.event_titbtn.event_titbtn_02 {
    background-color: #3d7ca4;
}

.view_event_card {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    width: 620px;
    height: 226px;
    border-radius: 10px;
    border: 1px solid var(--primary);
    background-image: url(/assets/Pc/img/board_event_card.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 20px 20px;
}
.view_event_card > p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--primary);
    margin-bottom: 5px;
}

.view_event_card .event_databox {  
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.2em;

    font-size: 1.5625rem;
    font-weight: 700;
    color: #fff;
    line-height: 1em;
    margin-bottom: 50px;
}
.view_event_card .event_txtbox {
    margin-top: auto;
    justify-content: flex-start;
    gap: 10px;
}
.view_event_card .event_txtbox .event_input {
    flex: 1;
    width: auto;
    height: 46px;
}
.view_event_card .event_txtbox .event_input input {
    border-color: transparent;
    background: rgba(31, 31, 31, 1);
    border-radius: 5px;
    padding: 0 15px;
    font-size: 0.975rem;
    font-weight: 400;
    color: #fff;
}
.view_event_card  .event_txtbox .event_submit {
    flex-shrink: 0;
    width: auto;
    height: auto;
}
.view_event_card .event_txtbox .event_submit > button {
    width: 100px;
    height: 46px;
    border-radius: 5px;
    background: var(--primary);
    font-size: 0.975rem;
    font-weight: 500;
}
.view_event_card + .event_txt {  
    margin-top: 15px;
    text-align: left;
}
.view_event_card + .event_txt p {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--gray-300);
    margin-bottom: 2px;
}
.view_event_card + .event_txt p:before {
    content: "·";
    font-weight: 700;
    padding-right: 5px;
}

.view_eventcon {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
    border-top: 1px solid #d99f3a;
    border-bottom: 1px solid #d99f3a;
    margin-top: 80px;
}

.view_eventcon > p {
    text-align: center;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1;
    color: #d99f3a;
    margin-bottom: 25px;
}

.view_eventcon .event_databox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
}

.view_eventcon .event_databox .event_dataitem {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.view_eventcon .event_databox .event_dataitem .event_callist {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.view_eventcon .event_databox .event_dataitem .event_callist > li {
    width: 44px;
    height: 64px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.view_eventcon .event_databox .event_dataitem .event_callist > li::after {
    content: '';
    width: 100%;
    height: 50%;
    background-color: #e9e9e9;
    position: absolute;
    bottom: 0;
    left: 0;
}

.view_eventcon .event_databox .event_dataitem .event_callist > li > span {
    font-family: 'GmarketSans', sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    color: #000;
    position: relative;
    z-index: 9;
    line-height: 1;
    top: 4px;
}

.view_eventcon .event_databox .event_dataitem > span {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}

.event_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.event_txtbox .event_input {
    width: 135px;
    height: 42px;
    position: relative;
}

.event_txtbox .event_input > input {
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    border: 1px solid #d99f3a;
    padding: 0 10px;
    color: #fff;
}

.event_txtbox .event_submit {
    width: 155px;
    height: 42px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.event_txtbox .event_submit > button {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #000;
    background-color: #d99f3a;
    border: 1px solid #d99f3a;
}

.event_txt {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin-top: 24px;
}

.event_txt > p {
    font-size: 1.0625rem;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #fff;
    line-height: 1.6;
}

.event_comtlist .comt_listbox > li {
    align-items: flex-start;
    padding-right: 0;
}
.event_comtlist .comt_listbox > li:not(:first-child) {
    border-top: 1px solid var(--gray-500);
}

.event_comtlist .viewevent_btnbox {
    margin-left: auto;
    flex-shrink: 0;
}
.event_comtlist .viewevent_btnbox .eventbtn {
    padding : 5px 8px;
    border-radius: 2px;
    background: #2e2e2e;
}

.viewevent_btnbox {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -10px;
}

.viewevent_btnbox .eventbtn {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.875rem;
    padding : 5px 8px;
    border-radius: 2px;
    background: #2e2e2e;
    color: #fff;
}

.viewevent_btnbox .eventbtn.eventbtn_01 {
    color: var(--primary);
}

.viewevent_btnbox .eventbtn.eventbtn_02 {
    color: var(--blue);
}

.viewevent_btnbox .eventbtn.eventbtn_03 {
    color: var(--gray-300);
}

/* EVENT PAGE END */

/* PLAYER TAB */
.player_tabcon {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 2px solid #e49c12;
    background-color: #464646;
}

.player_tabcon .player_tabbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.player_tabcon .player_tabbox > li {
    width: auto;
    height: auto;
    position: relative;
}

.player_tabcon .player_tabbox > li > a {
    display: block;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    padding: 12px 15px;
    letter-spacing: -0.5px;
}

.player_tabcon .player_tabbox > li > a:hover,
.player_tabcon .player_tabbox > li.active > a {
    background-color: #e49c12;
    color: #000;
}

/* PLAYER TAB END */



/* 머니전환 페이지 별도 */
.sub_contents.reward {
    border: 0;
    background-color: transparent;
    padding: 0;
}
.sub_contents.reward .sub_titbox .sub_tit > h2 {
    background: none;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
}
.sub_contents.reward .sub_titbox .sub_tit::after {
    display: none;
}
.sub_contents.reward .reward_info {
    border: 0;
    padding: 30px 50px 50px;
    background-color: #2E2E2E;
    background-image: url(/assets/Pc/img/partners_bg.png);
    background-size: cover;
    background-position: center;
}
.sub_contents.reward .reward_infobox > ul > li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 20px;
    color: var(--gray-100);
}
.sub_contents.reward .reward_infobox > ul > li:last-child {
    margin-bottom: 0;
}
.sub_contents.reward .reward_infobox > ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7.5px;
    display: block;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: currentColor;
}

.reward-container {
    margin-top: 40px;
}
.reward-container .reward-request-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
    column-gap: 34px;
}
.reward-container .reward-request-box .reward-request-item:not(.half-width) {
    grid-column: span 2;
}
.reward-container .reward-request-box .section-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #E9E9E9;
}
.reward-container .reward-request-box .partner-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.reward-container .reward-request-box .partner-list .partner-item {
    min-width: 111px;
    height: 40px;
    text-align: center;
}
.reward-container .reward-request-box .partner-list .partner-item input[type="radio"] {
    display: none;
}
.reward-container .reward-request-box .partner-list .partner-item label,
.reward-container .reward-request-box .partner-list .partner-item span {
    display: block;
    border-radius: 5px;
    background-color: #3C3C3C;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 600;
    color: rgba(231, 236, 245, 0.5);
    cursor: pointer;
}
.reward-container .reward-request-box .partner-list .partner-item span.no-exchange {
    border-color: #3B3737;
    background-color: #272727;
    color: #696D74;
    cursor: not-allowed;
}
.reward-container .reward-request-box .partner-list .partner-item input[type="radio"]:checked + label {
    background-color: var(--primary);
    color: #151515;
}

.reward-container .reward-request-box .reward-request-item.existing-money p {
    padding: 12px 15px;
    border-radius: 5px;
    background-color: transparent;
    border: var(--border);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: var(--primary);
}
.reward-container .reward-request-box .reward-request-item.exchange-money select {
    display: block;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    border: none;
    background-color: #272727;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #E7ECF5;
    appearance: none;
    background-image: url(/assets/Pc/img/combobox-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;
}
.reward-container .reward-request-box .reward-request-item.partner-id-box input {
    display: block;
    border-radius: 5px;
    padding: 12px 15px;
    width: 100%;
    border: none;
    background-color: #272727;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(231, 236, 245, 1);
}

.reward-container .button-box {
    margin-top: 50px;
}
.reward-container .button-box button {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 14px 20px;
    border: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #000000;
    background-color: #E49C12;
    width: 250px;
}

.sub_contents.reward .board_list {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 5px solid rgba(46, 46, 46, 1);
}
.sub_contents.reward .board_list .board_listbox > h3 {
    margin-bottom: 13px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #ffffff;
}
.sub_contents.reward .board_table > table > thead > tr > th {
    border-bottom: none;
    background-color: #2E2E2E;
    height: 38px;
    color: #83868B;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}
.sub_contents.reward .board_table > table > thead > tr > th:first-child {
    border-radius: 5px 0 0 5px;
}
.sub_contents.reward .board_table > table > thead > tr > th:last-child {
    border-radius: 0 5px 5px 0;
}
.sub_contents.reward .board_table > table > tbody > tr > td {
    border-bottom: none;
    color: #D6DEEE;
    font-size: 14px;
    font-weight: 500;
}
.sub_contents.reward .board_table > table > tbody > tr > td.td_num {
    color: var(--gray-300);
}
.sub_contents.reward .board_table > table > tbody > tr > td.td_parner {
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    width: 60%;
}
.sub_contents.reward .board_table > table > tbody > tr > td.td_money {
    color: var(--primary);
}
.sub_contents.reward .board_table > table > tbody > tr > td.td_writer {
    color: var(--gray-300);
}
.sub_contents.reward .board_table > table > tbody > tr > td.td_data {
    color: #606267;
}
.sub_contents.reward .board_table > table > tbody > tr >  td > span {
    border-radius: 22px;
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-300);
}
.sub_contents.reward .board_table > table > tbody > tr >  td > span.submit {
    background-color: #606267;
    color: #FFFFFF;
}


.select2-container .select2-selection--single {
    height: 46px !important;
    background: rgba(39, 39, 39, 1) !important;
    border-color:  transparent !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    width: 14px !important;
    height: 100% !important;
    margin-right: 14px;
    background-image: url(/assets/Pc/img/select_arrows.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color: rgba(231, 236, 245, 1) !important;
    line-height: 42px !important;
    padding-left: 15px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    margin: 14px 0 !important;
    background: rgba(46, 46, 46, 1) !important;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.4) !important;
    border-radius: 5px !important;
    border: 0 !important;
    padding-right: 10px !important;
}
.select2-results {
    padding: 10px;
}
.select2-results__options {
    padding-right: 10px !important;
    margin-right: -10px !important;
}
.select2-results__options::-webkit-scrollbar {
    width: 4px;
    height: 0;
}
.select2-results__options::-webkit-scrollbar-thumb {
    background: rgba(56, 56, 56, 1);
    border-radius: 10px;
}
.select2-container--open .select2-dropdown {
    
}
.select2-container--open .select2-dropdown--above {
    margin: 0 !important;
    margin-top: -14px !important;
}
.select2-results__option {
    padding: 12px 15px !important;
    color: rgba(233, 233, 233, 1);
    border-radius: 5px;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 330px !important;
}

/* hover */
.select2-container--default .select2-results__option--highlighted {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(233, 233, 233, 1) !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: rgba(255, 255, 255, 0.05) !important;
    background-image: url(/assets/Pc/img/selected_option.png) !important;
    background-size: 14px !important;
    background-position: right 15px center !important;
    background-repeat: no-repeat !important;
    color: var(--primary) !important;
}