@charset "utf-8";

@import url(/resource/css/vendor/all.min.css);
@import url(/resource/css/fonts.css);

/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family:"Nanum Gothic","나눔고딕",'HelveticaNeue','AppleSDGothicNeo-Regular','MalgunGothic','맑은고딕',sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-0.5px}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
strong, b {margin:0px;padding:0px;font-weight:bold;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
form{margin:0}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button{font-family:"Nanum Gothic","나눔고딕",'HelveticaNeue','AppleSDGothicNeo-Regular','MalgunGothic','맑은고딕',sans-serif}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input:-moz-placeholder{color:#ccc}
input:-ms-input-placeholder{color:#ccc}
textarea::-webkit-input-placeholder{color:#ccc}
textarea::-moz-placeholder{color:#ccc}
textarea:-moz-placeholder{color:#ccc}
textarea:-ms-input-placeholder{color:#ccc}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */
input[type="password"]{font-family:"맑은고딕","돋움"}
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.btns,
#gnb .btn_menu,
.toggle_box .text,
.toggle_box .text::before,
.preview_box,
.tooltip_box,
.popup_window,
#lot_table,
#lots_table,
#lots_table .table_grid .grid_box .grid,
#lots_tooltip,
#lots_tooltip .btn_tool,
body.player,
.popup_window .payment_type .btn_payment,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

/* 공통 */
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.ml0{margin-left:0!important}
.ml10{margin-left:10px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml40{margin-left:40px!important}
.ml50{margin-left:50px!important}

.w20{flex:0 0 20px!important;width:20px!important}
.w30{flex:0 0 30px!important;width:30px!important}
.w40{flex:0 0 40px!important;width:40px!important}
.w50{flex:0 0 50px!important;width:50px!important}
.w60{flex:0 0 60px!important;width:60px!important}
.w70{flex:0 0 70px!important;width:70px!important}
.w80{flex:0 0 80px!important;width:80px!important}
.w90{flex:0 0 90px!important;width:90px!important}
.w100{flex:0 0 100px!important;width:100px!important}
.w150{flex:0 0 150px!important;width:150px!important}
.w200{flex:0 0 200px!important;width:200px!important}
.w500{flex:0 0 500px!important;width:500px!important}
.wfull{flex:0 0 100%!important;width:100%!important}

.scrollY{overflow:hidden;overflow-y:auto}
.scrollY::-webkit-scrollbar{width:6px}
.scrollY::-webkit-scrollbar-track{-webkit-border-radius:3px;border-radius:3px;background:#ebebeb}
.scrollY::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#ccc}
.scrollY::-webkit-scrollbar-thumb:window-inactive{background:#ccc}

/* 폼 */
.input_text{padding:0 10px;width:100%;height:30px;font-size:14px;color:#000;border:1px solid #ddd;border-radius:5px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.05);background:#f0f0f0}
.input_text.md{padding:0 5px;height:24px;font-size:13px}
.select_box{width:100%;height:30px;font-size:14px;color:#000;border:1px solid #ddd;border-radius:5px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.05);background:#f0f0f0}
.select_box.md{height:24px;font-size:13px}
.check_box{display:inline-flex;align-items:center;position:relative;height:30px}
.check_box .check{margin-right:5px;width:16px;height:16px}
.check_box .text{font-size:14px;color:#000;font-weight:700}
.check_box .desc{margin-left:10px}
.input_text:focus,
.select_box:focus,
.check_box .check:focus{outline:1px solid #496bcd}
.toggle_box{cursor:pointer;display:inline-flex;align-items:center;position:relative;width:65px;height:30px}
.toggle_box .check{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:10}
.toggle_box .text{display:block;position:absolute;left:0;top:0;width:65px;height:30px;line-height:30px;border:3px solid #acacac;border-radius:15px;background:#acacac}
.toggle_box .text::before{display:block;content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#fff}
.toggle_box .text span{display:block;position:absolute;left:0;top:0;padding:0 5px;line-height:24px;font-size:14px;color:#fff;font-weight:700;white-space:nowrap}
.toggle_box .text .on{left:auto;right:0}
.toggle_box .text .off{opacity:0}
.toggle_box .check:checked + .text{border-color:#496bcd;background:#496bcd}
.toggle_box .check:checked + .text::before{left:35px}
.toggle_box .check:checked + .text .on{opacity:0}
.toggle_box .check:checked + .text .off{opacity:1}
.radio_list .check_box{margin-right:20px}
.expand_toggle_wrap{display:none!important}
.expand_toggle_wrap.active{display:block!important}
.input_text.center,
.select_box.center{text-align:center!important}
.input_text.right,
.select_box.right{text-align:right!important}

/* 버튼 */
.btns{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;min-width:60px;height:30px;font-size:14px;color:#fff;font-weight:700;border-radius:5px;border:0;background:#496bcd}
.btns.left{justify-content:left;padding:0 0 0 15px}
.btns.md{padding:0 5px;min-width:40px;height:24px;font-size:13px}
.btns.gray{background:#acacac}
.btns.active{background:#496bcd!important}
.btns.green{background:#05af48}
.btns.red{background:#af0505}
.btns.white{color:#496bcd;background:#fff}
.btns:hover{filter:brightness(1.2)}
.icons{display:inline-flex;align-items:center;justify-content:center;margin-right:6px}

/* 레이아웃 */
body:not(.player){min-width:940px;background:#f5f5f5}
.contains{margin:0 auto;padding:0 20px;min-width:1000px;max-width:1400px}

#header{position:fixed;left:0;top:0;right:0;height:auto;border-bottom:1px solid #e1e1e1;background:rgba(235,235,235,0.9);z-index:100}
#header .contains,
#footer .contains{min-width:820px}
#header .header_top{padding-top:5px;height:40px;background:rgba(0,0,0,0.7);white-space:nowrap}
#header .header_top .desc{height:30px;line-height:30px;font-size:14px;color:#fff}
#header .header_top .desc .icons{top:9px}
#header .header_top .toggle_box{display:inline-block;margin:0 2px 0 5px;margin-top:-2px;vertical-align:middle}
#header .header_top .toggle_box .text{padding:0 5px;color:#fff;line-height:24px}
#header .header_wrap{position:relative;height:50px}
#header .logo{position:absolute;left:0;top:10px}
#header .logo .link{display:inline-block;position:relative;padding-left:35px;height:30px;line-height:30px;font-size:14px;color:#000;font-weight:700}
#header .logo .link .profile{display:block;position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid #000;border-radius:50%;background-size:cover}
#header .logo .link:hover{color:#496bcd}
#header .user_menu{display:flex;gap:0 5px;position:absolute;right:0;top:10px}
#header .user_menu .login_name{line-height:30px;font-size:14px;color:#000}
#header .user_menu .login_name .btn_user_setup{margin-left:5px;color:#496bcd}
#header .user_menu .lot_count .count{margin:0 2px 0 4px;font-size:20px;font-weight:700}
#header .btn_lot_count .count{margin:0 2px 0 5px;font-size:18px;font-weight:700}
#gnb{display:flex;gap:0 5px;padding-right:100px;position:absolute;left:50%;top:0;transform:translateX(-50%)}
#gnb .btn_menu{display:inline-flex;align-items:center;justify-content:center;padding:10px;height:50px;line-height:48px;font-size:16px;color:#000;font-weight:700;border-bottom:3px solid transparent}
#gnb .btn_menu:hover{color:#496bcd}
#gnb .btn_menu.active{border-color:#496bcd}
#footer{position:fixed;left:0;bottom:0;right:0;padding-top:5px;height:50px;border-top:1px solid #e1e1e1;box-shadow:-3px 0 8px rgba(0,0,0,0.2);background:#ebebeb;z-index:100}
#footer .copyright{text-align:center;line-height:40px;font-size:13px;color:#999;font-weight:700}
#footer .btn_agree{display:block;position:absolute;right:70px;top:10px;padding:0 5px;height:30px;line-height:30px;font-size:14px;color:#496bcd;font-weight:700}
#footer .btn_box{text-align:center}
#footer .btn_box .btns{margin:0 2px;padding:0 15px;height:40px;font-size:16px}
#content{padding:110px 0 60px 0;min-height:100vh;background:#f9f9f9}

#btn_project_new,
#btn_project_reload,
#btn_project_return{display:none}
#btn_project_save .modify{display:none}
#btn_project_save span{margin-left:5px}
body.editlot #btn_project_save .modify{display:inline}
body.editlot #btn_project_save .save{display:none}
body.editlot #btn_project_new,
body.editlot #btn_project_reload,
body.setuplot #btn_project_return{display:inline-flex}
body.editlot .content_group.save{opacity:0.3}
body.editlot .content_group.save .select_box,
body.editlot .content_group.save .check_box,
body.editlot .content_group.save .btns,
body.editlot .content_group.save .input,
body.editlot .content_group.save .tooltip{cursor:not-allowed;pointer-events:none}

.desc{position:relative;padding-left:18px;font-size:12px;line-height:18px;color:#999}
.desc .icons{position:absolute;left:0;top:2px;margin:0;font-size:14px;color:#496bcd}
.desc .blue_dot,
.desc .green_dot{display:inline-block;margin:-2px 4px 0 4px;width:4px;height:18px;vertical-align:middle;background:#496bcd}
.desc .green_dot{background:#05af48}
.desc.warn,
.desc.warn .icons{color:#d52c2c}

.content_group{position:relative;margin-bottom:10px;padding:10px;border:1px solid #e3e3e3;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.05);background:#fff}
.content_group:last-child{margin-bottom:0!important}
.content_group .group_box{position:relative;padding:0 0 0 100px;margin-top:20px;min-height:30px}
.content_group .group_box:first-child{margin-top:0!important}
.content_group .group_box .label{position:absolute;left:0;top:0;padding:3px 0;line-height:24px;font-size:16px;color:#000;font-weight:700}
.content_group .group_box .btn_box{position:absolute;right:0;top:0}
.content_group .group_box .btn_box .btns{width:95px}
.content_group .group_box .btn_box .fixed{display:none}
.content_group .group_width{padding-right:0}
.content_group .group_box .tool_box{position:absolute;left:0;top:42px;width:100px}
.content_group .group_box .tool_box .btns{margin-bottom:5px}
.content_group .group_box .tool_box .hide{display:none}
.content_group .btn_group_expand{display:block;position:absolute;right:10px;top:10px;font-size:20px;color:#496bcd;font-weight:700;z-index:10}
.content_group .expand_group{max-height:40px;overflow:hidden}
.content_group .expand_group:not(.active){-webkit-mask:linear-gradient(180deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%)}
.content_group .expand_group.active{max-height:100%}
.content_group .expand_group.active + .btn_group_expand .icons{transform:rotate(180deg)}

.content_group .input_box{display:flex;flex-wrap:wrap;gap:0 5px;margin-top:5px}
.content_group .input_box.wrap{display:block;gap:0}
.content_group .input_box:not(.wrap).expand_toggle_wrap.active{display:flex!important}
.content_group .input_box:first-child{margin-top:0!important}
.content_group .input_box .input_label{margin:0 5px 0 20px;height:30px;line-height:30px;font-size:14px;color:#000;font-weight:700}
.content_group .input_box .input_label:first-child{margin-left:0!important}
.content_group .input_box .input_text,
.content_group .input_box .select_box{flex:0 0 100px;width:100px}
.content_group .input_box .desc{margin:5px 0 0 5px}
.content_group .desc_box .desc,
.content_group .input_box .desc:first-child{margin-left:0}
.content_group .unit{margin:0 3px;line-height:30px;font-size:14px;color:#666}
.content_group .unit .number{color:#000;font-size:16px;font-weight:700}

.content_table{width:100%;table-layout:fixed;border:1px solid #ddd}
.content_table th,
.content_table td{padding:5px;height:36px;vertical-align:top;line-height:24px;font-size:14px;color:#000;border-bottom:1px solid #eaeaea;background:#f0f0f0}
.content_table th{text-align:center;font-weight:700;border-bottom:1px solid #ddd;background:#e5e5e5}
.content_table tbody tr:nth-child(odd) td{background:#f8f8f8}
.content_table .center{text-align:center}
.content_table .right{text-align:right}
.content_table .input_text{background-color:#fff}

.content_group .table_win_category{margin-top:5px;width:150px}
.content_group .upload_box{display:flex;gap:0 10px;position:relative;padding-right:60px}
.content_group .upload_box.active{display:flex!important}
.content_group .upload_box .file_box{position:relative;overflow:hidden}
.content_group .upload_box .input_file{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;font-size:100px;opacity:0;z-index:2}
.content_group .upload_box .btn_effect_bg{pointer-events:none}
.content_group .upload_box .img_box{width:100px;height:100px;background-size:cover!important}
.content_group .group_box.bg .form_box{display:flex;gap:0 25px}
.content_group .group_box.sound .input_box{margin-top:10px}

.content_group .btn_toggle_box .btns{background:#acacac}
.content_group .btn_lot_xy{margin-top:3px}

.dot_list .dot{position:relative;margin-top:5px;padding-left:25px}
.dot_list .dot:first-child{margin-top:0}
.dot_list .dot::before{display:block;content:"-";position:absolute;left:10px;top:0}

.content_group.url .group_box{padding-right:295px}
.content_group.url .desc.help .icons{top:5px}
.content_group.url .desc .btn_lot_help{padding:0 5px;min-width:40px;height:24px;font-size:13px}

/* 신기능 */
.content_group.feature{background:#f0ffe9}
.content_group.feature .label .icons{color:#496bcd}
.content_group.feature .feature_box{position:relative;padding-left:80px;z-index:10}
.content_group.feature .img{display:block;position:absolute;left:100px;top:3px;height:45px;border:1px solid #000;border-radius:4px;transform:rotate(-20deg);z-index:1}
.content_group.feature .img.right{left:830px;transform:rotate(20deg)}
.content_group.feature .feature{padding:5px 0}
.content_group.feature .feature{font-size:14px;color:#111}
.content_group.feature .feature b{margin-right:5px;font-weight:700}
.content_group.feature .feature .new{display:inline-block;padding:0 5px;margin:-2px 2px 0 0;height:16px;line-height:16px;vertical-align:middle;font-size:10px;color:#fff;font-weight:700;border-radius:8px;background:#496bcd}
.content_group.feature .desc{margin-top:4px}
.content_group.feature .desc::before{display:block;content:"-";position:absolute;left:10px;top:1px}
.content_group.feature .link{color:#496bcd;font-weight:700}

/* 업데이트 */
.content_group.update{background:#e9fcff}
.content_group.update .label .icons{color:#496bcd}
.content_group.update .update_box{padding:5px 0}
.content_group.update .update{font-size:14px;color:#111}
.content_group.update .update b{margin-right:5px;font-weight:700}
.content_group.update .update .new{display:inline-block;padding:0 5px;margin:-2px 2px 0 0;height:16px;line-height:16px;vertical-align:middle;font-size:10px;color:#fff;font-weight:700;border-radius:8px;background:#496bcd}
.content_group.update .desc{margin-top:4px}
.content_group.update .desc::before{display:block;content:"-";position:absolute;left:10px;top:1px}

.content_group.update .toggle_box{display:inline-block;margin:0 2px 0 5px;margin-top:-2px;vertical-align:middle}
.content_group.update .toggle_box .text{padding:0 5px;color:#fff;line-height:24px}
.content_group.update .toggle_box .check:not(:checked) + .text{text-align:right}

.content_group.help{display:none;background:#ffe9e9}
.content_group.help .group_box .label{top:3px}

/* .content_group.donation .group_box{padding-right:300px} */
.table_donation tr.winresult_1 td{background:#c0ebba!important}
.table_donation .uchat .msg{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

/* .toggle_project_start:not(:checked) + .text + .tooltip_box{animation:tooltip_animate 3s linear infinite}
@keyframes tooltip_animate {
  0% { opacity:0.5;visibility:hidden }
  30% { opacity:1;visibility:visible }
  70% { opacity:1;visibility:visible }
  100% { opacity:0.5;visibility:hidden }
} */

.content_group .group_box .color_box{align-items:center}
.content_group .group_box .color_box .input_label{margin-right:0;width:80px}
.content_group .group_box .color_box .sp-replacer{width:50px;height:24px}
.content_group .group_box .color_box .sp-replacer .sp-dd{line-height:24px;border-left:1px solid #aaa}

.content_group .lot_type_preview{position:absolute;left:650px;top:10px;width:200px;height:160px}
.content_group .lot_type_preview .grid_tooltip,
.content_group .lot_type_preview .win_tooltip{display:none;padding:0 3px;width:150px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff;background:rgba(0,0,0,0.5)}
.content_group .lot_type_preview.top .mouse_box,
.content_group .lot_type_preview.wintop .mouse_box{top:20px}
.content_group .lot_type_preview.top.wintop .mouse_box{top:40px}
.content_group .lot_type_preview.top .grid_tooltip.top,
.content_group .lot_type_preview.wintop .win_tooltip.wintop,
.content_group .lot_type_preview.bottom .grid_tooltip.bottom,
.content_group .lot_type_preview.winbottom .win_tooltip.winbottom{display:block}
.content_group .lot_type_preview .grid_table{display:grid;padding:3px;gap:2px;grid-template-columns:repeat(5,27px);grid-template-rows:repeat(5,27px);width:150px;height:150px;border:1px solid #666;border-radius:5px;box-shadow:0 0 5px 3px rgba(0,0,0,0.3);background:#8cb2f1}
.content_group .lot_type_preview .grid_table .grid{position:relative;transition:transform 0.4s;transform-style:preserve-3d}
.content_group .lot_type_preview .grid_table .grid .front,
.content_group .lot_type_preview .grid_table .grid .back{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;text-align:center;font-size:12px;color:#000;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.content_group .lot_type_preview .grid_table .grid .back{background:#ff5b5b;transform:rotateY(180deg)}
.content_group .lot_type_preview .grid_table .grid.win .back{background:#7af165}
.content_group .lot_type_preview .grid_table .grid.active{transform:rotateY(180deg)}

.content_group .lot_type_preview .balloon{position:absolute;right:-30px;top:-20px;transform:translateY(20px);opacity:0;z-index:10}
.content_group .lot_type_preview .balloon .img{width:80px;height:60px;background:url("/resource/img/lot/balloon.png") no-repeat center bottom;background-size: 100% auto}
.content_group .lot_type_preview.random .balloon{animation:preview_balloon 2s linear infinite}
@keyframes preview_balloon {
  0% { transform:translateY(20px);opacity:0 }
  70% { transform:translateY(0);opacity:1 }
  90% { transform:translateY(0);opacity:0 }
  100% { opacity:0 }
}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(2){animation-delay:1s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(10){animation-delay:3s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(3){animation-delay:5s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(20){animation-delay:7s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(18){animation-delay:9s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(16){animation-delay:11s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(8){animation-delay:13s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(24){animation-delay:15s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(12){animation-delay:17s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(8){animation-delay:19s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(13){animation-delay:21s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(4){animation-delay:23s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.random .grid_table .grid:nth-child(21){animation-delay:25s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
@keyframes preview_grid_active {
  0% { transform:rotateY(0) }
  100% { transform:rotateY(180deg) }
}


.content_group .lot_type_preview .balloon .msg{display:none;position:relative;height:20px;line-height:18px;text-align:center;font-size:14px;color:#000;font-weight:700;border:1px solid #999;border-radius:3px;background:#fff}
.content_group .lot_type_preview.chat .balloon .msg{display:block}
.content_group .lot_type_preview.chat .balloon .img{background:url("/resource/img/lot/balloon.png") no-repeat center bottom;background-size: 100% auto}
.content_group .lot_type_preview.chat .balloon7{animation:preview_balloon 2s linear}
.content_group .lot_type_preview.chat .balloon10{animation:preview_balloon 2s linear 3s}
.content_group .lot_type_preview.chat .balloon19{animation:preview_balloon 2s linear 6s}
.content_group .lot_type_preview.chat .grid_table .grid:nth-child(12){animation-delay:1s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.chat .grid_table .grid:nth-child(9){animation-delay:4s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.chat .grid_table .grid:nth-child(20){animation-delay:7s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}

@keyframes preview_grid_chat_active {
  0% { transform:rotateY(0) }
  60% { transform:rotateY(180deg) }
  80% { transform:rotateY(0) }
  100% { transform:rotateY(0) }
}

.content_group .lot_type_preview.number .balloon{display:none}
.content_group .lot_type_preview.number .balloon7,
.content_group .lot_type_preview.number .balloon10,
.content_group .lot_type_preview.number .balloon19{display:block;right:-50px}
.content_group .lot_type_preview.number .balloon .img{width:100px;height:80px}
.content_group .lot_type_preview.number .balloon7 .img{background:url("/resource/img/lot/balloon7.png") no-repeat center bottom;background-size: 100% auto}
.content_group .lot_type_preview.number .balloon10 .img{background:url("/resource/img/lot/balloon10.png") no-repeat center bottom;background-size: 100% auto}
.content_group .lot_type_preview.number .balloon19 .img{background:url("/resource/img/lot/balloon19.png") no-repeat center bottom;background-size: 100% auto}
.content_group .lot_type_preview.number .balloon7{animation:preview_balloon 2s linear}
.content_group .lot_type_preview.number .balloon10{animation:preview_balloon 2s linear 3s}
.content_group .lot_type_preview.number .balloon19{animation:preview_balloon 2s linear 6s}
.content_group .lot_type_preview.number .grid_table .grid:nth-child(7){animation-delay:1s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.number .grid_table .grid:nth-child(10){animation-delay:4s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.number .grid_table .grid:nth-child(19){animation-delay:7s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}

.content_group .lot_type_preview.order .balloon{animation:preview_balloon 2s linear infinite}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(1){animation-delay:1s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(2){animation-delay:3s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(3){animation-delay:5s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(4){animation-delay:7s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(5){animation-delay:9s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(6){animation-delay:11s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(7){animation-delay:13s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(8){animation-delay:15s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(9){animation-delay:17s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.order .grid_table .grid:nth-child(10){animation-delay:19s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}

.content_group .lot_type_preview .mouse_box{display:none;position:absolute;left:0;top:0;z-index:5}
.content_group .lot_type_preview .mouse_box .mouse{position:absolute;left:0;top:0;width:20px;height:30px;background:url("/resource/img/lot/mouse.png") no-repeat;background-size:contain;opacity:0}

.content_group .lot_type_preview.direct .mouse_box{display:block}
.content_group .lot_type_preview.direct .mouse_box .mouse1{left:10px;top:15px;animation-delay:1s;animation-duration:0.6s;animation-name:preview_mouse}
.content_group .lot_type_preview.direct .mouse_box .mouse2{left:130px;top:100px;animation-delay:3s;animation-duration:0.6s;animation-name:preview_mouse}
.content_group .lot_type_preview.direct .mouse_box .mouse3{left:43px;top:73px;animation-delay:5s;animation-duration:0.6s;animation-name:preview_mouse}
.content_group .lot_type_preview.direct .mouse_box .mouse4{left:70px;top:45px;animation-delay:7s;animation-duration:0.6s;animation-name:preview_mouse}
.content_group .lot_type_preview.direct .mouse_box .mouse5{left:100px;top:130px;animation-delay:9s;animation-duration:0.6s;animation-name:preview_mouse}
@keyframes preview_mouse {
  0% { transform:translateY(0);opacity:0 }
  10% { transform:translateY(0);opacity:1 }
  50% { transform:translateY(5px);opacity:1 }
  90% { transform:translateY(0);opacity:1 }
  100% { transform:translateY(0);opacity:1 }
}

.content_group .lot_type_preview.direct .balloon{animation:preview_balloon 2s linear infinite}
.content_group .lot_type_preview.direct .grid_table .grid:nth-child(1){animation-delay:1.2s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.direct .grid_table .grid:nth-child(20){animation-delay:3.2s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.direct .grid_table .grid:nth-child(12){animation-delay:5.2s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.direct .grid_table .grid:nth-child(8){animation-delay:7.2s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}
.content_group .lot_type_preview.direct .grid_table .grid:nth-child(24){animation-delay:9.2s;animation-duration:0.6s;animation-name:preview_grid_active;animation-fill-mode:forwards}

.sp-picker-container .sp-top-inner .sp-clear-display{display:block;position:absolute;right:0;bottom:auto;top:231px;padding:0 8px;width:auto;height:auto;line-height:24px;font-size:12px;color:#fff;font-weight:700;white-space:nowrap;background:#af0505;z-index:10}
.sp-picker-container .sp-button-container .sp-choose{margin-right:42px}

.preview_box{position:fixed;right:20px;bottom:55px;opacity:0.8;z-index:100}
.preview_box.fixed{position:absolute;bottom:20px}
/* .preview_box:hover{opacity:0.5} */
.preview_box #lot_table{border:2px solid #333;border-radius:5px;box-shadow:0 0 5px 3px rgba(0,0,0,0.3);background:#8cb2f1;opacity:0;visibility:hidden}
.preview_box #lot_table.active{opacity:1;visibility:visible}
.preview_box #lot_table .table_grid{display:grid;gap:5px;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(3,24px);position:relative;padding:5px;background-size:cover!important}
.preview_box #lot_table .table_grid::before{display:block;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
.preview_box #lot_table .table_grid .grid{cursor:pointer;position:relative;box-shadow:2px 2px 3px rgba(0,0,0,0.3);background:#fff;overflow:hidden;z-index:10}
.preview_box #lot_table .table_grid .grid.win{background:#7af165!important}
.preview_box #lot_table .table_grid .grid .num{text-align:center;line-height:24px;font-size:10px;color:#333;font-weight:700}
.preview_box #lot_table .table_grid .grid.win .num{color:#000}
.preview_box #lot_table:not(.bg) .table_grid{background:none!important}
.preview_box .win_total{line-height:24px;text-align:center;font-size:12px;color:#000;font-weight:700}
.preview_box .win_total .win{font-size:14px;font-weight:700}

/* #lot_table.bg .table_grid{gap:0;padding:0}
#lot_table.bg .table_grid .grid{border:2px solid rgba(255,255,255,0.2);box-shadow:none;background:rgba(255,255,255,0.8)} */
#lot_table.bg .table_grid{background:url("/resource/img/temp/bg.png") no-repeat center center}
#lot_table.bg .table_grid{gap:2px;padding:2px}
#lot_table.bg .table_grid .grid{box-shadow:none;opacity:0.85}
#lot_table.bg .table_grid .grid.win,
#lot_table.bg .table_grid .grid.active{background:#fff!important;opacity:0.4}
/* #lot_table.bg .table_grid .grid.win *,
#lot_table.bg .table_grid .grid.active *{opacity:0} */
#lot_table.bg.complete .table_grid .grid.win{opacity:0}

.tooltip_box{display:block;position:absolute;left:0;top:0;z-index:10;opacity:0;visibility:hidden}
.tooltip_box.active{opacity:1;visibility:visible}
.tooltip_box .msg{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;padding:5px;border-radius:5px;white-space:nowrap;box-shadow:2px 2px 5px rgba(0,0,0,0.2);background:#496bcd}
.tooltip_box .msg::before{display:block;content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;width:10px;height:10px;transform:rotate(45deg);background:#496bcd}
.tooltip_box .msg p{font-size:12px;color:#fff;line-height:18px}
.tooltip_box.center{left:50%;transform:translateX(-50%)}
.tooltip_box.left{left:-8px;transform:none}
.tooltip_box.left .msg{left:0;transform:none}
.tooltip_box.left .msg::before{left:0;margin-left:10px}
.tooltip{cursor:pointer;position:relative}
.tooltip .tooltip_icon{margin-right:4px;font-size:14px;color:#496bcd}


/* 알림 메시지 */
#notice_msg{position:fixed;left:0;top:5px;right:0;z-index:10000}
#notice_msg .contains{max-width:640px;min-width:640px;height:0}
#notice_msg .msg_box{position:relative;margin-bottom:5px;padding:8px 30px 8px 33px;border-radius:5px}
#notice_msg .msg_box p{font-size:14px;line-height:20px}
#notice_msg .msg_box .icon{position:absolute;left:8px;top:9px;font-size:20px;width:20px;height:20px;font-size:16px}
#notice_msg .msg_box .icons{margin:0;width:20px;height:20px}
#notice_msg .msg_box .icon .icons{display:none}
#notice_msg .msg_box.success .icons.success,
#notice_msg .msg_box.info .icons.info,
#notice_msg .msg_box.warn .icons.warn,
#notice_msg .msg_box.alert .icons.alert{display:block}
#notice_msg .msg_box .btn_close{display:block;position:absolute;right:8px;top:8px;width:20px;height:20px;font-size:20px}
#notice_msg .msg_box.success{border:1px solid rgba(38, 179, 3, 1);background:rgba(227, 253, 235, 1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
#notice_msg .msg_box.success p,
#notice_msg .msg_box.success .icons,
#notice_msg .msg_box.success .btn_close{color:#129114}
#notice_msg .msg_box.info{border:1px solid rgba(126, 182, 193, 1);background:rgba(217, 237, 247, 1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
#notice_msg .msg_box.info p,
#notice_msg .msg_box.info .icons,
#notice_msg .msg_box.info .btn_close{color:#137eb3}
#notice_msg .msg_box.warn{border:1px solid rgba(177, 161, 129, 1);background:rgba(252, 248, 227, 1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
#notice_msg .msg_box.warn p,
#notice_msg .msg_box.warn .icons,
#notice_msg .msg_box.warn .btn_close{color:#bb7909}
#notice_msg .msg_box.alert{border:1px solid rgba(220, 53, 69, 1);background:rgba(248, 215, 218, 1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
#notice_msg .msg_box.alert p,
#notice_msg .msg_box.alert .icons,
#notice_msg .msg_box.alert .btn_close{color:#c50012}

/* 팝업 */
.popup_window{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;opacity:0;visibility:hidden}
.popup_window.active{opacity:1;visibility:visible}
.popup_window .popup_area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px;background:#fff;overflow:hidden}
.popup_window .popup_header{position:relative;padding:10px;height:40px;border-bottom:1px solid #496bcd;background:#496bcd}
.popup_window .popup_header .title{line-height:20px;font-size:14px;color:#fff}
.popup_window .popup_header .btn_close{display:block;position:absolute;right:0;top:5px;width:30px;height:30px;font-size:20px;color:#fff;z-index:10}
.popup_window .popup_header .btn_close .icons{margin:0;width:30px;height:30px}
.popup_window .popup_footer{padding:10px 20px;height:50px;text-align:center;border-top:1px solid #e1e1e1;background:#f0f0f0}
.popup_window .popup_footer .btns{margin:0 5px;vertical-align:middle}
.popup_window .popup_content{padding:15px 15px 20px 15px}
.popup_window .popup_content p{font-size:14px;line-height:20px;color:#000}

#popup_msg .popup_area .popup_content{min-width:250px;min-height:100px}
#popup_msg .popup_area .popup_content .warn,
#popup_msg .popup_area .popup_content .warn .icons{color:#d52c2c}

#popup_agree .btn_close{display:none}
#popup_agree.agree .btn_close{display:block}
#popup_agree .popup_area .popup_content{width:500px;height:440px}
#popup_agree .popup_content .agree_top p{font-size:16px;font-weight:700}
#popup_agree .popup_content .agree_title{margin:20px 0 5px 0;font-size:16px;font-weight:700}

/* 로그인 */
.login_error{position:absolute;left:0;top:0;right:0;padding:20px;text-align:center}
.login_error p{display:inline-block;font-size:14px;font-weight:700}
#popup_login{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px;border:1px solid #e1e1e1;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.1);background:#fff;z-index:1000}
#popup_login .login_content{position:relative}
#popup_login .input_box{position:relative;margin-bottom:10px;padding-left:70px;height:30px}
#popup_login .input_box .label{position:absolute;left:0;top:0;height:30px;line-height:30px;font-size:14px;color:#000;font-weight:700}
#popup_login .input_box:last-child{margin-bottom:0!important}
#popup_login .input_box .input_text{width:180px}
#popup_login .login_title{padding:10px 0 20px 0;text-align:center;font-size:20px;color:#000;font-weight:900}
#popup_login .btn_login{position:absolute;right:10px;top:10px;width:80px;height:70px}
#popup_login .btn_register{margin-bottom:5px;width:270px;height:40px;font-size:18px}
#popup_login .btn_aflogin{padding-right:20px;width:270px;height:40px;font-size:16px}
#popup_login .btn_aflogin .aftv{display:block;width:30px;height:30px;background:url("https://sign.flabs.kr/resource/img/icon/soop.png") no-repeat center center}
#popup_login .btn_box{margin-top:10px}
#popup_login .btn_box .nopayment,
body.nopayment #popup_login .btn_box .payment{display:none}
body.nopayment #popup_login .btn_box .nopayment{display:block}
#popup_login .btn_payment{margin-left:5px}
#popup_login .btn_kakaoqna{display:block;width:270px;height:52px;text-align:left;text-indent:-99999px;border-radius:10px;background:url("/resource/img/btn_kakaoqna.png") no-repeat}
#popup_login .btn_kakaobtn{display:inline-flex;align-items:center;justify-content:center;width:106px;height:30px;text-align:left;text-indent:-99999px;border:1px solid #381a18;border-radius:5px;background:url("/resource/img/btn_kakaobtn.png") no-repeat}
.btn_kakaoch{display:block;position:fixed;right:20px;bottom:5px;width:40px;height:40px;text-align:left;text-indent:-99999px;border-radius:50%;border:1px solid #543838;background:url("/resource/img/btn_kakaoch.png") no-repeat;z-index:100}

/* 회원관리 */
#popup_account .popup_area{width:585px}
#popup_account .account_title{margin-bottom:10px;font-size:16px;font-weight:700}
#popup_account .account_create{position:relative;margin-bottom:20px}
#popup_account .input_box{display:flex;margin-bottom:5px}
#popup_account .input_box .label{width:70px;height:30px;line-height:30px}
#popup_account .input_box .input_text{width:190px}
#popup_account .input_box .input_text + .label{margin-left:22px}
#popup_account .input_box .input_accound_memo{width:400px}
#popup_account .input_box .btn_account_create{margin-left:10px}
#popup_account .table_account{width:100%;table-layout:fixed;border:1px solid #ddd}
#popup_account .table_account th,
#popup_account .table_account td{padding:5px;vertical-align:top;line-height:24px;font-size:14px;color:#000;border-bottom:1px solid #eaeaea;background:#f0f0f0}
#popup_account .table_account th{text-align:center;font-weight:700;border-bottom:1px solid #ddd;background:#e5e5e5}
#popup_account .table_account tbody tr:nth-child(even) td{background:#f8f8f8}
#popup_account .table_account td.center{text-align:center}

/* 비밀번호 변경 */
#popup_user_setup .popup_area{width:400px}
#popup_user_setup .input_box{position:relative;padding-left:150px;margin-bottom:10px;min-height:30px}
#popup_user_setup .input_box .label{position:absolute;left:0;top:0;width:150px;height:30px;line-height:30px}
#popup_user_setup .name_box{position:relative;padding-right:100px;margin-bottom:20px}
#popup_user_setup .name_box .btn_change_nickname{position:absolute;right:0;top:0;width:90px}

/* 도움말 팝업 */
#popup_user_help .popup_area .popup_content{width:900px;height:500px}
#popup_user_help .tab_menu{display:flex;align-items:center;gap:0 5px;margin-bottom:10px}
#popup_user_help .tab_wrap{display:none}
#popup_user_help .tab_wrap.active{display:block}
#popup_user_help .help_box{display:flex;gap:0 10px;margin-top:20px}
#popup_user_help .help_box:first-child{margin-top:0!important}
#popup_user_help .help_box .img{flex:0 0 60%;display:block;width:60%;border:2px solid #666;border-radius:5px}
#popup_user_help .help_box p{margin-top:5px;line-height:22px}
#popup_user_help .help_box p:first-child{margin-top:0}
#popup_user_help .help_box p b{color:#496bcd;font-weight:700;font-size:16px}
#popup_user_help .help_box .btn_box{margin-top:5px}
#popup_user_help .btn_kakaoqna{display:inline-flex;align-items:center;justify-content:center;width:106px;height:30px;text-align:left;text-indent:-99999px;border:1px solid #381a18;border-radius:5px;background:url("/resource/img/btn_kakaobtn.png") no-repeat}

/* 결제 팝업 */
#popup_payment{z-index:999}
#popup_payment .popup_area{width:auto}
#popup_payment .popup_content .payment .name{font-size:16px;font-weight:700;color:#496bcd}
#popup_payment .popup_content .warn{display:inline-block;margin-top:3px;padding:0 5px;line-height:22px;color:#fff;font-weight:700;border-radius:5px;background:#496bcd}
#popup_payment .popup_content .warn .icons{color:#ff0000}
#popup_payment .payment_info{padding:8px 13px;width:360px;border:1px solid #eaeaea;border-radius:5px;background:#f0f0f0}
#popup_payment .payment_info li{position:relative;padding-left:80px;white-space:nowrap}
#popup_payment .payment_info .label{position:absolute;left:0;top:0;font-weight:700;line-height:26px}
#popup_payment .payment_info .value{line-height:26px}
#popup_payment .payment_info .value b{font-size:18px;font-weight:700}
#popup_payment .payment_info .value .old{margin-left:10px;color:#af0505;font-weight:700}
#popup_payment .payment_info .value .old .icons{margin:0 3px 0 0}
#popup_payment .btn_kakaoqna{display:inline-flex;align-items:center;justify-content:center;width:106px;height:30px;text-align:left;text-indent:-99999px;border:1px solid #381a18;border-radius:5px;background:url("/resource/img/btn_kakaobtn.png") no-repeat}
#popup_payment .payment_box{margin-bottom:10px}
#popup_payment .payment_box p{font-size:16px;line-height:24px}
#popup_payment .payment_box .price b{font-size:18px;font-weight:800}
#popup_payment .payment_input_box{position:relative;padding-right:75px;margin-top:5px;width:360px}
#popup_payment .payment_input_box .input_text{width:100%}
#popup_payment .payment_input_box .btn_payment_month{position:absolute;right:0;top:0}
#popup_payment .desc_box{margin-top:10px}
#popup_payment .desc_box .desc{margin:0;font-size:12px}
#popup_payment .desc_box .desc .icons{top:4px}
#popup_payment .desc_box .desc.warning{padding-left:0;color:#d52c2c;font-weight:700}
.popup_window .payment_type{margin-bottom:20px;margin-top:10px}
.popup_window .payment_type .btn_payment{display:block;position:relative;margin-bottom:10px;width:360px;border-radius:5px;background:#496bcd}
.popup_window .payment_type .btn_payment:hover{filter:brightness(1.2)}
.popup_window .payment_type .btn_payment .text_box{display:block;padding:5px 10px}
.popup_window .payment_type .btn_payment .text_box .sale{display:flex;align-items:center;margin-top:5px}
.popup_window .payment_type .btn_payment .text_box .old{display:block;font-size:14px;color:#aaa;text-decoration:line-through}
.popup_window .payment_type .btn_payment .text_box .new{display:block;font-size:18px;color:#fff;font-weight:700}
.popup_window .payment_type .btn_payment .text_box .new b{font-size:20px;font-weight:700}
.popup_window .payment_type .btn_payment .text_box .arrow{display:block;margin:0 10px;font-size:16px;color:red;font-weight:700}
.popup_window .payment_type .btn_payment .text_box .discount{display:block;margin:4px 0 0 5px;font-size:12px;color:#ccc}
.popup_window .payment_type .btn_payment .text_box .text{display:block;font-size:20px;color:#fff;font-weight:700}
.popup_window .payment_type .btn_payment .text_box .des{display:none;margin-left:5px;font-size:16px;color:#ccc}
.popup_window .payment_type .btn_payment .arrow_right{display:block;position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:24px;color:#fff;font-weight:700}
.popup_window .payment_type .btn_payment .dot_box{display:block;margin-top:10px}
.popup_window .payment_type .btn_payment .dot_box .dot{display:block;position:relative;padding-left:17px;font-size:14px;line-height:20px;color:#ddd}
.popup_window .payment_type .btn_payment .dot_box .dot::before{display:block;content:"-";position:absolute;left:5px;top:-2px}

/* 정식서비스 안내 팝업 */
#popup_openservice .popup_area{width:580px}
#popup_openservice .popup_header .title{font-size:20px;font-weight:700}
#popup_openservice .popup_content p{font-size:16px;line-height:24px}
#popup_openservice .popup_content b{color:#496bcd;font-weight:700;font-size:18px}
#popup_openservice .btn_kakaoqna{display:inline-flex;align-items:center;justify-content:center;width:106px;height:30px;text-align:left;text-indent:-99999px;border:1px solid #381a18;border-radius:5px;background:url("/resource/img/btn_kakaobtn.png") no-repeat}


.audio_wrap{position:absolute;z-index:-1;opacity:0}

/* 뽑기판 */
body.player{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
body.player:hover{background:rgba(0,0,0,0.3)}
#lots_tooltip{position:absolute;left:0;top:0;right:0;text-align:right;z-index:100;opacity:0}
#lots_tooltip:hover{opacity:1}
#lots_tooltip .btn_tool{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;width:40px;height:40px;font-size:20px;color:#fff;border-radius:5px;background:#496bcd;opacity:0.5}
#lots_tooltip .btn_tool:hover{opacity:0.8}
#lots_table{position:absolute;left:40px;bottom:40px;right:40px;font-size:14px}
#lots_table.hide{opacity:0;visibility:hidden}
#lots_table .table_wrap{border:2px solid #999;border-radius:5px;box-shadow:0 0 5px 3px rgba(0,0,0,0.3);background:#8cb2f1}
#lots_table .table_desc,
#lots_table .table_win{display:none;position:relative;background:rgba(0,0,0,0.5);overflow:hidden}
#lots_table.tooltip_top .table_desc.top.active,
#lots_table.tooltip_wintop .table_win.wintop.active,
#lots_table.tooltip_bottom .table_desc.bottom.active,
#lots_table.tooltip_winbottom .table_win.winbottom.active{display:block}
#lots_table .table_desc .msg,
#lots_table .table_win .msg{padding:5px;min-width:100vh;text-align:right;font-size:1.2em;color:#fff;font-weight:700;white-space:nowrap;opacity:0}
#lots_table .table_desc .msg .line,
#lots_table .table_win .msg .line{display:inline-block;margin:0 3px;margin-top:-2px;width:1px;height:0.8em;vertical-align:middle;background:#fff}
#lots_table .table_desc .msg.over,
#lots_table .table_win .msg.over{position:absolute;left:0;top:0;opacity:1;animation: tooltipmsg 10s linear infinite}
@keyframes tooltipmsg {
  0% { transform: translateX(50%);opacity:0 }
  10% {opacity:1}
  90% {opacity:1}
  100% { transform: translateX(-100%);opacity:0 }
}
#lots_table .table_grid{background-size:cover!important}
#lots_table .table_grid .grid_box{display:grid;gap:0;padding:2px}
#lots_table .table_grid .grid_box .grid{cursor:pointer;padding:2px}
#lots_table .table_grid .grid_box .grid .box{position:relative;width:100%;height:100%;transition:transform 0.4s;transform-style:preserve-3d}
#lots_table .table_grid .grid_box .grid .front,
#lots_table .table_grid .grid_box .grid .back{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
#lots_table .table_grid .grid_box .grid .back{background:#ff5b5b;transform:rotateY(180deg)}
#lots_table .table_grid .grid_box .grid .front .num{width:100%;line-height:1em;font-size:1em;color:#333;font-weight:700;text-align:center}
#lots_table .table_grid .grid_box .grid .back .num{width:100%;line-height:1em;font-size:1em;color:#000;font-weight:700;text-align:center;word-wrap:break-word}
#lots_table .table_grid .grid_box .grid.win .back{background:#7af165}
#lots_table .table_grid .grid_box .grid.win .back .num{font-size:0.9em}
#lots_table .table_grid .grid_box .grid.active .box{transform:rotateY(180deg)}
#lots_table .table_grid .grid_box .grid.active{cursor:default}
#lots_table .table_grid .grid_box .empty{padding:10px 0;text-align:center;font-weight:700}
#lots_table.bg .table_grid .grid_box .grid{opacity:0.85}
#lots_table.bg .table_grid .grid_box .grid:not(.win) .back{background:#fff}
#lots_table.bg .table_grid .grid_box .grid.active{opacity:0.4}
/* #lots_table.bg .table_grid .grid_box .grid.win{opacity:0.2} */
#lots_table.bg.complete .table_grid .grid_box .grid{opacity:0!important}
#lots_table.nowin .table_grid .grid_box .grid .back .num{opacity:0;visibility:hidden}

/* #lot_table.bg .table_grid{background:url("/resource/img/temp/bg.png") no-repeat center center}
#lot_table.bg .table_grid{gap:2px;padding:2px}
#lot_table.bg .table_grid .grid{box-shadow:none;background:rgba(255,255,255,0.8)}
#lot_table.bg .table_grid .grid.win,
#lot_table.bg .table_grid .grid.active{background:#fff!important;opacity:0.2}
#lot_table.bg.complete .table_grid .grid.win{opacity:0} */

#lots_table.test .table_desc .msg,
#lots_table.test .table_win .msg{font-size:2.5vw}
#lots_table.test .table_desc .msg .line,
#lots_table.test .table_win .msg .line{width:2px;height:2vw}
#lots_table.test .table_grid .grid_box .grid .front .num,
#lots_table.test .table_grid .grid_box .grid .back .num{line-height:2vw;font-size:2vw}

/* 시그니처 영상 */
#content{
    padding:60px 0 60px 0;
}
#content .contains{
    min-width:800px;max-width:800px;
}
.content_group .group_box{
    padding-left:120px;
}
.btns .fa{
    margin-right:4px;
}
.file_box{
    position:relative;padding-right:115px;width:100%;
}
.file_box .btn_remove{
    display:none;position:absolute;right:115px;top:0;width:30px;height:30px;font-size:20px;color:#496bcd;z-index:10;
}
.file_box .btn_remove .fa{
    display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}
.file_box.upload .btn_remove{
    display:block;
}
.file_box .input_name{
    width:100%;
}
.file_box .btn_file{
    position:absolute;right:0;top:0;width:110px;
}
.file_box .input_file{
    cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100px;opacity:0;z-index:10;
}
.file_box + .desc{
    margin-top:5px;
}

.url_box{
    position:relative;padding-right:115px;
}
.url_box .btn_url_copy{
    position:absolute;right:0;top:0;width:110px;
}

.beam_list .beam_box{
    margin-bottom:10px;padding:5px;border:1px solid #ddd;border-radius:10px;background:#fafafa;
}
.beam_list .beam_box:last-child{
    margin-bottom:0;
}
.beam_list .beam_box:first-child .btn_del{
    display:none;
}
.beam_list .input_box{
    position:relative;margin-bottom:5px;
}
.beam_list .btn_add,
.beam_list .btn_del{
    display:block;position:absolute;right:0;top:-2px;font-size:32px;color:#496bcd;
}
.beam_list .btn_del{
    right:33px;color:#af0505;
}
.beam_list .beam_box .input_time{
    flex:0 0 70px;margin-left:20px;width:70px;
}
.beam_list .beam_box .volume{
    margin-left:10px;
}
.beam_list .beam_box .input_range{
    flex:0 0 80px;width:80px;
}
.beam_list .beam_box .input_range + .range_value{
    margin-left:0px;
}

#loading{
    display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;
}
#loading .text{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#fff;font-weight:700;
}

/* 플레이어 */
#page{
    position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;
}
#page .video_area{
    position:absolute;left:0;top:0;right:0;bottom:0;
}
/* #page .video_area.sub{
    opacity:0;
}
#page .video_area.sub.on{
    opacity:1;
} */
#page video{
    display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;
}
#page video::-webkit-media-controls{
    display:none!important;
}