@charset "UTF-8";

/* MAIN SETTING */
#new_sc {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px;
}

#new_sc .sc_area {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .sc_con {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .sc_size {
    width: 100%;
    max-width: 1400px;
    margin: 0 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;
    gap: 20px;
}

#new_sc .lt_contents {
    width: 340px;
    height: auto;
    position: relative;
}

#new_sc .gt_contents {
    width: -webkit-calc((100% - 20px) - 340px);
    width: -moz-calc((100% - 20px) - 340px);
    width: calc((100% - 20px) - 340px);
    height: auto;
    position: relative;
}

/* MAIN SETTING END */

/* OUTLOGIN WRAP */
.outlogin_wrap {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.outlogin_con {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #000;
    border-radius: 20px;
}

.outlogin_con.outpage_con {
    padding: 0;
}

.outlogin_con .outlogin_box {
    width: 100%;
    height: auto;
    position: relative;
    padding: 25px 30px;
    border: 1px solid #233956;
    border-radius: 10px;
    background-color: #131e2e;
}

/* OUTLOGIN WRAP END */

/* OUTLOGIN */
.outlogin_con .login_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 18px;
}

.outlogin_con .login_form {
    width: 100%;
    height: auto;
    position: relative;
}

.outlogin_con .login_box .login_inputbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
}

.outlogin_con .login_option {
    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;
}

.outlogin_con .login_option .page_mode {
    width: 48px;
    height: 23px;
    position: relative;
}

.outlogin_con .login_option .page_mode > a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/assets/Pc/img/mode_dark.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.outlogin_con .login_option .option_box {
    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;
}

.outlogin_con .login_option .option_box > li {
    width: auto;
    height: auto;
    position: relative;
}

.outlogin_con .login_option .option_box > li::after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #65696f;
    position: absolute;
    right: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.outlogin_con .login_option .option_box > li:last-of-type::after {
    content: none;
}

.outlogin_con .login_option .option_box > li > a {
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #fff;
}

/* OUTLOGIN END */

/* OUTMYPAGE */
.outlogin_con .outpage_info {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #233956;
    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-bottom: 15px;
}

.outlogin_con .outpage_info .outpage_name {
    width: 100%;
    height: auto;
    position: relative;
    border-right: 1px solid #233956;
    padding-right: 10px;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox {
    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: 10px;
    margin-bottom: 8px;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_img {
    width: 50px;
    height: 50px;
    border-radius: 5rem;
    overflow: hidden;
    border: 1px solid #484848;
    font-size: 0;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_img > img {
    width: 100%;
    height: 100%;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt {
    width: -webkit-calc((100% - 10px) - 50px);
    width: -moz-calc((100% - 10px) - 50px);
    width: calc((100% - 10px) - 50px);
    height: auto;
    position: relative;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt .name_lv {
    width: 23px;
    height: 23px;
    position: relative;
    margin-bottom: 5px;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt .name_lv > img {
    width: 100%;
    height: 100%;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt > p {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #f5ea51;
    letter-spacing: -0.5px;
}

.outlogin_con .outpage_info .outpage_name .name_option {
    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: 10px;
}

.outlogin_con .outpage_info .outpage_name .name_option .page_mode {
    width: 43px;
    height: 20px;
    position: relative;
}

.outlogin_con .outpage_info .outpage_name .name_option .page_mode > a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/assets/Pc/img/mode_dark.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.outlogin_con .outpage_info .outpage_name .name_option .option_box {
    width: auto;
    height: auto;
    position: relative;
    gap: 16px;
}

.outlogin_con .outpage_info .outpage_name .name_option .option_box > li {
    width: auto;
    height: auto;
    position: relative;
}

.outlogin_con .outpage_info .outpage_name .name_option .option_box > li > a {
    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    color: #fff;
}

.outlogin_con .outpage_info .outpage_stat {
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 10px;
}

.outlogin_con .outpage_info .outpage_stat .outpage_statbox {
    width: 100%;
    height: auto;
    position: relative;
}

.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_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: right;
    -webkit-justify-content: right;
    -moz-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    gap: 10px;
    margin-bottom: 8px;
}

.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item:last-of-type {
    margin-bottom: 0;
}

.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item > h3 {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}

.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item > p {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #d05d2a;
    font-variant-numeric: tabular-nums;
}

.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item .stat_bar {
    width: 80px;
    height: 12px;
    background-color: #151618;
    border: 1px solid #313437;
    position: relative;
}

.outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item .stat_bar > span {
    height: 100%;
    background-color: #f5ea51;
    position: absolute;
    top: 0;
    left: 0;
    /* background-image: url(/assets/Pc/img/gauge.png);
    background-position: -20px center;
    -webkit-background-size: 300px 300px;
    background-size: 300px; */
}

.outlogin_con .outpage_btn {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 15px;
}

.outlogin_con .outpage_btn .outpage_btnbox {
    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;
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item {
    width: 100%;
    height: auto;
    position: relative;
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item:last-of-type {
    border-right: 0;
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item > a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item > a > span {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    margin-bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_01 > a > span {
    background-image: url(/assets/Pc/img/mypage_icon_01.png);
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_02 > a > span {
    background-image: url(/assets/Pc/img/mypage_icon_02.png);
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_03 > a > span {
    background-image: url(/assets/Pc/img/mypage_icon_03.png);
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_04 > a > span {
    background-image: url(/assets/Pc/img/mypage_icon_04.png);
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item.btn_item_05 > a > span {
    background-image: url(/assets/Pc/img/mypage_icon_05.png);
}

.outlogin_con .outpage_btn .outpage_btnbox .btn_item > a > p {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.5px;
}

/* OUTMYPAGE END */

/* BANNER WRAP */
.mainbanner_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.mainbanner_wrap.mar_b {
    margin-bottom: 20px;
}

.mainbanner_wrap .mainbanner_box {
    width: 100%;
    height: auto;
    position: relative;
}

.mainbanner_wrap .mainbanner_box > li {
    width: 100%;
    height: auto;
    position: relative;
}

.mainbanner_wrap .mainbanner_box > li > a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0;
}

.mainbanner_wrap .mainbanner_box > li > a > img {
    width: 100%;
    max-width: 100%;
}

/* BANNER WRAP END */

/* CHAT FRAME */
.chat_frame {
    width: 100%;
    height: 550px;
    position: relative;
    border: 1px solid #233956;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 10px;
}

/* CHAT FRAME END */

/* RANK CONTENTS */
.exprank_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    border: 1px solid #233956;
    background-color: #131e2e;
    border-radius: 10px;
    margin-bottom: 20px;
}

.exprank_wrap .exprank_con {
    width: 100%;
    height: auto;
    position: relative;
}

.exprank_wrap .exprank_con .rank_tit {
    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;
    border-bottom: 1px solid #2f79a8;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.exprank_wrap .exprank_con .rank_tit.rank_tit_line {
    border-bottom: 0;
    padding-bottom: 0;
}

.exprank_wrap .exprank_con .rank_tit .rank_tab {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.exprank_wrap .exprank_con .rank_tit .rank_tab > li {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #2f79a8;
}

.exprank_wrap .exprank_con .rank_tit .rank_tab > li > a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 6px;
}

.exprank_wrap .exprank_con .rank_tit .rank_tab > li > a > span {
    display: inline-block;
    text-align: center;
    padding: 8px 20px;
    border-radius: 5rem;
    color: #fff;
}

.exprank_wrap .exprank_con .rank_tit .rank_tab > li.active > a > span,
.exprank_wrap .exprank_con .rank_tit .rank_tab > li > a:hover > span {
    background-color: #000;
}

.exprank_wrap .exprank_con .rank_tit > h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}

.exprank_wrap .exprank_con .rank_tit .rank_more {
    width: 21px;
    height: 21px;
    position: relative;
}

.exprank_wrap .exprank_con .rank_tit .rank_more > a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/rank_more.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px;
    background-color: #2f79a8;
    border-radius: 5rem;
    font-size: 0;
}

.exprank_wrap .exprank_con .rank_list {
    width: 100%;
    height: auto;
    position: relative;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li {
    width: 100%;
    height: auto;
    position: relative;
    padding: 8px 0 8px 0;
    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;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:last-of-type {
    border-bottom: 0;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .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: 10px;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .rank_num {
    font-variant-numeric: tabular-nums;
    width: 30px;
    height: 30px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #3f80a9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -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;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(1) .rank_name .rank_num,
.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(2) .rank_name .rank_num,
.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(3) .rank_name .rank_num {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 0;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(1) .rank_name .rank_num {
    background-image: url(/assets/Pc/img/medal_01.png);
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(2) .rank_name .rank_num {
    background-image: url(/assets/Pc/img/medal_02.png);
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(3) .rank_name .rank_num {
    background-image: url(/assets/Pc/img/medal_03.png);
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box {
    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;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box > span {
    width: 20px;
    height: 20px;
    position: relative;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box > span > img {
    width: 100%;
    height: 100%;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box > p {
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .point_num {
    font-variant-numeric: tabular-nums;
    font-size: 0.875rem;
    font-weight: 400;
    color: #d05d2a;
}

/* RANK CONTENTS END */

/* LATEST BOARD */
.latest_board {
    width: 100%;
    height: 210px;
    position: relative;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 20px 30px;
    border: 1px solid #233956;
    background-color: #131e2e;
    border-radius: 10px;
}

.latest_board.left_latest {
    height: auto;
    margin-bottom: 40px;
}

.latest_board .latest_item {
    height: auto;
    position: relative;
    overflow: hidden;
}

.latest_board .notice_latest {
    width: 450px;
}

.latest_board.left_latest .notice_latest {
    width: 100%;
}

.latest_board .tab_latest {
    width: -webkit-calc((100% - 20px) - 450px);
    width: -moz-calc((100% - 20px) - 450px);
    width: calc((100% - 20px) - 450px);
}

.latest_board .latest_box {
    width: 100%;
    height: auto;
    position: relative;
}

.latest_board .latest_tit {
    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;
    padding-bottom: 15px;
    border-bottom: 1px solid #2f79a8;
}

.latest_board .latest_tit > h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 32px;
}

.latest_board .latest_tit > h3 > span {
    color: #367af4;
}

.latest_board .latest_tit .latest_more {
    width: 21px;
    height: 21px;
    position: relative;
}

.latest_board .latest_tit .latest_more > a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/rank_more.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px;
    background-color: #2f79a8;
    border-radius: 5rem;
    font-size: 0;
}

.latest_board .latest_tab {
    width: 100%;
    height: auto;
    position: relative;
}

.latest_board .latest_tab .tab_box {
    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: 4px;
    padding-bottom: 15px;
    border-bottom: 1px solid #3969bd;
}

.latest_board .latest_tab .tab_box > li {
    width: -webkit-calc((100% - 16px) / 5);
    width: -moz-calc((100% - 16px) / 5);
    width: calc((100% - 16px) / 5);
    height: 32px;
    position: relative;
}

.latest_board .latest_tab .tab_box > li > a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: #fff;
}

.latest_board .latest_tab .tab_box > li > a:hover,
.latest_board .latest_tab .tab_box > li.active > a {
    background-color: #3969bd;
    color: #fff;
    border-radius: 5rem;
}

.latest_board .latest_cont {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    padding: 15px 0;
    padding-bottom: 0;
}

.latest_board .latest_cont.tab_latest_cont {
    display: none;
}

.latest_board .latest_cont .latest_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.latest_board .latest_cont .latest_listbox_50 {
    width: -webkit-calc((100% - 15px) / 2);
    width: -moz-calc((100% - 15px) / 2);
    width: calc((100% - 15px) / 2);
    height: auto;
    position: relative;
}

.latest_board .latest_cont .latest_listbox .txt_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.latest_board .latest_cont .latest_listbox .txt_item:last-of-type {
    margin-bottom: 0;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt {
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
    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;
}

.latest_board .latest_cont .latest_listbox_50 .txt_item .subject_txt {
    width: 100%;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt > a {
    width: auto;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
    padding-left: 12px;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt > a:hover {
    color: #f5ea51;
    text-decoration: underline;
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt > a::before {
    content: '';
    width: 6px;
    height: 5px;
    background-image: url(../img/latest_zum.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt > span {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #f5ea51;
}

.latest_board .latest_cont .latest_listbox .txt_item > p {
    font-variant-numeric: tabular-nums;
    width: 65px;
    height: auto;
    font-size: 0.8125rem;
    font-weight: 300;
    text-align: right;
    color: #888;
}

.latest_board .latest_cont.tab_latest_cont.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

/* LATEST BOARD END */

/* PLAYER SPORT */
.player_sport_wrap {
    width: 100%;
    height: 100%;
    min-height: 1400px;
    position: relative;
    background-color: #2e2e2e;
}

.player_sport_wrap .player_sport {
    width: 100%;
    height: auto;
    position: relative;
}

/* PLAYER SPORT END */

/* NOTICE LATEST SLIDER */
.notice_con {
    width: 100%;
    height: 50px;
    position: relative;
    background-color: #000;
    border: 1px solid #233956;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 28px;
}

.notice_con .notice_box {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.notice_con .notice_box .notice_tit {
    width: 190px;
    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: 8px;
}

.notice_con .notice_box .notice_tit > span {
    width: 28px;
    height: 21px;
    position: relative;
    background-image: url(../img/notice_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.notice_con .notice_box .notice_tit > h2 {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #f4eb51;
}

.notice_slider {
    width: -webkit-calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: calc(100% - 190px);
    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;
}

.notice_slidercon {
    width: -webkit-calc(100% - 64px);
    width: -moz-calc(100% - 64px);
    width: calc(100% - 64px);
    height: 100%;
    position: relative;
}

.notice_sliderbox {
    width: 100%;
    height: 100%;
    position: relative;
}

.notice_sliderbox .notice_slide {
    width: 100%;
    height: 48px !important;
    position: relative;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 50px;
    padding-left: 30px;
}

.notice_sliderbox .notice_slide .notice_item {
    width: 100%;
    height: auto;
    position: relative;
}

.notice_sliderbox .notice_slide .notice_item .notice_subject {
    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: 6px;
}

.notice_sliderbox .notice_slide .notice_item .notice_subject::after {
    content: '';
    width: 6px;
    height: 5px;
    background-image: url(../img/latest_zum.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.notice_sliderbox .notice_slide .notice_item .notice_subject > a {
    display: block;
    width: auto;
    max-width: 360px;
    height: auto;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #fff;
}

.notice_sliderbox .notice_slide .notice_item .notice_subject > a:hover {
    text-decoration: underline;
}

.notice_sliderbox .notice_slide .notice_item .notice_subject > span {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #f5ea51;
}

.notice_con .notice_box .notice_arrows {
    width: 64px;
    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;
}

.notice_con .notice_box .notice_arrows .notice_arrowsbox {
    width: auto;
    height: auto;
    position: relative;
}

.notice_con .notice_box .notice_arrows .notice_arrowsbox .arrows_btn {
    width: 13px;
    height: 8px;
    position: relative;
    margin-bottom: 5px;
}

.notice_con .notice_box .notice_arrows .notice_arrowsbox .arrows_btn:last-of-type {
    margin-bottom: 0;
}

.notice_con .notice_box .notice_arrows .notice_arrowsbox .arrows_btn > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.notice_con .notice_box .notice_arrows .notice_arrowsbox .arrows_btn > a.notice_prev {
    background-image: url(../img/notice_prev.png);
}

.notice_con .notice_box .notice_arrows .notice_arrowsbox .arrows_btn > a.notice_next {
    background-image: url(../img/notice_next.png);
}

/* NOTICE LATEST SLIDER END */

/* SITEMAP BOX */
.sitemap_con {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #131e2e;
    border: 1px solid #233956;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.sitemap_con .sitemap_box {
    width: 100%;
    height: auto;
    position: relative;
}

.sitemap_con .sitemap_box .sitemap_item {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #233956;
}

.sitemap_con .sitemap_box .sitemap_item:last-of-type {
    border-bottom: 0;
}

.sitemap_con .sitemap_box .sitemap_item > a {
    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;
    padding: 16px 30px;
}

/* .sitemap_con .sitemap_box .sitemap_item > a:hover {
    background-color: #282a2f;
} */

/* .sitemap_con .sitemap_box .sitemap_item > a::after {
    content: '';
    width: 3px;
    height: 100%;
    background-color: #83a91e;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
} */

/* .sitemap_con .sitemap_box .sitemap_item > a:hover::after {
    display: block;
} */

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject {
    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: 14px;
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject > span {
    display: block;
    width: 31px;
    height: auto;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject > span.icon_01 {
    width: 39px;
    height: 33px;
    background-image: url(../img/sitemap_icon_01.png);
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject > span.icon_02 {
    width: 39px;
    height: 33px;
    background-image: url(../img/sitemap_icon_02.png);
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject > span.icon_03 {
    width: 39px;
    height: 32px;
    background-image: url(../img/sitemap_icon_03.png);
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject > span.icon_04 {
    width: 39px;
    height: 32px;
    background-image: url(../img/sitemap_icon_04.png);
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject > p {
    font-size: 1.125rem;
    font-weight: 200;
    letter-spacing: -0.5px;
    line-height: 1;
    color: #fff;
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_subject > p > span {
    color: #ffe550;
    font-weight: 600;
}

.sitemap_con .sitemap_box .sitemap_item > a .sitemap_arrow {
    width: 11px;
    height: 24px;
    position: relative;
    background-image: url(../img/sitemap_arrow_on.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.sitemap_con .sitemap_box .sitemap_item > a:hover .sitemap_arrow {
    background-image: url(../img/sitemap_arrow_on.png);
}

/* SITEMAP BOX END */

/* LEFT LATEST */
.lt_latest_list {
    width: 100%;
    height: auto;
    position: relative;
}

.lt_latest_list .latest_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.lt_latest_list_02 .latest_listbox {
    display: none;
}

.lt_latest_list_02 .latest_listbox.active {
    display: block;
}

.lt_latest_list .latest_listbox > li {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    -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;
}

.lt_latest_list .latest_listbox > li:last-of-type {
    border-bottom: 0;
}

.lt_latest_list .latest_listbox > li .rank_subject {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    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: 4px;
}

.lt_latest_list .latest_listbox > li .rank_subject > span {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #269cef;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
}

.lt_latest_list .latest_listbox > li .rank_subject > a {
    width: 100%;
    height: auto;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    gap: 16px;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #fff;
}

.lt_latest_list_02 .latest_listbox > li .rank_subject > a {
    width: 100%;
    padding-left: 15px;
}

.lt_latest_list_02 .latest_listbox > li .rank_subject > a::after {
    content: '';
    width: 6px;
    height: 5px;
    background-image: url(../img/latest_zum.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lt_latest_list .latest_listbox > li .rank_subject > a:hover {
    color: #f5ea51;
}

.lt_latest_list .latest_listbox > li > p {
    font-size: 0.8125rem;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #a1a1a1;
    text-align: right;
}

/* LEFT LATEST END */

/* MAIN CONTENT */
.main_cont {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #050a0f;
    padding: 0;
}

.main_cont .main_box {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .main_box .cont_sc {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .main_box .cont_sc_01 {
    padding: 60px 30px;
}

.main_cont .main_box .cont_sc_02 {
    padding: 60px 30px;
    background-image: url(../img/sec_bg_01.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.main_cont .main_box .cont_sc_03 {
    padding: 60px 30px;
    background-image: url(../img/sec_bg_02.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.main_cont .main_box .cont_sc_04 {
    padding: 60px 30px;
    background-image: url(../img/sec_bg_03.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.main_cont .main_box .cont_sc_05 {
    padding: 60px 30px;
}

.main_cont .main_box .cont_sc_06 {
    padding: 60px 30px;
}

.main_cont .main_box .cont_sc_07 {
    padding: 40px 30px;
    background-image: url(../img/sec_bg_04.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.main_cont .main_box .cont_sc_08 {
    padding: 60px 30px;
}

.main_cont .main_box .cont_sc_09 {
    padding: 60px 30px;
}

.main_cont .main_box .cont_sc_10 {
    padding: 60px 30px;
}

.main_cont .cont_tit {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.main_cont .cont_tit > h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
}

.main_cont .cont_tit > h3 > span {
    color: #fce46b;
}

.main_cont .cont_tit > p {
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-top: 14px;
}

.main_cont .cont_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.main_cont .cont_item.align_cen {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main_cont .cont_item.gap {
    gap: 80px;
}

.main_cont .cont_item.gap_20 {
    gap: 20px;
}

.main_cont .cont_item .item_lt {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .cont_item.order .item_lt {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.main_cont .cont_item .item_lt .item_thumb {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0;
}

.main_cont .cont_item .item_lt .item_thumb .batimg {
    position: absolute;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}

.main_cont .cont_item .item_lt .item_thumb .batimg_01 {
    top: -34px;
    left: 50px;
    background-image: url(../img/batimg_01.png);
    width: 100px;
    height: 60px;
}

.main_cont .cont_item .item_lt .item_thumb > img {
    width: auto;
    max-width: 100%;
}

.main_cont .cont_item .item_gt {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .cont_item .item_gt .item_text {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .cont_item .item_gt .item_text > h4 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

.main_cont .cont_item .item_gt .item_text > h4.s_up {
    font-size: 1.5rem;
}

.main_cont .cont_item .item_gt .item_text > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    margin-top: 12px;
}

.main_cont .cont_item .item_gt .item_text .txtbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

.main_cont .cont_item .item_gt .item_text .txtbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    margin-bottom: 20px;
}

.main_cont .cont_item .item_gt .item_text .txtbox > p:last-of-type {
    margin-bottom: 0;
}

.main_cont .tvbtn {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
}

.main_cont .tvbtn > a {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    border-radius: 5rem;
    padding: 15px 30px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(36, 83, 229, 1)), to(rgba(98, 144, 240, 1)));
    background: -webkit-linear-gradient(bottom, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
    background: -moz-linear-gradient(bottom, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
    background: linear-gradient(0deg, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
}

.main_cont .info_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;
    background-color: rgba(5, 10, 15, 0.5);
    border: 1px solid #4674eb;
    border-radius: 10px;
    padding: 30px;
    gap: 50px;
}

.main_cont .info_item .info_txt {
    width: -webkit-calc((100% - 50px) - 390px);
    width: -moz-calc((100% - 50px) - 390px);
    width: calc((100% - 50px) - 390px);
    height: auto;
    position: relative;
}

.main_cont .info_item .info_txt > h4 {
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    padding-bottom: 20px;
    position: relative;
    line-height: 1;
    margin-bottom: 20px;
}

.main_cont .info_item .info_txt > h4::after {
    content: '';
    width: 53px;
    height: 3px;
    background-color: #4674eb;
    position: absolute;
    bottom: 0;
    left: 0;
}

.main_cont .info_item .info_p {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .info_item .info_p > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    word-break: keep-all;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
    line-height: 1.6;
}

.main_cont .info_item .info_p > p:last-of-type {
    margin-bottom: 0;
}

.main_cont .info_item .info_thumb {
    width: 390px;
    height: 406px;
    position: relative;
}

.main_cont .info_item .info_thumb .thumbimg {
    width: 100%;
    height: 100%;
    background-image: url(../img/batthumb_02.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.main_cont .info_item .info_thumb > img {
    position: absolute;
    top: -17px;
    left: 43px;
    width: 460px;
}

.main_cont .info2_item {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 120px;
}

.main_cont .info2_item .info2_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 230px;
}

.main_cont .info2_item .info2_box::after {
    content: '';
    width: 290px;
    height: 173px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/batimg_03.png);
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main_cont .info2_item .info2_box .info2_ob {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(70, 116, 235, 1)), to(rgba(46, 83, 178, 1)));
    background: -webkit-linear-gradient(top, rgba(70, 116, 235, 1) 0%, rgba(46, 83, 178, 1) 100%);
    background: -moz-linear-gradient(top, rgba(70, 116, 235, 1) 0%, rgba(46, 83, 178, 1) 100%);
    background: -o-linear-gradient(top, rgba(70, 116, 235, 1) 0%, rgba(46, 83, 178, 1) 100%);
    background: linear-gradient(180deg, rgba(70, 116, 235, 1) 0%, rgba(46, 83, 178, 1) 100%);
    padding: 80px 30px;
}

.main_cont .info2_item .info2_box .info2_ob.info2_ob_01 {
    text-align: left;
}

.main_cont .info2_item .info2_box .info2_ob.info2_ob_01::after {
    content: '';
    width: 63px;
    height: 25px;
    background-image: url(../img/batimg_04.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 50px;
    right: 60px;
}

.main_cont .info2_item .info2_box .info2_ob.info2_ob_02 {
    text-align: right;
}

.main_cont .info2_item .info2_box .info2_ob.info2_ob_02::after {
    content: '';
    width: 79px;
    height: 32px;
    background-image: url(../img/batimg_05.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 30px;
    left: 40px;
}

.main_cont .info2_item .info2_box .info2_ob > h4 {
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.main_cont .info2_item .info2_box .info2_ob > h4::after {
    content: '';
    width: 28px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
}

.main_cont .info2_item .info2_box .info2_ob.info2_ob_01 > h4::after {
    left: 0;
}

.main_cont .info2_item .info2_box .info2_ob.info2_ob_02 > h4::after {
    right: 0;
}

.main_cont .info2_item .info2_box .info2_ob .info2_txt {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .info2_item .info2_box .info2_ob .info2_txt > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    word-break: keep-all;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
    line-height: 1.6;
}

.main_cont .info2_item .info2_box .info2_ob .info2_txt > p:last-of-type {
    margin-bottom: 0;
}

.main_cont .event_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 120px;
}

.main_cont .event_info .item_lt > h4 {
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}

.main_cont .event_info .item_lt > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    word-break: keep-all;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

.main_cont .event_info .item_lt .event_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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 0;
    margin-top: 30px;
}

.main_cont .event_info .item_lt .event_list > li {
    width: 174px;
    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;
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
}

.main_cont .event_info .item_lt .event_list > li > span {
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.main_cont .event_info .item_lt .event_list > li.list_01 > span {
    background-image: url(../img/batimg_06.png);
}

.main_cont .event_info .item_lt .event_list > li.list_02 > span {
    background-image: url(../img/batimg_07.png);
}

.main_cont .event_info .item_lt .event_list > li.list_03 > span {
    background-image: url(../img/batimg_08.png);
}

.main_cont .event_info .item_lt .event_list > li.list_04 > span {
    background-image: url(../img/batimg_09.png);
}

.main_cont .event_info .item_gt .item_thumb {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0;
}

.main_cont .event_info .item_gt .item_thumb > img {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .search_info {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 120px;
}

.main_cont .search_info .search_infobox {
    width: auto;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.main_cont .search_info .search_infobox .search_tit {
    width: 180px;
    padding: 10px 15px;
    background-color: #fce46b;
    -webkit-clip-path: polygon(0 0, 74% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 74% 0, 100% 100%, 0% 100%);
}

.main_cont .search_info .search_infobox .search_tit > h4 {
    font-size: 1.875rem;
    font-weight: 800;
    color: #000;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
}

.main_cont .search_info .search_infobox .search_txtbox {
    width: 100%;
    max-width: 750px;
    background-color: #fff;
    padding: 20px 25px;
}

.main_cont .search_info .search_infobox .search_txtbox > p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #000;
    word-break: keep-all;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

.main_cont .search_info .search_infobox .search_txtbox .search_ob {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    gap: 8px;
}

.main_cont .search_info .search_infobox .search_txtbox .search_ob .search_input {
    width: 340px;
    background-color: #eeeeee;
    border-radius: 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;
    padding: 10px 10px;
    gap: 10px;
}

.main_cont .search_info .search_infobox .search_txtbox .search_ob .search_input .search_icon {
    width: 24px;
    height: 24px;
    background-image: url(../img/batimg_10.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.main_cont .search_info .search_infobox .search_txtbox .search_ob .search_input > p {
    font-size: 0.875rem;
    font-weight: 600;
    color: #000;
    word-break: keep-all;
    letter-spacing: -0.5px;
    line-height: 1.6;
}

.main_cont .search_info .search_infobox .search_txtbox .search_ob .tvbtn_01 {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.main_cont .search_info .search_infobox .search_txtbox .search_ob .tvbtn_01 > a {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    padding: 15px 30px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(36, 83, 229, 1)), to(rgba(98, 144, 240, 1)));
    background: -webkit-linear-gradient(bottom, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
    background: -moz-linear-gradient(bottom, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
    background: linear-gradient(0deg, rgba(36, 83, 229, 1) 0%, rgba(98, 144, 240, 1) 100%);
}

.main_cont .relay_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 120px;
}

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

.main_cont .baseball_info {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 30px;
    text-align: center;
}

.main_cont .baseball_info .baseball_tit {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .baseball_info .baseball_tit > h4 {
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}

.main_cont .baseball_info .baseball_tit > h4::after {
    content: '';
    width: 42px;
    height: 38px;
    position: absolute;
    background-image: url(../img/batimg_11.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    top: -23px;
    left: -46px;
}

.main_cont .baseball_info .baseball_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .baseball_info .baseball_txtbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    margin-bottom: 20px;
}

.main_cont .baseball_info .baseball_txtbox > p:last-of-type {
    margin-bottom: 0;
}

.main_cont .baseball_relay {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 120px;
}

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

.main_cont .baseball_relay .item_thumb.item_thumb_gt {
    left: -20px;
}

.main_cont .baseball_relay .item_thumb.item_thumb_lt {
    left: 20px;
}

.main_cont .baseball_relay .item_thumb::after {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #4674eb;
    border-radius: 5px;
    position: absolute;
}

.main_cont .baseball_relay .item_thumb.item_thumb_gt::after {
    top: -20px;
    left: 20px;
}

.main_cont .baseball_relay .item_thumb.item_thumb_lt::after {
    top: -20px;
    left: -20px;
}

.main_cont .baseball_relay .item_thumb > img {
    position: relative;
    z-index: 9;
}

.main_cont .baseball_relay .item_thumb > span {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/batimg_12.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 10;
}

.main_cont .baseball_relay .item_thumb.item_thumb_gt > span {
    left: -30px;
}

.main_cont .baseball_relay .item_thumb.item_thumb_lt > span {
    right: -30px;
}

.main_cont .basketball_tit {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

.main_cont .basketball_tit > h5 {
    font-size: 1rem;
    font-weight: 500;
    color: #4674eb;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-bottom: 14px;
}

.main_cont .basketball_tit > h4 {
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}

.main_cont .basketball_tit > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

.main_cont .basketball_relay {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 120px;
}

.main_cont .basketball_relay .basketball_bg_01,
.main_cont .basketball_relay .basketball_bg_02 {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
}

.main_cont .basketball_relay .basketball_bg_01 {
    background-image: url(../img/batbg_01.png);
}

.main_cont .basketball_relay .basketball_bg_02 {
    background-image: url(../img/batbg_02.png);
}

.main_cont .basketball_relay .basketball_ob {
    width: 100%;
    height: auto;
    position: relative;
    padding: 50px 20px;
}

.main_cont .basketball_relay .basketball_ob > span {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    background-image: url(../img/batimg_12.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 20px;
}

.main_cont .basketball_relay .basketball_ob > h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
}

.main_cont .basketball_relay .basketball_ob .basketball_txt {
    width: 100%;
    height: auto;
    padding-left: 20px;
    border-left: 1px solid #fff;
    margin-top: 26px;
}

.main_cont .basketball_relay .basketball_ob .basketball_txt > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

.main_cont .other_relay {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 60px;
}

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

.main_cont .global_tit {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .global_tit h5 {
    font-size: 1rem;
    font-weight: 500;
    color: #fce46b;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-bottom: 14px;
}

.main_cont .global_info {
    width: 100%;
    max-width: 900px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.main_cont .global_info .global_item {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 60px;
}

.main_cont .global_info .global_item:last-of-type {
    margin-bottom: 0;
}

.main_cont .global_info .global_item .circle {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 5rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    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;
    z-index: 9;
}

.main_cont .global_info .global_item .circle::after {
    content: '';
    width: 1px;
    height: 270px;
    background-color: #4674eb;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main_cont .global_info .global_item:last-of-type .circle::after {
    content: none;
}

.main_cont .global_info .global_item .circle > span {
    width: 14px;
    height: 14px;
    background-color: #4674eb;
    position: relative;
    border-radius: 5rem;
}

.main_cont .global_info .global_item .global_flex {
    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: 120px;
}

.main_cont .global_info .global_item .global_flex .glo_thumb {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0;
}

.main_cont .global_info .global_item .global_flex .glo_thumb > img {
    width: auto;
    max-width: 100%;
}

.main_cont .global_info .global_item .global_flex .glo_txt {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .global_info .global_item .global_flex .glo_txt > h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #4674eb;
    letter-spacing: -0.5px;
    line-height: 1;
    word-break: keep-all;
}

.main_cont .global_info .global_item .global_flex .glo_txt .glo_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .global_info .global_item .global_flex .glo_txt .glo_txtbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    margin-top: 12px;
}

.main_cont .analy_info {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background-color: #151e2d;
}

.main_cont .analy_info .analy_infobox {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .analy_info .analy_infobox .analy_item {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 60px;
    padding-bottom: 100px;
}

.main_cont .analy_info .analy_infobox .analy_item::after {
    content: '';
    width: 400px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0.5;
}

.main_cont .analy_info .analy_infobox .analy_item:last-of-type:after {
    content: none;
}

.main_cont .analy_info .analy_infobox .analy_item.analy_item_lt {
    padding-left: 200px;
    padding-right: 100px;
    text-align: left;
}

.main_cont .analy_info .analy_infobox .analy_item.analy_item_gt {
    padding-left: 100px;
    padding-right: 200px;
    text-align: right;
}

.main_cont .analy_info .analy_infobox .analy_item .analy_thumb {
    display: block;
    width: 240px;
    height: 340px;
    position: absolute;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.main_cont .analy_info .analy_infobox .analy_item .analy_thumb.analy_thumb_01 {
    background-image: url(../img/batthumb_18.png);
    top: -50px;
    left: -95px;
}

.main_cont .analy_info .analy_infobox .analy_item .analy_thumb.analy_thumb_02 {
    background-image: url(../img/batthumb_19.png);
    top: -30px;
    right: -95px;
}

.main_cont .analy_info .analy_infobox .analy_item .analy_thumb.analy_thumb_03 {
    background-image: url(../img/batthumb_20.png);
    top: -40px;
    left: -95px;
}

.main_cont .analy_info .analy_infobox .analy_item .analy_txtbox {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .analy_info .analy_infobox .analy_item .analy_txtbox > h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    word-break: keep-all;
}

.main_cont .analy_info .analy_infobox .analy_item .analy_txtbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    margin-top: 12px;
}

.main_cont .user_info {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
}

.main_cont .user_info .user_logo {
    width: 130px;
    height: auto;
    position: relative;
    font-size: 0;
}

.main_cont .user_info .user_logo > img {
    width: auto;
    max-width: 100%;
}

.main_cont .user_info .user_infobox {
    width: -webkit-calc((100% - 60px) - 130px);
    width: -moz-calc((100% - 60px) - 130px);
    width: calc((100% - 60px) - 130px);
    height: auto;
    position: relative;
}

.main_cont .user_info .user_infobox .user_txtbox {
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: calc(100% - 110px);
    height: auto;
    position: relative;
    margin-left: 100px;
    padding-left: 40px;
    border-left: 1px solid #FFF;
    margin-bottom: 60px;
}

.main_cont .user_info .user_infobox .user_txtbox > h4 {
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}

.main_cont .user_info .user_infobox .user_txtbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
}

.main_cont .user_info .user_infobox .user_thumb {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0;
}

.main_cont .user_info .user_infobox .user_thumb > img {
    width: auto;
    max-width: 100%;
}

.main_cont .user_info .user_infobox .user_guide {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-top: 60px;
}

.main_cont .user_info .user_infobox .user_guide > li {
    width: 100%;
    height: auto;
    position: relative;
}

.main_cont .user_info .user_infobox .user_guide > li > h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1;
    word-break: keep-all;
}

.main_cont .user_info .user_infobox .user_guide > li > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    margin-top: 20px;
}

/* MAIN CONTENT END */