@charset "euc-kr";
.event_Top {font-family:'Noto Sans KR';position:relative;width:100%;}
.event_Top h2 {display:block;font-size:24px;font-weight:500;color:#373737;line-height:60px;padding-left:35px;}
.event_Top h2.vip {background:url(../../../images/qubridge/ico/ico_vip.png) no-repeat center left 5px;}
.event_Top h2.plt {background:url(../../../images/qubridge/ico/ico_plt.png) no-repeat center left 5px;}
.event_Top h2.silver {background:url(../../../images/qubridge/ico/ico_silver.png) no-repeat center left 5px;}
.event_Top h2 span {display:inline-block;font-size:12px;font-weight:400;color:#6b6b6b;margin-left:10px;;}

.event-tab {position:absolute;top:10px;right:0;}
.event-tab ul li { display:inline-block;margin:0 5px;width:140px;height:40px;}
.event-tab ul li a { display:block;width:100%;height:40px;line-height:38px;background:#f7f7f7;color:#a7a7a7;text-align: center;font-size:16px;}
.event-tab ul li.on a {background:#ff4546;color:#fff;}

.eventWrap {}





.roulette_area{position:relative; float:left; width:980px; height:750px; margin-top:-720px; margin-left:160px;}
.rou_ready{position:absolute; width:700px; height:750px; margin-left:140px; z-index:500; displayb:none;}
.rou_start{position:absolute; width:700px; height:750px; margin-left:140px; z-index:200; displayb:none;}
.rou_bg{position:absolute; width:700px; height:750px; margin-left:76px; margin-top:-114px; z-index:100; displayb:none;}

.ev2_l_wrap{float:left; width:519px; height:456px;}
.ev2_l_wrap p{position:absolute; top:350px; left:-230px; width:100px; height:24px;}
.ev2_r_wrap{float:right; width:454px; height:456px;}
.ev2_r_wrap p{position:absolute; left:375px; top:360px;}



/* vip ±âÁØ ¿µ¿ª */
#vip_wrapper{position:relative; margin:0 auto; width:1280px; height:2763px; margin-bottom:100px; background:url('../../images/qubridge/lounge/vip/roulette_bg_01.jpg') no-repeat;}

.event1{position:relative; width:1280px; height:1900px;}
.btn-top{float:right; margin-top:-390px; margin-right:-165px; width:170px; height:100px;}
.btn-top ul:after{display:block;content:"";clear:both;}
.event1 .btn-top ul li{float:left;margin-left:8px;}
.r-pop-wrap{position:relative; width:980px;}
.r-pop-wrap .r-pop-box{position:absolute; width:490px;height:300px;top:680px;left:405px;overflow:hidden; z-index:900; background: url('../../images/qubridge/lounge/vip/r_pop.png');}
.r-pop-wrap .r-pop-box .btn-close{position:absolute;top:20px;right:25px;}
.r-pop-list{position:absolute;top:41px;right:0;}
.plt .tit{text-align: center;}
.event2{position:relative; float:left; width:1100px; height:556px; margin-top:50px; margin-left:100px}
.chance-box{float:right; width:233px; height:222px; margin-top:992px; margin-right:60px; color:#fff; text-align:center; font-weight:bold; background:url('../../images/qubridge/lounge/vip/chance_box.png') no-repeat;}
.chance-box .num{margin-top:92px; margin-right:105px; font-size:42px; text-align:right; color:#444;}
.notice{position:relative; width:1280px; height:1900px;}
.enter-list{position:absolute;top:1750px; left:308px;}
.event-product{float:right;}
.link{float:left; /*width:1280px; /height:60px;*/}
.point_btn{position:absolute; right:60px; top:491px; width:88px; height:21px; cursor:pointer;}

/* Æ˾÷ 2 */
.pop-lst {width:608px; height:300px;}
.pop-lst h1 {height:37px; padding:20px 0 0 20px; font:bold 18px dotum; color:#000;background:#ffc73e;font-weight: normal;}
.pop-lst.vip h1 {height:37px; padding:20px 0 0 20px; font:bold 18px dotum; color:#fff;background:#8467a9;font-weight: normal;}
.pop-lst .list th.right{border-right:none}
.pop-lst .list table{width:566px;margin: 20px auto 0;text-align: center;border-collapse: inherit;text-align:center;}
.pop-lst .list table thead th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.pop-lst .list th {height:28px; font:normal 12px dotum; color:#555;}
.pop-lst .list td {height:22px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px 0 0 0; font:normal 11px dotum; overflow-x:hidden;}
.pop-lst .list td.right{border-right:none;}
.pop-lst .list table .minus{color:#ff4546;}
.pop-lst .list .paging{margin:10px 0 0 0; height:20px; padding-top:0px;font-weight:12px;}
.pop-lst .list .paging a {padding: 0 5px;background:url('http://www.officeplus.com/images/qubridge/lounge/201605/plt/bg_paging_ntyp.gif') no-repeat right top; color:#333333; font-weight:normal; line-height:15px;}
.pop-lst .list .paging a:link,
.pop-lst .list .paging a:visited {color:#333333;}
.pop-lst .list .paging a:hover,
.pop-lst .list .paging a.active {color:#ff4e00; text-decoration:none;}
.pop-lst .list .paging a.prev,
.pop-lst .list .paging a.next {padding:0; background:none;}
.pop-lst .list .paging a.first,
.pop-lst .list .paging a.last {padding:0 2px; font-size:14px; background:none;}
.pop-lst .list .paging a.none {padding:0 10px; background:none;}



/* plt ±âÁØ ¿µ¿ª */
#plt_wrapper{position:relative; margin:0 auto; width:1280px; height:2763px; margin-bottom:100px; background:url('../../images/qubridge/lounge/plt/roulette_bg_01.jpg') no-repeat;}

.event1{position:relative; width:1280px; height:1900px;}
.btn-top{float:right; margin-top:-390px; margin-right:-165px; width:170px; height:100px;}
.btn-top ul:after{display:block;content:"";clear:both;}
.event1 .btn-top ul li{float:left;margin-left:8px;}
.r-pop-wrap{position:relative; width:980px;}
.r-pop-wrap .r-pop-box{position:absolute; width:490px;height:300px;top:680px;left:405px;overflow:hidden; z-index:900; background: url('http://192.168.20.143/officeplus/images/qubridge/lounge/201801/plt/r_pop.png');}
.r-pop-wrap .r-pop-box .btn-close{position:absolute;top:20px;right:25px;}
.r-pop-list{position:absolute;top:41px;right:0;}
.plt .tit{text-align: center;}
.event2{position:relative; float:left; width:1100px; height:556px; margin-top:50px; margin-left:100px}
.chance-box{float:right; width:233px; height:222px; margin-top:992px; margin-right:60px; color:#fff; text-align:center; font-weight:bold; background:url('../../images/qubridge/lounge/plt/chance_box.png') no-repeat;}
.chance-box .num{margin-top:92px; margin-right:105px; font-size:42px; text-align:right; color:#444;}
.notice{position:relative; width:1280px; height:1900px;}
.enter-list{position:absolute;top:1750px; left:308px;}
.event-product{float:right;}
/* .link{float:left; width:1280px; height:60px;} */
.point_btn{position:absolute; right:60px; top:491px; width:88px; height:21px; cursor:pointer;}

/* Æ˾÷ 2 */
.pop-lst {width:608px; height:300px;}
.pop-lst h1 {height:37px; padding:20px 0 0 20px; font:bold 18px dotum; color:#000;background:#ffc73e;font-weight: normal;}
.pop-lst.vip h1 {height:37px; padding:20px 0 0 20px; font:bold 18px dotum; color:#fff;background:#8467a9;font-weight: normal;}
.pop-lst .list th.right{border-right:none}
.pop-lst .list table{width:566px;margin: 20px auto 0;text-align: center;border-collapse: inherit;text-align:center;}
.pop-lst .list table thead th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.pop-lst .list th {height:28px; font:normal 12px dotum; color:#555;}
.pop-lst .list td {height:22px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px 0 0 0; font:normal 11px dotum; overflow-x:hidden;}
.pop-lst .list td.right{border-right:none;}
.pop-lst .list table .minus{color:#ff4546;}
.pop-lst .list .paging{margin:10px 0 0 0; height:20px; padding-top:0px;font-weight:12px;}
.pop-lst .list .paging a {padding: 0 5px;background:url('http://www.officeplus.com/images/qubridge/lounge/201605/plt/bg_paging_ntyp.gif') no-repeat right top; color:#333333; font-weight:normal; line-height:15px;}
.pop-lst .list .paging a:link,
.pop-lst .list .paging a:visited {color:#333333;}
.pop-lst .list .paging a:hover,
.pop-lst .list .paging a.active {color:#ff4e00; text-decoration:none;}
.pop-lst .list .paging a.prev,
.pop-lst .list .paging a.next {padding:0; background:none;}
.pop-lst .list .paging a.first,
.pop-lst .list .paging a.last {padding:0 2px; font-size:14px; background:none;}
.pop-lst .list .paging a.none {padding:0 10px; background:none;}

.vip_benefit{position:absolute; right:20px; top:20px; width:137px; height:75px;}
.plt_benefit{position:absolute; right:20px; top:20px; width:137px; height:75px;}

/* silver ±âÁØ ¿µ¿ª */
#silver_wrapper{position:relative; margin:0 auto; width:1280px; height:2763px; margin-bottom:100px; background:url('../../images/qubridge/lounge/silver/roulette_silver_bg.jpg') no-repeat;}