@charset "utf-8";


/* =====================================
   #side .login-box
===================================== */
.white {color: #fff !important;}
#side{}
#side .lbanner{margin-top:10px}
#side .lbanner ul{}
#side .lbanner li:nth-child(n+2){margin-top:5px}
#side .lbanner li a{display:block}
#side .lbanner li img{width:100%}

#side.login .login-box.login{display:block}
#side.login .login-box.logout{display:none}

#side.logout .login-box.login{display:none}
#side.logout .login-box.logout{display:block}

#side .login-box{border:1px solid #1d2333;background:#1d2333;}
#side .login-box.logout{background-color:#1d2333;}

#side .login-box .chk-input{width:100%;border:none;}
#side .login-box .chk-input input{height:39px; border:1px solid #485065;background:#2e3955; padding:0 12px; letter-spacing:-0.03em;font-size:13px; font-weight:400; border-radius:3px;outline:none; color: #fff;}
#side .login-box .chk-input input::placeholder{color:#a7c4fe !important;}

#side .login-box .entry{position:relative; padding:20px 20px 20px 20px;padding-right:130px;}
#side .login-box .entry ul{}
#side .login-box .entry li{}
#side .login-box .entry li:nth-child(n+2){margin-top:5px;}
#side .login-box .entry .login-btn{position:absolute; font-family:"Montserrat";right:20px; top:20px; width:105px;height:83px;background:#fbfbfb; box-sizing:border-box; color:#000; font-size:16px; font-weight:600; line-height:82px; text-align:center; border-radius:3px; background-color: #edc00d; font-weight: bold;}
#side .login-box .entry .login-btn:hover{background:#555;border-color:#555; color:#fff;}

#side .login-box .vpoint{border-top:3px solid #090c0f; background:#1d2333;text-align:Center; padding:15px}
#side .login-box .vpoint p{font-size:14px; color:#fff; text-align:center; letter-spacing:-0.03em;line-height:1.2em; font-weight: bold;}
#side .login-box .vpoint p .yellow {color: #edc00d !important;}

#side .login-box .save{margin-top:15px; padding-bottom:15px;}
#side .login-box .save .chk-check:nth-child(n+2){margin-left:30px;}

#side .login-box .other{position:relative;border-top:3px solid #090c0f; background:#1d2333; }
#side .login-box .other ul{text-align:center;}
#side .login-box .other ul:after{display:block; content:"";clear:both}
#side .login-box .other li{float:left; width:33.3333333%;box-sizing:border-box;position:relative;}
/* #side .login-box .other li:nth-child(n+2):before{width:0; height:12px; border-left:1px solid #d6d6d6; position:Absolute; left:0; top:50%; margin-top:-6px; display:block; content:""} */
#side .login-box .other li a{line-height:45px; font-size:12px; color:#fff; display:block;letter-spacing:-0.03em; font-weight: bold;}
#side .login-box .other li:first-child a{color:#fff; font-weight:600;}
#side .login-box .other li a:hover{text-decoration:underline}

#side .login-box .info{padding:10px 20px 17px 110px;position:relative; min-height:100px}
#side .login-box .info .photo{display:block;position:absolute ; left:20px; top:15px; width:70px; box-sizing:border-box; border:1px solid rgba(0,0,0,.15);overflow:hidden; border-radius:100%;height:70px;background:url(/images/Sub/login-myphoto.png) no-repeat center center; background-size:60px auto}
#side .login-box .info .photo img{width:100%;height:70px;object-fit:cover; background-color:#fff;}

#side .login-box .info .user {display:block;position:relative; padding-left:40px;}
#side .login-box .info .user .level{position:absolute; left:0; top:0; width:28px;height:28px;display:flex;align-items: center; justify-content: left;}
#side .login-box .info .user img{width:26px;}
#side .login-box .info .user p{font-size:14px; color:#fff; line-height:28px; display:block; max-width:150px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#side .login-box .info .message_btn {color: #fff; transition: 0.3s;}
#side .login-box .info .message_btn:hover {opacity: 0.7;}
#side .login-box .info .message_btn img {filter: brightness(0) invert(1);}

#side .login-box .info .memo{position:absolute;right:15px; width:36px;height:36px; top:50%;margin-top:-18px;background:url(/images/Sub/login-memo.png) no-repeat center center; background-size:55% auto;}
#side .login-box .info .memo i{background:#e61717; width:14px;height:14px; position:absolute;right:-1px ; top:1px; display:block; content:"";text-align:center; font-size:10px; color:#fff; line-height:14px; border-radius:100%;}

#side .login-box .vbar{margin-top:10px; height:10px;position:relative; z-index:12;}
#side .login-box .vbar:after{background:#f5f5f5; border:1px solid #d6d6d6; border-radius:12px;  position:Absolute ;left:0; top:0; box-sizing:border-box; width:100%; height:100%;display:block; content:"";z-index:-1; }
#side .login-box .vbar .bar{position:absolute; left:0; top:0; border-radius:12px; background:#d32f2f;height:10px;text-indent:-9999em;}
#side .login-box .vbar .level{position:Absolute; left:0; top:12px; font-size:11px; color:#fff; font-weight:400;}
#side .login-box .vbar .exp{position:Absolute; right:0; top:12px; font-size:11px; color:#fff; font-weight:400;}

#side .login-box .link{border-top:3px solid #090c0f; position:relative;}
#side .login-box .link ul:after{display:block; content:"";clear:both}
#side .login-box .link ul {display: flex;}
#side .login-box .link li{flex: 1; box-sizing:border-box}
#side .login-box .link li a{line-height:50px; color:#fff; font-size:13px; letter-spacing:-0.02em;display:block;text-align:center;}
#side .login-box .link li:hover a {background-color: #21283a;}

/*#side .login-box .link li:nth-child(3) a{color:#d32f2f; font-weight:700;}*/

#side .login-box .wallet{padding:8px 20px; border-top:3px solid #090c0f;background:#1d2333}
#side .login-box .wallet ul{}
#side .login-box .wallet ul:after{display:block; content:"";clear:both}
#side .login-box .wallet li{float:left; }
#side .login-box .wallet li:nth-child(n+2){margin-left:25px;}
#side .login-box .wallet li a{display:block; line-height:45px;font-weight:700; font-size:13px; padding-left:24px;}

#side .login-box .wallet li:nth-child(1) a{color:#608efb; }
#side .login-box .wallet li:nth-child(1){background:url(/images/Sub/login-point.png) no-repeat left center;}
#side .login-box .wallet li a:hover{text-decoration:underline}

#side .login-box .wallet li:nth-child(2){background:url(/images/Sub/ico_g.png) no-repeat left center;}
#side .login-box .wallet li:nth-child(2) a{color: #d32f2f;}

#side .login-box .wallet li:nth-child(3){background:url(/images/Sub/ico_t.png) no-repeat left center;}
#side .login-box .wallet li:nth-child(3) a{color: #01c75b;}


/* =====================================
  #side .chat-box
===================================== */
#side .chat-box{ margin-top:8px;position:relative;}
#side .chat-box.pick.full:before{display:none;}

/* #side .chat-box:before{width:65px;height:100%; position:absolute; left:0; top:0;border-right:1px solid #dee3eb;display:block; content:"";} */
#side .chat-box:after{display:block;content:"";clear:both;}
#side .chat-box .fl{ float:none; /* padding-bottom:50px; */}
#side .chat-box .fl .theme-visit{position:absolute; right:0; bottom:0; width:60px;height:60px;box-sizing:border-box;text-decoration:underline;text-align:center; font-size:12px; color:#ed2026;letter-spacing:-0.03em; line-height:1.2em;}
#side .chat-box .fl ul{}
#side .chat-box .fl li{display:block; position:relative; border:1px solid #dedede;}
#side .chat-box .fl li:nth-child(n+2){border-top:none;}
#side .chat-box .fl li.mg20t{border-top:1px solid #dedede}
#side .chat-box .fl li .room-img{display:flex;align-items: center; justify-content: center;position:relative; z-index:5; box-sizing:border-box;}
#side .chat-box .fl li .room-img img{width:100%;}
#side .chat-box .fl li:hover{z-index:9012;}
#side .chat-box .fl li:hover .room-img{}
#side .chat-box .fl li:hover .room-img img{width:100%}
#side .chat-box .fl li:hover .room-info{display:block;}
#side .chat-box .fl li .room-info{display:none;position:absolute; left:0; top:0;width:465px; margin-left:-2px; padding:13px 12px 12px 77px; background:#ff0000;height:calc(100% + 4px);margin-top:-2px; box-sizing:border-box; border-left:none;}
#side .chat-box .fl li .room-info a{display:block;}
#side .chat-box .fl li .room-info .btxt{font-size:12px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#side .chat-box .fl li .room-info .btxt span{font-weight:700;}
#side .chat-box .fl li .room-info .stxt{margin-top:3px;font-size:11px; font-weight:700; color:#fff600; position:relative;}
#side .chat-box .fl li .room-info .stxt span{position:absolute; right:0; top:0; color:#fff; font-weight:400; font-size:10px;}

#side .chat-box .fr{float:none; width:auto; background:#f5f5f5; position:relative; z-index:33;}
#side .chat-box .fr .cgap{height:15px;}
#side .chat-box .fr .info{position:relative; z-index:551;border-bottom:1px solid #dee3eb;}
#side .chat-box .fr .info .tabs ul{}
#side .chat-box .fr .info .tabs ul:after{display:block;content:"";clear:both;}
#side .chat-box .fr .info .tabs li{float:left; width:33.3333%;position:Relative;}
#side .chat-box .fr .info .tabs li:before{width:0;height:100%;border-left:1px solid #dee3eb; position:Absolute ;display:block; content:""; top:0; left:0;}
#side .chat-box .fr .info .tabs li a{display:block;display:flex;align-items: center; justify-content: center; height:55px;position:relative;}
#side .chat-box .fr .info .tabs li .vc{width:100%;text-align:center; box-sizing:border-box;font-size:0;}
#side .chat-box .fr .info .tabs li .btxt{font-size:14px; line-height:20px; color:#000; display:inline-block;vertical-align:top;}
#side .chat-box .fr .info .tabs li .stxt{font-size:12px; line-height:20px; color:#777;display:inline-block;vertical-align:top; padding-left:20px; margin-left:10px;opacity:0.78}
#side .chat-box .fr .info .tabs li.active a .btxt{color:#fff; font-weight:700}
#side .chat-box .fr .info .tabs li.active a .stxt{color:#fff; }
#side .chat-box .fr .info .tabs li.active a{background:#1ba9de; }

#side .chat-box .fr .info .tabs li:nth-child(1) .stxt{background:url(/images/Content/info-ty01.png) no-repeat left center; background-size:16px auto;}
#side .chat-box .fr .info .tabs li:nth-child(2) .stxt{background:url(/images/Content/info-ty01.png) no-repeat left center; background-size:16px auto;}
#side .chat-box .fr .info .tabs li:nth-child(3) .stxt{background:url(/images/Content/info-ty02.png) no-repeat left center; background-size:16px auto;}

#side .chat-box .fr .info .tabs li.active:nth-child(1) .stxt{background-image:url(/images/Content/info-ty01o.png);}
#side .chat-box .fr .info .tabs li.active:nth-child(2) .stxt{background-image:url(/images/Content/info-ty01o.png);}
#side .chat-box .fr .info .tabs li.active:nth-child(3) .stxt{background-image:url(/images/Content/info-ty02o.png);}

/* =====================================
  #side #ranking
===================================== */
#side #ranking {margin-top: 15px; background-color: #21283a;}
#side #ranking * {color: #fff;}
#side #ranking .d-flex {background-color: #21283a; border-bottom: 2px solid #868684;}
#side #ranking .d-flex h3 {font-size: 15px; line-height: 31px; padding: 12px; cursor: pointer;}
#side #ranking .d-flex h3.active {color: #000; background-color: #f7c80f;}
#side #ranking .d-flex a.link {background-color: #f7c80f; padding: 5px 10px; border: 2px solid #f7c80f; color: #000;}
#side #ranking .d-flex a.link:hover {background-color: #000; color: #f7c80f;}

#side #ranking .table_wrap {padding: 15px; border: 1px solid #000;}
#side #ranking .table_wrap .tab02_con {display: none;}
#side #ranking .table_wrap .tab03_con {display: none;}
#side #ranking tbody {border: 1px solid #0D0D0B;}
#side #ranking td {padding: 10px; }
#side #ranking tr:last-child td {border-bottom: none;}
#side #ranking td.ranking {text-align: center;}
#side #ranking td.ranking img {width: 22px;}
#side #ranking a {display: flex;}
#side #ranking a img {width: 22px;}



/* 2021-07-12 */
#side .chat-box.pick {border-radius:5px;overflow:hidden;}
#side .chat-box.pick .fr .info{padding:0  0 0 75px !important}
#side .chat-box.pick .fr .info h3{/* display:none; */}
#side .chat-box.pick .fr .info .tabs ul{width:100%;}
#side .chat-box.pick .fr .info .tabs li{width:25%; position:relative}
#side .chat-box.pick .fr .info .tabs li:nth-child(n+2):before{width:1px;height:100%; position:Absolute; left:0; top:0;display:none;content:"";background:#e6e6e6; }
#side .chat-box.pick .fr .info .setting-btn{/* display:none; */}
#side .chat-box.pick .fr .info .tabs li .vc{padding:0 !important;}
#side .chat-box.pick .fr .info .tabs li.active a:after{width:100%;left:0;}
#side .chat-box.pick .fr .info .tabs li a.pick-btn{background:#ccc;}
#side .chat-box.pick .fr .info .tabs li a.pick-btn .btxt{ color:#fff }
#side .chat-box.pick .fr .info .tabs li.active a.pick-btn{background:#608efb; color:#fff;}
#side .chat-box.pick .fr .info .tabs li.active a.pick-btn:after{display:none;}

#side .chat-box .fr .info .setting-btn {width:10px;height:20px; position:absolute; left:55px; top:24px; background:url(/images/Sub/chatsett-more.png) no-repeat center center;background-size:5px auto;}
#side .chat-box .fr .info .setting-btn:hover, #side .chat-box .fr .info .setting-btn.active{background-image:url(/images/Sub/chatsett-moreo.png)}

#side .chat-box .pick-cont{ background:#fff; display:none;}
#side .chat-box .pick-cont .hide{display:none;}
#side .chat-box .pick-tab{border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;background:#f2f2f7;}
#side .chat-box .pick-tab ul{}
#side .chat-box .pick-tab ul:after{display:block; content:"";clear:both}
#side .chat-box .pick-tab li{float:left;width:33.333333%;position:relative;}
#side .chat-box .pick-tab li:before{width:1px;height:100%; position:Absolute; left:-1px; top:0; display:block; content:"";background:#d1d1d1;}
#side .chat-box .pick-tab li a{ line-height:50px ;text-align:center; font-size:12px; font-weight:400; display:block; color:#414141}
#side .chat-box .pick-tab li.active{z-index:2;}
#side .chat-box .pick-tab li.active a{background:#666;color:#fff;}
#side .chat-box .pick-tab li.active:before{display:none;}
#side .chat-box .pick-tab li:nth-child(n+4){border-top:1px solid #d1d1d1;}


#side .chat-box .pick{position:relative;}
#side .chat-box .pick .train{padding:15px;}
#side .chat-box .pick .train .numb{font-size:13px; font-weight:700; line-height:1.2em; color:#333;text-align:center;}
#side .chat-box .pick .train .numb span{font-size:12px;font-weight:400; margin-left:5px;}
#side .chat-box .pick .train .total{margin-top:15px; font-size:0; padding-left:10px;}
#side .chat-box .pick .train .total .btxt{display:inline-block;vertical-align:top;color:#333; line-height:25px; font-weight:400; font-size:12px; letter-spacing:-0.03em}
#side .chat-box .pick .train .total .stxt{margin-left:15px;margin-right:10px;display:inline-block;vertical-align:top;color:#e74c3c; line-height:25px; font-weight:700; font-size:12px; letter-spacing:-0.03em}
#side .chat-box .pick .train .total .nums{margin-right:1px;display:inline-block;vertical-align:top;line-height:23px; border-radius:100%; border:1px solid #ddd; background:#eee; color:#111; width:25px;height:25px; font-size:11px; font-weight:700;text-align:center; box-sizing:border-box;}
#side .chat-box .pick .train .total .nums.bg-yellow{background:#ffa800;border-color:#ffa800}
#side .chat-box .pick .train .total .nums.bg-green{background:#16a085; border-color:#0d8870;}
#side .chat-box .pick .train .total .nums.bg-black{background:#333; border-color:#111;color:#fff;}
#side .chat-box .pick .train .total .nums.bg-red{background:#f55b3c;border-color:#e33a18}
#side .chat-box .pick .train .total .nums.bg-blue{background:#3498db;border-color:#186faa;}

#side .chat-box .pick-game img{width:100%;}

#side .chat-box .pick .pick-bar{height:7px;position:relative; background:#555; }
#side .chat-box .pick .pick-bar p{position:absolute;left:0; top:0; width:70%; height:100%;background:#ffcf00}

#side .chat-box .pick .pick-info{ padding:25px 15px 15px 15px;}
#side .chat-box .pick .pick-info.notopen{padding-top:0;}
#side .chat-box .pick .pick-info .item{height:15px; position:relative; }
#side .chat-box .pick .pick-info .item.mg10t{margin-top:7px !important;}
#side .chat-box .pick .pick-info .item:after{display:block; content:"";clear:both;}
#side .chat-box .pick .pick-info .item:nth-child(n+2){margin-top:14px;}
#side .chat-box .pick .pick-info .item .tl{float:left; width:152px;}
#side .chat-box .pick .pick-info .item .tr{float:right; width:152px;}
#side .chat-box .pick .pick-info .item h4.bg-red{background:repeating-linear-gradient( 45deg,#E93B3B,#E93B3B 5px,#e24e4e 5px,#e24e4e 10px ); color:#fff; border-color:#8e2828;}
#side .chat-box .pick .pick-info .item h4.bg-blue{background:repeating-linear-gradient( 45deg,#2C7BDD,#2C7BDD 5px,#3684d7 5px,#3684d7 10px );color:#fff; border-color:#2485c5;}
#side .chat-box .pick .pick-info .item h4{text-align:center; position:absolute; z-index:5;border-radius:25px; top:-5px; color:#666; font-size:12px; line-height:23px; font-weight:700; box-sizing:border-box; border:1px solid #ddd; position:absolute; left:50%; width:76px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #ffffff), color-stop(1, #dbdbdb));background: -moz-linear-gradient(top, #ffffff 51%, #dbdbdb 100%);background: -webkit-linear-gradient(top,  #ffffff 51%, #dbdbdb 100%);background: -o-linear-gradient(top,  #ffffff 51%, #dbdbdb 100%);background: -ms-linear-gradient(top,  #ffffff 51%, #dbdbdb 100%);background: linear-gradient(top,  #ffffff 51%, #dbdbdb 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb', gradientType=0);}
#side .chat-box .pick .pick-info .item .bar{background:#cacaca; border-radius:15px; position:relative; height:15px;}
#side .chat-box .pick .pick-info .item .bar p{position:absolute;right:0; top:0; height:100%; border-radius:15px;}
#side .chat-box .pick .pick-info .item .percent{position:absolute; font-size:10px; color:#fff; font-weight:700 ;line-height:15px; top:0; left:0; z-index:22; padding:0 5px;}

#side .chat-box .pick .pick-info .item .tr .bar p{left:0; right:auto;}
#side .chat-box .pick .pick-info .item .tr .percent{left:auto; right:0;}

#side .chat-box .pick .pick-info .ov{margin-top:15px;overflow:visible}
#side .chat-box .pick .pick-info .ov:after{display:block; content:"";clear:both;}
#side .chat-box .pick .pick-info .ov .item{width:31%; float:left; height:25px; box-sizing:border-box; padding-left:20px;}
#side .chat-box .pick .pick-info .ov .item .bar{border-top-left-radius:0; border-bottom-left-radius:0;}
#side .chat-box .pick .pick-info .ov .item .bar p{border-top-left-radius:0; border-bottom-left-radius:0;}
#side .chat-box .pick .pick-info .ov.c04 .item{width:22.5%; height:25px;}

#side .chat-box .pick .pick-info .ov .item:nth-child(n+2){margin-left:3.333333%;margin-top:0}
#side .chat-box .pick .pick-info .ov .item h4{width:25px;height:25px;  position:absolute; left:0; top:-5px;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
#side .chat-box .pick .pick-info .ov .item .percent{left:27px;}
#side .chat-box .pick .pick-info .ov .item .bar p{right:auto; left:0;}

#side .chat-box .pick .pick-info .bg-blue{background:repeating-linear-gradient( 45deg,#2C7BDD,#2C7BDD 5px,#3684d7 5px,#3684d7 10px )}
#side .chat-box .pick .pick-info .bg-red{background:repeating-linear-gradient( 45deg,#E93B3B,#E93B3B 5px,#e24e4e 5px,#e24e4e 10px )}

#side .chat-box .pick .pick-abbot{background:#f3f2f2; padding:15px 15px;}
#side .chat-box .pick .pick-abbot .numb{ font-size:13px; font-weight:700; color:#333; letter-spacing:-0.01em; margin-bottom:7px;}
#side .chat-box .pick .pick-abbot .vtxt{display:inline-block;vertical-align:top; margin-left:5px;}
#side .chat-box .pick .pick-abbot .vtxt .vc{height:52px;display:flex;align-items: center; justify-content: center;}
#side .chat-box .pick .pick-abbot .vtxt .btxt{ font-size:12px; font-weight:700; color:#111; line-height:1.2em;}
#side .chat-box .pick .pick-abbot .vtxt .stxt{ font-size:12px; font-weight:400; color:#555; line-height:1.2em;}
#side .chat-box .pick .pick-abbot .vtxt .ctxt{ font-size:12px; font-weight:400; color:#ed1c39; line-height:1.2em; margin-top:3px}

#side .chat-box .pick .pick-abbot .state{position:relative;/*  padding-left:35px; */float:none !important;}
#side .chat-box .pick .pick-abbot .state.wr{margin-left:25px;}

/* #side .chat-box .pick .pick-abbot .state:before{width:28px;height:28px; position:absolute; left:0; top:12px; display:block; content:""}
#side .chat-box .pick .pick-abbot .state.power:before{background:url(/images/Chat/sp_pick_type.png) no-repeat}
#side .chat-box .pick .pick-abbot .state.default:before{background:url(/images/Chat/sp_pick_type.png) no-repeat; background-position:right top} */


#side .chat-box .pick .list{border-top:2px solid #777;border-bottom:1px dotted #aaa;}
#side .chat-box .pick .list.no-bd{border-top:none; border-bottom:none;}
#side .chat-box .pick .list.no-bdf{border-bottom:0;}
#side .chat-box .pick .list.bgf4{background:#f4f4f4}

#side .chat-box .pick .list .record{font-size:0;padding:5px 5px;}
#side .chat-box .pick .list .record:after{display:block; content:"";clear:both}
#side .chat-box .pick .list .record p{display:inline-block;vertical-align:top;text-align:center; color:#333;}
#side .chat-box .pick .list .record .btxt{font-size:11px; font-weight:400;width:75px}
#side .chat-box .pick .list .record .stxt{font-size:12px; font-weight:700;width:110px;}
#side .chat-box .pick .list .record .ctxt{font-size:12px; font-weight:700;width:110px;}

#side .chat-box .pick .list .vimg{display:inline-block;vertical-align:top; margin-left:5px;}
#side .chat-box .pick .list .vimg .vc{height:52px;display:flex;align-items: center; justify-content: center;}
#side .chat-box .pick .list .vimg .vc img{height:40px;}
#side .chat-box .pick .list .vimg .vc.pass img{height:15px}
#side .chat-box .pick .list .vimg .vc.false{-webkit-filter: grayscale(100%);filter: gray; opacity:0.4;}
#side .chat-box .pick .list .vimg .vc p{font-size:12px; margin-top:1px; text-align:center;font-weight:700}

#side .chat-box .pick .list .item{padding:10px 15px;}
#side .chat-box .pick .list .item:nth-child(n+2){border-top:1px dotted #aaa;}
#side .chat-box .pick .list .item .numb{font-size:12px; font-weight:700; color:#111 ;margin-bottom:5px;}
#side .chat-box .pick .list .item .numb span{font-weight:300; color:#555}
#side .chat-box .pick .list .item .state{position:relative; padding-left:37px;float:none !important;}
#side .chat-box .pick .list .item .state.wr{margin-left:15px;}

#side .chat-box .pick .list .item .state:before{width:28px;height:28px; position:absolute; left:0; top:12px; display:block; content:""}
#side .chat-box .pick .list .item .state.power:before{background:url(/images/Chat/sp_pick_type.png) no-repeat}
#side .chat-box .pick .list .item .state.default:before{background:url(/images/Chat/sp_pick_type.png) no-repeat; background-position:right top}

#side .chat-box .pick .list .no-data{text-align:center; padding:130px 0 70px 0 ;text-align:center; font-size:12px; font-weight:400; color:#888; background:url(/images/Chat/sp-none.png) no-repeat center 45px; background-size:75px auto;}


#side .chat-box .pick .types{padding:25px 15px 0 15px; border-top:2px solid #777}
#side .chat-box .pick .types .enter-btn{margin-top:15px;background:#7b7b7b; line-height:50px;text-align:center; display:block; color:#fff; font-size:12px;width:calc(100% + 30px); margin-left:-15px;}
#side .chat-box .pick .types .end-btn{background:#e84c3d; display:none;margin-top:15px;line-height:50px; text-align:center;color:#fff; font-size:12px;width:calc(100% + 30px); margin-left:-15px;}
#side .chat-box .pick .types .ex{text-align:center; line-height:1.5em; font-size:12px; color:#777; margin-top:20px;}
#side .chat-box .pick .types .ex a{ color:#777; text-decoration:underline}
#side .chat-box .pick .types .ex a:hover{color:#111}

#side .chat-box .pick .types .types-sec{padding-bottom:15px;}
#side .chat-box .pick .types .types-sec h4{font-weight:400; color:#333; font-size:12px; line-height:1.2em; margin-bottom:10px;}
#side .chat-box .pick .types .types-sec .chk-radio{margin-top:0;}
#side .chat-box .pick .types .types-sec .chk-radio:nth-child(n+2){margin-left:20px;}
#side .chat-box .pick .types .types-sec .chk-radio label:before{border-radius:100%; border:1px solid #dedede; top:-1px;background:url(/images/Sub/check-off.png) no-repeat center center}
#side .chat-box .pick .types .types-sec .chk-radio label:after{display:none;}
#side .chat-box .pick .types .types-sec .chk-radio label:hover:before{ border-color:#e96059;background:url(/images/Chat/vcheck-on.png) no-repeat center center}
#side .chat-box .pick .types .types-sec .chk-radio input[type="radio"]:checked + label:before { border-color:#e96059;background:url(/images/Chat/vcheck-on.png) no-repeat center center}

#side .chat-box .pick .result{display:none}

#side .chat-box .pick .types .refil{}
#side .chat-box .pick .types .refil .stit{font-size:12px; text-align:center;color:#6699ff; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:10px;}
#side .chat-box .pick .types .refil .field{width:100%; position:relative;}
#side .chat-box .pick .types .refil .field:nth-child(n+2){margin-top:7px;}
#side .chat-box .pick .types .refil .field:before{width:14px;height:14px; background:url(/images/Chat/ico-refil.png) no-repeat center center; background-size:100% auto; position:absolute; left:85px ;top:50%;margin-top:-7px; display:block;content:""}
#side .chat-box .pick .types .refil .field .btxt{line-height:33px; position:absolute;left:0; top:1px; width:75px;text-align:Center; font-size:11px; color:#444; border-right:1px solid #ddd;}
#side .chat-box .pick .types .refil .field .chk-input{width:100%;}
#side .chat-box .pick .types .refil .field .chk-input input{font-size:12px; font-weight:700;height:33px;padding-right:50px; padding-left:105px;border:none !important; outline:none;}
#side .chat-box .pick .types .refil .field .chk-input input:focus{}
#side .chat-box .pick .types .refil .field .refil-btn{background:#fff; border:1px solid #ddd; color:#555; position:Absolute;right:5px; top:50%;padding:0 7px; font-size:11px;text-align:center; color:#555;line-height:20px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#side .chat-box .pick .types .refil .field .refil-btn:hover{background:#555; border-color:#555; color:#fff}
#side .chat-box .pick .types .refil .field .reset-btn{background:#999; color:#fff; position:Absolute;right:-1px; top:0; width:50px; font-size:12px;text-align:center; color:#fff;line-height:35px;}
#side .chat-box .pick .types .refil .field .reset-btn:hover{background:#555; border-color:#555; color:#fff}

#side .chat-box .pick .types .type-sel{margin-top:20px;}
#side .chat-box .pick .types .type-sel ul{margin:0 -1%}
#side .chat-box .pick .types .type-sel ul:after{display:block; content:"";clear:both;}
#side .chat-box .pick .types .type-sel li{float:left;width:31.333333%; margin:0 1%;position:relative;}
#side .chat-box .pick .types .type-sel li:nth-child(n+4){margin-top:15px;}
#side .chat-box .pick .types .type-sel li a{line-height:25px; display:block; text-align:center; position:relative; border-radius:25px;  overflow:hidden; z-index:55;}
#side .chat-box .pick .types .type-sel li:after{opacity:1;background:url(/images/Chat/game_pick_sprite.png) no-repeat -876px 0;position:absolute; left:50%; top:50%; width:96px;height:34px;  display:block;content:"";-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
#side .chat-box .pick .types .type-sel li a span{font-size:12px; font-weight:900; color:#fff;position:relative; display:inline-block;vertical-align:top; z-index:5;    text-shadow: -2px -2px 0 #888, -2px -1px 0 #888, -2px 0px 0 #888, -2px 1px 0 #888, -2px 2px 0 #888, -1px -2px 0 #888, -1px -1px 0 #888, -1px 0px 0 #888, -1px 1px 0 #888, -1px 2px 0 #888, 0px -2px 0 #888, 0px -1px 0 #888, 0px 0px 0 #888, 0px 1px 0 #888, 0px 2px 0 #888, 1px -2px 0 #888, 1px -1px 0 #888, 1px 0px 0 #888, 1px 1px 0 #888, 1px 2px 0 #888, 2px -2px 0 #888, 2px -1px 0 #888, 2px 0px 0 #888, 2px 1px 0 #888, 2px 2px 0 #888; }

#side .chat-box .pick .types .type-sel li.active a{ }
#side .chat-box .pick .types .type-sel li.active:after{background:url(/images/Chat/game_pick_sprite.png) no-repeat -876px -49px;}
#side .chat-box .pick .types .type-sel li.active a span{text-shadow: -2px -2px 0 #333, -2px -1px 0 #333, -2px 0px 0 #333, -2px 1px 0 #333, -2px 2px 0 #333, -1px -2px 0 #333, -1px -1px 0 #333, -1px 0px 0 #333, -1px 1px 0 #333, -1px 2px 0 #333, 0px -2px 0 #333, 0px -1px 0 #333, 0px 0px 0 #333, 0px 1px 0 #333, 0px 2px 0 #333, 1px -2px 0 #333, 1px -1px 0 #333, 1px 0px 0 #333, 1px 1px 0 #333, 1px 2px 0 #333, 2px -2px 0 #333, 2px -1px 0 #333, 2px 0px 0 #333, 2px 1px 0 #333, 2px 2px 0 #333; }

#side .chat-box .pick .types .types-game{margin-top:15px; display:none;}
#side .chat-box .pick .types .types-game h4{font-size:12px; color:#333; line-height:1.2em; margin-bottom:10px; font-weight:400;}
#side .chat-box .pick .types .types-game ul{margin:0 -1%}
#side .chat-box .pick .types .types-game ul:after{display:block; content:"";clear:both;}
#side .chat-box .pick .types .types-game li{float:left; position:relative;}
#side .chat-box .pick .types .types-game .mg15t{margin-top:15px;}

#side .chat-box .pick .types .types-game .line{height:1px; margin:20px 0; background:#dedede;}

#side .chat-box .pick .types .types-game .tlist-01 li{width:48%; margin:0 1%}
#side .chat-box .pick .types .types-game .tlist-01 li:nth-child(n+3){margin-top:0;}


#side .chat-box .pick .types .types-game .tlist-02 li{width:31.333333%; margin:0 1%}
#side .chat-box .pick .types .types-game .tlist-02 li:nth-child(n+4){margin-top:0;}

#side .chat-box .pick .types .types-game .tlist-03 li{width:23%; margin:0 1%}
#side .chat-box .pick .types .types-game .tlist-03 li:nth-child(n+4){margin-top:0;}

#side .chat-box .pick .types .types-game .tlist-01 li a{line-height:44px; display:block; text-align:center; position:relative;border-radius:25px;overflow:hidden; z-index:545}
#side .chat-box .pick .types .types-game .tlist-01 li a:before{width:100%;height:20px; border-radius:120%; position:Absolute; left:0; top:0; background:rgba(255,255,255,0.2); display:block; content:""; top:-10px; z-index:2;}
#side .chat-box .pick .types .types-game .tlist-01 li a span{font-size:12px; font-weight:900; color:#fff;position:relative; display:inline-block;vertical-align:top; z-index:5; text-shadow: -2px -2px 0 #888, -2px -1px 0 #888, -2px 0px 0 #888, -2px 1px 0 #888, -2px 2px 0 #888, -1px -2px 0 #888, -1px -1px 0 #888, -1px 0px 0 #888, -1px 1px 0 #888, -1px 2px 0 #888, 0px -2px 0 #888, 0px -1px 0 #888, 0px 0px 0 #888, 0px 1px 0 #888, 0px 2px 0 #888, 1px -2px 0 #888, 1px -1px 0 #888, 1px 0px 0 #888, 1px 1px 0 #888, 1px 2px 0 #888, 2px -2px 0 #888, 2px -1px 0 #888, 2px 0px 0 #888, 2px 1px 0 #888, 2px 2px 0 #888; }
#side .chat-box .pick .types .types-game .tlist-01 li:after{opacity:1;background:url(/images/Chat/game_pick_sprite.png) no-repeat -4px 6px;position:absolute; left:50%; top:50%; width:156px;height:44px;  display:block;content:"";-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

#side .chat-box .pick .types .types-game .tlist-01 li.active:after{background:url(/images/Chat/game_pick_sprite.png) no-repeat -4px -44px;}
#side .chat-box .pick .types .types-game .tlist-01 li.active a span{text-shadow: -2px -2px 0 #333, -2px -1px 0 #333, -2px 0px 0 #333, -2px 1px 0 #333, -2px 2px 0 #333, -1px -2px 0 #333, -1px -1px 0 #333, -1px 0px 0 #333, -1px 1px 0 #333, -1px 2px 0 #333, 0px -2px 0 #333, 0px -1px 0 #333, 0px 0px 0 #333, 0px 1px 0 #333, 0px 2px 0 #333, 1px -2px 0 #333, 1px -1px 0 #333, 1px 0px 0 #333, 1px 1px 0 #333, 1px 2px 0 #333, 2px -2px 0 #333, 2px -1px 0 #333, 2px 0px 0 #333, 2px 1px 0 #333, 2px 2px 0 #333; }

#side .chat-box .pick .types .types-game .tlist-01 li.bg-red:after{background-position:-172px 6px}
#side .chat-box .pick .types .types-game .tlist-01 li.bg-red.active:after{background-position:-172px -44px}
#side .chat-box .pick .types .types-game .tlist-01 li.bg-red a span{text-shadow: -2px -2px 0 #ac2d2d, -2px -1px 0 #ac2d2d, -2px 0px 0 #ac2d2d, -2px 1px 0 #ac2d2d, -2px 2px 0 #ac2d2d, -1px -2px 0 #ac2d2d, -1px -1px 0 #ac2d2d, -1px 0px 0 #ac2d2d, -1px 1px 0 #ac2d2d, -1px 2px 0 #ac2d2d, 0px -2px 0 #ac2d2d, 0px -1px 0 #ac2d2d, 0px 0px 0 #ac2d2d, 0px 1px 0 #ac2d2d, 0px 2px 0 #ac2d2d, 1px -2px 0 #ac2d2d, 1px -1px 0 #ac2d2d, 1px 0px 0 #ac2d2d, 1px 1px 0 #ac2d2d, 1px 2px 0 #ac2d2d, 2px -2px 0 #ac2d2d, 2px -1px 0 #ac2d2d, 2px 0px 0 #ac2d2d, 2px 1px 0 #ac2d2d, 2px 2px 0 #ac2d2d; }


#side .chat-box .pick .types .types-game .tlist-01 li.bg-blue:after{background-position:-341px 6px}
#side .chat-box .pick .types .types-game .tlist-01 li.bg-blue.active:after{background-position:-341px -44px}
#side .chat-box .pick .types .types-game .tlist-01 li.bg-blue a span{text-shadow: -2px -2px 0 #0f409c, -2px -1px 0 #0f409c, -2px 0px 0 #0f409c, -2px 1px 0 #0f409c, -2px 2px 0 #0f409c, -1px -2px 0 #0f409c, -1px -1px 0 #0f409c, -1px 0px 0 #0f409c, -1px 1px 0 #0f409c, -1px 2px 0 #0f409c, 0px -2px 0 #0f409c, 0px -1px 0 #0f409c, 0px 0px 0 #0f409c, 0px 1px 0 #0f409c, 0px 2px 0 #0f409c, 1px -2px 0 #0f409c, 1px -1px 0 #0f409c, 1px 0px 0 #0f409c, 1px 1px 0 #0f409c, 1px 2px 0 #0f409c, 2px -2px 0 #0f409c, 2px -1px 0 #0f409c, 2px 0px 0 #0f409c, 2px 1px 0 #0f409c, 2px 2px 0 #0f409c; }


#side .chat-box .pick .types .types-game .tlist-02 li a{line-height:25px; display:block; text-align:center; position:relative; border-radius:25px;  overflow:hidden; z-index:55;}
#side .chat-box .pick .types .types-game .tlist-02 li:after{opacity:1;background:url(/images/Chat/game_pick_sprite.png) no-repeat -876px 0;position:absolute; left:50%; top:50%; width:106px;height:44px;  display:block;content:"";-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
#side .chat-box .pick .types .types-game .tlist-02 li a span{font-size:12px; font-weight:900; color:#fff;position:relative; display:inline-block;vertical-align:top; z-index:5;    text-shadow: -2px -2px 0 #888, -2px -1px 0 #888, -2px 0px 0 #888, -2px 1px 0 #888, -2px 2px 0 #888, -1px -2px 0 #888, -1px -1px 0 #888, -1px 0px 0 #888, -1px 1px 0 #888, -1px 2px 0 #888, 0px -2px 0 #888, 0px -1px 0 #888, 0px 0px 0 #888, 0px 1px 0 #888, 0px 2px 0 #888, 1px -2px 0 #888, 1px -1px 0 #888, 1px 0px 0 #888, 1px 1px 0 #888, 1px 2px 0 #888, 2px -2px 0 #888, 2px -1px 0 #888, 2px 0px 0 #888, 2px 1px 0 #888, 2px 2px 0 #888; }

#side .chat-box .pick .types .types-game .tlist-02 li.active a{ }
#side .chat-box .pick .types .types-game .tlist-02 li.active:after{background:url(/images/Chat/game_pick_sprite.png) no-repeat -876px -49px;}
#side .chat-box .pick .types .types-game .tlist-02 li.active a span{text-shadow: -2px -2px 0 #333, -2px -1px 0 #333, -2px 0px 0 #333, -2px 1px 0 #333, -2px 2px 0 #333, -1px -2px 0 #333, -1px -1px 0 #333, -1px 0px 0 #333, -1px 1px 0 #333, -1px 2px 0 #333, 0px -2px 0 #333, 0px -1px 0 #333, 0px 0px 0 #333, 0px 1px 0 #333, 0px 2px 0 #333, 1px -2px 0 #333, 1px -1px 0 #333, 1px 0px 0 #333, 1px 1px 0 #333, 1px 2px 0 #333, 2px -2px 0 #333, 2px -1px 0 #333, 2px 0px 0 #333, 2px 1px 0 #333, 2px 2px 0 #333; }


#side .chat-box .pick .types .types-game .tlist-02 li.bg-red:after{background-position:-508px 5px}
#side .chat-box .pick .types .types-game .tlist-02 li.bg-red.active:after{background-position:-508px -44px}
#side .chat-box .pick .types .types-game .tlist-02 li.bg-red a span{text-shadow: -2px -2px 0 #ac2d2d, -2px -1px 0 #ac2d2d, -2px 0px 0 #ac2d2d, -2px 1px 0 #ac2d2d, -2px 2px 0 #ac2d2d, -1px -2px 0 #ac2d2d, -1px -1px 0 #ac2d2d, -1px 0px 0 #ac2d2d, -1px 1px 0 #ac2d2d, -1px 2px 0 #ac2d2d, 0px -2px 0 #ac2d2d, 0px -1px 0 #ac2d2d, 0px 0px 0 #ac2d2d, 0px 1px 0 #ac2d2d, 0px 2px 0 #ac2d2d, 1px -2px 0 #ac2d2d, 1px -1px 0 #ac2d2d, 1px 0px 0 #ac2d2d, 1px 1px 0 #ac2d2d, 1px 2px 0 #ac2d2d, 2px -2px 0 #ac2d2d, 2px -1px 0 #ac2d2d, 2px 0px 0 #ac2d2d, 2px 1px 0 #ac2d2d, 2px 2px 0 #ac2d2d; }

#side .chat-box .pick .types .types-game .tlist-02 li.bg-blue:after{background-position:-629px 5px}
#side .chat-box .pick .types .types-game .tlist-02 li.bg-blue.active:after{background-position:-629px -44px}
#side .chat-box .pick .types .types-game .tlist-02 li.bg-blue a span{text-shadow: -2px -2px 0 #0f409c, -2px -1px 0 #0f409c, -2px 0px 0 #0f409c, -2px 1px 0 #0f409c, -2px 2px 0 #0f409c, -1px -2px 0 #0f409c, -1px -1px 0 #0f409c, -1px 0px 0 #0f409c, -1px 1px 0 #0f409c, -1px 2px 0 #0f409c, 0px -2px 0 #0f409c, 0px -1px 0 #0f409c, 0px 0px 0 #0f409c, 0px 1px 0 #0f409c, 0px 2px 0 #0f409c, 1px -2px 0 #0f409c, 1px -1px 0 #0f409c, 1px 0px 0 #0f409c, 1px 1px 0 #0f409c, 1px 2px 0 #0f409c, 2px -2px 0 #0f409c, 2px -1px 0 #0f409c, 2px 0px 0 #0f409c, 2px 1px 0 #0f409c, 2px 2px 0 #0f409c; }

#side .chat-box .pick .types .types-game .tlist-02 li.bg-green:after{background-position:-749px 5px}
#side .chat-box .pick .types .types-game .tlist-02 li.bg-green.active:after{background-position:-749px -44px}
#side .chat-box .pick .types .types-game .tlist-02 li.bg-green a span{text-shadow: -2px -2px 0 #12860b, -2px -1px 0 #12860b, -2px 0px 0 #12860b, -2px 1px 0 #12860b, -2px 2px 0 #12860b, -1px -2px 0 #12860b, -1px -1px 0 #12860b, -1px 0px 0 #12860b, -1px 1px 0 #12860b, -1px 2px 0 #12860b, 0px -2px 0 #12860b, 0px -1px 0 #12860b, 0px 0px 0 #12860b, 0px 1px 0 #12860b, 0px 2px 0 #12860b, 1px -2px 0 #12860b, 1px -1px 0 #12860b, 1px 0px 0 #12860b, 1px 1px 0 #12860b, 1px 2px 0 #12860b, 2px -2px 0 #12860b, 2px -1px 0 #12860b, 2px 0px 0 #12860b, 2px 1px 0 #12860b, 2px 2px 0 #12860b; }



#side .chat-box .pick .types .types-game .tlist-03 li a{line-height:25px; display:block; text-align:center; position:relative; border-radius:25px;  overflow:hidden; z-index:55;}
#side .chat-box .pick .types .types-game .tlist-03 li:after{opacity:1;background:url(/images/Chat/game_pick_sprite.png) no-repeat -876px 0;position:absolute; left:50%; top:50%; width:80px;height:44px;  display:block;content:"";-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
#side .chat-box .pick .types .types-game .tlist-03 li a span{font-size:12px; font-weight:900; color:#fff;position:relative; display:inline-block;vertical-align:top; z-index:5;    text-shadow: -2px -2px 0 #888, -2px -1px 0 #888, -2px 0px 0 #888, -2px 1px 0 #888, -2px 2px 0 #888, -1px -2px 0 #888, -1px -1px 0 #888, -1px 0px 0 #888, -1px 1px 0 #888, -1px 2px 0 #888, 0px -2px 0 #888, 0px -1px 0 #888, 0px 0px 0 #888, 0px 1px 0 #888, 0px 2px 0 #888, 1px -2px 0 #888, 1px -1px 0 #888, 1px 0px 0 #888, 1px 1px 0 #888, 1px 2px 0 #888, 2px -2px 0 #888, 2px -1px 0 #888, 2px 0px 0 #888, 2px 1px 0 #888, 2px 2px 0 #888; }

#side .chat-box .pick .types .types-game .tlist-03 li.active a{ }
#side .chat-box .pick .types .types-game .tlist-03 li.active:after{background:url(/images/Chat/game_pick_sprite.png) no-repeat -876px -49px;}
#side .chat-box .pick .types .types-game .tlist-03 li.active a span{text-shadow: -2px -2px 0 #333, -2px -1px 0 #333, -2px 0px 0 #333, -2px 1px 0 #333, -2px 2px 0 #333, -1px -2px 0 #333, -1px -1px 0 #333, -1px 0px 0 #333, -1px 1px 0 #333, -1px 2px 0 #333, 0px -2px 0 #333, 0px -1px 0 #333, 0px 0px 0 #333, 0px 1px 0 #333, 0px 2px 0 #333, 1px -2px 0 #333, 1px -1px 0 #333, 1px 0px 0 #333, 1px 1px 0 #333, 1px 2px 0 #333, 2px -2px 0 #333, 2px -1px 0 #333, 2px 0px 0 #333, 2px 1px 0 #333, 2px 2px 0 #333; }


#side .chat-box .pick .types .types-game .tlist-03 li.bg-red:after{background-position:-507px -102px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-red.active:after{background-position:-507px -151px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-red a span{text-shadow: -2px -2px 0 #ac2d2d, -2px -1px 0 #ac2d2d, -2px 0px 0 #ac2d2d, -2px 1px 0 #ac2d2d, -2px 2px 0 #ac2d2d, -1px -2px 0 #ac2d2d, -1px -1px 0 #ac2d2d, -1px 0px 0 #ac2d2d, -1px 1px 0 #ac2d2d, -1px 2px 0 #ac2d2d, 0px -2px 0 #ac2d2d, 0px -1px 0 #ac2d2d, 0px 0px 0 #ac2d2d, 0px 1px 0 #ac2d2d, 0px 2px 0 #ac2d2d, 1px -2px 0 #ac2d2d, 1px -1px 0 #ac2d2d, 1px 0px 0 #ac2d2d, 1px 1px 0 #ac2d2d, 1px 2px 0 #ac2d2d, 2px -2px 0 #ac2d2d, 2px -1px 0 #ac2d2d, 2px 0px 0 #ac2d2d, 2px 1px 0 #ac2d2d, 2px 2px 0 #ac2d2d; }

#side .chat-box .pick .types .types-game .tlist-03 li.bg-blue:after{background-position:-597px -102px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-blue.active:after{background-position:-597px -151px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-blue a span{text-shadow: -2px -2px 0 #0f409c, -2px -1px 0 #0f409c, -2px 0px 0 #0f409c, -2px 1px 0 #0f409c, -2px 2px 0 #0f409c, -1px -2px 0 #0f409c, -1px -1px 0 #0f409c, -1px 0px 0 #0f409c, -1px 1px 0 #0f409c, -1px 2px 0 #0f409c, 0px -2px 0 #0f409c, 0px -1px 0 #0f409c, 0px 0px 0 #0f409c, 0px 1px 0 #0f409c, 0px 2px 0 #0f409c, 1px -2px 0 #0f409c, 1px -1px 0 #0f409c, 1px 0px 0 #0f409c, 1px 1px 0 #0f409c, 1px 2px 0 #0f409c, 2px -2px 0 #0f409c, 2px -1px 0 #0f409c, 2px 0px 0 #0f409c, 2px 1px 0 #0f409c, 2px 2px 0 #0f409c; }

#side .chat-box .pick .types .types-game .tlist-03 li.bg-green:after{background-position:-683px -102px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-green.active:after{background-position:-683px -151px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-green a span{text-shadow: -2px -2px 0 #12860b, -2px -1px 0 #12860b, -2px 0px 0 #12860b, -2px 1px 0 #12860b, -2px 2px 0 #12860b, -1px -2px 0 #12860b, -1px -1px 0 #12860b, -1px 0px 0 #12860b, -1px 1px 0 #12860b, -1px 2px 0 #12860b, 0px -2px 0 #12860b, 0px -1px 0 #12860b, 0px 0px 0 #12860b, 0px 1px 0 #12860b, 0px 2px 0 #12860b, 1px -2px 0 #12860b, 1px -1px 0 #12860b, 1px 0px 0 #12860b, 1px 1px 0 #12860b, 1px 2px 0 #12860b, 2px -2px 0 #12860b, 2px -1px 0 #12860b, 2px 0px 0 #12860b, 2px 1px 0 #12860b, 2px 2px 0 #12860b; }

#side .chat-box .pick .types .types-game .tlist-03 li.bg-orange:after{background-position:-774px -102px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-orange.active:after{background-position:-774px -151px}
#side .chat-box .pick .types .types-game .tlist-03 li.bg-orange a span{text-shadow: -2px -2px 0 #ff5400, -2px -1px 0 #ff5400, -2px 0px 0 #ff5400, -2px 1px 0 #ff5400, -2px 2px 0 #ff5400, -1px -2px 0 #ff5400, -1px -1px 0 #ff5400, -1px 0px 0 #ff5400, -1px 1px 0 #ff5400, -1px 2px 0 #ff5400, 0px -2px 0 #ff5400, 0px -1px 0 #ff5400, 0px 0px 0 #ff5400, 0px 1px 0 #ff5400, 0px 2px 0 #ff5400, 1px -2px 0 #ff5400, 1px -1px 0 #ff5400, 1px 0px 0 #ff5400, 1px 1px 0 #ff5400, 1px 2px 0 #ff5400, 2px -2px 0 #ff5400, 2px -1px 0 #ff5400, 2px 0px 0 #ff5400, 2px 1px 0 #ff5400, 2px 2px 0 #ff5400; }


/* full css */
#side .chat-box.full .fl{display:none; }
#side .chat-box.full .fr{float:none;width:auto;}
#side .chat-box.full .fr .info{padding-left:90px;}
#side .chat-box.full .fr .info h3{left:20px;}
#side .chat-box.full .fr .info .tabs li .vc{padding:0 14px}
#side .chat-box.full .fr .info .setting-btn {left:69px}


#side .chat-box .fr .cont{position:relative; height:560px; background:#fff; z-index:200}
#side .chat-box .fr .cont .notice{position:Absolute; left:0; top:0; z-index:123; background:#fbfbfb; border-bottom:1px solid #dedede; padding:15px; padding-left:90px; box-sizing:border-box; width:100%;}
#side .chat-box .fr .cont .notice .btxt{position:absolute; left:15px; top:15px; border:1px solid #44b9e4; color:#44b9e4; font-size:12px; padding:0 10px; border-radius:5px; line-height:22px;background:#fff;}
#side .chat-box .fr .cont .notice .stxt{font-size:13px; color:#333; letter-spacing:-0.03em; line-height:22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#side .chat-box .fr .scrolls{overflow-y:scroll;  height:560px;box-sizing:border-box;padding:15px 10px;}
#side .chat-box .fr .cont .txt.zdex{z-index:931;}
#side .chat-box .fr .cont .txt{position:relative;font-size:0}
#side .chat-box .fr .cont .txt:nth-child(n+2){margin-top:10px;}
#side .chat-box .fr .cont .txt.alrim p:nth-child(n+2){margin-top:5px;}
#side .chat-box .fr .cont .txt.alrim p{padding:4px 10px; color:#fff; font-size:12px; letter-spacing:-0.02em;}

#side .chat-box .fr .cont .txt.rank-none{line-height:14px;}
#side .chat-box .fr .cont .txt.rank-none .username{display:inline;font-size:13px; font-weight:700;color:#333;line-height:14px;margin-right:5px; letter-spacing:-0.02em;}
#side .chat-box .fr .cont .txt.rank-none .msgtxt{ display:inline;vertical-align:top;font-size:13px; color:#333;line-height:14px;word-break: keep-all; letter-spacing:-0.035em;}

#side .chat-box .fr .cont .txt.rank-medal{}
#side .chat-box .fr .cont .txt.rank-medal .rank{display:inline-block;vertical-align:top; line-height:20px; margin-right:5px; width:24px; text-align:center;}
#side .chat-box .fr .cont .txt.rank-medal .rank img{width:20px;}
#side .chat-box .fr .cont .txt.rank-medal .username{display:inline; color:#e02012;  font-size:13px; font-weight:700;vertical-align:top; line-height:20px; margin-right:5px;}
#side .chat-box .fr .cont .txt.rank-medal .msgtxt{display:inline;vertical-align:top; line-height:20px; font-size:12px; color:#333;/* word-break: keep-all;  */letter-spacing:-0.02em;}

#side .chat-box .fr .cont .txt.rank-high{}
#side .chat-box .fr .cont .txt.rank-high .rank{display:inline-block;vertical-align:top; line-height:24px; margin-right:5px;}
#side .chat-box .fr .cont .txt.rank-high .rank img{width:24px;}
#side .chat-box .fr .cont .txt.rank-high .username{display:inline; font-weight:700;  font-size:13px; color:#ff69b4;vertical-align:top; line-height:24px; margin-right:5px;}
#side .chat-box .fr .cont .txt.rank-high .msgtxt{display:inline;vertical-align:top; line-height:24px; font-size:12px; color:#333;/* word-break: keep-all; */ letter-spacing:-0.02em;}

#side .chat-box .fr .cont .txt.lock{border:1px dashed #aaa; padding:10px 15px; border-radius:5px;}
#side .chat-box .fr .cont .txt.lock p{padding-left:22px;color:#555;  font-size:12px; font-weight:400;vertical-align:top; line-height:20px;background:url(/images/Content/chat-nec.png) no-repeat 0 2px ; background-size:16px auto;}

#side .chat-box .fr .cont .txt.no-lock{border:1px dashed #aaa; padding:10px 15px; border-radius:5px;}
#side .chat-box .fr .cont .txt.no-lock p{padding-left:22px;color:#555;  font-size:12px; font-weight:400;vertical-align:top; line-height:20px;background:url(/images/Content/chat-nec.png) no-repeat 0 2px ; background-size:16px auto;}


#side .chat-box .fr .msgType{border-top:1px solid #dee3eb; background:#fbfbfb; padding:10px 12px;position:relative;}
#side .chat-box .fr .msgType ul{}
#side .chat-box .fr .msgType ul:after{display:block; content:"";clear:both;}
#side .chat-box .fr .msgType li{float:left;}
#side .chat-box .fr .msgType li:nth-child(n+2){margin-left:10px;}
#side .chat-box .fr .msgType li a{display:block; width:26px;height:26px;}

#side .chat-box .fr .msgType li:nth-child(1) a{background:url(/images/Content/chat-ty01.jpg) no-repeat center center; background-size:100% auto;}
#side .chat-box .fr .msgType li:nth-child(2) a{background:url(/images/Content/chat-ty02.jpg) no-repeat center center; background-size:100% auto;}
#side .chat-box .fr .msgType li:nth-child(3) a{background:url(/images/Content/chat-ty03.jpg) no-repeat center center; background-size:100% auto;}
#side .chat-box .fr .msgType li:nth-child(4) a{background:url(/images/Content/chat-ty04.jpg) no-repeat center center; background-size:100% auto;}
#side .chat-box .fr .msgType li:nth-child(5) a{background:url(/images/Content/chat-ty05.jpg) no-repeat center center; background-size:100% auto;}
#side .chat-box .fr .msgType li:nth-child(6) a{background:url(/images/Content/chat-ty06.jpg) no-repeat center center; background-size:100% auto;}
#side .chat-box .fr .msgType li:nth-child(7) a{background:url(/images/Content/chat-ty07.jpg) no-repeat center center; background-size:100% auto;}

#side .chat-box .fr .msgType .mtype{position:absolute;right:12px; top:13px; border:1px solid #8f8f8f;border-radius:15px; padding:0 7px; height:20px;text-align:center;}
#side .chat-box .fr .msgType .mtype span{display:inline-block;vertical-align:top; padding-right:16px; padding-left:0; position:Relative; font-size:11px; font-weight:700; color:#8f8f8f; line-height:20px;}
#side .chat-box .fr .msgType .mtype span:before{width:12px;height:12px;background:#8f8f8f;clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); position:absolute; right:0; top:4px; display:block; content:""; border-radius:100%;}

#side .chat-box .fr .msgType .mtype.on{border-color:#ff0000}
#side .chat-box .fr .msgType .mtype.on span{color:#ff0000; padding-left:16px; padding-right:0;}
#side .chat-box .fr .msgType .mtype.on span:before{background:#ff0000; left:0;right:auto;}


#side .chat-box .fr .msgWrite{border-top:1px solid #dee3eb; position:relative; padding-right:50px;background:#fff;}
#side .chat-box .fr .msgWrite .chk-input{border:none; width:100%}
#side .chat-box .fr .msgWrite .chk-input input{outline:none;border:none;height:50px;color:#111; font-size:12px;letter-spacing:-0.02em; font-weight:400; padding:0 15px;}
#side .chat-box .fr .msgWrite .chk-input input::placeholder{color:rgba(0,0,0,0.65) !important;}
#side .chat-box .fr .msgWrite .enter{width:50px;height:50px; position:absolute; right:0; top:0;background:url(/images/Sub/msgWrite-btn.png) no-repeat center center; background-size:60% auto; border:none;}


/* =====================================
   .rbanner
===================================== */
.rbanner{}
.rbanner a{display:block;line-height:100%}
.rbanner img{width:100%;}





/* =====================================
   .layer-wrap.userInfo
===================================== */
.layer-wrap.userInfo{position:absolute;font-family: 'ScoreDream';  display:none; margin-left:10px; margin-top:30px; left:0; top:72px; min-width:100px; max-width:130px;background:#fff; box-sizing:border-box;border:1px solid #ed2026;box-shadow: 1px 1px 3px #999;}
.layer-wrap.userInfo h4{ line-height:26px; background:#ed2026; font-size:12px; font-weight:700; padding:0 10px; color:#fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.layer-wrap.userInfo ul{padding:5px 7px;}
.layer-wrap.userInfo li{}
.layer-wrap.userInfo li a{display:block; font-size:11px; line-height:24px; position:relative; letter-spacing:-0.03em; padding-left:24px; color:#111;}
.layer-wrap.userInfo li a:before{width:15px;height:16px; position:absolute; left:2px; top:3px;display:block; content:""}
.layer-wrap.userInfo li a.ico01:before{background:url(/images/Sub/userInfo-ico01.png) no-repeat center center;}
.layer-wrap.userInfo li a.ico02:before{background:url(/images/Sub/userInfo-ico02.png) no-repeat center center;}
.layer-wrap.userInfo li a.ico03:before{background:url(/images/Sub/userInfo-ico03.png) no-repeat center center;}
.layer-wrap.userInfo li a.ico04:before{background:url(/images/Sub/userInfo-ico04.png) no-repeat center center;}
.layer-wrap.userInfo li a.ico05:before{background:url(/images/Sub/userInfo-ico05.png) no-repeat center center;}

.layer-wrap.nickInfo{position:absolute; display:none; margin-left:20px; margin-top:25px; left:0; top:72px; min-width:100px; max-width:130px;background:#fff; box-sizing:border-box;border:1px solid #ed2026;box-shadow: 1px 1px 3px #999;}
.layer-wrap.nickInfo h4{ line-height:26px; background:#ed2026; font-size:12px; font-weight:700; padding:0 10px; color:#fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.layer-wrap.nickInfo ul{padding:5px 7px;}
.layer-wrap.nickInfo li{}
.layer-wrap.nickInfo li a{display:block; font-size:11px; line-height:24px; position:relative; letter-spacing:-0.03em; padding-left:24px; color:#111;}
.layer-wrap.nickInfo li a:before{width:15px;height:16px; position:absolute; left:2px; top:3px;display:block; content:""}
.layer-wrap.nickInfo li a.ico01:before{background:url(/images/Sub/userInfo-ico01.png) no-repeat center center;}
.layer-wrap.nickInfo li a.ico02:before{background:url(/images/Sub/userInfo-ico02.png) no-repeat center center;}
.layer-wrap.nickInfo li a.ico03:before{background:url(/images/Sub/userInfo-ico03.png) no-repeat center center;}
.layer-wrap.nickInfo li a.ico04:before{background:url(/images/Sub/userInfo-ico04.png) no-repeat center center;}
.layer-wrap.nickInfo li a.ico05:before{background:url(/images/Sub/userInfo-ico05.png) no-repeat center center;}


/* .layer-wrap.nickInfo.test {display: block !important; left: 0 !important; top: 0 !important; opacity: 1 !important;} */






/* =====================================
   .board-wrap.list
===================================== */
.board-wrap.list{font-family: 'ScoreDream'; /* background-color: #1d2333; */}
.board-wrap.list .filter{display: flex; position:relative; font-size:0; text-align:left; padding:0 15px; margin-bottom: 10px;}
.board-wrap.list .filter .search{display:inline-block;vertical-align:top; width:270px; position:relative; padding-right:40px; background-color: #fff;}
.mypage-wrap .board-wrap.list .filter > .search {padding-right: 0;}
.mypage-wrap .board-wrap.list .filter > .search:first-of-type {margin-right: 10px;}
.board-wrap.list .filter .search .chk-input{width:100%;}
.board-wrap.list .filter .search .chk-input input{height:40px;  padding:0 20px; font-size:14px; background-color: #30384d; border: none;color:#fff;}
.board-wrap.list .filter .search .chk-input input::placeholder {color: #f7c80f;}
.board-wrap.list .filter .search .search-btn{display:inline-block; width:40px;height:40px; color:#fff;background:url(/images/Sub/search-btn.png) no-repeat center right 20px #30384d; background-size:50% auto; position:absolute;right:0; top:0; border:none;}

.board-wrap.list .filter .search.proper {margin-right: 10px;}
.board-wrap.list .filter .search.proper + select {background-color: #fff; color: #000; border: 1px solid #cb9847; border-radius: 50vh;}

.board-wrap.list .filter .write-btn,
.board-wrap.view .lower .list-btn,
.board-wrap.view .filter .list-btn,
.casino_tit + .filter .write-btn {display: inline-block; line-height:42px;background:#f7c80f; color:#000; padding:0 25px; font-size:18px; margin-left: auto; border: 2px solid #f7c80f; font-family: 'NanumSquare','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic';}
.board-wrap.list .filter .write-btn:hover,
.board-wrap.view .lower .list-btn:hover,
.board-wrap.view .filter .list-btn:hover {background-color: #2e4a96; background: #000; color: #f7c80f;}

.board-wrap.list .filter .write-btn span,
.board-wrap.view .lower .list-btn span,
.board-wrap.view .filter .list-btn span {font-weight: 700;}


.board-wrap.list .list:not(.board-wrap){border-bottom:none; border: 1px solid #000;}
.board-wrap.list .list table{table-layout:fixed;}
.board-wrap.list .list table thead th{font-size:15px;font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.25em; padding:15px 0 15px 0;text-align:center; border-bottom:1px solid #000; background-color: #000;}
.board-wrap.list .list table tbody td{font-size:14px;font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.35em; padding:15px 0 15px 0;text-align:center;border-bottom:1px solid #000; background-color: #2e323e;}
.board-wrap.list .list table tbody td a.more_btn.detail {color: #f7c80f; text-decoration: underline; padding: 10px;}
.board-wrap.list .list table tbody td a.enter_btn.game_enter {padding: 5px 20px; background-color: #f7c80f; color: #000; font-weight: 600;}
.board-wrap.list .list table tbody tr:last-child td {border-bottom: none;}
.board-wrap.list .list table tbody .l{text-align:left; padding:15px 20px }
.board-wrap.list .list table tbody .l a{color:#fff;display:inline-block;max-width:100%; vertical-align:top;}
.board-wrap.list .list table tbody .l a:hover{text-decoration:underline;}
.board-wrap.list .list table tbody .l a:visited {color:#9D9D9D !important;}
.board-wrap.list .list table tbody .l a span{color:#333; font-size:13px; margin-right:10px;}
.board-wrap.list .list table tbody tr.notice {background:#fafafa}

.board-wrap.list .list table tbody .cred{ color:#ff0000 !important}
.board-wrap.list .list table tbody .count{color:#ed2026; margin-left:5px;display:inline-block; vertical-align:top;}
.board-wrap.list .list table tbody .l img{margin-left:5px;margin-top:2px;display:inline-block; vertical-align:top;}

.board-wrap.list .list table .chk-check{display:inline-block;}
.board-wrap.list .list table .chk-check input[type="checkbox"] {display:none;}
.board-wrap.list .list table .chk-check input[type="checkbox"] + label{display:block; position: relative; padding-left:0; width:16px; font-weight:600 ; letter-spacing:-0.02em;font-size:14px; color:#fff;height:16px;}
.board-wrap.list .list table .chk-check input[type="checkbox"] + label:before { content:''; position: absolute; left:0px; top:2px; width:16px;height:16px;box-sizing:border-box;text-align:center;border:none;background:#fff; border:1px solid #dedede;}
.board-wrap.list .list table .chk-check input[type="checkbox"]:checked + label{color:#111; font-weight:600 }
.board-wrap.list .list table .chk-check input[type="checkbox"]:checked + label:before { background:url(/images/Sub/check-on.png) no-repeat center center #fff; background-size:70% auto}

.board-wrap.list .list table tr.notice_tr td {background-color: #e5f8ff;}
.board-wrap.list .list table tr.notice_tr span.noti {display: inline-block; color: #fff; background-color: #af362b; padding: 3px 10px; border-radius: 3px;}

.board-wrap.list .list{position:relative;}
.board-wrap.list .list .nickname{position:relative;font-size:0; display:inline-block;vertical-align:top;}
.board-wrap.list .list .nickname:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block;content:""}
.board-wrap.list .list .nickname .ico{width:22px; height:22px;display:inline-block;vertical-align:top;}
.board-wrap.list .list .nickname .ico img{width:22px; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.list .list .nickname .txt{display:inline-block;vertical-align:top; margin-left:5px; line-height:22px; font-size:14px; max-width:calc(100% - 22px - 5px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff;}
.board-wrap.list .list .nickname:visited{color:#000;}
.board-wrap.list .list .nickname:hover{text-decoration:none;}

.board-wrap.list .list.rank .chat img{width:30px;}
.board-wrap.list .list.rank .chat{display:inline-block;vertical-align:top; position:relative;}

.ml-auto {margin-left: auto;}

.board_lastest {margin-bottom: 20px;}
.board_lastest ul.board_list {padding: 10px 20px;}
.board_lastest ul.board_list li {position: relative; padding-left: 10px;}
.board_lastest ul.board_list li::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ''; width: 2px; height: 2px; background-color: #eda70b; border-radius: 50vh;}
.board_lastest ul.board_list a {display: block; padding: 2px 0; margin: 3px 0;}
.board_lastest > div {width: 50%; border: 1px solid #000; text-align: left; color: #fff; background-color: #2e323e;}
.board_lastest > div a {color: #fff;}
.board_lastest .left {margin-right: 20px;}
.board_lastest .left ul.board_list a {padding: 3px 0;}
.board_lastest .left > .d-flex {padding: 10px 20px; background-color: #000; border-bottom: 2px solid #f7c80f;}
.board_lastest .left a .tit {width: calc(100% - 70px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.board_lastest .left .lastest_tab li.active {background-color: #f7c80f;}
.board_lastest .left .lastest_tab li a {display: block; padding: 10px 0; text-align: center;}
.board_lastest .left .lastest_tab li.active a {color: #000; font-weight: bold;}
.board_lastest .left .lastest_tab_con > li {display: none;}
.board_lastest .left .lastest_tab_con > li.tab06_con {display: block;}

.board_lastest .right .lastest_tab li {flex: 1; background-color: #000;}
.board_lastest .right .lastest_tab li.active {background-color: #f7c80f;}
.board_lastest .right .lastest_tab li a {display: block; padding: 10px 0; text-align: center; border-bottom: 2px solid #f7c80f;}
.board_lastest .right .lastest_tab li.active a {color: #000; font-weight: bold;}

.board_lastest .right .lastest_tab_con > li {display: none;}
.board_lastest .right .lastest_tab_con ul {display: flex; flex-wrap: wrap;}
.board_lastest .right .lastest_tab_con > li.tab01_con {display: block;}
.board_lastest .right .board_list > li {width: calc(50% - 5px); text-align: left; margin-right: 5px;}
.board_lastest .right .board_list > li a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}

/* .board_lastest .left .lastest_tab li.active */

/* 기프티콘샵 */
#giftshop_lists #game_list > .game {display: flex; flex-direction: column;}
#giftshop_lists #game_list > .game .img_wrap {display: flex; flex-direction: column; justify-content: center; height: 300px; background: none;}
#giftshop_lists #game_list > .game .img_wrap img {max-width: 100%; width: 100%; max-height: 100%;}

.game-frame ul.category_tab.main_tab {position: relative; padding-bottom: 5px;}
.game-frame ul.category_tab.main_tab::after {position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 5px; background-color: #f0c47d;}
.game-frame ul.category_tab.main_tab li.type_btn {margin-right: 0;}
.game-frame ul.category_tab.main_tab li.type_btn.active {box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);}
.game-frame ul.category_tab.main_tab li.type_btn.active a {background-color: #f0c47d;}
.game-frame ul.category_tab.main_tab li.type_btn a p {margin-top: 0; color: #000;}
.game-frame ul.category_tab.main_tab li.type_btn.active a p {color: #000;}
.game-frame ul.category_tab.main_tab li a {border: none; box-shadow: none; border-radius: 0;}

.game-frame ul.category_tab.sub_tab {display: none !important;}
.game-frame ul.category_tab.sub_tab.show {display: flex !important;}
.game-frame ul.category_tab.sub_tab li a {color: #000;}





/* =====================================
   .board-wrap.write
===================================== */
/* .board-wrap.write{margin-top:10px; font-family: 'ScoreDream'; } */




.board-wrap.write .filter{position:relative; font-size:0; text-align:left; background:#fff; border:1px solid #dadce0; padding:15px 20px }
.board-wrap.write .filter .list-btn{display:inline-block;vertical-align:top;line-height:40px;background:#118eff; border-radius:6px; color:#fff; padding:0 25px; font-size:14px;}

.board-wrap.write .filter .abr{position:Absolute;right:20px; top:15px;}
.board-wrap.write .filter .abr a{display:inline-block;vertical-align:top;line-height:40px; border-radius:6px; color:#fff; padding:0 25px; font-size:14px;}
.board-wrap.write .filter .abr a:nth-child(n+2){margin-left:10px;}
.board-wrap.write .filter .write-btn{ background:#118eff;}
.board-wrap.write .filter .delete-btn{ background:#dd2c00;}
.board-wrap.write .filter .modify-btn{ background:#4caf50;}

.board-wrap.write .tits{margin-top:10px;background:#fff; border:1px solid #dadce0; position:relative;padding:10px 20px 10px 140px; }
.board-wrap.write .tits h3{font-size:14px;color:#333; letter-spacing:-0.03em; line-height:1.2em; width:120px; background:#f5f5f5; position:Absolute ;left:0; top:0; font-weight:400; text-align:center; padding:20px 0; height: 100%;}
.board-wrap.write .tits p{font-size:14px;color:#333; letter-spacing:-0.03em;}
.board-wrap.write .tits input[type="text"]{ width:100%;}
.board-wrap.write .tits input[type="button"]{ width:100px;border:none; margin-left:10px;}
.board-wrap.write .tits input[type="button"].attatch_file {border: 1px solid #ccc; margin-left: 0; margin-bottom: 10px;}
.board-wrap.write .tits a{color:#333; font-size:13px; margin-left:10px;}
.board-wrap.write .tits span{color:#333; font-size:13px; margin-left:10px;}

.board-wrap.write .tits .chk-input{width:90%;border:none;}
.board-wrap.write input{height:39px; border:1px solid #d6d6d6;background:#fbfbfb; padding:0 12px; letter-spacing:-0.03em;font-size:13px; font-weight:400; border-radius:5px;outline:none;}
.board-wrap.write input:focus{border-color:#1a70dc; background:#fff;}
.board-wrap.write input::placeholder{color:rgba(0,0,0,0.6) !important;}
.board-wrap.write .period input {width: 200px;}
.board-wrap.write .period .con span {color: #fff; line-height: 41px; margin: 0 10px;}


.board-wrap.write .type{margin-top:10px;background:#ffffff; border:1px solid #dadce0; position:relative;padding:5px;}
.board-wrap.write .type img{width:430px;}

.board-wrap.write .cont{background:#fff; border:1px solid #dadce0;border-top:none; position:relative; height:500px; overflow-y:auto; width:100%; padding:15px;box-sizing:border-box;}
.board-wrap.write .cont textarea{ width:100%;box-sizing:border-box; border:none; resize:none; text-align:left; font-size:16px; color:#111; line-height:1.6em;}
.board-wrap.write .cont .img {margin-bottom:25px;}
.board-wrap.write .cont .img img{max-width:100%;}
.board-wrap.write .cont p{margin-bottom:100px;margin-top:25px;}

.board-wrap.write .lower{font-size:0;text-align:center;margin-top:25px;}
.board-wrap.write .lower a{display:inline-block;vertical-align:top;line-height:40px; color:#fff; padding:0 25px; font-size:14px;}
.board-wrap.write .lower a:nth-child(n+2){margin-left:10px;}

.board-wrap.write .lower .write-btn{ background:#f7c80f; color: #000; border: 2px solid #f7c80f;}
.board-wrap.write .lower .write-btn:hover {background-color: #000; color: #f7c80f;}
.board-wrap.write .lower .cancel-btn{ background:#9e9e9e; border: 2px solid #9e9e9e;}
.board-wrap.write .lower .cancel-btn:hover {background-color: #6c6c6c;}
.board-wrap.write .lower .delete-btn{ background:#dd2c00; border: 2px solid #dd2c00;}
.board-wrap.write .lower .delete-btn:hover {background-color: #8f1c00;}
.board-wrap.write .lower .modify-btn{ background:#4caf50; border: 2px solid #4caf50;}
.board-wrap.write .lower .modify-btn:hover {background-color: #2c692f;}
.board-wrap.write .lower .list-btn{display:inline-block;vertical-align:top;line-height:40px;background:#f7c80f; border-radius:6px; color:#fff; padding:0 25px; font-size:14px; color: #000; border: 2px solid #f7c80f;}

div.exchange_money h3 {color: #eda70b; padding: 0 0 20px 15px; font-size: 24px; color: #171717;}
div.exchange_money > div {padding: 20px; border: 1px solid #37444f; border-radius: 3px; margin-bottom: 20px;}
div.exchange_money .info ul {margin-left: 20px;}
div.exchange_money .info li {list-style-type: disc; color: #fff; line-height: 1.8;}
div.exchange_money .form > div {margin-bottom: 20px;}
div.exchange_money .form > div.comp {margin-bottom: 15px;}
div.exchange_money .form > div:last-child {margin-bottom: 0;}
div.exchange_money .tit {display: flex; flex-direction: column; width: 150px; text-align: center; margin-right: 20px;}
div.exchange_money .tit > div {margin: auto 0; color: #fff;}
div.exchange_money .con {width: calc(100% - 150px);}
div.exchange_money .money .con {color: #eda70b;}
div.exchange_money .con ul {flex-wrap: wrap;}
div.exchange_money .con ul input[type="radio"] {display: none;}
div.exchange_money .con ul input[type="radio"]:checked + label {background-color: #fff; color: #1d2333;}
div.exchange_money .con ul label {padding: 5px 10px; cursor: pointer; border: 1px solid #37444f; background-color: #2e323e; color: #fff; display: block; margin: 0 5px 5px 0;}
div.exchange_money .btn_wrap {display: flex;}
div.exchange_money .btn_wrap .exchange_btn {padding: 10px 20px; margin: 0 auto; background-color: #2e323e; border: 1px solid #37444f; color: #fff;}



/* =====================================
   .board-wrap.view
===================================== */
.board-wrap.view{font-family: 'Noto Sans KR'; }
.board-wrap.view .filter{position:relative; font-size:0; text-align:left;}

.board-wrap.view .filter .abr{position:Absolute;right:20px; top:0px;}
.board-wrap.view .filter .abr a{display:inline-block;vertical-align:top;line-height:35px; padding:0 25px; font-size:14px; font-weight: 700; color: #000;}
.board-wrap.view .filter .abr a:nth-child(n+2){margin-left:10px;}
.board-wrap.view .filter .write-btn{ background:#118eff;}
.board-wrap.view .filter .delete-btn{ background:#d3d3d3; border: 2px solid #d3d3d3;}
.board-wrap.view .filter .delete-btn:hover {background-color: #000; color: #d3d3d3;}
.board-wrap.view .filter .modify-btn{ background:#becffb; border: 2px solid #becffb;}
.board-wrap.view .filter .modify-btn:hover {background-color: #000; color: #becffb;}


.board-wrap.view .tits{margin-top:10px;background:#30384d; position:relative;padding:25px 25px; padding-right:220px; text-align:left;}
.board-wrap.view .tits h3{font-size:15px;color:#fff; letter-spacing:-0.03em; line-height:1.2em;  font-weight:400; }
.board-wrap.view .tits .abr{position:Absolute;right:25px; top:25px; font-size:0;}
.board-wrap.view .tits .abr p{color:#fff; font-size:12px; display:inline-block;vertical-align:top;}
.board-wrap.view .tits .abr a{color:#d32f2f; font-size:12px; display:inline-block;vertical-align:top;}

.board-wrap.view .tits .abr p:nth-child(n+2){margin-left:15px;}
.board-wrap.view .tits .abr a:nth-child(n+2){margin-left:15px;}

.board-wrap.view .tits .abr .cred{font-size:14px;color:#d32f2f !Important;}

.board-wrap.view .cont{background:#fff; position:relative;  padding:20px; padding-bottom:60px;box-sizing:border-box;}
.board-wrap.view .cont * {color: #000; line-height: 1.2;}
/*
.court .board-wrap.view .cont {background-color: #000;}
.court .board-wrap.view .cont * {color: #fff;}
.court .board-wrap.view .cont .title,
.court .board-wrap.view .cont span.bold {color: #826840;}
*/
.board-wrap.view .cont .rate {display: flex; flex-direction: column; justify-content: center;}
.board-wrap.view .cont span.bold {color: #12e6ff;}
.board-wrap.view .cont .img{margin-bottom:25px;}
.board-wrap.view .cont  img{max-width:100%;}
.board-wrap.view .cont .img img{max-width:100%;}
.board-wrap.view .cont .file{color:#333; font-size:15px; display:inline-block;vertical-align:top;padding-bottom:30px;}
.board-wrap.view .cont .title{color:#12e6ff; font-size:15px;vertical-align:top;padding-bottom:4px;}
.board-wrap.view .cont .nickname{position:relative;display:inline-block; font-size:12px; padding-left:40px;}
.board-wrap.view .cont .nickname:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block;content:""}
.board-wrap.view .cont .nickname .photo{width:34px; height:34px;display:inline-block;vertical-align:top; border:1px solid #ddd; overflow:hidden; border-radius:100%; position:absolute; left:0; top:0;}
.board-wrap.view .cont .nickname .photo img{width:34px; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .cont .nickname .ico{margin-left:5px;width:22px; height:22px;display:inline-block;vertical-align:top; padding:6px 0}
.board-wrap.view .cont .nickname .ico img{width:22px; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .cont .nickname .txt{display:inline-block;vertical-align:top; margin-left:5px; line-height:34px; font-size:14px; color:#111;}
.board-wrap.view .cont .nickname .txt span{margin-left:18px;display:inline-block;vertical-align:top; color:#a3a3a3; position:relative;}
.board-wrap.view .cont .nickname .txt span:before{width:2px;height:2px; position:absolute; left:-11px; top:11px; display:block; content:"";background:#111}
.board-wrap.view .cont .nickname .txt span.b{color:#111;font-weight:400;}
.board-wrap.view .cont .nickname .txt r{position:Absolute;right:25px; top:25px; font-size:0;}






.board-wrap.view .vcomment{position:relative;border:1px solid #dadce0; border-top:none; background:#f5f5f5; padding:25px 25px;}
.board-wrap.view .vcomment .info{background:#fbfbfb;border:1px solid #dadce0; padding:15px 20px; position:relative;}
.board-wrap.view .vcomment .info .emo-btn{display:inline-block;vertical-align:top; display:none !important;line-height:25px; border-radius:6px; color:#fff; padding:0 12px; font-size:12px; background:#1976d2; position:absolute;right:15px; top:19px;}
.board-wrap.view .vcomment .nickname{position:relative;display:inline-block; font-size:12px; padding-left:40px;}
.board-wrap.view .vcomment .nickname:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block;content:""}
.board-wrap.view .vcomment .nickname .photo{width:34px; height:34px;display:inline-block;vertical-align:top; border:1px solid #ddd; overflow:hidden; border-radius:100%; position:absolute; left:0; top:0;}
.board-wrap.view .vcomment .nickname .photo img{width:34px;height:100%; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .vcomment .nickname .ico{margin-left:5px;width:22px; height:22px;display:inline-block;vertical-align:top; padding:6px 0}
.board-wrap.view .vcomment .nickname .ico img{width:22px; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .vcomment .nickname .txt{display:inline-block;vertical-align:top; margin-left:5px; line-height:34px; font-size:14px; color:#111;}
.board-wrap.view .vcomment .nickname .txt span{margin-left:18px;display:inline-block;vertical-align:top; color:#a3a3a3; position:relative;}
.board-wrap.view .vcomment .nickname .txt span:before{width:2px;height:2px; position:absolute; left:-11px; top:11px; display:block; content:"";background:#111}
.board-wrap.view .vcomment .nickname .txt span.b{color:#111;font-weight:400;}

.board-wrap.view .vcomment textarea{font-size:13px; width:100%; color:#222;line-height:1.5em; padding:15px; height:110px;border:1px solid #dadce0;border-top:none;background:#fff;  box-sizing:border-box; resize:none;}
.board-wrap.view .vcomment .btns{text-align:left; border:1px solid #dadce0; border-top:none; background:#fbfbfb; position:Relative;height:35px;}
.board-wrap.view .vcomment .btns .byte{line-height:35px;  font-size:10px; color:#555; padding:0 15px;}
.board-wrap.view .vcomment .write-btn{position:absolute ;right:0; top:-1px;display:inline-block;vertical-align:top;background:#f7c80f; width:100px; line-height:33px; color:#000; font-size:14px; text-align:center; border: 2px solid #f7c80f; font-weight: bold;}
.board-wrap.view .vcomment .write-btn:hover {background-color: #000; color: #f7c80f;}

.board-wrap.view .lower{font-size:0;text-align:center;margin-top:25px;}
.board-wrap.view .lower a:nth-child(n+2){margin-left:10px;}

.board-wrap.view .cmmt{position:relative; margin-top:10px;}
.board-wrap.view .cmmt .total{background:#30384d; padding:20px 20px;}
.board-wrap.view .cmmt .total p{font-size:15px;font-weight:500; color:#fff; line-height:1.2em;}
.board-wrap.view .cmmt .total span{color:#12e6ff; font-weight:700;}
.board-wrap.view .cmmt .total .refresh-btn{width:25px;height:25px; position:absolute;right:20px; top:16px;background:url(/images/Sub/ico-refresh.png) no-repeat center center; background-size:80% auto; filter: brightness(0) invert(1);}

.board-wrap.view .cmmt .list{margin-top:10px;}
.board-wrap.view .cmmt .list li:nth-child(n+2){margin-top:10px; }
.board-wrap.view .cmmt .list li{position:relative;z-index:201}
.board-wrap.view .cmmt .list .aread{z-index:545;}
.board-wrap.view .cmmt .list .cread{z-index:545;}

.board-wrap.view .cmmt .layer-wrap {min-width:110px;}
.board-wrap.view .cmmt .layer-wrap li:nth-child(n+2){border-top:0; padding:0; margin:0;}
.board-wrap.view .cmmt .list li:last-child .layer-wrap{top:auto !important ; bottom:50px;}
.board-wrap.view .cmmt .list li:last-child .reply .layer-wrap{top:auto !important ; bottom:35px;}

.board-wrap.view .cmmt .info{background:#30384d; padding:15px 20px; position:relative;}
.board-wrap.view .cmmt .info .more-btn{display:inline-block;vertical-align:top;display:none !important;line-height:25px; border-radius:6px; color:#555; padding:0 12px; font-size:13px;position:absolute;right:15px; top:19px;}
.board-wrap.view .cmmt .info .delete-btn{display:inline-block;vertical-align:top;line-height:25px; border-radius:6px; color:#fff; padding:0 12px; font-size:12px; background:#777; position:absolute;right:10px; top:5px;}

.board-wrap.view .cmmt .nickname{position:relative;display:inline-block; font-size:12px; padding-left:40px;}
.board-wrap.view .cmmt .nickname:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block;content:""}
.board-wrap.view .cmmt .nickname .photo{width:34px; height:34px;display:inline-block;vertical-align:top; border:1px solid #ddd; overflow:hidden; border-radius:100%; position:absolute; left:0; top:0;}
.board-wrap.view .cmmt .nickname .photo img{width:34px;min-height:100%; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .cmmt .nickname .ico{margin-left:5px;width:22px; height:22px;display:inline-block;vertical-align:top; padding:6px 0}
.board-wrap.view .cmmt .nickname .ico img{width:22px; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .cmmt .nickname .txt{display:inline-block;vertical-align:top; margin-left:5px; line-height:34px; font-size:14px; color:#fff;}
.board-wrap.view .cmmt .nickname .txt span{margin-left:18px;display:inline-block;vertical-align:top; color:#a3a3a3; position:relative;}
.board-wrap.view .cmmt .nickname .txt span:before{width:2px;height:2px; position:absolute; left:-11px; top:11px; display:block; content:"";background:#111}
.board-wrap.view .cmmt .nickname .txt span.b{color:#111;font-weight:400;}


.board-wrap.view .cmmt .ctrls{margin-top:20px; position:relative;}
.board-wrap.view .cmmt .ctrls ul:after{display:block; content:"";clear:both}
.board-wrap.view .cmmt .ctrls li{float:left;position:relative;}
.board-wrap.view .cmmt .ctrls li:nth-child(n+2){margin-left:5px; margin-top:0; padding-top:0; border:none;}
.board-wrap.view .cmmt .ctrls li a{display:block; font-size:12px; color:#fff;position:relative;background:#777; padding:0 10px; line-height:28px;}
.board-wrap.view .cmmt .ctrls li a:hover{background:#333;}

.board-wrap.view .cmmt .nickname:visited{color:#000;}
.board-wrap.view .cmmt .nickname:hover{text-decoration:none;}
.board-wrap.view .cmmt .comment{margin-top:15px;}

.board-wrap.view .cmmt .vtxt{background:#fff; padding:15px 25px;}
.board-wrap.view .cmmt .vtxt .time{color:#000;font-size:10px;}
.board-wrap.view .cmmt .vtxt .txt{margin-top:3px; color: #000;}
.board-wrap.view .cmmt .vtxt .txt p{font-size:12px; color:#000; line-height:1.5em;}
.board-wrap.view .vcon.active .vtxt{display:none;}

.court .board-wrap.view .cmmt .vtxt {background-color: #000;}
.court .board-wrap.view .cmmt .vtxt .time{color:#fff;font-size:10px;}
.court .board-wrap.view .cmmt .vtxt .txt{margin-top:3px; color: #fff;}
.court .board-wrap.view .cmmt .vtxt .txt p{font-size:12px; color:#fff; line-height:1.5em;}

.board-wrap.view .active .reply{display:block;}
.board-wrap.view .reply{margin-top:20px; position:relative; display:none;}
.board-wrap.view .reply .vtem{position:relative;padding-left:30px;}
.board-wrap.view .reply .vtem:before{width:15px;height:20px; position:absolute; left:5px; top:6px;background:url(/images/Sub/board-reply.png) no-repeat ;background-size:100% auto;display:block; content:""; opacity:0.5;}
.board-wrap.view .reply .vtem:nth-child(n+2){margin-top:15px;}
.board-wrap.view .reply .vtem.no-bg .comment{margin-top:0; border-top:none; padding-top:0;}
.board-wrap.view .reply .vtem.no-bg .comment:before{display:none;}

.board-wrap.view .reply .reply-close{display:block; border:1px solid #dadce0; line-height:45px; font-size:15px; color:#333; letter-spacing:-0.03em; text-align:center; margin-top:20px; background:#fbfbfb}
.board-wrap.view .reply .reply-close:hover{background:#555; border-color:#555; color:#fff;}

.board-wrap.view .reply .info{padding:0; border:none; background:none;}
.board-wrap.view .reply .vtxt{background:none;border:none; padding:12px 0; margin-top:12px; border-top:1px solid #dadce0;}

.board-wrap.view .reply .comment{position:relative;border-top:1px solid #dadce0; padding-top:20px; margin-top:20px; box-sizing:border-box; padding-left:30px; width:calc(100% + 30px);margin-left:-30px;}
.board-wrap.view .reply .comment:before{width:15px;height:20px; position:absolute; left:5px; top:35px;background:url(/images/Sub/board-reply.png) no-repeat ;background-size:100% auto; display:block; content:""; opacity:0.5;}

.board-wrap.view .reply .comment .info{background:#fbfbfb;border:1px solid #dadce0; padding:10px 20px; position:relative;}
.board-wrap.view .reply .comment .info .emo-btn{display:inline-block;vertical-align:top;display:none !important;line-height:25px; border-radius:6px; color:#fff; padding:0 12px; font-size:12px; background:#1976d2; position:absolute;right:15px; top:15px;}
.board-wrap.view .reply .comment .nickname{position:relative;display:inline-block; font-size:12px; padding-left:40px;}
.board-wrap.view .reply .comment .nickname:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block;content:""}
.board-wrap.view .reply .comment .nickname .photo{width:34px; height:34px;display:inline-block;vertical-align:top; border:1px solid #ddd; overflow:hidden; border-radius:100%; position:absolute; left:0; top:0;}
.board-wrap.view .reply .comment .nickname .photo img{width:34px; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .reply .comment .nickname .ico{margin-left:5px;width:22px; height:22px;display:inline-block;vertical-align:top; padding:6px 0}
.board-wrap.view .reply .comment .nickname .ico img{width:22px; line-height:100%; vertical-align:top; margin-left:0; margin-top:0;}
.board-wrap.view .reply .comment .nickname .txt{display:inline-block;vertical-align:top; margin-left:5px; line-height:34px; font-size:14px; color:#111;}
.board-wrap.view .reply .comment .nickname .txt span{margin-left:18px;display:inline-block;vertical-align:top; color:#a3a3a3; position:relative;}
.board-wrap.view .reply .comment .nickname .txt span:before{width:2px;height:2px; position:absolute; left:-11px; top:11px; display:block; content:"";background:#111}
.board-wrap.view .reply .comment .nickname .txt span.b{color:#111;font-weight:400;}

.board-wrap.view .reply .comment textarea{font-size:13px; width:100%; color:#222;line-height:1.5em; padding:15px; height:110px;border:1px solid #dadce0; border-top:none;background:#fff;  box-sizing:border-box; resize:none;}
.board-wrap.view .reply .comment .btns{text-align:left; border:1px solid #dadce0; border-top:none; background:#fbfbfb; position:Relative;height:35px;}
.board-wrap.view .reply .comment .btns .byte{line-height:35px;  font-size:10px; color:#555; padding:0 15px;}
.board-wrap.view .reply .comment .write-btn{position:absolute ;right:0; top:-1px;display:inline-block;vertical-align:top;background:#666; width:100px; line-height:36px; color:#fff; font-size:12px; text-align:center;}

.board-wrap.view .reply .modify{margin-top:15px; border-top:none;}
.board-wrap.view .reply .modify textarea{border-top:1px solid #dadce0;}

.board-wrap.view .reply .ctrls{margin-top:15px;}
.board-wrap.view .reply .ctrls li a{line-height:24px ; padding:0 7px}

.board-wrap.view .vtem.active .modify{display:block;}
.board-wrap.view .vcon.active .modify{display:block;}

.board-wrap.view .modify{background:#fbfbfb;border:1px solid #dadce0; border-top:none; display:none;}
.board-wrap.view .modify textarea{font-size:13px; width:100%; color:#222;line-height:1.5em; padding:15px; height:110px;border:none;background:#fff; box-sizing:border-box; resize:none;}
.board-wrap.view .modify .rbtn{text-align:right; padding:9px 10px; font-size:0;border-top:1px solid #dadce0 }
.board-wrap.view .modify .rbtn a{display:inline-block; font-size:12px; color:#fff;position:relative;background:#777; padding:0 10px; line-height:28px;}
.board-wrap.view .modify .rbtn a:nth-child(n+2){margin-left:5px}

.board-wrap.view .vtem.active .subcmt{display:block;}
.board-wrap.view .vcon.active .subcmt{display:block;}

.board-wrap.view .subcmt{background:#fbfbfb;border:1px solid #dadce0; display:none;}
.board-wrap.view .subcmt textarea{font-size:13px; width:100%; color:#222;line-height:1.5em; padding:15px; height:110px;border:none;background:#fff; box-sizing:border-box; resize:none;}
.board-wrap.view .subcmt .rbtn{text-align:right; padding:9px 10px; font-size:0;border-top:1px solid #dadce0 }
.board-wrap.view .subcmt .rbtn a{display:inline-block; font-size:12px; color:#fff;position:relative;background:#777; padding:0 10px; line-height:28px;}
.board-wrap.view .subcmt .rbtn a:nth-child(n+2){margin-left:5px}

.board-wrap.view .vcon .comment{border-color:#ed2026; display:none;}
.board-wrap.view .vcon.active .comment{display:block;}

.board-wrap.view .vtem-con .vtem{position:relative;}
.board-wrap.view .vtem-con .vtem:nth-child(n+2){padding-left:40px;margin-top:15px;}
.board-wrap.view .vtem-con .vtem:nth-child(n+2):before{width:15px;height:20px; position:absolute; left:10px; top:20px;background:url(/images/Sub/board-reply.png) no-repeat ;background-size:100% auto;display:block; content:""; opacity:0.5;}
.board-wrap.view .vtem-con .vtem .tits h3{color:#d32f2f !Important;}


.board-wrap.view .reply.cdepth2{margin-left:30px;}
.board-wrap.view .reply.cdepth3{margin-left:60px;}





/* =====================================
   .member-wrap
===================================== */
/* .member-wrap{position:absolute ; width:480px;left:50%; top:45%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);} */
.member-wrap{ width:480px;}
.member-wrap .cont{background:#191d26; padding:0px 60px;}
.member-wrap .cont .bg {background-color: #1d2333; padding: 1px 0px; margin-top: 5px;}

.member-wrap{}
.member-wrap h2{background:url(/images/footer_logo_new.png) no-repeat ; font-weight:400; height:120px; background-size:289px; box-sizing:border-box;  font-size:13px; line-height:1.2em; padding-top:97px; padding-left:5px; letter-spacing:-0.03em; background-position: center;}
.member-wrap h2 span{color:#ff2222;margin-left:3px;}
.member-wrap .copy{font-size:13px; color:#fff; letter-spacing:-0.01em; line-height:1.2em; margin: 20px 0; text-align:center;}

.join_corp .member-wrap.join {display: flex; width: 860px;}
.join_corp .member-wrap.join > div {flex: 1;}
.member-wrap.join .member_type > div:first-child {margin-left: auto; margin-right: 10px;}
.member-wrap.join .member_type > div:last-child {margin-left: 10px; margin-right: auto;}
.member-wrap.join .member_type label {color: #fff;}

.member-wrap.join .noti {color: #12e6ff; text-align: center; margin: 10px 0; font-size: 13px;}
.member-wrap.join .noti.left {text-align: left;}
.bold {font-weight: bold;}
.mr-5 {margin-right: 5px;}

.member-wrap.join .entry li{}
.member-wrap.join .entry li:nth-child(n+2){margin-top:7px;}
.member-wrap.join .entry li .chk-input{width:100%; border:none; position:relative;}
.member-wrap.join .entry li .chk-input input{border:1px solid #bdbdbd; height:45px; text-align:center; font-size:15px; padding:0 15px; border-radius:10px;}
.member-wrap.join .entry li .chk-input select{width: 100%; border:1px solid #bdbdbd; height:45px; text-align:center; font-size:15px; padding:0 15px; border-radius:10px; color: #000;}
.member-wrap.join .entry li .chk-input textarea{width: 100%; border:1px solid #bdbdbd; height:150px; font-size:15px; padding:20px; border-radius:5px; color: #ccc; resize: none; color: #000;}
.member-wrap.join .entry li .chk-input textarea::placeholder {text-align: center; color: #abc2ff;}
.member-wrap.join .entry li .chk-input.nec:before{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); content: '*'; width: 5px; height: 15px; font-size: 16px; color: #12e6ff;}

.member-wrap.join .entry li .chk-input.nec.textarea:before {top: 25px;}

.member-wrap.join .agrees{margin-top:15px; text-align:center;}
.member-wrap.join .agrees label{font-size:13px;}
.member-wrap.join .agrees label a{ color:#12e6ff}

.member-wrap.join .cerfity-btn{display:block;text-align:center; line-height:50px ;background:#3e65cd; font-size:17px; letter-spacing:-0.03em; color:#fff; border-radius:4px;}
.member-wrap.join .join-btn {margin-top:20px;display:block; text-align:center;line-height:50px ;background:#ffd119; font-size:17px; letter-spacing:-0.03em; color:#000; border-radius:4px; font-weight: bold;}
.member-wrap.join .additional-btn {margin-top:20px;display:block; text-align:center;line-height:50px ;background:#0059c8; font-size:17px; letter-spacing:-0.03em; color:#fff; border-radius:10px; display: none;}

.member-wrap.join.court_add .join-btn {padding: 0 15px;}
.member-wrap.join.court_add p.nec {position: relative;}
.member-wrap.join.court_add label[for="attach_file"] {display: block; border: 1px solid #485065; height: 45px; line-height: 45px; font-size: 15px; padding: 0 15px; border-radius: 4px; background-color: #2e3956; color: #abc2ff;}
.member-wrap.join.court_add label[for="attach_file"] + #attach_file {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fff;}

.member-wrap.login .entry{margin-top:25px;}
.member-wrap.login .entry li{}
.member-wrap.login .entry li:nth-child(n+2){margin-top:7px;}
.member-wrap.login .entry li .chk-input{width:100%; border:none; position:relative;}
.member-wrap.login .entry li .chk-input input{border:1px solid #bdbdbd; height:50px; text-align:center; font-size:15px; padding:0 15px; border-radius:10px;}
.member-wrap.login .entry li .chk-input input::placeholder{opacity:0.3}
.member-wrap.login .entry li .chk-input.nec:before{position:Absolute; left:15px; top:50%; line-height:20px; margin-top:-7px; display:block; content:"*"; color:#ff9000; font-size:15px;}

.member-wrap.login .login-btn{margin-top:20px;display:block; text-align:center;line-height:50px ;background:#0059c8; font-size:17px; letter-spacing:-0.03em; color:#fff; border-radius:10px;}

.member-wrap.find .entry li{}
.member-wrap.find .entry li:nth-child(n+2){margin-top:7px;}
.member-wrap.find .entry li .chk-input{position: relative; width:100%; border:none; position:relative;}
.member-wrap.find .entry li .chk-input::before {position: absolute; left: 15px; top: 50%; transform: translateY(-50%); content: '*'; width: 5px; height: 15px; font-size: 16px; color: #12e6ff;}
.member-wrap.join .entry li .chk-input input,
.member-wrap.join .entry li .chk-input select,
.member-wrap.find .entry li .chk-input input{border:1px solid #485065; height:45px; text-align:center; font-size:15px; padding:0 15px; border-radius:4px; background-color: #2e3956; color: #abc2ff;}
.member-wrap.find .entry li .chk-input input[type="radio"] {height: 13px !important;}
.member-wrap.join .entry li .chk-input input::placeholder,
.member-wrap.find .entry li .chk-input input::placeholder{color: #abc2ff;}
.member-wrap.find .entry li .chk-input.nec:before{position:Absolute; left:15px; top:50%; line-height:20px; margin-top:-7px; display:block; content:"*"; color:#ff9000; font-size:15px;}

#doc.member.join_corp {overflow: hidden;}
#doc.member.join_corp .member-wrap {position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
/* #doc.member.join_corp .member-wrap .cont {padding: 10px 60px;} */
#doc.member.join_corp .member-wrap .copy {margin: 20px 0;}
#doc.member.join_corp .member-wrap .cont:first-child {padding: 20px 10px 10px 40px;}
#doc.member.join_corp .member-wrap .cont:last-child {padding: 20px 40px 10px 10px;}
#doc.member.join_corp .member-wrap .cont:last-child > .entry {height: 100%;}
#doc.member.join_corp .member-wrap .cont:last-child > .entry > ul {height: 100%; display: flex; flex-direction: column;}
#doc.member.join_corp .member-wrap .cont:last-child > .entry > ul > li:last-child {margin-top: auto;}
#doc.member.join_corp .member-wrap .cont:last-child > .entry > ul > li:nth-last-child(2) {flex: 1;}
#doc.member.join_corp .member-wrap .cont:last-child > .entry > ul > li:nth-last-child(2) .con_wrap {height: 100%;}

li ul.chechbox_list {flex-wrap: wrap; padding: 5px 10px; margin-top: -20px; border: 1px solid #485065; border-radius: 4px; background-color: #2e3956;}
.member-wrap.join .entry ul.chechbox_list li {width: calc(100% / 3); margin-top: 0;}
.member-wrap.join .entry ul.chechbox_list li input[type="checkbox"] {margin-right: 5px; vertical-align: middle;}
.member-wrap.join .entry ul.chechbox_list li label {color: #abc2ff;}

.mb-0 {margin-bottom: 0 !important;}
.member-wrap.join .entry li > .con_wrap ul.checkbox li {margin-top: 0; margin-right: 15px;}
.member-wrap.join .entry li > .con_wrap ul.checkbox li:last-child {margin-right: 0;}
.join li > .con_wrap {padding: 5px 10px; border: 1px solid #485065; border-radius: 4px; background-color: #2e3956;}
.join li > .con_wrap * {color: #abc2ff;}
.join li > .con_wrap span.nec {display: inline-block; color: #12e6ff; font-size: 16px; line-height: 22px; margin-right: 3px;}
.join li > .con_wrap ul.checkbox {justify-content: center; margin-bottom: 20px;}
.join li > .con_wrap .sub_tit {font-weight: 500; margin-bottom: 10px;}
.join li > .con_wrap input[type="checkbox"] {margin-right: 0; vertical-align: middle;}
.join li > .con_wrap input[type="text"],
.join li > .con_wrap textarea {width: 100%; border:1px solid #485065; height:45px; text-align:center; font-size:15px; padding: 10px 15px; border-radius:4px; background-color: #2e3956; color: #abc2ff; box-sizing: border-box;}
.join li > .con_wrap textarea {height: calc(100% - 43px); text-align: left;}
.join li > .con_wrap textarea.limit_textarea {height: 180px; line-height: 1.5;}
.join li > .con_wrap input[type="text"]::placeholder {color: #444; font-size: 12px;}
.join li > .con_wrap textarea::placeholder {color: #444; font-size: 12px; line-height: 2;}
.join li > .con_wrap.use_type > div {display: flex; flex-direction: column; width: 50%;}
.join li > .con_wrap.use_type > div:first-child {margin-right: 10px;}
.join li > .con_wrap.use_type ul.checkbox {height: 100%; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center;}
.join li > .con_wrap ul.checkbox.games {display: flex; flex-wrap: wrap; justify-content: left; margin-bottom: 0;}
.join li > .con_wrap ul.checkbox.games li {width: calc(33% - 10px); margin-right: 10px; padding-left: 5px;}
.join li > .con_wrap ul.checkbox.games li:nth-child(3n) {margin-right: 0;}
.join .cont li.logo {margin-top: 27px;}
.join .cont li.logo .con_wrap {padding: 10px;}
#doc.member.join_corp {overflow: auto;}

.d-flex.radio {justify-content: space-around;}
.radio_wrap:first-child {margin-left: 50px;}
.radio_wrap:last-child {margin-right: 50px;}
.radio_wrap label {color: #fff;}

.corp_casino_logo .logo.po_re {position: relative; padding: 0;}
.corp_casino_logo .logo.po_re span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff;}
.corp_casino_logo .logo.po_re img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 10; background-color: #000;}

.member-wrap.find .next-btn,.member-wrap.find .reset-btn{margin-top:40px;display:block; text-align:center;line-height:50px ;background:#ffd119; font-size:17px; letter-spacing:-0.03em; color:#000; border-radius:4px; font-weight: bold;}
.member-wrap.find .cerfity-btn{display:block;text-align:center; line-height:50px ;background:#3e65cd; font-size:17px; letter-spacing:-0.03em; color:#fff; border-radius:4px;}
.member-wrap.find.find_ok .next-btn {background-color: #3e65cd; color: #fff; margin: 0 0 20px;}
.member-wrap.find.find_ok .cerfity-btn {background-color: #ffd119; color: #000;}






/* =====================================
  .mypage-wrap.info
===================================== */
.mypage-wrap.info{}
.mypage-wrap.info .banner{height:200px; position:relative;background:#fff;}
.mypage-wrap.info .banner .upload-photo{position:relative;height:200px; background-color: #faf3ed; border: 1px solid #a4987c;}
.mypage-wrap.info .banner .upload-photo.hides .delete-file{display:none;}
.mypage-wrap.info .banner .upload-photo input[type="file"]{display:none}
.mypage-wrap.info .banner .upload-photo.active .delete-file{display:block;}
.mypage-wrap.info .banner .upload-photo.active label{display:none;}
.mypage-wrap.info .banner .upload-photo .delete-file{display:none;position:absolute;cursor:pointer;border:none;width:40px;height:40px; right:0; top:0;z-index:129; background:url(/images/Sub/pop-close.png) no-repeat center center rgba(0,0,0,0.5); background-size:40% auto;-webkit-transition:background 0s ease-out;-moz-transition: background 0s ease-out;-o-transition:  background 0s ease-out;transition: background 0s ease-out;}
.mypage-wrap.info .banner .upload-photo label{position:absolute;cursor:pointer; left:0; top:0; width:100%;height:100%; z-index:53;}
.mypage-wrap.info .banner .upload-photo label span{position:Absolute; left:50%; top:100px; color:#fff; font-size:17px;background:#a4987c; font-weight:700; line-height:35px; padding:0 25px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.mypage-wrap.info .banner .upload-photo .add-file{z-index:122}
.mypage-wrap.info .banner .upload-photo .add-file.show{ }
.mypage-wrap.info .banner .upload-photo .add-file img{width:100%; height:200px;object-fit:cover;}





.mypage-wrap.info .entry{font-family: 'ScoreDream'; margin-top:10px; }
.mypage-wrap.info .entry .vtem{position:relative; padding-left:160px;}
.mypage-wrap.info .entry .vtem:after{display:block; content:"";clear:both}
.mypage-wrap.info .entry .vtem:nth-child(n+2){margin-top:10px}

.mypage-wrap.info .entry .vtem .fl{float:none ;position:absolute; left:0; width:160px; top:0; height:100%; box-sizing:border-box; background:#f1e6dc; padding:17px 20px; display: flex; flex-direction: column; border-right: 5px solid #faf3ed;}
.mypage-wrap.info .entry .vtem .fr{float:none ; background:#f1e6dc; }

.mypage-wrap.info .entry .vtem .fl h3{font-size:15px; color:#000; letter-spacing:-0.03em; line-height:1.2em; font-weight:400; text-align: center; margin: auto 0;}

.mypage-wrap.info .entry .vtem .fr li{position:relative; padding:15px 20px;padding-left:190px; color: #000; border-bottom: 2px solid #faf3ed;}
.mypage-wrap.info .entry .vtem .fr li:last-child {border-bottom: none;}
.mypage-wrap.info .entry .vtem .fr li.no-pad{padding-left:20px;}
/* .mypage-wrap.info .entry .vtem .fr li:nth-child(n+2){border-top:1px solid #d9d9d9;} */
.mypage-wrap.info .entry .vtem .fr li .btxt{color:#000; font-weight:400; font-size:15px;letter-spacing:-0.03em; line-height:25px; position:absolute; left:20px; top:15px;}
.mypage-wrap.info .entry .vtem .fr li .stxt{color:#000; font-weight:400; font-size:15px;letter-spacing:-0.03em; line-height:25px;}
.mypage-wrap.info .entry .vtem .fr li .stxt2{display:flex;justify-content:space-around;font-weight:400; font-size:15px;letter-spacing:-0.03em; line-height:25px;}
.mypage-wrap.info .entry .vtem .fr li .stxt span{color:#db2f2f; }
.mypage-wrap.info .entry .vtem .fr li .ctxt{color:#ac6716; font-weight:400; font-size:15px;letter-spacing:-0.03em; line-height:25px;}
.mypage-wrap.info .entry .vtem .fr li .b{font-weight:600 !important}
.mypage-wrap.info .entry .vtem .fr li .abr{position:Absolute;right:20px; top:15px; font-size:0;}
.mypage-wrap.info .entry .vtem .fr li .abr p{color:#ac6716; font-weight:400; font-size:15px;letter-spacing:-0.03em; line-height:25px; margin-right:10px; display:inline-block;vertical-align:top;}
.mypage-wrap.info .entry .vtem .fr li .abr a:nth-child(n+2){margin-left:5px;}
.mypage-wrap.info .entry .vtem .fr li .abr .leave-btn{display:inline-block;vertical-align:top; line-height:25px; padding:0 15px; color:#fff; background:#424242; font-size:14px;}
.mypage-wrap.info .entry .vtem .fr li .abr .more-btn{display:inline-block;vertical-align:top; line-height:23px; padding:0 15px; color:#000; background:#12e6ff; border:1px solid #12e6ff;font-size:14px; font-weight: bold;}
.mypage-wrap.info .entry .vtem .fr li .abr .more-btn.detail {background-color: #0046ff; color: #fff; border-color: #0046ff;}
.mypage-wrap.info .entry .vtem .fr li .abr .modify-btn{display:inline-block;vertical-align:top; line-height:23px; padding: 0 15px; color:#000; background:#12e6ff; border:1px solid #12e6ff;font-size:14px; font-weight: bold;}
.mypage-wrap.info .entry .vtem .fr li .abr .modify-btn.red-bg{background:#12e6ff; color:#000; border-color:#12e6ff; line-height:25px; font-weight: bold;}
.mypage-wrap.info .entry .vtem .fr li .abr .with-btn{display:inline-block;vertical-align:top; line-height:25px; padding:0 10px; color:#fff; background:#1a70dc; font-size:14px;}
.mypage-wrap.info .entry .vtem .fr li .abr .chat-btn{display:inline-block;vertical-align:top; line-height:25px; padding:0 10px; color:#000; background:#12e6ff; font-size:14px; font-weight: bold;}
.mypage-wrap.info .entry .vtem .fr li .abr .detail-btn{display:inline-block;vertical-align:top; line-height:25px; padding:0 10px; color:#fff; background:#1a70dc; font-size:14px;}

.mypage-wrap.info .entry .vtem .fr li.other_info,
.mypage-wrap.info .entry .vtem .fr li.corp_casino {position: relative; padding-left: 15px;}

.mypage-wrap.info .entry .vtem .fr li.other_info .subscribe_btn.corp {position: absolute; left: 15px; top: 20px;}
.mypage-wrap.info .entry .vtem .fr li.other_info .lv {display: flex; flex-direction: column; justify-content: center;}
.mypage-wrap.info .entry .vtem .fr li.other_info > div.d-flex > div {margin-right: 20px;}
.mypage-wrap.info .entry .vtem .fr li.other_info > div.d-flex > div.lv {width: calc(30% - 13.3px);}
.mypage-wrap.info .entry .vtem .fr li.other_info > div.d-flex > div.profile-img {width: calc(40% - 13.4px);}
.mypage-wrap.info .entry .vtem .fr li.other_info > div.d-flex > div.subscribe {width: calc(30% - 13.3px); margin-right: 0;}
.mypage-wrap.info .entry .vtem .fr li.other_info > div.d-flex > div.casino_logo {margin: 10px 0 0 0; width: 100%;}
.mypage-wrap.info .entry .vtem .fr li.other_info .lv p {padding-top: 10px;}
.mypage-wrap.info .entry .vtem .fr li.other_info .subscribe {display: flex; flex-direction: column; justify-content: center;}
.mypage-wrap.info .entry .vtem .fr li.other_info .casino_logo {flex:1; margin-right: 0; text-align: center;border: 1px solid #f7c80f;justify-content: center;align-items: center;display: flex;}


.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t  {margin-bottom: 7px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t h4 {font-size: 18px; color: #f7c80f; margin-bottom: 10px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating {display: flex;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating .stars {margin-left: 0;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating .stars img {height: 23px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating > div {display: flex; margin-left: 10px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating > div * {color: #000;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating .score {padding: 3px 10px; text-shadow: 1px 1px #000; background-color: #e89300; border-radius: 10px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating .score_tit {margin: 0 20px; font-size: 10px; line-height: 27px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating h5 {line-height: 27px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .btns {margin-left: auto;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .btns .write_review {color: #fff; background-color: #138bf5; border-radius: 50vh; text-shadow: 1px 1px #000; padding: 5.5px 30px;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .btns .read_review {color: #fff; background: none; border-radius: 50vh; text-shadow: 1px 1px #000; padding: 5.5px 20px; border: 1px solid #455263; margin-left: 5px;}
.mypage-wrap.info .board-wrap.list .filter.mypage .search select {width: 100%; background-color: #fff; color: #000;}


.mypage-wrap.info .entry .vtem .fr li .nickname {}
.mypage-wrap.info .entry .vtem .fr li .nickname .ico{display:inline-block;vertical-align:top; padding:0 0 0 0}
.mypage-wrap.info .entry .vtem .fr li .nickname .ico img{width:25px;}
.mypage-wrap.info .entry .vtem .fr li .nickname .ntxt{display:inline-block;vertical-align:top;margin-left:5px; line-height:25px; font-size:15px; color:#000;}

.mypage-wrap.info .entry .vtem .fr li .profile-img{position:relative;padding:10px 0}
.mypage-wrap.info .entry .vtem .fr li .profile-img .photo{width:180px; height:180px; border-radius:100%; border:1px solid #ddd; display:inline-block;vertical-align:top;overflow:hidden;}
.mypage-wrap.info .entry .vtem .fr li .profile-img .photo img{width:100%;height:180px;object-fit:cover;}
.mypage-wrap.info .entry .vtem .fr li .ex{font-size:15px; position:static ;left:50%; bottom:15px;}
.mypage-wrap.info .entry .vtem .fr li .ex span{color:#ac6716}
.mypage-wrap.info .entry .vtem .fr li .abr input[type="file"]{display:none}

.mypage_tab_wrap {background: #f7e2cf; border: 1px solid #a4987c;}
.mypage_tab_wrap .depth1 {border-bottom: 2px solid #ac6716; background-color: #f1e6dc;}
.mypage_tab_wrap ul li {width: 150px;}
.mypage_tab_wrap .depth1 ul li {background-color: #f1e6dc;}
.mypage_tab_wrap .depth1 ul li * {color: #000;}
.mypage_tab_wrap .depth1 ul li.active {background-color: #ac6716;}
.mypage_tab_wrap .depth1 ul li.active p {color: #000;}
.mypage_tab_wrap .depth1 ul li.active a {color: #fff;}
.mypage_tab_wrap .depth1 ul li > p {display: block; padding: 15px 0; text-align: center; font-size: 16px; /*cursor: pointer;*/ }
.mypage_tab_wrap .depth2 ul li > * {display: block; padding: 15px 0; text-align: center; font-size: 16px; color: #6c6c6c;}
.mypage_tab_wrap .depth2 ul li.b > * {color: #000;}



/* ===============================================================================================================
   #################### 2022-07-27 ####################
=============================================================================================================== */
.market-wrap{margin-top:10px;font-family: 'Lato','Noto Sans KR';}

.market-wrap.list{}
.market-wrap.list:after{display:block; content:"";clear:both;}
.market-wrap.list .fl{float:left; width:220px; border:1px solid #00b3fb; box-sizing:border-box; background:#e0f4fb;}
.market-wrap.list .fl.no-bg{border:none; background:#fff;}
.market-wrap.list .fr{float:right; width:calc(100% - 230px); letter-spacing:-0.02em;}

.market-wrap.list .fl .tits{background:#d7d7d7; padding:7px 10px; position:relative;}
.market-wrap.list .fl .tits h3{line-height:24px; color:#00005e; font-weight:700; font-size:17px;}
.market-wrap.list .fl .tits .abr{position:Absolute;right:10px; top:7px; padding-right:32px;}
.market-wrap.list .fl .tits .abr p{display:block; line-height:24px; color:#0b0300;font-weight:700;font-size:14px; }
.market-wrap.list .fl .tits .abr .refresh-btn{background:url(/images/Content/bal-refresh.jpg) no-repeat center center;background-size:100%; width:24px;height:24px; position:absolute;right:0; top:0;}
.market-wrap.list .fl .con{ padding:10px 15px;}

.market-wrap.list .fl .hand{text-align:center;}
.market-wrap.list .fl .hand h4{ line-height:1.2em;color:#0b0300;font-weight:700;font-size:16px; }
.market-wrap.list .fl .hand .info{background:#ace0f8; padding:5px 10px; border:1px solid #8d96a7;  margin-top:7px;}
.market-wrap.list .fl .hand .btxt{font-size:14px; color:#c12408;}
.market-wrap.list .fl .hand .stxt{font-size:13px; color:#080d11;text-align:right; margin-top:5px;}
.market-wrap.list .fl .hand .stxt a{display:inline-block;vertical-align:top; background:#8eef88; font-weight:700;color:#080d11; padding:0 5px; margin-left:5px;}

.market-wrap.list .fl .times{margin-top:20px;text-align:center;}
.market-wrap.list .fl .times .btxt{font-size:13px; font-weight:400; color:#080d11; line-height:1.2em; text-align:left;}
.market-wrap.list .fl .times .stxt{font-size:13px; font-weight:400; color:#cb0500; line-height:1.2em; margin-top:5px;}
.market-wrap.list .fl .times .ctxt{font-size:13px; font-weight:400; color:#01070e; line-height:1.2em; position:Relative; padding-top:20px;}
.market-wrap.list .fl .times .ctxt:before{position:Absolute ;line-height:20px; top:2px; width:100%; font-weight:800; color:#111; text-align:center; display:block; content:"VS"}
.market-wrap.list .fl .times .ztxt{font-size:13px; font-weight:400; color:#03399e; line-height:1.2em;}

.market-wrap.list .fl .amount{margin-top:25px; position:relative; padding-left:55px;}
.market-wrap.list .fl .amount .btxt{position:absolute; left:0; top:0; line-height:30px;  color:#080d11;  font-size:13px;}
.market-wrap.list .fl .amount .chk-input{width:90px; }
.market-wrap.list .fl .amount .chk-input input{background:#fff; border-radius:3px; border:1px solid #959da1; height:30px;padding:0 10px; font-size:16px ;font-weight:800; color:#fb4876;}

.market-wrap.list .fl .nums{margin-top:10px;border:2px solid #a7aaaf;}
.market-wrap.list .fl .nums ul{padding:5px;background:#fff;}
.market-wrap.list .fl .nums li{position:Relative; padding-left:50%}
.market-wrap.list .fl .nums li:nth-child(n+2){margin-top:2px;}
.market-wrap.list .fl .nums li .btxt{position:absolute; left:0; top:0; width:calc(50% - 10px) ; line-height:25px; background:#00adef; color:#fff; font-weight:500; font-size:11px;  box-sizing:border-box; padding:0 5px;}
.market-wrap.list .fl .nums li .stxt{line-height:25px; font-size:14px; color:#080d11; font-weight:600;}
.market-wrap.list .fl .nums li .stxt.cblue{ color:#121269}

.market-wrap.list .fl .btns{background:#d7d7d7; padding:5px 10px;}
.market-wrap.list .fl .btns:after{display:block; content:"";clear:both}
.market-wrap.list .fl .btns a{float:left; width:48.5%; line-height:30px ;color:#fff; background:#959595; font-size:12px; text-align:center;}
.market-wrap.list .fl .btns a:nth-child(2){float:right;}
.market-wrap.list .fl .btns a:hover{background:#555;}

.market-wrap.list .fr .tits{background:#e8eff5; padding:5px 10px; position:relative;}
.market-wrap.list .fr .tits h3{font-size:15px; font-weight:700; color:#2e3c7d; letter-spacing:0; line-height:25px;position:relative; padding-left:12px; font-style:italic}
.market-wrap.list .fr .tits h3:before{position:Absolute ;left:0; top:0; color:#555; display:block; content:"";width:14px;height:25px; background:url(/images/Content/tit-rarrow.png) no-repeat left center; background-size:5px auto;}
.market-wrap.list .fr .tits .selBox{ position:Absolute;right:10px; top:5px;z-index:31;height:25px;}
.market-wrap.list .fr .tits .selBox .ctrl{width:50px; height:25px; bordeR:1px solid #ddd;  display:block; background:url(/images/Content/ico-list.jpg) no-repeat 7px center #ebebeb; background-size:16px auto;}
.market-wrap.list .fr .tits .selBox .ctrl:after{width:14px;height:12px; position:absolute;right:7px; top:50%;margin-top:-6px; background:url(/images/Content/ico-listarrow.jpg) no-repeat center right; background-size:10px auto; display:block; content:"";}
.market-wrap.list .fr .tits .selBox ul{display:none;border:1px solid #ddd;padding:0;position:absolute; right:0;top:25px;width:100%; min-width:70px;background:#fff; box-sizing:border-box; z-index:92;}
.market-wrap.list .fr .tits .selBox ul li{height:auto;padding:0; border:none; border-radius:0;}
.market-wrap.list .fr .tits .selBox ul li:nth-child(n+2){margin-top:0;}
.market-wrap.list .fr .tits .selBox ul li a{display:block; padding:5px 10px; line-height:15px;font-size:12px; color:#707070;}
.market-wrap.list .fr .tits .selBox ul li.on a{color:#111;background:#ebebeb;}

.market-wrap.list .fr .tits .selBox.ones ul li a{background-image:none !important;}
.market-wrap.list .fr .tits .selBox.active ul{display:block;}


.market-wrap.list .running li{border:1px solid #00b3fb; box-sizing:border-box; background:#e0f4fb; padding:10px;}
.market-wrap.list .running li:nth-child(n+2){margin-top:5px;}

.market-wrap.list .running li .btxt{font-size:12px; color:#080d11; letter-spacing:-0.01em; line-height:1.2em;}
.market-wrap.list .running li .stxt{margin-top:3px;font-size:14px; color:#080d11; letter-spacing:-0.01em; line-height:1.2em;}
.market-wrap.list .running li .ctxt{margin-top:3px;font-size:13px; color:#080d11; letter-spacing:-0.01em; line-height:1.2em; font-weight:800;}
.market-wrap.list .running li .ctxt span{font-weight:400; margin-right:4px;}
.market-wrap.list .running li .ctxt span.b{font-weight:800}
.market-wrap.list .running li .ztxt{margin-top:3px;font-size:12px; color:#080d11; letter-spacing:-0.01em; line-height:1.2em;}

.market-wrap.list .running li .abr{margin-top:10px; position:relative;}
.market-wrap.list .running li .abr .run-btn{display:inline-block;vertical-align:top; padding:0 15px;line-height:25px ;font-size:14px; font-weight:600; color:#fff; background:#45a840;}
.market-wrap.list .running li .abr .print-btn{ position:Absolute;right:0; top:0; line-height:25px; /* padding-right:35px;background:url(/images/Content/ico-print.png) no-repeat right center; background-size:24px auto; */}
.market-wrap.list .running li .abr .print-btn span{font-size:14px; font-weight:800;font-size:13px; color:#080d11;}

.market-wrap.list .fr .list{}
.market-wrap.list .fr .list table{ table-layout:fixed;font-family: "Lato",'Noto Sans KR'}
.market-wrap.list .fr .list table thead th{font-size:12px; font-weight:400; letter-spacing:-0.02em; line-height:1.2em; background:#0095da; padding:10px 3px; text-align:center; color:#fff; border:1px solid #b1b1b1}
.market-wrap.list .fr .list table thead th:nth-child(even){background:#00aeef}
.market-wrap.list .fr .list table tbody th{border:1px solid #b1b1b1;background:#b1b1b1; font-size:13px;}
.market-wrap.list .fr .list table tbody td{border:1px solid #b1b1b1;font-size:13px; font-weight:400;  padding:5px 3px; letter-spacing:-0.01em; line-height:1.2em; color:#111; text-align:center;}
.market-wrap.list .fr .list table tbody td.l{padding:5px 7px;}
.market-wrap.list .fr .list table tbody tr{background:#c6d4f1}
.market-wrap.list .fr .list table tbody tr:nth-child(even){background:#fdfdfd;}
.market-wrap.list .fr .list table tbody tr:hover{background:#f5eeb8 !important}


.market-wrap.list .fr .list table tbody .home{color:#111;font-weight:600;font-style:italic ; letter-spacing:0.02em;}
.market-wrap.list .fr .list table tbody .away{color:#ff0000;font-weight:600;font-style:italic ; letter-spacing:0.02em;}

.market-wrap.list .fr .list table tbody .nara{position:relative; padding:5px 7px 5px 115px;}
.market-wrap.list .fr .list table tbody .nara .img{position:absolute; left:80px; top:5px; width:26px;}
.market-wrap.list .fr .list table tbody .nara .img img{ height:16px;vertical-align:top;line-height:100%;}
.market-wrap.list .fr .list table tbody .nara .txt{ color:#000; font-weight:600; line-height:18px; }
.market-wrap.list .fr .list table tbody .nara .refresh-btn{width:18px;height:18px;background:url(/images/Content/nara-refresh.jpg) no-repeat center center;background-size:100% auto; position:absolute; right:7px; top:5px;}

.market-wrap.list .fr .list table tbody .hand{padding:0 5px; font-size:11px;}
.market-wrap.list .fr .list table tbody .hand p{cursor:pointer;color:#00061e; position:relative; text-align:right;font-weight:600; line-height:1.2em;}
.market-wrap.list .fr .list table tbody .hand p span{color:#585a5e; font-size:11px;position:absolute; left:0; top:0; font-weight:400; line-height:1.2em;}
.market-wrap.list .fr .list table tbody .hand p:nth-child(n+2){margin-top:3px;}



.market-wrap.result .filter{border:1px solid #cecfd0; background:#f2f2f2; padding:10px 15px; position:Relative;font-size:0}
.market-wrap.result .filter .field{display:inline-block;vertical-align:top;}
.market-wrap.result .filter .field:nth-child(n+2){margin-left:20px;}
.market-wrap.result .filter .field .btxt{display:inline-block;vertical-align:top; line-height:25px; font-size:14px; font-weight:700; color:#000001; padding-left:10px; margin-right:15px;background:url(/images/Content/tit-rarrow.png) no-repeat left center; background-size:3px auto; }
.market-wrap.result .filter .chk-select{width:140px;background:#ebebeb;border:1px solid #b7b7b7; height:25px; }
.market-wrap.result .filter .chk-select select{border-radius:0; height:25px; padding:0 6px; padding-right:20px; text-indent:-1px; font-size:12px; color:#111;}
.market-wrap.result .filter .enter{display:inline-block;vertical-align:top; width:100px; margin-left:25px;line-height:25px ;color:#fff; background:#959595; font-size:12px; text-align:center;}
.market-wrap.result .filter .enter:hover{background:#111}

.market-wrap.result .list{}
.market-wrap.result .list table{ table-layout:fixed;font-family: "Lato",'Noto Sans KR'}
.market-wrap.result .list table thead th{font-size:12px; font-weight:400; letter-spacing:-0.02em; line-height:1.2em; background:#0095da; padding:10px 3px; text-align:center; color:#fff; border:1px solid #b1b1b1}
.market-wrap.result .list table thead th:nth-child(even){background:#00aeef}
.market-wrap.result .list table tbody th{border:1px solid #b1b1b1;background:#b1b1b1; font-size:13px; text-align:Center; padding:7px 5px; color:#000; font-weight:800; line-height:18px;}
.market-wrap.result .list table tbody td{border:1px solid #b1b1b1;font-size:13px;font-weight:400;  padding:9px 5px; letter-spacing:-0.01em; line-height:1.2em; color:#111; text-align:center;}
.market-wrap.result .list table tbody td.l{padding:5px 7px;}
.market-wrap.result .list table tbody tr{background:#c5eeff; }
.market-wrap.result .list table tbody tr:hover{background:#f5eeb8 !important}
.market-wrap.result .list table tbody tr:nth-child(odd){background:#fdfdfd;}

.market-wrap.outer .filter{}
.market-wrap.outer .filter .field{display:inline-block;border-radius:5px; font-size:0; border:1px solid #ddd; overflow:hidden;}
.market-wrap.outer .filter .field .chk-input{width:110px;}
.market-wrap.outer .filter .field .chk-input input{ height:30px; padding:0 15px; border:none; font-size:13px;}
.market-wrap.outer .filter .field .ctxt{background:#e9ecef; display:inline-block;vertical-align:top; font-size:13px; line-height:30px;color:#00061e;  padding:0 15px;}
.market-wrap.outer .filter .field .enter{background:#0bb8e4; font-size:12px; font-weight:700; line-height:30px; padding:0 15px; display:inline-block;vertical-align:top; color:#fff;}
.market-wrap.outer .filter .date{margin-top:10px;background:#bdedf6; border-radius:5px; padding:5px 10px;}
.market-wrap.outer .filter .date p{color:#00061e; line-height:20px; font-weight:400; font-size:14px;}

.market-wrap.outer .list{margin-top:10px;}
.market-wrap.outer .list ul{}
.market-wrap.outer .list li{border-radius:10px; background:#fff;padding:15px 20px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)  ; }
.market-wrap.outer .list li:nth-child(n+2){margin-top:10px;}

.market-wrap.outer .list li .info{position:relative;padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #dedede;}
.market-wrap.outer .list li .info .btxt{color:#00061e; position:relative; line-height:20px; font-size:16px;font-weight:600;}
.market-wrap.outer .list li .info .stxt{position:absolute;right:0; top:0;color:#00061e; line-height:20px; font-size:13px;font-weight:300;}
.market-wrap.outer .list li .txt{}
.market-wrap.outer .list li .txt .btxt{position:relative;color:#00061e; line-height:20px; font-weight:800; font-size:16px;text-align:right;}
.market-wrap.outer .list li .txt .btxt span{position:absolute; left:0; top:0; font-size:20px; font-weight:800;}
.market-wrap.outer .list li .txt .stxt{margin-top:6px;position:relative;color:#00061e; line-height:20px; font-weight:700; font-size:14px;text-align:right;}
.market-wrap.outer .list li .txt .stxt span{position:absolute; left:0; top:0; font-size:16px; font-weight:700;}
.market-wrap.outer .list li .txt .ctxt{margin-top:4px;position:relative;color:#00061e; line-height:20px; font-weight:400; font-size:14px;text-align:right;}
.market-wrap.outer .list li .txt .ctxt span{position:absolute; left:0; top:0;}

.market-wrap.outer .list li .txt .ztxt{margin-top:10px;color:#444; line-height:1.3em; font-weight:400; font-size:14px;}
.market-wrap.outer .list li .txt .xtxt{margin-top:2px;position:relative;color:#444; line-height:1.3em;font-weight:400; font-size:14px;}
.market-wrap.outer .list li .txt .xtxt span{position:absolute; right:0; top:0;}


.market-wrap.outer .paging-wrap{background:none; border:none; margin-top:20px;}
.market-wrap.outer .paging-wrap .ctrl{background-color:#fff !Important; border:1px solid #ddd;}





.layer-wrap.confirm{position:fixed; left:50%; top:50%;width:400px;border-radius:10px; box-sizing:border-box;background:#fff; border:1px solid #aaa;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.confirm .is-con{ padding:30px;}
.layer-wrap.confirm .is-con .btxt{color:#00061e; line-height:1.35em; font-weight:800; font-size:17px;}
.layer-wrap.confirm .is-con .stxt{color:#00061e; line-height:1.35em; font-weight:400; font-size:14px;}
.layer-wrap.confirm .is-btm{border-top:1px solid #aaa; padding:15px 20px; text-align:right; font-size:0;}
.layer-wrap.confirm .is-btm a{display:inline-block;vertical-align:top;position:Relative;border:1px solid #ddd;  border-radius:5px;background:#f5f5f5; line-height:35px; padding:0 15px; color:#00061e;  font-size:14px;}
.layer-wrap.confirm .is-btm a:nth-child(n+2){margin-left:10px;}
.layer-wrap.confirm .is-btm a:hover:after{border:2px solid #444;border-radius:5px; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); display:block ;content:"";box-sizing:border-box;  }

.p-0 {padding: 0 !important;}
.d-flex {display: flex !important;}
.wrap {flex-wrap: wrap;}
.ml-auto {margin-left: auto;}

.game-frame {padding-bottom: 20px;}
.game-frame .user_info li {margin-right: 30px; font-size: 18px; line-height: 43px;}
.game-frame .user_info li.user_id {font-weight: bold; margin-right: 50px;}
.game-frame .user_info li.btn {margin-right: 0;}
.game-frame .user_info li.btn a {display: block; text-align: center; padding: 10px 20px; border: 2px solid #1b3769; border-radius: 5px; margin-bottom: 10px; line-height: 1; background-color: #4472c4; color: #fff;}
.game-frame .game {width: calc(50% - 10px); margin-bottom: 20px; padding: 10px; background-color: #27313a; border: 1px solid #3b434f; border-radius: 5px;}
.game-frame .game:nth-child(2n - 1) {margin-right: 20px;}
.game-frame .game > a {display: block; text-align: center;}
.game-frame .game a > img {max-width: 100%; transition: 0.3s;}
.game-frame .game .gradiant_border a > img {width: 100%; transition: 0.3s;}
.game-frame .game:hover > a > img {opacity: 0.6;}
.game-frame .game p {text-align: center; padding-top: 10px; font-size: 16px; font-weight: bold; color: #f1d808;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; min-width:153px;}

.game_swiper_wrap {position: relative; overflow: hidden; padding-top: 30px;}
.game_swiper_tit {position: absolute; left: 0; top: 0; width: 100%; padding: 0 15px;}
.game_swiper_tit h5 {color: #fff; font-size: 18px; line-height: 33px;}
.game_swiper_tit .show_all_btn {padding: 5px 10px; border: 1px solid #3b434f; border-radius: 2px; margin-right: 70px; color: #fff; background-color: #27313A;}
.game_swiper {position: relative; padding: 15px 15px 120px 15px;}
.game_swiper .swiper-button-prev {top: -15px; left: auto; right: 45px;}
.game_swiper .swiper-button-next {top: -15px; right: 15px;}
.game_swiper .swiper-button-prev::after,
.game_swiper .swiper-button-next::after {font-size: 16px; color: #fff;}
.game_swiper .swiper-pagination {bottom: 100px; z-index: 0;}
.game_swiper .swiper-pagination-bullet {width: 32px; height: 4px; border-radius: 0; background-color: #a2aeb7;}
.game_swiper .swiper-pagination-bullet-active {background-color: #f1d808;}

.game-frame .game_swiper .game {margin-right: 0;}


#contents.p-0 .category_tab {padding: 15px 15px 0 15px;}
#contents.p-0 .board-wrap.list {padding: 0 0px;}


.game-frame .one .game {width: 100%; margin-right: 0;}

.game-frame .onethird .game {width: calc(33.33% - 10px); margin-right: 15px;}
.game-frame .onethird .game:nth-child(3n) {margin-right: 10px;}

.game-frame .quarter .game {width: calc(25% - 18px); margin-right: 10px;margin-left: 8px;}
.game-frame .quarter .game:nth-child(3n) {margin-right: 10px;}
.game-frame .quarter .game:nth-child(4n) {margin-right: 0;}

.game-frame .tournament {min-height: 1000px;}

.game-frame ul.category_tab {width: 100%;}
.game-frame ul.category_tab li:not(.filter) {flex: 1; text-align: center; margin-right: 10px;}
.game-frame ul.category_tab li:last-child {margin-right: 0;}
.game-frame ul.category_tab li a {display: block; background-color: #27313a; border: 2px solid #37444f; border-radius: 3px; padding: 10px 5px;}
.game-frame ul.category_tab li.active a {border-color: #f7c80f;}
.game-frame ul.category_tab li img {width: 30px;}
.game-frame ul.category_tab li a p {color: #fff; font-weight: 700; font-size: 16px;}

.game-frame ul.category_tab li.filter {text-align: center; margin-right: 10px;}
.game-frame ul.category_tab li.filter a {padding: 10px;}
.game-frame ul.category_tab li.filter img {filter: brightness(0) invert(1);}


p.notice {position: relative; color: #f1d808; font-size: 18px; font-weight: 800; margin: 20px 0; padding: 15px 15px 15px 25px; border-radius: 5px; border: 1px solid #3b434f; background-color: #27313a;}
p.notice::before {position: absolute; top: 50%; left: 10px; transform: translateY(-50%); content: ''; width: 5px; height: 5px; background-color: #f1d808; border-radius: 50vh;}
.mt-30 {margin-top: 30px !important;}
.mt-50 {margin-top: 50px !important;}

#game_list > .game {position: relative;}

#game_list > .game > .game_popup {position: absolute; left: 50%; top: -15px; transform: translateX(-50%); width: calc(100% + 30px); padding: 20px; background-color: #27313a; border: 1px solid #f7c80f; z-index: -1; opacity: 0; transition: 0.4s; box-shadow: 0 10px 30px #000; border-radius: 8px;}
#game_list > .game > .game_popup.show {z-index: 10; opacity: 1; animation: fadeInUp 0.4s;}
/* #game_list > .game > .game_popup.show {z-index: 10; opacity: 1; } */

/* #game_list > .game:first-child > .game_popup {display: block; z-index: 10; opacity: 1;} */

@keyframes fadeInUp {
    0% {
        opacity: 0;
        top: 0;
    }
    to {
        opacity: 1;
        top: -15px;
    }
}

#game_list > .game > .game_popup {text-align: center;}
#game_list > .game > .game_popup > img {max-width: 100%; max-height: 158px;}
#game_list > .game > .game_popup .game_name {text-align: center; margin-bottom: 10px;}
#game_list > .game > .game_popup li {margin-bottom: 10px;}
#game_list > .game > .game_popup li:last-child {margin-bottom: 0;}
#game_list > .game > .game_popup li a {display: block; padding: 5px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 5px; font-weight: 800;}
#game_list > .game > .game_popup li a:hover {color: #f7c80f; border: 1px solid #f7c80f;}
#game_list > .game > .game_popup li a:hover img {filter: invert(8%) sepia(18%) saturate(2306%) hue-rotate(355deg) brightness(96%) contrast(96%)}
#game_list > .game > .game_popup li a.free {background-color: #f7c80f; color: #000; font-size: 18px; padding: 10px; border: 2px solid #f7c80f; margin-bottom: 15px;}
#game_list > .game > .game_popup li a.free:hover {background-color: #000; color: #f7c80f;}
#game_list > .game > .game_popup li a.free:hover img {filter: invert(93%) sepia(18%) saturate(2306%) hue-rotate(355deg) brightness(96%) contrast(96%);}

.point_popup {position: fixed; left: 60%; top: 20%; transform: translate(-50%, -50%); width: 500px; z-index: 99999; background: #192964; border: 1px solid #4472c4; box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5); font-size: 16px; display: none;}
.point_popup * {color: #fff;}
.point_popup  > div {padding: 10px; border-bottom: 1px solid #4472c4;}
.point_popup .popup_header img {width: 18px; height: 18px;}
.point_popup .popup_body {padding: 20px;}
.point_popup .popup_body li {width: calc(33% - 6px); margin-right: 10px; margin-bottom: 10px;}
.point_popup .popup_body li:nth-child(3n) {margin-right: 0;}
.point_popup .popup_body li button {width: 100%; height: 100%; background: #0460a8; border: none; outline: none; display: block; padding: 10px; border-radius: 5px;}
.point_popup .popup_footer a {display: block; padding: 7px 20px; border-radius: 5px; font-size: 14px;}
.point_popup .popup_footer a.exchange_btn {background-color: #ea424d; margin-left: auto;}
.point_popup .popup_footer a.cancel_btn {background-color: #5d43eb; margin-left: 10px;}
.point_popup .popup_footer a.point_btn {background-color: #fff; margin-left: 10px;color:#000;width:150px;}
.point_popup .popup_footer a.point_btn span {color:#000;}
.point_popup .popup_footer a.init_btn {background-color: #5d43eb; margin-right: 10px;}

.board-wrap.list .list.rank table .point {padding-right: 40px;}



.mt-auto {margin-top: auto;}
.mb-auto {margin-bottom: auto;}
.mb-10 {margin-bottom: 10px;}
/* casino list */
/* tab */
.tab_list {display: flex; margin-bottom: 20px;}
.tab_list li {margin-right: 20px;}
.tab_list li a {padding: 7px 20px; border-radius: 5px; background-color: #0046ff; color: #fff; display: block;}
.tab_list li.active a {background-color: #3e65cd;}

/* casino */
.casino > li {border: 2px solid #000; margin-bottom: 20px;}
.casino li .logo {display: flex; flex-direction: column; width: 200px; background-color: #000; padding: 10px; text-align: center;}
.casino li .logo img {width: 150px; height: auto; vertical-align: middle; margin: auto;}
.casino li .con {position: relative; width: calc(100% - 120px); padding: 20px; background-color: #30384d;}
.casino li .con h4.name {font-size: 24px; font-weight: bold; padding: 0 0 10px 0; color: #f7c80f;}
.casino li .con ul.exp {padding-top: 10px;}
.casino li .con ul.exp li {list-style-type: disc; margin-left: 20px; margin-bottom: 15px; font-size: 16px; color: #fff;}
.casino li .con ul.exp li::marker {color: #f7c80f;}
.casino li .btn_wrap {display: flex;}
.casino li a {padding: 7px 20px; font-weight: bold; transition: 0.3s;}
.casino li #visit_btn {margin-right: 10px; background-color: #f7c80f; color: #000; font-weight: 800; border-radius: 2px; line-height: 25px; border: 2px solid #f7c80f;}
.casino li #visit_btn:hover {background-color: #000; color: #f7c80f;}
.casino li #review_btn {border: 2px solid #d3d3d3; color: #000; border-radius: 2px; line-height: 25px; background-color: #d3d3d3;}
.casino li #review_btn:hover {background-color: #000; color: #d3d3d3;}

.casino li .con .game_list {position: absolute; right: 20px; top: 50px; width: 260px;}
.casino li .con .game_list .head a {padding: 0; margin-left: auto; color: #007dff;}
.casino li .con .game_list .head h4 {color: #fff; font-size: 17px;}
.casino li .con .game_list ul {display: flex; flex-wrap: wrap;}
.casino li .con .game_list ul li {position: relative; width: calc(33.33% - 4px); border: 2px solid #45c24c; box-sizing: border-box; margin-right: 5px; margin-bottom: 5px; text-align: center; padding: 5px 0; font-size:10px; line-height: 1; background-color: #27313a; color: #fff;}
.casino li .con .game_list ul li::after {position: absolute; right: 2px; top: 2px; content: ''; width: 10px; height: 10px; background-image: url(/images/casino/ico_on.png); background-size: cover;}
.casino li .con .game_list ul li[class*="Disable"] {background-color: #192128; border-color: #192128;}
.casino li .con .game_list ul li[class*="Disable"]::after {background-image: url(/images/casino/ico_off.png);}
.casino li .con .game_list ul li:nth-child(3n) {margin-right: 0;}
.casino li .con .game_list ul li img {display: block; margin: 0 auto;}

.casino li .con .game_list_all {position: absolute; right: -35px; top: 90px; display: none; background-color: #fff; box-shadow: 0 2px 25px rgba(0,0,0,.15); padding: 10px; z-index: 10;}
.casino li .con .game_list_all li {position: relative; padding: 5px 5px 5px 20px;}
.casino li .con .game_list_all li::before {position: absolute; left: 5px; top: 50%; transform: translateY(-50%); content: ''; width: 7px; height: 7px; background-color: #44be4c; border-radius: 50vh;}
.casino li .con .game_list_all li img {margin-right: 5px;}

.casino_list {display: none;}
.casino_list.casino_list01 {display: block;}

.search_area.d-flex {margin-bottom: 20px; background-color: #04031c;}
.search_area.d-flex * {color: #fff;}
.search_area.d-flex > * {padding: 20px;}

.search_area.d-flex .tit {display: flex; flex-direction: column; padding: 20px 30px;}
.search_area.d-flex .tit h4 {font-size: 18px; font-weight: 900; margin: auto 0;}
.search_area.d-flex .checkbox_list {display: flex; flex-wrap: wrap; flex: 1; padding: 20px 20px 10px 20px;}
.search_area.d-flex .checkbox_list li {width: 25%; margin-bottom: 10px;}
.search_area.d-flex .filter {display: flex; flex-direction: column; margin-left: auto;}
.search_area.d-flex .filter > div {margin: auto 0;}
.search_area.d-flex .filter a {display: block; margin-left: 10px;}

.corp_casino_logo .logo {background-color: #000; padding: 10px; width:150px;height:70px;border: 1px solid #45c24c; }
.corp_casino_logo .logo img {height: auto; vertical-align: middle; margin: auto 0;}
.corp_casino_logo .attatch {display: flex; flex-direction: column; margin-left: 10px;}
.corp_casino_logo label[for="logo"] {padding: 10px 20px; background-color: #00a6dc; margin: auto 0 auto 0; border-radius: 10px; color: #fff;}

/* 2023105 add */
.casino li.li {background-color: #04031c; padding: 7px;}
.casino li.li a:hover {opacity: 0.8;}
.casino li .con_l {width: 350px; margin-right: 10px;}
.casino li .con_l > p {background-image: linear-gradient(to right, #1e1829, #04031c); color: #c0b6dc; border-bottom: 1px solid #2d2564; font-size: 16px; padding: 5px 15px; margin-bottom: 10px;}
.casino li .con_l .logo {width: 100%; background: none; padding: 0;}
.casino li .con_l > .logo > img {max-width: 250px; width: 100%; max-height: 250px; height: auto;}
.casino li .con_l .game_list {flex-wrap: wrap; padding: 7px 7px 0 7px; border: 1px solid #2f2647; background-image: linear-gradient(to right, #10112c, #22193b);}
.casino li .con_l .game_list li:not(.hide_btn) {position: relative; width: calc(1/3*100% - 5px); margin-right: 7px; margin-bottom: 7px; min-height: 60px; background-size: cover; background-repeat: no-repeat; color: #fff; border-radius: 3px; overflow: hidden;}
.casino li .con_l .game_list li:nth-child(3n) {margin-right: 0;}
.casino li .con_l .game_list li::after {position: absolute; left: 10px; bottom: 10px; content: ''; width: 14px; height: 15px; background-image: url(/images/casino/add/ico_abled.png); background-size: cover;}
.casino li .con_l .game_list li[class*="Disable"]::after {background-image: url(/images/casino/add/ico_disabled.png);}
.casino li .con_l .game_list li span {position: absolute; top: 5px; left: 10px; z-index: 10; color: #cdc1c4; text-shadow: 1px 1px #000; font-size: 11px;}
.casino li .con_l .game_list li:not(.gradient):not(.hide_btn) img {position: absolute; bottom: 0; right: 0; width: 60px;}

.casino li .con_l .game_list {position: relative;}
.casino li .con_l .game_list.more {height: 206px; overflow: hidden;}
.casino li .con_l .game_list.open {height: auto;}
.casino li .con_l .game_list.more .gradient {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) ,#10112c 100%); z-index: 11;}
.casino li .con_l .game_list.more .gradient.hide {display: none;}
.casino li .con_l .game_list.more .gradient::after {display: none;}

.casino li .con_l .game_list .gradient {display: none;}
.casino li .con_l .game_list.more .gradient .more {display: block; position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); cursor: pointer; color: #f7c80f;}
.casino li .con_l .game_list .hide_btn {display: none;}
.casino li .con_l .game_list.open .hide_btn {display: block; position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); cursor: pointer; color: #f7c80f; font-size: 11px; text-shadow: 1px 1px #000;}
.casino li .con_l .game_list.open .hide_btn img {transform: rotate(180deg);}
.casino li .con_l .game_list.open .hide_btn::after {display: none;}


.casino li .con_r {display: flex; flex-direction: column; width: calc(100% - 360px);}
.casino li .con_r > div {background-image: linear-gradient(to right, #10112c, #22193b); padding: 15px 20px 15px 40px;}
.casino li .con_r .con_r_t  {margin-bottom: 7px;}

.casino li .con_r .con_r_t > .d-flex {margin-bottom: 10px;}
.casino li .con_r .con_r_t > .d-flex .profile_btn {padding: 4.5px 4px; margin-left: 10px; color:lightgray; }
.casino li .con_r .con_r_t > .d-flex .profile_btn > img {width: 25px;}
.casino li .con_r .con_r_t > .d-flex .name_wrap {margin-right: 5px;}
.casino li .con_r .con_r_t > .d-flex > .ml-auto {gap: 5px;}
.casino li .con_r .con_r_t > .d-flex > .ml-auto a {padding: 5.5px 20px; background-color: #c28129; border-radius: 5px; text-shadow: 1px 1px #000;}
.casino li .con_r .con_r_t > .d-flex > .ml-auto a.homepage_btn {background-color: #a81b21; border: 1px solid #a81b21;}
.casino li .con_r .con_r_t > .d-flex > .ml-auto a.write_review {background-color: #138bf5;}
.casino li .con_r .con_r_t > .d-flex > .ml-auto a.read_review {background: none; border: 1px solid #455263;}
.casino li .con_r .con_r_t .btns .enter_btn {padding: 5.5px 20px; background-color: #c28129; border-radius: 5px; text-shadow: 1px 1px #000;}
.casino li .con_r .con_r_t .btns > a {margin-right: 5px; width:50% !important;text-align: center;color:#fff;}
.casino li .con_r .con_r_t .btns .homepage_btn {background-color: #a81b21; border: 1px solid #a81b21; border-radius: 5px; text-shadow: 1px 1px #000;}

.casino li .con_r .con_r_t h4 {font-size: 18px; color: #f7c80f; line-height: 34px;}
.casino li .con_r .con_r_t > .d-flex {flex-wrap: wrap;}
.casino li .con_r .con_r_t > .d-flex > div.btns {margin-left: 0;width:50%;}
.casino li .con_r .con_r_t .rating {display: flex; width: 100%; margin-bottom: 10px;}
.casino li .con_r .con_r_t .rating .stars {flex-direction: column; justify-content: center; margin-left: 0;}
.casino li .con_r .con_r_t .rating .stars img {height: 18px;}
.casino li .con_r .con_r_t .rating > div {display: flex; margin-left: 10px;}
.casino li .con_r .con_r_t .rating > div * {color: #fff;}
.casino li .con_r .con_r_t .rating .score {padding: 3px 10px; text-shadow: 1px 1px #000; border-radius: 10px; line-height: 28px;}
.casino li .con_r .con_r_t .rating .score_tit {margin: 0 20px; font-size: 10px; line-height: 34px;}
.casino li .con_r .con_r_t .rating h5 {line-height: 34px;}
.casino li .con_r .con_r_t .btns {margin-left: auto;}
.casino li .con_r .con_r_t .btns .write_review {color: #fff; background-color: #138bf5; border-radius: 5px; text-shadow: 1px 1px #000; padding: 5.5px 20px;}
.casino li .con_r .con_r_t .btns .read_review {color: #fff; background: none; border-radius: 5px; text-shadow: 1px 1px #000; padding: 5.5px 20px; border: 1px solid #455263;}
.casino li .con_r .con_r_b {display: flex; flex-direction: column; flex: 1;}
.casino li .con_r .con_r_b .exp li {position: relative; color: #cabee8; padding-left: 15px; margin-bottom: 7px; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */}
.casino li .con_r .con_r_b .exp li::before {position: absolute; left: 0; top: 8px; content: ''; width: 7px; height: 1px; background-color: #cabee8;}
.casino li .con_r .con_r_b > .btn_wrap {margin-top: auto;}
.casino li .con_r .con_r_b > .btn_wrap > a {position: relative;}
.casino li .con_r .con_r_b > .btn_wrap > a > span {position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); color: #000; font-size: 18px; font-weight: 900;}
.casino li .con_r .con_r_b .enter_btn {display: block; width: 250px; margin-top: auto; padding: 0; margin-right: 10px;}
.casino li .con_r .con_r_b .enter_btn img {width: 100%;}

.casino li .con_r .con_r_b .userhome_btn {display: block; width: 250px; margin-top: auto; padding: 0;}
.casino li .con_r .con_r_b .userhome_btn img {width: 100%;}


.casino li .bottom {margin-top: 4px; background-color: #3f2d2a;}
.casino li .bottom .swiper_wrap {position: relative; padding: 20px 60px; overflow: hidden;}
.casino li .bottom .swiper_wrap::before {position: absolute; left: 0; top: 0; width: 60px; height: 100%; content: ''; background-color: #3f2d2a; z-index: 2;}
.casino li .bottom .swiper_wrap::after {position: absolute; right: 0; top: 0; width: 60px; height: 100%; content: ''; background-color: #3f2d2a; z-index: 2;}

/* .casino li .bottom .game_list {flex-wrap: wrap; gap: 10px;} */
.casino li .bottom .game_list li.swiper-slide {position: relative; display: flex; flex-direction: column; width: calc(100% / 6 - 8.4px); height: 80px; /* height: 160px; */ border-radius: 3px; overflow: hidden; background-size: cover;}
.casino li .bottom .game_list li.swiper-slide > div {flex: 1; position: relative;}
.casino li .bottom .game_list li:not(.gradient):not(.hide_btn) img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px;}
.casino li .bottom .game_list li:not(.gradient):not(.hide_btn) span {position: absolute; top: 5px; left: 10px; z-index: 10; color: #cdc1c4; text-shadow: 1px 1px #000; font-size: 11px;}

.casino li .bottom .btn_wrap {justify-content: center;}
.casino li .bottom .btn_wrap a {width: 200px;}
.casino li .bottom .btn_wrap a img {width: 100%;}

.casino_list_swiper {position: relative; /* height: 130px; overflow: hidden; */}
.casino_list_swiper .swiper-button-prev {left: -50px; width: 44px; height: 44px; border-radius: 50vh; background-color: rgba(255, 255, 255, 0.3);}
.casino_list_swiper .swiper-button-next {right: -50px; width: 44px; height: 44px; border-radius: 50vh; background-color: rgba(255, 255, 255, 0.3);}
.casino_list_swiper .swiper-button-prev::after {font-size: 18px; font-weight: bold; color: #c78138;}
.casino_list_swiper .swiper-button-next::after {font-size: 18px; font-weight: bold; color: #c78138;}
.casino_list_swiper .gradient_wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; display: none;}
.casino_list_swiper .gradient_wrap a {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.casino_list_swiper .gradient_wrap .gradient {width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0, 0, 0, 0.8) 100%);}
.casino_list_swiper .gradient_wrap .hide_btn {display: none;}
.casino_list_swiper .gradient_wrap .hide_btn img {transform: rotate(180deg);}

.casino_list_swiper.show {height: 100%; overflow: visible;}
.casino_list_swiper.show .gradient_wrap {z-index: 1;}
.casino_list_swiper.show .gradient_wrap .gradient {display: none;}
.casino_list_swiper.show .gradient_wrap .more_btn {display: none;}
.casino_list_swiper.show .gradient_wrap .hide_btn {display: block; bottom: -30px;}

.casino li .con_r_b .more_btn_wrap {display: none;}

.popup.casino_popup .casino_popup_body {background-color: #2e2e2d !important;}
.popup.casino_popup .popup_header {margin-top: 0 !important;}
.casino_popup .popup_header .d-flex {margin-top: 0;}
.casino_popup .popup_header .d-flex .close_btn {margin-left: auto;}
.popup.casino_popup .casino_popup_body .popup_body {margin-bottom: 0 !important;}
.popup.casino_popup .casino_popup_body .popup_footer {margin: 0;}

.casino_info_popup_table {text-align: center; color: #000; border-collapse: collapse;}
.casino_info_popup_table th {background-color: #e9e7e2; border: 1px solid #000; padding: 5px 0;}
.casino_info_popup_table td {background-color: #fff; border: 1px solid #000; padding: 10px 0; font-weight: bold;}
.casino_popup_body span.noti {display: block; margin-top: 20px; color: #fff;}



/* tournament */
/* list */
.yellow {color: yellow !important;}
.tournament * {color: #fff;}
.tournament ul.top {width: 100%; margin-bottom: 50px;}
.tournament ul.top li {flex: 1; max-width: calc(100% / 3); margin-right: 20px; background-color: #27313a; transition: 0.3s; background-image: url(/images/game/game_bg.png); background-size: cover; background-position: center; border: 1px solid #ffc900; border-radius: 2px; box-shadow: 0 0 10px #ffc900;}
.tournament ul.top li:nth-child(2) {border-color: #a34ff9; box-shadow: 0 0 10px #a34ff9;}
.tournament ul.top li:nth-child(3) {margin-right: 0px;}
.tournament ul.top li:last-child {margin-right: 0px;}
.tournament ul.top li .con > img {width: 100%;height:213px;}
/* .tournament ul.top li .con {padding: 20px; background-color: #000;} */
.tournament ul.top .name {font-size: 20px; margin: 10px 0; font-weight: bold; text-align: center; text-shadow: 2px 2px #000;}
.tournament ul.top .reward {margin-bottom: 10px;}
.tournament .more_btn {color: #56ccf1; text-align: center; margin: 10px auto 0 auto; border-bottom: 1px solid #56ccf1; font-size: 13px;}
.tournament ul.top .reward .img_wrap {position: absolute; right: -25px; top: -5px; width: 160px; height: 80px; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.tournament ul.top .reward .img_wrap img {max-width: 100%; max-height: 100%;}
.tournament ul.top .reward .more_btn {margin-left: auto; text-decoration: underline;}
.tournament ul.top .btn {text-align: center;}
.tournament .enter_btn {display: block; color: #fff; font-weight: 700; font-size: 20px; background-image: linear-gradient(90deg, #0f8915, #20c02d); border-radius: 2px; padding: 10px; border: 1px solid #5dd667; letter-spacing: 5px; line-height: 30px; transition: 0.3s;}
.tournament .enter_btn:hover {opacity: 0.8;}
.tournament .enter_btn.end {background-image: linear-gradient(90deg, #4c4c4c, #707070); border-color: #999999;}
/* .tournament .enter_btn.end:hover {background-color: #000; color: #bdbdbd;} */
.tournament .enter_btn img {width: 30px;}


.tournament .head h3.number {width: 80px; height: 85px; line-height: 85px; font-size: 56px; font-weight: 800; background-image: url(/images/game/number_bg.png); text-align: center; background-size: cover; margin: -30px 0 0 20px;}
.tournament .head p.type {background-image: linear-gradient(90deg, #b8832e, #fbcb2b); margin-right: 20px; padding: 5px 15px; text-shadow: 1px 1px #000; border: 1px solid #ffc900;}
.tournament ul.top li:nth-child(2) p.type {background-image: linear-gradient(90deg, #52168e, #a24ef8); border-color: #a34ff9;}
.tournament_list .exp {text-align: center; margin: 20px 0 60px;}
.tournament_list .exp h2 {font-size: 40px; color: #fff; margin-bottom: 40px;}
.tournament_list .exp p {font-size: 18px; color: #62aabf; text-shadow: 2px 2px #000; line-height: 1.5;}
.tournament_list .cont {padding: 10px 30px;}
.tournament_list .cont .yellow {color: #6aafc5 !important; text-shadow: 1px 1px #000;}
.tournament_list .cont .tit + .d-flex,
.tournament_list .cont .time {display: inline-block; margin: 5px 0 15px 10px; font-size: 18px;}


.tab_list.tournament_tab li {width: 33.33%; text-align: center;}
.tab_list.tournament_tab li:last-child {margin-right: 0;}

.tournament .tab_content {}
.tournament .tab_content .tour_list {display: flex; background-image: linear-gradient(#044457, #023e54); border-radius: 10px; margin-bottom: 25px; border: 1px solid #538d9f; transition: 0.3s;}
/* .tournament .tab_content .tour_list:hover {border-color: #f7c80f;} */
.tournament .tour_list > div {padding: 0 15px;}
.tournament .tour_list div.img {width: 23%; height: 120px;}
.tournament .tour_list div.img img {width: 100%;height: 100%;}
.tournament .tour_list div.con {position: relative; min-width: 200px; display: flex; flex-direction: column;}
.tournament .tour_list div.con.user {min-width: 240px;}
.tournament .tour_list div.con.user > div {margin-left: 10px;}
.tournament .tour_list div.con::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 60%; background-color: #1a6b86;}
.tournament .tour_list div.con > div {margin-top: auto; margin-bottom: auto;}
.tournament .tour_list div.con .remain {margin-bottom: 10px;}
.tournament .tour_list div.con.user .user_info {display: flex; flex-direction: column; margin-left: 10px;}
.tournament .tour_list div.con.user .user_img {width: 70px; height: 70px; border: 1px solid #ccc; border-radius: 50vh; overflow: hidden;}
.tournament .tour_list div.con.user .user_img img {width: 100%;}

.tournament .tour_list div.btn {display: flex; flex-direction: column; margin-left: auto; margin-right: 0; flex: 1;}
.tournament .tour_list div.btn .enter_btn {margin-top: auto; margin-bottom: auto; text-align: center;}


.tournament .tour_list div.con > div h4.name {font-size: 16px; text-shadow: 1px 2px #000;}
.tournament .tour_list div.con > div p.tit {font-size: 12px; margin: 5px 0 0 -5px; color: #6aafc5; text-shadow: 1px 1px #000;}
.tournament .tour_list div.con > div span {font-size: 15px; text-shadow: 1px 1px #000;}
.tournament .tour_list .head {position: relative;}
.tournament .tour_list .head > .ml-auto {position: absolute; top: 0; left: 90%; width: 112px;}
.tournament .tour_list .head h3.number {margin: -20px 0 0 0;}
.tournament .tour_list .head p.type {margin: 0;}
.tournament .tour_list .more_btn {display: inline-block; color: #56ccf1; margin-bottom: 10px; margin-left: 5px;}
.tournament .tour_list:nth-child(2)  .head p.type {background-image: linear-gradient(90deg, #52168e, #a24ef8); border-color: #a34ff9;}


.tab_con {display: none;}
.tab_con.tab_con01 {display: block;}

/* detail */
.tournament.detail .game_info {background: #000; padding: 20px; margin-bottom: 20px;}
/* .tournament.detail .game_info img {width: 40%;} */
.tournament.detail .game_info .con {margin-left: 20px;}
.tournament.detail .game_info h4.name {font-size: 20px; margin-bottom: 20px;}
.tournament.detail .game_info ul li {margin-bottom: 10px;}
.tournament.detail .game_info ul li span {margin-right: 10px;}

.tournament.detail .game_info ul li.host_company {gap: 10px;}
.tournament.detail .game_info ul li.host_company > div {width: 50%;}
.tournament.detail .game_info ul li.host_company > div .corp_img {position: relative; height: 80px;}
.tournament.detail .game_info ul li.host_company > div img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 100%; max-height: 100%; border-radius: 5px; overflow: hidden;}

.tournament.detail .game_info ul.rank_reward {position: absolute; left: calc(50% + 3px); bottom: 0; width: 150px;}
.tournament.detail .game_info ul.rank_reward li {display: flex; margin-bottom: 1.5px;}
.tournament.detail .game_info ul.rank_reward li > span.rank {width: 50px; text-align: left; margin-right: auto;}
.tournament.detail .game_info ul.rank_reward li img {height: 17px;}

.tournament.detail .game_info .game_title{width: 250px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.board-wrap .tournament.detail .game_info .img {position: relative; min-height: 160px; border: 1px solid #ccc;}
.board-wrap .tournament.detail .game_info .img::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: 'Image'; color: #fff; z-index: 0;}
.board-wrap .tournament.detail .game_info img {position: relative; width: 100%; z-index: 1;}
.board-wrap .tournament.detail .game_info ul li {display: flex;}
.board-wrap .tournament.detail .game_info ul li span:first-child {width: 80px;}
.board-wrap .tournament.detail .game_info ul li span {line-height: 41px; color: #fff; margin: 0 10px;}
.board-wrap .tournament.detail .game_info ul li #reward {width: 100px; color: #fff; line-height: 41px;}
.board-wrap .tournament.detail .game_info ul li .period input {width: 100px;}
.board-wrap .tournament * {color: #000;}
.board-wrap .tournament.detail .game_info .img_wrap {display: flex; flex-direction: column; width: 40%;}
.board-wrap .tournament.detail .select_slot {display: flex; margin-top: auto; justify-content: center;}
.board-wrap .tournament.detail .select_slot_btn,
.board-wrap .tournament.detail .reward_detail {background-color: #f7c80f; padding: 10px 20px; border: 2px solid #f7c80f;}
.board-wrap .tournament.detail .select_slot_btn:hover,
.board-wrap .tournament.detail .reward_detail:hover {background-color: #000; color: #f7c80f;}

.setting_popup .tournament.detail .game_info .img {width: 160px;}
.setting_popup .tournament.detail .game_info img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.tournament.detail .quick_menu ul {display: flex; flex-wrap: wrap; gap: 10px;}
.tournament.detail .quick_menu li {width: calc((100% / 3) - 7px); height: 45px;}
.tournament.detail .quick_menu li a {position: relative; display: block; height: 100%; line-height: 45px; font-size: 16px; background-color: #c29c38; border-radius: 50vh; color: #fff; text-align: center;}
.tournament.detail .quick_menu li a img {position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; filter: brightness(0) invert(1); margin-left: auto;}

.board-wrap {position: relative;}
.board-wrap .popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1000; display: none;}
.board-wrap .popup.show {display: block;}
.board-wrap .popup.mobile .content {top: 20vh;}
.board-wrap .popup .content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; background-color: #fff; padding: 20px; border-radius: 5px;border:1px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.board-wrap .popup .content .popup_header {margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.board-wrap .popup .content .popup_body {margin-bottom: 20px;overflow-y:auto;}
.board-wrap .popup .content .popup_footer {display: flex; justify-content: center;}
.board-wrap .popup .content .popup_footer a {padding: 5px 20px; background-color: #d3d3d3; border: 2px solid #d3d3d3; color: #000;}
.board-wrap .popup .content .popup_footer a:hover {background-color: #000; color: #d3d3d3;}
.board-wrap .popup .content .popup_footer a:first-child {background-color: #f7c80f; border: 2px solid #f7c80f; margin-right: 10px;}
.board-wrap .popup .content .popup_footer a:first-child:hover {background-color: #000; color: #f7c80f;}

.board-wrap .popup.money_popup .popup_body > div {margin-bottom: 10px;}
.board-wrap .popup.money_popup .tit > div {color: #000;}
.board-wrap .popup.money_popup .con > * {width: calc(100% - 50px);}

.board-wrap .popup.expert #reviewAddWin {background-color: rgb(249, 237, 222) !important; z-index: 1012;}
.board-wrap .popup.expert .expert_dimmed {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1011;}
.board-wrap .popup.expert #writeReview {background-color: rgb(166, 132, 85);}
.board-wrap .popup.expert #writeReview::placeholder {color: #fff;}
.board-wrap .popup.expert .review_list_wrap .filter .search .search-btn {background: no-repeat center right 20px rgb(166, 132, 85); background-size: 50% auto;width: 65px;display: flex;align-items: center;}
.board-wrap .popup.expert .content .popup_footer a:first-child {background-color: rgb(132, 45, 45); border-color: rgb(132, 45, 45); color: #fff;}


.popup.lvCut th {border: 1px solid #dedddc; padding: 10px !important; font-size: 14px !important; letter-spacing: -1px !important;}
.popup.lvCut td {border: 1px solid #dedddc; border-bottom: 1px solid #dedddc !important; padding: 3px 10px !important; font-size: 14px !important;}
.popup.lvCut .popup_header a {color: #fff;}



.tournament.detail .ranking_top {margin-bottom: 20px;}
.tournament.detail .ranking_top > li {width: 50%; margin-right: 20px; padding: 3px; border-radius: 10px; background-image: linear-gradient(135deg, #fbd13f, #c78138, #fbd13f); overflow: hidden;}
.tournament.detail .ranking_top > li:last-child {margin-right: 0;}
.tournament.detail .ranking_top > li .gradient_border {flex: 1; display: flex; padding: 20px; background-color: #272727; border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 10px rgba(0, 0, 0, 1);}
.tournament.detail .ranking_top > li .gradient_border * {color: #fff;}
.tournament.detail .ranking_top > li .gradient_border .img_wrap {display: flex; justify-content: center; align-items: center; width: 40%;}
.tournament.detail .ranking_top .user_img {width: 70px; height: 70px; border: 1px solid #ccc; border-radius: 50vh; overflow: hidden; margin-right: 20px;}
.tournament.detail .ranking_top .user_img img {width: 100%;height:100%;}
.tournament.detail .ranking_top .info {display: flex; flex-direction: column; width: 60%;}
.tournament.detail .ranking_top .info li:first-child {margin-top: auto;}
.tournament.detail .ranking_top .info li:last-child {margin-bottom: auto;}
.tournament.detail .ranking_top .info li span {display: inline-block; width: 35px;}

.tournament .ranking_table {background-color: #222; border-radius: 10px; overflow: hidden;}
.tournament .ranking_table th,
.tournament .ranking_table td {border-bottom: 1px solid #4d4c4b;}
.tournament .ranking_table th div {padding: 10px; background: none; color: #fff; text-align: center;}
.tournament .ranking_table td div {padding: 10px; background: none; color: #fff; text-align: center;}
.tournament .ranking_table td:last-of-type div {font-weight: bold;}
.tournament .ranking_table td div span.gold {color: #f9a11a;}


/* review */
.review_wrap .name {font-size: 20px; font-weight: bold; color: #5f84e7;}
.review_wrap .rate {font-size: 60px; font-weight: bold; margin: 50px; text-align: center; color: #5f84e7;}
.review_wrap .review {position: relative; margin-bottom: 30px; padding-left: 20px; color: #fff; font-size: 17px; line-height: 1.5;}
.review_wrap .review::before {position: absolute; left: 0; top: 5px; content: ''; width: 5px; height: 5px; background-color: #5f84e7; border-radius: 50vh;}
.review_wrap .review_list h3 {padding: 10px; background-color: #30384d; color: #fff;}
.review_wrap .review_list h3.positive {width: 50%;}
.review_wrap .review_list h3.negative {width: 50%;}
.review_wrap .review_list ul {width: 50%; padding: 20px; background: #000;}
.review_wrap .review_list ul.positive {position: relative;}
/* .review_wrap .review_list ul.positive::after {position: absolute; right: 0; top: 10px; content: ''; width: 1px; height: calc(100% - 20px); background: #ccc;} */
.review_wrap .review_list .positive {margin-right: 5px;}

.review_wrap .review_list ul li {position: relative; margin-bottom: 10px; margin-left: 20px; color: #fff;}
.review_wrap .review_list ul li::before {position: absolute; left: -20px; top: 3px; content: '+'; width: 12px; height: 12px; line-height: 12px; border-radius: 50vh; background: green; color: #fff; text-align: center;}
.review_wrap .review_list ul.negative li::before {background: red; content: '-';}
.review_wrap .review_list ul li:last-child {margin-bottom: 0;}
.review_wrap .btn_wrap {display: flex; justify-content: space-around; margin-top: 20px;}
.review_wrap .btn_wrap .visit_btn {padding: 10px 30px; background: #12e6ff; color: #000; font-size: 20px; font-weight: bold; border-radius: 2px;}


/* court */
.court .header {margin-bottom: 10px;}
.court form.input_wrap {display: flex; width: 50%;}
.court form.input_wrap input {width: calc(100% - 100px); padding: 5px 20px; margin-right: 5px;}
.court form.input_wrap a.search_btn,
.court .header a.add_btn {padding: 5px 10px; line-height: 23px; background: #0070c0; color: #fff; border-radius: 5px;}
.court .court_list li {margin-bottom: 20px; cursor: pointer;}
.court .court_list .left {position: relative; display: flex; flex-direction: column; width: 150px; box-sizing: border-box; background-color: #3e65ce;}
.court .court_list .left img {width: 150px; height: 150px; margin: auto 0;}
.court .court_list .left .status {position: absolute; width: 100%; top: 62%; left: 50%; transform: translateX(-50%); font-weight: bold; color: #fff; font-size: 14px; text-align: center;}
.court .court_list .left .status .case {display: block; font-size: 16px; margin-top: 0;}

.court .court_list .right {position: relative; display: flex; flex-direction: column; width: calc(100% - 150px); text-align: left !important; padding: 15px; box-sizing: border-box; background-color: #000;}
.court .court_list .right * {color: #fff;}
.court .court_list .right h4.title {font-size: 20px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-all;}
.court .court_list .right h4.title br {display: none;}
.court .court_list .right .amount {margin-bottom: 10px; color: #f7c80f; font-size: 16px;}
.court .court_list .right .amount .bold {font-weight: bold; color: #f7c80f; font-size: 16px;}
.court .court_list .right > .d-flex {margin-top: auto;}
.court .court_list .right .img_wrap {position: relative; max-width: 100px; width: 100%; height: 50px; background-color: #30384d; text-align: center; line-height: 40px; margin-right: 10px; border-radius: 50vh; overflow: hidden;}
.court .court_list .right .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.court .court_list .right .rate {display: flex; flex-direction: column; justify-content: center; font-size: 16px;}
.court .court_list .right .rate h4 {font-size: 16px; font-weight: 800;}
.court .court_list .right .rate p {font-size: 18px; color: #fff;}
.court .court_list .right .reg_date {position: absolute; right: 20px; bottom: 20px; margin-top: auto; padding-top: 5px; text-align: right;}
.court .court_list .right .reg_date span {display: inline-block; padding: 5px 10px; border: 1px solid #f7c80f; color: #f7c80f; border-radius: 3px; font-weight: bold;}



.court .court_view .img_wrap {max-width: 100px; background-color: #16103d; text-align: center; line-height: 40px; margin-right: 10px;}
.court .court_view .img_wrap img {width: 70%;}
.court .court_view .rate p {font-size: 18px; color: #000;}

.court .filter .search{display:inline-block;vertical-align:top; width:270px; position:relative; padding-right:40px;}
.court .filter .search .chk-input{width:100%;}
.court .filter .search .chk-input input{width: 100%; height:40px; padding:0 20px; font-size:14px; background-color: #30384d; border: none; color: #fff;}
.court .filter .search .chk-input input::placeholder {color: #fff;}
.court .filter .search .search-btn{display:inline-block; width:40px;height:40px; color:#fff;background:url(/images/Sub/search-btn.png) no-repeat center right 20px #30384d; background-size:50% auto; position:absolute;right:0; top:0; border:none;}
.court .filter .search .search-btn span {display: none;}
.court .filter .write-btn{display: inline-block; line-height:35px;background:#f7c80f; color:#000; padding:0 25px; font-size:18px; margin-left: auto; border: 2px solid #f7c80f; font-weight: 700;}
.court .filter .write-btn:hover {background-color: #2e4a96; background: #000; color: #f7c80f;}



.member-wrap.tournament_app {color:#000;};
.member-wrap.tournament_app .entry{margin-top:25px;}
.member-wrap.tournament_app .entry li{}
.member-wrap.tournament_app .entry li:nth-child(n+2){margin-top:7px;}
.member-wrap.tournament_app .entry li .chk-input{width:100%; border:none; position:relative;}
.member-wrap.tournament_app .entry li .chk-input input{border:1px solid #bdbdbd; text-align:center; font-size:15px; padding:0 15px; border-radius:10px; color:#000;}
.member-wrap.tournament_app .entry li .chk-input select{width: 100%; border:1px solid #bdbdbd; text-align:center; font-size:15px; padding:0 15px; border-radius:10px; color: #000;}
.member-wrap.tournament_app .entry li .chk-input textarea{width: 100%; border:1px solid #bdbdbd; height:150px; font-size:15px; padding:20px; border-radius:10px; color: #ccc; resize: none; color: #000;}
.member-wrap.tournament_app .entry li .chk-input textarea::placeholder {opacity: 0.3; text-align: center;}
.member-wrap.tournament_app .entry li .chk-input input::placeholder{opacity:0.3}
.member-wrap.tournament_app .entry li .chk-input.nec:before{position:Absolute; left:15px; top:50%; line-height:20px; margin-top:-7px; display:block; content:"*"; color:#ff9000; font-size:15px;}

.member-wrap.tournament_app .entry li .chk-input.nec.textarea:before {top: 25px;}
.member-wrap.tournament_app .tournament-btn {margin-top:20px;display:block; text-align:center;line-height:50px ;background:#0059c8; font-size:17px; letter-spacing:-0.03em; color:#fff; border-radius:10px; width:100%;}
.member-wrap.tournament_app .additional-btn {margin-top:20px;display:block; text-align:center;line-height:50px ;background:#0059c8; font-size:17px; letter-spacing:-0.03em; color:#fff; border-radius:10px; display: none;}


#container-wrap #contents.board_list {background: none; padding: 0;}
#container-wrap #contents.board_list .board-wrap.list {background: none;}

.board-wrap.list .banner {position: relative; height: 75px;}
/* .board-wrap.list .banner.banner_guide {margin-top: -15px;} */
.board-wrap.list .banner.banner_point,
.board-wrap.list .banner.banner_customer,
.board-wrap.list .banner.banner_1n1 {margin: 0 0 15px 0;}
.banner > a[target="_blank"] {position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: block; z-index: 9;}

#container-wrap #contents.board_list .board_lastest {padding: 15px; background-color: #1d2333; margin-bottom: 20px;}
#container-wrap #contents.board_list form#bSearchForm {padding: 15px; background-color: #1d2333;}
#container-wrap #contents.board_list .board-wrap.list .list {padding: 0 15px 15px 15px; background-color: #1d2333; border: none;}

.community_title {position: relative; font-size: 24px; color: #171717; padding: 0 0 10px 15px;}
.community_title::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: calc(100% - 180px); height: 1px; background-color: #fff;}

/* 카지노 찾기 - 사용자 리뷰 */
.review_list_wrap {font-family: 'ScoreDream'; /* background-color: #1d2333; */}
.review_list_wrap .filter{display: flex; position:relative; font-size:0; text-align:left; padding:0; margin-bottom: 10px;}
.review_list_wrap .filter_2 {display: flex; flex-direction: column; justify-content: center; margin: 0 auto 10px auto;}
.review_list_wrap .filter .search{display:inline-block;vertical-align:top; width:270px; position:relative; padding-right:40px;}
.review_list_wrap .filter .search .chk-input{width:100%;}
.review_list_wrap .filter .search .chk-input input{height:40px;  padding:0 20px; font-size:14px; background-color: #30384d; border: none;color:#fff;}
.review_list_wrap .filter .search .chk-input input::placeholder {color: #f7c80f;}
.review_list_wrap .filter .search .search-btn{display:inline-block; width:40px;height:40px; color:#fff;background:url(/images/Sub/search-btn.png) no-repeat center right 20px #30384d; background-size:50% auto; position:absolute;right:0; top:0; border:none;}
.review_list_wrap .filter .write-btn,
.review_list_wrap .lower .list-btn,
.review_list_wrap .filter .list-btn,
.review_list_wrap .btn_wrap .write-btn {display: inline-block; line-height:35px;background:#f7c80f; color:#000; padding:0 25px; font-size:18px; margin-left: auto; border: 2px solid #f7c80f; font-family: 'NanumSquare','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic';}
.review_list_wrap .filter .write-btn:hover,
.review_list_wrap .lower .list-btn:hover,
.review_list_wrap .filter .list-btn:hover {background-color: #2e4a96; background: #000; color: #f7c80f;}

.review_list_wrap li {display: flex; background-color: #04031c; color: #fff; padding: 20px 20px 20px 0; margin-bottom: 10px;}
.review_list_wrap .paging-wrap li {background: none;}
.review_list_wrap .review_l {display: flex; flex-direction: column; justify-content: center; width: 20%; text-align: center;}
.review_list_wrap .review_l .reg_dt + button {margin-top: 10px !important;}
.review_list_wrap .img_wrap {width: 70px; height: 70px; border-radius: 50vh; overflow: hidden; margin: 0 auto 5px auto;}
.review_list_wrap .img_wrap img {width: 100%; height:100%;}

.review_list_wrap .review_r {width: 80%;}
.review_list_wrap .casino_img {position: relative; width: 120px; height: 70px; overflow: hidden;}
.review_list_wrap .casino_img img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.review_list_wrap ._casino_info .info {display: flex; flex-direction: column;}
.review_list_wrap ._casino_info .info .rating {margin: auto 0;}
.review_list_wrap ._casino_info .info h5 {line-height: 27px; }
.review_list_wrap ._casino_info .info2 {display: flex; flex-direction: column; justify-content: space-around; margin-left: 20px; padding-bottom: 10px;}
.review_list_wrap ._casino_info .info2 p {font-size: 16px;}
.review_list_wrap ._casino_info .info2 p span.gold {color: #cb9847;}
.review_list_wrap ._casino_info .detail_btn {margin-left: auto;}
.review_list_wrap ._casino_info .detail_btn a {padding: 5px 10px; color: #000; background-color: #bb8839; border-radius: 5px; color: #fff;}


.review_list_wrap .review_r h4 {font-size: 18px; color: #f7c80f; margin-bottom: 10px;}
.review_list_wrap .review_r ._casino_info {margin-bottom: 10px;}

.review_list_wrap .review_r .info .stars {margin-left: 0;}
.review_list_wrap .review_r .info .stars img {height: 23px;}
.review_list_wrap .review_r .info > div {display: flex; margin-left: 10px;}
.review_list_wrap .review_r .info > div * {color: #fff;}
.review_list_wrap .review_r .info .score {padding: 3px 10px; text-shadow: 1px 1px #000; background-color: #e89300; border-radius: 10px; margin-left: 10px;}
.review_list_wrap .review_r .info .score_tit {margin: 0 10px; font-size: 10px; line-height: 27px;}

/* .review_list_wrap .review_r .review_con {position: relative; padding: 10px 15px 30px 15px; background-color: #10112c;} */
.review_list_wrap .review_r .review_con {position: relative; background: none; padding-bottom: 30px;}
.review_list_wrap .review_r .review_con > .user_review { background-color: #fff; border-radius: 10px;}
.review_list_wrap .review_r .review_con > .user_review img {max-width: 100%;}
.review_list_wrap .review_r .review_con > .casino_comment {padding: 10px 15px; background-color: #fff; border-radius: 10px; margin-top: 10px;}
.review_list_wrap .review_r .review_con .gradient {display: none;}
.review_list_wrap .review_r .review_con .hide_btn {display: none;}
.review_list_wrap .review_r .review_con.long .hide_btn {display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); cursor: pointer; color: #f7c80f;}
.review_list_wrap .review_r .review_con.long .hide_btn img {transform: rotate(180deg);}
.review_list_wrap .review_r .review_con.hide {height: 100px; overflow: hidden;}
.review_list_wrap .review_r .review_con.hide .gradient {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) ,#10112c 100%);}
.review_list_wrap .review_r .review_con.hide .gradient .more {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); cursor: pointer; color: #f7c80f;}
.review_list_wrap .review_r .review_con.hide .hide_btn {display: none;}

.review_list_wrap .review_r .review_btn {margin-left: auto;}
.review_list_wrap .review_r .review_btn > a {display: inline-block; padding: 5px 8px; border-radius: 5px; font-weight: bold; color: #000; margin-left: 5px;}
.review_list_wrap .review_r .review_btn > a:first-of-type {background-color: #f7941d;}
.review_list_wrap .review_r .review_btn > a:last-of-type {background-color: #f7c80f;}

/* 전문가 리뷰 */
.review_list_wrap li.expert .review_wrap > .d-flex {gap: 10px;}
.review_list_wrap li.expert .review_wrap > .d-flex > div {width: 50%; padding: 10px 15px;}
.review_list_wrap li.expert .con_l {display: flex; flex-direction: column; justify-content: center;}
.review_list_wrap li.expert .con_l * {color: #000;}
.review_list_wrap li.expert .con_r .user_review > p {display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.review_list_wrap li.expert .review_wrap .detail_btn {font-size: 16px; font-weight: 500;color:#fff;}






/* 카지노게임 - 필터 */
.filter_dimmed {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.3); z-index: 9998; display: none;}
.filter_dimmed.open {display: block;}
#filter_wrap {position: fixed; left: -100vw; top: 0; width: 400px; height: 100vh; z-index: 9999; background-color: #000; transition: 0.3s; z-index: 9999; padding: 30px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);}
#filter_wrap * {color: #fff;}
#filter_wrap.open {left: 0;}

#filter_wrap .head > .d-flex:not(.checked_list) {border-bottom: 1px solid #f7c80f; margin-bottom: 10px;}
#filter_wrap .head .tit {font-size: 16px; padding: 0 0 10px 0;}
#filter_wrap .head .tit img {filter: brightness(0) invert(1);}

#filter_wrap .checked_list ul {display: flex; flex-wrap: wrap;}
#filter_wrap .checked_list ul li {margin: 0 5px 5px 0; display: none;}
#filter_wrap .checked_list ul li.filter_label {line-height: 29px;}
#filter_wrap .checked_list ul li.block {display: block;}
#filter_wrap .checked_list ul li:not(.filter_label) {padding: 3px 10px; border: 1px solid #ccc; background-color: #e3e7ef; border-radius: 50vh; color: #000;}
#filter_wrap .checked_list ul li:not(.filter_label) span {color: #000; font-weight: bold;}
#filter_wrap .checked_list ul li.reset_filter {cursor: pointer; background-color: #4a5b68; border-color: #4a5b68; color: #fff;}

.checked_list li span {cursor: pointer;}

/* 필터 아코디언 */
.acco_wrap .acco {border-bottom: 1px solid #f7c80f;}
.acco_wrap .acco_tit {padding: 10px 0;}
.acco_wrap .acco_tit img {transition: 0.3s;}
.acco_wrap .acco_tit.open img {transform: rotate(180deg);}
.acco_wrap .acco_con {display: none;}
.acco_wrap .acco_con li {padding: 5px;}

/* 쪽지함 팝업 */
body.msg {min-width: 0; min-height: 100vh;}
#doc.msg {max-width: 100vw; height: 100vh;}
#doc.msg .msg_wrap {width: 100%; height: 100%; background-color: #faf3ed;}
#doc.msg .msg_tab li {flex: 1; background-color: rgba(87, 68, 40, 0.8);}
#doc.msg .msg_tab li.active {background-color: #c28c38;}
#doc.msg .msg_tab li a {display: block; padding: 10px 0; text-align: center; border-bottom: 2px solid #c28c38; color: #fff;}
#doc.msg .msg_tab li.active a {color: #fff; font-weight: bold;}

#doc.msg .msg_con {padding: 10px;}

#doc.msg .msg_tab li{font-size:14px;}
#doc.msg table thead th{font-size:14px;}
#doc.msg table tbody td{font-size:15px;}


#doc.msg table thead th {font-size:15px;font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.25em; padding:15px 0 15px 0;text-align:center; border-bottom:1px solid #000; background-color: rgba(87, 68, 40, 0.8); text-align: center;}
#doc.msg table thead th.delete {padding: 10px 0;}
#doc.msg table thead th.delete .delete_btn {padding: 5px 10px; background-color: #c28c38; border: 1px solid #c28c38; border-radius: 2px; color: #fff;}
#doc.msg table tbody td {font-size:14px;font-weight:400; color:#000; letter-spacing:-0.03em; line-height:1.35em; padding:15px 0 15px 0;text-align:center;border-bottom:1px solid rgba(87, 68, 40, 0.8); background-color: #faf3ed; text-align: center;}
#doc.msg .detail table tbody td {padding: 0;}
#doc.msg table tbody td .nickname {display: flex; justify-content: center;}
#doc.msg table tbody td .nickname .ico img {width: 22px;}
#doc.msg table tbody td a.content {max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;color: #000;}
#doc.msg table tbody td p.txt {color: #000;}
.msg table a {color: #fff; transition: 0.3s;}
#doc.msg table a:hover {opacity: 0.8;}

#doc.msg .msg_con > li {display: none; border: none;}
#doc.msg .msg_con ul {display: flex; flex-wrap: wrap;}
#doc.msg .msg_con > li.tab01_con {display: block;}
.pointer {cursor: pointer;}

.detail th .d-flex {position: relative; padding: 0 10px;}
.detail th .d-flex .nickname {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.detail .msg_con_header {width: 100%;}
.detail .msg_con_header .user {flex: 1; margin-bottom: 20px;}
.detail .msg_con_header .user .img_wrap {width: 50px; height: 50px; overflow: hidden; border-radius: 50vh; margin-right: 10px;}
.detail .msg_con_header .user .img_wrap img {width: 100%;}
.detail .msg_con_header .user .info {display: flex; flex-direction: column; margin-right: 20px;}
.detail .msg_con_header .user .info p {margin-top: auto; margin-bottom: 2px;}
.detail .msg_con_header .user .info span {margin-bottom: auto; color: #c28c38;}
.detail .msg_con_header .user .point_wrap {display: flex; flex-direction: column;}
.detail .msg_con_header .user .point_wrap > p {margin-top: auto; margin-bottom: 5px;color:#c28c38}
.detail .msg_con_header .user .point_wrap div.point {margin-bottom: auto; border: none; background-color: #c28c38; border-radius: 5px; overflow: hidden;}
.detail .msg_con_header .user .point_wrap div.point p {padding: 3px 10px; color:#fff;}
.detail .msg_con_header .user .point_wrap div.point a {padding: 3px 10px; background-color: #f7c80f; color: #000; font-weight: bold;}

.detail .msg_con_body {min-height: calc(100vh - 400px); background-color: #fff; padding: 15px; text-align: left; margin-bottom: 20px;}

.detail.msg_write .msg_con_body {padding: 0; min-height: calc(100vh - 290px);}
.detail.msg_write p.noti {text-align: center; margin-bottom: 10px;}
.detail.msg_write p.noti span {color: #f7c80f;}
.detail.msg_write .msg_con_body textarea {padding: 15px; background-color: #fff; border-radius: 0; border: none; width: 100%; height: 100%; color: #000; box-sizing: border-box; resize: none;}
.detail.msg_write .msg_con_body textarea::placeholder {color: #000;}
.detail.msg_write .user > div {margin-right: 20px;}
.detail.msg_write .user > div.all {display: flex; flex-direction: column;}
.detail.msg_write .user > div.all > * {margin-top: auto;}

.detail .msg_con_footer {display: flex;}
.detail .msg_con_footer a {padding: 5px 10px; background-color: #000; border-radius: 5px; font-weight: bold;}
.detail .msg_con_footer a.reply_btn,
.detail .msg_con_footer a.send_btn {background-color: #c28c38; color: #fff; margin-left: auto; margin-right: 10px;}
.detail .msg_con_footer a.keep_btn,
.detail .msg_con_footer a.close_btn {background-color: rgba(87, 68, 40, 0.8); color: #fff; margin-right: auto;}


/* 활동내역 */
.activity {display: flex;}
.activity * {color: #000;}
.activity > div {flex: 1; background-color: #f1e6dc; padding: 10px;}
.activity > div:first-child {border-right: 5px solid #faf3ed;}
.activity h3 {font-size: 16px; margin-bottom: 10px;}
.activity h3 span {font-size: 14px; font-weight: normal;}
.activity li {display: flex; margin-bottom: 5px;}
.activity li:last-child {margin-bottom: 0;}
.activity li p.tit {margin-right: auto;}
.activity li p.con span.done {color: #ac6716;}
.activity .accumulate p.con {color: #ac6716;}
.activity .accumulate .head a {text-decoration: underline; transition: 0.3s;}
.activity .accumulate .head a:hover {opacity: 0.8;}

#container-wrap #contents.board .recom button {width: 140.5px; height: 55px; background-size: cover; color: #fff; border: none; outline: none; background-color: #fff;}
#container-wrap #contents.board .recom button div {margin-left: 40px; font-size: 16px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);line-height: 18px; color: #fff;}
#container-wrap #contents.board .recom button h4 {color: #fff; font-size: 18px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);}
.recom .recom_btn {background-image: url(/images/Content/bg_recom.png);}
.recom .recom_btn.active {background-image: url(/images/Content/bg_recom_active.png);}
.recom .non_recom_btn {background-image: url(/images/Content/bg_nrecom.png);}
.recom .non_recom_btn.active {background-image: url(/images/Content/bg_nrecom_active.png);}

@media screen and (max-width: 768px) {
    .board-wrap .popup .content {top: 10%;}
	.game-frame ul.category_tab li a p {font-size: 13px;}
}





/* 2406 renewal */
.batang {font-family: 'KoPubWorldBatang' !important;}
/* side */
#side .login-box,
#side .login-box.logout {background: none; border: none;}
#side .login-box .entry {display: flex; padding: 0; margin-bottom: 10px;}
#side .login-box .entry ul {flex: 1; margin-right: 5px;}
#side .login-box .entry .login-btn {position: static; color: #fff; background-color: #6e675b; border: none; border-radius: 6px;}
#side .login-box .chk-input input {background-color: #f0c47d; border-radius: 0; border: 1px solid #f3dcb6; color: #000; border-radius: 5px;}
#side .login-box .chk-input input::placeholder {color: #000 !important;}
#side .login-box .other {border: none; background-color: #f1e6dc; border-radius: 4px; margin-bottom: 10px;}
#side .login-box .other * {color: #ac6716; font-size: 14px;}
#side .login-box .left_banner {border-radius: 5px; overflow: hidden;}
#side .login-box .left_banner img {width: 100%;}
#side .login-box .info {background-color: #f1e6dc; border-radius: 6px; margin-bottom: 10px;}
#side .login-box .info * {color: #000;}
#side .login-box .vbar .level {color: #000; font-size: 10px;}
#side .login-box .info .user p {color: #000;}
#side .login-box .info .message_btn img {filter: none;}
#side .login-box .vbar .exp .lvUp_btn {color: red; border: none; background: none;}
#side .login-box .vbar {margin-top: 5px;}
#side .login-box .vbar .exp,
#side .login-box .vbar .exp * {color: #000; font-size: 10px;}
#side .login-box .vbar .bar {background-color: #f7941d;}

#side .login-box .wallet {border: none; background: none; background-color: #f1e6dc; border-radius: 6px; margin-bottom: 10px;}

#side .login-box .link {border: none; background: none; background-color: #f1e6dc; border-radius: 6px;}
#side .login-box .link * {color: #ac6716; font-size: 14px;}
#side .login-box .link li:hover a {background: none;}

#side #ranking {border-radius: 10px; overflow: hidden; background-color: #0D0D0B;}
#side #ranking .d-flex {position: relative; border-bottom: none; background-color: #0D0D0B;}
#side #ranking .d-flex::after {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); content: ''; width: calc(100% - 30px); height: 1px; background-color: #868684;}
#side #ranking .d-flex h3 {color: #999; padding: 12px 15px;}
#side #ranking .d-flex h3.active {background: none; color: #e49c2d;}
#side #ranking .table_wrap {border: none;}
#side #ranking td {background-color: #2F2E2C;border-bottom: 1px solid #0D0D0B;color:#fff;}
#side #ranking td span.corange {color: #ed470d; margin-right: 10px;}
#side #ranking td.point {color: #676765;font-weight: 500;}

/* main */
body #container-wrap.main {line-height: 1.5; padding-top: 50px;}
.main .main_btn {display: block; width: 395px; height: 80px; line-height: 80px; text-align: center; font-size: 22px;}
.main .main_btn.btn_red {background-image: url(/images/renew/btn_red_bg.png);}
.main .main_btn.btn_black {width: 456px; height: 92px; line-height: 92px; background-image: url(/images/renew/btn_black_bg.png);}
.main .img_wrap,
.main .btn_wrap {display: flex; justify-content: center;}
.main .bg_white {background-color: #fffbf7; padding: 50px; border-radius: 20px;}

/* #container-wrap.main #contents {max-width: 1280px; width: 100%; margin: 0 auto;} */
#container-wrap.main #contents > div {margin-bottom: 50px;}
.main .main_event {position: relative;}
.main .main_event img {width: 100%;}
.main .main_event .text_wrap {position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; width: 50%; height: 100%; text-align: center;}
.main .main_event .text_wrap * {color: #fff;}
.main .main_event .text_wrap h2.tit {font-size: 40px; font-family: 'KoPubWorldBatang'; font-weight: 400; text-shadow: 0 0 3px rgba(0, 0, 0, 1);}
.main .main_event .text_wrap h2.total {font-size: 48px; text-shadow: 0 0 3px rgba(0, 0, 0, 1); color: #ffa00b; margin: 20px 0;}
.main .main_event .text_wrap p.exp {font-size: 20px; line-height: 1.5; text-shadow: 0 0 2px rgba(0, 0, 0, 1);}
.main .main_event a.main_btn {margin: 50px auto 0 auto;}

.main .royalclub {text-align: center;}
.main .royalclub .img_wrap {margin-bottom: 25px;}
.main .royalclub h2 {font-size: 46px; color: #bb8839; margin-bottom: 40px;}
.main .royalclub p {font-size: 24px; color: #443f38; margin-bottom: 40px;}
.main .royalclub a.main_btn {margin-bottom: 50px;}
.main .royalclub ul.list {border: 2px solid #c7a065;}
.main .royalclub ul.list li {flex: 1; border-right: 2px solid #c7a065; background-color: #faf3ed; background-image: url(/images/renew/bg_logo_royalclub.png); background-position: center center; background-repeat: no-repeat; padding: 75px 0;}
.main .royalclub ul.list li:last-of-type {border-right: none;}
.main .royalclub ul.list li p.tit {font-weight: 500; color: #8e7653; margin-bottom: 25px;}
.main .royalclub ul.list li p.quan {margin-bottom: 0; font-size: 28px;}
.main .royalclub ul.list li p.quan .bold {font-weight: bold;}

.main .royal_content li:not(:last-of-type) {margin-bottom: 130px;}
.main .royal_content li > div {flex: 1;}
/* .main .royal_content li:nth-of-type(1) > div.pic,
.main .royal_content li:nth-of-type(3) > div.pic {display: flex; justify-content: end;} */
.main .royal_content li:nth-of-type(2) > div.info {padding-left: 60px;}
.main .royal_content li > div.info {padding-top: 30px;}
.main .royal_content li > div img {max-width: 100%;}
.main .royal_content li h3 {font-size: 46px; margin-bottom: 30px;}
.main .royal_content li p {font-size: 18px; color: #443f38; line-height: 2; margin-bottom: 35px;}
.main .royal_content li:nth-of-type(3) h3 {margin-bottom: 15px;}
.main .royal_content li h4 {font-size: 26px; margin-bottom: 15px;}

.main .royal_service {text-align: center;}
.main .royal_service h3 {font-size: 46px;}
.main .royal_service h4.exp {font-size: 24px; font-weight: normal; color: #1f1e1c; margin-bottom: 20px;}
.main .royal_service > p {font-size: 18px; color: #443f38; margin-bottom: 40px;}
.main .royal_service ul {gap: 15px;}
.main .royal_service ul li {flex: 1; height: 137.5px; background-image: url(/images/renew/bg_service.png); background-repeat: no-repeat; background-size: cover; padding: 18px 0 27px;}
.main .royal_service ul li a {display: flex; height: 100%; flex-direction: column; justify-content: space-around;}
.main .royal_service ul li p {font-size: 18px;}
.main .royal_service ul li img {width: 80px;}

#header-wrap .login_btn,
#header-wrap .logout_btn {position: absolute; left: 300px; bottom: 15px; padding: 5px 10px; background-color: #bb8839; display: none;}
#header-wrap.main .login_btn,
#header-wrap.main .logout_btn {display: none;}

/* content */
#container-wrap #contents {background-color: #faf3ed;}
.community_title {color: #000; margin: 0;}
#container-wrap #contents.board_list {width: calc(100% - 440px); margin-left: 40px;}
#container-wrap #contents.board_list .board_lastest {padding: 15px 0; background: none;}
#container-wrap #contents.board_list form#bSearchForm {background: none; padding: 0;}
#container-wrap #contents.board_list form#bSearchForm .filter {padding: 0;}

.board-wrap.list .filter .search {border: 1px solid #cb9847; border-radius: 50vh; overflow: hidden;}
.board-wrap.list .filter .search .chk-input input {background-color: #fff; color: #000;}
.board-wrap.list .filter .search .chk-input input::placeholder {color: #999999;}
.board-wrap.list .filter .search .search-btn {background: url(/images/renew/icon_search.png) no-repeat center right 10px #fff;}
.board-wrap.list .filter.input_date .search {padding-right: 0;}

.board_lastest > div {border: none; background-color: #e2dbd4;}
.board_lastest > div a {color: #252525;}
.board_lastest ul.board_list li::before {background-color: #252525;}
.board_lastest .left > .d-flex,
.board_lastest .right > .d-flex {position: relative; background-color: #fff;}
.board_lastest .left > .d-flex::after,
.board_lastest .right > .d-flex::after {position: absolute; left: 0; bottom: -1px; content: ''; width: 100%; height: 5px; background-color: #f0c47d;}
.board_lastest .right .lastest_tab li {background: none;}
.board_lastest .left .lastest_tab li a {color: #f73d44;}
.board_lastest .left .lastest_tab li.active,
.board_lastest .right .lastest_tab li.active {background-color: #f0c47d; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);}
#container-wrap #contents.board_list .board-wrap.list .list {padding: 0; background: none;}
#container-wrap #contents.board_list .board-wrap.list .list .board_list_header {padding: 0;}
#container-wrap #contents.board_list .board-wrap.list .board_list_wrap {background-color: #fffbf7; padding: 30px 25px; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 50px;}

.board-wrap.list .list table thead th {background: none; color: #000; border-top: 2px solid #826840; border-bottom: 1px solid #dedddc;}
.board-wrap.list .list table tbody td {background: none; color: #000; border-bottom: 1px solid #dedddc;}
.board-wrap.list .list table thead th a, .board-wrap.list .list table tbody td a{color:#000;}
.board-wrap.list .list table tbody td:first-of-type {color: #999999;}
.board-wrap.list .list table tbody .l a {color: #000;}
.board-wrap.list .list .nickname .txt {color: #000;}

.board-wrap.list .banner {height: 146.33px; border-radius: 10px; overflow: hidden;}
.board-wrap.list .banner.banner_hot {margin-bottom: 35px;}
.banner.banner_magazine {border-radius: 10px; overflow: hidden;}
.banner > a[target="_blank"] {position: static; left: auto; transform: translateX(0);}

.board-wrap.list .list:not(.board-wrap) {border: none;}

.view_banner {border-radius: 10px; overflow: hidden;}


#container-wrap #contents.board {background: none;}
.view_banner_center {position: relative; left: 50%; transform: translateX(-50%); width: calc(100% + 80px); border-radius: 10px; overflow: hidden;}
.board-wrap.view {margin-top: 15px; padding: 40px; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 50px; background-color: #fffbf7;}
.board-wrap.view .sub_breadcrumb {color: #bb8839; font-size: 16px;}
.board-wrap.view .sub_breadcrumb span {margin: 0 5px;}
.board-wrap.view .tits {margin-top: 0; background: none; padding: 0; margin-top: 20px; border-top: 2px solid #826840;}
.board-wrap.view .cont {padding: 30px 0; background: none;word-break: break-all;overflow-wrap: break-word;}
.board-wrap.view .tits h3 {color: #000; font-size: 28px; font-weight: bold; padding: 15px 0;}
.board-wrap.view .tits .abr {position: static; padding-left: 10px;}
.board-wrap.view .tits .abr p {color: #999; line-height: 35px; font-size: 16px;}
.board-wrap.view .comments_wrapper {padding: 25px; border-radius: 10px; background-color: #faf3ed;}
.board-wrap.view .cmmt {margin-top: 0; padding: 0 10px 0 0;}
.board-wrap.view .cmmt .nickname .txt {color: #999; font-size: 16px;}
.board-wrap.view .cmmt .total {display: none;}
.board-wrap.view .tits .view_count {color: #999; line-height: 35px; font-size: 16px;}
.board-wrap.view #total {display: flex; padding: 30px 0 20px;}
.board-wrap.view #total p {color: #000; font-size: 18px; font-weight: bold;}
.board-wrap.view #total span {color: #bb8839;}
.board-wrap.view #total .refresh-btn {display: block; width:25px;height:25px; background:url(/images/Sub/ico-refresh.png) no-repeat center center; background-size:80% auto; margin-left: auto;}
.board-wrap.view .cmmt .list {margin-top: 0;}
/* .board-wrap.view .cmmt .list li:nth-child(n+2) {border-top: 1px solid #dedddc; margin-top: 5px; padding-top: 5px;} */
.board-wrap.view .cmmt .info {background: none; padding: 0;}
.board-wrap.view .cmmt .info .nickname p.txt {color: #000;}
.board-wrap.view .cmmt .vtxt {background: none; padding: 0;}
.board-wrap.view .vcomment {border: none; background: none; background-color: #fff; padding: 0; margin-top: 20px; border-radius: 10px;}
.board-wrap.view .vcomment .info {border: none; background: none;}
.board-wrap.view .vcomment textarea {border: none;}
.board-wrap.view .vcomment .btns {border: none; background: none;}
.board-wrap.view .vcomment .write-btn {right: 15px; top: auto; bottom: 15px; background-color: #bb8839; border: none; color: #fff; border-radius: 5px;}
.board-wrap.view .vcomment .write-btn:hover {background-color: #bb8839; color: #fff;}
.board-wrap.view .lower .list-btn {background-color: #717171; color: #fff; border: none;}
.board-wrap.view .lower .list-btn:hover {background-color: #717171; color: #fff;}

.view_banner img,
.view_banner_center img {width: 100% !important;}

/* casino */
.casino_list.casino_list01 {background-color: #fffbf7;}
.casino li.li:last-of-type {margin-bottom: 0;}
.casino li.li {border: none; background: none; background-image: linear-gradient(135deg, #fbd13f, #c78138, #fbd13f); padding: 5px;}
.casino li .con_l {display: flex; flex-direction: column; margin-right: 5px;}
.casino li .con_l .logo {flex: 1; background-color: #2F2E2C;}
.casino li .con_l > p {flex: 1; background: none; background-color: #fff; color: #000; margin-bottom: 5px; border-bottom: none; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.1) 100%);}
.casino li .con_l .game_list {background: none; background-color: #46322e;}
.casino li .con_r {width: calc(100% - 355px);}
.casino li .con_r > div {background: none;}
.casino li .con_r .con_r_t {background-color: #3f2d2a; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.1) 100%); margin-bottom: 0; border-bottom: none;}
.casino li .con_r .con_r_t h4 {color: #fff; text-shadow: 1px 1px #000;}
.casino li .con_r .con_r_t .rating .score {}
.casino li .con_r .con_r_t .rating .score_tit {color: #cb9847;}
.casino li .con_r .con_r_t .rating h5 {color: #cb9847;}

.casino li .con_r .con_r_b {padding: 0;}
.casino li .con_r .con_r_b .exp {flex: 1; max-height: 170px;min-height: 170px; overflow-y: auto; padding: 15px 20px 15px 40px; /* background-color: #fff; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.1) 100%); */ background-color: #fff; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);}

.casino li .con_r .con_r_b .exp li {display: flex; color: #000; padding-left: 65px;}
.casino li .con_r .con_r_b .exp li::before {width: 5px; height: 5px; border-radius: 50vh; background-color: #cb9847;}
.casino li .con_r .con_r_b .exp li span.label {display: flex; width: 95px; margin-left: -55px;}
.casino li .con_r .con_r_b .exp li span.label span.unit {margin: 0 7px 0 auto;}
.casino li .con_r .con_r_b .exp li div.cont {width: calc(100% - 65px);}
.casino li .con_r .con_r_b > .btn_wrap {flex: 1; background-color: #46322e; padding: 10px 20px 10px 40px;}
.casino li .con_r .con_r_b .enter_btn,
.casino li .con_r .con_r_b .userhome_btn {width: 200px;}

#container-wrap #contents.casino_wrap {padding: 30px 25px; background-color: #fffbf7; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 50px;}
#container-wrap.board_view #contents.casino_wrap {padding: 0; background: none; border-radius: 0; box-shadow: none; margin-bottom: 0;}
#container-wrap #contents .casino_tit {padding: 0 0 20px 15px; font-size: 24px; color: #171717;}
#container-wrap #contents .casino_tit.t_center {text-align: center; padding-left: 0;}

#container-wrap.board_view #contents.casino_wrap .tournament.detail .game_info ul li span {color: #000; line-height: 30px;}
#container-wrap.board_view #contents.casino_wrap .tournament.detail .game_info ul li span + span {width: calc(100% - 80px);}
#container-wrap.board_view #contents .board-wrap.view .filter .abr {top: -25px; right: 0;}

.search_area.d-flex {background-color: #f1e6dc; margin-bottom: 0; border-radius: 10px;}
.search_area.d-flex * {color: #000;}
.court .filter.header {margin-bottom: 0; background-color: #fffbf7; padding-bottom: 10px;}
.court .filter .search {border: 1px solid #cb9847; border-radius: 50vh; overflow: hidden;}
.court .filter .search .chk-input input {background-color: #fff; color: #000;}
.court .filter .search .chk-input input::placeholder {color: #999999;}
.court .filter .search .search-btn {background: url(/images/renew/icon_search.png) no-repeat center right 10px #fff;}

.filter.ascdesc {margin: 20px 0;}

.filter a.filter_a,
.filter_2 a.filter_a {position: relative; display: inline-block; margin-left: 5px; padding-right: 15px; color: #000;}
.filter a.filter_a.active,
.filter_2 a.filter_a.active {color: #c28c38 !important;}
.filter a.filter_a img,
.filter_2 a.filter_a img {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: auto;}

.review_list_wrap li {border-radius: 10px;}
.review_list_wrap .casino_img {margin-right: 10px;}
.review_list_wrap .review_r .review_con {color: #5d5d5d; padding: 10px 15px; background-color: #fff; border-radius: 10px;padding-bottom:20px;}
.review_list_wrap .review_r .review_con * {color: #5d5d5d;}

/*  */
.review_list_wrap li {/*flex-direction: column;*/ padding: 20px;}
/*.review_list_wrap .casino_img {margin: 0 auto;}*/
.review_list_wrap .casino_img img {left: 50%; transform: translate(-50%, -50%);}
.review_list_wrap li .review_top {display: flex; margin-bottom: 20px; gap: 10px;}
.review_list_wrap li .review_top .user_info * {text-align: center;}
.review_list_wrap li .review_top .court_status {width: 150px;}
.review_list_wrap li .review_top .court_status p {text-align: center;}
.review_list_wrap li .review_top .court_status .img {display: flex; justify-content: center; align-items: center;}
.review_list_wrap li .review_top .court_status .img img {}
.review_list_wrap .review_con {position: relative; color: #5d5d5d; padding: 10px 15px; background-color: #fff; border-radius: 10px;padding-bottom:20px;}
.review_list_wrap .review_con .gradient {display: none;}
.review_list_wrap .review_con.hide {position: relative; height: 100px; overflow: hidden;}
.review_list_wrap .review_con .hide_btn {display: none;}
.review_list_wrap .review_con.hide .gradient {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #10112c 100%);}
.review_list_wrap .review_con.hide .gradient .more {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); cursor: pointer; color: #f7c80f;}
.review_list_wrap .review_con.long .hide_btn {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); cursor: pointer; color: #f7c80f; display: block;}
.review_list_wrap .review_con.long .hide_btn img {transform: rotate(180deg);}
.review_list_wrap .review_con.hide .hide_btn {display: none;}
.review_list_wrap .review_con * {color: #5d5d5d;}
.review_list_wrap .info1 {width: 160px;}
.review_list_wrap .info1 .stars {margin-bottom: 5px; text-align: center;}
.review_list_wrap .info1 .stars img {height: 18px;}
.review_list_wrap .info1 .score {padding: 3px 10px; text-shadow: 1px 1px #000; background-color: #e89300; border-radius: 10px;}
.review_list_wrap .info1 h5 {line-height: 27px;}
.review_list_wrap .info1 .score_tit {margin: 0 10px; font-size: 10px; line-height: 27px;}
.review_list_wrap .info1 .info .rating > .d-flex {justify-content: center;}
.review_list_wrap .review_top .info2 {display: flex; flex-direction: column; justify-content: center; gap: 5px;}
.review_list_wrap .review_top .info2 p {font-size: 16px;}
.review_list_wrap .review_top .info2 p .gold {color: #cb9847;}
.review_list_wrap .review_top .info2 .detail_btn {padding: 2px 5px; background-color: #bb8839; color: #fff; border-radius: 5px; font-size: 14px;}
.review_list_wrap .court li {flex-direction: column;}



/* 카지노게임 */
.game-frame ul.category_tab li a {background-color: #fff; border-color: #fff; border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}
.game-frame ul.category_tab li.active a {border-color: #c28c38;}
.game-frame ul.category_tab li a p {color: #000;}
.game-frame ul.category_tab li:not(.filter) p,
.game-frame ul.category_tab li:not(.filter) p span {color: #c28c38;}
.game-frame ul.category_tab li.filter img {filter: none;}
.game-frame .game {background-color: #440d0d; border: none;}
.game-frame .game p {color: #fff;}
.game-frame .game p.prov_name {color: #fff; font-weight: lighter;}
.game_swiper_tit h5 {color: #000;}
.game_swiper_tit h5 span {color: #c28b37;}
.game_swiper_tit .show_all_btn {background-color: #bb8839; color: #fff; border-color: #bb8839; border-radius: 5px;}
.game_swiper .swiper-button-prev::after,
.game_swiper .swiper-button-next::after {color: #bb8839; font-weight: bold; font-size: 18px;}
.game_swiper .swiper-pagination-bullet {background-color: #bababa; opacity: 1;}
.game_swiper .swiper-pagination-bullet-active {background-color: #c28c38;}

.game-frame .board-wrap.list {background: none;}
.game-frame .board-wrap.list .filter {margin-bottom: 0; padding: 0 20px;}
.game-frame .filter .search {border: 1px solid #cb9847; border-radius: 50vh; overflow: hidden;}
.game-frame .filter .search .chk-input input {background-color: #fff; color: #000;}
.game-frame .filter .search .chk-input input::placeholder {color: #999999;}
.game-frame .filter .search .search-btn {background: url(/images/renew/icon_search.png) no-repeat center right 10px #fff;}

#filter_wrap {background-color: #faf3ed;}
#filter_wrap * {color: #000;}
#filter_wrap .head > .d-flex:not(.checked_list) {border-color: #826840;}
#filter_wrap .head .tit {color: #826840; font-size: 18px;}
#filter_wrap .head .tit img {filter: invert(40%) sepia(67%) saturate(303%) hue-rotate(357deg) brightness(88%) contrast(86%);}
#filter_wrap .head .close_btn img {width: 20px;}
#filter_wrap .acco_wrap .acco {border-color: #826840;}
#filter_wrap .acco_wrap .acco h5 {color: #826840;}
.acco_wrap .acco_tit img {filter: invert(40%) sepia(67%) saturate(303%) hue-rotate(357deg) brightness(88%) contrast(86%);}
#filter_wrap .acco_wrap div.filter {padding: 10px 0;}
#filter_wrap .checked_list ul li:not(.filter_label) {background-color: #be975a; color: #fff; border: none;}
#filter_wrap .checked_list ul li:not(.filter_label) span {color: #fff;}
#filter_wrap .checked_list ul li.reset_filter {background-color: #555; color: #fff;}
#filter_wrap .checked_list ul li.reset_filter a {color: #fff;}
#filter_wrap li label,
#filter_wrap li label span {color: #555;}


.board-wrap.list .popup .list table thead th,
.board-wrap.list .popup .list table tbody td {color: #fff;}


/* 대회 및 이벤트 */
.popup .tournament.detail .game_info {padding: 20px;}
.tournament.detail .game_info {background-color: #faf3ed; background: none;}
.tournament.detail .game_info:not(:last-of-type) {margin-bottom: 40px;}
.tournament.detail .game_info:not(.info_top) {padding: 0;}
.tournament.detail * {color: #000;}
.tournament.detail .yellow {color: #826840 !important;}
div.exchange_money h3 {color: #000;}
div.exchange_money > div {padding: 0; border: none;}
div.exchange_money > div.form {padding: 20px; border: 1px solid #cb9847; border-radius: 10px;}
div.exchange_money .info ul {margin-left: 0;}
div.exchange_money .info li {position: relative; list-style-type: none; padding-left: 20px;}
div.exchange_money .info li::before {position: absolute; left: 5px; top: 10px; content: ''; width: 5px; height: 5px; border-radius: 50vh; background-color: #cb9847;}

.tournament.detail .info_top {background: none; background-image: linear-gradient(135deg, #fbd13f, #c78138, #fbd13f); padding: 3px; border-radius: 10px; overflow: hidden;}
.tournament.detail .info_top .game_info {flex: 1; margin-bottom: 0; background-color: #272727; border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 10px rgba(0, 0, 0, 1); padding: 20px;}
.tournament.detail .info_top .game_info > div.img_wrap {width: 40%;}
.tournament.detail .info_top .game_info > div.con {width: 60%;}
.tournament.detail .info_top .game_info .img_wrap {display: flex; flex-direction: column; justify-content: center;}
.tournament.detail .info_top .game_info .img_wrap img {max-width: 100%; max-height: 100%; border-radius: 10px; overflow: hidden;}
.tournament.detail .info_top .game_info .game_img {max-height: 320px; text-align: center;}
.tournament.detail .info_top .game_info .corp_img {width: 100%; margin: 5px auto 0 auto;}
.tournament.detail .info_top .no_corp {filter: invert(50%) sepia(71%) saturate(360%) hue-rotate(357deg) brightness(96%) contrast(98%);}
.tournament.detail .info_top .game_info .img_wrap + .con {position: relative; display: flex; flex-direction: column; justify-content: center;}
.tournament.detail .info_top .game_info ul li span {display: inline-block; width: 80px; margin-right: 0;}
.tournament.detail .info_top .game_info .play_btn_wrap {display: flex; justify-content: center; margin-top: 10px;}
.tournament.detail .info_top .game_info .play_btn {height: 45px; line-height: 45px; color: #fd2c37; font-size: 18px; padding: 0 0 0 10px; outline: 2px solid #fd2c37; border-radius: 50vh;}
.tournament.detail .info_top .game_info .play_btn .icon_wrap {display: inline-block; position: relative; top: -3px; right: -2px; height: calc(100% + 2px);}
.tournament.detail .info_top .game_info .play_btn .icon_wrap img {height: 100%;}

ul.schedule_list {}
ul.schedule_list * {color: #faf3ed; font-size: 16px; font-weight: normal;}
ul.schedule_list span.gold {color: #cb9847;}
ul.schedule_list li {margin-bottom: 3px; background-color: #1c1e26; border-radius: 10px; padding: 15px 25px;}
ul.schedule_list .game_img {width: 140px; text-align: center; margin-right: 20px;}
ul.schedule_list .game_img img {max-width: 100%; max-height: 100%;}
ul.schedule_list .info {display: flex; flex-direction: column; justify-content: center;}
ul.schedule_list .info .t {margin-bottom: 10px;}
ul.schedule_list .info .dt_casino {margin-right: 20px;}
ul.schedule_list .info .dt_casino * {font-size: 18px;}
ul.schedule_list .info .more_btn {color: #cb9847; text-decoration: underline;}
ul.schedule_list .info .b {width: 100%;}
ul.schedule_list .info .b > div {margin-right: 15px;}
ul.schedule_list .info .b > div.tournament_title {display: flex;}
ul.schedule_list .info .b > div.tournament_title span.gold {width: 230px; height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; margin-left: 5px;}
ul.schedule_list .info .b > div.status {width: 88px;}
ul.schedule_list .info .b > div.total_reward {width: 145px;}
ul.schedule_list .start {display: flex; flex-direction: column; justify-content: center;}
ul.schedule_list .start img {filter: invert(75%) sepia(15%) saturate(1817%) hue-rotate(349deg) brightness(86%) contrast(83%);}

/* 포인트 전환 */
div.exchange_money .info li {color: #000;}
div.exchange_money .tit > div {color: #000;}
.tournament.detail .yellow {color: #bb8839 !important;}
.tournament.detail .info_top ul li,
.tournament.detail .info_top ul li * {color: #fff;}

.board-wrap.list .filter .write-btn, .board-wrap.view .lower .list-btn, .board-wrap.view .filter .list-btn, .casino_tit + .filter .write-btn {background-color: #5a3308; border-color: #5a3308; color: #fff; border-radius: 10px;}
.review_list_wrap .filter .write-btn, .review_list_wrap .lower .list-btn, .review_list_wrap .filter .list-btn, .review_list_wrap .btn_wrap .write-btn {background-color: #5a3308; border-color: #5a3308; color: #fff; border-radius: 10px;}

/* 타이머 */
.timer {display: flex; text-align: center;}
.timer > h4 {margin-right: 30px; font-size: 18px; font-weight: normal; padding-top: 5px;}
.timer > div {display: flex; justify-content: center; width: 100%;}
.timer > div > span {display: flex; flex-direction: column; justify-content: center; text-align: center; margin-right: 15px; font-size: 16px;}
.timer > div > span:not(.colon) {width: 32px;}
/* .timer .unit {display: block; margin-top: 5px; color: #bfbfbf; font-size: 14px;} */
.timer .unit {display: block; margin-top: 5px; font-size: 14px;}
.timer .colon {display: flex; flex-direction: column; justify-content: center;}

/* 로얄클럽(로얄게임) */
.swiper-pagination-bullets {display: flex; justify-content: center;}
.tournament-swiper {overflow: hidden; margin-bottom: 50px;}
.tournament-swiper .swiper-wrapper {display: block;}
.tournament-swiper .swiper-slide_k0 {margin-bottom: 20px;}
.tournament-swiper .swiper-slide_k1 {display: flex; gap: 10px;}
.tournament-swiper .swiper-slide.swiper-slide_k1 .top {width: calc(100% - 250px); padding: 15px 25px;}
.tournament-swiper .swiper-slide.swiper-slide_k1 .bottom {width: 250px;}
.tournament-swiper .swiper-slide_k1 .bottom ul {display: flex; flex-direction: column; height: 100%;}
.tournament-swiper .swiper-slide_k1 .bottom ul li {flex: 1; display: flex; background-color: #483125; border-radius: 10px; margin-bottom: 10px; padding: 10px;}
.tournament-swiper .swiper-slide_k1 .bottom ul li:last-of-type {margin-bottom: 0;}
.tournament-swiper .swiper-slide_k1 .bottom ul li * {color: #fff;}
.tournament-swiper .swiper-slide_k1 .bottom ul li .img {display: flex; flex-direction: column; justify-content: center; margin-right: 10px;}
.tournament-swiper .swiper-slide_k1 .bottom ul li img {width: 60px;}
.tournament-swiper .swiper-slide_k1 .bottom ul li .info {display: flex; flex-direction: column; justify-content: center; width: 100%;}
.tournament-swiper .swiper-slide_k1 .bottom ul li .info * {text-align: center;}
.tournament-swiper .swiper-slide_k1 .bottom ul li .reward {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.tournament-swiper .swiper-slide_k1 .bottom ul li .t_title {font-size: 16px;}

.tournament-swiper .swiper-slide .top {display: flex; justify-content: center; border: 2px solid #ffba4e; border-radius: 20px; background-image: url(/images/renew/tournament_swiper_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 30px 50px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.tournament-swiper .swiper-slide div.slot {flex: 1; display: flex; flex-direction: column; justify-content: center; margin-right: 10px;}
.tournament-swiper .swiper-slide div.slot p {text-align: center; color: #000; font-size: 24px; font-weight: bold; margin-bottom: 10px;text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.tournament-swiper .swiper-slide .img_wrap img {width: 100%;}
.tournament-swiper .swiper-slide .top .info {flex: 1; text-align: center; line-height: 1.2;}
/* .tournament-swiper .swiper-slide .info * {color: #171717;} */
.tournament-swiper .swiper-slide .top h3.reward {font-size: 52px; color: #ffeb0c; margin-bottom: 20px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.tournament-swiper .swiper-slide .top h4.t_title {font-size: 22px; margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;width: 100%;max-width: 460px;overflow: hidden;text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.tournament-swiper .timer_wrap > p {font-size: 24px;text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.tournament-swiper .timer {justify-content: center; /* margin: 20px 100px; */ text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); width: 240px; margin: 20px auto;}
.tournament-swiper .timer > span {flex: 1; font-size: 24px; font-weight: bold;}
.tournament-swiper .timer > span.colon {font-size: 24px; font-weight: bold;}
.tournament-swiper .timer span.unit {font-size: 18px;}
.tournament-swiper .btn_wrap {display: flex; justify-content: center;}
.tournament-swiper .swiper-slide .info .btn_wrap a {display: block; width: 224px; height: 53px; line-height: 53px; font-size: 18px; color: #fff;}
.tournament-swiper .swiper-slide .info .btn_wrap .btn_reg_red {background-image: url(/images/renew/btn_register_bg.png);}
.tournament-swiper .swiper-slide .info .btn_wrap .btn_detail_black {background-image: url(/images/renew/btn_detail_black.png); margin-right: 10px;}

/* .tournament-swiper .swiper-slide .bottom {display: flex; justify-content: center; background-color: #483125; border-radius: 20px; margin-top: 20px; padding: 20px; gap: 10px;}
.tournament-swiper .swiper-slide .bottom * {color: #fff;}
.tournament-swiper .swiper-slide .bottom .img {}
.tournament-swiper .swiper-slide .bottom .info {display: flex; flex-direction: column; justify-content: center;}
.tournament-swiper .swiper-slide .bottom .info .reward {font-size: 28px; margin-bottom: 10px;}
.tournament-swiper .swiper-slide .bottom .info .t_title {font-size: 18px;} */

.tournament-swiper .swiper-pagination-bullets {margin-top: 40px;}
.tournament-swiper .swiper-pagination-bullet {width: 36px; height: 4px; background-color: #bababa; border-radius: 0; opacity: 1;}
.tournament-swiper .swiper-pagination-bullet-active {background-color: #c28c38;}

.tournament_acco {margin-bottom: 50px;}
.tournament_acco .content_tit {font-size: 24px; color: #483125; margin-bottom: 20px;}
.tournament_acco .acco {margin-bottom: 3px; border-radius: 10px; overflow: hidden;}
.tournament_acco .acco_tit {display: flex; background-color: #242424; padding: 25px;}
.tournament_acco .acco_tit > div:not(.game_type):not(.btns) {margin-right: 20px;}
.tournament_acco .acco_tit > div {line-height: 45px; vertical-align: middle;}
.tournament_acco .acco_tit .game_type {width: 120px; line-height: 45px; vertical-align: middle; color: #c28c38; font-size: 18px; /* margin-right: auto; */}
.tournament_acco .acco_tit .tournament_name {display: flex; flex-direction: column; justify-content: center; width: calc(100% - 640px); font-size: 15px; font-weight: 600;}
.tournament_acco .acco_tit .img_wrap {position: relative; width: 150px; height: 100px; margin-right: 30px !important;}
.tournament_acco .acco_tit .img_wrap::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ''; width: calc(100% + 20px); height: calc(100% + 20px); background-image: url(/images/renew/frame.png); background-size: 100% 100%; z-index: 1;}
.tournament_acco .acco_tit .img_wrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.tournament_acco .acco_tit .reward_time {min-width: 210px;}
.tournament_acco .acco_tit .total_reward,
.tournament_acco .acco_tit .remain_time {font-size: 14px;}
.tournament_acco .acco_tit .btns {display: flex; margin-left: auto;}
.tournament_acco .acco_tit .btns a {display: flex; flex-direction: column; justify-content: center;}
/* .tournament_acco .acco_tit .btns a img {width: 45px; height: 45px;} */
.tournament_acco .acco_tit .btns a.play_btn {margin-right: 10px;}
.tournament_acco .acco_tit .btns a.acco_toggle_btn img {transition: 0.3s;}
.tournament_acco .acco_tit .btns a.acco_toggle_btn.open img {transform: rotate(180deg);}
.tournament_acco .acco_tit div span.gold {color: #fbcd2e; font-weight: 500;}
.tournament_acco .acco_tit .btns a.detail_btn span {display: flex; flex-direction: column; justify-content: center; align-items: baseline; width: 45px; height: 45px; border: 2px solid #fff; border-radius: 50vh; text-align: center;}
.tournament_acco .acco_tit .btns a.detail_btn span img {width: 30px; height: 30px; margin: 0 auto;}

.tournament_acco .acco_con {background-image: linear-gradient(135deg, #fbd13f, #c78138, #fbd13f); padding: 3px; display: none; border-radius: 0 0 10px 10px;}
.tournament_acco .acco_con .gradient_border {background-color: #46322e; box-shadow: inset 0 0 30px rgba(0, 0, 0, 1); padding: 30px 50px; border-radius: 0 0 10px 10px;}
.tournament_acco .acco_con .con_head {text-align: center; margin-bottom: 20px;}
.tournament_acco .acco_con .con_head .game_type {color: #c28c38; font-size: 24px; line-height: 34px; margin-bottom: 10px;}
.tournament_acco .acco_con .con_head img {width: 35px; margin-top: -5px;}
.tournament_acco .acco_con .con_head .game_name {font-size: 24px;}

.tournament_acco .acco_con .con_body {display: flex; gap: 40px;}
.tournament_acco .acco_con .con_body > div {flex: 1;}
.tournament_acco .acco_con .con_body .game_thumb {height: 255px;}
.tournament_acco .acco_con .con_body .game_thumb img {max-width: 100%; width: 100%; max-height: 100%;}
.tournament_acco .acco_con .con_body .info {display: flex; flex-direction: column; justify-content: center;}
.tournament_acco .acco_con .con_body .info .t > div {display: flex;}
.tournament_acco .acco_con .con_body .info .t > .reward {margin-bottom: 20px;}
.tournament_acco .acco_con .con_body .info .t .label {width: 150px; font-size: 18px; line-height: 51px;}
.tournament_acco .acco_con .con_body .info .t .con {width: calc(100% - 150px); font-size: 18px; font-weight: bold; color: #fbcd2e; text-align: right; padding: 15px 30px; background-color: #221714;}
.tournament_acco .acco_con .con_body .info .btns {display: flex; gap: 20px; margin-top: 50px;}
.tournament_acco .acco_con .con_body .info .btns a {display: block; width: 241px; height: 72px; line-height: 72px; text-align: center; font-size: 18px; font-weight: bold;}
.tournament_acco .acco_con .con_body .info .btns a.close_btn {background-image: url(/images/renew/btn_close_grey.png);}
.tournament_acco .acco_con .con_body .info .btns a.detail_btn {background-image: url(/images/renew/btn_detail_red.png);}
.tournament_acco .acco_con .con_body .info .btns a.detail_btn.disable {cursor: default; filter: brightness(0.5);}

/* 로얄 라이브 */
.game-frame .royal_game .content_tit {font-size: 24px; color: #483125; margin-bottom: 20px;}
.game-frame .royal_game .game_swiper_wrap {overflow: hidden !important; padding: 30px 10px;}
.royal_game #game_list > .game > .game_popup {box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);}

/* 토너먼트 상세 */
.content_tab {display: flex; border-bottom: 1px solid #473822; margin-bottom: 50px;}
.content_tab li {position: relative; flex: 1; text-align: center;}
.content_tab li::after {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); content: ''; width: 0; height: 4px; background-color: #bb8839; transition: 0.3s;}
.tournament.detail .content_tab li a {display: block; padding: 20px 0; color: #948875; font-size: 18px; transition: 0;}
.tournament.detail .content_tab li:hover a {color: #bb8839; font-weight: bold;}
.content_tab li:hover::after {width: 100%;}

.holdem_wrap {background-color: #242424; border-radius: 20px; padding: 70px 35px; text-align: center; background-image: url(/images/renew/holdem_bg_obj.png); background-repeat: no-repeat; background-position: center top 10px;}
.holdem_wrap h3 {font-size: 24px; margin-bottom: 20px;}
.holdem_wrap .noti {font-size: 18px; color: rgba(255, 255, 255, 0.5); line-height: 1.5; margin-bottom: 70px;}
.game-frame .holdem_wrap > .d-flex {justify-content: center; gap: 30px;}
.game-frame .holdem_wrap .game {width: calc(50% - 15px); background: none; background-image: linear-gradient(45deg, #132e94, #7086db, #132e94); border-radius: 20px; padding: 3px; overflow: hidden; box-sizing: border-box;}
.game-frame .holdem_wrap .game:first-of-type {margin: 0;}
.game-frame .holdem_wrap .game .gradiant_border {background-color: #1d233a; border-radius: 20px; overflow: hidden; padding: 20px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);}
.game-frame .holdem_wrap .gradiant_border p {color: #fbcd2e; font-size: 18px;}
.game-frame .holdem_wrap .gradiant_border p img {margin-right: 10px;}

/* 이벤트 */
.event #game_list > .game {width: calc((100% / 2) - 7.5px);}
/* 로얄매거진 */
.magazine #game_list > .game {width: calc((100% / 3) - 10px);}
.magazine .onethird .game:nth-child(3n) { margin-right:0px; }
.magazine #game_list { margin: 0; }

/* 회원가입 */
#doc.member {background-color: #faf3ed;}
.member-wrap .cont {background-color: #faf3ed;}
.member-wrap .cont .bg {background-color: #faf3ed;}
.member-wrap h2 {background-size: 100%; filter: invert(50%) sepia(71%) saturate(360%) hue-rotate(357deg) brightness(96%) contrast(98%);}

.radio_wrap label,
.member-wrap.join .member_type label {color: #000;}
.member-wrap.join .noti {color: #826840;}
.member-wrap.join .agrees label {color: #000;}
.member-wrap.join .agrees label a {color: #826840;}
.member-wrap .copy {color: #000;}

.join li > .con_wrap,
.member-wrap.join .entry li .chk-input input,
.member-wrap.join .entry li .chk-input select,
.member-wrap.find .entry li .chk-input input {background-color: #f0c47d; border: 1px solid #f3dcb6; color: #000;}

.join li > .con_wrap span.nec,
.member-wrap.find .entry li .chk-input::before,
.member-wrap.join .entry li .chk-input.nec:before {color: #826840;}

.member-wrap.join .entry li .chk-input input::placeholder,
.member-wrap.find .entry li .chk-input input::placeholder {color: #000;}


.join li > .con_wrap .corp_casino_logo label[for="logo"],
.member-wrap.find .cerfity-btn,
.member-wrap.join .cerfity-btn {background-color: #826840; color: #fff;}

.join li > .con_wrap input[type="text"], .join li > .con_wrap textarea {background-color: #f0c47d; border: 1px solid #f3dcb6; color: #000;}

.join li > .con_wrap * {color: #000;}


.activity * {color: #fff;}
.activity > div {background-color: #0d0d0b;}
.activity .accumulate p.con {color: #e49c2d;}

.mypage-wrap.info .entry .vtem .fl {background-color: #0d0d0b;}
.mypage-wrap.info .entry .vtem .fl h3 {color: #fff;}

.mypage-wrap.info .entry .vtem .fr {background-color: #2f2e2c;}
.mypage-wrap.info .entry .vtem .fr * {color: #fff;}
.mypage-wrap.info .entry .vtem .fr li .btxt {color: #fff;}
.mypage-wrap.info .entry .vtem .fr li .nickname .ntxt {color: #fff;}
.mypage-wrap.info .entry .vtem .fr li .stxt {color: #fff;}
.mypage-wrap.info .entry .vtem .fr li .abr p {color: #e49c2d;}
.mypage-wrap.info .entry .vtem .fr li .ctxt {color: #e49c2d;}

.mypage-wrap.info .entry .vtem .fr li.other_info.corp .ex:first-of-type {margin-bottom: 5px;}
.mypage-wrap.info .entry .vtem .fr li.other_info.corp .ex {position: static;}
.mypage-wrap.info .entry .vtem .fr li .ex {color: #fff;}
.mypage-wrap.info .entry .vtem .fr li .ex span {color: #e49c2d;}

.mypage-wrap.info .entry .vtem .fr li.games ul {background-color: transparent;}

.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating .score_tit {color: #fff;}
.mypage-wrap.info .entry .vtem .fr li.corp_casino .con_r_t .rating h5 {color: #fff;}

.mypage_tab_wrap {border: none;}
.mypage_tab_wrap .depth1 {background-color: #4e4d4a; padding: 5px 5px 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.mypage_tab_wrap .depth1 ul li {background-color: #4e4d4a;}
.mypage_tab_wrap .depth1 ul li a {color: #fff;}
.mypage_tab_wrap .depth1 ul li.active {background-color: #0D0D0B; border-radius: 5px 5px 0 0; border: 1px solid rgba(255, 255, 255, 0.4); border-bottom: none;}
.mypage_tab_wrap .depth1 ul li.active a {color: #fff;}
.mypage_tab_wrap .depth2 {background-color: #0D0D0B;}
.mypage_tab_wrap .depth2 ul li > * {color: #aaa;}
.mypage_tab_wrap .depth2 ul li.b > * {color: #fff;}


/* broadcast */
.broadcast {border: 1px solid #f2f4f7; background-color: #fff;}
.broadcast * {color: #000;}
.broadcast > * {margin-bottom: 5px;}

.broadcast .video_wrap {}
.broadcast .video_head {padding: 10px; border-bottom: 1px solid #f2f4f7;}
.broadcast .video_body {padding: 10px;}
.broadcast .video_body > * {width: 100%;}
.broadcast .title_wrap {padding: 10px; border-top: 1px solid #f2f4f7; border-bottom: 1px solid #f2f4f7;}

.broadcast .title_wrap {background-image: url(/images/broadcast/bg_onair.png); background-size: 100% auto;}
.broadcast .title_wrap h2.tit img {margin-top: -2px;}
.broadcast .title_wrap .title p {padding-left: 10px;}
.broadcast .title_wrap .time {margin-left: auto;}
.broadcast .title_wrap .time p {min-width: 100px; padding-left: 10px; text-align: right;}

.broadcast .tabs {}
.broadcast .tabs li {flex: 1; position: relative; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #838383; border-right: 1px solid #838383; background-color: #e3e3e3; text-align: center; padding: 10px;}
.broadcast .tabs li:hover {background-color: #1d2329; transition: background 0.3s linear;}
.broadcast .tabs li span.count {position: absolute; top: 1px; left: 1px; width: 20px; height: 20px; background-color: #e82d0c; color: #fff; border: 2px solid #fff; font-size: 12px; border-radius: 50vh; text-align: center; line-height: 16px;}
.broadcast .tabs li img {max-width: 100%;}

.broadcast .noti {background-color: #2565d0; padding: 5px 10px; font-size: 14px; color: #fff; border-radius: 5px; margin-bottom: 10px;}

.broadcast .onair_wrap {margin-bottom: 10px;}
.broadcast .onair_head {height: 42px; padding: 0 10px; background-image: url(/images/broadcast/bg_onair.png); background-size: 100% auto; border-top: 1px solid #f2f4f7; border-bottom: 1px solid #f2f4f7;}
.broadcast .onair_head h2 {display: flex; flex-direction: column; justify-content: center;}
.broadcast .onair_head ul {gap: 3px;}
.broadcast .onair_head ul li {display: flex; flex-direction: column; justify-content: center;}

.broadcast .onair_table tr > .type {width: 60px;}
.broadcast .onair_table tr > .time {width: 80px;}
.broadcast .onair_table tr > .league {width: 80px;}
.broadcast .onair_table tr > .title {width: calc(100% - 440px);}
.broadcast .onair_table tr > .status {width: 120px;}
.broadcast .onair_table tr > .multi {width: 90px;}

.broadcast .onair_table th {height: 42px; text-align: center; border: 1px solid #c6c6c6; border-top: 2px solid #7c91a2; border-bottom: 1px solid #7c91ac; padding: 5px; font-size: 12px; box-sizing: border-box;}
.broadcast .onair_table td {text-align: center; border: 1px solid #c6c6c6; padding: 5px; font-size: 12px; color: #4f5965; box-sizing: border-box;}
.broadcast .onair_table td.title {padding: 0; color: #000;}
.broadcast .onair_table td.title p {display: flex; flex-direction: column; justify-content: center; margin: 0 auto;}
.broadcast .onair_table td.type img {width: 40px;}
.broadcast .onair_table td .img {max-width: 80px;}
.broadcast .onair_table td .img img {width: 100%;}
.broadcast .onair_table .watch_btn {display: block; border-radius: 5px; padding: 5px; background-color: #f36a8d; width: 100px; color: #fff; margin: 0 auto; border:none;}
.broadcast .onair_table .info_btn {display: block; border-radius: 5px; padding: 5px; background-color: #fb8c00; width: 100px; color: #fff; margin: 0 auto; border:none;}
.broadcast .onair_table .multis.d-flex {gap: 5px; justify-content: center;}
.broadcast .onair_table .multi_btn {border-radius: 3px; padding: 5px 7px; background-color: #5697f5; color: #fff;}


.snow {position: fixed; top: 0; width: 5px; height: 5px; background: #fff; border-radius: 50vh; box-shadow: 0 0 3px 3px #fff; z-index: 1006;}