html { height: 100%; margin: 0; padding: 0; font-size: 10px; }
body { height: 100%; margin: 0; padding: 0; font-size: 1.6rem; }
body, input, textarea, select, button { font-size: 1.6rem; font-family: 'Noto', Dotum, '돋움', sans-serif; }
.wrap { height: 100%; margin: 0; padding: 0; }
.show { display: block !important; }
.hide { display: none !important; }



header { display: block; position: fixed; top: 0; left: 0; right: 0; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 99999; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.header_bg { background: rgba(0, 0, 0, 0.5); }
header > ._wrap { width: 1200px; margin: 0 auto; padding-top: 13px; }
header > ._wrap > ._body { height: 80px; }
header > ._wrap > ._body > ._logo { float: left; margin: 8px 200px 0 10px; }
header > ._wrap > ._body > ._menu { float: left; margin: 25px 0 0 20px; padding: 0 10px; font-size: 18px; font-family: 'Noto'; font-weight: 700; color: #fff; }
header > ._wrap > ._body > ._btn1 { float: right; margin: 15px 15px 0 0; font-size: 12px; border: 1px solid #ccc; padding: 5px 20px; border-radius: 4px; }
header > ._wrap > ._body > ._btn2 { float: right; margin: 15px 15px 0 0; font-size: 12px; border: 1px solid #ccc; padding: 5px 20px; border-radius: 4px; }
header > ._wrap > ._body > ._btn3 { float: right; display: table; position: relative; width: 60px; height: 32px; background: #ddd; margin: 8px 8px 0 0; cursor: pointer; }
header > ._wrap > ._body > ._btn3 > ._menu { display: table-cell; vertical-align: middle; text-align: center; font-size: 13px; line-height: 19px; padding-bottom: 2px; }
header > ._wrap > ._body > ._btn3 > ._popup { position: absolute; right: 0; top: 32px; border: 1px solid #999; background: #fff; width: 300px; min-height: 400px; z-index: 9999; display: none; }
header > ._wrap > ._body > ._btn3 > ._menu > ._num_wrap { display: inline-block; text-align: center; }
header > ._wrap > ._body > ._btn3 > ._menu > ._num_wrap ._num { display: inline-block; background: #ccc; color: #fff; font-size: 14px; font-weight: bold; padding: 0 3px; border-radius: 7px; }
header > ._wrap > ._body > ._btn3 > ._menu > ._num_wrap ._on { background: red; }

.top_button { display: inline-block; position: fixed; right: 10px; bottom: 10px; width: 60px; height: 60px; z-index:99999; }
.sky_button { display: inline-block; position: fixed; right: 10px; bottom: 10px; z-index:99999; }



#header_pop01 { cursor: default; }
#header_pop01 > ._head { position: relative; height: 84px; padding: 16px 20px; box-sizing: border-box; }
#header_pop01 > ._head > ._icon { position: absolute; top: 15px; right: 20px; }
#header_pop01 > ._head > ._tab1 { position: absolute; bottom: -1px; left: 3px; width: 120px; height: 34px; padding-top: 8px; box-sizing: border-box; font-size: 14px; text-align: center; }
#header_pop01 > ._head > ._tab2 { position: absolute; bottom: -1px; right: 3px; width: 120px; height: 34px; padding-top: 8px; box-sizing: border-box; font-size: 14px; text-align: center; }
#header_pop01 > ._head > ._on { background: #f5f5f5; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; }
#header_pop01 > ._head > ._off { background: none; border-bottom: 1px solid #000; }
#header_pop01 > ._body { height: 270px; padding: 15px 20px; box-sizing: border-box; background: #f5f5f5; border-top: 1px solid #000; }
#header_pop01 > ._body > ._point { border-bottom: 1px dashed #999; padding-bottom: 15px; margin-bottom: 8px; }
#header_pop01 > ._body > ._menu { padding: 10px 0; font-size: 14px; cursor: pointer; }
#header_pop01 > ._body > ._middle-msg { font-size: 14px; margin-top: 40px; line-height: 20px; text-align: center; }
#header_pop01 > ._body > ._middle-btn { font-size: 14px; margin: 20px; border: 1px solid #ccc; background: green; color: #fff; padding: 20px; text-align: center; }
#header_pop01 > ._foot { height: 26px; padding: 15px 0 0 20px; box-sizing: border-box; font-size: 14px; }

#header_pop02 > ._head { position: relative; height: 48px; padding: 15px 20px; box-sizing: border-box; }
#header_pop02 > ._body { height: 305px; padding: 1px 0; box-sizing: border-box; border-top: 1px solid #000; }
#header_pop02 > ._body > ._menubar { height: 43px; padding: 8px 20px; background: #f5f5f5; border-bottom: 1px dashed #999; font-size: 13px; line-height: 14px; }
#header_pop02 > ._body > ._menubar > ._name { font-size: 12px; color: #002187; }
#header_pop02 > ._foot { height: 30px; padding: 15px 0 0 20px; box-sizing: border-box; font-size: 14px; }



footer { width: 100%; min-width: 1200px; background-color: #444; }
footer > ._wrap { width: 1200px; margin: 70px auto 0; }
footer > ._wrap > ._menu { text-align: center; border-bottom: 1px solid #666; }
footer > ._wrap > ._menu > ._item { display: inline-block; }
footer > ._wrap > ._menu > ._item > ._link { display: block; padding: 13px; font-size: 12px; line-height: 12px; color: #ddd; }
footer > ._wrap > ._menu > ._link:hover footer > ._menu > ._link,
footer > ._wrap > ._menu > ._link:active footer > ._menu > ._link { color: #fff; }
footer > ._wrap > ._text { text-align: center; color: #bbb; font-size: 12px; line-height: 20px; padding: 20px 5px 25px; }

@media screen and (min-width: 769px) { 
  header > ._wrap > ._top { height: 80px; padding-top: 15px; box-sizing: border-box; }
}



.contents-head { width: 100%; min-width: 1200px; }
.contents-head > ._banner { background-image: linear-gradient(to right, #1e8a7b, #4349ab); }
.contents-head > ._banner > ._wrap { position: relative; width: 1200px; height: 150px; margin: 0 auto; }
.contents-head > ._banner > ._wrap > ._img { position: absolute; top: 15px; left: 100px; width: 300px; height: 120px; background: rgba(255, 255, 255, 0.25); }
.contents-head > ._banner > ._wrap > ._title { position: absolute; top: 34px; left: 500px; font-size: 30px; line-height: 40px; color: #fff; }
.contents-head > ._banner > ._wrap > ._title1 { position: absolute; top: 34px; left: 80px; font-size: 32px; line-height: 40px; 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: 1200px; 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-head2 { position: relative; width: 100%; min-width: 1200px; 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: 1200px; height: 219px; margin: 0 auto; }
.contents-head2 > ._banner > ._filter > ._wrap > ._img { position: absolute; top: 7px; left: 50px; width: 270px; height: 205px; background: rgba(255, 255, 255, 0.25); z-index: 3; }
.contents-head2 > ._banner > ._filter > ._wrap > ._img2 { position: absolute; top: 7px; left: 60px; width: 205px; height: 205px; background: rgba(255, 255, 255, 0.25); z-index: 3; border-radius: 50px; }
.contents-head2 > ._banner > ._filter > ._wrap > ._title1 { position: absolute; top: 35px; left: 400px; font-size: 30px; font-weight: 500; color: #fff; text-shadow: 1px 1px 1px #000; }
.contents-head2 > ._banner > ._filter > ._wrap > ._title2 { position: absolute; top: 85px; left: 400px; font-size: 21px; 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 > ._area3 { position: absolute; top: 115px; left: 400px; font-size: 15px; color: #f7f7f7; text-shadow: 1px 1px 1px #000; width: 260px; }
.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: -143px; top: -3px; 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; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row ._rtop2 { position: absolute; right: -143px; top: -3px; 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; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area3 > ._row ._rtop3 { position: absolute; right: -143px; top: -3px; 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; }
.contents-head2 > ._banner > ._filter > ._wrap > ._area4 { position: absolute; top: 169px; left: 700px; }
.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: 145px; left: 700px; }
.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: 12px; font-weight: 300; line-height: 16px; color: #f7f7f7; text-shadow: 1px 1px 1px #666; text-align: right; }
.contents-head2 > ._banner > ._filter > ._wrap > ._down-popup { display: none; position: absolute; top: 190px; right: 325px; 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 > ._menu { background-image: #fff; border-bottom: 1px solid #ddd; z-index: 1; }
.contents-head2 > ._menu > ._wrap { position: relative; width: 1200px; height: 45px; margin: 0 auto; }
.contents-head2 > ._menu > ._wrap:after { display: block; clear: both; content: ''; }
.contents-head2 > ._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-head2 > ._menu > ._wrap > ._on { border-bottom: 3px solid #0057ab; }

.contents-head3 { position: relative; width: 100%; min-width: 1200px; 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: 1200px; height: 300px; margin: 0 auto; }
.contents-head3 > ._banner > ._filter > ._wrap > ._img { position: absolute; top: 0; left: 0; width: 1200px; height: 300px; background: rgba(255, 255, 255, 0.25); z-index: 3; }



.contents { width: 100%; min-width: 1200px; }
.contents_gray { background: #f7f7f7; margin-bottom: -69px; padding-bottom: 80px; }
.contents > ._wrap { position: relative; width: 1200px; height: 100%; margin: 0 auto; }
.contents > ._wrap2 { width: 500px; height: 100%; margin: 0 auto; }
.contents > ._gray-wrap { position: relative; width: 1200px; height: 100%; margin: 0 auto; background: #f5f5f5; margin-bottom: -69px; }
.contents > ._gray-wrap2 { position: relative; width: 1200px; height: 100%; margin: 0 auto; background: #eef0f5; margin-bottom: -69px; }

.contents > ._main_banner { position: relative; width: 100%; height: 350px; overflow: hidden; }
.contents > ._main_banner > ._list { position: absolute; left: 0; top: 0; width: 100%; height: 350px; }
.contents > ._main_banner > ._list > ._item { position: absolute; left: 0; top: 0; width: 100%; height: 350px; z-index: 4; }
.contents > ._main_banner > ._list > ._item > ._filter { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); }
.contents > ._main_banner > ._list > ._item > ._filter > ._img { width: 100%; min-width: 1200px; max-width: 2000px; height: 350px; margin: 0 auto; z-index: 5; cursor: pointer; }
.contents > ._main_banner > ._btns { position: relative; width: 1200px; height: 100%; margin: 0 auto; z-index: 6; pointer-events: none; }
.contents > ._main_banner > ._btns > ._left { float: left; height: 100%; display: table; }
.contents > ._main_banner > ._btns > ._right { float: right; height: 100%; display: table; }
.contents > ._main_banner > ._btns > ._left > ._btn { display: table-cell; vertical-align: middle; z-index: 7; cursor: pointer; pointer-events: all; }
.contents > ._main_banner > ._btns > ._right > ._btn { display: table-cell; vertical-align: middle; z-index: 7; cursor: pointer; pointer-events: all }
.contents > ._main_banner > ._paging > ._wrap { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px;; text-align: center; vertical-align: top; padding-top: 10px; box-sizing: border-box; z-index: 6; cursor: default; }
.contents > ._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; }
.contents > ._main_banner > ._paging > ._wrap > ._on { background: rgba(255, 255, 255, 0.7); }

.contents > ._full_banner { background: #D9E5FF; }
.contents > ._full_banner > ._wrap { width: 1200px; margin: 0 auto; box-sizing: border-box; }
.contents > ._full_banner > ._wrap:after { display: block; clear: both; content: ''; }
.contents > ._full_banner > ._wrap > ._left { float: left; display: table; width: 600px; height: 350px; padding-left: 80px; box-sizing: border-box; }
.contents > ._full_banner > ._wrap > ._left > ._cell { display: table-cell; vertical-align: middle; }
.contents > ._full_banner > ._wrap > ._left > ._cell > ._title1 { font-family: Noto; font-size: 34px; line-height: 40px; font-weight: 900; }
.contents > ._full_banner > ._wrap > ._left > ._cell > ._title2 { font-family: Noto; font-size: 18px; line-height: 30px; font-weight: 500; color: gray; margin-top: 12px; }
.contents > ._full_banner > ._wrap > ._right { float: left; display: table; width: 600px; height: 350px; text-align: center; }
.contents > ._full_banner > ._wrap > ._right > ._cell { display: table-cell; vertical-align: middle; }

.contents > ._full_banner2 { background: #efdcf8; }
.contents > ._full_banner2 > ._wrap { width: 1200px; margin: 0 auto; box-sizing: border-box; }
.contents > ._full_banner2 > ._wrap:after { display: block; clear: both; content: ''; }
.contents > ._full_banner2 > ._wrap > ._left { float: left; display: table; width: 600px; height: 120px; padding-left: 1px; box-sizing: border-box; }
.contents > ._full_banner2 > ._wrap > ._left > ._cell { display: table-cell; vertical-align: middle; }
.contents > ._full_banner2 > ._wrap > ._left > ._cell > ._title1 { font-family: Noto; font-size: 16px; line-height: 20px; font-weight: 500; color: #49205c; }
.contents > ._full_banner2 > ._wrap > ._left > ._cell > ._title2 > a { display: inline-block; font-family: Noto; font-size: 14px; background: #fff; color: #2f68e9; box-sizing: border-box; text-align: center; width: 180px; height: 26px; padding-top: 5px; margin-top: 10px; }
.contents > ._full_banner2 > ._wrap > ._right { float: left; display: table; width: 600px; height: 120px; text-align: center; }
.contents > ._full_banner2 > ._wrap > ._right > ._cell { display: table-cell; vertical-align: middle; }

.contents > ._full_banner3 { width: 100%; }
.contents > ._full_banner3 > ._wrap { width: 1200px; margin: 0 auto; box-sizing: border-box; }
.contents > ._full_banner3 > ._wrap:after { display: block; clear: both; content: ''; }

.contents ._main_title { border-bottom: 1px solid #e9e9e9; padding-bottom: 12px; }
.contents ._main_title:after { display: block; clear: both; content: ''; }
.contents ._main_title > ._left { float: left; font-size: 24px; line-height: 24px; font-weight: bold; }
.contents ._main_title > ._right { float: right; font-size: 14px; line-height: 24px; color: gray;}
.contents ._main_title > ._right > a { color: gray;}

.contents ._main_title2 { font-size: 24px; line-height: 24px; font-weight: bold; }



.win_num_slider { position: relative; width: 450px; margin: 30px auto 0; background: #fff; }
.win_num_slider:after { display: block; clear: both; content: ''; }
.win_num_left { float: left; width: 30px; height: 100px; text-align: center; padding-top: 38px; box-sizing: border-box; cursor: pointer; }
.win_num_right { float: left; width: 30px; height: 100px; text-align: center; padding-top: 38px; box-sizing: border-box; cursor: pointer; }
.win_num_view { float: left; position: relative; width: 390px; height: 100px; overflow: hidden; }
.win_num_contents { position: absolute; left: 0; top: 0; width: 10000px; }
.win_num { float: left; width: 390px; height: 100px; text-align: center; }
.win_num > ._head { height: 14px; font-size: 14px; }
.win_num > ._body { height: 40px; display: inline-block; margin-top: 16px; }
.win_num > ._body > ._ball { float: left; display: table; background: red; width: 40px; height: 40px; border-radius: 50%; margin: 0 5px; }
.win_num > ._body > ._ball > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; 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: 30px; height: 40px; }
.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: 14px; font-size: 14px; margin-top: 15px; }
.win_num_select { position: absolute; display: none; right: 134px; 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: 36px; height: 36px; border-radius: 50%; margin: 0 5px; }
.lotto-num > ._ball > ._text { display: table-cell; vertical-align: middle; text-align: center; color: #fff; line-height: 16px; font-size: 15px; 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-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; }



.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; }



.box4-list2 { display: inline-block; width: 100%; }
.box4-list2 ._item1 { float: left; width: 215px; margin-left: 30px; margin-top: 30px; cursor: pointer; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; }
.box4-list2 ._item1:after { display: block; clear: both; content: ''; }
.box4-list2 ._item1:nth-child(4n+1) { margin-left: 0; }
.box4-list2 ._item1:nth-child(-n+4) { margin-top: 20px; }
.box4-list2 ._item1 ._img { position: relative; width: 193px; height: 193px; box-sizing: border-box; background: #f5f5f5; z-index: 9; }
.box4-list2 ._item1 ._head { position: relative; margin-top: 9px; font-size: 12px; height: 12px; }
.box4-list2 ._item1 ._head:after { display: block; clear: both; content: ''; }
.box4-list2 ._item1 ._head ._left { float: left; font-size: 12px; color: #999; }
.box4-list2 ._item1 ._head ._right { float: right; }
.box4-list2 ._item1 ._title { font-size: 14px; line-height: 18px; text-align: left; margin: 6px 0 8px; width: 100%; height: 20px; overflow: hidden; }
.box4-list2 ._item1 ._foot { border: 1px solid #e5e5e5; padding: 2px 3px 3px; }
.box4-list2 ._item1 ._foot ._row { position: relative; margin-top: 1px; background: #f5f5f5; padding: 5px 6px; }
.box4-list2 ._item1 ._foot ._row:after { display: block; clear: both; content: ''; }
.box4-list2 ._item1 ._foot ._row ._left { float: left; font-size: 12px; color: #666; }
.box4-list2 ._item1 ._foot ._row ._right { float: right; font-size: 13px; }

.cl4-list { display: inline-block; width: 100%; }
.cl4-list ._item1 { float: left; width: 270px; margin-left: 40px; margin-top: 50px; cursor: pointer; }
.cl4-list ._item1:after { display: block; clear: both; content: ''; }
.cl4-list ._item1:nth-child(4n+1) { margin-left: 0; }
.cl4-list ._item1:nth-child(-n+4) { margin-top: 20px; }
.cl4-list ._item1 ._img { position: relative; width: 270px; height: 205px; background: #f5f5f5; z-index: 9; }
.cl4-list ._item1 ._img ._ltop { position: absolute; left: 0; top: 0; }
.cl4-list ._item1 ._img ._rtop1 { position: absolute; right: 3px; top: 3px; 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; }
.cl4-list ._item1 ._img ._rtop2 { position: absolute; right: 3px; top: 3px; 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; }
.cl4-list ._item1 ._img ._rtop3 { position: absolute; right: 3px; top: 3px; 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; }
.cl4-list ._item1 ._head { position: relative; margin-top: 9px; font-size: 12px; height: 12px; }
.cl4-list ._item1 ._head:after { display: block; clear: both; content: ''; }
.cl4-list ._item1 ._head ._left { float: left; font-size: 12px; color: #999; }
.cl4-list ._item1 ._head ._right { float: right; }
.cl4-list ._item1 ._head ._right ._icon1 { background: #5586EB; color: #fff; padding: 1px 7px 2px; border-radius: 6px; margin-top: -1px; }
.cl4-list ._item1 ._head ._right ._icon2 { background: #DE4F4F; color: #fff; padding: 1px 7px 2px; border-radius: 6px; margin-top: -1px; }
.cl4-list ._item1 ._title { font-size: 14px; line-height: 18px; text-align: left; margin: 6px 0 8px; width: 100%; height: 20px; overflow: hidden; }
.cl4-list ._item1 ._foot { border: 1px solid #e5e5e5; padding: 2px 3px 3px; }
.cl4-list ._item1 ._foot ._row { position: relative; margin-top: 1px; background: #f5f5f5; padding: 5px 6px; }
.cl4-list ._item1 ._foot ._row:after { display: block; clear: both; content: ''; }
.cl4-list ._item1 ._foot ._row ._left { float: left; font-size: 12px; color: #666; }
.cl4-list ._item1 ._foot ._row ._left ._price { color: #DB0000; }
.cl4-list ._item1 ._foot ._row ._right { float: right; font-size: 13px; }
.cl4-list ._item1 ._foot ._row ._center { text-align: center; font-size: 13px; }
.cl4-list ._item1 ._foot ._row ._ok { background: #1266FF; }

.cl3-list { display: inline-block; width: 100%; }
.cl3-list ._item1 { float: left; width: 380px; margin-left: 30px; margin-top: 20px; cursor: pointer; }
.cl3-list ._item1:after { display: block; clear: both; content: ''; }
.cl3-list ._item1:nth-child(3n+1) { margin-left: 0; }
.cl3-list ._item1:nth-child(-n+3) { margin-top: 20px; }
.cl3-list ._item1 ._img { position: relative; width: 380px; height: 205px; background: #f5f5f5; z-index: 9; }
.cl3-list ._item1 ._img ._ltop { position: absolute; left: 3px; top: 3px; background: red; color: #fff; padding: 3px 5px; font-size: 12px; }
.cl3-list ._item1 ._head { position: relative; margin-top: 10px; }
.cl3-list ._item1 ._head:after { display: block; clear: both; content: ''; }
.cl3-list ._item1 ._head ._left { float: left; font-size: 12px; color: #999; }
.cl3-list ._item1 ._head ._right { float: right; }
.cl3-list ._item1 ._title { font-size: 14px; line-height: 18px; text-align: left; margin-top: 5px; width: 100%; height: 38px; overflow: hidden; }
.cl3-list ._item1 ._foot { position: relative; margin-top: 8px; }
.cl3-list ._item1 ._foot:after { display: block; clear: both; content: ''; }
.cl3-list ._item1 ._foot ._left { float: left; font-size: 12px; color: #666; }
.cl3-list ._item1 ._foot ._left ._price { color: #DB0000; }
.cl3-list ._item1 ._foot ._right { float: right; font-size: 13px; }
.cl3-list ._item1 ._foot ._ok { background: #1266FF; }

.cl3-list { display: inline-block; width: 100%; }
.cl3-list ._item2 { float: left; width: 380px; margin-left: 30px; margin-top: 20px; padding: 15px; cursor: pointer; background: #f5f5f5; box-sizing: border-box; }
.cl3-list ._item2:after { display: block; clear: both; content: ''; }
.cl3-list ._item2:nth-child(3n+1) { margin-left: 0; }
.cl3-list ._item2:nth-child(-n+3) { margin-top: 20px; }
.cl3-list ._item2 ._head { position: relative; }
.cl3-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; }
.cl3-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; }
.cl3-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; }
.cl3-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; }
.cl3-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; }
.cl3-list ._item2 ._head ._number { margin-left: 102px; font-size: 12px; color: #4374D9; }
.cl3-list ._item2 ._head ._price { margin-left: 102px; font-size: 13px; margin-top: 4px; color: #CC3D3D; }
.cl3-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; }
.cl3-list ._item2 ._contents { font-size: 12px; line-height: 14px; text-align: left; margin-top: 10px; width: 100%; height: 42px; overflow: hidden; color: #999; }

.cl3-list { display: inline-block; width: 100%; }
.cl3-list ._item3 { float: left; position: relative; width: 380px; height: 200px; margin-left: 30px; margin-top: 25px; cursor: pointer; border: 1px solid #ccc; padding: 20px; box-sizing: border-box; overflow: hidden; }
.cl3-list ._item3:after { display: block; clear: both; content: ''; }
.cl3-list ._item3:nth-child(3n+1) { margin-left: 0; }
.cl3-list ._item3:nth-child(-n+3) { margin-top: 20px; }
.cl3-list ._item3 ._img { position: absolute; left: 20px; top: 20px; width: 160px; height: 160px; background: #f5f5f5; z-index: 9; }
.cl3-list ._item3 ._text { position: relative; margin-left: 180px; width: 160px; height: 160px; }
.cl3-list ._item3 ._text ._head { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.cl3-list ._item3 ._text ._head:after { display: block; clear: both; content: ''; }
.cl3-list ._item3 ._text ._head ._left { float: left; font-size: 12px; color: #999; }
.cl3-list ._item3 ._text ._head ._right { float: right; }
.cl3-list ._item3 ._text ._title { font-size: 14px; line-height: 18px; text-align: left; margin-top: 8px; width: 100%; height: 38px; overflow: hidden; }
.cl3-list ._item3 ._text ._foot { position: absolute; left: 0; bottom: 0; width: 100%; background: #f5f5f5; padding: 2px 5px 12px; box-sizing: border-box; }
.cl3-list ._item3 ._text ._foot ._item { position: relative; margin-top: 8px; }
.cl3-list ._item3 ._text ._foot ._item:after { display: block; clear: both; content: ''; }
.cl3-list ._item3 ._text ._foot ._item ._left { float: left; font-size: 12px; color: #666; }
.cl3-list ._item3 ._text ._foot ._item ._right { float: right; font-size: 12px; }



.cl2-view { padding-left: 320px; position: relative; }
.cl2-view > ._left { width: 300px; height: 300px; padding: 15px; box-sizing: border-box; position: absolute; left: 0; top: 0; border: 1px solid #ddd; }
.cl2-view > ._left > ._img_bg { width: 100%; height: 100%; background: #f7f7f7; }
.cl2-view > ._left > ._img_bg > ._img { width: 100%; height: 100%; }
.cl2-view > ._right { min-height: 300px; width: 100%; padding: 20px 25px; box-sizing: border-box; border: 1px solid #ddd; }
.cl2-view > ._right > ._head { font-size: 20px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.cl2-view > ._right > ._body { margin-top: 25px; }
.cl2-view > ._right > ._body > ._row { margin-top: 15px; color: #444; }
.cl2-view > ._right > ._body > ._row:after { display: block; clear: both; content: ''; }
.cl2-view > ._right > ._body > ._row > ._left { float: left; width: 15%; }
.cl2-view > ._right > ._body > ._row > ._right { float: left; width: 85%; }
.cl2-view > ._right > ._foot { border-top: 1px solid #ddd; margin-top: 25px; padding-top: 10px; }
.cl2-view > ._right > ._foot > ._row { margin-top: 10px; }
.cl2-view > ._right > ._foot > ._row:after { display: block; clear: both; content: ''; }
.cl2-view > ._right > ._foot > ._row > ._left { float: left; }
.cl2-view > ._right > ._foot > ._row > ._left > ._title { display: inline-block; font-size: 20px; font-weight: 500; color: #aaa; padding-top: 3px; }
.cl2-view > ._right > ._foot > ._row > ._left > ._price { display: inline-block; font-size: 24px; font-weight: 900; color: orangered; padding-top: 3px; }
.cl2-view > ._right > ._foot > ._row > ._right { float: right; }



.join-body { margin-bottom: -69px; }
.join-body:after { display: block; clear: both; content: ''; }
.join-body > ._left { float: left; width: 450px; }
.join-body > ._right { float: left; width: 750px; }
.join-body > ._right >._body { width: 450px; margin: 0 auto; }

.center-box { width: 700px; padding: 60px 60px 80px; 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: 50px auto; }

.login-box { width: 560px; margin: 50px auto 0; padding: 80px 0 70px; 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: 450px; margin: 0 auto; }
.login-box ._btn { display: table; width: 100%; height: 44px; 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=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 ._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: 13px; color: #666; }
.join-form ._agree ._row { position: relative; margin-bottom: 3px; }
.join-form ._agree ._row2 { position: relative; margin-bottom: 3px; font-size: 14px; font-weight: bold; }
.join-form ._agree ._line { height: 1px; background: #eee; margin: 5px 0; }
.join-form ._agree a { color: #2478FF; text-decoration: underline; }
.join-form ._agree input[type=checkbox] { position: absolute; left: 2px; top: 3px; padding: 0; margin: 0; overflow: hidden; }
.join-form ._agree label { display: inline-block; position: relative; padding: 2px 0 0 22px; cursor: pointer; }
.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; }

.body_left { position: absolute; top: 0; left: 0; width: 190px; }
.body_left > ._title { margin: 25px 0 0 20px; font-size: 13px; font-weight: bold; color: #003399; }
.body_left > ._menu { margin: 10px 0 0 40px; font-size: 13px; cursor: pointer; }
.body_right { position: relative; margin-left: 190px; min-height: 850px; background: #fff; padding: 0 15px; box-sizing: border-box; }
.body_right2 { position: relative; margin-left: 190px; min-height: 850px; background: #fff; padding: 0 30px; box-sizing: border-box; }



.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 > tr > td { height: 38px; text-align: center; vertical-align: middle; }
.table07 > table > tbody > tr ._left { text-align: left; padding-left: 20px; }
.table07 > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.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; }
.table09 > table { width: 100%; border-top: 1px solid #ddd; }
.table09 > table > tbody > tr { border-bottom: 1px solid #ddd; }
.table09 > table > tbody > tr > td { height: 40px; text-align: center; vertical-align: middle; }
.table09 > table > tbody > tr ._left { text-align: left; padding-left: 20px; }
.table09 > table > tbody > tr ._left2 { text-align: left; padding-left: 12px; }
.table09 > table > tbody > tr ._left3 { text-align: left; padding-left: 15px; }
.table09 > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.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: 46px; 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: 14px; 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: 44px; font-size: 16px; 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: 20px 0; }
.table13 > table > tbody > tr ._left { text-align: left; padding-left: 20px; }
.table13 > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.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: 35px; vertical-align: middle; text-align: center; font-size: 13px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; cursor: pointer; }
.table-menu > table > tbody > tr > ._on { background: #0057ab; color: #fff; }



.lf-search-select-box { display: inline-block; position: relative; width: 150px; height: 40px; border: 1px solid #ccc; font-size: 14px; line-height: 14px; padding: 11px 0 0 12px; box-sizing: border-box; cursor: pointer; }
.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: 250px; 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: 130px; 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: 130px; 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; }



.body-100p { display: inline-block; position: relative; width: 100%; padding: 0 50px; box-sizing: border-box; }
.body-900 { display: inline-block; position: relative; width: 900px; padding: 0 45px; box-sizing: border-box; }
.body-900 > ._col2:after { display: block; clear: both; content: ''; }
.body-900 > ._col2 > ._left { float: left; width: 380px; }
.body-900 > ._col2 > ._right { float: right; width: 380px; }

.popup_buy { position: absolute; top: 45px; right: 0; width: 300px; background: #fff; border: 1px solid #ccc; border-radius: 10px; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); box-sizing: border-box; z-index:999; }
.popup_buy > ._head { font-size: 16px; line-height: 18px; color: #fff; background: #4374D9; padding: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.popup_buy > ._body { padding: 20px; }
.popup_buy > ._body > ._price { font-size: 30px; font-weight: 900; color: #B70000; text-shadow: 1px 1px 1px #ccc; text-align: center; margin-top: 20px; }
.popup_buy > ._body > ._ing { font-size: 30px; font-weight: 900; color: #3669CF; text-shadow: 1px 1px 1px #ccc; text-align: center; margin-top: 20px; padding-bottom: 10px; }
.popup_buy > ._body > ._text1 { font-size: 14px; font-weight: 300; color: #666; text-align: center; margin-top: 8px; }
.popup_buy > ._body > ._btn1 { font-size: 15px; font-weight: 400; background: #f75298; color: #fff; text-align: center; width: 94%; padding: 13px 0; margin: 30px auto 0; border-radius: 5px; cursor: pointer; }
.popup_buy > ._body > ._btn2 { font-size: 15px; font-weight: 400; background: #2481ff; color: #fff; text-align: center; width: 94%; padding: 13px 0; margin: 5px auto 0; border-radius: 5px; cursor: pointer; }
.popup_buy > ._body > ._btn3 { font-size: 15px; font-weight: 400; background: #41AF39; color: #fff; text-align: center; width: 94%; padding: 13px 0; margin: 30px auto 8px; border-radius: 5px; cursor: pointer; }
.popup_buy > ._foot { font-size: 13px; font-weight: 300px; line-height: 18px; background: #EBF7FF; padding: 15px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.body-title-head { height: 50px; font-size: 20px; font-weight: 500; background-image: linear-gradient(to right, #1e8a7b, #4349ab); color: #fff; text-align: center; padding-top: 15px; box-sizing: border-box; }
.body-center-700 { position: relative; width: 700px; margin: 0 auto; }
.body-center-500 { position: relative; width: 500px; margin: 0 auto; }

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



.text_banner_01 { position: absolute; left: 20px; bottom: -3px; width: 630px; background: #FFE08C; padding: 5px 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: 5px; }
.text_banner_01 > ._btn > ._table { display: table; width: 100%; height: 100%; background: #BB2929; border-radius: 5px; }
.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 15px; }
.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: 8px 15px 8px 0; }
.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; }