@charset "utf-8";
#wrap {float:left; width:100%; background:#222222; overflow:hidden; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;background:#000;}
.top_wrap{float:left; width:100%; border-bottom:1px solid #363636;}
.top_box{width:1400px; height:50px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}

.top_box_left{float:left;}
.top_box_left li{float:left; margin:0 10px 0 0; font-size:14px; color:#ffffff; line-height:50px;}
.top_box_left li a{display:block; font-size:14px; color:#ffffff; transition:all 0.3s;}

.top_box_left li:nth-child(2){position: relative; padding:0 10px;}
.top_box_left li:nth-child(2):before {content : ""; position: absolute; left: 0; top:50%; transform:translate(0,-50%); height  : 22%; width   : 1px;  /* or 100px */ border-left:1px solid #9b9b9b;}
.top_box_left li:nth-child(2):after {content : ""; position: absolute; right: 0; top:50%; transform:translate(0,-50%); height  : 22%; width   : 1px;  /* or 100px */ border-left:1px solid #9b9b9b;}

.top_box_left li:hover a{color:#9b9b9b;}

.top_box_right{float:left;}
.top_box_right li{float:left; margin:0 0 0 10px; position:relative; line-height:50px;}
.top_box_right li a{display:block; font-size:15px;  font-weight:500;}

.util_btn1{display:inline-block; min-width:70px; padding:0 10px; height:35px; line-height:35px; border-radius:5px; text-align:center; background:#01a032; border:1px solid #01a032; font-weight:500; font-size:14px; color:#ffffff; transition:all 0.3s;}
.util_btn2{display:inline-block; min-width:70px; padding:0 10px; height:35px; line-height:35px; border-radius:5px; text-align:center; background:#222222; border:1px solid #01a032; font-weight:500; font-size:14px; color:#F7AD38; transition:all 0.3s;}
.my_font01{font-weight:700; color:#F7AD38;}
.util_btn1:hover{opacity:0.8;}
.util_btn2:hover{opacity:0.8;}

.top_serch{display:inline-block; width:230px; padding:7px 40px 6px 15px; background-color:#343434; border:1px solid #343434; border-radius:5px; text-align:left; font-weight:500; font-size:14px; color:#ffffff;}
.top_serch::placeholder {color:#999999;}

.top_serch_btn{position:absolute; right:5px; top:50%; transform:translate(0,-50%); padding:5px;}

.gnb_wrap{float:left; width:100%; border-bottom:3px solid #01a032;}
.gnb_box{width:1400px; padding:0px 0;margin:0 auto; display:flex; align-items:center;}

.logo{float:left; margin:0 auto 0 0;}
.gnb{float:left; margin:0 10px 0 0;}
.gnb>ul{}
.gnb>ul>li{float:left; position:relative; height:100px; display:flex; align-items:center; transition:all 0.3s;}
.gnb>ul>li>a{display:block; padding:0px 30px; text-align:center; transition:all 0.3s;}
.gnb_title{display:block; font-family:'nexon'; font-weight:500; font-size:20px; color:#ffffff; transition:all 0.3s;}
.gnb_text{display:block; margin:5px 0 0 0; font-family:'nexon'; font-weight:300; font-size:12px; color:#808080; transition:all 0.3s;}

.gnb_depth{display:none; float:left; width:130px; padding:10px; background:#01a032; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:5px; position:absolute; left:50%; top:95%; z-index:10; transform:translate(-50%); transition:all 0.3s;}
.gnb_depth>li{float:left; width:100%;}
.gnb_depth>li>a{display:block; width:100%; text-align:center; height:40px; line-height:40px; border-radius:10px; font-family:'nexon'; font-weight:500; font-size:15px; color:#ffffff; transition:all 0.3s;}

.depth_triangle{display:none; content: ''; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); z-index:11; width: 0;  height: 0; border-bottom: 10px solid #01a032; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;}

.gnb>ul>li:hover .gnb_depth{display:block;}
.gnb>ul>li:hover .depth_triangle{display:block;}
.gnb_depth>li>a:hover{background:#f65609;}
.gnb>ul>li:hover .gnb_title{color:#F7AD38;}

.gnb>ul>li:after{content:''; display:block; height:30px; width:1px; margin:0 10px; background:rgba(255,255,255,0.1);}
.gnb>ul>li:last-child:after{display:none;}

.m_menu_open img{filter:drop-shadow(2px 2px 3px rgba(0,0,0,0.6));}

@media screen and (max-width:1440px) {
	.top_wrap{padding:0 10px;}
	.top_box{width:100%;}
	.gnb_wrap{padding:0 10px;}
	.gnb_box{width:100%;}
}
@media screen and (max-width:1024px) {
	.top_wrap{display:none;}
	.logo{display:none;}
	.gnb_box{padding:5px 0;}
	.gnb{width:calc(100% - 45px); overflow:hidden;}
	.gnb>ul{display:flex;}
	.gnb>ul{width:100%; overflow:hidden; overflow-x:auto; transition:all 0.5s;}
	.gnb>ul::-webkit-scrollbar {height: 3px;  /* 스크롤바의 너비 */}
	.gnb>ul::-webkit-scrollbar-thumb {width: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.0); /* 스크롤바의 색상 */border-radius: 5px;}
	.gnb>ul::-webkit-scrollbar-track {background: rgba(255,255,255, 0.0);  /*스크롤바 뒷 배경 색상*/}	
	.gnb>ul>li{height:40px; margin:0 20px 0 0;}
	.gnb>ul>li>a{padding:0; width:100%;  text-align:left;}
	.gnb_title{font-size:14px; white-space:nowrap;}
	.gnb_text{display:none;}
	.gnb>ul>li:hover .gnb_depth{display:none;}
	.gnb>ul>li:hover .depth_triangle{display:none;}	
	.gnb>ul>li:after{display:none;}
}

.m_header{float:left; width:100%; display:none;}
.m_top{float:left; width:100%; border-bottom:1px solid #363636; padding:10px 10px; display:flex; align-items:center;}
.m_logo{float:left; margin:0 auto 0 0;}
.m_logo img{display:inline-block; width:140px;}

.m_top_serch_btn{float:right; background-color:#343434; border:1px solid #343434; border-radius:5px; padding:10px; box-shadow:2px 2px 10px rgba(0,0,0,0.6);}
.m_serch_box{float:left; width:100%; padding:0 10px; height:0px; line-height:0px; overflow:hidden; position:relative; transition:all 0.3s;}
.m_serch_box.active{height:58px; line-height:54px; border-bottom:1px solid #363636;}

@media screen and (max-width:1024px) {
	.m_header{display:block;}
    .top_serch{width:100%; padding:8px 40px 8px 15px;}
	.top_serch_btn{right:15px;}
}

 /*-------------------------------------------------------------------------------------*
 *  contents                                                                            *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; margin:30px 0 0 0;} 
.contents_box{width:1400px; margin:0 auto; display:flex; justify-content:space-between; position:relative;}

.contents_box_left{float:left; width:320px;}
.contents_box_right{float:left; width:calc(100% - 350px);}

.floating_banner{position:absolute; width:150px;}
.floating_banner.left{left:-170px;}
.floating_banner.right{right:-170px;}
.floating_banner li{float:left; width:100%; margin:0 0 10px;}
.floating_banner li a{display:block;}

@media screen and (max-width:1440px) {
    .floating_banner{display:none;}
	.contents_wrap{padding:0 10px;}
	.contents_box{width:100%;}
	.contents_box_left{width:280px;}
	.contents_box_right{float:left; width:calc(100% - 300px);}	
}
@media screen and (max-width:1024px) {
	.contents_box_left{display:none;}
	.contents_box_right{width:100%;}
    
}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}

 /*-------------------------------------------------------------------------------------*
 *  왼쪽고정영역                                                                          *
 *-------------------------------------------------------------------------------------*/
/* 로그인 */
.left_login_box{float:left; width:100%; border-radius:10px; background: radial-gradient(ellipse at left top, #01a032 0%,#2c2c2c 70%); padding:25px 25px 25px; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.left_login_input{float:left; width:100%; margin:5px 0 0; background-color:#222222; border:1px solid #222222; border-radius:10px; padding:4px 10px 4px 40px; color:#ffffff; height:44px;}
.left_login_input::placeholder {font-weight:500; color:#949494; transition:all 0.5s;}

.left_login_input.id{background:#222222 url(../images/id_icon.png) left center no-repeat; background-position:15px;}
.left_login_input.pw{background:#222222 url(../images/pw_icon.png) left center no-repeat; background-position:15px;}

.left_login_btn{float:left; width:100%; margin:10px 0 0; padding:0 10px; height:48px; line-height:48px; border-radius:10px; text-align:center; background:linear-gradient(#01a032 0%, #e02802 50%,#01a032 50%, #e02802 100%); background-size:100% 200%; font-weight:500; font-size:16px; color:#ffffff; transition:all 0.3s;}
.left_login_btn:hover{background-position-y:100%;}
.left_join_btn{float:right; text-align:center; font-weight:500; font-size:14px; color:#01a032; transition:all 0.3s;}
.left_login_opbox{float:left; width:100%; padding:8px 0 0 0;}
.radio_wrap{float:left; height:auto; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;}
.radio_wrap label {display: flex; cursor: pointer; font-weight:300; font-size:14px; color:#949494; position: relative; overflow: hidden;}
.radio_wrap label input {position: absolute; left: -9999px;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #01a032;}
.radio_wrap label>span {display: flex; align-items: center; transition: 0.25s ease; color:#777777;}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #222222; width: 1.2em; height: 1.2em; border-radius:50%; margin-right: 0.375em; transition: 0.25s ease;}
.radio_wrap label>span>span{padding:0 10px; margin:0 0 0 5px; border-radius: 50px; transition: 0.25s ease; background:#c9ab70; color:#2a1500;}

.left_my_box{float:left; width:100%; border-radius:10px; background: radial-gradient(ellipse at left top, #01a032 0%,#2c2c2c 70%); padding:23px 25px 20px; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.left_my_top{float:left; width:100%; padding:10px 10px; background:#222222; border-radius:10px; display:flex; align-items:center;}
.left_my_id{float:left; margin:0 auto 0 0; font-size:12px; color:#999999;}
.left_my_id span{font-size:14px; color:#ffffff;}
.left_lv_img{display:inline-block; margin:0 5px 0 0;}
.left_my_logout{font-size:14px; color:#01a032;}
.left_my_point{float:left; width:100%; margin:5px 0 0 0; padding:10px 10px; background:#222222; border-radius:10px; display:flex; align-items:center; font-size:14px; color:#ffffff;}
.left_my_point span{margin:0 5px 0 auto; font-weight:700; font-size:14px; color:#fff600;}

.left_my_btn{float:left; width:100%; margin:5px 0 0 0;}
.left_my_btn li{float:left; width:calc(50% - 2px); margin:0 4px 0 0;}
.left_my_btn li:nth-child(2n){margin:0;}
.left_my_btn li a{display:block; width:100%; padding:0 10px; height:40px; line-height:40px; border-radius:10px; text-align:center; background:linear-gradient(#01a032 0%, #e02802 50%,#01a032 50%, #e02802 100%); background-size:100% 200%; font-weight:500; font-size:14px; color:#ffffff; transition:all 0.3s;}
.left_my_btn li:nth-child(2n) a{background:linear-gradient(#505050 0%, #3c3c3c 50%, #505050 50%, #3c3c3c 100%); background-size:100% 200%;}
.left_my_btn li:hover a{background-position-y:100%;}

.left_my_quick_menu{float:left; width:100%; margin:10px 0 0 0; background:#222222; border-radius:10px;}
.left_my_quick_menu li{float:left; width:25%; height:48px; margin:0; border-right:1px solid #000000;}
.left_my_quick_menu li:last-child{border:none;}
.left_my_quick_menu li a{display:block; height:100%; line-height:48px; padding:0px 15px; box-sizing:border-box; text-align:center;}
.left_my_quick_menu li a img{display:inline-block; width:100%; max-width:24px;}


.left_customer_box{float:left; width:100%; margin:30px 0 0 0; border-radius:10px; background:url(../images/bg_customer.jpg) center top no-repeat; background-size:cover;box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.left_customer_box a{display:block; float:left; width:100%; padding:20px 30px;}
.lcb_img{float:left;}
.lcb_img img{width:100%; max-width:97px;}
.lcb_text{float:left; width:calc(100% - 97px);}
.lcb_font1{display:inline-block; width:100%; font-weight:500; font-size:14px; color:#ffffff; transition:all 0.3s;}
.lcb_font1 span{color:#fffc00;}
.lcb_font2{display:inline-block; width:100%;  margin:5px 0 0 0; font-size:19px; color:#ffffff; transition:all 0.3s;}
.lcb_font2 span{font-weight:500;}

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

.left_chat_box{float:left; width:100%; margin:20px 0 0 0; border-radius:10px; background:#2c2c2c;}
.left_chat_title{float:left; width:100%; line-height:50px; white-space:nowrap; overflow:hidden; padding:0 20px; border-bottom:1px solid #222222; font-weight:500; font-size:15px; color:#e9e9e9;}
.left_chat_in{float:left; width:100%; height:390px;}
.m_chat.left_chat_box{margin:0;}
.m_chat .left_chat_in{height:calc(100vh - 50px);}
@media screen and (max-width:1024px) {
	
}

.left_notice_box{float:left; width:100%; margin:20px 0 0 0; border-radius:10px; padding:20px 20px; background:#2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); display:flex; align-items:center;}
.left_notice_title{float:left; width:64px; height:30px; line-height:30px; text-align:center; border-radius:10px; background:#01a032; font-weight:500; font-size:15px; color:#ffffff; transition:all 0.3s;}
.left_notice_title img{display:inline-block; width:15px; margin:0 3px 0 0;}

.left_notice_text{float:left; width:calc(100% - 86px); height:40px; line-height:40px; margin: 0 10px; overflow:hidden;}
.left_notice_text .swiper-wrapper{float:left; width:100%;}
.left_notice_text .swiper-wrapper .swiper-slide{float:left; width:100%;}
.left_notice_text a{float:left; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; font-size:15px; color:#ffffff; transition:all 0.3s;}
.left_notice_text a:hover{color:#01a032;}

.left_notive_arrow{display: flex; flex-direction: column; justify-content: space-between;}


.left_event_box{float:left; width:100%; margin:30px 0 0 0; border-radius:10px; background:#2c2c2c; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.left_event_title{float:left; width:100%; background:#00d9c7; line-height:50px; white-space:nowrap; overflow:hidden; text-align:center; font-weight:500; font-size:18px; color:#e9e9e9;}
.left_event_title img{display:inline-block; margin:0 10px 0 0;}
.left_event_list{float:left; width:100%; padding:15px;}
.left_event_list li{float:left; width:100%; height:36px; line-height:36px;}
.left_event_list li a{display:block; float:left; width:100%;}

.left_event_devision{float:left; width:22px;}
.left_event_text{float:left; width:calc(100% - 92px); margin: 0 10px; padding:0 35px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; font-weight:500; font-size:15px; color:#ffffff; transition:all 0.3s;}
.left_event_date{float:left; width:50px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#676767; transition:all 0.3s;}
.left_event_odd{position:absolute; right:0; font-size:14px; color:#00d9c7; background:linear-gradient(to left, #2c2c2c 50%, rgba(44,44,44,0.0) 100%);}

.left_event_text:hover{color:#00d9c7;}


.left_new_box{float:left; width:100%; margin:20px 0 0 0; border-radius:10px; background:#2c2c2c; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.left_new_tab{float:left; width:100%;}
.left_new_tab li{float:left; width:50%;}
.left_new_tab li a{display:block; width:100%; height:50px; line-height:50px; background:#2c2c2c; border-bottom:1px solid #ff8800; text-align:center; font-weight:500; font-size:18px; color:#ffffff; transition:all 0.3s;}
.left_new_tab li.active a{background:#ffa600;}

.left_new_tab_con{float:left; width:100%; padding:15px;}
.left_new_tab_con li{float:left; width:100%; height:36px; line-height:36px;}
.left_new_tab_con li a{display:block; float:left; width:100%;}
.left_new_text{float:left; width:calc(100% - 60px); margin: 0 10px 0 0; padding:0 30px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; font-weight:500; font-size:15px; color:#ffffff; transition:all 0.3s;}
.left_new_date{float:left; width:50px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#676767; transition:all 0.3s;}
.left_new_title{display:inline-block; margin:0 5px 0 0; font-size:14px; color:#01a032;}
.left_new_odd{position:absolute; right:0; font-size:14px; color:#01a032; background:linear-gradient(to left, #2c2c2c 70%, rgba(44,44,44,0.0) 100%);}

.left_new_text:hover{color:#01a032;}


.left_money_box{float:left; width:100%; margin:20px 0 0 0; border-radius:10px; background:#2c2c2c; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.left_money_title{float:left; width:100%; background:#01a032; line-height:50px; white-space:nowrap; overflow:hidden; text-align:center; font-weight:500; font-size:18px; color:#e9e9e9;}

.left_money_list{float:left; width:100%; padding:15px;}
.left_money_list li{float:left; width:100%; height:36px; line-height:36px;}
.left_money_list li a{display:block; float:left; width:100%;}

.left_money_devision{float:left; width:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#ffffff; transition:all 0.3s;}
.left_money_text{float:left; width:calc(100% - 130px); text-align:right; margin: 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; font-size:14px; color:#fff600; transition:all 0.3s;}
.left_money_date{float:left; width:50px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#676767; transition:all 0.3s;}



 /*-------------------------------------------------------------------------------------*
 *  오른쪽고정영역                                                                        *
 *-------------------------------------------------------------------------------------*/
.right_fix_zone{float:left; width:100%; display:flex; justify-content:space-between;}

.right_board_box{float:left; width:450px; border-radius:10px; background:#2c2c2c; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.right_board_box_title{float:left; width:100%; background:#01a032; line-height:48px; white-space:nowrap; overflow:hidden; text-align:left; padding:0 20px; font-weight:500; font-size:16px; color:#e9e9e9;}
.right_board_box ul{float:left; width:100%; padding:16px 15px;}
.right_board_box li{float:left; width:100%; height:30px; line-height:30px;}
.right_board_box li a{display:block; float:left; width:100%;}
.right_board_text{float:left; width:calc(100% - 60px); margin: 0 10px 0 0; padding:0 30px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; font-weight:300; font-size:14px; color:#ffffff; transition:all 0.3s;}
.right_board_date{float:left; width:50px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#676767; transition:all 0.3s;}
.right_board_title{display:inline-block; margin:0 5px 0 0; font-size:14px; color:#ffae00;}
.right_board_odd{position:absolute; right:0; font-size:14px; color:#01a032; background:linear-gradient(to left, #2c2c2c 70%, rgba(44,44,44,0.0) 100%);}

.right_board_text:hover{color:#ff7300;}

.right_top_banner{float:left; width:calc(100% - 470px); overflow:hidden;}
.right_top_banner .swiper-wrapper .swiper-slide{overflow:hidden;}
.right_top_banner .swiper-wrapper .swiper-slide a img{width:100%;}


.right_video{float:left; width:100%; margin:30px 0 0 0;}
.right_video img{width:100%;}

.right_notice{float:left; width:100%; margin:30px 0 0 0; height:60px; line-height:60px; border-radius:10px; background:linear-gradient(to left, #01a032 0%, #2c2c2c 15%, #2c2c2c 85%, #01a032 100%); box-shadow:2px 2px 10px rgba(0,0,0,0.3); padding:0 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px;}
.right_notice img{display:inline-block; margin:0 15px 0 0;}
.right_notice span{color:#00d97b;}

.notice_wrap{float:left; width:100%; margin:30px 0 0 0; height:60px; line-height:60px; border-radius:10px; background:linear-gradient(to left, #01a032 0%, #2c2c2c 15%, #2c2c2c 85%, #01a032 100%) center; box-shadow:2px 2px 10px rgba(0,0,0,0.3); padding:0 40px; display:flex; align-items: center;}
.notice_img {display:inline-block; margin:0 15px 0 0;}

.flow_banner {overflow: hidden; display:flex; align-items: center;}
.flow_banner .flow_banner_list {display: flex;}
.flow_banner .flow_banner_list > li {white-space: nowrap; padding:0 20px; font-size:20px;}
.flow_banner .flow_banner_list > li span{color:#00d97b;}
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.right_tab_wrap{float:left; width:100%; margin:20px 0 0 0;}
.right_tab_wrap ul{}
.right_tab_wrap ul li{float:left; margin:0 10px 0 0;}
.right_tab_wrap ul li:last-child{margin:0;}
.right_tab_wrap ul li a{display:inline-block; min-width:100px; padding:0 10px; height:44px; line-height:44px; border-radius:10px; text-align:center; background:#2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); font-weight:500; font-size:14px; color:#ffffff; transition:all 0.3s;}
.right_tab_wrap ul li a img{display:inline-block; margin:0 10px 0 0;}
.right_tab_wrap ul li:hover a{background:#333333;}


.right_sports_wrap{float:left; width:100%; margin:20px 0 0 0; border-radius:10px; padding:10px; background:#2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.right_sports_wrap ul{float:left; width:100%; overflow:hidden; overflow-x:auto; display:flex;}
.right_sports_wrap ul::-webkit-scrollbar {height: 3px;  /* 스크롤바의 너비 */}
.right_sports_wrap ul::-webkit-scrollbar-thumb {width: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.right_sports_wrap ul::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.right_sports_wrap li{float:left; margin:0 10px 0 0;}
.right_sports_wrap li:last-child{margin:0;}
.right_sports_wrap li a{display:block; width:80px; height:80px; line-height:80px; text-align:center; border-radius:10px; border:1px solid #454545; position:relative; transition:all 0.3s;}
.rs_img{display:inline-block; width:43px; filter:grayscale(100%); transition:all 0.3s;}
.rs_odd{position:absolute; right:0; top:0; display:inline-block; padding:0px 5px; height:20px; line-height:20px; font-size:11px; border-radius:8px; background:#454545; transition:all 0.3s;}

.right_sports_wrap li.active a{border:1px solid #01a032;}
.right_sports_wrap li.active a .rs_img{filter:grayscale(0%);}
.right_sports_wrap li.active a .rs_odd{background:#01a032;}

.right_sports_wrap li:hover a{border:1px solid #01a032;}
.right_sports_wrap li:hover a .rs_img{filter:grayscale(0%);}
.right_sports_wrap li:hover a .rs_odd{background:#01a032;}

.right_sports_list_box{float:left; width:100%; margin:10px 0 0 0;}
.sports_wrap{float:left; width:100%;}
.sports_list{float:left; width:100%; margin:10px 0 0 0;  border-radius:10px; overflow:hidden; background:#2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); height:70px; display:flex; justify-content: space-between;}
.sports_list_l{display:flex; width:calc(100% - 82px);}
.sports_list_l_1{display:flex; align-items: center; width:35%; padding:0 0 0 10px}
.sports_list_l_2{display:flex; align-items: center; width:65%;}
.sports_list_l div{cursor:default; font-family: 'nexon'; font-weight:700; transition:all 0.5s}
.sports_list_r{display:flex; width:82px;}
.sports_list_r a{display:block; width:100%; height:100%; flex-direction: column; justify-content: center; align-items: center; font-size:15px; color:#ffffff;}
.sports_list_r a img{display:inline-block; width:24px; margin:0 0 5px 0; filter:brightness(50%);}

.sports_sports{width:17%; text-align:center; filter:grayscale(100%);}
.sports_league{width:17%; text-align:center;}
.sports_league_name{width:28%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; color:#ffffff; font-size:15px;}
.sports_time{width:38%; text-align:center; color:#8a8a8a; font-size:15px;}
.sports_team1{width:37%; display:flex; align-items:center;}
.sports_vs{width:9%; text-align:center; margin:0 0.5%;}
.sports_team2{width:37%; display:flex; align-items:center;}
.sports_multi{width:17%; display:flex; justify-content: center;}

.sports_sports img{width:31px; transition:all 0.5s;}
.sports_league img{width:31px; transition:all 0.5s;}
.team1_team{display:inline-block; width:85%; color:#ebebeb; font-size:16px; padding:0 10px 0 0; text-shadow:2px 0 3px rgba(0,0,0,0.37); text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.team1_logo{display:inline-block; text-align:center; width:15%;}
.team1_logo img{width:34px;}
.team2_team{display:inline-block; width:85%; color:#ebebeb; font-size:16px; padding:0 0 0 10px; text-shadow:2px 0 3px rgba(0,0,0,0.37); text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.team2_logo{display:inline-block; text-align:center; width:15%;}
.team2_logo img{width:34px;}
.multi1,.multi2,.multi3{display:flex; justify-content: center; align-items:center; margin:0 1px; width:26px; height:26px; border-radius:26px; background:#343434; box-shadow:2px 2px 10px rgba(0,0,0,0.3); font-family:'nexon'; font-weight:700; color:#bcbcbc; font-size:14px; cursor:pointer !important;}
.multi1:hover,.multi2:hover,.multi3:hover{background:#01a032; color:#ffffff;}
.sports_video1{float:left; width:100%;}
.sports_video1 a{display:flex; width:100%; height:100%; background:#343434; border-top:2px solid #343434; color:#888888;}

.sports_video1.active a{background:#01a032;}
.sports_video1.active a:hover{background:#00b939;}

.sports_list{position:relative; border-radius:10px; overflow:hidden;}

.sports_list .sports_list_l {position: relative; overflow:hidden; border-radius:10px 0 0 10px;}
.sports_list:before,
.sports_list:after {position: absolute; z-index:1; content: ""; right: 0; bottom: 0; background:#01a032; transition: all 0.3s ease;}
.sports_list:before{height: 0%; width: 2px;}
.sports_list:after {width: 0%; height: 2px;}
.sports_list:hover{background: transparent;}
.sports_list:hover:before {height: 100%;}
.sports_list:hover:after {width: 100%;}
.sports_list .sports_list_l:before,
.sports_list .sports_list_l:after {position: absolute; content: ""; left: 0; top: 0; background: #01a032; transition: all 0.3s ease;}
.sports_list .sports_list_l:before {width: 2px; height: 0%;}
.sports_list .sports_list_l:after {height: 2px; width: 0%;}
.sports_list:hover .sports_list_l:before {height: 100%;}
.sports_list:hover .sports_list_l:after {width: 100%;}

.hot_sports_list{background: transparent;}
.hot_sports_list:before{height: 100%;}
.hot_sports_list:after{width: 100%;}
.hot_sports_list .sports_list_l:before {height: 100%;}
.hot_sports_list .sports_list_l:after {width: 100%;}


.hot_sports_list .sports_video1 a{ border-top:2px solid #01a032; color:#ffffff;}
.sports_list:hover .sports_video1 a{ border-top:2px solid #01a032;}

.sports_video1.active a img{filter:brightness(100%);}
.sports_video1.active a{color:#ffffff;}
@media screen and (max-width:1890px) {

}

@media screen and (max-width:1640px) {
.sports_list_l{flex-direction: column; justify-content: space-around; position:relative;}
.sports_list_l_1{width:100%;}
.sports_list_l_2{width:100%;}

.sports_sports{width:auto; padding:5px;}
.sports_league{width:auto; padding:5px;}
.sports_league_name{width:auto; padding:5px; font-size:14px;}
.sports_time{width:auto; padding:5px; text-align:left; font-size:14px;}
.sports_multi{position:absolute; right:5px; top:10px; width:30%;}
.sports_team1{width:45%;}
.sports_vs{width:10%;}
.sports_team2{width:45%;}

.team1_logo img{width:30px;}
.team2_logo img{width:30px;}
.sports_sports img{width:24px;}
.sports_league img{width:24px;}

}
@media screen and (max-width:1440px) {
	.sports_list{height:auto;}   
	.sports_list_l{padding:5px 0;}
}
@media screen and (max-width:1024px) {
	.team1_team{width:100%;}
	.team2_team{width:100%;}
	.team1_logo{display:none;}
	.team2_logo{display:none;}
	
	.right_sports_wrap li a{width:60px; height:60px; line-height:60px;}
	.rs_img{width:32px;}
	
	.right_fix_zone{flex-wrap:wrap;}
	.right_board_box{width:100%;}
	.right_top_banner{width:100%; margin:20px 0 0 0;}
}

@media screen and (max-width:768px) {
	.sports_list{height:auto;}
	.multi1,.multi2,.multi3{width:20px; height:20px; font-size:10px;}
	.sports_list_l{width:calc(100% - 60px);}
	.sports_list_l div{}
	.sports_list_r{width:60px;}
	.sports_list_r a{font-size:13px;}
	.sports_list_r a img{width:20px;}	
	.sports_league_name{font-size:10px;}
	.sports_time{width:26%;}
	.sports_time{font-size:10px;}
	.sports_team1{width:44%;}
	.sports_vs{width:12%;}
	.sports_team2{width:44%;}
	.sports_vs img{width:100%; max-width:18px; transition:all 0.5s;}
	.sports_sports img{width:20px;}
	.sports_league img{width:20px;}

	.team1_team{font-size:12px;}
	.team2_team{font-size:12px;}
	
	.right_tab_wrap ul li{float:left; width:calc(50% - 4px); margin:0 4px 4px 0;}
	.right_tab_wrap ul li:nth-child(2n){margin:0 0 4px 0;}
	.right_tab_wrap ul li a{width:100%; font-size:14px; height:34px; line-height:34px;}
	.right_tab_wrap ul li a img{width:15px; margin:0 5px 0 0;}	
	
	.right_notice{margin:20px 0 0 0; height:50px; line-height:50px; padding:0 20px; font-size:14px;}
	.right_notice img{width:17px;}
	.notice_wrap{margin:20px 0 0 0; height:50px; line-height:50px; padding:0 20px;}
	.notice_img{width:17px;}
	.flow_banner .flow_banner_list > li{font-size:14px;}
}

.content_box_title_box{float:left; width:100%; height:60px; margin:30px 0 0 0; overflow:hidden; border-radius:10px; background:#2c2c2c; display:flex; align-items:center; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.content_box_title{float:left; padding:0 30px; min-width:200px; height:100%; line-height:60px; background:linear-gradient(to right, #01a032 0%, #2c2c2c 90%); font-family: 'nexon'; font-weight: 700; font-size:20px; color:#ffffff;}

.title_box_tab{float:left; width:calc(100% - 200px); height:100%; overflow:hidden; padding:0 20px;}
.title_box_tab ul{display:flex; width:100%; overflow:hidden; overflow-x:auto;}
.title_box_tab ul::-webkit-scrollbar {height: 3px;  /* 스크롤바의 너비 */}
.title_box_tab ul::-webkit-scrollbar-thumb {width: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.title_box_tab ul::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}
.title_box_tab li{float:left; margin:0 40px 0 0; font-size:18px; height:60px; line-height:60px;}
.title_box_tab li a{display:inline-block; width:100%; height:100%; white-space:nowrap; color:#ffffff; border-bottom:3px solid #2c2c2c;}
.title_box_tab li.active a{color:#01a032; border-bottom:3px solid #01a032;}
.title_box_tab li:hover a{color:#01a032; border-bottom:3px solid #01a032;}


.s_title{float:left; width:100%; font-size:16px; color:#ffffff;}
@media screen and (max-width:768px) {
    .content_box_title{font-size:18px; padding:0 20px; min-width:120px;}
	.title_box_tab{width:calc(100% - 120px); padding:0 10px;}
	.title_box_tab li{margin:0 25px 0 0; font-size:15px;}
}
 /*-------------------------------------------------------------------------------------*
 *  footer                                                                              *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; margin:40px 0 0 0; background:#000000;}
.footer_box{width:1400px; padding:50px 0 70px; margin:0 auto; display:flex;}

.f_logo{float:left;}
.f_copy{float:left; margin:0 auto 0 40px; color:#b0b0b0; line-height:22px;}
.f_customer{float:left;}
.f_customer a{display:block; font-size:20px; color:#ffffff; transition:all 0.3s;}
.f_customer a span{font-weight:500;}
.f_customer a img{width:50px;}
.f_customer a:hover span{color:#fffc00;}

@media screen and (max-width:1440px) {
    .footer_wrap{padding:0 10px;}
    .footer_box{width:100%; flex-wrap:wrap; padding:40px 0 50px;}
	.f_logo{width:100%; text-align:center;}
	.f_logo img{display:inline-block; width:100px;}
	.f_copy{width:100%; margin:10px 0 0 0; font-size:11px; text-align:center;}
	.f_customer{width:100%; margin:10px 0 0 0; text-align:center;}
}

@media screen and (max-width:1024px) {
    .footer_box{padding:50px 0 22vw;}
}
/*-------------------------------------------------------------------------------------*
 *  m_menu_fix                                                                         *
 *-------------------------------------------------------------------------------------*/
.m_menu_fix{float:left; width:100%; height:16vw; position:fixed; bottom:0; left:0; z-index:1000; background:url(../images/bg_footer.png) center top no-repeat; background-size: cover; display:none;}
.m_menu_fix ul{float:left; width:100%; height:100%; margin:3vw 0 0 0;}
.m_menu_fix li{float:left; width:20%; height:100%;}
.m_menu_fix li a{display:block; width:100%; height:100%; padding:10px 5px 5px; text-align:center; font-weight:500; font-size:10px; color:#ffffff; line-height:1.5; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.m_menu_fix li a img{display:inline-block; margin:0 0 5px 0; width:22px;}
.m_menu_fix li:nth-child(3) a{width: 11.2vw; height: 11.2vw; position: absolute; top:20%; left:50%; transform:translate(-50%); border-radius: 50%; background:linear-gradient(#01a032 0%, #e02802 100%); font-size:16px; color:#000000;}
.m_menu_fix li:nth-child(3) a img{width:32px;}

@media screen and (max-width:1024px) {
    .m_menu_fix{display:block;}
}


/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
#login{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:center; display:none; backdrop-filter: blur(10px);}
.login_wrap{width:80%; max-width:300px; margin:0 auto; max-height:560px; transition:all 0.5s;}

#join{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:center; display:none; backdrop-filter: blur(10px);}
.join_wrap{width:95%; max-width:800px; margin:0 auto; max-height:80vh; transition:all 0.5s;}
.join_box{width:100%; padding:40px 20px; max-height:80vh; overflow-y:auto; display: flex; flex-direction: column; transition:all 0.5s;}
.join_box::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.join_box::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.join_box::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.loginbox{width:100%; float:left; background: radial-gradient(ellipse at left top, #01a032 0%,#2c2c2c 70%); border-radius:10px 0 10px 10px; display:flex; position:relative;}

.close_btn_cu{background:#2c2c2c; width:40px; height:40px; line-height:40px; text-align:center; border-radius:0 5px 5px 0; color:#d4d4d4; font-weight:700; position:absolute; right:-40px; top:0px; z-index:11; transition:all 0.3s;}
.close_btn_cu  img{display:inline-block; width:18px; transition:all 0.3s;}

.loginbox_r{width:100%; padding:40px 20px; height:auto; max-height:560px; overflow-y:auto; display: flex; flex-direction: column; justify-content: center; transition:all 0.5s;}
.loginbox_r::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.loginbox_r::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.loginbox_r::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.login_logo{float:left; width:100%; text-align:center; padding:0 20px;}
.login_logo img{width:100%; max-width:200px;}
.login {float:left; width:100%; margin:10px 0 0 0;}
.login li {float:left; width:100%; padding:1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.login1 {float:left; width:100%; margin:10px 0 0 0;}
.login1 ul{display:flex; flex-wrap:wrap;}
.login1 li {float:left; width:50%; padding:1% 1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */
.join_title{float:left; width:100%; padding:0 0 5px; font-weight:300; font-size:12px; color:#ffffff;}
.join_text{float:left; width:100%; padding:5px 0 0; font-weight:300; font-size:12px; color:#999999;}
.join_phone{float:left; width:100%; display:flex;}
.join_phone .login_btn1{width:45%;}


.login_input  {background-color:#222222; border:1px solid #222222; color:#ffffff; width:100%; height:44px; font-size:14px; font-weight:500; border-radius:10px; padding:0 0 0 40px;}
.login_input::placeholder {color:#949494; font-weight:500; font-size:14px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #01a032;}

.login_input.id{background:#222222 url(../images/id_icon.png) left center no-repeat; background-position:15px;}
.login_input.pw{background:#222222 url(../images/pw_icon.png) left center no-repeat; background-position:15px;}

.login_font01{font-weight:300; font-size:12px; color:#bababa;}
.login_font02{color:#ffffff;}

.login_btn_box2{float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.login_btn_box2 li{float:left; width:50%; padding:1%; transition:all 0.2s; font-weight:500; font-size:14px; color:#ffffff;}
.login_btn1  {background:#01a032; border:1px solid #01a032; width:100%; height:36px; line-height:36px; display:inline-block; text-align:center; border-radius:5px; font-weight:300; font-size:14px; color:#ffffff;}
.login_btn2  {background:#222222; border:1px solid #01a032; width:100%; height:36px; line-height:36px; display:inline-block; text-align:center; border-radius:5px; font-weight:300; font-size:14px; color:#F7AD38;}

.login_btn1:hover{opacity:0.8;}
.login_btn2:hover{opacity:0.8;}


.login1 .login_input{padding:0 0 0 15px;}
@media screen and (max-width:1060px) {
    .loginbox_r{height:auto;}
}
@media screen and (max-width:768px) {
    .loginbox_l{display:none;}
    .loginbox_r{width:100%}
	.login_logo{padding:0 30px;}
	.login1 li{width:100%;} 
}





/* 보증업체 */
.assurance_company_list{float:left; width:100%; margin:20px 0 0 0;}
.assurance_company{float:left; width:32%; margin:0 2% 2% 0; background:#2c2c2c; border:2px solid #2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); padding:10px; border-radius:10px; transition:all 0.5s;}
.assurance_company:nth-child(3n){margin:0 0 2% 0;}
.assurance_company:hover{border:2px solid #01a032;}

.assurance_company_img{float:left; width:100%; margin:0px 0 0 0; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.assurance_company_img img{display:inline-block; width:100%;}

.assurance_company_info{float:left; width:100%; margin:10px 0 0 0; border-radius:10px; border:1px solid #222222; overflow:hidden;}
.assurance_company_info_tr{display:flex; width:100%; border-top:1px solid #222222;}
.assurance_company_info_tr:first-child{border:none;}
.aci_title{float:left; width:90px; text-align:center; padding:10px; background:#222222;}
.aci_name{float:left; width:calc(100% - 90px); text-align:center; padding:10px; font-weight:500;}
.aci_name.red{color:#01a032;}

.assurance_company_btn{float:left; width:100%; margin:10px 0 0 0;}
.assurance_company_btn li{float:left; width:calc(50% - 2px); margin:0 4px 0 0;}
.assurance_company_btn li:nth-child(2n){margin:0;}
.assurance_company_btn li a{display:block; width:100%; padding:0 10px; height:40px; line-height:40px; border-radius:10px; text-align:center; background:linear-gradient(#505050 0%, #3c3c3c 100%); font-weight:500; font-size:14px; color:#ffffff; transition:all 0.3s;}
.assurance_company_btn li:nth-child(2n) a{background:linear-gradient(#01a032 0%, #e02802 100%);}

@media screen and (max-width:1024px) {
    .assurance_company{width:49.5%; margin:0 1% 1% 0;}
	.assurance_company:nth-child(3n){margin:0 1% 1% 0;}
	.assurance_company:nth-child(2n){margin:0 0 1% 0;}
	
	.aci_title{width:60px; padding:10px 5px; font-size:12px;}
	.aci_name{width:calc(100% - 60px); padding:10px 5px; font-size:12px;}
	.assurance_company_btn li a{font-size:12px;}

}
@media screen and (max-width:575px) {
 	.assurance_company_btn li a img{display:none;}   

    /* .assurance_company{width:100%; margin:0 0% 1% 0;} */
	/* .assurance_company:nth-child(3n){margin:0 0% 1% 0;} */
	/* .assurance_company:nth-child(2n){margin:0 0 1% 0;}	 */
	
/* 	.assurance_company{display:grid; grid-template-rows: repeat(2, auto);grid-template-columns:34% 64%; 
	grid-template-areas:
		"acimg actext "
		"acimg   acbtn ";
		
	column-gap: 2%;	
	} */
	/* .assurance_company_img{grid-area: acimg;} */
	/* .assurance_company_info{grid-area: actext;} */
	/* .assurance_company_btn{grid-area: acbtn;} */
	
	.assurance_company_img{box-shadow:none;}
	/* .assurance_company_info{margin:0 0 0 0;} */
	
	.assurance_company{padding:5px;}
	.aci_title{width:50px; font-size:10px;}
	.aci_name{width:calc(100% - 50px);}
	.assurance_company_btn li a{font-size:10px;}	
}
/*-------------------------------------------------------------------------------------*
 *  fixter_wrap                                                                      *
 *-------------------------------------------------------------------------------------*/
.fixter_wrap{float:left; width:100%; margin:20px 0 0 0;}
.fixter_list{width:calc(50% - 10px); margin:0 20px 20px 0; padding:10px; float:left; border-radius:10px; background:#2c2c2c; border:2px solid #2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); display:flex; align-content: center;}
.fixter_list:nth-child(2n){margin:0 0 20px 0;}
.fixter_list.active{border:2px solid #01a032;}
.fixster_thumb{width:150px; height:120px; border-radius:10px; overflow:hidden;}
.fixster_info{width:calc(100% - 150px); padding:5px 5px 5px 20px;}
.fixster_info_title{float:left; width:100%; height:40px; line-height:40px; padding:0 20px; background:#222222; border-radius:5px; overflow: hidden;text-overflow: ellipsis; white-space:nowrap; font-weight:700; font-size:16px; color:#ffffff; transition:all 0.5s;}
.fixster_info_text{float:left; width:100%; margin:15px 0 0 0; font-size:14px; color:#ebebeb; font-weight:300; line-height:20px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:all 0.5s;}

.fixter_more_btn{float:left; width:100%;}
.fixter_more_btn a{margin:0 auto; display:block; text-align:center; width:160px; height:40px; border-radius:10px; background:linear-gradient(#01a032 0%, #e02802 100%); font-size:14px; font-weight:500; color:#ffffff; line-height:40px; transition:all 0.5s;}
.fixter_more_btn a:hover{opacity:0.8;}
 
.fixter_writ_wrap{float:left; width:100%; margin:20px 0 0 0;}
.fixter_writ_list{float:left; width:100%; margin:10px 0 0 0; border-radius:10px; overflow:hidden; background:#2c2c2c; border:2px solid #2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); height:60px; display:flex; justify-content: space-between; padding:0 0 0 5px;}
.fixter_writ_list div{cursor:default; transition:all 0.5s}
.fixter_writ_list_l{display:flex; align-items: center; width:15%;}
.fixter_writ_list_r{display:flex; align-items: center; width:85%;}

.fixter_name{width:100%; padding:0 0 0 20px; text-align:left; color:#09ae00; font-size:16px; transition:all 0.5s;}

.fixter_writ_title{width:70%; text-align:left; color:#ffffff; font-size:16px; text-shadow:2px 0 3px rgba(0,0,0,0.6); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px 0 5px; transition:all 0.5s;}
.fixter_date{width:20%; text-align:center; color:#8a8a8a; font-size:14px;}
.fixter_hit{width:10%; text-align:center; color:#8a8a8a; font-size:12px;}
.fixter_hit span{color:#ffffff;}

.fixter_sports img{width:34px; transition:all 0.5s;}
.fixter_league img{width:34px; transition:all 0.5s;}

.hot_list{border:2px solid #01a032; position:relative;}
.hot_list:before{display:block; position:absolute; left:0; top:0; content:''; width: 0; height: 0;
  border-bottom: 20px solid transparent;
  border-top: 20px solid #01a032;
  border-left: 20px solid #01a032;
  border-right: 20px solid transparent;}
.hot_list:after{display:block; width:40px; content:'HOT'; position:absolute; left:-1px; top:1px; transform:rotate(-45deg); color:#ffffff; font-size:12px;}

@media screen and (max-width:1560px) {
.fixter_list{width:100%; margin:0 0 2% 0;}

.fixter_writ_list{flex-direction: column; justify-content: space-around;}
.fixter_writ_list_l{width:100%;}
.fixter_writ_list_r{width:100%;}
.fixter_sports{width:10%;}
.fixter_league{width:7%;}
.fixter_league_name{width:15%;}
.fixter_name{width:40%;}


}

@media screen and (max-width:1280px) {
.fixter_list{width:49%; margin:0 2% 2% 0;}

.fixter_league_name{font-size:10px;}
.fixter_name{font-size:10px;}
.hot_list .fixter_name{padding:0 0 0 40px;}
.fixter_writ_title{font-size:14px;}
.fixter_date{font-size:12px;}
.fixter_hit{font-size:12px;}
.fixter_sports img{width:24px;}
.fixter_league img{width:24px;}
}

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

@media screen and (max-width:768px) {
.fixster_info_title{font-size:14px;}
.fixster_info_text{font-size:12px;}
.fixter_list{width:100%; margin:0 0 2% 0;}
.fixter_date{font-size:10px;}
.fixter_hit{font-size:10px;}
.fixter_more_btn a{font-size:14px;}
}


/* 일반게시판 */
.list_page_odd_wrap{float:left; width:100%; margin:20px 0 0 0;}
.list_page_odd{float:left; font-size:14px; color:#9d9d9d;}
.list_page_odd span{font-weight:700; color:#ffffff;}
.list_page_numeric{float:right;}
.lpn1{width:20px; height:24px; line-height:24px; font-size:16px; text-align:center; color:#9d9d9d; transition:all 0.5s;}
.lpn2{width:20px; height:24px; line-height:24px; font-size:16px; text-align:center; color:#9d9d9d; margin:0 0 0 5px; transition:all 0.5s;}
.lpn1:hover{color:#ffffff;}
.lpn2:hover{color:#ffffff;}

.right_list_serch_box{float:left; width:100%; height:0px; line-height:0px; overflow:hidden; position:relative; margin:0 0 10px 0; transition:all 0.3s; display:flex; justify-content:center;}
.right_list_serch_btn{float:left; background-color:#01a032; border:1px solid #01a032; border-radius:0px; padding:0 10px; display:inline-block; min-width:60px; text-align:center; height:34px; line-height:34px; color:#ffffff; transition: all 0.5s;}
.right_list_serch_box.active{height: auto; padding:10px; border:1px solid #363636;}
.list_serch{display:inline-block; width:100%; max-width:500px; margin:0 3px; padding:7px 15px 6px 15px; height:34px; background-color:#161616; border:1px solid #000000; border-radius:0px; text-align:left; font-weight:500; font-size:14px; color:#ffffff;}
select.list_serch{max-width:150px;}

.list_box_wrap{float:left; width:100%; margin:10px 0 0 0;}
.list_tr{float:left; width:100%; font-size:0; display:flex;}
.list_tr>*{width:100px;}
.list_tr>*:nth-child(2){max-width:100%; width:calc(100% - 400px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:20px; color:#ffffff; justify-content:flex-start;}
.list_title     {background:none; border-top:2px solid #01a032; border-bottom:1px solid #01a032; color:#ffffff; font-size:14px; font-weight:700; display: flex; align-items: center; justify-content:center; line-height:50px;}
.list_notice    {background:rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; font-size:14px; text-align:center; display: flex; align-items: center; justify-content:center; padding:15px 5px 15px 5px; cursor:pointer;}
.list           {background:none; border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; font-size:14px; text-align:center; display: flex; align-items: center; justify-content:center; padding:15px 5px 15px 5px; cursor:pointer;}

.list_tr1{float:left; width:100%; font-size:0; display:flex;}
.list_tr1>*{width:calc(100% / 6);}
.list_title1     {background:none; border-top:2px solid #01a032; border-bottom:1px solid #01a032; color:#ffffff; font-size:14px; font-weight:700; display: flex; align-items: center; justify-content:center; line-height:50px;}
.list1           {background:none; border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; font-size:14px; text-align:center; display: flex; align-items: center; justify-content:center; padding:15px 5px 15px 5px; cursor:pointer;}
.list1:last-child{font-weight:600;}

.list_tr2{float:left; width:100%; font-size:0; display:flex;}
.list_tr2>*{width:80px;}
.list_tr2>*:nth-child(3){max-width:100%; width:calc(100% - 480px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_tr2:not(.trfirst)>*:nth-child(3){padding-left:20px; color:#ffffff; justify-content:flex-start;}
.list_title2     {background:none; border-top:2px solid #01a032; border-bottom:1px solid #01a032; color:#ffffff; font-size:14px; font-weight:700; display: flex; align-items: center; justify-content:center; line-height:50px;}
.list2           {background:none; border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; font-size:14px; text-align:center; display: flex; align-items: center; justify-content:center; padding:15px 5px 15px 5px; cursor:pointer;}

.viewfont{font-weight:700; color:#01a032;}
.viewhot{font-weight:700; color:#00d9c7;}
.list_n_bold{font-weight:700;}
.list_tr:not(.trfirst):hover>*:nth-child(2){color:#01a032;}
.list_tr2:not(.trfirst):hover>*:nth-child(3){color:#01a032;}
.list_date{color:#8b8b8b;}
.list_view{color:#8b8b8b;}
.list_tr i{display:none; margin:0 5px;}
.list_tr1 i{display:none; margin:0 5px;}
.list_tr2 i{display:none; margin:0 5px;}

/* 페이지 */
.page_wrap       {float:left; width:100%; text-align:center;}
.page_wrap ul {display:inline-block; padding:10px; border-radius:10px; background:#2c2c2c;}
.page_wrap ul li {display:inline;}
.page            {background:#222222; color:#9f9f9f; font-weight:500; display:inline-block; padding:12px 17px 12px 17px; border-radius:5px;}
.pageon          {background:#01a032; color:#ffffff; display:inline-block; padding:12px 17px 12px 17px; font-weight:500; border-radius:5px;}

@media screen and (max-width:1024px) {
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:20px;}  

.list_tr{width:100%; display:block; border-radius:10px; overflow:hidden; margin:5px 0 0 0;}  
.list_tr:first-child{margin:0;} 
.list_tr:not(.trfirst)>*:nth-child(1){display:none;} 
.list_tr:not(.trfirst)>*:nth-child(2){width:100%;}
.list_tr:not(.trfirst)>*:nth-child(3){float:right; padding-top:5px;}
.list_tr:not(.trfirst)>*:nth-child(4){width:auto; float:left; margin:0 0 0 10px; padding-top:5px;}
.list_tr:not(.trfirst)>*:nth-child(5){width:auto; float:left; padding-top:5px;}

.list_title{display:none;}
.list_notice{border:none; background:none;}
.list{border:none;}

.list_tr i{display:inline-block;}
.list_tr:not(.trfirst){border:1px solid rgba(255,255,255,0.1);}
.list_tr.notice{border:none; background:rgba(0,0,0,0.2);}

.list_tr2{width:100%; display:block; border-radius:10px; overflow:hidden; margin:5px 0 0 0;}  
.list_tr2:first-child{margin:0;} 
.list_tr2:not(.trfirst)>*:nth-child(1){display:none;} 
.list_tr2:not(.trfirst)>*:nth-child(2){display:none;} 
.list_tr2:not(.trfirst)>*:nth-child(3){width:100%; padding-left: 20px;}
.list_tr2:not(.trfirst)>*:nth-child(4){width:auto; float:left; margin: 0 0 0 10px; padding-top:5px; color:#eeeeee;}
.list_tr2:not(.trfirst)>*:nth-child(5){display:none;} 
.list_tr2:not(.trfirst)>*:nth-child(6){width:auto; float:left; padding-top:5px; color:#eeeeee;}
.list_tr2:not(.trfirst)>*:nth-child(7){float:right; padding-top:5px;}

.list_title2{display:none;}
.list2{border:none;}
.list_tr2:not(.trfirst){border:1px solid rgba(255,255,255,0.1);}
.list_tr2 i{display:inline-block;}
.list_tr2.list_date{}

}
@media screen and (max-width:768px) {
.list_title1{line-height:40px; font-size:12px; font-weight:500;}
.list1{padding:10px 5px 10px 5px; font-size:10px;}

}

/* 게시판 보기페이지 */
.view_box{float:left; width:100%;}
.view_title{float:left; width:100%; padding:10px 0; border-top:2px solid #01a032; border-bottom:1px solid rgba(255,255,255,0.1); line-height:1.4; font-size:26px; color:#ffffff;}
.view_info1{float:left; width:100%; padding:10px 5px; border-bottom:1px solid rgba(255,255,255,0.1);}
.view_writer{float:left; font-size:14px; font-weight:300;}
.view_date{float:right; font-size:14px; font-weight:300;}
.view_info2{float:left; width:100%; padding:5px 5px; display:flex; align-items:center; justify-content:space-between;}
.view_odd{float:left; padding-right:1rem; font-size:13px; font-weight:500; color:#989898;}
.view_odd i{margin:0 5px 0 0;}
.view_content{float:left; width:100%; margin:20px 0 0 0; min-height:300px; padding:20px; border-radius:10px; overflow:hidden; background:rgba(0,0,0,0.2); line-height:24px; font-weight:300; font-size:16px; color:#ffffff;}
.view_btn_box a{margin:0 0 0 5px;}
.view_thumbs_box{float:left; width:100%; margin:10px 0 0 0; display:flex; justify-content:center;}
.thumbs_btn{min-width:150px; height:50px; line-height:50px; position:relative;}
.thumbs_btn.up{border-radius:10px 0 0 10px; background:#01a032; border:1px solid #01a032; padding:0 36px 0 10px; color:#ffffff;}
.thumbs_btn.down{border-radius:0 10px 10px 0; background:none; border:1px solid #666666; border-left:none; padding:0 10px 0 36px; color:#666666;}
.thumbs_img{position: absolute; top: 50%; transform: translateY(-50%);}
.up .thumbs_img{right: 0;}
.down .thumbs_img{left: 0;}
.thumbs_odd{display:inline-block; width:44px; text-align:center;}
.thumbs_btn:hover{opacity:0.8;}


.comment_box{float:left; width:100%;}
.comment_view{float:left; width:100%;}
.comment_view_title{float:left; width:100%; margin:30px 0 0 0; font-size:14px; color:#01a032;}
.comment_view_list{float:left; width:100%; border-top:1px solid rgba(255,255,255,0.1); padding:0 0 5px 0;}
.comment_view_list a{margin:0 0 0 5px;}

.comment_view_top{float:left; width:100%; padding:10px 5px;}
.comment_writer{float:left; font-size:14px; font-weight:300;}
.comment_point{float:left; margin:0 10px; font-size:14px; font-weight:300;}
.comment_day{float:left; font-size:14px; font-weight:300;}
.comment_day span{color:#01a032;}
.comment_date{float:right; font-size:14px; font-weight:300; color:#8b8b8b;}
.comment_content{float:left; width:100%; margin:0px 0 0 0; padding:20px 5px; border-radius:10px; overflow:hidden; line-height:22px; font-weight:300; font-size:14px; color:#ffffff;}
.comment_btn_box{float:right;}
.comment_enter{float:left; width:100%; margin:10px 0 0 0; padding:20px; border-radius:10px; overflow:hidden; background:rgba(0,0,0,0.2);}
.comment_input{display:inline-block; float:left; width:calc(100% - 100px); padding:7px 15px 6px 15px; height:50px; background-color:#161616; border:1px solid #000000; border-radius:0px; text-align:left; font-weight:500; font-size:14px; color:#ffffff;}
.comment_btn{float:left; background-color:#01a032; border:1px solid #000000; border-radius:0px; padding:0 10px; display:inline-block; width:100px; text-align:center; height:50px; line-height:50px; color:#ffffff; transition: all 0.5s;}

@media screen and (max-width:768px) {
    .view_info2{flex-wrap:wrap;}
    .view_btn_box{float:left; width:100%; margin:5px 0 0 0; text-align:right;}
    .view_title{font-size:16px;}
}

/* 게시판 쓰기페이지 */
.write_box{width:100%; border-top:2px solid #01a032;}
.write_tr{width:100%; display:flex;}
.write_title_top {}
.write_title     {background:; border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; width:150px; font-weight:500; font-size:16px; display:flex; align-items: center; justify-content: center;} 
.write_basic     {background:; border-bottom:1px solid rgba(255,255,255,0.1); color:#999999; padding:12px 20px 12px 20px; width:calc(100% - 150px); }
.write_basic input::placeholder, .write_basic textarea::placeholder {color:#a3a3a3; transition:all 0.5s;}
.write_basic input:focus, .write_basic textarea:focus {border:1px solid #09ae00;}
.input1{display:inline-block; float:left; width:calc(100% - 100px); padding:7px 15px 6px 15px; height:40px; background-color:#161616; border:1px solid #000000; border-radius:0px; text-align:left; font-weight:500; font-size:14px; color:#ffffff;}
.input2{display:inline-block; float:left; width:calc(100% - 100px); padding:7px 15px 6px 15px; background-color:#161616; border:1px solid #000000; border-radius:0px; text-align:left; font-weight:500; font-size:14px; color:#ffffff;}

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

}

@media screen and (max-width:768px) {
.write_tr{flex-wrap:wrap;}
.write_title{width:100%; font-size:14px; padding:12px 20px 12px 20px; justify-content: flex-start;}
.write_basic{width:100%; font-size:12px;}

.input1{height:40px;}
}

/* 겔러리형 게시판 */
.board_gal_wrap{float:left; width:100%; margin:10px 0 0 0; display:flex; flex-wrap: wrap; transition:all 0.5s;}
.board_gal{float:left; width:32%; height:auto; margin:0 2% 2.5% 0; overflow:hidden; display: flex; flex-direction: column; justify-content: space-between; transition:all 0.5s; border:1px solid rgba(0,0,0,0.0);}
.board_gal:nth-child(3n){margin:0 0 2.5% 0;}
.board_gal_thumb{float:left; width:100%; border-radius:10px; overflow:hidden; position:relative; height:0; padding-bottom:56.25%; background:; transition:all 0.5s;}
.board_gal_thumb img{position:absolute; top:0; left:0; width:100%; height:100%;}

.board_gal_title{width:100%; margin:0px 0 0px 0; padding:0 0 0 5px; font-weight:700; font-size:14px; color:#ffffff; height:36px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}

.board_gal_info{font-weight:500; font-size:14px; display:flex; padding:0 5px;}
.gal_info_name{width:50%; color:#707070; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gal_info_date{width:30%; text-align:right; color:#8f8f8f;}
.gal_info_view{width:20%; text-align:right; color:#fff600;}

.board_gal:hover .board_gal_title{color:#01a032;}

@media screen and (max-width:1440px) {
.board_gal{width:32%;}
.board_gal:nth-child(3n){margin:0 0 2% 0;}
}

@media screen and (max-width:768px) {
.board_gal{width:49%; min-width:0;}
.board_gal:nth-child(3n){margin:0 2% 2% 0;}
.board_gal:nth-child(2n){margin:0 0 2% 0;}
}

/* 웹진형 게시판 */
.board_list{float:left; width:100%; margin:10px 0 0 0; display:flex; padding:20px; border-radius:10px; background:#2c2c2c; border:1px solid #2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); transition:all 0.5s;}
.board_list:hover{border:1px solid #01a032;}
.board_list a{width:100%; display:flex; transition:all 0.5s;}


.board_list_l{float:left; width:250px; display: flex; align-items: center; overflow:hidden; transition:all 0.5s;}
.board_list_img{float:left; width:100%; border-radius:10px; overflow:hidden; position:relative; height:0; padding-bottom:56.25%; transition:all 0.5s;}
.board_list_img img{position:absolute; top:0; left:0; width:100%; height:100%;}

.board_list_r{width:calc(100% - 250px); padding:10px 20px; display: flex; flex-direction: column; transition:all 0.5s;}
.board_title1{font-weight:700; font-size:18px; color:#ffffff; transition:all 0.5s;}
.board_title2{margin:5px 0 0 0; font-weight:500; font-size:16px; color:#ffffff; transition:all 0.5s;}
.board_view{padding:10px 0px; display:flex; align-items:center; font-weight:300; font-size:12px; color:#8f8f8f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_text{font-weight:300; font-size:14px; color:#bbbbbb; transition:all 0.5s; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.board_po       {background:#161616; border:1px solid #000000; border-radius:5px; color:#8f8f8f; padding:5px 3px 3px 3px; line-height:12px; text-align:center; display:inline-block;  font-size:12px; margin:0 5px 0 0; font-weight:300;}

.boardfont01{color:#01a032;}


@media screen and (max-width:1440px) {
	.board_list_r{padding:10px 10px;}
	.board_title1{font-size:16px;}
	.board_title2{font-size:14px;}
	.board_text{font-size:12px;}
}

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

@media screen and (max-width:768px) {
	.board_list_l{width:160px;}
	.board_list_r{width:calc(100% - 160px);}
	
	
}

@media screen and (max-width:560px) {
	.board_list{padding:10px;}
	.board_list a{flex-direction: column;}
	.board_list_l{width:100%; padding:10px 40px;}
	.board_list_r{width:100%;}
		
}

/* 게시판탭 */
.board_tab{float:left; width:100%; margin:20px 0 0 0; position:relative;}
.board_tab::after{content:''; display:block; width:100%; height:2px; background:#01a032; position:absolute; bottom:0px;}
.board_tab ul{display:flex;}
.board_tab ul li{float:left;}
.board_tab ul li a{display:inline-block; min-width:100px; height:40px; line-height:40px; padding:0 15px; border-radius:10px 10px 0 0;text-align:center; font-size:15px; position:relative; z-index:1; font-weight:500; color:#ffffff;}
.board_tab ul li.active a{background:#222222; border:2px solid #01a032; border-bottom:#222222; line-height:38px; color:#01a032;}

.border_title{float:left; width:100%; margin:20px 0 0 0; font-size:16px; color:#ffffff; display:flex; align-items:center;}
.border_title span{color:#01a032;}
.border_title i{margin:0 5px 0 0;}


/* 이벤트 게시판 */
.event_wrap{float:left; width:100%; margin:20px 0 0 0; display:flex; flex-wrap: wrap; transition:all 0.5s;}
.event_list{float:left; width:32%; height:auto; margin:0 2% 2% 0; background:#2c2c2c; border-radius:10px; padding:0 0 10px 0; overflow:hidden; display: flex; flex-direction: column; justify-content: space-between; transition:all 0.5s; border:1px solid rgba(0,0,0,0.0); box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.event_list:nth-child(3n){margin:0 0 2% 0;}
.event_list_thumb{float:left; width:100%; overflow:hidden; position:relative; height:0; padding-bottom:56.25%; background:; transition:all 0.5s;}
.event_list_thumb img{position:absolute; top:0; left:0; width:100%; height:100%;}

.event_list_ing{width:100%; float:left; background:#2c2c2c; text-align:center; font-weight:500; font-size:16px; color:#999999; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.active .event_list_ing{background:#01a032; color:#ffffff;}
.event_list_title{width:100%; margin:5px 0 5px 0; padding:0 10px; text-align:center; font-weight:500; font-size:15px; height:36px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.event_list_title a{color:#999999;}
.active .event_list_title a{color:#ffffff;}

.event_list_info{float:left; width:100%; padding:0 10px;}
.event_list_info>span{display:inline-block; float:left; width:100%; background:rgba(255,255,255,0.1); border-radius:10px; text-align:center; font-weight:300; font-size:12px; color:#ffffff; height:32px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_list_info span span{display:inline-block; margin:0 0 0 10px; font-weight:400; color:#999999;}
.active .event_list_info span span{color:#01a032;}

.event_list.active:hover .event_list_title a{color:#01a032;}

.event_list_thumb::after{content:'종료된이벤트'; display:block; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:18px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:2;}
.active .event_list_thumb::after{content:'상세보기 +'; display:block; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:18px; background:rgba(1,160,50,0.6); position:absolute; top:0; left:0; z-index:2; cursor:pointer; display:none;}
.active:hover .event_list_thumb::after{display:flex;}

@media screen and (max-width:1440px) {
.event_list{width:32%;}
.event_list:nth-child(3n){margin:0 0 2% 0;}
}

@media screen and (max-width:768px) {
.event_list{width:49%; min-width:0;}
.event_list:nth-child(3n){margin:0 2% 2% 0;}
.event_list:nth-child(2n){margin:0 0 2% 0;}

.board_tab ul li a{min-width:60px;}
}

/* 포인트페이지 */
.hulk_point_wrap{float:left; width:100%; margin:20px 0 0 0; display:flex; justify-content:space-between;}
.hulk_point_info_box{float:left; width:49%; background:#2c2c2c; border:1px solid #2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:10px; overflow:hidden;}
.hp_title{float:left; width:100%; text-align:center; font-size:16px; background:#01a032; height:40px; line-height:40px; color:#ffffff;}
.hp_list{float:left; width:100%; padding:10px 10px 0 10px;}
.hp_list ul{display:flex; flex-wrap:wrap;}
.hp_list li{float:left; width:49%; margin:0 2% 1% 0; padding:20px 20px; background:rgba(0,0,0,0.3); border-radius:10px; font-size:15px; line-height:1.6;}
.hp_list li:nth-child(2n){margin:0 0 1% 0;}
.hp_list li span{display:inline-block; margin:0 10px 0 0; color:#01a032;}

.hulk_point_total{float:left; width:49%; background:#2c2c2c; border:1px solid #2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:10px; overflow:hidden;}
.hpt_title{float:left; width:100%; text-align:center; font-size:16px; background:#00d9c7; height:40px; line-height:40px; color:#ffffff;}
.hpt_won{float:left; width:100%; height:calc(100% - 40px); padding:20px; display:flex; align-items:center; justify-content:center; font-size:40px; color:#ffffff;}
.hpt_won span{font-weight:700; color:#00d9c7;}

.hulk_point_list_box{float:left; width:100%; margin:20px 0 0 0; display:flex; flex-wrap:wrap;}
.hulk_point_list{float:left; width:23.5%; margin:0 2% 2% 0; background:#2c2c2c; border:1px solid #2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:10px; position:relative; overflow:hidden;}
.hulk_point_list:nth-child(4n){margin:0 0 2% 0;}
.spl_tooltip{position:absolute; left:5px; top:0;}
.spl_tooltip img{display:inline-block; width:40px;}
.spl_top{float:left; width:100%; padding:10px; background:;}
.spl_img{float:left; width:100%; text-align:center; min-height:90px; display: flex; justify-content: center; align-items: center; padding:15px 30px;}
.spl_img img{width:100%}

.spl_name{float:left; width:100%; margin:0px 0 0 0; text-align:center;}
.spl_name span{display:inline-block; min-width:100px; max-width:100%; padding:0 20px; height:36px; line-height:36px; text-align:center; border-radius:36px; border:1px solid #01a032; font-weight:500; font-size:16px; color:#01a032; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.spl_bottom{float:left; width:100%; padding:10px; display:flex; flex-wrap:wrap;}
.spl_odd{display:flex; align-items:center; margin:1% 0 0 0; padding:0 10px; height:38px; line-height:38px; text-align:center; border-radius:5px; background:rgba(0,0,0,0.3); font-weight:300; font-size:13px; color:#999999; transition:all 0.2s;}
.spl_odd.w100{width:100%;}
.spl_odd.w50{width:49.5%;}
.spl_odd.w50.mr4{margin:1% 1% 1% 0;}

.spl_odd.w100 span{display:inline-block; margin:0 0 0 auto; font-size:15px; color:#ffffff;}
.spl_odd.w100 span span{color:#fff600;}
.spl_odd.w50 span{display:inline-block; margin:0 0 0 auto; font-size:15px; color:#ffffff;}
.spl_odd.w50 span span{color:#fff600;}

.spl_btn{float:left; width:100%; margin:1% 0 0 0;}
.spl_btn a{display:block; padding:0 10px; height:38px; line-height:38px; text-align:center; border-radius:5px; background:#01a032; border:1px solid #01a032; font-weight:300; font-size:14px; color:#ffffff;}
.spl_btn a i{display:inline-block; margin:0 5px 0 0;}
.spl_btn a:hover{opacity:0.8;}

.hulk_point_details_wrap{float:left; width:100%; margin:20px 0 0 0; display:flex; justify-content:space-between;}
.hulk_point_details_img{float:left; width:450px; display:flex; align-items:center; justify-content:center; background:#2c2c2c; border:2px solid #01a032; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:10px; overflow:hidden; padding:20px; text-align:center;}
.hulk_point_details_img img{display:inline-block; width:100%; max-width:240px;}

.hulk_point_details_text{float:left; width:calc(100% - 470px); background:#2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:10px; overflow:hidden;}
.hulk_point_details_tr{display:flex; width:100%; border-top:1px solid #222222;}
.hulk_point_details_tr:first-child{border:none;}
.hpdt_title{float:left; width:90px; text-align:center; padding:20px 10px; background:#222222; font-size:16px;}
.hpdt_name{float:left; width:calc(100% - 90px); padding:20px 20px; font-weight:500; font-size:16px;}
.hpdt_name.red{font-size:18px; color:#ffffff;}
.hpdt_name.red span{color:#01a032;}



@media screen and (max-width:1440px) {
	.hulk_point_list{width:32%; margin:0 2% 2% 0;}
	.hulk_point_list:nth-child(4n){margin:0 2% 2% 0;}
	.hulk_point_list:nth-child(3n){margin:0 0 2% 0;}	
}

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

	.spl_img img{display:inline-block; width:100%; max-width:130px;}
	
	.hulk_point_wrap{flex-wrap:wrap;}
	.hulk_point_info_box{width:100%;}
	.hulk_point_total{width:100%; margin:10px 0 0 0;}
	.hpt_won{font-size:30px;}

	.hulk_point_details_wrap{flex-wrap:wrap;}
	.hulk_point_details_img{width:100%;}
	.hulk_point_details_text{width:100%; margin:10px 0 0 0;}
	.hulk_point_details_img img{max-width:180px;}

}
@media screen and (max-width:768px) {
    .spl_name span{padding:0 10px; height:30px; line-height:30px; border-radius:30px; font-size:13px;}	
    .spl_odd{padding:0 5px; height:30px; line-height:30px; border-radius:30px; font-size:11px;}	
	.spl_odd.w100 span{font-size:13px;}
	.spl_odd.w50 span{font-size:13px;}	
	.spl_btn a{font-size:13px;}
	
	.spl_tooltip img{width:34px;}

	
	.hulk_point_list{width:49%; margin:0 2% 2% 0;}
	.hulk_point_list:nth-child(4n){margin:0 2% 2% 0;}
	.hulk_point_list:nth-child(3n){margin:0 2% 2% 0;}
	.hulk_point_list:nth-child(2n){margin:0 0 2% 0;}

	.hp_title{font-size:14px;}
	.hp_list li{font-size:13px;}
	.hpt_won{font-size:20px;}
}


/* 출석체크 */
.attendance_title{float:left; width:100%; margin:30px 0 0 0; text-align:center; font-size:40px; color:#ffffff;}
.attendance_title span{color:#01a032;}
.attendance_info_box{float:left; width:100%; padding:0 5px 20px; border-bottom:2px solid #01a032; display:flex; align-items:center; justify-content:space-between;}
.attendance_info_date{float:left; font-size:22px;}
.attendance_info_date span{display:inline-block; margin:5px 0 0 0; font-size:14px; font-weight:300;}
.attendance_info_tip{float:left;}
.attendance_info_tip li{padding:10px 20px; margin:5px 0 0 0; background:#2c2c2c; border-radius:10px; font-size:14px; color:#ffffff;}
.attendance_info_tip li:first-child{margin:0;}
.attendance_info_tip li i{color:#fff600; margin:0 10px 0 0;}
.attendance_info_tip li span{font-weight:700; color:#fff600;}

.att_calendar_wrap{float:left; width:100%;  border-radius:0 0 10px 10px; padding:10px; overflow:hidden; background:rgba(0,0,0,0.3);}
.att_calendar_top{float:left; width:100%; height:40px; border-radius:10px; overflow:hidden;}
.att_calendar_title{width:calc(100%/7 - 2px); margin:0 1px; float:left; background:#01a032; line-height:40px; text-align:center; font-size:14px; color:#ebebeb;}
.sun{background:#c80000; border-left:none;}
.sat{background:#00d9c7;}

.att_calendar_center{float:left; width:100%;}
.att_calendar_day{width:calc(100%/7 - 2px); margin:1px; height:120px; float:left; background:#2c2c2c; border-radius:10px; position:relative; transition:all 0.5s;}
.att{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
@media screen and (max-width:1440px) {
 	.att{width:90%;}
	.att img{width:100%;}   
}
@media screen and (max-width:1024px) {
    .att_calendar_day{height:90px;}
	.attendance_title{margin:20px 0 0 0; font-size:26px;}
	.attendance_info_box{padding:20px 5px 10px;}
	.attendance_info_date{font-size:18px;}
	.attendance_info_date span{font-size:12px;}
	.attendance_info_tip li{white-space:nowrap;}
}
@media screen and (max-width:768px) {
	.att_calendar_day{height:60px;}
}


/* 마이페이지 */
.my_info_font01{font-weight:700; font-size:16px; color:#ffffff;}

/*-------------------------------------------------------------------------------------*
 *  roulette_wrap                                                                      *
 *-------------------------------------------------------------------------------------*/
.roulette_wrap{float:left; width:100%; margin: 30px 0 0 0;}
.roulette_title1{width:100%; text-align:center; font-size:60px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.37); line-height:1.5; transition:all 0.5s;}
.roulette_title2{width:100%; text-align:center; font-size:36px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.37); line-height:1.5; transition:all 0.5s;}
.roulette_title2 span{color:#14e509; font-weight:700;}
.roulette_box{width:100%; min-height:800px; position:relative; overflow:hidden;}
 
 .pop_roulette{width:100%; max-width:500px; border-radius:10px; background: radial-gradient(ellipse at left top, #01a032 0%,#2c2c2c 70%); padding:40px 25px 40px; box-shadow:2px 2px 10px rgba(0,0,0,0.3); line-height:1.2; text-align:center; position:absolute; z-index:100; left:50%; top:180px; transform:translate(-50%); transition:all 0.5s;}
 .pop_roulette_font{width:100%; font-size:60px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.37);}
 .pop_roulette_font span{color:#ffde00; font-weight:700;}
 .roulette{position:absolute; left:50%; top:60px; transform:translate(-50%); transition:all 0.5s;}
 .roulette_pin{position:absolute; left:50%; top:34px; transform:translate(-50%); transition:all 0.5s;}
 .roulette_btn{position:absolute; left:50%; top:270px; transform:translate(-50%); transition:all 0.5s;}
 .roulette_btn img{filter:drop-shadow(0 0 57px rgba(0,0,0,0.7));}
 
 @media screen and (max-width:1280px) {
	.roulette_title1{font-size:48px;}
	.roulette_title2{font-size:24px;}
}

 @media screen and (max-width:768px) {
	.roulette_box{min-height:110vw;}
	.pop_roulette{width:90%;}
	.pop_roulette img{width:100%;}
	.roulette{width:100%; text-align:center;}
	.roulette img{width:90%;}
	.roulette_pin{top:25px;}
	.roulette_pin img{width:45px;}
	.roulette_btn{width:100%; text-align:center; top:50%; transform:translate(-50%,-58%);}
	.roulette_btn img{width:30%;}
	
	.roulette_title1{font-size:30px;}
	.roulette_title2{font-size:16px;}	
}

 @media screen and (max-width:560px) {
	.pop_roulette_font{font-size:40px;}
	.roulette_btn{transform:translate(-50%,-58%);}
}

 @media screen and (max-width:480px) {
	.pop_roulette_font{font-size:30px;}
}
 @media screen and (max-width:375px) {
	.roulette_btn{transform:translate(-50%,-40%);}
}


/* 하단부 베너존 */
.banner_zone{float:left; width:100%; margin:50px 0 0 0; text-align:center;}
.banner_zone ul{float:left; width:100%; display: flex; flex-wrap:wrap;}
.banner_zone ul li{border-radius:5px; width:24.25%; float:left; margin:0 1% 1% 0;}
.banner_zone ul li:nth-child(4n){margin:0 0 1% 0;}
.banner_zone ul li a{display:block; width:100%;}
.banner_zone ul li img{width:100%; transition:all 0.5s;}

@media screen and (max-width:1024px) {
.banner_zone ul li{width:32%; margin:0 2% 2% 0;}
.banner_zone ul li:nth-child(4n){margin:0 2% 2% 0;}
.banner_zone ul li:nth-child(3n){margin:0 0 2% 0;}
    
}
@media screen and (max-width:560px) {
.banner_zone ul li{width:33%; margin:0 0.5% 1% 0;}
.banner_zone ul li:nth-child(4n){margin:0 0.5% 1% 0;}
.banner_zone ul li:nth-child(3n){margin:0 0 1% 0;}    
}

/* 헐크메인 SEO */
.hulk_seo_wrap{float:left; width:100%; margin:100px 0 0 0; padding:0 0 40px 0;}
.hulk_seo_title1{float:left; width:100%; text-align:center; font-weight:700; font-size:42px; color:#01a032; transition:all 0.5s;}
.hulk_seo_title2{float:left; width:100%; margin:20px 0 0 0; text-align:center; font-weight:400; font-size:24px; color:#d1d1d1; transition:all 0.5s;}

.hulk_seo_title_box{float:left; width:100%; margin:100px 0 0 0; position:relative; display:flex; align-items:center; transition:all 0.5s;}
.hst_text_box{float:left; width:100%; background: radial-gradient(ellipse at left top, #f97f00 0%, #2c2c2c 70%); padding:50px 460px 50px 40px; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:10px; overflow:hidden; transition:all 0.5s;}
.hst_item{width:100%; position:absolute;}
.hst_item img{width:100%; max-width:1050px; transition:all 0.5s;}

.hulk_seo_text_box{float:left; width:100%; text-align:center; margin:80px 0 0 0; padding:30px; transition:all 0.5s;}
.hulk_seo_imfortant_box{float:left; width:100%; margin:20px 0 0 0; background:#2c2c2c; box-shadow:2px 2px 10px rgba(0,0,0,0.3); border-radius:10px; overflow:hidden; transition:all 0.5s;}

.hulk_seo_imfortant_title{float:left; margin:40px 0 0 0; padding:10px 40px; background:#01a032; border-radius:0 100px 100px 0; transition:all 0.5s;}
.hulk_seo_imfortant_text{float:left; width:100%; padding:40px 50px; transition:all 0.5s;}

.hulk_seo_wrap h2{margin:0; padding:0; font-size:36px; line-height:44px; font-weight:700; color:#ffffff; transition:all 0.5s;}
.hulk_seo_wrap h3{margin:0; padding:0; font-size:26px; line-height:30px; font-weight:700; color:#ffffff; transition:all 0.5s;}
.hulk_seo_wrap h4{margin:0; padding:0; font-size:22px; line-height:30px; font-weight:500; color:#ffffff; transition:all 0.5s;}
.hulk_seo_wrap h5{margin:0; padding:0; font-size:20px; line-height:28px; font-weight:500; color:#d1d1d1; transition:all 0.5s;}
.hulk_seo_wrap h6{margin:0; padding:0; font-size:18px; line-height:26px; font-weight:300; color:#d1d1d1; transition:all 0.5s;}


.hulk_seo_font01{color:#f6ff00;}
.hulk_seo_font02{color:#01a032;}

@media screen and (max-width:768px) {
    .hulk_seo_title1{font-size:30px;}
    .hulk_seo_title2{font-size:20px;}
	.hst_item{display:none;}
	.hulk_seo_title_box{margin:30px 0 0 0;}
	.hst_text_box{padding:30px 20px 30px 40px; text-align:center;}
	.hulk_seo_text_box{margin:20px 0 0 0;}
	.hulk_seo_imfortant_title{margin:20px 0 0 0;}
	.hulk_seo_imfortant_text{padding:30px 20px;}
	
	
	.hulk_seo_wrap h2{font-size:30px;}
	.hulk_seo_wrap h3{font-size:20px;}
	.hulk_seo_wrap h4{font-size:18px;}
	.hulk_seo_wrap h5{font-size:16px;}
    .hulk_seo_wrap h6{font-size:14px;}
	
} 	

/*-------------------------------------------------------------------------------------*
 *  sport_hl_wrap                                                                      *
 *-------------------------------------------------------------------------------------*/
.sport_hl_wrap{float:left; width:100%; margin:20px 0 0 0; display:flex; flex-wrap: wrap;}
.sport_hl{float:left; width:32.6666%; height:auto; margin:0 1% 1% 0; overflow:hidden; display: flex; flex-direction: column; justify-content: space-between; transition:all 0.5s;}
.sport_hl:nth-child(3n){margin:0 0 1% 0;}
.sport_hl_thumb{width:100%; position:relative; height:0; padding-bottom:56.25%; border-radius:10px 10px  0 0; overflow:hidden; transition:all 0.5s;}
.sport_hl_thumb img{position:absolute; top:0; left:0; width:100%; height:100%; background:#5b5b5b; transition:all 0.5s;}
.sport_hl_thumb:hover img{transform:scale(1.08);}

.sport_hl_title{width:100%; float:left; background:#2c2c2c; border-radius:0 0 10px 10px; height:40px; line-height:40px; transition:all 0.5s;}
.sport_hl_title span{float:left; width:100%; padding:0 10px; font-weight:700; font-size:14px; color:#ebebeb; text-shadow:2px 0 3px rgba(0,0,0,0.37); max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.sport_hl_info{font-family:'rocket'; font-size:14px; text-shadow:2px 0 3px rgba(0,0,0,0.37); display:flex;}
.hl_info_name{width:50%; padding:0 0 0 5px; color:#ebebeb; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hl_info_date{width:30%; text-align:right; color:#cccccc;}
.hl_info_view{width:20%; text-align:right; color:#089b00;}

.sport_hl_event{width:100%; height:22px; overflow:hidden;}
.sport_hl_event span{display:inline-block; line-height:22px; background:#212121; padding:0 10px 0 10px; font-size:12px; color:#1d9355; font-weight:700;}
.sport_hl_ex{float:left; width:100%; margin:10px 0 0 0; font-size:14px; color:#ffffff; font-weight:400; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:all 0.5s;}


@media screen and (max-width:1024px) {
.sport_hl{width:32.6666%;}
.sport_hl:nth-child(2n){margin:0 1% 1% 0;}
.sport_hl:nth-child(3n){margin:0 0 1% 0;}
}

@media screen and (max-width:890px) {
.sport_hl{width:47.5%; min-width:0; margin:0 5% 3% 0;}
.sport_hl:nth-child(5n){margin:0 5% 3% 0;}
.sport_hl:nth-child(4n){margin:0 5% 3% 0;}
.sport_hl:nth-child(3n){margin:0 5% 3% 0;}
.sport_hl:nth-child(2n){margin:0 0 3% 0;}

}

@media screen and (max-width:768px) {
.sport_hl_info{font-size:12px;}
.sport_hl_title span{font-size:12px; font-weight:400;}
.sport_hl_event span{font-size:11px;}
.sport_hl_ex{margin:5px 0 0 0; font-size:12px;}
}



/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn1_2         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn1_3         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_1         {display:inline-block; text-align:center; border-radius:10px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_2         {display:inline-block; text-align:center; border-radius:10px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_3         {display:inline-block; text-align:center; border-radius:10px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn3_1         {display:inline-block; text-align:center; border-radius:10px; color:#ffffff; font-size:16px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn3_2         {display:inline-block; text-align:center; border-radius:10px; color:#ffffff; font-size:16px; letter-spacing:0pt; font-weight:500; text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}

.btn_wrap_right        {float:left; width:100%; text-align:right;}
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center;}
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:#01a032; min-width:60px; min-height:30px; padding:0 10px 0 10px; line-height:28px;}
.btn1_1:hover   {opacity:0.8;}

.btn1_2         {background:#6b6b6b; min-width:60px; min-height:30px; padding:0 10px 0 10px; line-height:28px;}
.btn1_2:hover   {opacity:0.8;}

.btn1_3         {background:#c30000; min-width:60px; min-height:30px; padding:0 10px 0 10px; line-height:28px;}
.btn1_3:hover   {opacity:0.8;}

.btn2_1         {background:#01a032; min-width:110px; height:42px; line-height:40px;}
.btn2_1:hover   {opacity:0.8;}

.btn2_2         {background:#6b6b6b; min-width:110px; height:42px; line-height:40px;}
.btn2_2:hover   {opacity:0.8;}

.btn2_3         {background:#c30000; min-width:110px; height:42px; line-height:40px;}
.btn2_3:hover   {opacity:0.8;}

.btn3_1         {background:#01a032; min-width:220px; height:50px; line-height:48px;}
.btn3_1:hover   {opacity:0.8;}

.btn3_2         {background:#6b6b6b; min-width:220px; height:50px; line-height:48px;}
.btn3_2:hover   {opacity:0.8;}

.division1      {background:#444444; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#999999; font-size:12px; font-weight:500; border-radius:10px;}
.division2      {background:#01a032; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#ffffff; font-size:12px; font-weight:500; border-radius:10px;}
.division3      {background:#000000; display:inline-block; text-align:center; min-width:80px; padding:9px 8px 9px 8px; line-height:12px;  color:#14d70a; font-size:14px; font-weight:500; border-radius:0px;}

.write_basic_btn{display:inline-block; margin:0 0 0 10px;}
[class*="btn1_"] {margin: 0 0 2px;}

.btn_i_img{margin:-2px 5px 0 0;}
.btn1_1 .btn_i_img{color:#ffffff;}
.btn1_2 .btn_i_img{color:#ffffff;}
.btn1_3 .btn_i_img{color:#ffffff;}
.btn2_1 .btn_i_img{color:#ffffff;}
.btn2_2 .btn_i_img{color:#ffffff;}
.btn2_3 .btn_i_img{color:#ffffff;}
.btn_i_img.red{color:#01a032;}
.btn_i_img.blue{color:#999999;}

@media screen and (max-width:1250px) {
	.write_basic_btn{margin:5px 0 0 0;}

}
@media screen and (max-width:768px) {
	.display_flex{display:flex; flex-wrap: nowrap; align-items: center; justify-content: center;}
	.display_flex li{width:100%; margin:0 2px 0 2px;}
								   
	[class*="btn2_"] {min-width:100%; font-size:12px}
	[class*="btn3_"] {min-width:100%; font-size:14px}
	.division1{min-width:60px; font-size:11px}
	.division2{min-width:60px; font-size:11px}
	.division3{min-width:60px; font-size:11px}
}



/*-------------------------------------------------------------------------------------*
 *  ranking_box                                                                        *
 *-------------------------------------------------------------------------------------*/
.ranking_box{float:left; width:100%; border-radius:10px; overflow:hidden;}
.rank_list{float:left; width:100%; margin:0px 0 0 0;}
.rank_list ul{width:32%; float:left; margin:0 2% 2% 0; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.rank_list ul:nth-child(3n){margin:0 0 2% 0;}
.rank_list ul li{width:100%; height:40px; line-height:40px; background:#222222; border-bottom:1px solid #141414; display:flex; border-radius:10px; overflow:hidden;}

.rank_list ul li .rank_num{width:50px;}
.rank_list ul li .rank_name{width:calc((100% - 50px)/2);}
.rank_list ul li .rank_point{width:calc((100% - 50px)/2);}

.rank_list ul li.rank_list_title{background:#2c2c2c; border-bottom:1px solid #01a032; text-align:center; font-weight:600; font-size:16px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.37); display: flex; justify-content: center; align-items: center; border-radius:0;}

.rank_num{background:#2b2b2b; width:50px; text-align:center; font-size:20px; font-weight:900; color:#979797;}
.rank_top_num{color:#ffffff;}
.rank_name{font-size:14px; color:#ffffff; padding:0 5px 0 10px; width:140px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rank_point{width:130px; text-align:right;  padding:0 15px 0 0; font-size:16px; color:#14e509; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ranking_title{float:left; width:100%; background:#01a032; line-height:50px; white-space:nowrap; overflow:hidden; text-align:center; font-weight:700; font-size:18px; color:#e9e9e9;}

@media screen and (max-width:1640px) {
	.rank_list ul{width:49%; float:left; margin:0 2% 2% 0;}
	.rank_list ul:nth-child(3n){margin:0 2% 2% 0;}
	.rank_list ul:nth-child(2n){margin:0 0 2% 0;}
}

@media screen and (max-width:768px) {
	/* .ranking_box{padding:10px 10px;} */
	.rank_list ul{width:100%; float:left; margin:0 0 2% 0;}
	.rank_list ul:nth-child(3n){margin:0 2% 2% 0;}
	.rank_list ul:nth-child(2n){margin:0 2% 2% 0;}
	
	.rank_list ul li.rank_list_title{font-size:14px;}
}





.assurance_company_visual{float:left; width:100%; margin:20px 0 0 0;}
.assurance_company_visual img{display:inline-block; width:100%;}


.tip_board_title1{display:inline-block; margin:0 5px 0 0; font-weight: 700; font-size:14px; color:#00d97b;}
.tip_board_title2{display:inline-block; margin:0 5px 0 0; font-weight: 700; font-size:14px; color:#00ffea;}
.tip_board_title3{display:inline-block; margin:0 5px 0 0; font-weight: 700; font-size:14px; color:#fff600;}
.tip_board_title4{display:inline-block; margin:0 5px 0 0; font-weight: 700; font-size:14px; color:#ff5abc;}
.tip_board_title5{display:inline-block; margin:0 5px 0 0; font-weight: 700; font-size:14px; color:#ff7d3d;}



/* 모바일 쳇 팝업 */
#chat2{position:fixed; top:0; left:0; z-index:999999; width:100%; display:none;}
.pop_chat_wrap2{float:left; width:100%; position:fixed; bottom:-100%; transition:all 0.5s;}
.pop_chat_wrap2.active{bottom:16vw;}
.pop_chat2{width:100%; min-height:247px; margin:0 auto; background:#F7AD38;}





.game_schedule_wrap{float:left; width:100%; border-radius:10px; overflow:hidden;}
.game_schedule_title{float:left; width:100%; background:#01a032; text-align:center; line-height:50px; font-weight:600; font-size:18px; color:#ffffff;}
.game_schedule_box{float:left; width:100%; background:#2c2c2c; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:center; padding:40px 0;}
.game_schedule_box_in{display:flex; align-items: flex-end; justify-content:center;}

.game_schedule_date{float:left; margin:0 1px; width:50px; height:60px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); font-weight:600; font-size:18px; color:#ffffff;}
.game_schedule_text{float:left; margin:0 1px; width:30px; height:60px; display:flex; align-items:center; justify-content:center; font-weight:400; font-size:14px; color:#ffffff;}
.game_schedule_text.center{align-items:center;}

.game_participate_wrap{float:left; width:100%; margin:40px 0 0 0; display:flex; flex-direction: column; align-items: center;}
.game_participate_input_box{float:left; width:100%; max-width:400px; height:50px; overflow:hidden; border-radius:10px; background:rgba(0,0,0,0.3); border:1px solid #01a032; position:relative;}
.game_participate_input{float:left; width:100%; height:50px; background:none; border:none; color:#ffffff; padding:0 100px 0 20px;}
.game_participate_btn{position:absolute; right:0; display: block; width:120px; padding: 0 10px; height: 50px; line-height: 50px; border-radius: 0px; text-align: center; background: linear-gradient(#01a032 0%, #e02802 50%, #01a032 50%, #e02802 100%); background-size: 100% 200%; font-weight: 500; font-size: 14px; color: #ffffff;transition: all 0.3s;}
.game_participate_btn:hover{background-position-y:100%;}

.game_participate_text{float:left; width:100%; margin:30px 0 0 0; text-align:center; font-size:14px; color:#ffffff;}
.game_participate_text span{color:#fff600;}


.new_comment_box{float:left; width:100%; margin:40px 0 0 0;}
.new_comment_view{float:left; width:100%; margin:10px 0 0 0;}
.new_comment_view_title{float:left; width:100%; margin:0px 0 0 0; font-size:16px; color:#ffffff;}
.new_comment_view_title span{font-weight:600; color:#01a032;}
.comment_view_list{position:relative;}

.comment_results{float:left; position:absolute; right:0; bottom:50px; border-radius:10px; padding:0 10px; display:inline-block; min-width:100px; text-align:center; height:40px; line-height:40px; color:#ffffff; transition: all 0.5s;}
.comment_results1{background-color:#000000; border:1px solid #000000; color:#14d70a;}
.comment_results2{background-color:#01a032; border:1px solid #01a032; color:#ffffff;}
.comment_results3{background-color:#444444; border:1px solid #444444; color:#999999;}



@media screen and (max-width:1240px) {
    .game_schedule_box{flex-wrap:wrap; padding:20px 10px;}
    .game_schedule_box_in{width:100%; margin:5px 0;}
}
@media screen and (max-width:1024px) {
	.game_participate_wrap{margin:20px 0 0 0;}
    .game_schedule_date{width:4.88vw; height:5.86vw; min-width:30px; min-height:40px;}
    .game_schedule_text{width:2.93vw; height:5.86vw; min-width:20px; min-height:40px;}
}