html { height: 100%; margin: 0; padding: 0; font-size: 10px; }
body { height: 100%; margin: 0; padding: 0; }
body, input, textarea, select, button { font-size: 1.4rem; font-family: 'Noto', Dotum, '돋움', sans-serif; }



._bg_mobicash { background: #ffd601; }
.btn-mobi { display: block; background: #ffd601; color: #fff; width: 90%; margin: 30px auto 0; text-align: center; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 12px 28px 15px; box-sizing: border-box; cursor: pointer; }
.btn-mobi2 { display: block; background: #53C14B; color: #fff; width: 90%; margin: 30px auto 0; text-align: center; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 12px 28px 15px; box-sizing: border-box; cursor: pointer; }
.btn-mobi3 { display: block; background: #3669CF; color: #fff; width: 90%; margin: 30px auto 0; text-align: center; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 12px 28px 15px; box-sizing: border-box; cursor: pointer; }
.btn-mobi4 { display: block; background: #F06161; color: #fff; width: 90%; margin: 30px auto 0; text-align: center; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 12px 28px 15px; box-sizing: border-box; cursor: pointer; }
.btn-mobi42 { display: block; background: #F06161; color: #fff; width: 76%; margin: 30px auto 0; text-align: center; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 12px 28px 15px; box-sizing: border-box; cursor: pointer; }
.btn-mobi5 { display: block; background: #A1A1A1; color: #fff; width: 90%; margin: 30px auto 0; text-align: center; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 12px 28px 15px; box-sizing: border-box; cursor: pointer; }
.banner_img img { width: 100%; }



.l_wrap { position: relative; width: 100%; max-width: 500px; min-height: 100%; margin: 0 auto; padding-top: 40px; padding-bottom: 50px; box-sizing: border-box; }
@media screen and (min-width: 501px) {
  .l_wrap::before { content: ''; position: absolute; top: 40px; bottom: 50px; left: -1px; width: 0; border-left: 1px solid #eee; box-sizing: border-box; }
  .l_wrap::after { content: ''; position: absolute; top: 40px; bottom: 50px; right: -1px; width: 0; border-right: 1px solid #eee; box-sizing: border-box; }
}

.l_head { position: relative; }
.l_body { position: relative; }
.l_foot { position: relative; }

.l_top_menu { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; background: #fff; box-shadow: 0 -1px 10px rgba(50, 50, 50, 0.25); }
.l_top_menu > ._content { width: 100%; max-width: 500px; margin: 0 auto; }
.l_top_menu > ._content > table { width: 100%; }
.l_top_menu ._menu { display: table; width: 100%; }
.l_top_menu ._menu > ._cell { display: table-cell; width: 100%; height: 40px; vertical-align: middle; }
.l_top_menu ._menu > ._left { text-align: left; padding-left: 5px; }
.l_top_menu ._menu > ._right { text-align: right; padding-right: 10px; }
.l_top_menu ._menu > ._right > ._login { font-size: 15px; font-weight: 600; line-height: 30px; }
.l_top_menu ._menu > ._right > ._menubox { display: inline; margin-left: 10px; cursor: pointer; }
.l_top_menu ._menu > ._right > ._noti { display: inline-block; padding-top: 3px; }
.l_top_menu ._menu > ._right > ._noti > ._btn3 { display: table; position: relative; width: 60px; height: 24px; background: #ddd; cursor: pointer; }
.l_top_menu ._menu > ._right > ._noti > ._btn3 > ._menu { display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 2px; }
.l_top_menu ._menu > ._right > ._noti > ._btn3 > ._menu > ._name_wrap { display: inline-block; position: relative; width: 24px; height: 1px; }
.l_top_menu ._menu > ._right > ._noti > ._btn3 > ._menu > ._name_wrap ._name { position: absolute; left: 0; bottom: 0; font-size: 13px;  }
.l_top_menu ._menu > ._right > ._noti > ._btn3 > ._menu > ._num_wrap { display: inline-block; text-align: center; line-height: 14px; padding-bottom: 0; margin-bottom: -5px; }
.l_top_menu ._menu > ._right > ._noti > ._btn3 > ._menu > ._num_wrap ._num { display: inline-block; background: #ccc; color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; padding: 1px 3px; border-radius: 7px; }
.l_top_menu ._menu > ._right > ._noti > ._btn3 > ._menu > ._num_wrap ._on { background: red; }

.l_bottom_menu { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; background: #fff; box-shadow: 0 -1px 10px rgba(50, 50, 50, 0.25); }
.l_bottom_menu > ._content { width: 100%; max-width: 500px; margin: 0 auto; background: #f5f5f5; }
.l_bottom_menu > ._content > table { width: 100%; }
.l_bottom_menu ._menu { display: table; width: 100%; }
.l_bottom_menu ._menu > ._cell { display: table-cell; width: 100%; height: 55px; text-align: center; vertical-align: middle; }
.l_bottom_menu ._menu > ._cell > img { width: 30px; }
.l_bottom_menu ._menu > ._cell > ._title { font-size: 12px; margin-top: 3px; margin-bottom: 2px; }
.l_bottom_menu .sky_button { display: inline-block; position: fixed; right: 0; bottom: 54px; z-index:99999; }


.l_main_title { display: table; width: 100%; border-bottom: 1px solid #ddd; }
.l_main_title > ._cell { display: table-cell; width: 100%; height: 48px; text-align: center; vertical-align: middle; font-size: 18px; }
.l_main_title > ._cell > ._back { position: absolute; top: 15px; left: 1px; width: 40px; height: 20px; background: url(/com/img/icon/arrow_left.jpg) no-repeat center/contain; cursor: pointer; }

.l_main_banner { display: table; width: 100%; background: #ffd601; }
.l_main_banner > ._cell { display: table-cell; position: relative; width: 100%; height: 100px; text-align: center; vertical-align: middle; }
.l_main_banner > ._cell > ._tip { position: absolute; top: 3px; left: 5px; font-size: 12px; font-weight: 500; color: #fff7d4; }
.l_main_banner > ._cell > ._main_title { font-size: 30px; font-weight: bold; color: #fff; }
.l_main_banner > ._cell > ._main_title > ._sub { font-size: 18px; color: #fff; }
.l_main_banner > ._cell > ._main_title > ._btn_wrap { display: inline-block; position: relative; width: 116px; height: 26px; margin-left: 15px; }
.l_main_banner > ._cell > ._main_title > ._btn_wrap > ._btn { display: inline-block; position: absolute; top: 0; left: 0; background: #F06161; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 8px 10px 10px; box-sizing: border-box; cursor: pointer; }
.l_main_banner > ._cell > ._sub_title { font-size: 14px; color: #fff; margin-top: 10px; }

.l_msg_box { font-size: 12px; line-height: 14px; padding: 10px 12px; background: #f5f5f5; color: #999; box-sizing: border-box; color: #888; }
.l_msg_box > ._title { position: relative; font-size: 16px; line-height: 16px; margin-bottom: 10px; color: #444; }
.l_msg_box > ._title > ._right { position: absolute; top: 0; right: 0; color: orangered; }
.l_content { position: relative; background: #ffffff; }
.l_content1 { position: relative; background: #ffffff; padding: 0 4%; }
.l_content2 { position: relative; background: #f5f5f5; padding: 0 4%; }
.l_content1 > ._col2:after { display: block; clear: both; content: ''; }
.l_content1 > ._col2 > ._left { float: left; width: 48%; }
.l_content1 > ._col2 > ._right { float: right; width: 48%; }



.l_content > ._main_banner { position: relative; width: 100%; height: 180px; overflow: hidden; }
.l_content > ._main_banner > ._list { position: absolute; left: 0; top: 0; width: 100%; height: 180px; z-index: 4; }
.l_content > ._main_banner > ._list > ._item { position: absolute; left: 0; top: 0; width: 100%; height: 180px; }
.l_content > ._main_banner > ._list > ._item > ._filter { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); }
.l_content > ._main_banner > ._list > ._item > ._filter > ._img { width: 100%; height: 180px; margin: 0 auto; z-index: 5; cursor: pointer; }
.l_content > ._main_banner > ._btns { position: relative; width: 100%; height: 100%; margin: 0 auto;  z-index: 6; pointer-events: none; }
.l_content > ._main_banner > ._btns > ._left { float: left; height: 100%; display: table; }
.l_content > ._main_banner > ._btns > ._right { float: right; height: 100%; display: table; }
.l_content > ._main_banner > ._btns > ._left > ._btn { display: table-cell; vertical-align: middle; z-index: 7; cursor: pointer; pointer-events: all; }
.l_content > ._main_banner > ._btns > ._right > ._btn { display: table-cell; vertical-align: middle; z-index: 7; cursor: pointer; pointer-events: all; }
.l_content > ._main_banner > ._paging > ._wrap { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px;; text-align: center; vertical-align: top; padding-top: 10px; box-sizing: border-box; z-index: 6; cursor: default; }
.l_content > ._main_banner > ._paging > ._wrap > ._page { display: inline-block; width: 25px; height: 25px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; margin: 0 3px; z-index: 7; cursor: pointer; }
.l_content > ._main_banner > ._paging > ._wrap > ._on { background: rgba(255, 255, 255, 0.7); }



.contents-head { width: 100%; min-width: 100%; }
.contents-head > ._banner { background-image: linear-gradient(to right, #1e8a7b, #4349ab); }
.contents-head > ._banner > ._wrap { position: relative; width: 100%; height: 120px; margin: 0 auto; }
.contents-head > ._banner > ._wrap > ._img { position: absolute; top: 20px; left: 20px; width: 150px; height: 60px; background: rgba(255, 255, 255, 0.25); }
.contents-head > ._banner > ._wrap > ._img > img { height: 60px; }
.contents-head > ._banner > ._wrap > ._title { position: absolute; top: 62px; left: 20px; font-size: 15px; line-height: 20px; color: #fff; }
.contents-head > ._banner > ._wrap > ._title3 { position: absolute; top: 20px; left: 20px; font-size: 26px; color: #fff; }
.contents-head > ._banner > ._wrap > ._title1 { position: absolute; top: 25px; left: 30px; font-size: 26px; line-height: 32px; color: #fff; }
.contents-head > ._banner > ._wrap > ._title2 { position: absolute; top: 34px; left: 550px; font-size: 30px; line-height: 40px; color: #fff; }
.contents-head > ._menu { background-image: #fff; border-bottom: 1px solid #ddd; }
.contents-head > ._menu > ._wrap { position: relative; width: 100%; height: 45px; margin: 0 auto; }
.contents-head > ._menu > ._wrap:after { display: block; clear: both; content: ''; }
.contents-head > ._menu > ._wrap > ._menu { float: left; height: 45px; padding: 0 15px; padding-top: 15px; box-sizing: border-box; font-size: 15px; cursor: pointer; margin-right: 2px; } 
.contents-head > ._menu > ._wrap > ._on { border-bottom: 3px solid #0057ab; }
.contents-head > ._menu_wrap { background: #f7f7f7; }
.contents-head > ._menu_wrap > table { width: 100%; }
.contents-head > ._menu_wrap > table tr {  border-bottom: 1px solid #ddd; }
.contents-head > ._menu_wrap > table td { text-align: center; }
.contents-head > ._menu_wrap ._menu { display: block; font-size: 13px; padding: 10px 0; cursor: pointer; color: #444; } 
.contents-head > ._menu_wrap ._on { border-bottom: 3px solid #0057ab; color: #030066; }

.contents-head2 { position: relative; width: 100%; min-width: 100%; z-index: 1000; }
.contents-head2 > ._banner { position: relative; z-index: 2; }
.contents-head2 > ._banner > ._filter { background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); }
.contents-head2 > ._banner > ._filter > ._wrap { position: relative; width: 100%; height: 180px; margin: 0 auto; }
.contents-head2 > ._banner > ._filter > ._wrap > ._img { position: absolute; top: 7px; left: 10px; width: 70px; height: 53px; background: rgba(255, 255, 255, 0.25); z-index: 3; }
.contents-head2 > ._banner > ._filter > ._wrap > ._img2 { position: absolute; top: 7px; left: 10px; width: 55px; height: 55px; background: rgba(255, 255, 255, 0.25); z-index: 3; border-radius: 10px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._img3 { position: absolute; bottom: 7px; right: 10px; width: 95px; height: 95px; background: rgba(255, 255, 255, 0.25); z-index: 3; border-radius: 50px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._title1 { position: absolute; top: 40px; left: 16px; height: 23px; overflow: hidden; font-size: 22px; font-weight: 500; color: #fff; text-shadow: 1px 1px 1px #000; }
.contents-head2 > ._banner > ._filter > ._wrap > ._title12 { position: absolute; top: 29px; left: 76px; height: 23px; overflow: hidden; font-size: 22px; font-weight: 500; color: #fff; text-shadow: 1px 1px 1px #000; }
.contents-head2 > ._banner > ._filter > ._wrap > ._title2 { position: absolute; top: 75px; left: 18px; font-size: 16px; color: #FFFF48; text-shadow: 1px 1px 1px #000; }
.contents-head2 > ._banner > ._filter > ._wrap > ._title2 > ._reload { margin-left: 10px; cursor: pointer; }
.contents-head2 > ._banner > ._filter > ._wrap > ._title2 > ._reload > img { width: 20px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 { position: absolute; top: 100px; left: 18px; font-size: 13px; color: #f7f7f7; text-shadow: 1px 1px 1px #000; width: 220px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row { position: relative; margin-top: 8px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row:after { display: block; clear: both; content: ''; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row > ._left { float: left; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row > ._right { float: right; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row ._rtop1 { position: absolute; right: -115px; top: -3px; background: #FF0000; color: #fff; padding: 2px 7px 4px; font-size: 13px; border-radius: 3px; animation-name: cms-twinkle01; animation-duration: 1.5s; animation-iteration-count: infinite; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row ._rtop2 { position: absolute; right: -115px; top: -3px; background: #FFBB00; color: #fff; padding: 2px 7px 4px; font-size: 13px; border-radius: 3px; animation-name: cms-twinkle01; animation-duration: 1.5s; animation-iteration-count: infinite; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row ._rtop3 { position: absolute; right: -115px; top: -3px; background: #2F9D27; color: #fff; padding: 2px 7px 4px; font-size: 13px; border-radius: 3px; animation-name: cms-twinkle01; animation-duration: 1.5s; animation-iteration-count: infinite; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area4 { position: absolute; top: 148px; left: 254px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area4 > ._btn { display: inline-block; color: #fff; border: none; border-radius: 3px; font-size: 14px; line-height: 14px; padding: 2px 7px 4px; box-sizing: border-box; cursor: pointer; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area5 { position: absolute; top: 126px; left: 254px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area5 > ._btn { display: inline-block; color: #fff; border: none; border-radius: 3px; font-size: 14px; line-height: 14px; padding: 2px 7px 4px; box-sizing: border-box; cursor: pointer; }
.contents-head2 > ._banner > ._filter > ._wrap > ._top-right-msg { position: absolute; top: 5px; right: 5px; font-size: 11px; line-height: 13px; font-weight: 300; color: #f7f7f7; text-shadow: 1px 1px 1px #666; text-align: right; }
.contents-head2 > ._banner > ._filter > ._wrap > ._down-popup { display: none; position: absolute; top: 165px; left: 60px; width: 280px; font-size: 12px; font-weight: 300; line-height: 16px; background: #fff; color: #000; border: 1px solid #ccc; border-radius: 10px; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); padding: 20px; box-sizing: border-box; z-index: 4; }
.contents-head2 > ._banner > ._filter > ._wrap > ._down-popup > ._close { position: absolute; top: 5px; right: 2px; font-size: 20px; font-weight: 500; padding: 0 5px; cursor: pointer; }
.contents-head2 > ._banner > ._filter > ._wrap > ._down-popup > ._title { font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._down-popup > ._text1 { font-size: 16px; font-weight: bold; border-top: 1px dashed #ccc; padding-top: 10px; margin-top: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.contents-head2 > ._mid_wrap { background: #f7f7f7; padding: 10px; }
.contents-head2 > ._mid_wrap > ._box { background: #fff; border: 1px solid #ddd; }
.contents-head2 > ._mid_wrap > ._box > ._head { padding: 10px 18px; }
.contents-head2 > ._mid_wrap > ._box > ._body { padding: 0 15px; }
.contents-head2 > ._mid_wrap > ._box > ._body > ._btn1 { font-size: 14px; font-weight: 400; background: #f75298; color: #fff; text-align: center; width: 49%; padding: 12px 0; border-radius: 5px; cursor: pointer; }
.contents-head2 > ._mid_wrap > ._box > ._body > ._btn2 { font-size: 14px; font-weight: 400; background: #2481ff; color: #fff; text-align: center; width: 49%; padding: 12px 0; border-radius: 5px; cursor: pointer; }
.contents-head2 > ._mid_wrap > ._box > ._body > ._btn3 { font-size: 14px; font-weight: 400; background: #41AF39; color: #fff; text-align: center; width: 49%; padding: 12px 0; border-radius: 5px; cursor: pointer; }
.contents-head2 > ._mid_wrap > ._box > ._foot { padding: 10px 18px; font-size: 12px; line-height: 14px; font-weight: 300; text-align: justify; }

.contents-head2 > ._menu_wrap { background: #f7f7f7; }
.contents-head2 > ._menu_wrap > table { width: 100%; border-top: 1px solid #ddd; }
.contents-head2 > ._menu_wrap > table tr { border-bottom: 1px solid #ddd; }
.contents-head2 > ._menu_wrap > table td { text-align: center; }
.contents-head2 > ._menu_wrap ._menu { display: block; font-size: 13px; padding: 10px 0; cursor: pointer; color: #444; } 
.contents-head2 > ._menu_wrap ._on { border-bottom: 3px solid #0057ab; color: #030066; }

.contents-head3 { position: relative; width: 100%; min-width: 100%; z-index: 1000; }
.contents-head3 > ._banner { position: relative; z-index: 2; }
.contents-head3 > ._banner > ._filter { background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); }
.contents-head3 > ._banner > ._filter > ._wrap { position: relative; width: 100%; height: 160px; margin: 0 auto; }
.contents-head3 > ._banner > ._filter > ._wrap > ._img { position: absolute; top: 0; left: 0; width: 100%; height: 160px; background: rgba(255, 255, 255, 0.25); z-index: 3; }



.win_num_slider { position: relative; width: 355px; margin: 20px auto 0; background: #fff; }
.win_num_slider:after { display: block; clear: both; content: ''; }
.win_num_left { float: left; width: 20px; height: 100px; text-align: center; padding-top: 35px; box-sizing: border-box; cursor: pointer; }
.win_num_right { float: left; width: 20px; height: 100px; text-align: center; padding-top: 35px; box-sizing: border-box; cursor: pointer; }
.win_num_view { float: left; position: relative; width: 315px; height: 100px; overflow: hidden; }
.win_num_contents { position: absolute; left: 0; top: 0; width: 10000px; }
.win_num { float: left; width: 315px; height: 100px; text-align: center; }
.win_num > ._head { height: 14px; font-size: 14px; }
.win_num > ._body { height: 32px; display: inline-block; margin-top: 16px; }
.win_num > ._body > ._ball { float: left; display: table; background: red; width: 32px; height: 32px; border-radius: 50%; margin: 0 3px; }
.win_num > ._body > ._ball > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; } 
.win_num > ._body > ._b1 { background: #fbc400; }
.win_num > ._body > ._b2 { background: #3463fc; }
.win_num > ._body > ._b3 { background: #e51414; }
.win_num > ._body > ._b4 { background: #4b4e59; }
.win_num > ._body > ._b5 { background: #1ba321; }
.win_num > ._body > ._plus { float: left; display: table; width: 22px; height: 32px; }
.win_num > ._body > ._plus > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #000; font-size: 18px; font-weight: bold; } 
.win_num > ._foot { height: 12px; font-size: 12px; margin-top: 15px; }
.win_num_select { position: absolute; display: none; right: 85px; top: 17px; background: #fff; border: 1px solid #ddd; padding: 5px 10px; font-size: 13px; line-height: 13px; z-index: 9999; }
.win_num_select > ._option { margin-top: 5px; cursor: pointer; }
.win_num_select > ._option:first-child { margin-top: 0px; }



.lotto-num { display: inline-block; }
.lotto-num:after { display: block; clear: both; content: ''; }
.lotto-num > ._ball { float: left; display: table; background: #fff; width: 32px; height: 32px; border-radius: 50%; margin: 0 3px; }
.lotto-num > ._ball > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; } 
.lotto-num > ._b1 { background: #fbc400; }
.lotto-num > ._b2 { background: #3463fc; }
.lotto-num > ._b3 { background: #e51414; }
.lotto-num > ._b4 { background: #4b4e59; }
.lotto-num > ._b5 { background: #1ba321; }
.lotto-num > ._plus { float: left; display: table; width: 22px; height: 32px; }
.lotto-num > ._plus > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #000; font-size: 18px; font-weight: bold; } 
.lotto-color1 { background: #fbc400; color: #fff; }
.lotto-color2 { background: #3463fc; color: #fff; }
.lotto-color3 { background: #e51414; color: #fff; }
.lotto-color4 { background: #4b4e59; color: #fff; }
.lotto-color5 { background: #1ba321; color: #fff; }

.lotto-num2 { display: inline-block; }
.lotto-num2:after { display: block; clear: both; content: ''; }
.lotto-num2 > ._ball { float: left; display: table; background: #fff; width: 38px; height: 38px; border-radius: 50%; margin: 0 3px; }
.lotto-num2 > ._ball > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; line-height: 18px; font-weight: bold; } 
.lotto-num2 > ._b1 { background: #fbc400; }
.lotto-num2 > ._b2 { background: #3463fc; }
.lotto-num2 > ._b3 { background: #e51414; }
.lotto-num2 > ._b4 { background: #4b4e59; }
.lotto-num2 > ._b5 { background: #1ba321; }

.lotto-num3 { display: inline-block; }
.lotto-num3:after { display: block; clear: both; content: ''; }
.lotto-num3 > ._ball { float: left; display: table; background: #fff; border: 1px solid #000; width: 38px; height: 38px; margin: 0 3px; }
.lotto-num3 > ._ball > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #000; font-size: 18px; line-height: 18px; font-weight: bold; } 
.lotto-num3 > ._b1 { background: #fff; }
.lotto-num3 > ._b2 { background: #fff; }
.lotto-num3 > ._b3 { background: #fff; }
.lotto-num3 > ._b4 { background: #fff; }
.lotto-num3 > ._b5 { background: #fff; }

.lotto-num-mask { display: none; position: absolute; top: 0; bottom: 0; left: -1000px; right: 0; background: rgba(0, 0, 0, 0.4); }
.lotto-num-mask > ._line { display: inline-block; width: 100%; height: 2px; background: orangered; margin-top: 24px; }



.l_title { position: relative; }
.l_title:after { display: block; clear: both; content: ''; }
.l_title > ._left { float: left; font-size: 16px; line-height: 16px; font-weight: bold; }
.l_title > ._right { float: right; font-size: 14px; line-height: 16px; color: gray; }
.l_title > ._right > a { color: gray;}
.l_title2 { position: relative; }
.l_title2:after { display: block; clear: both; content: ''; }
.l_title2 > ._left { float: left; font-size: 18px; line-height: 26px; font-weight: bold; }
.l_title2 > ._right { float: right; }



.l_foot { width: 100%; min-width: 320px; background-color: #444; }
.l_foot > ._wrap { width: 100%; }
.l_foot > ._wrap > ._menu { text-align: center; border-bottom: 1px solid #666; padding-bottom: 10px; }
.l_foot > ._wrap > ._menu > ._item { display: inline-block; }
.l_foot > ._wrap > ._menu > ._item > ._link { display: block; padding: 10px 10px 0 10px; font-size: 12px; line-height: 12px; color: #ddd; }
.l_foot > ._wrap > ._menu > ._link:hover .l_foot > ._menu > ._link,
.l_foot > ._wrap > ._menu > ._link:active .l_foot > ._menu > ._link { color: #fff; }
.l_foot > ._wrap > ._text { text-align: center; color: #bbb; font-size: 12px; line-height: 16px; padding: 10px 5px 15px; }



.l_right_side_menu_bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 999999999; }
.l_right_side_menu { position: fixed; top: 0; right: 0; width: 0; height: 100%; background: #1b1b76; color: #fff; box-shadow: 0 0 26px rgba(0, 0, 0, 0.5); transition: 0.3s; overflow: hidden; z-index :9999999999; }
.l_right_side_menu._on{ width: 250px; }
.l_right_side_menu > button { border: none; }
.l_right_side_menu > button.close { position: absolute; top: 21px; left: 11px; padding: 0; margin: 0; width: 16px; height: 16px; background: none; color: #fff; opacity: 1; cursor: pointer; }
.l_right_side_menu > button.close:after { content: ''; height: 16px; border-left: 1px solid #fff; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0; }
.l_right_side_menu > button.close:before { content: ''; height: 16px; border-left: 1px solid #fff; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 0; }
.l_right_side_menu > ._info { position: absolute; top: 10px; left: 40px; width: 180px; height: 40px; background: #fff; border-radius: 5px; padding: 5px 0 0 10px; box-sizing: border-box; }
.l_right_side_menu > ._info > ._name { color: #0054FF; font-size: 12px; }
.l_right_side_menu > ._info > ._point { color: #C92800; margin-top: 4px; font-size: 12px; }
.l_right_side_menu > ._info > ._login { color: #000; margin-top: 7px; font-size: 14px; }
.l_right_side_menu > .sidenav { position: absolute; top: 65px; left: 40px; width: 210px; height: 100%; box-sizing: border-box; display: flex; justify-content: center; font-size: 14px; }
.l_right_side_menu > .sidenav > li { display: inline-block; margin: 0 30px 0 0; text-align: center; height: 100%; }
.l_right_side_menu > .sidenav > li > a { display: block; color: #959595; width: auto; height: 20px; white-space: nowrap; overflow: hidden; }
.l_right_side_menu > .sidenav > li > ol { display: none; position: absolute; top: 30px; left: 0px; width: 210px; height: 100%; padding-bottom: 200px; box-sizing: border-box; overflow-y: scroll; text-align: left; }
.l_right_side_menu > .sidenav > li > ol > li { display: block; }
.l_right_side_menu > .sidenav > li > ol > li > a { display:block; padding: 7px 0; color: #fff; letter-spacing: -1px; }
.l_right_side_menu > .sidenav > li > ol > li > ._title { color: #B2CCFF; font-size: 13px; }
.l_right_side_menu > .sidenav > li > ol > li > ._body { position: absolute; top: 30px; left: 0; width: 170px; box-sizing: border-box; text-align: left; }
.l_right_side_menu > .sidenav > li > ol > li > ._body > ._middle-msg { font-size: 14px; margin-top: 10px; line-height: 20px; text-align: center; }
.l_right_side_menu > .sidenav > li > ol > li > ._body > ._middle-btn { font-size: 14px; margin-top: 20px; border: 1px solid #ccc; background: green; color: #fff; padding: 20px; text-align: center; }
.l_right_side_menu > .sidenav > li._on > a { color: #fff; }
.l_right_side_menu > .sidenav > li._on > a:after { position: absolute; content: ''; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: #fff; }
.l_right_side_menu > .sidenav li._on ol{ display: block; }



.lf-search-select-box { display: block; position: relative; width: 100%; height: 40px; border: 1px solid #ccc; font-size: 14px; line-height: 14px; padding: 11px 0 0 12px; box-sizing: border-box; cursor: pointer; margin-bottom: 10px; }
.lf-search-select-box:after { position: absolute; top: 11px; right: 12px; content: '▼'; color: #5587ED; z-index: 1; }
.lf-search-select-box_on:after  { position: absolute; top: 11px; right: 12px; content: '▼'; color: #DE4F4F; z-index: 2; }
.lf-search-select-box > ._popup { display: none; position: absolute; top: 38px; left: -1px; width: 220px; z-index: 10; background: #fff; border: 1px solid #ccc; padding: 15px; box-sizing: border-box; cursor: default; box-shadow: 0 1px 5px rgba(50, 50, 50, 0.25); }
.lf-search-select-box > ._popup > ._head { position: relative; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; } 
.lf-search-select-box > ._popup > ._head > ._close { position: absolute; top: 0; right: -10px; cursor: pointer; padding: 0 10px; }
.lf-search-select-box > ._popup > ._body { position: relative; } 
.lf-search-select-box > ._popup > ._scroll { height: 200px; overflow-y: scroll; } 
.lf-search-select-box > ._popup > ._body > ._item { display: block; position: relative; font-size: 14px; margin-bottom: 6px; padding-left: 24px; } 
.lf-search-select-box > ._popup > ._body > ._item > input[type=checkbox] { position: absolute; top: -2px; left: -2px; }
.lf-search-select-box > ._popup > ._body > ._item > input[type=radio] { position: absolute; top: -2px; left: -2px; }
.lf-search-select-box > ._popup > ._foot { position: relative; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; } 
.lf-search-btn-1 { display: inline-block; position: relative; width: 100px; height: 40px; border: 1px solid #ccc; background: #eee; color: #000; font-size: 14px; line-height: 14px; padding-top: 11px; box-sizing: border-box; text-align: center; cursor: pointer; }
.lf-search-btn-2 { display: inline-block; position: relative; width: 100px; height: 40px; border: 1px solid #ccc; background: #1D8B15; color: #fff; font-size: 14px; line-height: 14px; padding-top: 11px; box-sizing: border-box; text-align: center; cursor: pointer; }



.win_rank { position: relative; display: inline-block; width: 39px; height: 28px; }
.win_rank > ._rank1 { position: absolute; left: 0; top: 0; padding: 6px 9px 8px; text-align: center; background: red; color: #fff; box-sizing: border-box; border-radius: 15px; }
.win_rank > ._rank2 { position: absolute; left: 0; top: 0; padding: 6px 9px 8px; text-align: center; background: #ee7600; color: #fff; box-sizing: border-box; border-radius: 15px; }
.win_rank > ._rank3 { position: absolute; left: 0; top: 0; padding: 6px 9px 8px; text-align: center; background: #f0dc02; color: #fff; box-sizing: border-box; border-radius: 15px; }
.win_rank > ._rank4 { position: absolute; left: 0; top: 0; padding: 6px 9px 8px; text-align: center; background: #95e020; color: #fff; box-sizing: border-box; border-radius: 15px; }
.win_rank > ._rank5 { position: absolute; left: 0; top: 0; padding: 6px 9px 8px; text-align: center; background: #35bdda; color: #fff; box-sizing: border-box; border-radius: 15px; }
.win_rank > ._rankN { position: absolute; left: 0; top: 0; padding: 6px 7px 8px; text-align: center; background: red; color: #fff; box-sizing: border-box; border-radius: 15px; font-size: 13px; }



.product_list { display: inline-block; width: 100%; }
.product_list > ._item1 { position: relative; width: 100%; margin-top: 15px; cursor: pointer; border: 1px solid #ccc; padding: 10px; box-sizing: border-box;}
.product_list > ._item1 > ._img { position: absolute; left: 1px; top: 1px; width: 116px; height: 126px; background: #f5f5f5; }
.product_list > ._item1 > ._img > ._filter { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); }
.product_list > ._item1 > ._img > ._filter > ._img { position: absolute; left: 0; top: 20px; width: 116px; height: 88px; background: #f5f5f5; }
.product_list > ._item1 > ._ltop { position: absolute; left: 0; bottom: 2px; }
.product_list > ._item1 > ._ltop > img { width: 40px; }
.product_list > ._item1 > ._rtop1 { position: absolute; left: 1px; top: 1px; background: #FF0000; color: #fff; padding: 3px 7px 5px; font-size: 13px; border-radius: 3px; animation-name: cms-twinkle01; animation-duration: 1.5s; animation-iteration-count: infinite; }
.product_list > ._item1 > ._rtop2 { position: absolute; left: 1px; top: 1px; background: #FFBB00; color: #fff; padding: 3px 7px 5px; font-size: 13px; border-radius: 3px; animation-name: cms-twinkle01; animation-duration: 1.5s; animation-iteration-count: infinite; }
.product_list > ._item1 > ._rtop3 { position: absolute; left: 1px; top: 1px; background: #2F9D27; color: #fff; padding: 3px 7px 5px; font-size: 13px; border-radius: 3px; animation-name: cms-twinkle01; animation-duration: 1.5s; animation-iteration-count: infinite; }
.product_list > ._item1 > ._text { margin-left: 116px; }
.product_list > ._item1 > ._text ._head { position: relative; font-size: 12px; height: 12px; }
.product_list > ._item1 > ._text ._head:after { display: block; clear: both; content: ''; }
.product_list > ._item1 > ._text ._head ._left { float: left; font-size: 12px; color: #999; }
.product_list > ._item1 > ._text ._head ._right { float: right; }
.product_list > ._item1 > ._text ._head ._right ._icon1 { background: #5586EB; color: #fff; padding: 1px 7px 2px; border-radius: 6px; margin-top: -1px; }
.product_list > ._item1 > ._text ._head ._right ._icon2 { background: #DE4F4F; color: #fff; padding: 1px 7px 2px; border-radius: 6px; margin-top: -1px; }
.product_list > ._item1 > ._text ._title { font-size: 14px; line-height: 18px; text-align: left; margin: 5px 0 4px; width: 100%; height: 20px; overflow: hidden; }
.product_list > ._item1 > ._text ._foot { border: 1px solid #e5e5e5; padding: 2px 3px 3px; }
.product_list > ._item1 > ._text ._foot ._row { position: relative; margin-top: 1px; background: #f5f5f5; padding: 3px 4px; }
.product_list > ._item1 > ._text ._foot ._row:after { display: block; clear: both; content: ''; }
.product_list > ._item1 > ._text ._foot ._row ._left { float: left; font-size: 12px; color: #666; }
.product_list > ._item1 > ._text ._foot ._row ._left ._price { color: #DB0000; }
.product_list > ._item1 > ._text ._foot ._row ._right { float: right; font-size: 13px; }
.product_list > ._item1 > ._text ._foot ._row ._center { text-align: center; font-size: 12px; }
.product_list > ._item1 > ._text ._foot ._row ._ok { background: #1266FF; }

.lab_list { display: inline-block; width: 100%; }
.lab_list ._item3 { position: relative; width: 100%; margin-top: 15px; cursor: pointer; border: 1px solid #ccc; padding: 10px; box-sizing: border-box; overflow: hidden; }
.lab_list ._item3 ._img { position: absolute; left: 10px; top: 10px; width: 100px; height: 100px; background: #f5f5f5; z-index: 9; }
.lab_list ._item3 ._text { position: relative; height: 100px; margin-left: 115px; }
.lab_list ._item3 ._text ._head { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 3px; }
.lab_list ._item3 ._text ._head:after { display: block; clear: both; content: ''; }
.lab_list ._item3 ._text ._head ._left { float: left; font-size: 12px; color: #999; }
.lab_list ._item3 ._text ._head ._right { float: right; }
.lab_list ._item3 ._text ._title { font-size: 14px; line-height: 14px; text-align: left; margin-top: 4px; width: 100%; height: 14px; overflow: hidden; }
.lab_list ._item3 ._text ._foot { position: absolute; left: 0; bottom: 0; width: 100%; background: #f5f5f5; padding: 2px 7px 7px; box-sizing: border-box; }
.lab_list ._item3 ._text ._foot ._item { position: relative; margin-top: 4px; }
.lab_list ._item3 ._text ._foot ._item:after { display: block; clear: both; content: ''; }
.lab_list ._item3 ._text ._foot ._item ._left { float: left; font-size: 12px; color: #666; }
.lab_list ._item3 ._text ._foot ._item ._right { float: right; font-size: 12px; }

.ps_list { display: inline-block; width: 100%; }
.ps_list ._item2 { float: left; width: 100%; margin-top: 15px; padding: 10px; box-sizing: border-box; cursor: pointer; background: #f5f5f5; }
.ps_list ._item2 ._head { position: relative; }
.ps_list ._item2 ._head ._rank1 { position: absolute; left: 0; top: 0; width: 86px; height: 32px; overflow: hidden; text-align: center; background: red; color: #fff; padding-top: 7px; box-sizing: border-box; border-radius: 15px; }
.ps_list ._item2 ._head ._rank2 { position: absolute; left: 0; top: 0; width: 86px; height: 32px; overflow: hidden; text-align: center; background: #ee7600; color: #fff; padding-top: 7px; box-sizing: border-box; border-radius: 15px; }
.ps_list ._item2 ._head ._rank3 { position: absolute; left: 0; top: 0; width: 86px; height: 32px; overflow: hidden; text-align: center; background: #f0dc02; color: #fff; padding-top: 7px; box-sizing: border-box; border-radius: 15px; }
.ps_list ._item2 ._head ._rank4 { position: absolute; left: 0; top: 0; width: 86px; height: 32px; overflow: hidden; text-align: center; background: #95e020; color: #fff; padding-top: 7px; box-sizing: border-box; border-radius: 15px; }
.ps_list ._item2 ._head ._rank5 { position: absolute; left: 0; top: 0; width: 86px; height: 32px; overflow: hidden; text-align: center; background: #35bdda; color: #fff; padding-top: 7px; box-sizing: border-box; border-radius: 15px; }
.ps_list ._item2 ._head ._number { margin-left: 102px; font-size: 12px; color: #4374D9; }
.ps_list ._item2 ._head ._price { margin-left: 102px; font-size: 13px; margin-top: 4px; color: #CC3D3D; }
.ps_list ._item2 ._title { font-size: 14px; line-height: 18px; text-align: left; width: 100%; margin-top: 13px; border-top: 1px dashed #ccc; padding-top: 10px; white-space: nowrap; overflow: hidden; }
.ps_list ._item2 ._contents { font-size: 12px; line-height: 14px; text-align: left; margin-top: 10px; width: 100%; height: 42px; overflow: hidden; color: #999; }



.menu_list_col2:after { display: block; clear: both; content: ''; }
.menu_list_col2 > ._menu { position: relative; float: left; width: 48%; height: 80px; margin-right: 4%; margin-bottom: 14px; background: #fff; cursor: pointer; overflow: hidden; }
.menu_list_col2 > ._menu:nth-child(2n) { margin-right: 0; }
.menu_list_col2 > ._menu > ._title { display: table; position: absolute; top: 10px; left: 13px; width: 100%; z-index: 1; }
.menu_list_col2 > ._menu > ._title > ._cell { display: table-cell; width: 100%; height: 60px; vertical-align: middle; }
.menu_list_col2 > ._menu > ._title > ._cell > ._main { color: #444; font-size: 15px; line-height: 17px; font-weight: bold; }
.menu_list_col2 > ._menu > ._title > ._cell > ._sub { color: #444; font-size: 12px; line-height: 14px; margin-top: 3px; }
.menu_list_col2 > ._menu > ._icon { display: table; position: absolute; top: 10px; right: 12px; width: 44px; }
.menu_list_col2 > ._menu > ._icon > ._cell { display: table-cell; width: 44px; height: 60px; text-align: center; vertical-align: middle; }
.menu_list_col2 > ._menu > ._icon > ._cell > img { width: 100%; }

.menu_list_col2 > ._menu2 { position: relative; float: left; width: 48%; height: 50px; margin-right: 4%; margin-bottom: 14px; background: #fff; cursor: pointer; overflow: hidden; }
.menu_list_col2 > ._menu2:nth-child(2n) { margin-right: 0; }
.menu_list_col2 > ._menu2 > ._title { display: table; position: absolute; top: 0; left: 56%; z-index: 1; }
.menu_list_col2 > ._menu2 > ._title > ._cell { display: table-cell; height: 50px; vertical-align: middle; }
.menu_list_col2 > ._menu2 > ._title > ._cell > ._main { color: #444; font-size: 13px; line-height: 13px; font-weight: bold; margin-top: -2px; }
.menu_list_col2 > ._menu2 > ._title > ._cell > ._sub { color: #444; font-size: 12px; line-height: 12px; margin-top: 6px; }
.menu_list_col2 > ._menu2 > ._icon { display: table; position: absolute; top: 0; left: 6px; }
.menu_list_col2 > ._menu2 > ._icon > ._cell { display: table-cell; width: 80px; height: 50px; text-align: center; vertical-align: middle; }
.menu_list_col2 > ._menu2 > ._icon > ._cell > img { width: 100%; }

.menu_list_col2 > ._bg01 { background: #fcfff2; }
.menu_list_col2 > ._bg02 { background: #ffedf3; }
.menu_list_col2 > ._bg03 { background: #edf8ff; }



.menu_list_col1 { margin-top: 20px; }
.menu_list_col1 > ._menu { display: block; position: relative; width: 100%; background: #fff; }
.menu_list_col1 > ._menu > ._title { display: table; position: relative; width: 85%; }
.menu_list_col1 > ._menu > ._title > ._cell { display: table-cell; width: 100%; height: 44px; vertical-align: middle; padding-left: 20px; font-size: 15px; }
.menu_list_col1 > ._menu > ._icon { display: table; position: absolute; top: 0; right: 0; width: 15%; }
.menu_list_col1 > ._menu > ._icon > ._cell { display: table-cell; width: 100%; height: 44px; vertical-align: middle; text-align: right; padding-right: 20px; }
.menu_list_col1 > ._menu > ._icon > ._cell > img { height: 16px; }
.menu_list_col1 > ._menu > ._value { display: table; position: absolute; top: 0; right: 0; width: 70%; }
.menu_list_col1 > ._menu > ._value > ._cell { display: table-cell; width: 100%; height: 44px; text-align: right; vertical-align: middle; padding-right: 20px; font-size: 15px; }
.menu_list_col1 > ._menu > ._value > ._cell > img { height: 16px; margin-left: 10px; }
.menu_list_col1 > ._line { height: 1px; padding: 0 20px; background: #fff; }
.menu_list_col1 > ._line > hr { border-top: 1px solid #eee; border-bottom: none; margin: 0; }



.item_list { width: 100%; min-height: 900px; }
.item_list > ._item { display: block; position: relative; width: 100%; height: 50px; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #eee; overflow: hidden; }
.item_list > ._item > ._title { display: block; font-size: 14px; margin-top: 12px; width: 100%; height: 14px; overflow: hidden; }
.item_list > ._item > ._date { display: block; font-size: 11px; margin-top: 4px; color: #ccc; }
.item_list > ._item > ._date > ._status { float: right; font-size: 11px; color: green; }
.item_list > ._no_item { text-align: center; padding-top: 100px; padding-bottom: 80px; }

.item_view { width: 100%; min-height: 900px; }
.item_view > ._item { display: block; position: relative; width: 100%; padding: 0 20px; box-sizing: border-box; padding-bottom: 12px; box-sizing: border-box; border-bottom: 1px solid #eee; }
.item_view > ._item > ._title { display: block; font-size: 14px; margin-top: 12px; width: 100%; }
.item_view > ._item > ._date { display: block; font-size: 11px; margin-top: 5px; color: #ccc; }
.item_view > ._item > ._date > ._status { float: right; font-size: 11px; color: green; }
.item_view > ._content { font-size: 14px; line-height: 18px; font-weight: 300; padding: 12px 20px; }
.item_view > ._content img { width: 100%; }
.item_view > ._answer { background: #f5f5f5; padding: 12px 20px; margin-top: 20px; }
.item_view > ._answer > ._title { font-size: 14px; color: blue; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.item_view > ._answer > ._title > ._date { float: right; font-size: 12px; color: green; }
.item_view > ._answer > ._content { font-size: 14px; line-height: 18px; font-weight: 300; padding: 10px 0; }
.item_view > ._answer img { width: 100%; }



.img_item_list { width: 100%; min-height: 900px; }
.img_item_list > ._item { display: block; position: relative; width: 100%; margin-bottom: 10px; }
.img_item_list > ._item > ._img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; }
.img_item_list > ._item > ._text { position: relative; height: 100px; padding-left: 115px; padding-top: 5px; box-sizing: border-box; }
.img_item_list > ._item > ._text > ._cate { font-size: 16px; margin-top: 5px; color: #999; }
.img_item_list > ._item > ._text > ._title { font-size: 18px; margin-top: 5px; }
.img_item_list > ._item > ._text > ._cash { position: absolute; bottom: 10px; left: 115px; font-size: 20px; font-weight: bold; color: orangered; }
.img_item_list > ._item > ._text > ._cash > ._unit { font-size: 16px; font-weight: 400; margin-left: 5px; color: #999; }



.img_item_list2 { width: 100%; min-height: 900px; }
.img_item_list2 > ._item { display: block; position: relative; width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
.img_item_list2 > ._item > ._img { position: absolute; top: 5px; left: 5px; width: 90px; height: 90px; }
.img_item_list2 > ._item > ._text { position: relative; height: 100px; padding-left: 112px; padding-top: 5px; box-sizing: border-box; }
.img_item_list2 > ._item > ._text > ._cate { font-size: 14px; margin-top: 5px; color: #999; }
.img_item_list2 > ._item > ._text > ._title { font-size: 16px; line-height: 19px; margin-top: 5px; }
.img_item_list2 > ._item > ._text > ._cash { position: absolute; bottom: 10px; left: 112px; font-size: 18px; font-weight: bold; color: orangered; }
.img_item_list2 > ._item > ._text > ._cash > ._unit { font-size: 14px; font-weight: 400; margin-left: 5px; color: #999; }
.img_item_list2 > ._item > ._msg { font-size: 12px; line-height: 14px; background: #eee; padding: 10px; }



.center-box { width: 100%; max-width: 360px; padding: 20px 15px 40px; box-sizing: border-box; border: 1px solid #ccc; background-color: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 6px; margin: 30px auto; }



.login-box { width: 100%; max-width: 360px; margin: 30px auto 0; padding: 70px 0; border: 1px solid #ccc; box-sizing: border-box; background-color: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
.login-box ._body { width: 80%; margin: 0 auto; }
.login-box ._btn { display: table; width: 376px; height: 48px; margin: 0 auto; border-radius: 3px; cursor: pointer; margin-bottom: 8px; }
.login-box ._btn > div { display: table-cell; vertical-align: middle; text-align: center; }
.login-box ._btn > div > img { width: 24px; height: 24px; }
.login-box ._btn > div > span { font-size: 16px; font-weight: bold; line-height: 22px; }
.login-box ._btn-kakao { color: rgb(58, 58, 58); background-color: rgb(255, 232, 18) !important; }
.login-box ._btn-naver { color: rgb(255, 255, 255); background-color: rgb(0, 199, 60) !important; }
.login-box ._btn-facebook { color: rgb(255, 255, 255); background-color: rgb(24, 119, 242) !important; }
.login-box ._btn-google { color: rgb(0, 0, 0); background-color: rgb(248, 248, 248) !important; }
.login-box ._btn-apple { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0) !important; }
.login-box ._agree { margin-top: 15px; font-size: 13px; color: #666; text-align: center; }
.login-box ._agree a { color: #2478FF; text-decoration: underline; }



.join-form ._title { margin: 20px 0 5px 0; font-size: 15px; }
.join-form ._form { position: relative; }
.join-form input[type=text] { width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #999; padding-left: 10px; font-size: 15px; }
.join-form input[type=tel] { width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #999; padding-left: 10px; font-size: 15px; }
.join-form input[type=password] { width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #999; padding-left: 10px; font-size: 15px; }
.join-form input::placeholder { color: #b7b7b7; }
.join-form ._button { display: inline-block; height: 40px; box-sizing: border-box; border-radius: 3px; border: none; color: #fff; font-size: 16px; cursor: pointer; }
.join-form ._submit { width: 100%; height: 44px; box-sizing: border-box; border-radius: 3px; border: none; background: orange; color: #fff; margin-top: 20px; font-size: 18px; cursor: pointer; }
.join-form ._agree { margin-top: 20px; font-size: 11px; line-height: 13px; color: #999; }
.join-form ._agree ._row { position: relative; margin-bottom: 3px; text-align: left; }
.join-form ._agree ._row label { display: inline-block; position: relative; padding: 2px 0 0 18px; cursor: pointer; z-index: 1; }
.join-form ._agree ._row input[type=checkbox] { position: absolute; left: 2px; top: 3px; width: 11px; height: 11px; padding: 0; margin: 0; overflow: hidden; z-index: 2; }
.join-form ._agree ._row2 { position: relative; margin-bottom: 3px; font-size: 18px; font-weight: bold; text-align: left; color: #444; }
.join-form ._agree ._row2 label { display: inline-block; position: relative; padding: 2px 0 0 28px; cursor: pointer; z-index: 1; }
.join-form ._agree ._row2 input[type=checkbox] { position: absolute; left: 2px; top: 3px; width: 18px; height: 18px; padding: 0; margin: 0; overflow: hidden; z-index: 2; }
.join-form ._agree ._line { height: 1px; background: #eee; margin: 5px 0; }
.join-form ._agree a { color: #999; text-decoration: underline; }

.join-form ._msg { color: red; font-size: 13px; margin-top: 2px; }
.join-form ._ok { position: absolute; top: 8px; right: 9px; width: 24px; height: 24px; background: url(/com/img/icon/ok02.png) no-repeat center/cover; }
.join-form ._border-red { border: 1px solid red; }
.join-form ._lr { position: relative; font-size: 13px; }
.join-form ._lr:after { display: block; clear: both; content: ''; }
.join-form ._lr > ._left { float: left; }
.join-form ._lr > ._right { float: right; }



.join-form2 { padding: 0 10px; }
.join-form2 ._form { position: relative; }
.join-form2 input[type=text] { width: 100%; height: 30px; box-sizing: border-box; border: 1px solid #999; padding-left: 10px; font-size: 15px; }
.join-form2 input[type=password] { width: 100%; height: 30px; box-sizing: border-box; border: 1px solid #999; padding-left: 10px; font-size: 15px; }
.join-form2 select { width: 100%; height: 30px; box-sizing: border-box; border: 1px solid #999; padding-left: 10px; font-size: 15px; }
.join-form2 input::placeholder { color: #b7b7b7; }
.join-form2 ._main_title { font-size: 24px; line-height: 24px; text-align: center; margin-top: 40px; margin-bottom: 30px; }
.join-form2 table { width: 100%; font-size: 16px; }
.join-form2 table td { height: 34px; vertical-align: middle; }
.join-form2 table hr { border-top: 1px solid #ddd; border-bottom: none; }
.join-form2 table ._msg { font-size: 13px; line-height: 16px; text-align: center; }
.join-form2 table ._right { text-align: right; }
.join-form2 table ._height-5 { height: 5px; }
.join-form2 table ._height-10 { height: 10px; }
.join-form2 table ._height-20 { height: 20px; }
.join-form2 table ._width-100 { width: 100px; }
.join-form2 ._btn2-red { height: 30px; padding: 0 10px; box-sizing: border-box; background: red; color: #fff; border: none; font-size: 14px; }
.join-form2 ._btn2-green { height: 30px; padding: 0 10px; box-sizing: border-box; background: green; color: #fff; border: none; font-size: 14px; }
.join-form2 ._btn-red { display: inline-block; width: 100%; background: red; color: #fff; font-size: 14px; text-align: center; padding: 10px 0; }
.join-form2 ._btn-submit { display: inline-block; width: 100%; background: #f9d100; color: #fff; font-size: 16px; text-align: center; padding: 15px 0; margin-top: 20px; border-radius: 5px; border: none; box-sizing: border-box; }



.offer_wrap { position: absolute; top: 49px; bottom: 60px; left: 0; right: 0; }
.offer_wrap > iframe { display: inline-block; position: absolute; width: 100%; height: 100%; }



.table01 { position: relative; font-size: 12px; }
.table01 > table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.table01 > table > thead > tr { background: #899eaf; color: #fff; }
.table01 > table > thead > tr > th { padding: 8px 2px; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; vertical-align: middle; }
.table01 > table > tbody > tr:nth-child(2n) { background: #f5f5f5; }
.table01 > table > tbody > tr:nth-child(2n-1) { background: #fff; }
.table01 > table > tbody > tr > td { padding: 8px 2px; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table01 > table ._left { text-align: left; padding-left: 10px; }

.table02 { position: relative; font-size: 12px; }
.table02 > table { width: 100%; }
.table02 > table > thead > tr { border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; background: #f5f5f5; }
.table02 > table > thead > tr > th { height: 40px; text-align: center; vertical-align: middle; }
.table02 > table > tbody > tr { border-bottom: 1px solid #ddd; cursor: pointer; }
.table02 > table > tbody > tr > td { height: 46px; text-align: center; vertical-align: middle; }
.table02 > table > tbody > ._on { background: #C4DEFF; }

.table03 { position: relative; font-size: 12px; margin-bottom: 10px; }
.table03 > table { width: 100%; border-left: solid 1px #eee; border-top: solid 1px #eee; }
.table03 > table > thead > tr { background: #e0eef8; }
.table03 > table > thead > tr > th { height: 35px; text-align: center; vertical-align: middle; border-right: solid 1px #eee; border-bottom: solid 1px #eee; }
.table03 > table > tbody > tr { background: #f3f7f9; }
.table03 > table > tbody > tr > td { height: 35px; text-align: center; vertical-align: middle; border-right: solid 1px #eee; border-bottom: solid 1px #eee; }

.table04 { position: relative; font-size: 12px; }
.table04 > table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.table04 > table > thead > tr {  background: #f5f5f5; }
.table04 > table > thead > tr > th { height: 40px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table04 > table > tbody > tr > th { height: 46px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table04 > table > tbody > tr > td { height: 46px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }

.table05 { position: relative; font-size: 12px; }
.table05 > table { width: 100%; }
.table05 > table > thead > tr { border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; background: #f5f5f5; }
.table05 > table > thead > tr > th { height: 40px; text-align: center; vertical-align: middle; }
.table05 > table > tbody > tr { border-bottom: 1px solid #ddd; cursor: pointer; }
.table05 > table > tbody > tr > td { height: 46px; text-align: center; vertical-align: middle; }

.table06 { position: relative; font-size: 12px; }
.table06 > table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.table06 > table > thead > tr {  background: #f5f5f5; }
.table06 > table > thead > tr > th { height: 24px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table06 > table > tbody > tr > td { height: 24px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }

.table07 { position: relative; font-size: 14px; }
.table07 > table { width: 100%; }
.table07 > table > thead > tr { border-top: 2px solid #999; border-bottom: 1px solid #999; background: #f5f5f5; }
.table07 > table > thead > tr > th { height: 38px; text-align: center; vertical-align: middle; }
.table07 > table > tbody > tr { border-bottom: 1px solid #ddd; cursor: pointer; }
.table07 > table > tbody > ._cursor-default { cursor: default; }
.table07 > table > tbody > ._dashed { border-bottom: 1px dashed #ddd; }
.table07 > table > tbody > tr > td { height: 38px; text-align: center; vertical-align: middle; }
.table07 > table > tbody > ._h30 > td { height: 30px; }
.table07 > table > tbody > tr ._left { text-align: left; padding-left: 20px; }
.table07 > table > tbody > tr ._left2 { text-align: left; padding-left: 10px; }
.table07 > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.table07 > table > tbody > tr ._right2 { text-align: right; padding-right: 10px; }
.table07 > table > tbody > tr ._date { color: green; font-size: 12px; font-weight: 300; margin-left: 10px; }

.table08 { position: relative; font-size: 14px; }
.table08 > table { width: 100%; }
.table08 > table > thead > tr { border-top: 2px solid #6799FF; border-bottom: 1px solid #6799FF; background: #EBF7FF; }
.table08 > table > thead > tr > th { height: 38px; text-align: center; vertical-align: middle; }
.table08 > table > tbody > tr { border-bottom: 1px solid #D9E5FF; cursor: pointer; }
.table08 > table > tbody > tr > td { height: 38px; text-align: center; vertical-align: middle; }

.table09 { position: relative; font-size: 14px; line-height: 16px; }
.table09 > table { width: 100%; border-top: 1px solid #ddd; }
.table09 > table > tbody > tr { border-bottom: 1px solid #ddd; }
.table09 > table > tbody > tr > td { min-height: 40px; padding-top: 5px; padding-bottom: 5px; text-align: center; vertical-align: middle; }
.table09 > table > tbody > tr ._height-30 { height: 30px; }
.table09 > table > tbody > tr ._left { text-align: left; padding-left: 10px; }
.table09 > table > tbody > tr ._left2 { text-align: left; padding-left: 6px; }
.table09 > table > tbody > tr ._left3 { text-align: left; padding-left: 7px; }
.table09 > table > tbody > tr ._right { text-align: right; padding-right: 10px; }
.table09 > table > tbody > tr > td input[type=text] { font-size: 14px; width: 80px; height: 26px; border: 1px solid #999; box-sizing: border-box; padding-left: 5px; }
.table09 > table > tbody > tr > td select { font-size: 14px; width: 80px; height: 26px; border: 1px solid #999; box-sizing: border-box; }
.table09 > table > tbody > tr > td button { font-size: 14px; height: 26px; border: none; box-sizing: border-box; cursor: pointer; }
.table09 > table > tbody > tr > td input[type=file] { font-size: 14px; }

.table10 { position: relative; font-size: 12px; }
.table10 > table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.table10 > table > thead > tr {  background: #ecf2fa; }
.table10 > table > thead > tr > th { height: 38px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table10 > table > tbody > tr > td { height: 56px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }

.table11 { position: relative; }
.table11 > table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.table11 > table > thead > tr { background: #899eaf; color: #fff; }
.table11 > table > tbody > tr > th { padding: 5px 2px; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; vertical-align: middle; background: #f5f5f5; }
.table11 > table > tbody > tr > td { padding: 5px 2px; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; vertical-align: middle; }
.table11 > table ._left { text-align: left; padding-left: 10px; }

.table12 { position: relative; }
.table12 > table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.table12 > table > thead > tr { background: #899eaf; color: #fff; }
.table12 > table > thead > tr > th { height: 46px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table12 > table > tbody > tr > th { height: 46px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #f5f5f5; }
.table12 > table > tbody > tr > td { height: 50px; text-align: center; vertical-align: middle; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table12 > table ._left { text-align: left; padding-left: 20px; }

.table13 { position: relative; font-size: 13px; line-height: 19px; font-weight: 300; }
.table13 > table { width: 100%; }
.table13 > table > thead > tr { border-top: 2px solid #999; border-bottom: 1px solid #999; background: #f5f5f5; }
.table13 > table > thead > tr > th { height: 40px; font-size: 14px; text-align: center; vertical-align: middle; }
.table13 > table > tbody > tr { border-bottom: 1px solid #ddd; }
.table13 > table > tbody > tr > td { text-align: center; vertical-align: middle; padding: 10px 0; }
.table13 > table > tbody > tr > td img {  max-width: 100%; }
.table13 > table > tbody > tr ._left { text-align: left; padding-left: 10px; }
.table13 > table > tbody > tr ._justify { text-align: justify;  padding-left: 13px; padding-right: 13px; }
.table13 > table > tbody > tr ._right { text-align: right; padding-right: 10px; }
.table13 > table > tbody > tr ._date { color: green; font-size: 12px; font-weight: 300; margin-left: 10px; }

.table-menu { position: relative; font-size: 12px; }
.table-menu > table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.table-menu > table > tbody > tr > td { height: 40px; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; cursor: pointer; }
.table-menu > table > tbody > tr > ._on { background: #0057ab; color: #fff; }

.lotto-fighting-ment { padding: 6px 10px; background: #D9E5FF; text-align: center; font-size: 14px; line-height: 18px; }



.offer_wrap { position: absolute; top: 40px; bottom: 55px; left: 0; right: 0; }
.offer_wrap > iframe { display: inline-block; position: absolute; width: 100%; height: 100%; }



.text_banner_01 { position: relative; background: #FFE08C; padding: 10px; }
.text_banner_01 > ._text { font-size: 14px; line-height: 18px; font-weight: 400; }
.text_banner_01 > ._btn { display: block; position: absolute; right: 0; top: 0; bottom: 0; padding: 10px; }
.text_banner_01 > ._btn > ._table { display: table; width: 100%; height: 100%; background: #BB2929; border-radius: 8px; }
.text_banner_01 > ._btn > ._table > ._cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 0 15px; color: #fff; font-size: 14px; line-height: 18px; font-weight: 500; cursor: pointer; }

.text_banner_02 { position: relative; background: #FFD8D8; padding: 10px; }
.text_banner_02 > ._text { font-size: 15px; line-height: 18px; font-weight: 400; }
.text_banner_02 > ._btn { display: block; position: absolute; right: 0; top: 0; bottom: 0; padding: 10px; }
.text_banner_02 > ._btn > ._table { display: table; width: 100%; height: 100%; background: #BB2929; border-radius: 8px; }
.text_banner_02 > ._btn > ._table > ._cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 0 15px; color: #fff; font-size: 14px; line-height: 18px; font-weight: 500; cursor: pointer; }