@charset "UTF-8";

.hiddentag,.soundonly{overflow:hidden;position:absolute;border:0;width:1px;height:1px;clip:rect(0 0 0 0)}.outlogin_input{width:100%;height:35px;position:relative;margin-bottom:9px}.edit_check.mar_0,.login_input:last-of-type,.outlogin_input:last-of-type{margin-bottom:0}.outlogin_input>input{width:100%;height:100%;position:relative;background-color:#3f4346;border:none;padding:0 15px;font-size:.875rem;border-radius:3px;color:#fff}.login_input{width:100%;height:60px;position:relative;margin-bottom:10px}.login_input>input{width:100%;height:100%;background-color:#404243;border:1px solid #313437;padding:0 15px;border-radius:5px}.login_submit{width:80px;height:78px;position:relative}.login_submit>button{width:100%;height:100%;border:none;background:linear-gradient(to right,#2a4b99,#3894b5);font-size:.9375rem;font-weight:900;color:#fff;position:relative;border-radius:3px}.login_submit>button:hover{background-color:#f7d351}.login_button{width:100%;height:50px;position:relative;margin-bottom:15px}.login_button>button{width:100%;height:100%;border:none;background-color:#5146c6;font-size:1.25rem;font-weight:900;color:#fff;border-radius:5px}.login_button>button:hover{background-color:#3b3491}.board_check,.edit_check,.login_check,.writer_check{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}.edit_check{-webkit-box-pack:left;-webkit-justify-content:left;-moz-box-pack:left;-ms-flex-pack:left;justify-content:left;margin-bottom:10px}.board_check input[type=checkbox],.edit_check input[type=checkbox],.login_check input[type=checkbox],.writer_check input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.board_check input[type=checkbox]+label,.edit_check input[type=checkbox]+label,.login_check input[type=checkbox]+label,.writer_check input[type=checkbox]+label{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.9375rem;font-weight:400;color:#fff}.writer_check input[type=checkbox]+label{color:#1b1b1b}.edit_check input[type=checkbox]+label{font-size:.75rem;color:#adadad}.board_check input[type=checkbox]+label::before,.edit_check input[type=checkbox]+label::before,.login_check input[type=checkbox]+label::before,.writer_check input[type=checkbox]+label::before{content:'';display:inline-block;width:20px;height:20px;line-height:18px;border:1px solid #516c80;margin:-2px 7px 0 0;text-align:center;vertical-align:middle;background-color:#272727}.edit_check input[type=checkbox]+label::before,.edit_check input[type=checkbox]:checked+label::before{width:13px;height:13px}.board_check input[type=checkbox]:checked+label::before,.edit_check input[type=checkbox]:checked+label::before,.login_check input[type=checkbox]:checked+label::before,.writer_check input[type=checkbox]:checked+label::before{content:'';display:inline-block;width:20px;height:20px;background-position:center;background-repeat:no-repeat;-webkit-background-size:10px 10px;background-size:10px;border:1px solid #61a8ff;background-color:#61a8ff}

.gt_contents .rb_member,input#reg_mb_id{width:100%;border-radius:5px;position:relative}input::placeholder{color:#888;opacity:1}.rb_login.rb_reg.rb_join li{display:block;margin-top:20px}.rb_login.rb_reg.rb_join li span{display:block}.gt_contents .rb_member{height:auto;margin:0 auto;padding:50px 50px 23px}@media screen and (max-width:768px){.gt_contents .rb_member{padding:10px}}.gt_contents .rb_login_box h1{font-size:1.875rem;font-weight:600;margin-bottom:50px;text-align:center}input{padding-left:8px!important}input#reg_mb_id{height:50px}input#reg_mb_hp,input#reg_mb_name,input#reg_mb_password,input#reg_mb_password_re{width:calc(100% - 110px);height:50px;position:relative;border-radius:5px;margin-bottom:5px}input#reg_mb_email,input#reg_mb_nick{width:100%;height:50px;position:relative;border-radius:5px;margin-bottom:5px}.btn_confirm_join{text-align:center;width:100%;height:50px;position:relative;margin-top:20px}.btn_join{width:50%;height:100%;border:none;background-color:#5146c6;font-size:1.25rem;font-weight:600;color:#fff;border-radius:5px}.password_modal_wrap{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.6);display:none;z-index:10000}.password_modal_wrap .password_modalcon{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}.password_modal_wrap .password_modalbox{width:90%;height:auto;position:relative;background-color:#212121;padding:30px}.password_modal_wrap .password_modalbox>h2{text-align:center;font-size:1.625rem;font-weight:700;color:#fff;margin-bottom:30px}.password_modal_wrap .password_modalbox .password_stat{width:100%;height:auto;position:relative;padding:15px;background-color:#000;border:1px solid #4b505a}.password_modal_wrap .password_modalbox .password_stat>p{font-size:1.125rem;font-weight:400;color:#fff;text-align:center;margin-bottom:20px}.password_modal_wrap .password_modalbox .password_stat .stat_telme{width:auto;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}.password_modal_wrap .password_modalbox .password_stat .stat_telme>a{display:block;width:auto;height:auto;color:#fff!important;background-color:#2253a2;padding:10px 20px;font-size:.875rem;font-weight:500;border-radius:5px}.password_modal_wrap .password_modalbox .modal_close{width:100px;height:30px;position:relative;margin:30px auto 0}.password_modal_wrap .password_modalbox .modal_close>a{display:block;width:100%;height:100%;text-align:center;background-color:#61a8ff;border-radius:5px;color:#fff!important;font-weight:700;font-size:.9375rem;line-height:30px}

/* MAIN SETTING */
#new_sc {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 1600px;
    max-width: 1900px;
    margin: 0 auto;
}

#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%;
    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;
}

#new_sc .lt_contents {
    width: 100%;
    max-width: 340px;
    height: 100%;
    padding: 0 15px;
    background-color: #2D2F31;
	margin: 0 0 0 10px;
}


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

.lt_contents {
  display: none !important;
  flex-shrink: initial !important;
}


}

@media (min-width: 1024px) and (max-width: 2200px) {

.lt_contents {
    flex-shrink: 0;
}

}


#new_sc .gt_contents {
max-width: 1165px;
    width: 100%;
    height: auto;
    position: relative;
	padding: 30px 20px 0px 20px;
}

/* MAIN SETTING END */

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

.outlogin_con {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #4C4F53;
    padding: 10px 0 25px;
}

.outlogin_con.outpage_con {
    padding: 6px;
}

@media (max-width: 768px) {
    .outlogin_con.outpage_con {
            padding: 10px 0px 0px 0px;
    }
}


.outlogin_con .outlogin_box {
    height: auto;
    position: relative;
	padding: 20px 0 0px;
}

/* OUTLOGIN WRAP END */

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

.outlogin_con .login_form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    position: relative;
}

.outlogin_con .login_box .login_inputbox {
    width: 197px;
    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.75rem;
    font-weight: 400;
    color: #ADADAD;
}
.outlogin_con .login_option .option_box > li > a.signup_btn {
    color: #61A8FF;
}

/* OUTLOGIN END */

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

.outlogin_con .outpage_info .outpage_name .outpage_namebox {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    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: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.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: 30px;
    height: 30px;
}

.outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt > p {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #fff;
    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: #61A8FF;
    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: #61A8FF;
    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;
    padding-bottom: 10px;
}

.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(/img/login_aff/my_page.png);
}

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

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

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

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

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

/* OUTMYPAGE END */

/* BANNER WRAP */
.mainbanner_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.mainbanner_wrap.mar_b {
    border-bottom: 1px solid #4C4F53;
    padding-bottom: 25px;
}

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

.mainbanner_wrap .mainbanner_box > li {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 12px;
}
.mainbanner_wrap .mainbanner_box > li:last-child {
    margin-bottom: 0;
}

.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 */


/* RANK CONTENTS */
.exprank_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #4C4F53;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 25px;
}

.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;
    margin-bottom: 14px;
}

.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: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}

.exprank_wrap .exprank_con .rank_tit .rank_more {
    position: relative;
}

.exprank_wrap .exprank_con .rank_tit .rank_more > a {
    display: block;
    background-image: url(../img/rank_more.png?1);
    background-position: right 4px top 1px;
    background-repeat: no-repeat;
    padding-right: 20px;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #fff;
}

.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: 32px;
    padding: 0 16px 0 5px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-child(even) {
    background-color: #404043;
}

.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: 22px;
    height: 22px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: linear-gradient(to right, #2A4B99, #3894B5);
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(1) .rank_name .rank_num {
    background-image: url(/img/exprank/1st.png);
    width: 28px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(2) .rank_name .rank_num {
    background-image: url(/img/exprank/2st.png);
    width: 28px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-of-type(3) .rank_name .rank_num {
    background-image: url(/img/exprank/3st.png);
    width: 28px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}


.exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box {
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    -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.8125rem;
    font-weight: 400;
    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.8125rem;
    font-weight: 400;
    color: #B4B4B4;
}

.exprank_wrap .exprank_con .rank_list .rank_listbox > li .point_num .p {
    color: #FFCD34;
}

/* RANK CONTENTS END */

/* LATEST BOARD */
.latest_board {
    width: 100%;
    height: 230px;
    position: relative;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.latest_board .latest_item {
    background-color: #2E2F30;
    height: auto;
    position: relative;
    padding: 14px 20px;
    border-radius: 5px;
}

.latest_board .new_latest {
    width: 50%;
}

.latest_board .tab_latest {
    width: 520px;
}

.latest_board .latest_box {
    width: 500px;
    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;
    border-bottom: 2px solid #5B5A64;
    padding-bottom: 10px;
}

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

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

.latest_board .latest_tit .latest_more > a {
    display: block;
    background-image: url(../img/rank_more.png?1);
    background-position: right 4px top 1px;
    background-repeat: no-repeat;
    padding-right: 20px;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #fff;
}

.latest_board .latest_tit .latest_more > a:hover {
    background-color: #61A8FF;
}

.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;
}

.latest_board .latest_tab .tab_box > li {
    width: -webkit-calc(100% / 2);
    width: -moz-calc(100% / 2);
    width: calc(100% / 2);
    height: auto;
    position: relative;
}

.latest_board .latest_tab .tab_box > li > a {
    position: relative;
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #5B5A64;
    font-size: 1rem;
    font-weight: 600;
    line-height: 23px;
    text-align: center;
    color: #fff;
}
.latest_board .latest_tab .tab_box > li > a::after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transition: all 0.3s ease;
    transform: translateX(-50%);
    background: linear-gradient(to right, #886BF4, #59AFED);
}

.latest_board .latest_tab .tab_box > li > a:hover::after,
.latest_board .latest_tab .tab_box > li.active > a::after {
    width: 100%;
}

.latest_board .latest_cont {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    margin-top: 13px;
}

.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: 100%;
    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;
    margin-bottom: 10px;
}
.latest_board .new_latest .latest_cont .latest_listbox .txt_item:nth-of-type(n+6) {
    display: block;
}

.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: calc(100% - 70px);
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    /* padding-left: 10px; */
}

.latest_board .latest_cont .latest_listbox .txt_item .subject_txt::before {
    content: '';
    display: block;
    margin: 0 3px;
    width: 4px;
    height: 4px;
    background-color: #61A8FF;
    border-radius: 50%;
}

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

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

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

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

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

.latest_board .latest_cont .latest_listbox .txt_item > p {
    width: 65px;
    height: auto;
    font-size: 0.8125rem;
    text-align: right;
    color: #9D9D9D;
}

.latest_board .latest_cont.tab_latest_cont.active {
    display: flex;
    justify-content: space-between;
}

/* 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: 202px;
    height: 123px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/batimg_03.png?1);
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 100px;
    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?1);
    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?1`);
    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 */