@charset "UTF-8";
/* CSS Document */
@keyframes motion {
    0% {top:-8px;}
    100% {top:-6px;}
}
@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

        .seo_box {
    position: fixed;
    bottom: 100px;
    left: 30px;
    z-index: 10;
    width: 250px;
    overflow: hidden;
    opacity: 0.7;
}
        .seo_box li {
    background: #fff;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%);
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 12px;
    border-radius: 2px;
    color: #444;
    letter-spacing: -0.5px;
    font-size: 11px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
* {margin: 0;padding: 0; outline:none !important; }
*:hover {outline:none !important; }
*:active {outline:none !important; }
*:visited {outline:none !important; }
img {padding:0; margin:0;}
html {padding:0; margin:0; width:100%; height:100%;}
body {font-family: 'Noto Sans KR',나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif;font-size: 13px; padding:0; margin:0; background:#f9f9f9; width:100%; height:100%;}
::selection  {background:#ff7916; color:#111;}
body::-webkit-scrollbar {width: 14px;}
body::-webkit-scrollbar-thumb {background-color: #242c47; border-radius: 12px; background-clip: padding-box;border: 2px solid transparent;}
body::-webkit-scrollbar-track {background-color: #ddd; box-shadow: inset 0px 0px 5px white; }
a {color:#222; text-decoration: none;}
a:hover{text-decoration: none;}
h1, h2, .post_title, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;margin:0;}
ul, li, dl, dd, dt{padding:0; margin:0; list-style:none;}
p, span, div, strong {padding:0; margin:0;}
.navbar {
border: 0 none;
border-radius: 0;
box-shadow: none;
padding-bottom:10px;
margin-bottom:0;
}
.navbar .dropdown-menu {
padding: 0;
margin: 0;
background:none;
border: none;
border-radius:0;
box-shadow:none;
display:none;
text-align:center;
margin-left:-20px;
}
.navbar .normal_drop dt {width:160px;}
.navbar .normal_drop dt a {display:block; font-weight:normal; height:44px; line-height:44px;  background:rgba(0,0,0,0.9); color:#ddd; border-top:1px solid #2c2a2a;}
.navbar .game_drop {width: 500px; margin-left:-180px;}
.navbar .game_drop dt {float:left; width:100px;  background:rgba(0,0,0,0.9); border:1px solid #2c2a2a}
.navbar .game_drop dt .imgs {display:block; padding-top:15px; height:90px;}
.navbar .game_drop dt .imgs img {width:84px;}
.navbar .game_drop dt .imgs .txt {color:#ddd; font-size:12px; margin-top:10px; font-weight:normal;}
.navbar .dropdown dt a {position:relative;}
.navbar .dropdown dt:hover {background:#000}
.navbar .dropdown dt:hover .imgs .txt {color:#fff;}
.navbar .dropdown dt:hover a {color:#fff;}
.navbar li.dropdown:hover .dropdown-menu {display:block;}
.navbar .dropdown-menu li a {
font-weight: 400;
text-transform: uppercase;
padding: 9px 20px;
font-size: 12px;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
transition: all 200ms ease-in;
color: #ccc;
background:#444;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #3498db !important;
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
    transition: all 0.2s ease-in-out 0s;
}
.wrapper{margin:0 auto; overflow:hidden; width:100%;}
.container{width:1200px; margin:0 auto; padding:0; position:relative; }
.snow_bg {position:absolute; top:0; left:0;  }
.snow_bg_src {}
header{background: #082a47;color: #fff;display: block;clear: both; width:100%;}
nav , .pagination{text-align:center;}
.upper_link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.logo_box {overflow:hidden;}
.logo_box .logo {position:absolute; top:0; left:0; width:300px; height:132px;}
.logo_box .logo video {width:100%; height:100%;}
.logo_box .headline_box {float:right; text-align:left; width:850px; height:132px; overflow:hidden;}
.logo_box .headline_box .headline {width:612px; background-color:rgba(255, 255, 255, 0.6); padding:4px; font-size:14px; letter-spacing:-3.25px; font-weight:300; line-height:20px; letter-spacing:-1px; color:#181818; position:absolute; top:10px; left:310px; border-radius: 11px;}
.logo_box .headline_box .headline h1{font-weight:700; font-size:20px;  letter-spacing:-1.5px; -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
            animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;  margin-bottom:5px; /*text-shadow: 1px 2px 2px rgb(0 0 0 / 16%);*/ color:#1b4104; margin-bottom:10px;}
.logo_box .headline_box .headline p {font-size:14px; margin-bottom:5px; padding:0; line-height:16px;}

.nav_box {border-radius:11px; height:50px; line-height:50px; background: linear-gradient(-45deg, #ff7916, #e73c7e, #23a6d5, #082a47); background-size: 400% 400%; animation: AnimationName 15s ease infinite;  display: flex; flex-direction: column; align-items: center; justify-content: center; top: 35%;}
.nav_box li {float:left; width:9.6%; height:50px; position:relative;}
.nav_box li:first-child {width:2%;}
.nav_box li .menu {color:#fff; font-size:17px; font-weight:500;  text-shadow: 1px 2px 2px rgba(0,0,0,0.3);}
.nav_box li .menu img {margin-top:-4px;}
.nav_box li .down_arrow {line-height:0; overflow:hidden; padding-left:2px;}
.nav_box li .new {position:absolute; top:0; left:0; background:url("/imgs/menu_new_icon.png") no-repeat; width:44px; height:44px;}
.main{width:100%; clear:both; margin: 10px 0;}
.main_area {float:left; width:877.5px; margin-left:10px;}

.info_box_area {overflow:hidden; margin:10px 0;}
.info_box_area li {float:left; width:33.333%; overflow:hidden; box-sizing:border-box; padding:5px; position:relative;}
.info_box_area li .box  {height:80px; --borderWidth:3px; background: #fff; position: relative; border-radius: var(--borderWidth); padding:10px;}
.info_box_area li .box :after { content: ''; position: absolute; top: calc(-1 * var(--borderWidth)); left: calc(-1 * var(--borderWidth)); height: calc(100% + var(--borderWidth) * 2); width: calc(100% + var(--borderWidth) * 2); background: linear-gradient(60deg, #ff7916, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #ff7916, #6fba82); border-radius: calc(1.5 * var(--borderWidth)); z-index: -1; animation: animatedgradient 2s ease alternate infinite; background-size: 300% 300%; }
.info_box_area li .box .icons {float:left; width:20%; text-align:center; padding-top:14px;}
.info_box_area li .box .icons i {font-size:28px; color:#ff7916 }
.info_box_area li dl {float:left; overflow:hidden; width:80%; padding-left:5px;}
.info_box_area li dt {color:#ff7916; font-size:16px;}
.info_box_area li dd {font-size:12px; color:#555; letter-spacing:-1px;}
.board_box {min-height:220px; margin-bottom:10px; background:#fff; border-radius:2px; overflow:hidden; border:1px solid #f3f3f3; padding:5px; border-radius:11px;}
.board_box .pc_box {}
.board_box .tit_area {position:relative; overflow:hidden; padding:0 2px; margin:10px 10px 0 10px; }
.board_box .tit_area h1 {font-size:18px; color:#222;margin-bottom:10px; letter-spacing:-1px;}
.board_box .tit_area h2 {font-size:18px; color:#222;margin-bottom:10px; letter-spacing:-1px;}

.board_box .tit_area label { font-size: 18px; color: #222; margin-bottom: 10px; letter-spacing: -1px; }

.board_box .tit_area p {color:#222; background:#f5f5f5; padding:12px; border-radius:6px;}
.board_box .tit_area .more {border-radius:500px; position:absolute; top:0; right:2px;color:#fff; font-size:12px; background:#111; padding:2px 10px; }
.board_box ul {padding:10px 5px; overflow:hidden;}
.board_box li {overflow:hidden; float:left; width:25%; box-sizing:border-box; padding:0 5px; text-align:center;}
.board_box li .box {overflow:hidden; position:relative;}
.board_box li .box .imgs {  border-radius:1px; position:relative;}
.board_box li .box .imgs img {width:100%; height:100%;}
.board_box li .box .txt {color:#333; font-size:14px; font-weight:bold; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
.board_box li .box .txt .hot {background:#cb3c3c; color:#fff; font-size:11px; font-weight:600; padding:1px 5px; margin-right:5px; border-radius:1px; animation-name: blink;    animation-duration: 1s; animation-timing-function: step-end; animation-iteration-count: infinite;}
.board_box li .box .txt .hot.ing {animation:none; background:#ff7916; border-radius:4px; padding:0 5px 1px 5px;}
.board_box li .box .txt .hot.exit {animation:none; background:#333; border-radius:4px; padding:0 5px 1px 5px;}
.board_box li .box .muk_txt {color:#777; letter-spacing:-1px; margin-top:4px;}
.board_box2 li {width:25%;}
.board_box2 li .box .txt {text-align:left;}
.main_freeslot {min-height:196px;}
.main_freeslot .new_slot {padding:10px ; overflow:hidden;}
.main_freeslot .slick-arrow {display:none !important;}
.main_freeslot .slick_list {overflow:hidden; padding:0 2px;}
.main_freeslot .slick_list .box {position:relative;}
.main_freeslot .slick_list .box .imgs img {width:100%; height: 100%;}
.main_freeslot .slick_list .box .txt {text-align:center; font-size:14px; color:#000; margin-top:2px;}
.main_freeslot .slick_list .box .txt .hot {display:none;}
.freeslot_latest {overflow:hidden; padding-bottom:5px; display: block;}
.freeslot_latest .titt {overflow:hidden; font-size:13px; color:#212121; text-align:center; height:34px; line-height:34px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:-3px; left:9px; z-index:1;}
.freeslot_latest li {float:left; margin:10px;position:relative; width:263px; border-radius:17px; overflow:hidden; }
.freeslot_latest li .imgs_demo img {width:263px}
.freeslot_latest li:hover {background:#ff9f41; transition: 0.12s all ease-in-out;}
.tab_board_area {overflow:hidden; margin:10px 0;}
.tab_board_area .tab_board_box {float:left; width:49.5%; overflow:hidden; border:1px solid #ddd;}
.tab_board_area .tab_board_box:last-child {float:right;}
.tab_board_area .tab_board_box .tab_menu {overflow:hidden;}
.tab_board_area .tab_board_box .tab_menu .menu_list {cursor:pointer; width:33.333%; float:left; box-sizing:border-box; height:40px; line-height:40px; background:#eee; color:#555; font-size:13px; font-weight:500; text-align:center;}
.tab_board_area .tab_board_box .tab_menu .menu_list.active {background:#fff; color:#000;}

.tab_board_area .tab_board_box .board_conts {background:#fff; overflow:hidden; padding:10px; min-height:174px;}
.tab_board_area .tab_board_box .board_conts .img_box {overflow:hidden;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list {float:left; width:33.333%; padding:0 5px;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list a {display:block;  position:relative; }
.tab_board_area .tab_board_box .board_conts .img_box .best_list .num {position:absolute; top:0; left:0; z-index:1; background:#ff7916; color:#fff; width:24px; height:18px; text-align:center; line-height:18px; font-size:11px; border-radius:1px;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list .imgs {background:#eee; border:1px solid #ddd;  border-radius:1px; width:115px; height:64px;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list img {width:100%; height:100%;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list .txt {overflow:hidden; height:25px; line-height:20px; color:#444; font-size:13px; margin-top:5px; letter-spacing:-1px;text-overflow:ellipsis; white-space:nowrap;}
.tab_board_area .tab_board_box .board_conts .normal_list {position:relative; overflow:hidden; padding:0 5px; margin-top:10px;}
.tab_board_area .tab_board_box .board_conts .normal_list .num {float:left; background:#ff7916; color:#fff;width:24px; height:18px; text-align:center; line-height:18px; font-size:11px; border-radius:1px;}
.tab_board_area .tab_board_box .board_conts .normal_list .txt { color:#777; font-size:13px; letter-spacing:-1px; float:left; margin-left:10px; text-overflow:ellipsis; white-space:nowrap; width:330px; overflow:hidden;}
.tab_board_area .tab_board_box .board_conts .normal_list .date {float:right; font-size:12px; color:#888; font-weight:300;}
.video_box {margin:10px 0; padding:40px; overflow:hidden; background:#e9eeff url("/imgs/video_bg.webp") right bottom no-repeat; border:1px solid #ddd;}
.video_box .text_area {width:280px; float:left; padding-left:30px; padding-top:30px;  box-sizing:border-box;}
.video_box .text_area dt {font-size:34px; color:#414c72;  font-family: 'RixYeoljeongdo_Regular'; letter-spacing:-1px; line-height:42px; }
.video_box .text_area dt .color_re {color:#242c47}
.video_box .text_area dd {font-size:17px; color:#222;margin-top:40px; font-weight:500; }
.video_box .text_area dd .tag {overflow:hidden; margin-top:5px;}
.video_box .text_area dd .tag a { color:#154499; font-size:13px; font-weight:400; }
.video_box .video {width:514px; overflow:hidden; float:left; margin-top:20px;}
.video_box .video iframe {width:100%; padding:0; margin:0; border:1px solid #ddd; border-radius:2px}
.login_form {border:1px solid #cbcbcb; padding:6px 10px; outline:none; margin-bottom:5px; width:100%; border-radius:1px; letter-spacing:-1px;}
.login_btn {background:#ff7916; color:#fff; font-size:16px; border:0; display:block; width:100%; height:34px; line-height:34px; border-radius:1px;}
.loginbox ul {overflow:hidden; margin-top:5px;}
.loginbox li {float:left; width:49.5%; box-sizing:border-box;}
.loginbox li:last-child {float:right;}
.loginbox li a {display:block; background:#242c47; color:#fff; height:32px; line-height:32px; text-align:center; border-radius:1px;}
.loginbox li:last-child a {background:#858585}
.msg_icon {margin-left:10px; color:#ff7916; font-size:18px; display:block; margin-top:-3px;}
.logout_icon {margin-left:10px; color:#eee; font-size:11px; background:#333; padding:3px 6px; border-radius:500px;}
.warranty_main {position:relative; padding:10px;}
.warranty_main .slick_list {position:relative; text-align:left; padding:0 2px;}
.warranty_main .slick_list img {width:100%; height:100%; border-radius:11px;}
.warranty_main .slick_list .tit {color:#111; font-weight:bold; font-size:14px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.5px;}
.warranty_main .slick_list .tit .hot {background:#cb3c3c; color:#fff; font-size:10px;  padding:1px 5px; border-radius:2px; animation-name: blink;    animation-duration: 1s; animation-timing-function: step-end; animation-iteration-count: infinite;}
.warranty_main .slick_list .sub {color:#666; letter-spacing:-1px; }
.accordion-box {overflow:hidden; margin-top:20px;}
.accordion-box .tit {overflow:hidden; margin-bottom:10px; padding:0 20px;}
.accordion-box .tit h2 {font-size:21px; color:#333; font-weight:bold; letter-spacing:-1px;}
.accordion-box .tit h2::before {content: url("/imgs/main_qna_icon.png?2"); display:inline-block; margin-right:12px; vertical-align: middle;}
.accordion-box .tit p {color:#555; font-size:16px; margin:10px 0;}
.accordion-box ul {overflow:hidden;}
.accordion-box li {overflow:hidden; margin-bottom:8px;   background:#fff;  border:1px solid #eee;}
.accordion-box li .title {padding:0 15px; height:48px;  line-height:48px;cursor:pointer; overflow:hidden;}
.accordion-box li .title h2 {float:left;color:#333; font-weight:400;font-size:15px; line-height:48px; margin:0; }
.accordion-box li .title .arrow {float:right; color:#666;}
.accordion-box li .con {display:none; padding:25px; color:#666; border-top:1px solid #eee;}
.admin_tool {position:fixed; bottom:20px; right:20px; z-index:1;}
.admin_tool li {text-align:center; position:relative; background:#ffff; border:1px solid #ddd; border-radius:100%; width:62px; height:62px; box-shadow:0 0 4px 0 rgb(0 0 0 /12%); margin-top:14px;}
.admin_tool li .icons {margin-top:12px;}
.admin_tool li .txt {font-size:12px;}
footer {text-align:center; background-color: #242c47; color:#eee;}
footer .sitemap {overflow:hidden; padding-top:20px; text-align:center;}
footer .sitemap ul {display:inline-block;}
footer .sitemap li {float:left; margin-left:24px;} 
footer .sitemap li:first-child {margin-left:0;}
footer .sitemap li a {color:#a5a5a5; font-size:12px; background:#1b233e; display:block; width:80px; height:32px; line-height:32px;}
footer .site_info {overflow:hidden; text-align:left; padding:20px 0;}
footer .site_info .logo {float:left; margin-left:40px;}
footer .site_info .logo img {margin-top:15px;}
footer .site_info p {float:left; font-size:14px; line-height:28px; font-weight:200; margin-left:30px; color:#a9a9a9}
footer .site_info .telegram {overflow:hidden; float:right; padding-top:20px; padding-right:50px;}
footer .site_info .telegram li {float:left; box-sizing:border-box; padding-left:20px;}
footer .site_info .telegram li:first-child {padding-left:0;}
footer .site_info .telegram li a {display:block;  text-align:center; width:100px; height:34px; line-height:34px; border-radius:2px; font-size:12px; border:1px solid #3a4468; color:#999; }
footer .site_info .telegram li a i {color:#999;}
footer .footer_info_txt {overflow:hidden; margin:20px 0;}
footer .footer_info_txt dl {float:left; width:33%; padding:0 5px; box-sizing:border-box;}
footer .footer_info_txt dt {font-weight:400; font-size:16px; color:#a9a9a9; margin-bottom:10px;}
footer .footer_info_txt dd {color:#a9a9a9; font-size:13px; font-weight:300; line-height:22px; border:1px solid #3a4468; padding:14px 20px;}
footer .footer_info_txt a {color:#a9a9a9}
footer .footer_info_txt dd li {float:left; padding:0 4px; margin-bottom:8px; width:33.333%;}
footer .footer_info_txt dd li .menu {color:#a9a9a9; border:1px solid #3a4468; display:block;  height:34px; line-height:34px; font-size:12px; }


footer .sns {overflow:hidden; text-align:center; padding:10px 0;}
footer .sns ul {display:inline-block;}
footer .sns li {float:left; margin-left:40px;}
footer .sns li:first-child {margin-left:0;}
footer .sns li i {color:#eee; font-size:18px;}

footer .copyright {height:38px; line-height:38px; background:#000; color:#999; font-weight:400; border-top:1px solid #333;}
.draggable {overflow:hidden;}
.sidebar_area {width:300px; overflow:hidden; padding-left:10px;}
.sidebar{overflow:hidden;}
.sidebar .headline {display: block; text-align:center;}
.sidebar .welcome{overflow:hidden; border-top:2px solid #ff7916; border-bottom:2px solid #ff7916; padding-top:14px; padding-bottom:5px;}
.sidebar .welcome li {float:left; width:70px; margin-left:3px;}
.sidebar .welcome li:first-child {margin-left:0; width:71px;}
.sidebar .welcome li .menu {display:block; height:34px; line-height:34px;  background:#082a47; text-align:center; border-radius:11px; position:relative; font-size:12px;  color:#fff}
.sidebar .welcome li .menu .attendance_icon {background: #ff7916; padding: 2px 8px;  line-height:14px; color: #fff; border-radius: 500px; position: absolute; top: -12px; right: -8px; font-size: 10px; animation: motion 0.3s linear 0s infinite alternate; z-index:2;}
.sidebar .telegram {overflow:hidden; margin-bottom:10px;}
.sidebar .telegram li {margin-top:10px; background:url("/imgs/telegram.png?1") no-repeat; height:55px; background-size:100% 100%; text-align:center; line-height:55px; color:#1e96c8; font-size:15px; font-weight:700;}
.sidebar .telegram li:last-child {background:url("/imgs/koreanadress.png?1") no-repeat; background-size:100% 100%; color:#242c47}
.sidebar .telegram li a {color:#1e96c8; }
.sidebar .telegram li:last-child a {color:#242c47;}
.sidebar .tit_area {overflow:hidden; border-bottom:1px solid #ddd; height:30px; line-height:30px;}
.sidebar .tit_area .tit {float:left;}
.sidebar .tit_area .tit .txt {color:#ff7916; font-weight:700; font-size:15px; font-style:italic}
.sidebar .latest_board { overflow:hidden; border:1px solid #e5e5e5; padding:10px; margin-top:6px; background:#fff; border-radius:11px; box-shadow:0 0 5px 0 rgb(0 0 0 / 5%)}
.sidebar .latest_board li {overflow:hidden; padding:0 4px;  margin-top:8px; overflow:hidden; }
.sidebar .event_winner_latest_board {position:relative; min-height:208px;}
.sidebar .event_winner_latest_board .arrow_box {position:absolute; top:42px; left:10px; width:268px; font-size:22px;}
.sidebar .event_winner_latest_board .arrow_box .left {float:left; cursor:pointer;}
.sidebar .event_winner_latest_board .arrow_box .right {float:right; cursor:pointer;}
.event-winners li {
    opacity: 0;
    transform: translateX(-100%);
    animation: slideIn 0.5s forwards;
    animation-delay: var(--slide-delay, 0s);
}
@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.point_banner {margin-top:10px; overflow:hidden;}
.point_banner a {display:block;}
.point_banner.info_banner {margin-top:4px;}
.latest_comment_count {font-size:11px; color:#ff7916; margin-left:5px;font-weight:700;}
.nickname {font-size:14px; color:#111; padding-bottom:5px;}
.welcome .nickname {overflow:hidden;}
.welcome .nickname .user_levelname {float:left;}
.welcome .nickname .txt {margin-top:4px; overflow:hidden;}
.welcome .nickname .txt span {float:left;}
.welcome .nickname .txt span:last-child {float:right;}
.welcome .nickname .txt span .user_levelname .user_name {margin-top:0;}
.currentvisitor {padding:0 30px;position:relative; text-align:center; display: flex; justify-content: space-between;background:#e3e3e3; text-align:center; height:40px; line-height:40px; margin-bottom:5px; border-radius:6px; }
.currentvisitor span {flex:1; font-weight:bold; color:#ff7916;}
.currentvisitor .txt {color:#222}
.slick-arrow {background:#ddd url("/imgs/arrow_icon.png") center no-repeat;border:1px solid #ddd; width:26px; height:26px; position:absolute; top:-100px;right:3px; z-index:10; text-indent:-10000px;}
.slick-prev {transform: rotate(180deg); margin-right:30px;}
.slick-next {}
.slick-slide[aria-hidden="true"] a {display: none;}
        
/* level */
.user_levelname .lv_icon1 {background:url("/imgs/lv/lv_1.png?1") no-repeat;}
.user_levelname .lv_icon2 {background:url("/imgs/lv/lv_2.png?1") no-repeat;}
.user_levelname .lv_icon3 {background:url("/imgs/lv/lv_3.png?1") no-repeat;}
.user_levelname .lv_icon4 {background:url("/imgs/lv/lv_4.png?1") no-repeat;}
.user_levelname .lv_icon5 {background:url("/imgs/lv/lv_5.png?1") no-repeat;}
.user_levelname .lv_icon6 {background:url("/imgs/lv/lv_6.png?1") no-repeat;}
.user_levelname .lv_icon7 {background:url("/imgs/lv/lv_7.png?1") no-repeat;}
.user_levelname .lv_icon8 {background:url("/imgs/lv/lv_8.png?1") no-repeat;}
.user_levelname .lv_icon9 {background:url("/imgs/lv/lv_9.png?1") no-repeat;}
.user_levelname .lv_icon10 {background:url("/imgs/lv/lv_10.png?1") no-repeat;}
.user_levelname .lv_icon11 {background:url("/imgs/lv/lv_11.png?1") no-repeat;}
.user_levelname .lv_icon12 {background:url("/imgs/lv/lv_12.png?1") no-repeat;}
.user_levelname .lv_icon13 {background:url("/imgs/lv/lv_13.png?1") no-repeat;}
.user_levelname .lv_icon14 {background:url("/imgs/lv/lv_14.png?1") no-repeat;}
.user_levelname .lv_icon15 {background:url("/imgs/lv/lv_15.png?1") no-repeat;}
.user_levelname .lv_icon16 {background:url("/imgs/lv/lv_16.png?1") no-repeat;}
.user_levelname .lv_icon17 {background:url("/imgs/lv/lv_17.png?1") no-repeat;}
.user_levelname .lv_icon18 {background:url("/imgs/lv/lv_18.png?1") no-repeat;}
.user_levelname .lv_icon19 {background:url("/imgs/lv/lv_19.png?1") no-repeat;}
.user_levelname .lv_icon20 {background:url("/imgs/lv/lv_20.png?1") no-repeat;}
.user_levelname .lv_icon21 {background:url("/imgs/lv/lv_21.png?1") no-repeat;}
.user_levelname .lv_icon22 {background:url("/imgs/lv/lv_22.png?1") no-repeat;}
.user_levelname .lv_icon23 {background:url("/imgs/lv/lv_23.png?1") no-repeat;}
.user_levelname .lv_icon24 {background:url("/imgs/lv/lv_24.png?1") no-repeat;}
.user_levelname .lv_icon25 {background:url("/imgs/lv/lv_25.png?1") no-repeat;}
.user_levelname .lv_icon26 {background:url("/imgs/lv/lv_26.png?1") no-repeat;}
.user_levelname .lv_icon27 {background:url("/imgs/lv/lv_27.png?1") no-repeat;}
.user_levelname .lv_icon28 {background:url("/imgs/lv/lv_28.png?1") no-repeat;}
.user_levelname .lv_icon29 {background:url("/imgs/lv/lv_29.png?1") no-repeat;}
.user_levelname .lv_icon30 {background:url("/imgs/lv/lv_30.png?1") no-repeat;}
.user_levelname .lv_icon31 {background:url("/imgs/lv/lv_31.png?1") no-repeat;}
.user_levelname .lv_icon32 {background:url("/imgs/lv/lv_32.png?1") no-repeat;}
.user_levelname .lv_icon33 {background:url("/imgs/lv/lv_33.png?1") no-repeat;}
.user_levelname .lv_icon34 {background:url("/imgs/lv/lv_34.png?1") no-repeat;}
.user_levelname .lv_icon35 {background:url("/imgs/lv/lv_35.png?1") no-repeat;}
.user_levelname .lv_icon36 {background:url("/imgs/lv/lv_36.png?1") no-repeat;}
.user_levelname .lv_icon37 {background:url("/imgs/lv/lv_37.png?1") no-repeat;}
.user_levelname .lv_icon38 {background:url("/imgs/lv/lv_38.png?1") no-repeat;}
.user_levelname .lv_icon39 {background:url("/imgs/lv/lv_39.png?1") no-repeat;}
.user_levelname .lv_icon40 {background:url("/imgs/lv/lv_40.png?1") no-repeat;}
.user_levelname .lv_icon41 {background:url("/imgs/lv/lv_41.png?1") no-repeat;}
.user_levelname .lv_icon42 {background:url("/imgs/lv/lv_42.png?1") no-repeat;}
.user_levelname .lv_icon43 {background:url("/imgs/lv/lv_43.png?1") no-repeat;}
.user_levelname .lv_icon44 {background:url("/imgs/lv/lv_44.png?1") no-repeat;}
.user_levelname .lv_icon45 {background:url("/imgs/lv/lv_45.png?1") no-repeat;}
.user_levelname .lv_icon46 {background:url("/imgs/lv/lv_46.png?1") no-repeat;}
.user_levelname .lv_icon47 {background:url("/imgs/lv/lv_47.png?1") no-repeat;}
.user_levelname .lv_icon48 {background:url("/imgs/lv/lv_48.png?1") no-repeat;}
.user_levelname .lv_icon49 {background:url("/imgs/lv/lv_49.png?1") no-repeat;}
.user_levelname .lv_icon50 {background:url("/imgs/lv/lv_50.png?1") no-repeat;}
.user_levelname .lv_icon51 {background:url("/imgs/lv/lv_51.png?1") no-repeat;}
.user_levelname .lv_icon52 {background:url("/imgs/lv/lv_52.png?1") no-repeat;}
.user_levelname .lv_icon53 {background:url("/imgs/lv/lv_53.png?1") no-repeat;}
.user_levelname .lv_icon54 {background:url("/imgs/lv/lv_54.png?1") no-repeat;}
.user_levelname .lv_icon55 {background:url("/imgs/lv/lv_55.png?1") no-repeat;}
.user_levelname .lv_icon56 {background:url("/imgs/lv/lv_56.png?1") no-repeat;}
.user_levelname .lv_icon57 {background:url("/imgs/lv/lv_57.png?1") no-repeat;}
.user_levelname .lv_icon58 {background:url("/imgs/lv/lv_58.png?1") no-repeat;}
.user_levelname .lv_icon59 {background:url("/imgs/lv/lv_59.png?1") no-repeat;}
.user_levelname .lv_icon60 {background:url("/imgs/lv/lv_60.png?1") no-repeat;}
.user_levelname .lv_icon61 {background:url("/imgs/lv/lv_61.png?1") no-repeat;}
.user_levelname .lv_icon62 {background:url("/imgs/lv/lv_62.png?1") no-repeat;}
.user_levelname .lv_icon63 {background:url("/imgs/lv/lv_63.png?1") no-repeat;}
.user_levelname .lv_icon64 {background:url("/imgs/lv/lv_64.png?1") no-repeat;}
.user_levelname .lv_icon65 {background:url("/imgs/lv/lv_65.png?1") no-repeat;}
.user_levelname .lv_icon66 {background:url("/imgs/lv/lv_66.png?1") no-repeat;}
.user_levelname .lv_icon67 {background:url("/imgs/lv/lv_67.png?1") no-repeat;}
.user_levelname .lv_icon68 {background:url("/imgs/lv/lv_68.png?1") no-repeat;}
.user_levelname .lv_icon69 {background:url("/imgs/lv/lv_69.png?1") no-repeat;}
.user_levelname .lv_icon70 {background:url("/imgs/lv/lv_70.png?1") no-repeat;}
.user_levelname .lv_icon71 {background:url("/imgs/lv/lv_71.png?1") no-repeat;}
.user_levelname .lv_icon72 {background:url("/imgs/lv/lv_72.png?1") no-repeat;}
.user_levelname .lv_icon73 {background:url("/imgs/lv/lv_73.png?1") no-repeat;}
.user_levelname .lv_icon74 {background:url("/imgs/lv/lv_74.png?1") no-repeat;}
.user_levelname .lv_icon75 {background:url("/imgs/lv/lv_75.png?1") no-repeat;}
.user_levelname .lv_icon76 {background:url("/imgs/lv/lv_76.png?1") no-repeat;}
.user_levelname .lv_icon77 {background:url("/imgs/lv/lv_77.png?1") no-repeat;}
.user_levelname .lv_icon78 {background:url("/imgs/lv/lv_78.png?1") no-repeat;}
.user_levelname .lv_icon79 {background:url("/imgs/lv/lv_79.png?1") no-repeat;}
.user_levelname .lv_icon80 {background:url("/imgs/lv/lv_80.png?1") no-repeat;}
.user_levelname .lv_icon81 {background:url("/imgs/lv/lv_81.png?1") no-repeat;}
.user_levelname .lv_icon82 {background:url("/imgs/lv/lv_82.png?1") no-repeat;}
.user_levelname .lv_icon83 {background:url("/imgs/lv/lv_83.png?1") no-repeat;}
.user_levelname .lv_icon84 {background:url("/imgs/lv/lv_84.png?1") no-repeat;}
.user_levelname .lv_icon85 {background:url("/imgs/lv/lv_85.png?1") no-repeat;}
.user_levelname .lv_icon86 {background:url("/imgs/lv/lv_86.png?1") no-repeat;}
.user_levelname .lv_icon87 {background:url("/imgs/lv/lv_87.png?1") no-repeat;}
.user_levelname .lv_icon88 {background:url("/imgs/lv/lv_88.png?1") no-repeat;}
.user_levelname .lv_icon89 {background:url("/imgs/lv/lv_89.png?1") no-repeat;}
.user_levelname .lv_icon90 {background:url("/imgs/lv/lv_90.png?1") no-repeat;}
.user_levelname .lv_icon91 {background:url("/imgs/lv/lv_91.png?1") no-repeat;}
.user_levelname .lv_icon92 {background:url("/imgs/lv/lv_92.png?1") no-repeat;}
.user_levelname .lv_icon93 {background:url("/imgs/lv/lv_93.png?1") no-repeat;}
.user_levelname .lv_icon94 {background:url("/imgs/lv/lv_94.png?1") no-repeat;}
.user_levelname .lv_icon95 {background:url("/imgs/lv/lv_95.png?1") no-repeat;}
.user_levelname .lv_icon96 {background:url("/imgs/lv/lv_96.png?1") no-repeat;}
.user_levelname .lv_icon97 {background:url("/imgs/lv/lv_97.png?1") no-repeat;}
.user_levelname .lv_icon98 {background:url("/imgs/lv/lv_98.png?1") no-repeat;}
.user_levelname .lv_icon99 {background:url("/imgs/lv/lv_99.png?1") no-repeat;}
.user_levelname .lv_icon100 {background:url("/imgs/lv/lv_100.png?1") no-repeat;}
.user_levelname {overflow:hidden; }
.user_levelname .lv_icon_box {float:left; width:40px; height:24px; }
.user_levelname .lv_icon { width:33px; height:22px; background-size:100% 100%; background-position:center; margin:0 auto;}
.user_levelname .lv_admin {background:url("/imgs/lv/lv_master.png?2") center no-repeat; width:33px; height:22px; background-size:100% 100%; } 
.user_levelname .user_name {float:left; margin-left:2px; margin-top:4px;}
.remote {overflow:hidden; position:fixed; bottom:100px; right:15%;}
.remote li {cursor:pointer; color:#888;  font-size:14px; background: rgba(255,255,255,0.6); text-align:center; border: 1px solid #ddd; border-radius: 2px; width: 30px; height: 30px; line-height:30px; box-shadow: 0 0 2px 0 rgb(0 0 0 / 4%); margin-top:5px; z-index:13;}
.main_banner {width:80%; margin:auto;}
.side_event_winner .tit {text-align:center; height:38px; line-height:38px; font-size:15px; font-weight:bold;}
.side_event_winner li {background:#eee; overflow:hidden; border-radius:6px; padding:8px 10px !important; margin-top:5px !important;}
.side_event_winner li:first-child {margin-top:0 !important;}
.side_event_winner li .name {font-size:14px; float:left;}
.side_event_winner li .item {font-size:14px; float:right; color:#ff7916;}
.main_banner {
    width:878px;
    height: 180px; /* 슬라이더의 높이를 고정합니다 */
    display: flex;
    position: relative;
    overflow: hidden; /* 슬라이더 영역 밖의 내용은 숨깁니다 */
    margin-bottom:10px;
    border-radius:11px;
}
.mb_left-col, .mb_right-col {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}
.mb_left-col {
    background-size: cover;
    background-position: center top;
    overflow: hidden;
    position: relative;
}
.mb_slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 1000ms cubic-bezier(1.000, 0.040, 0.355, 1.000) transform, 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550) clip-path, 1000ms opacity;
    transform: translateY(-100%);
    z-index: -1;
    border-radius:11px;
}
.mb_slide.mb_current {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.mb_navigation {
    position: absolute;
    top:18px;
    left:5px;
    width:54px;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index:50;
}
.mb_prev, .mb_next {
    background:rgba(0,0,0,0.7);
    color: #fff;
    border: none;
    cursor: pointer;
    width:24px; height:24px;line-height:0; border-radius:6px;
}


.telegram_tool {position:fixed; bottom:20px; right:20px; z-index:11;}
.telegram_tool li {text-align:center; position:relative; background:#1e96c8; border-radius:100%; width:62px; height:62px; box-shadow:0 0 4px 0 rgb(0 0 0 /12%); margin-top:14px; overflow:hidden;}
.telegram_tool li .icons {margin-top:5px; color:#fff; font-size:22px;}
.telegram_tool li .txt {font-size:11px; color:#fff;}
.telegram_tool li:hover {background:#fff;}
.telegram_tool li:hover .icons {color:#1e96c8}
.telegram_tool li:hover .txt {color:#1e96c8}
.free_txt {display:inline-block; background:#fff; padding:8px 16px; border:1px solid #ddd; color:#333; margin:10px 0; border-radius:500px;}

@-webkit-keyframes tracking-in-expand {
0% {
    letter-spacing: -0.5em;
    opacity: 0;
}
40% {
    opacity: 0.6;
}
100% {
    opacity: 1;
}
}
@keyframes tracking-in-expand {
0% {
    letter-spacing: -0.5em;
    opacity: 0;
}
40% {
    opacity: 0.6;
}
100% {
    opacity: 1;
}
}
.nav_box li .up_icon {
    position: absolute;
    top: -10px;
    right: 20px;
}.nav_box li .up_icon img {
    width: 17px;
}

.msg_shadow {position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; }
.msg_box { -webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both; overflow:hidden; padding:40px 180px; text-align:center; position:fixed; top:350px; left:50%; margin-left:-248px; z-index:12; border:4px solid #ff7900; background:#fff; box-shadow: rgb(0 0 0 / 40%) 0px 0px 45px 0px, rgb(0 0 0 / 78%) 0px 0px 0px 0px}
.msg_box dt {color:#606060; font-size:17px; margin-bottom:25px;}
.msg_box dd {color:#606060; margin:18px 0; overflow:hidden; text-overflow:ellipsis; }
.msg_box .msg_btn {display:block; background:#ff7900; color:#fff; width:80px; height:30px; line-height:34px; margin:0 auto;}